From f7f647a20cca0d106473e6a862b85d89a7a93d19 Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期四, 01 十二月 2022 10:59:06 +0800
Subject: [PATCH] 堆栈溢出
---
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