From 23f1bf22c42a904c05cee63e10c9fd8b60dfe8f5 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期二, 20 九月 2022 14:54:56 +0800
Subject: [PATCH] Default Changelist

---
 src/views/riskWarningSys/warningBigScreen/components/message.vue |   37 +++++++++++++++++++++++--------------
 1 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/views/riskWarningSys/warningBigScreen/components/message.vue b/src/views/riskWarningSys/warningBigScreen/components/message.vue
index e2ab6ee..5bcbabc 100644
--- a/src/views/riskWarningSys/warningBigScreen/components/message.vue
+++ b/src/views/riskWarningSys/warningBigScreen/components/message.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="charts-cont">
 		<div class="message">
-			<dv-scroll-board ref="scrollBoard" :config="config" style="width:100%;height:100%" @mouseover="mouseoverHandler" @click="clickHandler" />
+			<dv-scroll-board ref="scrollBoard" :config="config" style="width:100%;height:100%;cursor: pointer" @mouseover="mouseoverHandler" @click="clickHandler" />
 		</div>
 	</div>
 </template>
@@ -14,6 +14,7 @@
 	import { Session } from '/@/utils/storage';
 	import { Search } from '@element-plus/icons-vue'
 	import { ElMessage } from 'element-plus'
+	import { useRouter } from 'vue-router'
 	import type { FormInstance, FormRules } from 'element-plus'
 	import { workApplyApi } from '/@/api/specialWorkSystem/workApply';
 	import * as echarts from 'echarts';
@@ -21,6 +22,7 @@
 	import {useScreenTheme} from "/@/stores/screenTheme"
 
 	interface stateType {
+		config: object
 	}
 	export default defineComponent({
 		name: 'message',
@@ -34,23 +36,24 @@
 			const { screenTheme }  = storeToRefs(screenThemes);
 			const userInfo = useUserInfo()
 			const { userInfos } = storeToRefs(userInfo);
+			const router = useRouter();
 			const pro = ref("eChartPro" + Date.now() + Math.random())
 			const state = reactive<stateType>({
 				config:{
 					header: ['消息列表', '同比'],
 					data: [
-						['一月预警消息SPI报告', '↑ 94%'],
-						['二月预警消息SPI报告', '↑ 94%'],
-						['三月预警消息SPI报告', '↑ 94%'],
-						['四月预警消息SPI报告', '↑ 94%'],
-						['五月预警消息SPI报告', '↑ 94%'],
-						['六月预警消息SPI报告', '↑ 94%'],
-						['七月预警消息SPI报告', '↑ 94%'],
-						['八月预警消息SPI报告', '↑ 94%'],
-						['九月预警消息SPI报告', '↑ 94%'],
-						['十月预警消息SPI报告', '↑ 94%'],
-						['十一月预警消息SPI报告', '↑ 94%'],
-						['十二月预警消息SPI报告', '↑ 94%']
+						['一月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['二月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['三月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['四月预警消息SPI报告', '<span style="color:red;">↓ 43%</span>'],
+						['五月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['六月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['七月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['八月预警消息SPI报告', '<span style="color:red;">↓ 65%</span>'],
+						['九月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['十月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['十一月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>'],
+						['十二月预警消息SPI报告', '<span style="color:#4CF475;">↑ 94%</span>']
 					],
 					index: true,
 					columnWidth: [60],
@@ -68,7 +71,13 @@
 			}
 
 			const clickHandler = (e: any) => {
-
+				console.log(e.row,'row')
+				router.push({
+					path: 'msgDetail',
+					query: {
+						row: e.row
+					}
+				})
 			}
 
 			function fontSize(val){

--
Gitblit v1.9.2