新增选项

徐旺旺

2021-01-04 b08454514a15dd66c33ce7ec54da48825545ddde

 src/components/panel/MonitorPanel.vue

@@ -26,13 +26,27 @@
                        <el-card class="search-panel">
                            <el-form ref="form" :model="form" label-width="90px" class="search-form">
                                <el-form-item label="管线类型：">
                                    <el-input v-model="form.transNo" size="mini" placeholder="在此输入委托单号"></el-input>
                  <el-select v-model="form.pipelineType" @change="handlePipelineType">
                    <el-option
                        v-for="item in pipelineTypeOptions"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                                </el-form-item>
                                <el-form-item label="数据类型：">
                                    <el-input v-model="form.carrierName" size="mini" placeholder="在此输入承运商"></el-input>
                  <el-select v-model="form.dataType">
                    <el-option
                        v-for="item in dataTypeOptions"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                                </el-form-item>
                                <el-form-item label="模糊搜索：">
                                    <el-input v-model="form.vehicleNo" size="mini"
                  <el-input v-model="form.key" size="mini"
                                                          placeholder="在此输入关键字"></el-input>
                                </el-form-item>
                                <el-form-item>
@@ -71,7 +85,9 @@
                                <div class="B-TMD-table-list-content">
                                    <div>
                                        <span>发货企业：</span>
                                        <span id="b_twe_consignment" :title="item.outWarehouseName">{{ item.outWarehouseName == null ? "暂无" : item.outWarehouseName }}</span>
                    <span id="b_twe_consignment" :title="item.outWarehouseName">{{
                        item.outWarehouseName == null ? "暂无" : item.outWarehouseName
                      }}</span>
                                    </div>
                                    <div>
                                        <span>承&nbsp;&nbsp;运&nbsp;&nbsp;商：</span>
@@ -115,29 +131,6 @@
    import mapApi from '@/api/mapApi'
    import { mapState } from 'vuex'

    const ysfsList = [{
        value: '全部',
        label: '全部'
    }, {
        value: '公路',
        label: '公路'
    }, {
        value: '铁路',
        label: '铁路'
    }, {
        value: '水路',
        label: '水路'
    }]
    const ztList = [{
        value: '全部',
        label: '全部'
    }, {
        value: '全部卸货',
        label: '全部卸货'
    }, {
        value: '在途',
        label: '在途'
    }]
    export default {
        name: 'MonitorPanel',
        components: { MonitorHZ },
@@ -149,8 +142,61 @@
                toggleMonitorStyle: 'right:0px',
                list: [],
                total: 0,
                ysfsList,
                ztList,
      pipelineTypeOptions: [{
        value: '1',
        label: '管线本体'
      }, {
        value: '2',
        label: '附属设施'
      }],
      dataTypeOptions: [],
      attachOptions: [{
        value: '1',
        label: '阀门'
      },{
        value: '2',
        label: '管廊'
      },{
        value: '3',
        label: '管架'
      },{
        value: '4',
        label: '三通'
      },{
        value: '5',
        label: '四通'
      },{
        value: '6',
        label: '弯头'
      }],
      pipelineOptions: [{
        value: '1',
        label: '管线'
      }, {
        value: '2',
        label: '雨水管段'
      }, {
        value: '3',
        label: '含盐管段'
      }, {
        value: '4',
        label: '含油管段'
      }, {
        value: '5',
        label: '事故水管段'
      }, {
        value: '6',
        label: '含碱管段'
      }, {
        value: '7',
        label: '循环水管段'
      }, {
        value: '8',
        label: '净化水管段'
      }, {
        value: '9',
        label: '生活污水管段'
      }],
                form: {
                    transNo: null,
                    carrierName: null,
@@ -214,6 +260,14 @@
        methods: {
            handleClose(done) {
                console.log(done)
    },
    handlePipelineType(item){
      console.log(item)
      if(item === '2'){
        this.dataTypeOptions = this.attachOptions
      }else if(item === '1'){
        this.dataTypeOptions = this.pipelineOptions
      }
            },
            async handlePage(page) {
                console.log(page)
@@ -414,6 +468,7 @@
                color: white;
                border: 1px solid white;
            }

            .btn-reset{
                float:right;
                margin-right:10px;
@@ -524,6 +579,7 @@
                margin-left: 3px;
                margin-top: 10px;
                cursor: pointer;

                :hover {
                    cursor: pointer;
                    // background: url("");
@@ -693,6 +749,7 @@
                        border-top: 1px solid #25AECD;
                        color: #e4e8f1;
                    }

                    .el-pager li {
                        color: #e4e8f1;
                        background: transparent;
@@ -722,6 +779,7 @@
                        border-top: 1px solid #25AECD;
                        color: #e4e8f1;
                    }

                    .btn-next {
                        background-color: transparent;
                         border: 1px solid #25AECD;
@@ -734,6 +792,7 @@
                width: 7px;
                height: 5px !important;
            }

            ::-webkit-scrollbar-thumb {
                /*滚动条里面小方块*/
                border-radius: 10px;
@@ -741,12 +800,14 @@
                background   : #0661AE;
                border: 1px solid transparent;
            }

            ::-webkit-scrollbar-track {
                /*滚动条里面轨道*/
                // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
                border-radius: 0px;
                background   : #0E3565;
            }

            .selectFrom {
                color: #061e51;
                border: 1px solid #061e51 !important;