From c865ad4e70b0769d0a4bfd3ad67aed1198f7fde5 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期三, 14 四月 2021 10:13:35 +0800 Subject: [PATCH] 问题修复修改 --- src/components/panel/topicSearch/GasWasteSearch.vue | 121 +++++++++++++++++---------------------- 1 files changed, 53 insertions(+), 68 deletions(-) diff --git a/src/components/panel/topicSearch/GasWasteSearch.vue b/src/components/panel/topicSearch/GasWasteSearch.vue index b46642e..da7907e 100644 --- a/src/components/panel/topicSearch/GasWasteSearch.vue +++ b/src/components/panel/topicSearch/GasWasteSearch.vue @@ -1,10 +1,10 @@ <template> <div class="sewers-search" v-if="gdVisible"> - <div class="search-title">{{title}}</div> + <div class="panel-title">{{ title }}</div> <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.areaVal" @change="areaType" :popper-class="'select-down'"> + <el-select style="width: 100%" v-model="form.areaVal" @change="areaType" :popper-class="'select-down'"> <el-option v-for="item in inareaTypeOptions" :key="item.value" @@ -13,8 +13,9 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="浼佷笟鍚嶇О" size="mini"> - <el-select style="width: 100%" v-model="form.enterpriseVal" @change="enterpriseType" :popper-class="'select-down'"> + <el-form-item label="浼佷笟鍚嶇О锛�" size="mini"> + <el-select style="width: 100%" v-model="form.enterpriseVal" @change="enterpriseType" + :popper-class="'select-down'"> <el-option v-for="item in enterpriseTypeOptions" :key="item.value" @@ -23,8 +24,9 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="浜岀骇鍗曚綅" size="mini"> - <el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType" :popper-class="'select-down'"> + <el-form-item label="浜岀骇鍗曚綅锛�" size="mini"> + <el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType" + :popper-class="'select-down'"> <el-option v-for="item in enterpriseSubunitsTypeOptions" :key="item.value" @@ -33,8 +35,9 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="涓夌骇鍗曚綅" size="mini"> - <el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType" :popper-class="'select-down'"> + <el-form-item label="涓夌骇鍗曚綅锛�" size="mini"> + <el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType" + :popper-class="'select-down'"> <el-option v-for="item in enterpriseSubunitsTypeOptions" :key="item.value" @@ -43,18 +46,19 @@ </el-option> </el-select> </el-form-item> -<!-- <el-form-item label="椋庨櫓绾у埆" size="mini"></el-form-item>--> + <!-- <el-form-item label="椋庨櫓绾у埆" size="mini"></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> + <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> <!-- <el-form-item >--> <div class="rightButtonSearch"> - <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"> + <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>--> <!-- <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i> --> </el-input> - <el-buttom class="el-icon-search" @click="handleSearch"></el-buttom> + <el-button class="el-icon-search" @click="handleSearch"></el-button> </div> <!-- </el-form-item>--> <!-- <el-form-item>--> @@ -63,8 +67,8 @@ <!-- </el-form-item>--> </el-form> </div> - <el-scrollbar style="height:300px"> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> + <el-scrollbar style="height:264px"> + <div class="environmental-risk-list"><!-- v-for="(item,index) in list" :key="index" --> <i class="state"></i> <div> <h3>###鐐煎寲閮�</h3> @@ -72,46 +76,7 @@ <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> </div> </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> + </el-scrollbar> <!-- <span class="location-btn" @click="handleLocation(item)">588</span> --> <el-card class="footer-page" v-if="total > 10"> @@ -136,17 +101,20 @@ </template> <script> -import { PipelineTypeOptions } from '@/conf/layers/LayerSewers' -import WfsHelper from '@components/helpers/WfsHelper' -import AjaxUtils from '@utils/AjaxUtils' +// import WfsHelper from '@components/helpers/WfsHelper' +// import AjaxUtils from '@utils/AjaxUtils' + +import mapApi from '@/api/mapApi' + +// import WfsHelper from '@components/helpers/WfsHelper' export default { - name: 'SewersSearch', + name: 'GasWasteSearch', data () { return { gdVisible: true, list: [], - labelList: PipelineTypeOptions[0].labelList, + // labelList: PipelineTypeOptions[0].labelList, total: 0, inareaTypeOptions: [], enterpriseTypeOptions: [], @@ -162,11 +130,26 @@ isWaybillHover: true, isRouteHover: false, levelOfRisk: [ - { name: '鍏ㄩ儴', value: '1' }, - { name: '姝e父', value: '2' }, - { name: '瓒呮爣', value: '3' }, - { name: '寮傚父', value: '4' }, - { name: '鍋滀骇', value: '5' } + { + name: '鍏ㄩ儴', + value: '1' + }, + { + name: '姝e父', + value: '2' + }, + { + name: '瓒呮爣', + value: '3' + }, + { + name: '寮傚父', + value: '4' + }, + { + name: '鍋滀骇', + value: '5' + } ] } }, @@ -199,11 +182,13 @@ dataType: this.form.dataType } console.log(param) - var wfsHelper = new WfsHelper() - wfsHelper.addTypeName(this.form.query.layerName) - wfsHelper.addLike(this.form.query.key, this.form.keyword) + // var wfsHelper = new WfsHelper() + // wfsHelper.addTypeName(this.form.query.layerName) + // wfsHelper.addLike(this.form.query.key, this.form.keyword) // const _this = this - const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}) + // const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}) + const res = await mapApi.getWasteGas() + console.log(res) if (res.data instanceof Object && Object.prototype.hasOwnProperty.call(res.data, 'features')) { this.list = res.data.features } -- Gitblit v1.8.0