| | |
| | | <!-- <i class="state"></i>--> |
| | | <img class="state" :src="getImgSrc()" style="background: none"/> |
| | | <div> |
| | | <h3 @click="handleLocation()">事件名称:XXX事件</h3> |
| | | <h3 @click="handleLocation(item,index)">事件名称:XXX事件</h3> |
| | | <h5> |
| | | 事件事件:2021年3月21日 |
| | | <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">删除</el-button> |
| | |
| | | 事件状态:<span>审批阶段</span> |
| | | </p> |
| | | <p>事件类型:<span>{{ item.properties.pipecode }}</span> |
| | | <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" |
| | | @click="btnAffiliatedFacilities()">事件管理 |
| | | <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">事件管理 |
| | | </el-button> |
| | | </p> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { LayerEntEmer } from '../../../../../conf/layers/LayerEntEmer' |
| | | // import { LayerEntEmer } from '../../../../../conf/layers/LayerEntEmer' |
| | | // import { LayerEvent } from '../../../../../conf/layers/LayerEvent' |
| | | // import { LayerResources } from '../../../../../conf/layers/LayerResources' |
| | | |
| | |
| | | |
| | | import WfsHelper from '@components/helpers/WfsHelper' |
| | | import AjaxUtils from '@utils/AjaxUtils' |
| | | import { SERVICE_TYPE } from '../../../../../conf/Constants' |
| | | |
| | | export default { |
| | | name: 'EventQuery', |
| | |
| | | return { |
| | | list: [], |
| | | activeNum: -1, |
| | | LayerEvent: { |
| | | code: 'njhx', |
| | | name: '南京化学', |
| | | checked: false, // 默认选中状态 |
| | | layers: [ |
| | | { |
| | | code: 'sqjd', |
| | | name: '南京化学事前阶段', |
| | | sname: '事前阶段', |
| | | checked: false, |
| | | minZoom: 16, |
| | | type: SERVICE_TYPE.WMS, |
| | | wmsLayers: 'sewer:Aemergency', |
| | | icon: 'sewers/窨井.png' |
| | | }, |
| | | { |
| | | code: 'spjd', |
| | | name: '南京化学审批阶段', |
| | | sname: '审批阶段', |
| | | checked: false, |
| | | minZoom: 16, |
| | | type: '医院', |
| | | typeName: 'sewer:Aemergency', |
| | | // wfs: WFS_URL + '?TYPENAME=雨篦子', |
| | | icon: 'sewers/雨篦子.png' |
| | | }, |
| | | { |
| | | code: 'sjwj', |
| | | name: '南京化学事件完结', |
| | | sname: '事件完结', |
| | | minZoom: 16, |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:firedike', |
| | | checked: false |
| | | } |
| | | ] |
| | | }, |
| | | LayerResources: { |
| | | code: 'jlsh', |
| | | name: '金陵石化', |
| | | checked: false, // 默认选中状态 |
| | | layers: [ |
| | | { |
| | | code: 'yj', |
| | | name: '事前阶段', |
| | | sname: '事前阶段', |
| | | checked: false, |
| | | minZoom: 16, |
| | | type: SERVICE_TYPE.WMS, |
| | | wmsLayers: 'sewer:Aemergency', |
| | | icon: 'sewers/窨井.png' |
| | | }, |
| | | { |
| | | code: 'ybz', |
| | | name: '审批阶段', |
| | | sname: '审批阶段', |
| | | checked: false, |
| | | minZoom: 16, |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:Aemergency', |
| | | // wfs: WFS_URL + '?TYPENAME=雨篦子', |
| | | icon: 'sewers/雨篦子.png' |
| | | }, |
| | | { |
| | | code: 'fht', |
| | | name: '事件完结', |
| | | sname: '事件完结', |
| | | minZoom: 16, |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:firedike', |
| | | checked: false |
| | | } |
| | | ] |
| | | }, |
| | | items: [this.LayerEvent, this.LayerResources], |
| | | subItems: LayerEntEmer.layers, |
| | | LayerEvent: {}, |
| | | LayerResources: {}, |
| | | // items: [LayerEvent, LayerResources], |
| | | items: [], |
| | | // subItems: LayerEntEmer.layers, |
| | | subItems: [], |
| | | form: { |
| | | pipelineType: '', |
| | | dataType: '', |
| | |
| | | this.list = [] |
| | | }, |
| | | handlePipelineType (val) { |
| | | console.log('数据查询') |
| | | this.list = [] |
| | | for (let i = 0; i < this.items.length; i++) { |
| | | const item = this.items[i] |
| | |
| | | this.wfsHelper.clearFilter() |
| | | // todo 现在企业应急还没区分开类型,后面改 |
| | | // this.wfsHelper.setTypeName([this.form.dataType.typeName]) |
| | | // this.wfsHelper.setTypeName([this.form.dataType]) |
| | | this.wfsHelper.setTypeName(['sewer:emergency']) |
| | | if (this.form.keyword) { |
| | | this.wfsHelper.addLike('name', this.form.keyword) |
| | | } |
| | | const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {}) |
| | | this.list = res.features |
| | | if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { |
| | | this.list = res.features |
| | | } |
| | | }, |
| | | handleLocation (val, index) { |
| | | console.log(val) |
| | | this.activeNum = index |
| | | // layer && layer.openPopup() |
| | | window.layerFactory.flyByFeature(val, this.form.dataType.code) |
| | | // window.layerFactory.flyByFeature(val, this.form.dataType.code) |
| | | window.map.flyTo([val.properties.y, val.properties.x], 15) |
| | | }, |
| | | btnAffiliatedFacilities () { |
| | | console.log('item') |