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