| | |
| | | </div> |
| | | <div class="right-control"> |
| | | <div class="el-message-box__header panel_header"> |
| | | <div class="el-message-box__title panel_title"><!----><span>监控面板</span> |
| | | <div class="el-message-box__title panel_title"><!----><span>管线信息查询</span> |
| | | <div class="panel_searchTotal">共<span style="color: #f5c228;margin:0 5px">{{ total }}</span>条记录 |
| | | </div> |
| | | </div> |
| | |
| | | <div> |
| | | <el-card class="search-panel"> |
| | | <el-form ref="form" :model="form" label-width="90px" class="search-form"> |
| | | <el-form-item label="单号:"> |
| | | <el-form-item label="管线类型:"> |
| | | <el-input v-model="form.transNo" size="mini" placeholder="在此输入委托单号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="承运商:"> |
| | | <el-form-item label="数据类型:"> |
| | | <el-input v-model="form.carrierName" size="mini" placeholder="在此输入承运商"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="运输方式:"> |
| | | <el-select size="mini" v-model="form.transMode" popper-class="selectFrom" |
| | | placeholder="全部"> |
| | | <el-option |
| | | v-for="item in ysfsList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="发运时间:"> |
| | | 从 |
| | | <el-date-picker |
| | | v-model="form.fysj" |
| | | type="date" |
| | | style="width: 110px;" |
| | | placeholder="选择日期" |
| | | :popper-append-to-body="false"> |
| | | </el-date-picker> |
| | | 到现在 |
| | | </el-form-item> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="17"> |
| | | <el-row> |
| | | <el-form-item label="载具号:"> |
| | | <el-form-item label="模糊搜索:"> |
| | | <el-input v-model="form.vehicleNo" size="mini" |
| | | placeholder="在此输入载具号" class="customInput"></el-input> |
| | | placeholder="在此输入关键字"></el-input> |
| | | </el-form-item> |
| | | </el-row> |
| | | <el-row> |
| | | <el-form-item label="状态:"> |
| | | <el-select size="mini" v-model="form.orderState" |
| | | popper-class="selectFrom" placeholder="全部" |
| | | class="customInput"> |
| | | <el-option |
| | | v-for="item in ztList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | <el-form-item> |
| | | <input type="button" class="btn-reset" @click="handleSearch" value="重置"> |
| | | <input type="button" class="btn-ok" @click="handleSearch" value="确定"> |
| | | </el-form-item> |
| | | </el-row> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <div class="B-TMD-inp-button" @click="handleSearch"></div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-card> |
| | | <el-card class="search-result" style="height:271px;"> |
| | |
| | | height: 573px; |
| | | position: absolute; |
| | | right: 10px; |
| | | bottom: 10px; |
| | | top: 10px; |
| | | |
| | | .el-card__body { |
| | | padding: 7px; |
| | |
| | | width: 118px; |
| | | } |
| | | |
| | | .btn-ok{ |
| | | float:right; |
| | | margin-right:10px; |
| | | width: 4rem; |
| | | background-color: lightblue; |
| | | color: white; |
| | | border: 1px solid white; |
| | | } |
| | | .btn-reset{ |
| | | float:right; |
| | | margin-right:10px; |
| | | width: 4rem; |
| | | background-color: orange; |
| | | color: white; |
| | | border: 1px solid white; |
| | | } |
| | | |
| | | .component-fade-enter-active, .component-fade-leave-active { |
| | | transition: opacity .5s ease; |
| | | } |