| | |
| | | <div class="el-select el-select--mini">8888</div> |
| | | </el-form-item> --> |
| | | <el-form-item label="设施类型:" size="mini" class="search-panel-item"> |
| | | <el-select style="width: 100%" v-model="form.dataType" @change="handleDataType" :popper-class="'select-down'"> |
| | | <el-option v-for="(item,index) in classification" :key="index" :label="item.name" :value="item"></el-option> |
| | | <el-select style="width: 100%" v-model="dataType" @change="handleDataType" :popper-class="'select-down'"> |
| | | <el-option v-for="(item,index) in classification" :key="index" :label="item.name" :value="item.name"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <div class="rightButtonSearch"> |
| | |
| | | areaVal: '', |
| | | keyword: '' |
| | | }, |
| | | dataType: '', |
| | | classification: LayerFsss.layers, |
| | | list: [], |
| | | activeNum: -1 |
| | |
| | | window.layerFactory.flyByFeature(val1, val.code) |
| | | }, |
| | | handleDataType () { |
| | | |
| | | console.log(this.dataType) |
| | | }, |
| | | async handleSearch () { |
| | | var wfsHelper = new WfsHelper() |
| | | // todo 现在管网还没区分开类型,后面改 |
| | | wfsHelper.addTypeName(this.form.dataType.sname) |
| | | wfsHelper.addTypeName(this.dataType) |
| | | wfsHelper.addLike('name', this.form.keyword) |
| | | // const _this = this |
| | | |
| | | const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}) |
| | | console.log(res) |
| | | // console.log(res) |
| | | |
| | | if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { |
| | | const datas = res.features |
| | |
| | | item.checked = !item.checked |
| | | this.toggleLayer(item) |
| | | this.swLayers(item.layers, item.checked) |
| | | // 判断是否是点击 专题图层 下的子节点 |
| | | if (v === '专题图层') { |
| | | bus.$emit('changeSearchBar', item) |
| | | } |
| | | // 判断是否点击的 一级专题图层 |
| | | if (item.name === '专题图层') { |
| | | console.log(item, '88888888888888') |
| | | } |
| | | |
| | | this.serviceLayers.forEach(function (item1, index1) { |
| | | if (item1.layers) { |
New file |
| | |
| | | <template> |
| | | <el-dialog class="emergency" :visible.sync="showSchedule" :title="tit" :modal="false" v-dialogDrag > |
| | | <!-- 基础信息 --> |
| | | <div class="basicInformation"> |
| | | <div> |
| | | <h3 class="panel-title">演练信息</h3> |
| | | <ul> |
| | | <li>事件类型:</li> |
| | | <li>事件位置:</li> |
| | | <li>位置描述:</li> |
| | | <li>事件时间:</li> |
| | | <li>附件:<a href="javascript:;">附件1</a><a href="javascript:;">附件1</a></li> |
| | | </ul> |
| | | <h3 class="panel-title">预案匹配</h3> |
| | | <el-table :data="tableData" style="width: 100%"> |
| | | <el-table-column prop="name" label="预案名称"></el-table-column> |
| | | <el-table-column prop="define" label="预案定义"></el-table-column> |
| | | <el-table-column prop="hierarchy" label="预案层级"></el-table-column> |
| | | <el-table-column prop="classification" label="预案分类"></el-table-column> |
| | | <el-table-column label="附件"> |
| | | <template> |
| | | <a href="javascript:;">预案</a> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div> |
| | | <div class="panel-title">搜索</div> |
| | | <div> |
| | | <ul> |
| | | <li> |
| | | <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> |
| | | <div style="margin: 15px 0;"></div> |
| | | <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange"> |
| | | <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> |
| | | </el-checkbox-group> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |
| | | </template> |
| | | |
| | | <script> |
| | | const cityOptions = ['上海', '北京', '广州', '深圳'] |
| | | export default { |
| | | name: 'index', |
| | | data () { |
| | | return { |
| | | tit: '事件处置', |
| | | showSchedule: true, |
| | | tableData: [ |
| | | { name: '预案A', define: '综合预案', hierarchy: '二级单位', classification: '环保' }, |
| | | { name: '预案B', define: '专项预案', hierarchy: '直属企业', classification: '环保' }, |
| | | { name: '预案C', define: '现场处置预案', hierarchy: '基层单位', classification: '生产' }, |
| | | { name: '预案D', define: '现场处置预案', hierarchy: '基层单位', classification: '生产' }, |
| | | { name: '预案E', define: '现场处置预案', hierarchy: '基层单位', classification: '生产' } |
| | | ], |
| | | checkAll: false, |
| | | checkedCities: ['上海', '北京'], |
| | | cities: cityOptions, |
| | | isIndeterminate: true |
| | | } |
| | | }, |
| | | methods: { |
| | | handleCheckAllChange (val) { |
| | | this.checkedCities = val ? cityOptions : [] |
| | | this.isIndeterminate = false |
| | | }, |
| | | handleCheckedCitiesChange (value) { |
| | | const checkedCount = value.length |
| | | this.checkAll = checkedCount === this.cities.length |
| | | this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .emergency{ |
| | | /deep/ .el-dialog{ |
| | | width: 750px; |
| | | } |
| | | .basicInformation{ |
| | | display: flex; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | hbVisible: false, |
| | | pkVisible: false, |
| | | toggleMonitorStyle: 'right:0px', |
| | | |
| | | title: '污雨水管网', |
| | | isCollapse: true, |
| | | selectGroup: false |
| | |
| | | <!-- <el-button type="primary" @click="AddGasHelper" class="flue-gas">废气</el-button>--> |
| | | <PublicBounced ref="PublicBounced"></PublicBounced> |
| | | <!-- <ReportPopup></ReportPopup>--> |
| | | <Emergency ref="Emergency"></Emergency> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import LayerFactory from '@components/LayerController/service/LayerFactory' |
| | | import EventHandler from '../components/LayerController/event/EventHandler' |
| | | // import ReportPopup from '../components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ReportPopup' |
| | | import Emergency from '@components/emergency/index' |
| | | |
| | | export default { |
| | | name: 'MapTemplate', |
| | |
| | | MonitorPanel, |
| | | // summarySheets, |
| | | SummarySheet, |
| | | PublicBounced |
| | | PublicBounced, |
| | | Emergency |
| | | // ReportPopup |
| | | }, |
| | | data () { |