From fa6b90408cf81d1a21cdc7f8822e29b05f216cb3 Mon Sep 17 00:00:00 2001 From: SunTao <328867980@qq.com> Date: Mon, 6 Jan 2025 11:41:27 +0800 Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E5=A4=A7?= =?UTF-8?q?=E5=B1=8F=E6=95=B0=E6=8D=AE=E6=A0=8F=E5=8F=B3=E4=B8=8A=E8=A7=92?= =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=8E=A5=E5=8F=A3=EF=BC=8C=E4=BF=AE=E6=94=B9?= =?UTF-8?q?=E9=BB=98=E8=AE=A4=E9=80=89=E4=B8=AD=E5=80=BC=E4=B8=BA=E7=AC=AC?= =?UTF-8?q?=E4=B8=80=E4=B8=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/xj/screen/disease-screen.js | 2 +- .../disease-components/traffic-statistic.vue | 1 + .../disease-components/traffic-trend.vue | 3 +- src/views/big-screen/index.vue | 35 ++++++++++++------- 4 files changed, 26 insertions(+), 15 deletions(-) diff --git a/src/api/xj/screen/disease-screen.js b/src/api/xj/screen/disease-screen.js index d3d10d2..26cea8b 100644 --- a/src/api/xj/screen/disease-screen.js +++ b/src/api/xj/screen/disease-screen.js @@ -75,7 +75,7 @@ export function roadCurrent(query) { // 数据栏内右上角下拉框 export function getDropList(query) { return request({ - url: "/bigscreen/getDropdownList", + url: "/bigscreen/v2/getDropdownList", method: "get", params: query, }); diff --git a/src/views/big-screen/disease-components/traffic-statistic.vue b/src/views/big-screen/disease-components/traffic-statistic.vue index 42b3d11..7aaf5aa 100644 --- a/src/views/big-screen/disease-components/traffic-statistic.vue +++ b/src/views/big-screen/disease-components/traffic-statistic.vue @@ -106,6 +106,7 @@ export default { this.getChartData(); } }, + immediate: true, }, itemSelect: { handler() { diff --git a/src/views/big-screen/disease-components/traffic-trend.vue b/src/views/big-screen/disease-components/traffic-trend.vue index 03e6f31..da7ce06 100644 --- a/src/views/big-screen/disease-components/traffic-trend.vue +++ b/src/views/big-screen/disease-components/traffic-trend.vue @@ -2,7 +2,7 @@ * @Author: SunTao 328867980@qq.com * @Date: 2024-10-21 10:03:08 * @LastEditors: SunTao 328867980@qq.com - * @LastEditTime: 2024-12-20 10:53:53 + * @LastEditTime: 2025-01-06 11:31:25 * @FilePath: \znxjxt-ui\src\views\big-screen\traffic-components\traffic-trend.vue * @Description: 病害巡检大屏-病害趋势 --> @@ -66,6 +66,7 @@ export default { this.getChartData(); } }, + immediate: true, }, itemSelect: { handler() { diff --git a/src/views/big-screen/index.vue b/src/views/big-screen/index.vue index d644e03..5ffcfe6 100644 --- a/src/views/big-screen/index.vue +++ b/src/views/big-screen/index.vue @@ -2,7 +2,7 @@ * @Author: SunTao 328867980@qq.com * @Date: 2024-10-17 11:34:00 * @LastEditors: SunTao 328867980@qq.com - * @LastEditTime: 2025-01-02 10:37:46 + * @LastEditTime: 2025-01-06 11:17:42 * @FilePath: \znxjxt-ui\src\views\big-screen\index.vue * @Description: 大屏首页 --> @@ -663,7 +663,6 @@ export default { }, created() { this.setTime(); - // this.handleMessage(); }, mounted() { this.getSelect(); @@ -758,6 +757,21 @@ export default { selectTypeList().then(({ code, data }) => { if (code === 200) { this.selectTypeArr = data; + // 初始化 leftModuleList 和 rightModuleList 中的 select 值 + if (this.selectTypeArr.length > 0) { + this.leftModuleList = this.leftModuleList.map((item) => ({ + ...item, + select: item.selectIsShow + ? this.selectTypeArr[0].value + : item.select, + })); + this.rightModuleList = this.rightModuleList.map((item) => ({ + ...item, + select: item.selectIsShow + ? this.selectTypeArr[0].value + : item.select, + })); + } } }); }, @@ -1411,7 +1425,7 @@ export default { title: "病害统计", component: DiseaseCurrent, selectIsShow: true, - select: "", + select: this.selectTypeArr[0].value, class: "twe", }, ]; @@ -1477,7 +1491,7 @@ export default { title: "附属设施异常统计", component: AnomalyFacilities, selectIsShow: true, - select: "", + select: this.selectTypeArr[0].value, class: "one", }, { @@ -1486,7 +1500,7 @@ export default { title: "路产统计", component: RoadStatistic, selectIsShow: true, - select: "", + select: this.selectTypeArr[0].value, class: "twe", }, ]; @@ -1500,11 +1514,6 @@ export default { const data = { type: "carLocation", status: true }; this.$ws.send(data); this.$ws.on("message", this.handleMessage, this.indexListenerId); - // 将地图层级初始化 - this.$nextTick(() => { - const map = this.$refs.roadMap.instance.get("map"); - map.getView().setZoom(10); - }); // 地图右上角多选按钮显示 this.getIconType(); this.showIconList = true; @@ -1533,6 +1542,7 @@ export default { title: "主要病害趋势", component: TrafficTrend, selectIsShow: true, + select: this.selectTypeArr[0].value, class: "twe", }, { @@ -1541,7 +1551,7 @@ export default { title: "病害统计", component: TrafficStatistic, selectIsShow: true, - select: "", + select: this.selectTypeArr[0].value, class: "twe", }, ]; @@ -1552,7 +1562,7 @@ export default { title: "病害日志", component: TrafficLog, selectIsShow: false, - select: "", + select: this.selectTypeArr[0].value, class: "one", }, ]; @@ -1575,7 +1585,6 @@ export default { const map = this.$refs.roadMap.instance.get("map"); map.removeLayer(this.clusters); this.clusters = null; - map.getView().setZoom(10); }); this.getLinePoint(); }