From c9d99d18551a267e4c497e121d107d6fe1b579fc Mon Sep 17 00:00:00 2001 From: bb_pan Date: Thu, 20 Nov 2025 10:08:35 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E5=9B=BD=E7=BD=91=E5=A4=A7=E5=B1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../gwScreen/components/center/index.vue | 2 + .../gwScreen/components/left/EquipStatus.vue | 11 +-- .../components/left/UnitEquipmentConfig.vue | 78 +++++++++++-------- .../screen/gwScreen/components/left/index.vue | 12 +-- .../components/right/EquipUsageRate.vue | 40 ++++++++-- .../right/ProEquipSituationList.vue | 49 +++++++++--- .../right/UsageRateSituationList.vue | 46 +++++++++-- .../gwScreen/components/right/index.vue | 20 ++--- 8 files changed, 181 insertions(+), 77 deletions(-) diff --git a/src/views/screen/gwScreen/components/center/index.vue b/src/views/screen/gwScreen/components/center/index.vue index f1d63f3f..7a71d206 100644 --- a/src/views/screen/gwScreen/components/center/index.vue +++ b/src/views/screen/gwScreen/components/center/index.vue @@ -424,6 +424,7 @@ export default { methods: { handleBtn(index) { this.btnIndex = index + console.log('🚀 ~ this.btnIndex:', this.btnIndex) // this.cityData = [] // this.getInfo() }, @@ -814,6 +815,7 @@ export default { margin-left: -180px; display: flex; justify-content: center; + z-index: 9999999; .btn:not(:last-child) { margin-right: 80px; } diff --git a/src/views/screen/gwScreen/components/left/EquipStatus.vue b/src/views/screen/gwScreen/components/left/EquipStatus.vue index cd25927c..f568975d 100644 --- a/src/views/screen/gwScreen/components/left/EquipStatus.vue +++ b/src/views/screen/gwScreen/components/left/EquipStatus.vue @@ -12,15 +12,16 @@ export default { data() { return { chartData: [ - // { name: '在用', value: 120 }, - // { name: '在库', value: 80 }, - // { name: '在修', value: 60 }, - // { name: '共享', value: 40 }, + { name: '在用', value: 45036, proportion: 633 }, + { name: '在库', value: 9038, proportion: 133 }, + { name: '在修', value: 15034, proportion: 21 }, + { name: '共享', value: 1767, proportion: 3 }, ], } }, mounted() { - this.getList() + // this.getList() + this.initChart() }, methods: { async getList() { diff --git a/src/views/screen/gwScreen/components/left/UnitEquipmentConfig.vue b/src/views/screen/gwScreen/components/left/UnitEquipmentConfig.vue index 3c4e50be..29a142e2 100644 --- a/src/views/screen/gwScreen/components/left/UnitEquipmentConfig.vue +++ b/src/views/screen/gwScreen/components/left/UnitEquipmentConfig.vue @@ -5,22 +5,11 @@ - 序号 - 单位名称 - 装备价值（亿元） - 装备数量（台） - 配置率 - - - - 总数 - 线路 - 变电 - 电缆 - 总数 - 线路 - 变电 - 电缆 + 序号 + 网省名称 + 装备价值（亿元） + 装备数量（台） + 配置率 @@ -29,19 +18,11 @@ {{ index + 1 }} {{ row.deptName }} - {{ row.totalValue ? (row.totalValue / 100000000).toFixed(4) : 0 }} + {{ row.totalValue }} {{ row.totalEquipmentQuantity }} {{ row.lineNum }} - {{ row.substationNum }} - {{ row.cableNum }} - - - {{ row.configRate }} - {{ row.valueA }} - {{ row.valueB }} - {{ row.valueC }} @@ -54,11 +35,42 @@ import { getUnitEquipmentConfigurationApi } from '@/api/wsScreen/index' export default { data() { return { - tableData: [], + tableData: [ + { + deptName: '安徽省', + totalValue: '3.96', + totalEquipmentQuantity: '2625', + lineNum: '120.00', + }, + { + deptName: '陕西省', + totalValue: '3.66', + totalEquipmentQuantity: '2325', + lineNum: '109.00', + }, + { + deptName: '河北省', + totalValue: '2.96', + totalEquipmentQuantity: '2025', + lineNum: '119.00', + }, + { + deptName: '湖北省', + totalValue: '3.86', + totalEquipmentQuantity: '2425', + lineNum: '105.07', + }, + { + deptName: '山东省', + totalValue: '3.42', + totalEquipmentQuantity: '2405', + lineNum: '101.09', + }, + ], } }, created() { - this.getList() + // this.getList() }, methods: { async getList() { @@ -88,7 +100,11 @@ td { padding: 10px; text-align: center; white-space: nowrap; - border: 1px solid rgba(255, 255, 255, 0.3); // 边框颜色可根据背景调整 + /* border: 1px solid rgba(255, 255, 255, 0.3); // 边框颜色可根据背景调整 */ + background: linear-gradient(to bottom, #f0f5f8, #5eb6f0); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + line-height: 23px; } th { @@ -121,13 +137,13 @@ tbody tr:hover { overflow: auto; /* 隐藏滚动条轨迹 */ - -ms-overflow-style: none; /* IE / Edge */ - scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* IE / Edge */ + scrollbar-width: none; /* Firefox */ } /* Chrome / Safari */ .scroll-container::-webkit-scrollbar { - width: 0; /* 或者直接隐藏 */ + width: 0; /* 或者直接隐藏 */ height: 0; background: transparent; /* 背景透明 */ } diff --git a/src/views/screen/gwScreen/components/left/index.vue b/src/views/screen/gwScreen/components/left/index.vue index e07ac972..f440d969 100644 --- a/src/views/screen/gwScreen/components/left/index.vue +++ b/src/views/screen/gwScreen/components/left/index.vue @@ -3,7 +3,7 @@
装备总览
-
更多 >
+
更多 >
装备总数
@@ -16,13 +16,13 @@
- + - + - +
@@ -51,14 +51,14 @@
装备状态
-
更多 >
+
更多 >
-
备注说明：再用装备包含于共享装备。
+
diff --git a/src/views/screen/gwScreen/components/right/EquipUsageRate.vue b/src/views/screen/gwScreen/components/right/EquipUsageRate.vue index 869da0f2..7067cb63 100644 --- a/src/views/screen/gwScreen/components/right/EquipUsageRate.vue +++ b/src/views/screen/gwScreen/components/right/EquipUsageRate.vue @@ -2,14 +2,14 @@
装备在用率统计
-
更多 >
+
更多 >
-
+
@@ -37,17 +37,43 @@ export default { data() { return { tabIndex: 0, - tableList: [], + tableList: [ + { + name: '张力机', + proportion: 64.58, + turnoverRate: 4.08, + }, + { + name: '牵引机', + proportion: 53.13, + turnoverRate: 4.3, + }, + { + name: '抱杆', + proportion: 46.88, + turnoverRate: 2.83, + }, + { + name: '滤油机', + proportion: 17.71, + turnoverRate: 2.66, + }, + { + name: '电缆输送机', + proportion: 13.54, + turnoverRate: 2.51, + }, + ], } }, created() { - this.getInfo() + // this.getInfo() }, methods: { changTab(type) { console.log('🚀 ~ changTab ~ type:', type) this.tabIndex = type - this.getInfo() + // this.getInfo() }, async getInfo() { try { @@ -157,7 +183,7 @@ export default { } .item-list { - margin-top: 15px; + margin-top: 30px; display: flex; align-items: center; /* justify-content: space-between; */ diff --git a/src/views/screen/gwScreen/components/right/ProEquipSituationList.vue b/src/views/screen/gwScreen/components/right/ProEquipSituationList.vue index 7b2ee0ad..dfb8e565 100644 --- a/src/views/screen/gwScreen/components/right/ProEquipSituationList.vue +++ b/src/views/screen/gwScreen/components/right/ProEquipSituationList.vue @@ -8,7 +8,7 @@
-
更多 >
+
更多 >
@@ -26,7 +26,7 @@
项目数（个）
-
{{ proNum }}
+
{{ 7695 }}
@@ -35,7 +35,7 @@
在用装备数（台）
-
{{ equipNum }}
+
{{ 37746 }}
@@ -54,7 +54,7 @@ 工程名称 在用装备数（台） 规模（拆单公里） - 百公里线路装备使用情况 + @@ -65,7 +65,7 @@ {{ row.projectName }} {{ row.inUser }} {{ row.scale }} - {{ row.usage }} + @@ -85,12 +85,38 @@ export default { proNum: 0, equipNum: 0, tabIndex: 0, - tableData: [], + tableData: [ + { + projectName: '埇桥-萧砀|回500千伏线路工程', + inUser: '82', + scale: '172', + }, + { + projectName: '石岗-施桥110kV线路工程', + inUser: '18', + scale: '55.6', + }, + { + projectName: '换流站-金牛500kV线路工程', + inUser: '18', + scale: '55.6', + }, + { + projectName: '汤庄-平圩500kV线路工程', + inUser: '18', + scale: '55.6', + }, + { + projectName: '魏武-木兰n入祝集变电站220kV线路工程', + inUser: '18', + scale: '55.6', + }, + ], } }, created() { - this.getProList() - this.getList() + // this.getProList() + // this.getList() }, methods: { changTab(type) { @@ -101,7 +127,7 @@ export default { try { const params = { type: this.tabIndex, - proCode: this.proCode + proCode: this.proCode, } const res = await getEquipmentUseApi(params) this.tableData = res.data.equipmentUse || [] @@ -241,7 +267,10 @@ td { padding: 10px; text-align: center; white-space: nowrap; - border: 1px solid rgba(255, 255, 255, 0.3); // 边框颜色可根据背景调整 + /* border: 1px solid rgba(255, 255, 255, 0.3); // 边框颜色可根据背景调整 */ + background: linear-gradient(to bottom, #f0f5f8, #5eb6f0); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } th { diff --git a/src/views/screen/gwScreen/components/right/UsageRateSituationList.vue b/src/views/screen/gwScreen/components/right/UsageRateSituationList.vue index d67ebcd6..c090f499 100644 --- a/src/views/screen/gwScreen/components/right/UsageRateSituationList.vue +++ b/src/views/screen/gwScreen/components/right/UsageRateSituationList.vue @@ -1,8 +1,8 @@