From b545acd5def7b4024c0b8dfbf14c3f45bc873698 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 03 十二月 2025 09:35:24 +0800
Subject: [PATCH] 优化
---
screen/src/views/KeyCabinet.vue | 28 ++++++++++++++--------------
1 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/screen/src/views/KeyCabinet.vue b/screen/src/views/KeyCabinet.vue
index ccecbb0..96ac713 100644
--- a/screen/src/views/KeyCabinet.vue
+++ b/screen/src/views/KeyCabinet.vue
@@ -4,7 +4,7 @@
<img src="@/assets/images/bg.png" class="main_bg" alt="" />
<div class="main_header">
<img src="@/assets/images/maintitle.gif" class="main_header_bg" alt="" />
- <div class="title">閽ュ寵鏌滄暟鎹湅鏉�</div>
+ <div class="title">涓変氦涓�灏佹櫤鑳芥煖</div>
<div class="time_wrap">
<span class="date">{{ date }}</span>
<span class="week">{{ week }}</span>
@@ -95,7 +95,7 @@
<div>閽ュ寵鍙栬繕璁板綍</div>
</div>
<div class="search">
- <div class="search-item" @click.stop="show = true">
+ <div class="search-item" @click.stop="show = !show">
<div class="search-item-label">鐘舵�侊細</div>
<div class="search-item-select">
<span v-if="form.status === ''">鍏ㄩ儴</span>
@@ -176,9 +176,9 @@
</div>
<div class="car_static">
<div class="echart_wrap">
- <div class="pie_text">
- <div class="fs30"><strong>30</strong></div>
- <div style="font-size: 15px; color: rgba(255,255,255,0.8); font-weight: 400;">鍏ュ簱鎬婚噺</div>
+ <div class="pie_text" v-if="fenbu">
+ <div class="fs30"><strong>{{fenbu.alcoholNum + fenbu.unCloseNum + fenbu.timeOutNum}}</strong></div>
+ <div style="font-size: 15px; color: rgba(255,255,255,0.8); font-weight: 400;">鍛婅鎬婚噺</div>
</div>
<div class="echart1" id="echart1"></div>
</div>
@@ -195,14 +195,14 @@
<div class="icon" :style="{ background: `linear-gradient(270deg, ${colors[1].color1} 0%, ${colors[1].color2} 100%)` }"></div>
<div class="text">鏌滈棬鏈叧鍛婅</div>
</div>
- <div class="num" :style="{ color: '#FEAF01' }">{{fenbu.timeOutNum}}娆★綔{{fenbu.timeOutNumPct}}%</div>
+ <div class="num" :style="{ color: '#FEAF01' }">{{fenbu.unCloseNum}}娆★綔{{fenbu.unCloseNumPct}}%</div>
</div>
<div class="item1">
<div class="line">
<div class="icon" :style="{ background: `linear-gradient(270deg, ${colors[2].color1} 0%, ${colors[2].color2} 100%)` }"></div>
<div class="text">瓒呮椂鏈繕鍛婅</div>
</div>
- <div class="num" :style="{ color: '#28F0C4' }">{{fenbu.unCloseNum}}娆★綔{{fenbu.unCloseNumPct}}%</div>
+ <div class="num" :style="{ color: '#28F0C4' }">{{fenbu.timeOutNum}}娆★綔{{fenbu.timeOutNumPct}}%</div>
</div>
</div>
</div>
@@ -350,10 +350,10 @@
fenbu.value = {
...res.data,
alcoholNumPct: calculatePercentage(res.data.alcoholNum,[res.data.alcoholNum + res.data.timeOutNum + res.data.unCloseNum]),
- timeOutNumPct: calculatePercentage(res.data.timeOutNum,[res.data.alcoholNum + res.data.timeOutNum + res.data.unCloseNum]),
- unCloseNumPct: calculatePercentage(res.data.unCloseNum,[res.data.alcoholNum + res.data.timeOutNum + res.data.unCloseNum])
+ unCloseNumPct: calculatePercentage(res.data.unCloseNum,[res.data.alcoholNum + res.data.timeOutNum + res.data.unCloseNum]),
+ timeOutNumPct: calculatePercentage(res.data.timeOutNum,[res.data.alcoholNum + res.data.timeOutNum + res.data.unCloseNum])
}
- dataList5.value = [res.data.alcoholNum, res.data.timeOutNum, res.data.unCloseNum]
+ dataList5.value = [res.data.alcoholNum, res.data.unCloseNum, res.data.timeOutNum]
nextTick(() => {
initEchart1()
})
@@ -626,12 +626,12 @@
<div style="display: flex; align-items: center;margin-top: 4px;">
<div style="width: 12px;height: 12px;background: linear-gradient(to bottom, #50afd3, #1d4861);border-radius: 50%;margin-right: 12px;"></div>
<div style="color: #FFFFFF;font-size: 14px;font-weight: 400;">棰嗗彇锛�</div>
- <div style="color: #00F2F3;font-size: 14px;font-weight: 500;">${params[0].data}涓�</div>
+ <div style="color: #00F2F3;font-size: 14px;font-weight: 500;">${params[0].data}娆�</div>
</div>
<div style="display: flex; align-items: center;margin-top: 4px;">
<div style="width: 12px;height: 12px;background: linear-gradient(to bottom, rgb(255,184,0), rgba(255, 138, 0, 0.20));border-radius: 50%;margin-right: 12px;"></div>
<div style="color: #FFFFFF;font-size: 14px;font-weight: 400;">褰掕繕锛�</div>
- <div style="color: #00F2F3;font-size: 14px;font-weight: 500;">${params[1].data}涓�</div>
+ <div style="color: #00F2F3;font-size: 14px;font-weight: 500;">${params[1].data}娆�</div>
</div>
</div>
`;
@@ -647,7 +647,7 @@
},
yAxis: {
type: 'value',
- name: '鍗曚綅锛氫釜',
+ name: '鍗曚綅锛氭',
minInterval: 1,
axisLabel: {
color: '#D2E0FF',
@@ -1404,7 +1404,7 @@
z-index: 9;
border-radius: 10px;
overflow: hidden;
- background: rgba(0,86,255,0.05);
+ background: rgba(134, 156, 201, 1);
.search-item-select-list-item {
width: 100%;
height: 40px;
--
Gitblit v1.9.3