智慧园区前端大屏
shuishen
2025-08-18 f5f2445d7f5c102734ef8d86e9c8ec828374adc3
突发事件模拟相关调整处理
4 files modified
1 files added
1364 ■■■■■ changed files
src/assets/json/dispose.json 74 ●●●●● patch | view | raw | blame | history
src/assets/json/qysgwslx.json 1002 ●●●●● patch | view | raw | blame | history
src/pages/map/components/scomponents/layersControl.vue 15 ●●●●● patch | view | raw | blame | history
src/styles/element/index.scss 42 ●●●●● patch | view | raw | blame | history
src/views/pd/components/dynamicPanel.vue 231 ●●●●● patch | view | raw | blame | history
src/assets/json/dispose.json
New file
@@ -0,0 +1,74 @@
{
    "categoryTypeData": [
        {
            "type": 1,
            "processFlowData": [
                {
                    "message": "202X年某月某日某时,化工园区某企业泄漏事故。立即启动应急预案。",
                    "type": 0
                },
                {
                    "message": "关闭雨水/污水排口手动阀。",
                    "type": 7
                },
                {
                    "message": "利用围堰或收集系统拦截污水。",
                    "type": 0
                },
                {
                    "message": "调用应急物资,组织队伍处置泄漏源。",
                    "type": 0
                },
                {
                    "message": "将污水导入事故应急池或初期雨水池。",
                    "type": 0
                },
                {
                    "message": "事件通报:当企业发生突发环境事件且自身应急池容量不足时,立即向相邻企业和园区管委会通报事件情况。",
                    "type": 0
                },
                {
                    "message": "应急空间调配:通过管道将事故污水转输至相邻企业的应急设施中,利用片区内形成的应急空间进行储存和处理。",
                    "type": 0
                },
                {
                    "message": "协同处置:相邻企业的应急救援队伍和物资根据需要进行支援,协同处理事故污水,确保事故得到有效控制。",
                    "type": 0
                },
                {
                    "message": "信息共享:在事件处理过程中,各企业和园区管委会应保持信息畅通,及时共享事故处理进展和监测数据。",
                    "type": 0
                }
            ]
        },
        {
            "type": 2,
            "processFlowData": [
                {
                    "message": "事件响应:当园区内发生突发环境事件且企业级和企间级防控体系未能有效控制事故污水时,园区应急指挥部立即启动园区级应急预案。",
                    "type": 0
                },
                {
                    "message": "闸坝控制:根据事故发生的位置和污水流向,关闭相关闸坝,拦截上游来水,形成蓄污空间,防止事故污水流出园区。",
                    "type": 4
                },
                {
                    "message": "应急池利用:将事故污水引入园区公共应急池进行储存,并启动相应的处理设施对污水进行处理。",
                    "type": 0
                },
                {
                    "message": "应急物资与队伍调配:调用园区环境应急物资库中的物资和应急救援队伍,进行现场处置和救援工作。",
                    "type": 0
                },
                {
                    "message": "监测与决策:利用数字化监管平台对事故污水的扩散范围、水质情况等进行实时监测,根据监测数据制定科学的处理方案,进行综合协调指挥和智慧辅助决策。",
                    "type": 0
                },
                {
                    "message": "事后处理:事件处理完毕后,对事故原因进行调查分析,总结经验教训,对园区防控体系进行评估和改进,同时对受影响的环境进行修复。",
                    "type": 0
                }
            ]
        }
    ]
}
src/assets/json/qysgwslx.json
@@ -1 +1,1001 @@
{"type":"FeatureCollection","crs":{"type":"name","properties":{"name":"EPSG:4490"}},"features":[{"type":"Feature","id":9,"geometry":{"type":"LineString","coordinates":[[115.60438871383667,29.811934405061905,0],[115.60443699359894,29.814191812678956,0],[115.60400784015656,29.814201121470827,0],[115.60402393,29.814303519999999,0]]},"properties":{"FID":9,"O_Name":"惠城1","O_Com":" ","O_LClr":16711680,"O_LWidth":1,"O_LAlpha":100,"O_LType":0,"O_SType":5,"O_TType":0}}]}
{
    "type": "FeatureCollection",
    "crs": {
        "type": "name",
        "properties": {
            "name": "EPSG:4490"
        }
    },
    "features": [
        {
            "type": "Feature",
            "id": 0,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.6064574,
                        29.810441640000001,
                        0
                    ],
                    [
                        115.60645669698715,
                        29.810358843982005,
                        0
                    ],
                    [
                        115.60646206140505,
                        29.810228515808895,
                        0
                    ],
                    [
                        115.60773611,
                        29.810272730000001,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 0,
                "O_Name": "浩普1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 1,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.6068429350853,
                        29.810565972335851,
                        0
                    ],
                    [
                        115.6068442761898,
                        29.810241315905042,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 1,
                "O_Name": "浩普流向2",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 2,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60694620013237,
                        29.810567135977077,
                        0
                    ],
                    [
                        115.6068429350853,
                        29.810565972335851,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 2,
                "O_Name": "浩普3",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 3,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60694888234138,
                        29.81031113458128,
                        0
                    ],
                    [
                        115.6068442761898,
                        29.810312298225462,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 3,
                "O_Name": "浩普4",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 4,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.6059604883194,
                        29.808257281482092,
                        0
                    ],
                    [
                        115.60691803693771,
                        29.808261936154363,
                        0
                    ],
                    [
                        115.60690462589264,
                        29.808860059739221,
                        0
                    ],
                    [
                        115.60755103826523,
                        29.808855405094786,
                        0
                    ],
                    [
                        115.6075456738472,
                        29.809113737533405,
                        0
                    ],
                    [
                        115.60777098,
                        29.809097449999999,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 4,
                "O_Name": "海德森流向1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 5,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60681074857712,
                        29.808373648223974,
                        0
                    ],
                    [
                        115.60691803693771,
                        29.808375975557439,
                        0
                    ],
                    [
                        115.6069153547287,
                        29.808375975557439,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 5,
                "O_Name": "海德森2",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 6,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60652643442154,
                        29.80897642577974,
                        0
                    ],
                    [
                        115.60653448104858,
                        29.808862387061357,
                        0
                    ],
                    [
                        115.60690462589264,
                        29.808860059739221,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 6,
                "O_Name": "海德森3",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 7,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.6071862578392,
                        29.808950825262446,
                        0
                    ],
                    [
                        115.60719162225723,
                        29.808857732417032,
                        0
                    ],
                    [
                        115.60719162225723,
                        29.808862387061357,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 7,
                "O_Name": "海德森4",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 8,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60744911432266,
                        29.809102100951424,
                        0
                    ],
                    [
                        115.6075456738472,
                        29.809113737533405,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 8,
                "O_Name": "海德森5",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 9,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60438871383667,
                        29.811934405061905,
                        0
                    ],
                    [
                        115.60443699359894,
                        29.814191812678956,
                        0
                    ],
                    [
                        115.60400784015656,
                        29.814201121470827,
                        0
                    ],
                    [
                        115.60402393,
                        29.814303519999999,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 9,
                "O_Name": "惠城1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 10,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60414731502533,
                        29.813475033101906,
                        0
                    ],
                    [
                        115.60441553592682,
                        29.813479687531327,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 10,
                "O_Name": "惠城2",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 11,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60391664505005,
                        29.814177849489514,
                        0
                    ],
                    [
                        115.60401588507827,
                        29.814252320735413,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 11,
                "O_Name": "惠城3",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 12,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60430824756622,
                        29.812297455499102,
                        0
                    ],
                    [
                        115.60438334941864,
                        29.812288146529998,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 12,
                "O_Name": "惠城4",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 13,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60240924358368,
                        29.818003690463456,
                        0
                    ],
                    [
                        115.60243606567383,
                        29.815094761455835,
                        0
                    ],
                    [
                        115.60322999954224,
                        29.815062180971676,
                        0
                    ],
                    [
                        115.60324609279633,
                        29.815066835327194,
                        0
                    ],
                    [
                        115.60322463512421,
                        29.815076144037612,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 13,
                "O_Name": "建衡1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 14,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60326755046844,
                        29.816351429171185,
                        0
                    ],
                    [
                        115.60244143009186,
                        29.816360737761993,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 14,
                "O_Name": "建衡2",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 15,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60636281967163,
                        29.827856185875092,
                        0
                    ],
                    [
                        115.6065559387207,
                        29.819199817513827,
                        0
                    ],
                    [
                        115.60770392000001,
                        29.81936271,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 15,
                "O_Name": "新洋丰1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 16,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.6061053276062,
                        29.82733496340213,
                        0
                    ],
                    [
                        115.60638427734375,
                        29.827362886103536,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 16,
                "O_Name": "新洋丰2",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 17,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60486078262329,
                        29.8229696184695,
                        0
                    ],
                    [
                        115.60648083686829,
                        29.822960310494079,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 17,
                "O_Name": "新洋丰3",
                "O_Com": " ",
                "O_LClr": 65535,
                "O_LWidth": 3,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 18,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.61106204986572,
                        29.828489095223151,
                        0
                    ],
                    [
                        115.61095476150513,
                        29.815104070163649,
                        0
                    ],
                    [
                        115.60837984085083,
                        29.815085452747155,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 18,
                "O_Name": "理文化工1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 19,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.61803579330444,
                        29.824747425880204,
                        0
                    ],
                    [
                        115.6181001663208,
                        29.820298193950755,
                        0
                    ],
                    [
                        115.61546087265015,
                        29.820298193950755,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 19,
                "O_Name": "理文造纸1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 20,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.61301469802856,
                        29.812311418951129,
                        0
                    ],
                    [
                        115.61297178268433,
                        29.814098724712526,
                        0
                    ],
                    [
                        115.61436653137207,
                        29.814042871891065,
                        0
                    ],
                    [
                        115.6181001663208,
                        29.820298193950755,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 20,
                "O_Name": "理文造纸2",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 21,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.61226367950439,
                        29.813447106520879,
                        0
                    ],
                    [
                        115.61297178268433,
                        29.813447106520879,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 21,
                "O_Name": "理文造纸3",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 22,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.61292886734009,
                        29.812032149540045,
                        0
                    ],
                    [
                        115.61298251152039,
                        29.80846674152,
                        0
                    ],
                    [
                        115.61461328999999,
                        29.808508629999999,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 22,
                "O_Name": "瑞易德1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 23,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.61420559883118,
                        29.809369741994452,
                        0
                    ],
                    [
                        115.61299324035645,
                        29.809379051235233,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 23,
                "O_Name": "瑞易德2",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 24,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.60965657234192,
                        29.80230377831916,
                        0
                    ],
                    [
                        115.61287522315979,
                        29.797900099223128,
                        0
                    ],
                    [
                        115.61218857765198,
                        29.797481134454525,
                        0
                    ],
                    [
                        115.61233878,
                        29.797360099999999,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 24,
                "O_Name": "天际1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 25,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.62846958637238,
                        29.802336362959974,
                        0
                    ],
                    [
                        115.62819063663483,
                        29.802736687680806,
                        0
                    ],
                    [
                        115.62498807907104,
                        29.801461228921465,
                        0
                    ],
                    [
                        115.62493443,
                        29.801568289999999,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 25,
                "O_Name": "中建材1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 26,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.62394201755524,
                        29.806134728352237,
                        0
                    ],
                    [
                        115.62506318092346,
                        29.806400049956888,
                        0
                    ],
                    [
                        115.62465012073517,
                        29.807619589332525,
                        0
                    ],
                    [
                        115.62449454999999,
                        29.807708030000001,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 26,
                "O_Name": "熠亮1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        },
        {
            "type": "Feature",
            "id": 27,
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [
                        115.62273502349854,
                        29.804905861215001,
                        0
                    ],
                    [
                        115.6233412027359,
                        29.805050160789971,
                        0
                    ],
                    [
                        115.62374353408813,
                        29.803951616850156,
                        0
                    ],
                    [
                        115.62301397323608,
                        29.803728182707971,
                        0
                    ],
                    [
                        115.62345385551453,
                        29.802420151987597,
                        0
                    ],
                    [
                        115.62248826026917,
                        29.802192059470094,
                        0
                    ]
                ]
            },
            "properties": {
                "FID": 27,
                "O_Name": "荣联环保1",
                "O_Com": " ",
                "O_LClr": 16711680,
                "O_LWidth": 1,
                "O_LAlpha": 100,
                "O_LType": 0,
                "O_SType": 5,
                "O_TType": 0
            }
        }
    ]
}
src/pages/map/components/scomponents/layersControl.vue
@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-31 10:47:29
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2025-02-19 11:42:40
 * @LastEditTime: 2025-08-18 18:49:54
 * @FilePath: \bigScreen\src\pages\map\components\scomponents\layersControl.vue
 * @Description:
 *
