派生自 wuyushui/SewerAndRainNetwork
src/components/panel/MonitorPanel.vue
@@ -15,7 +15,7 @@ </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> @@ -25,61 +25,20 @@ <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 label="模糊搜索："> <el-input v-model="form.vehicleNo" size="mini" placeholder="在此输入关键字"></el-input> </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> <input type="button" class="btn-reset" @click="handleSearch" value="重置"> <input type="button" class="btn-ok" @click="handleSearch" value="确定"> </el-form-item> <el-row :gutter="20"> <el-col :span="17"> <el-row> <el-form-item label="载具号："> <el-input v-model="form.vehicleNo" size="mini" placeholder="在此输入载具号" class="customInput"></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> </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;"> @@ -385,7 +344,7 @@ height: 573px; position: absolute; right: 10px; bottom: 10px; top: 10px; .el-card__body { padding: 7px; @@ -447,6 +406,23 @@ 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; } @@ -486,12 +462,12 @@ width: 16px; height: 22px; display: block; background: url('/assets/images/map-page/icon/icon.png') no-repeat 0 -90px; background: url('/assets/images/map-pages/icon/icon.png') no-repeat 0 -90px; cursor: pointer; } .B-TMD-table-list-title-y-car { background: url('/assets/images/map-page/icon/icon.png') no-repeat -45px 0; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -45px 0; width: 38px; height: 38px; display: block; @@ -499,7 +475,7 @@ } .B-TMD-table-list-title-y-car-offline { background: url('/assets/images/map-page/icon/icon.png') no-repeat -90px 0; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -90px 0; width: 38px; height: 38px; display: block; @@ -507,7 +483,7 @@ } .B-TMD-table-list-title-y-car-warning { background: url('/assets/images/map-page/icon/icon.png') no-repeat 0 0; background: url('/assets/images/map-pages/icon/icon.png') no-repeat 0 0; width: 38px; height: 38px; display: block; @@ -517,7 +493,7 @@ .btn-stretch { width: 20px; height: 28px; background: url('/assets/images/map-page/icon/icon.png') no-repeat -408px 0; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -408px 0; margin-left: 10px; margin-top: 3px; cursor: pointer; @@ -528,7 +504,7 @@ } .btn-stretch-active { background: url('/assets/images/map-page/icon/icon.png') no-repeat -440px 0; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -440px 0; } .panel-tab { @@ -539,7 +515,7 @@ width: 40px; z-index: 500; background-color: #030D2E; background: url('/assets/images/map-page/icon/caidan.png') no-repeat; background: url('/assets/images/map-pages/icon/caidan.png') no-repeat; } .B-TMT-tab-div { @@ -559,7 +535,7 @@ height: 29px !important; margin-top: 0 !important; margin-left: 0 !important; background: url('/assets/images/map-page/icon/icon.png') no-repeat -320px 0; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -320px 0; } .B-TMT-tab-route { @@ -567,7 +543,7 @@ height: 19px; margin-left: 5px; margin-top: 6px; background: url('/assets/images/map-page/icon/icon.png') no-repeat -169px 0; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -169px 0; } .B-TMT-tab-waybill-isActive, .B-TMT-tab-waybill:hover { @@ -575,7 +551,7 @@ height: 29px !important; margin-top: 0 !important; margin-left: -1px !important; background: url('/assets/images/map-page/icon/icon.png') no-repeat -361px 0 !important; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -361px 0 !important; } .B-TMT-tab-route-isActive, .B-TMT-tab-route:hover { @@ -583,7 +559,7 @@ height: 29px !important; margin-top: 0 !important; margin-left: -1px !important; background: url('/assets/images/map-page/icon/icon.png') no-repeat -197px 0 !important; background: url('/assets/images/map-pages/icon/icon.png') no-repeat -197px 0 !important; } .panel-tab ul {
