派生自 wuyushui/SewerAndRainNetwork
| src/components/BaseNav/PublicBounced/PublicBounced.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/topicSearch/GasWasteSearch.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/topicSearch/SewersSearch.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/topicSearch/SolidWasteSearch.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/components/BaseNav/PublicBounced/PublicBounced.vue
@@ -60,12 +60,6 @@ // getGasQueryOnlineMonData: [] } }, mounted () { // this.$nextTick(() => { // console.log(this.$refs.publicBounced) console.log(this.$refs.PublicChart) // }) }, methods: { closePopup () { this.flag = false src/components/panel/topicSearch/GasWasteSearch.vue
@@ -97,8 +97,6 @@ </template> <script> // import WfsHelper from '@components/helpers/WfsHelper' // import AjaxUtils from '@utils/AjaxUtils' import mapApi from '@/api/mapApi' // import WfsHelper from '@components/helpers/WfsHelper' @@ -108,7 +106,6 @@ return { gdVisible: true, list: [], // labelList: PipelineTypeOptions[0].labelList, total: 0, inareaTypeOptions: [], enterpriseTypeOptions: [], 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> @@ -78,7 +80,7 @@ import WfsHelper from '@components/helpers/WfsHelper' import AjaxUtils from '@utils/AjaxUtils' // 引入分析组件内容 // 引入组件内容 import SewersAnalysis from '@components/panel/topicSearch/SewersSelect/SewersAnalysis' import SewersHistory from '@components/panel/topicSearch/SewersSelect/SewersHistory' @@ -128,11 +130,13 @@ wfsHelper.addLike('name', this.form.keyword) // const _this = this const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}) console.log(res) if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { this.list = res.features } }, handleLocation (val) { console.log(val) const bound = this.L.geoJSON([val], {}).getBounds() // var layer = window.layerFactory.flyByLayerId(val.id, bound) window.map.flyToBounds(bound) src/components/panel/topicSearch/SolidWasteSearch.vue
@@ -1,6 +1,6 @@ <template> <div class="sewers-search" v-if="judgeVisible"> <div class="panel-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 v-for="(item,index) in solidWasteTypeOptions" :key="index" :label="item.label+'：'" size="mini" @@ -15,27 +15,24 @@ </el-option> </el-select> </el-form-item> <!-- <div class="search-radio"> <el-radio v-model="radio" label="1">全部</el-radio> <el-radio v-model="radio" label="2">正常</el-radio> <el-radio v-model="radio" label="3">预警</el-radio> </div> --> <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> <div class="rightButtonSearch"> <el-input v-model="form.keyword" size="mini" placeholder="在此输入关键字搜索"></el-input> <el-input v-model="form.keyword" size="mini" placeholder="在此输入关键字搜索"></el-input> <el-button class="el-icon-search" @click="handleSearch"></el-button> </div> </el-form> </div> <el-scrollbar style="height:286.22px"> <div class="environmental-risk-list" v-for="(item,index) in searchDataDisplay" :key="index" ><!-- v-for="(item,index) in list" :key="index" --> <div class="environmental-risk-list" v-for="(item,index) in searchDataDisplay" :key="index" @click="setBounced(item)"> <i class="state"></i> <div> <h3>###炼化部</h3> <p>所属部门：<span>炼化部</span></p> <p>所属部门：<span>{{ item.Name }}</span></p> <p>风险级别：<span>三级</span></p> </div> </div> @@ -52,11 +49,6 @@ props: ['title'], data () { return { levelOfRisk: [ { name: '全部', value: '1' }, { name: '正常', value: '2' }, { name: '预警', value: '3' } ], judgeVisible: true, solidWasteTypeOptions: [{ value: '1', @@ -123,7 +115,20 @@ key: 'length' }] }], radio: '1', levelOfRisk: [ { name: '全部', value: '1' }, { name: '正常', value: '2' }, { name: '预警', value: '3' } ], form: { keyword: '固废面板数据查询', // 数据的传递 @@ -134,14 +139,13 @@ } }, methods: { setBounced (val) { const pos = [val.Latitude, val.Longitude] window.map.flyTo(pos, 16) }, handlePipelineType (val) { // console.log(val) this.solidWasteTypeOptions.forEach(item => { // console.log(item.value) if (val === item.value) { // console.log('数据选择相同') // 接收数据 用于之后接口数据的调用 // this.form.transferData = item.value this.handleSearch(item.value) } }) @@ -149,8 +153,8 @@ // 点击搜索实现数据的搜索展示 async handleSearch (data) { // console.log(this.form.keyword) const result = await mapApi.getSolidWasteSurveyDetail(data) // console.log(result) const result = await mapApi.getSolidWaste(data) console.log(result) this.searchDataDisplay = result.Result.DataInfo } }