@@ -24,7 +24,8 @@
          :default-checked-keys="indexPoint" :props="defaultProps" :indent="treeProps['indent']"
          @check="handleCheckChange">
          <template v-slot:default="{ node }">
            <element-tree-line :node="node" :showLabelLine="treeProps['showLabelLine']" :indent="treeProps['indent']">
                        <element-tree-line :node="node" :showLabelLine="treeProps['showLabelLine']"
                            :indent="treeProps['indent']">
              <!-- 自定义label的slot -->
              <template v-slot:node-label>
                <span style="font-size: 12px">
@@ -255,6 +256,7 @@
        type: 'layer',
        subType: 'labelPoint',
        method: getList,
                customWx: true,
        params: {
          type: 3,
          size: 1000
@@ -301,6 +303,7 @@
          type: 4,
          size: 1000
        },
                customWx: true,
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/zb.png',
        className: 'sk-box',
        showPanel: false,
@@ -466,7 +469,7 @@
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-yb.png',
        showPanel: false,
        layerName: 'fxyOrdinary',
        customWx: true,
                customWx: false,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -508,7 +511,7 @@
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd-b.png',
        showPanel: false,
        layerName: 'fxyLarger',
        customWx: true,
                customWx: false,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -550,7 +553,7 @@
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-jd.png',
        showPanel: false,
        layerName: 'fxyLargerB',
        customWx: true,
                customWx: false,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -592,7 +595,7 @@
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd.png',
        showPanel: false,
        layerName: 'fxyZdLarger',
        customWx: true,
                customWx: false,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
