From 4840673314921235a3abb6b2485383ff9c6fc72c Mon Sep 17 00:00:00 2001
From: baoshiwei <baoshiwei@shlanbao.cn>
Date: 星期五, 08 八月 2025 16:18:08 +0800
Subject: [PATCH] refactor(dry): 调整车间大屏和机台大屏的尺寸，更换设备模型图片
---
src/views/dry/bigScreen/BigEqp-tjt.vue | 86 +++++++++++++++++++++---------------------
1 files changed, 43 insertions(+), 43 deletions(-)
diff --git a/src/views/dry/bigScreen/BigEqp-tjt.vue b/src/views/dry/bigScreen/BigEqp-tjt.vue
index 0dc81a2..1dc991d 100644
--- a/src/views/dry/bigScreen/BigEqp-tjt.vue
+++ b/src/views/dry/bigScreen/BigEqp-tjt.vue
@@ -4,7 +4,7 @@
<div class="eqpRow">
<div class="eqpImage" :style="{ 'background-position': position + 'px' }">
<div class="leftEqp">
- <div style="width: 350px">
+ <div style="width: 373px">
<div class="herbInfo">
<dv-border-box7 class="curEqp">
<div style="display: flex">
@@ -157,7 +157,7 @@
<!-- </div>-->
</div>
</div>
- <div style="width: 848px; height: 485px; position: absolute;" @click="showFault">
+ <div style="width: 907px; height: 485px; position: absolute;" @click="showFault">
<div v-show="zuoqianjiting" class="error-div" style=" top:309px; left:418px">
<div class="blingbling error-marker" ></div>
<div class="error-msg" style="width: 70px;">
@@ -359,12 +359,12 @@
</dv-border-box7>
<dv-border-box7 class="leftMid">
<div class="chartTittle">瀹炴椂杩涘害</div>
- <div id="efficiencyLine" style="width: 848px; height: 180px; margin-top: -10px"></div>
- <div style="height: 10px; display: flex; width: 848px; padding: 0 60px; justify-content: space-between">
+ <div id="efficiencyLine" style="width: 907px; height: 180px; margin-top: -10px"></div>
+ <div style="height: 10px; display: flex; width: 907px; padding: 0 60px; justify-content: space-between">
<div style="width: 100px; height: 20px">{{ realData?.dryTime | 0 }} min</div>
<div style="width: 100px; height: 20px; text-align: right">{{ realData?.totalTime | 0 }} min</div>
</div>
- <div id="progressBar" style="width: 848px; height: 80px"></div>
+ <div id="progressBar" style="width: 907px; height: 80px"></div>
</dv-border-box7>
<!-- <div class="outDiv">
@@ -1553,8 +1553,8 @@
setTimeout(shangliao, 7000)
}
function showFault () {
- console.log('showFault')
- router.push({ path: '/bigFault', query: { num: num } })
+ console.log('showFault') // 绂佺敤璺宠浆鍒版晠闅滈〉闈�
+ // router.push({ path: '/bigFault', query: { num: num } })
}
function shangliao() {
@@ -2214,7 +2214,7 @@
}
.eqpImage {
height: 1080px;
- width: 1920px;
+ width: 2048px;
background-image: url(/src/assets/images/dry/bg.png);
background-repeat: no-repeat;
color: white;
@@ -2229,7 +2229,7 @@
.leftEqp {
height: 1080px;
- width: 1200px;
+ width: 1280px;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
@@ -2243,21 +2243,21 @@
}
.leftTop {
- height: 704px;
- width: 850px;
+ height: 750px;
+ width: 907px;
display: flex;
justify-content: center;
align-content: flex-start;
- background-image: url(/src/assets/images/dry/ganzaoji-x.png);
+ background-image: url(/src/assets/images/dry/gzj.png);
background-repeat: no-repeat;
- background-size: 79%;
+ background-size: 72%;
border-radius: 10px;
flex-wrap: wrap;
- background-position: 85px 260px;
+ background-position: 131px 359px;
}
.leftMid {
- width: 850px;
- height: 281px;
+ width: 907px;
+ height: 300px;
/* border: 1px solid; */
margin-top: 10px;
border-radius: 10px;
@@ -2287,7 +2287,7 @@
}
.zhengqi {
height: 180px;
- width: 200px;
+ width: 213px;
background-image: url(/src/assets/images/dry/liuliangji.png);
background-repeat: no-repeat;
background-size: 160px;
@@ -2298,25 +2298,25 @@
.liuliangji {
}
.leftData {
- height: 234px;
- width: 120px;
+ height: 250px;
+ width: 128px;
}
.rightChart {
- height: 253px;
- width: 170px;
+ height: 270px;
+ width: 181px;
margin-top: -30px;
}
.leftTop0 {
- height: 243px;
- width: 848px;
+ height: 260px;
+ width: 904px;
display: flex;
justify-content: center;
align-content: flex-start;
flex-wrap: wrap;
}
.leftTop1 {
- width: 250px;
- height: 187px;
+ width: 266px;
+ height: 200px;
text-align: center;
display: flex;
justify-content: center;
@@ -2325,8 +2325,8 @@
color: #727272;
}
.leftTop2 {
- width: 250px;
- height: 187px;
+ width: 266px;
+ height: 200px;
text-align: center;
display: flex;
justify-content: center;
@@ -2335,8 +2335,8 @@
color: #727272;
}
.leftTop3 {
- width: 340px;
- height: 187px;
+ width: 363px;
+ height: 200px;
/* background-image: url(/src/assets/images/dry/fanliao.gif); */
background-repeat: no-repeat;
background-position: 0px 20px;
@@ -2345,7 +2345,7 @@
}
.eqpStatus {
- width: 848px;
+ width: 904px;
}
.rightInfo {
@@ -2353,12 +2353,12 @@
flex-wrap: wrap;
align-content: flex-start;
height: 1060px;
- width: 700px;
+ width: 747px;
}
.rightTop {
display: flex;
- height: 412px;
+ height: 440px;
padding-left: 10px;
}
.rightTwo {
@@ -2367,15 +2367,15 @@
}
.infoChart {
- width: 340px;
- height: 281px;
+ width: 362px;
+ height: 300px;
/* background: white; */
margin-left: 10px;
margin-top: 10px;
border-radius: 10px;
}
.chartTittle {
- width: 340px;
+ width: 362px;
height: 30px;
font-size: 16px;
display: flex;
@@ -2437,22 +2437,22 @@
font-size: 24px;
}
.herbInfo {
- width: 340px;
- height: 412px;
+ width: 362px;
+ height: 440px;
color: #727272;
}
.curEqp {
- width: 340px;
- height: 159px;
+ width: 362px;
+ height: 170px;
/* background: white;
border-radius: 10px; */
}
.curHerb {
margin-top: 10px;
- width: 340px;
- height: 243px;
+ width: 362px;
+ height: 260px;
/* background: white;
border-radius: 10px; */
@@ -2461,8 +2461,8 @@
background-position: 0px 10px;
}
.tempMoisChart {
- width: 690px;
- height: 412px;
+ width: 736px;
+ height: 440px;
/* background: white; */
padding: 20px;
--
Gitblit v1.9.3