| | |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | <el-scrollbar style="height:380.44px;"> |
| | | <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> |
| | | <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" size="mini" style="margin-right: 0.04rem" @click="btnAffiliatedFacilities(item)" >附属设施</el-button> --> |
| | | <el-button v-if="fuShuSheShiShow" class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" @click="btnAffiliatedFacilities(item,index)" >附属设施</el-button> |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | isRouteHover: false, |
| | | facilitiesParameter: null, |
| | | fuShuSheShiShow: true, |
| | | fuShuSheShiPanelShow: true, |
| | | activeNum: -1 |
| | | } |
| | | }, |
| | |
| | | this.list = [] |
| | | var wfsHelper = new WfsHelper() |
| | | // todo 现在管网还没区分开类型,后面改 |
| | | wfsHelper.addTypeName(this.form.dataType.sname) |
| | | wfsHelper.addLike('name', this.form.keyword) |
| | | wfsHelper.addTypeName(this.form.dataType.typeName) |
| | | if (this.form.keyword) { |
| | | 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, index) { |
| | | this.activeNum = index |
| | | this.facilitiesParameter = val |
| | | // layer && layer.openPopup() |
| | | window.layerFactory.flyByFeature(val, this.form.dataType.code) |
| | | }, |
| | | btnAffiliatedFacilities (val, index) { |
| | | this.activeNum = index |
| | | this.facilitiesParameter = val |
| | | // 判断选择是否是管线,如果是则显示《附属设施》弹框 |
| | | if (this.form.pipelineType === '管线') { |
| | | this.fuShuSheShiShow = true |