src/styles/element/index.scss
@@ -127,4 +127,46 @@
      }
    }
  }
}
/* 在你的全局 CSS 文件中添加 */
.dark-dialog {
    --el-dialog-bg-color: rgba(33, 26, 26, .9) !important;
    --el-dialog-title-font-color: #E0E0E0 !important;
    --el-text-color-primary: #E0E0E0 !important;
    --el-border-color-light: #434343 !important;
    background-color: var(--el-dialog-bg-color) !important;
}
.dark-dialog .el-dialog__title {
    color: var(--el-dialog-title-font-color) !important;
}
.dark-dialog .el-dialog__body {
    color: var(--el-text-color-primary) !important;
}
.dark-dialog .el-dialog__headerbtn .el-dialog__close {
    color: var(--el-text-color-secondary) !important;
}
.dark-dialog .el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--el-color-primary) !important;
}
.el-notification.right {
    --el-dialog-bg-color: rgba(33, 26, 26, .9) !important;
    --el-dialog-title-font-color: #E0E0E0 !important;
    --el-text-color-primary: #E0E0E0 !important;
    --el-border-color-light: #434343 !important;
    background-color: var(--el-dialog-bg-color) !important;
    border: none !important;
    .el-notification__group {
        color: var(--el-dialog-title-font-color) !important;
        .el-notification__content {
            color: var(--el-dialog-title-font-color) !important;
        }
    }
}
src/views/pd/components/dynamicPanel.vue
@@ -2,19 +2,24 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-11-09 15:41:35
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2025-08-06 00:09:39
 * @FilePath: \jsProject\bigScreen\src\views\pd\components\dynamicPanel.vue
 * @LastEditTime: 2025-08-18 20:00:48
 * @FilePath: \bigScreen\src\views\pd\components\dynamicPanel.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by shuishen, All Rights Reserved. 
