From 8d15045d3e4afa77b0ca2ab9e0c6ce462fa1c8a4 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期三, 20 三月 2024 15:08:06 +0800
Subject: [PATCH] 考核指标跳转，登录路由大屏
---
src/views/screen/components/screen-examine/components/examine-chart.vue | 22 +++++++++++-----------
src/views/login.vue | 2 +-
src/views/screen/components/screen-examine/components/examine-hola.vue | 18 +++++++++++++++---
3 files changed, 27 insertions(+), 15 deletions(-)
diff --git a/src/views/login.vue b/src/views/login.vue
index e604abf..a1f6e84 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -198,7 +198,7 @@
this.loginInfo = loginInfo.user
//濡傛灉杩斿洖涓�1姝ｅ父璺宠浆
if(this.loginInfo.firstLogin == 1){
- this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
+ this.$router.push({ path: "/screen" }).catch(()=>{});
} else {
localStorage.setItem('firstLogin',0)
}
diff --git a/src/views/screen/components/screen-examine/components/examine-chart.vue b/src/views/screen/components/screen-examine/components/examine-chart.vue
index 6b4b7f9..74c3413 100644
--- a/src/views/screen/components/screen-examine/components/examine-chart.vue
+++ b/src/views/screen/components/screen-examine/components/examine-chart.vue
@@ -3,7 +3,7 @@
<div class="rank-chart">
<div class="hola-item" v-for="item in dataList" :key="item.id">
<examine-hola :startColor="'#02C77E'" :endColor="'#017770'" :centerValue="item.value"
- :bottomTitle="item.name"></examine-hola>
+ :bottomTitle="item.name" :routerPath="item.routerUrl" ></examine-hola>
</div>
</div>
</div>
@@ -20,15 +20,15 @@
data() {
return {
dataList: [
- {id: 1,name: '骞冲彴鍦ㄧ嚎鐜�', value: 60},
- {id: 2,name: '涓�鏈轰竴妗ｅ悎鏍肩巼', value: 20},
- {id: 3,name: '妗ｆ鑰冩牳姣�', value: 60},
- {id: 4,name: '鐐逛綅鍦ㄧ嚎鐜�', value: 40},
- {id: 5,name: '褰曞儚鍙敤鐜�', value: 80},
- {id: 6,name: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�', value: 20},
- {id: 7,name: '淇℃伅閲囬泦鍑嗙‘鐜�', value: 60},
- {id: 8,name: '鍗￠棬杩囪溅鏁版嵁涓�鑷存��', value: 40},
-
+ {id: 1,name: '骞冲彴鍦ㄧ嚎鐜�', value: 60,routerUrl: '/car/vehicle-data-monitor/index'},
+ {id: 2,name: '涓�鏈轰竴妗ｅ悎鏍肩巼', value: 20,routerUrl: '/car/vehicle-data-monitor/index'},
+ {id: 3,name: '妗ｆ鑰冩牳姣�', value: 60,routerUrl: '/car/vehicle-data-monitor/index'},
+ {id: 4,name: '鐐逛綅鍦ㄧ嚎鐜�', value: 40,routerUrl: '/car/vehicle-data-monitor/index'},
+ {id: 5,name: '褰曞儚鍙敤鐜�', value: 80,routerUrl: '/car/vehicle-data-monitor/index'},
+ {id: 6,name: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�', value: 20,routerUrl: '/car/vehicle-data-monitor/index'},
+ {id: 7,name: '淇℃伅閲囬泦鍑嗙‘鐜�', value: 60,routerUrl: '/car/vehicle-data-monitor/index'},
+ {id: 8,name: '杞﹁締杩囧崱鍙ｆ暟鎹竴鑷存��', value: 40,routerUrl: '/car/vehicle-data-monitor/index'},
+
]
}
},
@@ -65,4 +65,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/screen/components/screen-examine/components/examine-hola.vue b/src/views/screen/components/screen-examine/components/examine-hola.vue
index e034ab7..a4c2d87 100644
--- a/src/views/screen/components/screen-examine/components/examine-hola.vue
+++ b/src/views/screen/components/screen-examine/components/examine-hola.vue
@@ -2,7 +2,9 @@
<!-- 杩涘害鏉＄被鍨嬬粍浠� -->
<div class="progressChart">
<div class="chart" id="progressChart" ref="chartRef"></div>
- <label class="bottom le-0-font">{{ bottomTitle }}</label>
+ <el-link class="bottom le-0-font" :underline="false" @click="handleDetail(routerPath)">
+ <label >{{ bottomTitle }}</label>
+ </el-link>
</div>
</template>
<script>
@@ -120,12 +122,22 @@
type: [Number, String],
default: 0
},
+ routerPath: {
+ type: String,
+ default: ''
+ },
bottomTitle: {
type: String,
default: ''
}
},
- methods: {},
+ methods: {
+ handleDetail(routerUrl) {
+ this.$router.push({
+ path: routerUrl,
+ })
+ }
+ },
created() { },
mounted() {
let myChart = echarts.init(this.$refs['chartRef']) // 浣跨敤Id鏃犳硶瀹炵幇
@@ -154,4 +166,4 @@
margin-top: 10px;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0