固废搜索问题

chenzeping

2021-04-14 dc7a33f8aea88396c960b0cdd7802398d8141123

固废搜索问题

 src/components/panel/topicSearch/SewersSearch.vue

@@ -6,22 +6,24 @@
        <div class="search-panel ">
          <el-form ref="form" :model="form" label-width="90px" class="search-form">
            <el-form-item label="设施类型：" size="mini" class="search-panel-item">
              <el-select style="width: 100%"  v-model="form.pipelineType" @change="handlePipelineType"  :popper-class="'select-down'">
              <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType"
                         :popper-class="'select-down'">
                <el-option
                        v-for="item in items"
                        :key="item.code"
                        :label="item.name"
                        :value="item.name">
                    v-for="item in items"
                    :key="item.code"
                    :label="item.name"
                    :value="item.name">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item :label="form.pipelineType+'：'" size="mini">
              <el-select style="width: 100%"  v-model="form.dataType"  @change="handleDataType" :popper-class="'select-down'">
              <el-select style="width: 100%" v-model="form.dataType" :popper-class="'select-down'">
                <!--  @change="handleDataType"-->
                <el-option
                        v-for="item in subItems"
                        :key="item.code"
                        :label="item.name"
                        :value="item.name">
                    v-for="item in subItems"
                    :key="item.code"
                    :label="item.name"
                    :value="item.name">
                </el-option>
              </el-select>
            </el-form-item>

 src/components/panel/topicSearch/SolidWasteSearch.vue

@@ -16,12 +16,10 @@
          </el-select>
        </el-form-item>
        <el-radio-group v-model="form.type" class="levelOfRisk">
          <el-radio v-for="(item,index) in levelOfRisk" :label="item.value" :key="index"><span class="levelOfRisk-type">{{
              item.name
            }}</span>
          <el-radio v-for="(item,index) in levelOfRisk" :label="item.value" :key="index">
            <span class="levelOfRisk-type">{{ item.name }}</span>
          </el-radio>
        </el-radio-group>

        <div class="rightButtonSearch">
          <el-input v-model="form.keyword" size="mini" placeholder="在此输入关键字搜索"></el-input>
          <el-button class="el-icon-search" @click="handleSearch"></el-button>
@@ -45,27 +43,12 @@
<script>

import mapApi from '@/api/mapApi'
import WfsHelper from '@components/helpers/WfsHelper'

export default {
  name: 'SolidWasteSearch',
  props: ['title'],
  data () {
    return {
      levelOfRisk: [
        {
          name: '全部',
          value: '1'
        },
        {
          name: '正常',
          value: '2'
        },
        {
          name: '预警',
          value: '3'
        }
      ],
      judgeVisible: true,
      solidWasteTypeOptions: [{
        value: '1',
@@ -132,7 +115,20 @@
          key: 'length'
        }]
      }],
      radio: '1',
      levelOfRisk: [
        {
          name: '全部',
          value: '1'
        },
        {
          name: '正常',
          value: '2'
        },
        {
          name: '预警',
          value: '3'
        }
      ],
      form: {
        keyword: '固废面板数据查询',
        // 数据的传递
@@ -144,11 +140,8 @@
  },
  methods: {
    setBounced (val) {
      console.log(val)
      const bound = this.L.geoJSON([val], {}).getBounds()
      // var layer = window.layerFactory.flyByLayerId(val.id, bound)
      window.map.flyToBounds(bound)
      // layer && layer.openPopup()
      const pos = [val.Latitude, val.Longitude]
      window.map.flyTo(pos, 16)
    },
    handlePipelineType (val) {
      this.solidWasteTypeOptions.forEach(item => {
@@ -159,18 +152,10 @@
    },
    // 点击搜索实现数据的搜索展示
    async handleSearch (data) {
      // // console.log(this.form.keyword)
      // const result = await mapApi.getSolidWaste(data)
      // console.log(result)
      // this.searchDataDisplay = result.Result.Result
      var wfsHelper = new WfsHelper()
      wfsHelper.addTypeName('固废')
      wfsHelper.addLike('name', this.form.keyword)
      const res = await mapApi.getSolidWaste(wfsHelper.getUrl(), {})
      console.log(res)
      // if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) {
      this.searchDataDisplay = res.Result.Result
      // }
      // console.log(this.form.keyword)
      const result = await mapApi.getSolidWaste(data)
      console.log(result)
      this.searchDataDisplay = result.Result.DataInfo
    }
  }
}