diff --git a/src/views/sponeScreen/waterFlood/PsssCount.vue b/src/views/sponeScreen/waterFlood/PsssCount.vue index 98cd7ba..9c42d2d 100644 --- a/src/views/sponeScreen/waterFlood/PsssCount.vue +++ b/src/views/sponeScreen/waterFlood/PsssCount.vue @@ -4,7 +4,7 @@
-
+
{{ item.name }}
@@ -30,18 +30,63 @@ import wsgw from '@/assets/newImgs/HMScreen/wsgw.png'; //污水管网 import ysbz from '@/assets/newImgs/HMScreen/ysbz.png'; //雨水泵站 import ysgw from '@/assets/newImgs/HMScreen/ysgw.png'; //雨水管网 +import bus from '@/bus/index'; const { proxy } = getCurrentInstance(); const tableData = ref([ - { name: '雨水泵站', num: '28座', gm: '总规模', gmsj: '167.32m³/s', Imgurl: ysbz }, - { name: '污水泵站', num: '8个', gm: '总规模', gmsj: '67.36m³/s', Imgurl: wsbz }, - { name: '合建泵站', num: '2个', gm: '总规模', gmsj: '17.41m³/s', Imgurl: hjbz }, - { name: '雨水管网', num: '', gm: '总长度', gmsj: '357km', Imgurl: ysgw }, - { name: '污水管网', num: '', gm: '总长度', gmsj: '275km', Imgurl: wsgw }, - { name: '合流管网', num: '', gm: '总长度', gmsj: '150km', Imgurl: hlgw }, - { name: '污水处理厂', num: '5座', gm: '总规模', gmsj: '41.82万吨/日', Imgurl: wsclz }, - { name: '供水厂', num: '3座', gm: '总规模', gmsj: '68.7万吨/日', Imgurl: gsc }, + { name: '雨水泵站', num: '28座', gm: '总规模', gmsj: '167.32m³/s', Imgurl: ysbz, layername: 'YSBZ' }, + { name: '污水泵站', num: '8个', gm: '总规模', gmsj: '67.36m³/s', Imgurl: wsbz, layername: 'WSBZ' }, + { name: '合建泵站', num: '2个', gm: '总规模', gmsj: '17.41m³/s', Imgurl: hjbz, layername: 'combineBengZhan' }, + { name: '雨水管网', num: '', gm: '总长度', gmsj: '357km', Imgurl: ysgw, layername: 'ysLine1' }, + { name: '污水管网', num: '', gm: '总长度', gmsj: '275km', Imgurl: wsgw, layername: 'wsLine1' }, + { name: '合流管网', num: '', gm: '总长度', gmsj: '150km', Imgurl: hlgw, layername: 'hsLine1' }, + { name: '污水处理厂', num: '5座', gm: '总规模', gmsj: '41.82万吨/日', Imgurl: wsclz, layername: 'sewageFactory' }, + { name: '供水厂', num: '3座', gm: '总规模', gmsj: '68.7万吨/日', Imgurl: gsc, layername: 'waterFactory' }, ]); +let legendList = [ + { + layername: 'YSBZ', + show: true, + }, + { + layername: 'WSBZ', + show: true, + }, + { + layername: 'combineBengZhan', + show: true, + }, + { + layername: 'ysLine1', + show: true, + }, + { + layername: 'wsLine1', + show: true, + }, + { + layername: 'hsLine1', + show: true, + }, + { + layername: 'sewageFactory', + show: true, + }, + { + layername: 'waterFactory', + show: true, + }, +]; +const changeLayer = item => { + console.log('item---', item); + legendList.forEach(element => { + element.show = true; + if (element.layername == item.layername) { + element.show = false; + } + }); + bus.emit('setIniteLayer', legendList); +}; onMounted(() => {});