From 5b2cb9a6f0b99e86991e173c45e07f9126da4ebb Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期三, 20 三月 2024 15:20:37 +0800 Subject: [PATCH] Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui --- src/views/screen/components/screen-examine/components/examine-chart.vue | 22 +++++++++++----------- src/views/screen/components/screen-examine/components/examine-hola.vue | 18 +++++++++++++++--- 2 files changed, 26 insertions(+), 14 deletions(-) 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: '涓�鏈轰竴妗e悎鏍肩巼', value: 20}, - {id: 3,name: '妗f鑰冩牳姣�', 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: '涓�鏈轰竴妗e悎鏍肩巼', value: 20,routerUrl: '/car/vehicle-data-monitor/index'}, + {id: 3,name: '妗f鑰冩牳姣�', 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: '杞﹁締杩囧崱鍙f暟鎹竴鑷存��', 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