修改专题搜索结果面板样式

YANGDL

2021-03-02 67b2f8943983bd65e2272a7ee3f55d31a7361356

修改专题搜索结果面板样式

 src/assets/css/map/map-elem-ui.less

@@ -51,7 +51,11 @@


  }
  .el-input__icon:hover{
  location-btn{

  }

  .location-btn:hover,.el-input__icon:hover{
    color: @color;
    cursor: pointer;
  }

 src/components/panel/topicSearch/SewersSearch.vue

@@ -30,7 +30,7 @@
                </el-select>
              </el-form-item>
<!--              <el-form-item >-->
                <el-input v-model="form.key" size="mini"
                <el-input v-model="form.keyword" size="mini"
                          placeholder="在此输入关键字搜索">
<!--                  <el-button slot="append" icon="el-icon-search" size="mini"></el-button>-->
<!--                  <i slot="prefix" class="el-input__icon el-icon-search"></i>-->
@@ -50,9 +50,9 @@
                  <div class="B-TMD-table-list-title-y"
                       :class="['B-TMD-table-list-title-y-nam', { 'warning': item.vehicleStatus==='910003' }, { 'offline': item.vehicleStatus==='910001' }]">
<!--                    <span>运单号：</span>-->
                    <span id="waybillNumber" class="B-TMD-table-list-title-y-num"
                    <span id="waybillNumber" class=""
                          :title="item.properties.pipename">
                                                <span class="B-TMD-table-list-title-y-alarm">{{ item.properties.pipename }}</span>
                                                <span class="location-btn" @click="handleLocation(item)">{{ item.properties.pipename }}</span>
                                            </span>
                  </div>
<!--                  <div class="B-TMD-table-list-title-c">-->
@@ -72,8 +72,8 @@
              </div>
              <div class="B-TMD-table-list-content">

                <div v-for="itm in labelList" :key="itm">
                  <span>{{ itm.label }}：：</span>
                <div v-for="itm in labelList" :key="itm.label">
                  <span>{{ itm.label }}：</span>
                  <span id="b_twe_loan" :title="item.properties[itm.key] ">{{ item.properties[itm.key] }}</span>
                </div>
<!--                <div><span>收货企业：</span> <span-->
@@ -113,8 +113,10 @@
</template>

<script>
import { PipelineTypeOptions, pipelineDataTest } from '@/conf/LayerSewers'
import { PipelineTypeOptions } from '@/conf/LayerSewers'

import WfsHelper from '@components/helpers/WfsHelper'
import AjaxUtils from '@utils/AjaxUtils'
export default {
  name: 'SewersSearch',
  data () {
@@ -127,7 +129,9 @@
      dataTypeOptions: PipelineTypeOptions[0].options,
      form: {
        pipelineType: PipelineTypeOptions[0].label,
        dataType: PipelineTypeOptions[0].options[0].label
        dataType: PipelineTypeOptions[0].options[0].label,
        query: PipelineTypeOptions[0].options[0],
        keyword: '研究院01路YS000001'
        // ,
        // size: 10,
        // current: 1
@@ -149,9 +153,14 @@
        }
      })
      this.form.dataType = this.dataTypeOptions[0].label
      this.form.key = this.dataTypeOptions[0].key
    },
    handleDataType (item) {

    handleDataType (val) {
      this.dataTypeOptions.forEach((itm) => {
        if (val === itm.value) {
          this.form.query = itm
        }
      })
    },
    handleSearch () {
      const param = {
@@ -159,7 +168,16 @@
        dataType: this.form.dataType
      }
      console.log(param)
      this.list = pipelineDataTest.features
      var wfsHelper = new WfsHelper()
      wfsHelper.addTypeName(this.form.query.layerName)
      wfsHelper.addLike(this.form.query.key, this.form.keyword)
      // const _this = this
      AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}, (res) => {
        this.list = res.features
      })
    },
    handleLocation (val) {
      console.log(val)
    }
  }
}

 src/conf/LayerSewers.js

