| | |
| | | </el-form> |
| | | </div> |
| | | <el-scrollbar style="height:413px;"> |
| | | <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum==index?'hover':''"> |
| | | <img class="state" :src="getImgSrc()" style="background: none"/> |
| | | <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''"> |
| | | <img class="state" :src="getImgSrc()" style="background: none" /> |
| | | <div> |
| | | <h3 @click="handleLocation(item,index)">{{ item.properties.pipename }}</h3> |
| | | <p>所属企业:<span>{{ item.properties.orgcode }}</span> |
| | | <p>设施类型:<span>{{ item.properties.teetype }}</span> |
| | | <el-button v-if="fuShuSheShiShow" class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" @click="btnAffiliatedFacilities(item,index)" >附属设施</el-button> |
| | | <p>所属企业:<span>{{ item.properties.orgname }}</span> |
| | | <p>设施类型:<span>{{ item.properties.linenumtype }}</span> |
| | | <el-button v-if="fuShuSheShiShow" class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" |
| | | @click="btnAffiliatedFacilities(item,index)" > |
| | | 附属设施 |
| | | </el-button> |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | :page-size=pageSize |
| | | layout="prev, pager, next" |
| | | :total=total |
| | | :current-page=current |
| | | class="warnPagination" |
| | | > |
| | | </el-pagination> |
| | |
| | | // 引入组件内容 |
| | | import SewersAnalysis from '@components/panel/topicSearch/SewersSelect/SewersAnalysis' |
| | | import SewersHistory from '@components/panel/topicSearch/SewersSelect/SewersHistory' |
| | | import { fitBounds, highlight } from '../../helpers/LocateHelper' |
| | | |
| | | export default { |
| | | name: 'SewersSearch', |
| | |
| | | // 设施类型筛选 |
| | | handlePipelineType (val) { |
| | | this.list = [] |
| | | // debugger |
| | | for (let i = 0; i < this.items.length; i++) { |
| | | const item = this.items[i] |
| | | if (val === item.name) { |
| | |
| | | } |
| | | // const _this = this |
| | | const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {}) |
| | | console.log(res) |
| | | if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { |
| | | this.total = res.totalFeatures |
| | | this.list = res.features |
| | | } |
| | | }, |
| | | handleLocation (val, index) { |
| | | console.log(val) |
| | | console.log(this.form.dataType) |
| | | // console.log(val) |
| | | this.activeNum = index |
| | | // layer && layer.openPopup() |
| | | window.layerFactory.flyByFeature(val, this.form.dataType.code) |
| | | fitBounds(val, this.form.dataType.code) |
| | | highlight(val, this.form.dataType) |
| | | }, |
| | | btnAffiliatedFacilities (val, index) { |
| | | this.activeNum = index |
| | |
| | | } else { |
| | | this.fuShuSheShiShow = false |
| | | } |
| | | window.layerFactory.flyByFeature(val, this.form.dataType.code) |
| | | fitBounds(val, this.form.dataType.code) |
| | | highlight(val) |
| | | } |
| | | }, |
| | | mounted () { |