From 0ed65d2b6b8dbfeaeda4720964ee5fbf3f42197e Mon Sep 17 00:00:00 2001
From: baoshiwei <baoshiwei@shlanbao.cn>
Date: 星期一, 04 八月 2025 16:03:54 +0800
Subject: [PATCH] feat(bigScreen): 添加大屏故障页面并更新相关路由和权限- 在 pageEnum.ts 中添加 BIG_FAULT 路径 - 在 permissionGuard.ts 中添加 BIG_FAULT_PATH 到白名单路径列表 - 更新路由配置，将 BigFault组件指向新的 BigFault-tjt.vue 文件 - 新增 BigEqp-two.vue 组件，用于展示设备分割图像
---
src/views/dry/bigScreen/BigWorkShop-tjt.vue | 81 +++++++++++++++++++++++++---------------
1 files changed, 51 insertions(+), 30 deletions(-)
diff --git a/src/views/dry/bigScreen/BigWorkShop-tjt.vue b/src/views/dry/bigScreen/BigWorkShop-tjt.vue
index b80dbe9..dc34a58 100644
--- a/src/views/dry/bigScreen/BigWorkShop-tjt.vue
+++ b/src/views/dry/bigScreen/BigWorkShop-tjt.vue
@@ -134,11 +134,11 @@
</div>
<div class="up">
<div v-for="num in eqpNum" :key="num" :class="{ one: num === 1, two: num === 2, three: num === 3, four: num === 4 }">
- <div class="eqpInfoup" @click="gotoeqp(num - 1)">
+ <div class="eqpInfoup" @click="gotoeqp(num - 1 + (num == 3) * 1 + (num == 4) * 2 )">
<div class="eqp-title">
<div class="herb_weight">
- <div>{{ realTime.get(eqpCodes[num - 1])?.herbName || '鏆傛棤' }}</div>
- <div>{{ realTime.get(eqpCodes[num - 1])?.originWeight || 0 }} Kg</div>
+ <div>{{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.herbName || '鏆傛棤' }}</div>
+ <div>{{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.originWeight || 0 }} Kg</div>
</div>
<!-- <div class="eqp-name">{{ eqpMap.get(eqpCodes[num - 1])?.name || '棰勭暀' }}</div> -->
<!-- <div class="process"> </div> -->
@@ -147,7 +147,7 @@
from: '#108ee9',
to: '#87d068',
}"
- :percent="parseFloat(realTime.get(eqpCodes[num - 1])?.percent || '0')"
+ :percent="parseFloat(realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.percent || '0')"
status="active"
trailColor="#2b2b2b2b"
:show-info="false"
@@ -155,15 +155,15 @@
<div class="eqp-timer">
<div
><Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="20" />
- {{ realTime.get(eqpCodes[num - 1])?.trendVo?.moisture?.toFixed(1) || '0' }} %
+ {{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.trendVo?.moisture?.toFixed(1) || '0' }} %
</div>
<div
><Icon style="color: #873853" icon="fluent:temperature-20-regular" :size="20" />
- {{ realTime.get(eqpCodes[num - 1])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} 鈩�
+ {{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} 鈩�
</div>
<div
><Icon style="color: rgb(134 207 106)" icon="gg:sand-clock" :size="20" />
- {{ realTime.get(eqpCodes[num - 1])?.totalRemain || 0 }} min
+ {{ realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2 ])?.totalRemain || 0 }} min
</div>
</div>
</div>
@@ -177,11 +177,11 @@
<div class="weight"
><div class="herb">
- {{ showInfo(realTime.get(eqpCodes[num - 1])) }}
+ {{ showInfo(realTime.get(eqpCodes[num - 1 + (num == 3) * 1 + (num == 4) * 2])) }}
</div></div
>
<div class="water">
- <div class="eqp_num">{{ num }}</div>
+ <div :class="{ eqp_num: 1 == 1, eqp_num_two: num === 2, eqp_num_three: num === 3, eqp_num_four: num === 4 }">{{ num + (num == 3) * 1 + (num == 4) * 2 }}</div>
<!-- <div class="temp">
<div style="line-height: 28px"><Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="28" /> </div>
<div class="font">
@@ -200,16 +200,16 @@
</div>
<div class="down">
<div v-for="num in eqpNum2" :key="num" :class="{ two: num === 1, three: num === 2, four_down: num === 3 }">
- <div class="eqpInfodown" @click="gotoeqp(num + 3)">
+ <div class="eqpInfodown" @click="gotoeqp(num - 2 * num + 3 * num)">
<!-- <div class="eqp-info-down">
<div class="herb">{{ realTime.get(eqpCodes[num + 3])?.herbName || '鏆傛棤' }}</div>
</div>
<div class="weight"><div class="herb">{{ realTime.get(eqpCodes[num + 3])?.originWeight || 0 }} Kg </div></div> -->
<div class="weight"
- ><div class="herb">{{ showInfo(realTime.get(eqpCodes[num + 3])) }}</div></div
+ ><div class="herb">{{ showInfo(realTime.get(eqpCodes[num - 2 * num + 3 * num])) }}</div></div
>
<div class="water">
- <div class="eqp_num">{{ num - 2 * num + 3 * num + 1 }}</div>
+ <div :class="{eqp_num:1==1, eqp_num_down_one: num === 1, eqp_num_down_two: num === 2, eqp_num_down_three: num === 3}">{{ num - 2 * num + 3 * num + 1 }}</div>
<!-- <div class="temp">
<div style="line-height: 28px">
<Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="28" />
@@ -229,8 +229,8 @@
<div style="height: 40px"></div>
<div class="eqp-title">
<div class="herb_weight">
- <div>{{ realTime.get(eqpCodes[num + 3])?.herbName || '鏆傛棤' }}</div>
- <div>{{ realTime.get(eqpCodes[num + 3])?.originWeight || 0 }} Kg</div>
+ <div>{{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.herbName || '鏆傛棤' }}</div>
+ <div>{{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.originWeight || 0 }} Kg</div>
</div>
<Progress
@@ -238,7 +238,7 @@
from: '#108ee9',
to: '#87d068',
}"
- :percent="parseFloat(realTime.get(eqpCodes[num + 3])?.percent || '0')"
+ :percent="parseFloat(realTime.get(eqpCodes[num - 2 * num + 3 * num])?.percent || '0')"
status="active"
trailColor="#2b2b2b2b"
:show-info="false"
@@ -247,18 +247,18 @@
<div class="eqp-timer">
<div
><Icon style="color: #1850b7" icon="ic:twotone-water-drop" :size="20" />
- {{ realTime.get(eqpCodes[num + 3])?.trendVo?.moisture?.toFixed(1) || '0' }} %
+ {{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.trendVo?.moisture?.toFixed(1) || '0' }} %
</div>
<div
><Icon style="color: #873853" icon="fluent:temperature-20-regular" :size="20" />
- {{ realTime.get(eqpCodes[num + 3])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} 鈩�
+ {{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.trendVo?.bellowsTemp?.toFixed(0) || '0' }} 鈩�
</div>
<!-- <div><Icon style="color: rgb(42 154 234)" icon="mdi:clock-outline" :size="20" />
{{realTime.get(eqpCodes[num + 3])?.dryTime || 0}} min
</div> -->
<div
><Icon style="color: rgb(134 207 106)" icon="gg:sand-clock" :size="20" />
- {{ realTime.get(eqpCodes[num + 3])?.totalRemain || 0 }} min
+ {{ realTime.get(eqpCodes[num - 2 * num + 3 * num])?.totalRemain || 0 }} min
</div>
</div>
</div>
@@ -444,10 +444,10 @@
.bgImage {
height: 1080px;
width: 1920px;
- background-image: url(/src/assets/images/dry/bg/223.png);
+ background-image: url(/src/assets/images/dry/bg/tjtbg@0.5x.png);
background-repeat: no-repeat;
background-size: 104%;
- background-position: 0px 257px;
+ background-position: 0px 233px;
}
.head {
@@ -493,7 +493,7 @@
justify-content: flex-start;
}
.down {
- padding-left: 554px;
+ padding-left: 640px;
margin-top: -760px;
display: flex;
@@ -518,23 +518,23 @@
}
.one {
- margin: 278px 10px;
+ margin: 282px 37px;
}
.two {
- margin: 208px 23px;
+ margin: 227px -49px;
}
.three {
- margin: 110px 158px;
+ margin: 118px 197px;
}
.four {
- margin: 16px 10px;
+ margin: 0px -5px;
}
.four_down {
- margin: 4px 74px;
+ margin: -3px 17px;
}
.eqp-title {
@@ -604,7 +604,7 @@
.water {
height: 120px;
width: 110px;
- margin: 58px 158px;
+ margin: 69px 178px;
display: flex;
flex-wrap: wrap;
}
@@ -662,17 +662,38 @@
}
.eqp_num {
font-weight: bold;
- width: 40px;
- height: 40px;
+ width: 35px;
+ height: 35px;
background: #a0782e;
border-radius: 50px;
/* text-align: center; */
- font-size: 23px;
+ font-size: 18px;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
+ .eqp_num_two {
+ margin-left: -6px;
+ }
+
+ .eqp_num_three {
+ margin-left: -7px;
+ }
+
+ .eqp_num_four {
+ margin-left: -8px;
+ }
+
+ .eqp_num_down_one {
+ margin: -16px -82px;
+ }
+ .eqp_num_down_two {
+ margin: -23px -61px;
+ }
+ .eqp_num_down_three {
+ margin: -24px -69px;
+ }
.putincolor {
color: antiquewhite;
--
Gitblit v1.9.3