From 9ea7e2fb231db817d16c1c5158ba9adb6dba73c7 Mon Sep 17 00:00:00 2001
From: ZengTao <2773468879@qq.com>
Date: 星期二, 13 五月 2025 14:26:31 +0800
Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10105/r/YiWuProject
---
UI-Project/src/views/hollow/hollowaluminumthree.vue | 16
UI-Project/src/views/GlassStorage/rawfilmstorage.vue | 68 ++--
UI-Project/src/views/Caching/cachingbefore.vue | 24
UI-Project/src/views/hollow/hollowaluminumtwo.vue | 16
UI-Project/src/assets/zhongkong.png | 0
UI-Project/src/views/Caching/cachingun.vue | 24
UI-Project/src/views/Returns/upreturns.vue | 8
UI-Project/src/views/Slicecage/slicecage.vue | 208 ++++++++--------
UI-Project/src/views/hollow/hollowslicecage.vue | 266 ++++++++++----------
UI-Project/src/views/Returns/upreturns2.vue | 6
UI-Project/src/assets/ganghuaqian.png | 0
UI-Project/src/views/largescreendisplay/screendisplay.vue | 4
UI-Project/src/assets/ypcc.png | 0
UI-Project/src/views/hollow/hollowaluminum.vue | 85 +++---
14 files changed, 371 insertions(+), 354 deletions(-)
diff --git a/UI-Project/src/assets/ganghuaqian.png b/UI-Project/src/assets/ganghuaqian.png
index 58cda94..818b191 100644
--- a/UI-Project/src/assets/ganghuaqian.png
+++ b/UI-Project/src/assets/ganghuaqian.png
Binary files differ
diff --git a/UI-Project/src/assets/ypcc.png b/UI-Project/src/assets/ypcc.png
index 8820e9b..fcfbb34 100644
--- a/UI-Project/src/assets/ypcc.png
+++ b/UI-Project/src/assets/ypcc.png
Binary files differ
diff --git a/UI-Project/src/assets/zhongkong.png b/UI-Project/src/assets/zhongkong.png
index 20f1c19..359c5a0 100644
--- a/UI-Project/src/assets/zhongkong.png
+++ b/UI-Project/src/assets/zhongkong.png
Binary files differ
diff --git a/UI-Project/src/views/Caching/cachingbefore.vue b/UI-Project/src/views/Caching/cachingbefore.vue
index ddc46f0..19987fc 100644
--- a/UI-Project/src/views/Caching/cachingbefore.vue
+++ b/UI-Project/src/views/Caching/cachingbefore.vue
@@ -329,19 +329,19 @@
<el-button style="margin-bottom: 15px;margin-left: 20px;" @click="handleptask()" type="warning">{{ $t('searchOrder.partask') }}</el-button>
<el-button style="margin-bottom: 15px;margin-left: 20px;" @click="successfull()" type="success">{{ $t('searchOrder.successfullyprocessed') }}</el-button>
<div style="position: relative; width: 100%; height: 100%;"> <!-- 娣诲姞鐩稿瀹氫綅 -->
- <div style="position: absolute; margin-top: 28px; left: 430px; display: flex; z-index: 10;"> <!-- 娣诲姞缁濆瀹氫綅 -->
+ <div style="position: absolute; margin-top: 28px; left: 400px; display: flex; z-index: 10;">
<div>{{ $t('searchOrder.projectnumber') }}</div>
- <div style="margin-left: 155px;">{{ $t('hellow.flowCardId') }}</div>
+ <div style="margin-left: 135px;">{{ $t('hellow.flowCardId') }}</div>
<div style="margin-left: 152px;">{{ $t('searchOrder.glassID') }}</div>
- <div style="margin-left: 165px;">{{ $t('searchOrder.width') }}</div>
- <div style="margin-left: 185px;">{{ $t('searchOrder.height') }}</div>
- <div style="margin-left: 172px;">{{ $t('searchOrder.thickness') }}</div>
- <div style="margin-left: 145px;">{{ $t('hellow.operate') }}</div>
+ <div style="margin-left: 135px;">{{ $t('searchOrder.width') }}</div>
+ <div style="margin-left: 169px;">{{ $t('searchOrder.height') }}</div>
+ <div style="margin-left: 162px;">{{ $t('searchOrder.thickness') }}</div>
+ <div style="margin-left: 135px;">{{ $t('hellow.operate') }}</div>
</div>
<div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
<el-table
ref="table"
- style="margin-top: 20px; height: 360px;"
+ style="margin-top: 20px; height: 300px;"
:data="tableDataa"
:header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"
row-key="id"
@@ -423,20 +423,20 @@
</div>
</el-card>
<div class="awatch">
- <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 70%;margin-left: 30%;margin-top: 20px;position: relative;">
- <div style="position: relative; width: 500px;height: 95px;margin-top: -142px;margin-left: 600px;">
+ <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 100%;margin-left: 25%;position: relative;margin-top: 5px;">
+ <div style="position: relative; width: 500px;height: 95px;margin-top: -146px;margin-left: 615px;">
<div
v-for="(rect, index) in adjustedRects"
v-show="rect.showRect"
:key="rect"
:style="{ position: 'absolute',
- top: `${rect.id}px`, left: `10px`, width: `422px`, height: `3px`,
+ top: `${rect.id}px`, left: `-85px`, width: `435px`, height: `3px`,
backgroundColor: '#409EFF'
}"
>
</div>
- </div>
</div>
+ </div>
</div>
<!-- 鍘嗗彶浠诲姟 -->
<el-dialog v-model="blindb" top="5vh" width="95%" @close="iframeUrl=''">
@@ -541,7 +541,7 @@
margin-left: 28%;
}
.awatch{
- height: 460px;
+ height: 350px;
width: 1500px;
max-width: 100%;
}
diff --git a/UI-Project/src/views/Caching/cachingun.vue b/UI-Project/src/views/Caching/cachingun.vue
index 5cfea5c..2c9a03a 100644
--- a/UI-Project/src/views/Caching/cachingun.vue
+++ b/UI-Project/src/views/Caching/cachingun.vue
@@ -311,19 +311,19 @@
<el-button style="margin-bottom: 15px;margin-left: 20px;" @click="handleptask()" type="warning">{{ $t('searchOrder.partask') }}</el-button>
<el-button style="margin-bottom: 15px;margin-left: 20px;" @click="successfull()" type="success">{{ $t('searchOrder.successfullyprocessed') }}</el-button>
<div style="position: relative; width: 100%; height: 100%;"> <!-- 娣诲姞鐩稿瀹氫綅 -->
- <div style="position: absolute; margin-top: 28px; left: 430px; display: flex; z-index: 10;"> <!-- 娣诲姞缁濆瀹氫綅 -->
+ <div style="position: absolute; margin-top: 28px; left: 400px; display: flex; z-index: 10;"> <!-- 娣诲姞缁濆瀹氫綅 -->
<div>{{ $t('searchOrder.projectnumber') }}</div>
- <div style="margin-left: 155px;">{{ $t('hellow.flowCardId') }}</div>
+ <div style="margin-left: 135px;">{{ $t('hellow.flowCardId') }}</div>
<div style="margin-left: 152px;">{{ $t('searchOrder.glassID') }}</div>
- <div style="margin-left: 165px;">{{ $t('searchOrder.width') }}</div>
- <div style="margin-left: 185px;">{{ $t('searchOrder.height') }}</div>
- <div style="margin-left: 172px;">{{ $t('searchOrder.thickness') }}</div>
- <div style="margin-left: 145px;">{{ $t('hellow.operate') }}</div>
+ <div style="margin-left: 135px;">{{ $t('searchOrder.width') }}</div>
+ <div style="margin-left: 169px;">{{ $t('searchOrder.height') }}</div>
+ <div style="margin-left: 162px;">{{ $t('searchOrder.thickness') }}</div>
+ <div style="margin-left: 135px;">{{ $t('hellow.operate') }}</div>
</div>
<div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
<el-table
ref="table"
- style="margin-top: 20px; height: 360px;"
+ style="margin-top: 20px; height: 300px;"
:data="tableDataa"
:header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"
row-key="id"
@@ -405,20 +405,20 @@
</div>
</el-card>
<div class="awatch">
- <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 70%;margin-left: 30%;margin-top: 20px;position: relative;">
- <div style="position: relative; width: 500px;height: 95px;margin-top: -222px;margin-left: 600px;">
+ <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 100%;margin-left: 25%;margin-top: 5px;position: relative;">
+ <div style="position: relative; width: 500px;height: 95px;margin-top: -227px;margin-left: 615px;">
<div
v-for="(rect, index) in adjustedRects"
v-show="rect.showRect"
:key="rect"
:style="{ position: 'absolute',
- top: `${rect.id}px`, left: `10px`, width: `422px`, height: `3px`,
+ top: `${rect.id}px`, left: `-85px`, width: `435px`, height: `3px`,
backgroundColor: '#409EFF'
}"
>
</div>
- </div>
</div>
+ </div>
</div>
<!-- 鍘嗗彶浠诲姟 -->
<el-dialog v-model="blindb" top="5vh" width="95%" @close="iframeUrl=''">
@@ -449,7 +449,7 @@
margin-left: 28%;
}
.awatch{
- height: 460px;
+ height: 350px;
width: 1500px;
max-width: 100%;
}
diff --git a/UI-Project/src/views/GlassStorage/rawfilmstorage.vue b/UI-Project/src/views/GlassStorage/rawfilmstorage.vue
index f875465..72ecd7a 100644
--- a/UI-Project/src/views/GlassStorage/rawfilmstorage.vue
+++ b/UI-Project/src/views/GlassStorage/rawfilmstorage.vue
@@ -633,39 +633,39 @@
</div>
</el-card>
<div class="img-dlpl">
- <div class="img-car1" style="z-index:999;top:250px;left:20px;position:absolute;"></div>
+ <div class="img-car1" style="z-index:999;top:153px;left:20px;position:absolute;"></div>
<!-- <div class="img-car1" :style="'z-index:999;top:250px;left:' + 20 + 'px;position:absolute;'"></div> -->
- <div class="card1" v-show="card1" style="z-index:999;top:430px;left:53px;position:absolute;"></div>
- <div class="card2" v-show="card2" style="z-index:999;top:430px;left:80px;position:absolute;"></div>
- <div class="card3" v-show="card3" style="z-index:999;top:430px;left:108px;position:absolute;"></div>
- <div class="card98" v-show="card98" style="z-index:999;top:430px;left:143px;position:absolute;"></div>
- <div class="card4" v-show="card4" style="z-index:999;top:430px;left:202px;position:absolute;"></div>
- <div class="card5" v-show="card5" style="z-index:999;top:430px;left:227px;position:absolute;"></div>
- <div class="card6" v-show="card6" style="z-index:999;top:430px;left:253px;position:absolute;"></div>
- <div class="card7" v-show="card7" style="z-index:999;top:430px;left:280px;position:absolute;"></div>
- <div class="card8" v-show="card8" style="z-index:999;top:430px;left:308px;position:absolute;"></div>
- <div class="card9" v-show="card9" style="z-index:999;top:430px;left:337px;position:absolute;"></div>
- <div class="card10" v-show="card10" style="z-index:999;top:430px;left:364px;position:absolute;"></div>
- <div class="card11" v-show="card11" style="z-index:999;top:430px;left:391px;position:absolute;"></div>
- <div class="card99" v-show="card99" style="z-index:999;top:430px;left:426px;position:absolute;"></div>
- <div class="card12" v-show="card12" style="z-index:999;top:430px;left:489px;position:absolute;"></div>
- <div class="card13" v-show="card13" style="z-index:999;top:430px;left:514px;position:absolute;"></div>
- <div class="card14" v-show="card14" style="z-index:999;top:430px;left:540px;position:absolute;"></div>
- <div class="card15" v-show="card15" style="z-index:999;top:430px;left:566px;position:absolute;"></div>
- <div class="card16" v-show="card16" style="z-index:999;top:430px;left:595px;position:absolute;"></div>
- <div class="card17" v-show="card17" style="z-index:999;top:430px;left:624px;position:absolute;"></div>
- <div class="card18" v-show="card18" style="z-index:999;top:430px;left:654px;position:absolute;"></div>
- <div class="card19" v-show="card19" style="z-index:999;top:430px;left:682px;position:absolute;"></div>
- <div class="card20" v-show="card20" style="z-index:999;top:430px;left:707px;position:absolute;"></div>
- <div class="card25" v-show="card25" style="z-index:999;top:109px;left:664px;position:absolute;"></div>
- <div class="card24" v-show="card24" style="z-index:999;top:109px;left:639px;position:absolute;"></div>
- <div class="card23" v-show="card23" style="z-index:999;top:109px;left:616px;position:absolute;"></div>
- <div class="card22" v-show="card22" style="z-index:999;top:109px;left:592px;position:absolute;"></div>
- <div class="card21" v-show="card21" style="z-index:999;top:109px;left:564px;position:absolute;"></div>
- <div class="card101" v-show="card101" style="z-index:999;top:109px;left:364px;position:absolute;"></div>
- <div class="card102" v-show="card102" style="z-index:999;top:109px;left:334px;position:absolute;"></div>
- <div class="card103" v-show="card103" style="z-index:999;top:109px;left:96px;position:absolute;"></div>
- <div class="card104" v-show="card104" style="z-index:999;top:109px;left:70px;position:absolute;"></div>
+ <div class="card1" v-show="card1" style="z-index:999;top:308px;left:53px;position:absolute;"></div>
+ <div class="card2" v-show="card2" style="z-index:999;top:308px;left:80px;position:absolute;"></div>
+ <div class="card3" v-show="card3" style="z-index:999;top:308px;left:108px;position:absolute;"></div>
+ <div class="card98" v-show="card98" style="z-index:999;top:308px;left:143px;position:absolute;"></div>
+ <div class="card4" v-show="card4" style="z-index:999;top:308px;left:202px;position:absolute;"></div>
+ <div class="card5" v-show="card5" style="z-index:999;top:308px;left:227px;position:absolute;"></div>
+ <div class="card6" v-show="card6" style="z-index:999;top:308px;left:253px;position:absolute;"></div>
+ <div class="card7" v-show="card7" style="z-index:999;top:308px;left:280px;position:absolute;"></div>
+ <div class="card8" v-show="card8" style="z-index:999;top:308px;left:308px;position:absolute;"></div>
+ <div class="card9" v-show="card9" style="z-index:999;top:308px;left:337px;position:absolute;"></div>
+ <div class="card10" v-show="card10" style="z-index:999;top:308px;left:364px;position:absolute;"></div>
+ <div class="card11" v-show="card11" style="z-index:999;top:308px;left:391px;position:absolute;"></div>
+ <div class="card99" v-show="card99" style="z-index:999;top:308px;left:426px;position:absolute;"></div>
+ <div class="card12" v-show="card12" style="z-index:999;top:308px;left:489px;position:absolute;"></div>
+ <div class="card13" v-show="card13" style="z-index:999;top:308px;left:514px;position:absolute;"></div>
+ <div class="card14" v-show="card14" style="z-index:999;top:308px;left:540px;position:absolute;"></div>
+ <div class="card15" v-show="card15" style="z-index:999;top:308px;left:566px;position:absolute;"></div>
+ <div class="card16" v-show="card16" style="z-index:999;top:308px;left:595px;position:absolute;"></div>
+ <div class="card17" v-show="card17" style="z-index:999;top:308px;left:624px;position:absolute;"></div>
+ <div class="card18" v-show="card18" style="z-index:999;top:308px;left:654px;position:absolute;"></div>
+ <div class="card19" v-show="card19" style="z-index:999;top:308px;left:682px;position:absolute;"></div>
+ <div class="card20" v-show="card20" style="z-index:999;top:308px;left:707px;position:absolute;"></div>
+ <div class="card25" v-show="card25" style="z-index:999;top:44px;left:664px;position:absolute;"></div>
+ <div class="card24" v-show="card24" style="z-index:999;top:44px;left:639px;position:absolute;"></div>
+ <div class="card23" v-show="card23" style="z-index:999;top:44px;left:616px;position:absolute;"></div>
+ <div class="card22" v-show="card22" style="z-index:999;top:44px;left:592px;position:absolute;"></div>
+ <div class="card21" v-show="card21" style="z-index:999;top:44px;left:564px;position:absolute;"></div>
+ <div class="card101" v-show="card101" style="z-index:999;top:44px;left:364px;position:absolute;"></div>
+ <div class="card102" v-show="card102" style="z-index:999;top:44px;left:334px;position:absolute;"></div>
+ <div class="card103" v-show="card103" style="z-index:999;top:44px;left:96px;position:absolute;"></div>
+ <div class="card104" v-show="card104" style="z-index:999;top:44px;left:70px;position:absolute;"></div>
</div>
<el-dialog v-model="dialogFormVisiblea" top="5vh" width="85%" >
<el-table ref="table" style="margin-top: 20px;height: 700px;"
@@ -906,10 +906,10 @@
background-image:url('../../assets/ypcc.png');
background-repeat: no-repeat;
background-attachment: local;
- min-height: 700px;
+ min-height: 450px;
width: 800px;
max-width: 100%;
- background-size: 800px 700px;
+ background-size: 800px 450px;
overflow: hidden;
position:relative
}
diff --git a/UI-Project/src/views/Returns/upreturns.vue b/UI-Project/src/views/Returns/upreturns.vue
index b658a1f..629ff65 100644
--- a/UI-Project/src/views/Returns/upreturns.vue
+++ b/UI-Project/src/views/Returns/upreturns.vue
@@ -68,6 +68,8 @@
let socket = null;
const socketUrl = `ws://${WebSocketHost}:${host}/api/loadGlass/api/talk/loadGlassOne`;
const handleMessage = (data: any) => {
+ console.log(data.stationList);
+
if (data.inkageState != null) {
cuttingMachineStatusColor.value = data.inkageState[0] === 1 ? 'green' : '#911005';
}
@@ -470,11 +472,11 @@
</div>
</el-card>
<div style="display: flex;">
- <div style="width: 49%;float: left;margin-left: 300px;">
+ <div style="width: 55%;float: left;margin-left: 300px;">
<div style="display: flex;">
<img src="../../assets/shangpianji.png" alt=""
- style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 5%;">
- <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="500"
+ style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 3%;">
+ <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="700"
:header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
<el-table-column prop="workstationId" align="center" :label="$t('basicData.station')" min-width="65" />
<el-table-column prop="patternWidth" align="center" :label="$t('basicData.width')" min-width="75" />
diff --git a/UI-Project/src/views/Returns/upreturns2.vue b/UI-Project/src/views/Returns/upreturns2.vue
index bfbad91..3bfedb4 100644
--- a/UI-Project/src/views/Returns/upreturns2.vue
+++ b/UI-Project/src/views/Returns/upreturns2.vue
@@ -478,11 +478,11 @@
</div>
</el-card>
<div style="display: flex;">
- <div style="width: 49%;float: left;margin-left: 300px;">
+ <div style="width: 55%;float: left;margin-left: 300px;">
<div style="display: flex;">
<img src="../../assets/shangpianji.png" alt=""
- style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 5%;">
- <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="500"
+ style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 3%;">
+ <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="700"
:header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}" >
<el-table-column prop="workstationId" align="center" :label="$t('basicData.station')" min-width="65"/>
<el-table-column prop="patternWidth" align="center" :label="$t('basicData.width')" min-width="75"/>
diff --git a/UI-Project/src/views/Slicecage/slicecage.vue b/UI-Project/src/views/Slicecage/slicecage.vue
index 9065931..787819e 100644
--- a/UI-Project/src/views/Slicecage/slicecage.vue
+++ b/UI-Project/src/views/Slicecage/slicecage.vue
@@ -1076,10 +1076,105 @@
<div style="margin-left: 70px;">{{ $t('searchOrder.outRequestEntity') }}</div>
<i :style="{ marginTop: '2px', backgroundColor: outRequestEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
</div>
+<!-- // 鐖剁骇妗� -->
+<div class="img-dlpl" >
+ <div class="img-car1" :style="'z-index:999;left:240px;top:' + 350*carPosition[0] + 'px;position:absolute;'">
+ <div
+ v-for="(rect, index) in adjusta"
+ :key="rect.id"
+ :style="{
+ width: '30px',
+ height: '5px',
+ backgroundColor: '#409EFF',
+ marginLeft: 5+ `px`,
+ top: '10px',
+ }"
+ >
+ </div>
+ </div>
+ <div class="img-car4" :style="'z-index:999;left:630px;top:' + 350*carPosition[1] + 'px;position:absolute;'">
+ <div
+ v-for="(rect, index) in adjust"
+ :key="rect.id"
+ :style="{
+ width: '30px',
+ height: '5px',
+ backgroundColor: '#409EFF',
+ marginLeft: 5+ `px`,
+ top: '10px',
+ }"
+ >
+ </div>
+ </div>
+ <div style="position: relative;">
+ <div v-show="cell1" style="width: 170px;height: 53px;position: relative;top:63px;left: 445px;">
+ <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRects(rectIndex)"
+ :key="subIndex"
+ :style="subRectStyle(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+ <div v-show="cell2" style="width: 170px;height: 53px;position: relative;top:72px;left: 445px;">
+ <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRectsa(rectIndex)"
+ :key="subIndex"
+ :style="subRectStylea(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+ <div v-show="cell3" style="width: 170px;height: 53px;position: relative;top:81px;left: 445px;">
+ <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRectsb(rectIndex)"
+ :key="subIndex"
+ :style="subRectStyleb(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+ <div v-show="cell4" style="width: 170px;height: 53px;position: relative;top:89px;left: 445px;">
+ <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRectsc(rectIndex)"
+ :key="subIndex"
+ :style="subRectStylec(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+</div>
+</div>
+<el-card style="flex: 1;margin-left: 1074px;margin-top: -410px;">
+ <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 420px;">
+ <el-table height="370px" ref="table" border
+ :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
+ <el-table-column fixed prop="engineerId" align="center" :label="$t('Mounting.project')" min-width="100" />
+ <el-table-column prop="countTemp" align="center" :label="$t('searchOrder.totalfurnaces')" min-width="68" />
+ <el-table-column prop="fullTemp" align="center" :label="$t('searchOrder.furnaces')" min-width="82" />
+ <el-table-column prop="countGlass" align="center" :label="$t('searchOrder.cagesnumber')" min-width="82" />
+ <el-table-column prop="area" align="center" :label="$t('large.are')" min-width="65" />
+ <el-table-column prop="countSlot" align="center" :label="$t('searchOrder.slotnumber')" min-width="95" />
+ <el-table-column prop="percent" align="center" :label="$t('searchOrder.progress')" min-width="75" />
+ </el-table>
+ </div>
+ </el-card>
+<div style="padding: 10px;display: flex;height:130px;margin-top:1px">
+ <div v-for="(item, index) in tableDatae" :key="index" id="occupy">
+ <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col>
+ <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
+ <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span>
+ </el-col>
+ <hr style="width:80%;margin: 0 auto;" />
+ <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
+ <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span>
+ </el-col>
+ </div>
+ </div>
<div class="table-container">
- <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;">
- <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 300px;">
- <el-table height="300px" ref="table"
+ <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;">
+ <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 200px;">
+ <el-table height="200px" ref="table"
:row-class-name="tableRowClassName"
:data="tableDatax" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
<el-table-column prop="glassId" align="center" :label="$t('searchOrder.intoglassid')" min-width="140" />
@@ -1100,8 +1195,8 @@
</el-table>
</div>
</el-card>
- <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;">
- <el-table height="300px" ref="table"
+ <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;">
+ <el-table height="200px" ref="table"
:data="tableDatac" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
<el-table-column prop="glassId" align="center" :label="$t('searchOrder.outputglassID')" min-width="140" />
<el-table-column prop="startSlot" align="center" :label="$t('searchOrder.startposition')" min-width="120" />
@@ -1114,103 +1209,8 @@
</el-table>
</el-card>
</div>
- <div style="padding: 10px;display: flex;height:130px;">
- <div v-for="(item, index) in tableDatae" :key="index" id="occupy">
- <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col>
- <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
- <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span>
- </el-col>
- <hr style="width:80%;margin: 0 auto;" />
- <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
- <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span>
- </el-col>
- </div>
- </div>
-<!-- // 鐖剁骇妗� -->
-<div class="img-dlpl" >
- <div class="img-car1" :style="'z-index:999;left:290px;top:' + 350*carPosition[0] + 'px;position:absolute;'">
- <div
- v-for="(rect, index) in adjusta"
- :key="rect.id"
- :style="{
- width: '30px',
- height: '5px',
- backgroundColor: '#409EFF',
- marginLeft: 5+ `px`,
- top: '10px',
- }"
- >
- </div>
- </div>
- <div class="img-car4" :style="'z-index:999;left:735px;top:' + 350*carPosition[1] + 'px;position:absolute;'">
- <div
- v-for="(rect, index) in adjust"
- :key="rect.id"
- :style="{
- width: '30px',
- height: '5px',
- backgroundColor: '#409EFF',
- marginLeft: 5+ `px`,
- top: '10px',
- }"
- >
- </div>
- </div>
- <div style="position: relative;">
- <div v-show="cell1" style="width: 170px;height: 53px;position: relative;top:63px;left: 525px;">
- <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRects(rectIndex)"
- :key="subIndex"
- :style="subRectStyle(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
- <div v-show="cell2" style="width: 170px;height: 53px;position: relative;top:67px;left: 525px;">
- <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRectsa(rectIndex)"
- :key="subIndex"
- :style="subRectStylea(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
- <div v-show="cell3" style="width: 170px;height: 53px;position: relative;top:72px;left: 525px;">
- <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRectsb(rectIndex)"
- :key="subIndex"
- :style="subRectStyleb(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
- <div v-show="cell4" style="width: 170px;height: 53px;position: relative;top:77px;left: 525px;">
- <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRectsc(rectIndex)"
- :key="subIndex"
- :style="subRectStylec(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
-</div>
-</div>
-<el-card style="flex: 1;margin-left: 1220px;margin-top: -510px;">
- <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 420px;">
- <el-table height="420px" ref="table" border
- :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
- <el-table-column fixed prop="engineerId" align="center" :label="$t('Mounting.project')" min-width="100" />
- <el-table-column prop="countTemp" align="center" :label="$t('searchOrder.totalfurnaces')" min-width="68" />
- <el-table-column prop="fullTemp" align="center" :label="$t('searchOrder.furnaces')" min-width="82" />
- <el-table-column prop="countGlass" align="center" :label="$t('searchOrder.cagesnumber')" min-width="82" />
- <el-table-column prop="area" align="center" :label="$t('large.are')" min-width="70" />
- <el-table-column prop="countSlot" align="center" :label="$t('searchOrder.slotnumber')" min-width="96" />
- <el-table-column prop="percent" align="center" :label="$t('searchOrder.progress')" min-width="80" />
- </el-table>
- </div>
- </el-card>
-
</div>
+
<el-dialog v-model="add" top="10vh" width="70%" :title="$t('searchOrder.addcage')" >
<div style="margin-bottom: 20px">
<el-form>
@@ -1705,10 +1705,10 @@
background-image:url('../../assets/ganghuaqian.png');
background-repeat: no-repeat;
background-attachment: local;
- min-height: 400px;
- width: 1200px;
+ min-height: 380px;
+ width: 1050px;
max-width: 100%;
- background-size: 1200px 400px;
+ background-size: 1050px 380px;
overflow: hidden;
position:relative
}
diff --git a/UI-Project/src/views/hollow/hollowaluminum.vue b/UI-Project/src/views/hollow/hollowaluminum.vue
index bb3a06c..413fa9b 100644
--- a/UI-Project/src/views/hollow/hollowaluminum.vue
+++ b/UI-Project/src/views/hollow/hollowaluminum.vue
@@ -119,8 +119,8 @@
const getColorByState = (state) => {
switch (state) {
case -2: return "gray";
- case -1: return "#99BBFF";
- case 0: return "#7AC5CD";
+ case -1: return "gray";
+ case 0: return "gray";
case 1: return "#95d475";
case 8: return "#911005";
default: return "#CDAF95";
@@ -131,58 +131,61 @@
<div style="height: 500px;">
<div>
<el-card style="flex: 1;margin-left: 10px;margin-top: 20px;">
- <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
- <div class="block text-center" m="t-4" >
- <el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px"
- :autoplay="false">
- <el-carousel-item v-for="(item, index) in carouselData" :key="index">
- <div class="carousel-item-content" :style="{
- width: `${item.width*0.5}px`,
- height: `${item.height*0.3}px`,
- backgroundColor: getColorByState(item.state),
- }">
- <div style="color: #090909;">
- <p>{{ item.flowCardId }}</p>
- <p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
- <p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
- <p>{{ $t('basicData.thicknessa') }}{{ item.thickness }}</p>
- <p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p>
- </div>
- <div>
- <el-button type="text" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
- <el-button type="text" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
- </div>
+ <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
+ <div class="block text-center" m="t-4">
+ <el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px"
+ :autoplay="false">
+ <el-carousel-item v-for="(item, index) in carouselData" :key="index">
+ <div style="display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 50px;">
+ <div class="carousel-item-content" :style="{
+ width: `${item.width*0.5}px`,
+ height: `${item.height*0.3}px`,
+ backgroundColor: getColorByState(item.state),
+ }">
+ <div style="color: #FAFCFF;font-size:18px;text-align: center; display: flex; flex-direction: column; justify-content: center; height: 87%;">
+ <p>{{ item.flowCardId }}</p>
+ <p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
+ <p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
+ <p>{{ $t('basicData.thicknessa') }}{{ item.thickness }}</p>
+ <p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p>
</div>
- </el-carousel-item>
- </el-carousel>
+ <div style="position: absolute; bottom: 20px; right: 20px;">
+ <el-button size="large" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
+ <el-button size="large" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
+ </div>
+ </div>
</div>
- </div>
- <el-dialog v-model="isDialogVisible" width="20%" top="30vh" style="text-align: center;">
- <div>
- <el-select v-model="selectedLayer" clearable :placeholder="$t('hellow.layer')" style="width: 50%;">
- <el-option v-for="n in maxLayer" :key="n" :label="n" :value="n"></el-option>
- </el-select>
- </div>
- <div slot="footer" style="margin-top: 15px;">
- <el-button @click="isDialogVisible = false">{{ $t('basicData.cancel') }}</el-button>
- <el-button type="primary" :disabled="!selectedLayer" @click="confirmDilapidation">{{ $t('basicData.confirm') }}</el-button>
- </div>
- </el-dialog>
- </el-card>
+ </el-carousel-item>
+ </el-carousel>
+ </div>
+ </div>
+ <el-dialog v-model="isDialogVisible" width="20%" top="30vh" style="text-align: center;">
+ <div>
+ <el-select v-model="selectedLayer" clearable :placeholder="$t('hellow.layer')" style="width: 50%;">
+ <el-option v-for="n in maxLayer" :key="n" :label="n" :value="n"></el-option>
+ </el-select>
+ </div>
+ <div slot="footer" style="margin-top: 15px;">
+ <el-button @click="isDialogVisible = false">{{ $t('basicData.cancel') }}</el-button>
+ <el-button type="primary" :disabled="!selectedLayer" @click="confirmDilapidation">{{ $t('basicData.confirm') }}</el-button>
+ </div>
+ </el-dialog>
+</el-card>
</div>
</div>
</template>
<style scoped>
-.carousel-item-content {
+ .carousel-item-content {
display: flex;
flex-direction: column;
align-items: center;
- justify-content: center;
+ justify-content: flex-end;
border: 1px solid #ccc;
margin: 10px auto;
color: white;
- /* 纭繚鏂囧瓧棰滆壊鍙 */
text-align: center;
+ padding-bottom: 0px;
+ box-sizing: border-box;
}
.demonstration {
color: var(--el-text-color-secondary);
diff --git a/UI-Project/src/views/hollow/hollowaluminumthree.vue b/UI-Project/src/views/hollow/hollowaluminumthree.vue
index ca38b90..c0614f2 100644
--- a/UI-Project/src/views/hollow/hollowaluminumthree.vue
+++ b/UI-Project/src/views/hollow/hollowaluminumthree.vue
@@ -119,8 +119,8 @@
const getColorByState = (state) => {
switch (state) {
case -2: return "gray";
- case -1: return "#99BBFF";
- case 0: return "#7AC5CD";
+ case -1: return "gray";
+ case 0: return "gray";
case 1: return "#95d475";
case 8: return "#911005";
default: return "#CDAF95";
@@ -136,12 +136,13 @@
<el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px"
:autoplay="false">
<el-carousel-item v-for="(item, index) in carouselData" :key="index">
+ <div style="display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 50px;">
<div class="carousel-item-content" :style="{
width: `${item.width*0.5}px`,
height: `${item.height*0.3}px`,
backgroundColor: getColorByState(item.state),
}">
- <div style="color: #090909;">
+ <div style="color: #FAFCFF;font-size:18px; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 87%;">
<p>{{ item.flowCardId }}</p>
<p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
<p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
@@ -149,10 +150,13 @@
<p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p>
</div>
<div>
- <el-button type="text" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
- <el-button type="text" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
+ <div style="position: absolute; bottom: 20px; right: 20px;">
+ <el-button size="large" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
+ <el-button size="large" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
</div>
</div>
+ </div>
+ </div>
</el-carousel-item>
</el-carousel>
</div>
@@ -183,6 +187,8 @@
color: white;
/* 纭繚鏂囧瓧棰滆壊鍙 */
text-align: center;
+ padding-bottom: 0px;
+ box-sizing: border-box;
}
.demonstration {
color: var(--el-text-color-secondary);
diff --git a/UI-Project/src/views/hollow/hollowaluminumtwo.vue b/UI-Project/src/views/hollow/hollowaluminumtwo.vue
index 85c4489..311f9aa 100644
--- a/UI-Project/src/views/hollow/hollowaluminumtwo.vue
+++ b/UI-Project/src/views/hollow/hollowaluminumtwo.vue
@@ -119,8 +119,8 @@
const getColorByState = (state) => {
switch (state) {
case -2: return "gray";
- case -1: return "#99BBFF";
- case 0: return "#7AC5CD";
+ case -1: return "gray";
+ case 0: return "gray";
case 1: return "#95d475";
case 8: return "#911005";
default: return "#CDAF95";
@@ -136,12 +136,13 @@
<el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px"
:autoplay="false">
<el-carousel-item v-for="(item, index) in carouselData" :key="index">
+ <div style="display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 50px;">
<div class="carousel-item-content" :style="{
width: `${item.width*0.5}px`,
height: `${item.height*0.3}px`,
backgroundColor: getColorByState(item.state),
}">
- <div style="color: #090909;">
+ <div style="color: #FAFCFF;font-size:18px; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 87%;">
<p>{{ item.flowCardId }}</p>
<p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
<p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
@@ -149,9 +150,12 @@
<p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p>
</div>
<div>
- <el-button type="text" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
- <el-button type="text" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
+ <div style="position: absolute; bottom: 20px; right: 20px;">
+ <el-button size="large" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
+ <el-button size="large" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
</div>
+ </div>
+ </div>
</div>
</el-carousel-item>
</el-carousel>
@@ -183,6 +187,8 @@
color: white;
/* 纭繚鏂囧瓧棰滆壊鍙 */
text-align: center;
+ padding-bottom: 0px;
+ box-sizing: border-box;
}
.demonstration {
color: var(--el-text-color-secondary);
diff --git a/UI-Project/src/views/hollow/hollowslicecage.vue b/UI-Project/src/views/hollow/hollowslicecage.vue
index 8f4b1fb..be2a2e7 100644
--- a/UI-Project/src/views/hollow/hollowslicecage.vue
+++ b/UI-Project/src/views/hollow/hollowslicecage.vue
@@ -395,32 +395,32 @@
if(data.bigStorageCageInfos!=null){
adjustedRects.value = data.bigStorageCageInfos[0][1].map((rect, index) => ({
id: index + 1,
- height: 20/55,
- top: 46/55,
+ height: 15/55,
+ top: 33/55,
}));
subRectsCounts.value = data.bigStorageCageInfos[0][1].map(rect => rect.count);
adjustedRectsa.value = data.bigStorageCageInfos[0][2].map((rect, index) => ({
id: index + 1,
- height: 20/55,
- top: 46/55,
+ height: 15/55,
+ top: 33/55,
}));
subRectsCountsa.value = data.bigStorageCageInfos[0][2].map(rect => rect.count);
adjustedRectsb.value = data.bigStorageCageInfos[0][3].map((rect, index) => ({
id: index + 1,
- height: 20/55,
- top: 46/55,
+ height: 15/55,
+ top: 33/55,
}));
subRectsCountsb.value = data.bigStorageCageInfos[0][3].map(rect => rect.count);
adjustedRectsc.value = data.bigStorageCageInfos[0][4].map((rect, index) => ({
id: index + 1,
- height: 20/55,
- top: 46/55,
+ height: 15/55,
+ top: 33/55,
}));
subRectsCountsc.value = data.bigStorageCageInfos[0][4].map(rect => rect.count);
adjustedRectsd.value = data.bigStorageCageInfos[0][5].map((rect, index) => ({
id: index + 1,
- height: 20/55,
- top: 46/55,
+ height: 15/55,
+ top: 33/55,
}));
subRectsCountsd.value = data.bigStorageCageInfos[0][5].map(rect => rect.count);
}else{
@@ -435,7 +435,7 @@
// 璁＄畻姣忎釜澶х煩褰㈢殑鏍峰紡
const rectStyle = (rect, index) => ({
position: 'absolute',
- width: '170px',
+ width: '150px',
left: '0px',
top: `${index*rect.top}px`,
height: `${rect.height}px`,
@@ -452,7 +452,7 @@
// 璁＄畻姣忎釜灏忕煩褰㈢殑鏍峰紡
const subRectStyle = (rectIndex, subIndex) => {
const width = '18px';
- const marginLeft = '8px';
+ const marginLeft = '3px';
const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft));
const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`;
return {
@@ -468,7 +468,7 @@
// 璁＄畻姣忎釜澶х煩褰㈢殑鏍峰紡
const rectStylea = (rect, index) => ({
position: 'absolute',
- width: '170px',
+ width: '150px',
left: '0px',
top: `${index*rect.top}px`,
height: `${rect.height}px`,
@@ -485,7 +485,7 @@
// 璁＄畻姣忎釜灏忕煩褰㈢殑鏍峰紡
const subRectStylea = (rectIndex, subIndex) => {
const width = '18px';
- const marginLeft = '8px';
+ const marginLeft = '3px';
const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft));
const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`;
return {
@@ -501,7 +501,7 @@
// 璁＄畻姣忎釜澶х煩褰㈢殑鏍峰紡
const rectStyleb = (rect, index) => ({
position: 'absolute',
- width: '170px',
+ width: '150px',
left: '0px',
top: `${index*rect.top}px`,
height: `${rect.height}px`,
@@ -518,7 +518,7 @@
// 璁＄畻姣忎釜灏忕煩褰㈢殑鏍峰紡
const subRectStyleb = (rectIndex, subIndex) => {
const width = '18px';
- const marginLeft = '8px';
+ const marginLeft = '3px';
const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft));
const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`;
return {
@@ -534,7 +534,7 @@
// 璁＄畻姣忎釜澶х煩褰㈢殑鏍峰紡
const rectStylec = (rect, index) => ({
position: 'absolute',
- width: '170px',
+ width: '150px',
left: '0px',
top: `${index*rect.top}px`,
height: `${rect.height}px`,
@@ -551,7 +551,7 @@
// 璁＄畻姣忎釜灏忕煩褰㈢殑鏍峰紡
const subRectStylec = (rectIndex, subIndex) => {
const width = '18px';
- const marginLeft = '8px';
+ const marginLeft = '3px';
const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft));
const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`;
return {
@@ -567,7 +567,7 @@
// 璁＄畻姣忎釜澶х煩褰㈢殑鏍峰紡
const rectStyled = (rect, index) => ({
position: 'absolute',
- width: '170px',
+ width: '150px',
left: '0px',
top: `${index*rect.top}px`,
height: `${rect.height}px`,
@@ -584,7 +584,7 @@
// 璁＄畻姣忎釜灏忕煩褰㈢殑鏍峰紡
const subRectStyled = (rectIndex, subIndex) => {
const width = '18px';
- const marginLeft = '8px';
+ const marginLeft = '3px';
const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft));
const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`;
return {
@@ -676,10 +676,115 @@
<div style="margin-left: 70px;">{{ $t('hellow.freethree') }}</div>
<i :style="{ marginTop: '2px', backgroundColor: freethree, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
</div>
+ <div style="display: flex; align-items: flex-start; gap: 20px; height: 70vh;">
+<!-- // 鐖剁骇妗� -->
+<div class="img-zkdlpl" >
+ <div class="img-car1" :style="'z-index:999;left:212px;top:' + 1300*carPosition[0] + 'px;position:absolute;'">
+ <div
+ v-for="(rect, index) in adjusta"
+ :key="rect.id"
+ :style="{
+ width: '30px',
+ height: '5px',
+ backgroundColor: '#409EFF',
+ marginLeft: 5+ `px`,
+ top: '10px',
+ }"
+ >
+ </div>
+ </div>
+ <div class="img-car4" :style="'z-index:999;left:588px;top:' + 450*carPosition[1] + 'px;position:absolute;'">
+ <div
+ v-for="(rect, index) in adjust"
+ :key="rect.id"
+ :style="{
+ width: '30px',
+ height: '5px',
+ backgroundColor: '#409EFF',
+ marginLeft: 5+ `px`,
+ top: '10px',
+ }"
+ >
+ </div>
+ </div>
+ <div style="position: relative;">
+ <div v-show="cell1" style="width: 150px;height: 33px;position: relative;top:292px;left: 418px;">
+ <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRects(rectIndex)"
+ :key="subIndex"
+ :style="subRectStyle(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+ <div v-show="cell2" style="width: 150px;height: 33px;position: relative;top:295px;left: 418px;">
+ <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRectsa(rectIndex)"
+ :key="subIndex"
+ :style="subRectStylea(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+ <div v-show="cell3" style="width: 150px;height: 33px;position: relative;top:298px;left: 418px;">
+ <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRectsb(rectIndex)"
+ :key="subIndex"
+ :style="subRectStyleb(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+ <div v-show="cell4" style="width: 150px;height: 33px;position: relative;top:301px;left: 418px;">
+ <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRectsc(rectIndex)"
+ :key="subIndex"
+ :style="subRectStylec(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+ <div v-show="cell5" style="width: 150px;height: 33px;position: relative;top:304px;left: 418px;">
+ <div v-for="(rect, rectIndex) in adjustedRectsd" :key="rect.id" :style="rectStyled(rect, rectIndex)">
+ <div
+ v-for="(subRect, subIndex) in getSubRectsd(rectIndex)"
+ :key="subIndex"
+ :style="subRectStyled(rectIndex, subIndex)"
+ ></div>
+ </div>
+ </div>
+</div>
+</div>
+<el-card style="flex: 1; height: 500px; overflow-y: auto;">
+ <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 450px;">
+ <el-table height="550px" ref="table" border
+ :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
+ <el-table-column prop="flowCardId" align="center" :label="$t('searchOrder.cardnumber')" min-width="140" />
+ <el-table-column prop="sumCount" align="center" :label="$t('searchOrder.totallogarithms')" min-width="120" />
+ <el-table-column prop="pairCount" align="center" :label="$t('searchOrder.numberpairs')" min-width="120" />
+ <el-table-column prop="totalNumber" align="center" :label="$t('hellow.totalnumber')" min-width="100" />
+ <el-table-column prop="realCount" align="center" :label="$t('hellow.realpieces')" min-width="120" />
+ <el-table-column prop="slotCount" align="center" :label="$t('searchOrder.numberoccupied')" min-width="120" />
+ </el-table>
+ </div>
+ </el-card>
+ </div>
+ <div style="padding: 10px;display: flex;height:110px;margin-top: -170px;">
+ <div v-for="(item, index) in tableDatae" :key="index" id="occupy">
+ <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col>
+ <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
+ <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span>
+ </el-col>
+ <hr style="width:80%;margin: 0 auto;" />
+ <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
+ <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span>
+ </el-col>
+ </div>
+ </div>
<div class="table-container">
- <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;">
- <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 300px;">
- <el-table height="300px" ref="table"
+ <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;">
+ <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 140px;">
+ <el-table height="120px" ref="table"
:row-class-name="tableRowClassName"
:data="tableDatad" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
<el-table-column prop="glassId" align="center" :label="$t('searchOrder.intoglassid')" min-width="140" />
@@ -700,8 +805,8 @@
</el-table>
</div>
</el-card>
- <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;">
- <el-table height="300px" ref="table"
+ <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;">
+ <el-table height="120px" ref="table"
:data="tableDatac" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
<el-table-column prop="glassId" align="center" :label="$t('searchOrder.outputglassID')" min-width="140" />
<el-table-column prop="startSlot" align="center" :label="$t('searchOrder.startposition')" min-width="120" />
@@ -713,111 +818,6 @@
</el-table-column>
</el-table>
</el-card>
- </div>
- <div style="padding: 10px;display: flex;height:130px;">
- <div v-for="(item, index) in tableDatae" :key="index" id="occupy">
- <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col>
- <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
- <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span>
- </el-col>
- <hr style="width:80%;margin: 0 auto;" />
- <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
- <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span>
- </el-col>
- </div>
- </div>
- <div style="display: flex; align-items: flex-start; gap: 20px; height: 70vh;">
-<!-- // 鐖剁骇妗� -->
-<div class="img-zkdlpl" >
- <div class="img-car1" :style="'z-index:999;left:305px;top:' + 1700*carPosition[0] + 'px;position:absolute;'">
- <div
- v-for="(rect, index) in adjusta"
- :key="rect.id"
- :style="{
- width: '30px',
- height: '5px',
- backgroundColor: '#409EFF',
- marginLeft: 5+ `px`,
- top: '10px',
- }"
- >
- </div>
- </div>
- <div class="img-car4" :style="'z-index:999;left:730px;top:' + 600*carPosition[1] + 'px;position:absolute;'">
- <div
- v-for="(rect, index) in adjust"
- :key="rect.id"
- :style="{
- width: '30px',
- height: '5px',
- backgroundColor: '#409EFF',
- marginLeft: 5+ `px`,
- top: '10px',
- }"
- >
- </div>
- </div>
- <div style="position: relative;">
- <div v-show="cell1" style="width: 170px;height: 46px;position: relative;top:387px;left: 523px;">
- <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRects(rectIndex)"
- :key="subIndex"
- :style="subRectStyle(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
- <div v-show="cell2" style="width: 170px;height: 46px;position: relative;top:389px;left: 523px;">
- <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRectsa(rectIndex)"
- :key="subIndex"
- :style="subRectStylea(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
- <div v-show="cell3" style="width: 170px;height: 46px;position: relative;top:391px;left: 523px;">
- <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRectsb(rectIndex)"
- :key="subIndex"
- :style="subRectStyleb(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
- <div v-show="cell4" style="width: 170px;height: 46px;position: relative;top:392px;left: 523px;">
- <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRectsc(rectIndex)"
- :key="subIndex"
- :style="subRectStylec(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
- <div v-show="cell5" style="width: 170px;height: 46px;position: relative;top:394px;left: 523px;">
- <div v-for="(rect, rectIndex) in adjustedRectsd" :key="rect.id" :style="rectStyled(rect, rectIndex)">
- <div
- v-for="(subRect, subIndex) in getSubRectsd(rectIndex)"
- :key="subIndex"
- :style="subRectStyled(rectIndex, subIndex)"
- ></div>
- </div>
- </div>
-</div>
-</div>
-<el-card style="flex: 1; height: 600px; overflow-y: auto;">
- <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 550px;">
- <el-table height="550px" ref="table" border
- :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
- <el-table-column prop="flowCardId" align="center" :label="$t('searchOrder.cardnumber')" min-width="140" />
- <el-table-column prop="sumCount" align="center" :label="$t('searchOrder.totallogarithms')" min-width="120" />
- <el-table-column prop="pairCount" align="center" :label="$t('searchOrder.numberpairs')" min-width="120" />
- <el-table-column prop="totalNumber" align="center" :label="$t('hellow.totalnumber')" min-width="100" />
- <el-table-column prop="realCount" align="center" :label="$t('hellow.realpieces')" min-width="120" />
- <el-table-column prop="slotCount" align="center" :label="$t('searchOrder.numberoccupied')" min-width="120" />
- </el-table>
- </div>
- </el-card>
</div>
</div>
<!-- 娣诲姞鐞嗙墖绗间俊鎭� -->
@@ -1090,10 +1090,10 @@
background-image:url('../../assets/zhongkong.png');
background-repeat: no-repeat;
background-attachment: local;
- min-height: 700px;
- width: 1000px;
+ min-height: 500px;
+ width: 800px;
max-width: 100%;
- background-size: 1000px 700px;
+ background-size: 800px 500px;
overflow: hidden;
position:relative
}
diff --git a/UI-Project/src/views/largescreendisplay/screendisplay.vue b/UI-Project/src/views/largescreendisplay/screendisplay.vue
index fc6eada..eeb630a 100644
--- a/UI-Project/src/views/largescreendisplay/screendisplay.vue
+++ b/UI-Project/src/views/largescreendisplay/screendisplay.vue
@@ -1059,8 +1059,8 @@
<div class="clickable-area" @click="handlehistorical"
style="position: relative;width: 108px;height: 134px;top: 478px;left: 290px;"></div>
</div>
- <div style="height: 190px;width: 100%;float: right;">
- <el-table height="190" ref="table" :data="orderDTOS"
+ <div style="height: 175px;width: 100%;float: right;">
+ <el-table height="175" ref="table" :data="orderDTOS"
:header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
<el-table-column prop="orderId" align="center" :label="$t('large.orderId')" min-width="50" />
<el-table-column prop="customerName" align="center" :show-overflow-tooltip="true"
--
Gitblit v1.8.0