From 47e18c4dd34d7d8b0dc60e8e1177cc7dff36f4e6 Mon Sep 17 00:00:00 2001
From: Mr.Shi <1878285526@qq.com>
Date: 星期二, 22 八月 2023 18:33:40 +0800
Subject: [PATCH] 大屏
---
screen_standard/src/views/process.vue | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/screen_standard/src/views/process.vue b/screen_standard/src/views/process.vue
index c4e6f42..80b656a 100644
--- a/screen_standard/src/views/process.vue
+++ b/screen_standard/src/views/process.vue
@@ -40,7 +40,7 @@
<span>{{ item.userName }}</span>
</div>
<div class="content_left_item1_content_row_line">
- <el-progress :show-text="false" :percentage="item.doneNum / baseNum">
+ <el-progress :show-text="false" :percentage="item.doneNum / baseNum * 100">
</el-progress>
</div>
<div class="content_left_item1_content_row_num">{{ item.doneNum }}</div>
@@ -55,7 +55,7 @@
<span>{{ item.userName }}</span>
</div>
<div class="content_left_item1_content_row_line">
- <el-progress :show-text="false" :percentage="item.doneNum / baseNum">
+ <el-progress :show-text="false" :percentage="item.doneNum / baseNum * 100">
</el-progress>
</div>
<div class="content_left_item1_content_row_num">{{ item.doneNum }}</div>
@@ -120,6 +120,7 @@
import * as echarts from 'echarts'
const route = useRoute()
const enterprise = useCounterStore()
+let mainTimer = ref(null)
let planTimer = ref(null)
let reportTimer = ref(null)
let planContainer = ref(null)
@@ -131,15 +132,7 @@
top2: [],
baseNum: 0,
allBad: 0,
- dayDistribution: [
- { date: '8/1', num: '20' },
- { date: '8/2', num: '10' },
- { date: '8/3', num: '20' },
- { date: '8/4', num: '40' },
- { date: '8/5', num: '30' },
- { date: '8/6', num: '10' },
- { date: '8/7', num: '20' },
- ],
+ dayDistribution: [],
typeDistribution: [
{ categoryName: '澶栬涓嶈壇', unqualifiedNum: 15 },
{ categoryName: '鏈夋瘺鍒�', unqualifiedNum: 12 },
@@ -155,15 +148,20 @@
onBeforeUnmount(() => {
clearTimeout(planTimer.value)
clearTimeout(reportTimer.value)
+ clearTimeout(mainTimer.value)
})
onMounted(() => {
initData()
+ mainTimer.value = setInterval(() => {
+ initData()
+ }, 6000)
})
onUnmounted(() => {
clearTimeout(planTimer.value)
clearTimeout(reportTimer.value)
+ clearTimeout(mainTimer.value)
})
function initData() {
@@ -213,7 +211,7 @@
getUnqualifiedCateData(enterprise.companyId, enterprise.departId, route.query.procedureId)
.then(res => {
data.typeDistribution = res
- data.allBad = res.reduce((accumulator, currentValue) => accumulator + currentValue, 0)
+ data.allBad = res.reduce((accumulator, currentValue) => accumulator + currentValue.unqualifiedNum, 0)
setTypeChart()
})
}
@@ -534,6 +532,11 @@
font-weight: 400;
color: #D2E0FF;
margin-left: 9px;
+ width: 50px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -webkit-text-overflow: ellipsis;
+ overflow: hidden;
}
.num {
@@ -722,6 +725,7 @@
display: flex;
align-items: center;
justify-content: center;
+ font-size: 13px;
}
}
}
--
Gitblit v1.9.3