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 @@
-
各单位装备在用率情况
-
更多 >
+
各网省装备在用率情况
+
更多 >
@@ -38,11 +38,37 @@ import { getDeptEquipmentApi } from '@/api/wsScreen'
export default {
data() {
return {
- tableData: [],
+ tableData: [
+ {
+ name: '安徽省',
+ proportion: '61.55',
+ turnoverRate: '2.55',
+ },
+ {
+ name: '山西',
+ proportion: '48.25',
+ turnoverRate: '2.34',
+ },
+ {
+ name: '河北',
+ proportion: '42.36',
+ turnoverRate: '2.23',
+ },
+ {
+ name: '江苏',
+ proportion: '39.56',
+ turnoverRate: '1,91',
+ },
+ {
+ name: '山东',
+ proportion: '36.05',
+ turnoverRate: '1.81',
+ },
+ ],
}
},
created() {
- this.getList()
+ // this.getList()
},
methods: {
async getList() {
@@ -100,7 +126,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: 22px;
}
th {
@@ -132,13 +162,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/right/index.vue b/src/views/screen/gwScreen/components/right/index.vue
index 41ff4e3d..2d78a114 100644
--- a/src/views/screen/gwScreen/components/right/index.vue
+++ b/src/views/screen/gwScreen/components/right/index.vue
@@ -8,31 +8,31 @@
年度总投资额
-
{{ annualTotal ? (annualTotal / 100000000).toFixed(4) : 0 }} 亿元
+
{{ 2600 }} 亿元
在建工程数
-
{{ projectNUm }} 个
+
{{ 19467 }} 个
在用装备数
-
{{ num }} 台
+
{{ 45036 }} 台
-
+
在用率
-
+
-
+
周转率
- {{ turnoverRate }}
+ {{ 2.41 }}
次/年
@@ -42,12 +42,12 @@
-
+
@@ -96,7 +96,7 @@ export default {
}
},
created() {
- this.getInfo()
+ // this.getInfo()
},
methods: {
async getInfo() {