-->
<script setup>
import 'element-plus/theme-chalk/dark/css-vars.css'
import { ElMessage, ElNotification } from 'element-plus'
import qyfw from "@/assets/json/qyfw"
import EventBus from 'utils/bus'
import qysgwslx from "@/assets/json/qysgwslx"
import disposeDataJson from "@/assets/json/dispose"
const { VITE_APP_BASE } = import.meta.env
const emit = defineEmits(['closePanel'])
import { onUnmounted } from 'vue'
import { computed, onUnmounted } from 'vue'
import { spatialAnalysisPoint } from "@/api/space/space"
@@ -145,6 +150,7 @@
tc.addTrack(track)
let startClick = false
let curSelectType = null
const synth = window.speechSynthesis
@@ -430,6 +436,27 @@
}
const wxEntityClick = (e) => {
    if (curStepType.value === 4 && e.overlay.attrParams.type != 4) {
        ElMessage({
            message: '请选择闸坝.',
            type: 'warning',
        })
        return
    }
    if (curStepType.value === 7 && e.overlay.attrParams.type != 4 && e.overlay.attrParams.type != 3) {
        ElMessage({
            message: '请选择闸阀.',
            type: 'warning',
        })
        return
    }
    isShowEquipmentClosePopup.value = true
    return
    const { attrParams } = e.overlay
    clearAll()
    pointStore.updateSharedData(1)
@@ -524,30 +551,33 @@
EventBus.on('wxEntityClick', wxEntityClick)
qysgwslx.features.forEach(item => {
    let polyline = new DC.Polyline(item.geometry.coordinates.join(';'))
    polyline.setStyle({
        width: 5,
        material: new DC.PolylineTrailMaterialProperty({
            color: DC.Color.ALICEBLUE,
            speed: 10
        }),
        clampToGround: true
    })
    qyWsLayer.addOverlay(polyline)
})
const schemeStart = (item, type) => {
    emit('closePanel')
    clearAll()
    if (type == 1) {
        curSelectType = 1
        if (startClick) {
            EventBus.emit('restHandleDelChange', `3-3`)
            EventBus.emit('restHandleDelChange', `3-4`)
            EventBus.emit('restHandleDelChange', `4-1`)
            EventBus.emit('restHandleDelChange', `4-2`)
            EventBus.emit('restHandleDelChange', `4-3`)
            EventBus.emit('restHandleDelChange', `4-9`)
        }
        // let polyline = new DC.Polyline(qysgwslx.features[0].geometry.coordinates.join(';'))
        // polyline.setStyle({
        //     width: 5,
        //     material: new DC.PolylineTrailMaterialProperty({
        //         color: DC.Color.RED,
        //         speed: 10
        //     }),
        //     clampToGround: true
        // })
        // qyWsLayer.addOverlay(polyline)
        if (item.showModel) {
            window.$viewer.flyToPosition("115.10587903,27.28374884,400,0,-90", () => {
@@ -631,10 +661,131 @@
        mapStore.setStartCustomWx(startClick)
    } else {
        startClick = true
        curStep.value = 0
        curStepType.value = 0
        curSelectType = 2
        // mapStore.setStartCustomWx(startClick)
        EventBus.emit('restHandleCheckChange', `3-3`)
        EventBus.emit('restHandleCheckChange', `3-4`)
    }
}
const disposeFlowData = ref([])
const isShowDisposeFlowPopup = ref(false)
const curStep = ref(0)
const isInEnterprise = ref(false)
const curStepType = ref(0)
const isShowEquipmentClosePopup = ref(false)
const viewerClick = (e) => {
    if (curSelectType === 2) {
        let curPosition = {}
        if (e.wgs84Position && e.wgs84Position.alt > 0) {
            curPosition = {
                lng: e.wgs84Position.lng,
                lat: e.wgs84Position.lat,
                alt: e.wgs84Position.alt,
            }
        } else {
            curPosition = {
                lng: e.wgs84SurfacePosition.lng,
                lat: e.wgs84SurfacePosition.lat,
                alt: e.wgs84SurfacePosition.alt,
            }
        }
        let point = window.$turf.point([curPosition.lng, curPosition.lat])
        const isInPolygon = qyfw.features.some(item => {
            let polygon = window.$turf.polygon(item.geometry.coordinates)
            return window.$turf.booleanPointInPolygon(point, polygon)
        })
        if (isInPolygon) {
            isInEnterprise.value = true
            disposeFlowData.value = JSON.parse(JSON.stringify(disposeDataJson.categoryTypeData[0]))
        } else {
            isInEnterprise.value = false
            disposeFlowData.value = JSON.parse(JSON.stringify(disposeDataJson.categoryTypeData[1]))
        }
        curStep.value = 0
        curStepType.value = 0
        isShowDisposeFlowPopup.value = true
        curSelectType = null
        mapStore.setStartCustomWx(startClick)
        EventBus.emit('restHandleCheckChange', `4`)
    }
}
const cancelFlowDispose = () => {
    isShowDisposeFlowPopup.value = false
    curStep.value = 0
    curStepType.value = 0
    startClick = false
    disposeFlowData.value = []
    curSelectType = null
    mapStore.setStartCustomWx(startClick)
}
const nextStep = () => {
    curStep.value += 1
    curStepType.value = disposeFlowData.value?.processFlowData[curStep.value]?.type
}
const isSelectSignPoint = () => {
    isShowDisposeFlowPopup.value = false
    message?.close()
    message = null
    if (curStepType.value === 4) {
        message = ElNotification({
            title: '提示',
            showClose: true,
            message: '进行下一步应急措施,需选中闸坝才可下一步。',
            type: 'warning',
            duration: 0,
            offset: 100,
        })
    } else {
        message = ElNotification({
            title: '提示',
            showClose: true,
            message: '进行下一步应急措施,需选中闸阀才可下一步。',
            type: 'warning',
            duration: 0,
            offset: 100,
        })
    }
}
const affirmEquipmentClose = () => {
    isShowEquipmentClosePopup.value = false
    message?.close()
    message = null
    nextStep()
    isShowDisposeFlowPopup.value = true
}
let message = null
const isOverBtn = computed(() => disposeFlowData.value?.processFlowData ? curStep.value === disposeFlowData.value?.processFlowData.length - 1 : false)
const isNextStepBtn = computed(() => disposeFlowData.value?.processFlowData ? curStep.value < disposeFlowData.value?.processFlowData.length - 1 : false)
const isShowSelectBtn = computed(() => {
    return disposeFlowData.value?.processFlowData ?
        (curStepType.value === 4 || curStepType.value === 7)
        : false
})
window.$viewer.on(DC.MouseEventType.CLICK, viewerClick)
const clearAll = () => {
    mapStore.setShowPreLevel(false)
@@ -659,16 +810,23 @@
    dynamicVectorLayer?.clear()
    dynamicHtmlLayer?.clear()
    dynamicLineVectorLayer?.clear()
    qyWsLayer?.clear()
    isShowEquipmentClosePopup.value = false
    isShowDisposeFlowPopup.value = false
    message?.close()
    message = null
}
onUnmounted(() => {
    if (startClick) {
        EventBus.emit('restHandleDelChange', `3-3`)
        EventBus.emit('restHandleDelChange', `3-4`)
        EventBus.emit('restHandleDelChange', `4-1`)
        EventBus.emit('restHandleDelChange', `4-2`)
        EventBus.emit('restHandleDelChange', `4-3`)
        EventBus.emit('restHandleDelChange', `4-9`)
    }
    mapStore.setStartCustomWx(false)
    EventBus.off('wxEntityClick', wxEntityClick)
@@ -680,6 +838,9 @@
    dynamicLineVectorLayer && window.$viewer && window.$viewer.removeLayer(dynamicLineVectorLayer)
    qyWsLayer && window.$viewer && window.$viewer.removeLayer(qyWsLayer)
    window.$viewer.off(DC.MouseEventType.CLICK, viewerClick)
    tc = null
    track = null
    dynamicVectorLayer = null
@@ -690,6 +851,8 @@
</script>
<template>
    <div>
    <div class="panel-container no-select">
        <el-carousel :autoplay="false" :interval="4000" type="card" height="360px">
            <el-carousel-item v-for="item, index in panelData.data" :key="index">
@@ -724,6 +887,40 @@
            </el-carousel-item>
        </el-carousel>
    </div>
        <el-dialog class="dark-dialog" v-model="isShowDisposeFlowPopup" :append-to-body="true"
            :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" title="风险处置流程" width="500">
            <div>
                <div v-for="item, ind in disposeFlowData.processFlowData" :key="ind" v-show="ind === curStep">{{
                    item.message }}
                </div>
            </div>
            <template #footer>
                <div class="dialog-footer">
                    <el-button @click="cancelFlowDispose">取消</el-button>
                    <el-button type="primary" v-show="isShowSelectBtn" @click="isSelectSignPoint">{{ curStepType === 4 ?
                        '选择闸坝' : '选择闸阀' }}</el-button>
                    <el-button type="primary" @click="cancelFlowDispose" v-show="isOverBtn">结束</el-button>
                    <el-button :disabled="isShowSelectBtn" type="primary" @click="nextStep"
                        v-show="isNextStepBtn">下一步</el-button>
                </div>
            </template>
        </el-dialog>
        <el-dialog class="dark-dialog" v-model="isShowEquipmentClosePopup" :append-to-body="true"
            :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" title="" width="500">
            <div>
                {{ curStepType === 4 ? '确认关闭该闸坝?' : '确认关闭该闸阀?' }}
            </div>
            <template #footer>
                <div class="dialog-footer">
                    <el-button @click="isShowEquipmentClosePopup = false">取消</el-button>
                    <el-button type="primary" @click="affirmEquipmentClose">确认</el-button>
                </div>
            </template>
        </el-dialog>
    </div>
</template>
<style scoped lang="scss">