@@ -381,30 +381,48 @@
  label: '管线本体',
  options: [{
    value: '1',
    layerName: '管网',
    key: 'pipename',
    label: '全部管线'
  }, {
    value: '2',
    layerName: '管网',
    key: 'pipename',
    label: '生活污水管线'
  }, {
    value: '3',
    layerName: '管网',
    key: 'pipename',
    label: '含盐管线'
  }, {
    value: '4',
    layerName: '管网',
    key: 'pipename',
    label: '雨水管线'
  }, {
    value: '5',
    layerName: '管网',
    key: 'pipename',
    label: '含油管线'
  }, {
    value: '6',
    layerName: '管网',
    key: 'pipename',
    label: '事故水管线'
  }, {
    value: '7',
    layerName: '管网',
    key: 'pipename',
    label: '含碱管线'
  }, {
    value: '8',
    layerName: '管网',
    key: 'pipename',
    label: '循环水管线'
  }, {
    value: '9',
    layerName: '管网',
    key: 'pipename',
    label: '净化水管线'
  }],
  labelList: [{ label: '输送介质', key: 'mediumtype' }, { label: '长度(m)', key: 'length' }]
@@ -413,12 +431,18 @@
  label: '排口信息',
  options: [{
    value: '1',
    layerName: '',
    key: '',
    label: '全部排口'
  }, {
    value: '2',
    layerName: '',
    key: '',
    label: '内排口'
  }, {
    value: '3',
    layerName: '',
    key: '',
    label: '外排口'
  }],
  labelList: []
@@ -428,24 +452,38 @@
  options: [
    {
      value: '1',
      layerName: '',
      key: '',
      label: '全部设施'
    }, {
      value: '2',
      layerName: '',
      key: '',
      label: '阀门'
    }, {
      value: '3',
      layerName: '',
      key: '',
      label: '管廊'
    }, {
      value: '4',
      layerName: '',
      key: '',
      label: '管架'
    }, {
      value: '5',
      layerName: '',
      key: '',
      label: '三通'
    }, {
      value: '6',
      layerName: '',
      key: '',
      label: '四通'
    }, {
      value: '7',
      layerName: '',
      key: '',
      label: '弯头'
    }],
  labelList: []
@@ -455,30 +493,48 @@
  options: [
    {
      value: '1',
      layerName: '',
      key: '',
      label: '全部设施'
    }, {
      value: '2',
      layerName: '',
      key: '',
      label: '雨篦子'
    }, {
      value: '3',
      layerName: '',
      key: '',
      label: '防火堤'
    }, {
      value: '4',
      layerName: '',
      key: '',
      label: '集水池'
    }, {
      value: '5',
      layerName: '',
      key: '',
      label: '收集罐'
    }, {
      value: '6',
      layerName: '',
      key: '',
      label: '截流闸'
    }, {
      value: '7',
      layerName: '',
      key: '',
      label: '溢流堰'
    }, {
      value: '8',
      layerName: '',
      key: '',
      label: '隔油池'
    }, {
      value: '9',
      layerName: '',
      key: '',
      label: '泵'
    }],
  labelList: []
@@ -487,28 +543,38 @@
  label: '周边环境',
  options: [{
    value: '1',
    layerName: '',
    key: '',
    label: '全部周边环境'
  }, {
    value: '2',
    layerName: '',
    key: '',
    label: '医院'
  }, {
    value: '3',
    layerName: '',
    key: '',
    label: '景区'
  }, {
    value: '4',
    layerName: '',
    key: '',
    label: '自然保护区'
  }, {
    value: '5',
    layerName: '',
    key: '',
    label: '消防'
  }, {
    value: '6',
    layerName: '',
    key: '',
    label: '水体'
  }
  ],
  labelList: []
}]

export const pipelineLabel = ['']

/* eslint-disable */