From 233e4fc4f35bd00a36ee34a7fbf5e47b41db26db Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Mon, 17 Nov 2025 09:54:44 +0800
Subject: [PATCH] feat：更新初始化地形
---
src/views/wel/components/proportionStatic.vue | 55 +++++++++++++++++++++++++++++++------------------------
1 files changed, 31 insertions(+), 24 deletions(-)
diff --git a/src/views/wel/components/proportionStatic.vue b/src/views/wel/components/proportionStatic.vue
index ac04e28..7601a16 100644
--- a/src/views/wel/components/proportionStatic.vue
+++ b/src/views/wel/components/proportionStatic.vue
@@ -13,7 +13,7 @@
:key="index"
@click="timeClick(item, index)"
>
- {{ timeListStr[index] }}
+ {{ timeListStr[index] }}
</div>
</div>
</div>
@@ -21,7 +21,7 @@
<div class="card-group">
<div class="main-card">
<div class="status-grid">
- <div class="status-item" v-for="(item, index) in eventTypeList" :key="index">
+ <div class="status-item" v-for="(item, index) in eventTypeList" :key="index" @click="jumpEventDetails(item,index)">
<div class="statusCon">
<div class="status-label">{{ item.name }}</div>
<div class="status-value">{{ item.value }}<span>个</span></div>
@@ -51,6 +51,8 @@
import overviewImg3 from '@/assets/images/workbench/tc3.svg';
import overviewImg4 from '@/assets/images/workbench/tc4.svg';
import overviewImg5 from '@/assets/images/workbench/tc5.svg';
+import { useRouter } from 'vue-router'
+const router = useRouter()
let checked = ref('CURRENT_YEAR');
let timeListStr = ['本周', '本月', '本年'];
let timeListEnum = ['CURRENT_WEEK', 'CURRENT_MONTH', 'CURRENT_YEAR'];
@@ -59,13 +61,14 @@
device_sn: '',
end_date: undefined,
start_date: undefined,
+ source:1,//数据来源
});
const dateSelect = ref('CURRENT_YEAR');
const eventTypeList = ref([
- { name: '待审核', value: 0, img: overviewImg2, color: '#FF472F', status: '2', rate: 0 },
- { name: '待处理', value: 0, img: overviewImg3, color: '#FF7411', status: '0', rate: 0 },
- { name: '处理中', value: 0, img: overviewImg4, color: '#FFC300', status: '3', rate: 0 },
- { name: '已完成', value: 0, img: overviewImg5, color: '#0291A1', status: '4', rate: 0 },
+ { name: '待审核', value: 0, img: overviewImg2, color: '#FF472F', status: '2', rate: 0 ,tagging:'pending' },
+ { name: '待处理', value: 0, img: overviewImg3, color: '#FF7411', status: '0', rate: 0 ,tagging:'processing' },
+ { name: '处理中', value: 0, img: overviewImg4, color: '#FFC300', status: '3', rate: 0 ,tagging:'inProgress'},
+ { name: '已完成', value: 0, img: overviewImg5, color: '#0291A1', status: '4', rate: 0 ,tagging:'completed'},
]);
// 工单统计
const getTypeData = () => {
@@ -95,6 +98,14 @@
dateSelect.value = item;
getTypeData();
};
+// 跳转事件工单
+const jumpEventDetails = (item,index)=>{
+// console.log('tiaozhuan',item);
+ router.replace({
+ path: `/tickets/ticket`,
+ query: { tab: item.tagging }
+ });
+}
// 图表
const echartsRef = ref(null);
let { chart } = useEchartsResize(echartsRef);
@@ -187,12 +198,12 @@
border-radius: 8px 8px 8px 8px;
padding: 4px 14px 0 15px;
background: #ffffff !important;
-// height: 315px;
- height: pxToVh(355);
+
+ height: pxToVh(282);
margin-bottom: 10px;
.card-title {
display: flex;
- margin-bottom: 10px;
+ margin-bottom: 4px;
align-items: center;
justify-content: space-between;
.cardtotal {
@@ -240,24 +251,17 @@
.status-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
- // row-gap: 19px;
- // gap: 10px;
-
- // padding-bottom: 5px;
-
.status-item {
display: flex;
text-align: center;
justify-content: space-between;
- // height: 97px;
- height: pxToVh(107);
- // max-width: 158px;
- margin-bottom: 19px;
+ height: pxToVh(97);
+ margin-bottom: 10px;
margin-right: 14px;
width: 144px;
background: #f6f8fe;
border-radius: 8px 8px 8px 8px;
-
+ cursor: pointer;
img {
width: 26px;
height: 26px;
@@ -265,10 +269,11 @@
}
.statusCon {
+ box-sizing: border-box;
display: flex;
flex-direction: column;
- // align-items: center;
- padding: 5px 4px 9px 10px;
+ justify-content: space-between;
+ padding: 10px 4px 39px 10px;
text-align: left;
.status-label {
@@ -276,6 +281,7 @@
font-size: 14px;
text-align: left;
color: #383838;
+ margin: 0;
}
.ratio {
@@ -284,15 +290,16 @@
color: #363636;
white-space: nowrap;
text-align: left;
+ margin-top: 10px;
}
.status-value {
font-family: 'Source Han Sans CN';
font-weight: bold;
- font-size: 30px;
+ font-size: 28px;
+ height: 28px;
color: #363636;
- // margin: 5px 0;
- // font-style: italic;
+ margin-top: -6px;
display: inline-block;
transform: skewX(-5deg);
--
Gitblit v1.9.3