| | |
| | | <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" |
| | | <el-select style="width: 100%" v-model="form.pipelineType" |
| | | :popper-class="'select-down'"> |
| | | <el-option |
| | | v-for="item in items" |
| | |
| | | |
| | | <script> |
| | | // 引入组件内容 =》 附属设施 |
| | | import AffiliatedFacilities from '@components/BaseNav/pipeline/AffiliatedFacilities' |
| | | import AffiliatedFacilities from '@components/base-page/pipeline/AffiliatedFacilities' |
| | | // 管线分析功能 |
| | | import SewersAnalysis from '@components/panel/topicSearch/SewersSelect/SewersAnalysis' |
| | | import SewersAnalysis from '@components/panel/topicSearch/sewers-select/SewersAnalysis' |
| | | // 管线查询历史功能 |
| | | import SewersHistory from '@components/panel/topicSearch/SewersSelect/SewersHistory' |
| | | import SewersHistory from '@components/panel/topicSearch/sewers-select/SewersHistory' |
| | | // form类型可选择数据 图层控制 |
| | | import { LayerPipeLines } from '@src/conf/layers/LayerPipeLines' |
| | | import { LayerFsss } from '@src/conf/layers/LayerFsss' |
| | |
| | | wfsHelper: null |
| | | } |
| | | }, |
| | | computed: { |
| | | subItems () { |
| | | const val = this.form.pipelineType |
| | | for (let i = 0; i < this.items.length; i++) { |
| | | const item = this.items[i] |
| | | if (val === item.name) { |
| | | return item.layers.filter(function (value, index, array) { |
| | | return value.name !== '流向' |
| | | }) |
| | | } |
| | | } |
| | | return [] |
| | | } |
| | | }, |
| | | mounted () { |
| | | this.wfsHelper = new WfsHelper() |
| | | }, |
| | | methods: { |
| | | subItems () { |
| | | const layers = LayerPipeLines.layers |
| | | console.log(layers) |
| | | const filtered = layers.filter(function (value, index, array) { |
| | | console.log(value) |
| | | return value.name !== '流向' |
| | | }) |
| | | return filtered |
| | | }, |
| | | // tab切换 |
| | | handleClick (tab, event) { |
| | | console.log(tab, event) |
| | | if (tab.label === '分析') { |
| | | // 关闭弹窗 |
| | | window.mapManager.clickDialogSwitch = false |
| | | } else { |
| | | // 打开弹窗 |
| | | window.mapManager.clickDialogSwitch = true |
| | | } |
| | | // if (tab.label === '分析') { |
| | | // // 关闭弹窗 |
| | | // window.mapManager.clickDialogSwitch = false |
| | | // } else { |
| | | // // 打开弹窗 |
| | | // window.mapManager.clickDialogSwitch = true |
| | | // } |
| | | }, |
| | | // 根据返回数据 确认展示图片 |
| | | getImgSrc () { |
| | |
| | | handlePage (page) { |
| | | this.wfsHelper.setPage(page) |
| | | this.handleSearch() |
| | | }, |
| | | // 设施类型筛选 |
| | | handlePipelineType (val) { |
| | | this.list = [] |
| | | for (let i = 0; i < this.items.length; i++) { |
| | | const item = this.items[i] |
| | | if (val === item.name) { |
| | | this.subItems = item.layers |
| | | return |
| | | } |
| | | } |
| | | }, |
| | | // 二级form表单切换选择清空已选择数据 |
| | | handleDataType () { |