From 77ff95afbe2d1e632de34e5df938ecf52d472127 Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期四, 26 六月 2025 09:22:31 +0800
Subject: [PATCH] 同步录制代码

---
 UI-Project/src/views/Slicecage/slicecage.vue |  103 ++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 84 insertions(+), 19 deletions(-)

diff --git a/UI-Project/src/views/Slicecage/slicecage.vue b/UI-Project/src/views/Slicecage/slicecage.vue
index 21d3250..787819e 100644
--- a/UI-Project/src/views/Slicecage/slicecage.vue
+++ b/UI-Project/src/views/Slicecage/slicecage.vue
@@ -27,10 +27,13 @@
 const tableDataa = ref([])
 const tableDatagh = ref([])
 const tableDatab = ref([])
+const tableDatac = ref([])
 const tableDatad = ref([])
 const tableDataf = ref([])
+const tableDatae = ref([])
 const tableDatas = ref([])
 const tableDatass = ref([])
+const tableDatax = ref([]);
 const tableDatalack = ref([])
 const tableDataspecify = ref([])
 const tableDatacagedetails = ref([])
@@ -55,7 +58,7 @@
 const globalDate = inject('globalDate');
 const inputValuesa = reactive({});
 const add = ref(false)
-const dialogProject = ref(false);
+const gap = ref('');
 const glassId = ref('');
 const startSlot = ref('');
 const targetSlot = ref('');
@@ -741,9 +744,16 @@
     temperingengineerId.value=data.temperingengineerId[0];
   }
   if(data.bigStorageCageDetailsOutTask!=null){
+    tableDatac.value = data.bigStorageCageDetailsOutTask[0]
     adjusta.value = data.bigStorageCageDetailsOutTask[0].filter(rect => rect.slot !== null && rect.slot !== undefined);
   } else {
+    tableDatac.value = '',
     adjusta.value = ''
+  }
+  if(data.bigStorageCageDetailsFeedTask!=null){
+    tableDatax.value = data.bigStorageCageDetailsFeedTask[0]
+  } else {
+    tableDatax.value = ''
   }
   if(data.bigStorageCageDetailsFeedTask!=null){
     tableDatad.value = data.bigStorageCageDetailsFeedTask[0]
@@ -755,6 +765,11 @@
   tableDatab.value = data.temperingGlassInfoList[0]
 }else{
     tableDatab.value = ''
+      }
+if(data.bigStorageCageUsage!=null){
+  tableDatae.value = data.bigStorageCageUsage[0]
+}else{
+    tableDatae.value = ''
       }
 if(data.carPostion!=null){
   carPosition.value = data.carPostion[0]
@@ -1046,7 +1061,6 @@
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="success" @click="handlehistorical">{{ $t('searchOrder.historicaltasks') }}</el-button>
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="warning" @click="handleganghua">{{ $t('searchOrder.temperingqueries') }}</el-button>
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="info" @click="dialogFormVisibles=true;fetchFlows()">{{ $t('searchOrder.searchlayout') }}</el-button>
-    <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="info" @click="dialogProject=true">{{ $t('basicData.project') }}</el-button>
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="danger" @click="handleptask()">{{ $t('searchOrder.partask') }}</el-button>
     <el-switch style="margin-top: 7px;margin-left: 10px;" v-model="ganghua" class="mb-2" :inactive-text="$t('searchOrder.temperedswitch')" @change="handleChange" />
     <el-switch style="margin-top: 7px;margin-left: 10px;" v-model="diaodu" class="mb-2" :inactive-text="$t('searchOrder.Schedulingswitch')" @change="handlediaodu" />
@@ -1064,7 +1078,7 @@
   </div>
 <!-- // 鐖剁骇妗� -->
 <div class="img-dlpl" >
-    <!-- <div class="img-car1" :style="'z-index:999;left:240px;top:' + 350*carPosition[0] + 'px;position:absolute;'">
+    <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"  
@@ -1091,8 +1105,8 @@
        }"  
     >
     </div>
-    </div> -->
-    <!-- <div style="position: relative;">
+    </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
@@ -1129,13 +1143,11 @@
     ></div>
     </div>
     </div>
-</div> -->
 </div>
-  </div>
-    
-<!-- 鏀逛负寮圭獥 -->
-  <el-dialog v-model="dialogProject" top="12vh" width="70%">
-       <el-table height="400px" ref="table" 
+</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" />
@@ -1145,7 +1157,60 @@
          <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>
-       </el-dialog>
+       </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: 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" />
+          <el-table-column prop="startSlot" align="center" :label="$t('searchOrder.startposition')" min-width="120" />
+          <el-table-column prop="targetSlot" align="center" :label="$t('searchOrder.targetlocation')" min-width="120" />
+          <el-table-column prop="taskState" align="center" :label="$t('searchOrder.taskstatus')" min-width="120">
+          <template #default="scope">
+            <el-tag type="success" >{{ scope.row.taskState==0? $t('searchOrder.filmenter') : $t('searchOrder.infilm') }}</el-tag>
+          </template>
+          </el-table-column>
+          <el-table-column prop="isSame" align="center" :label="$t('searchOrder.whethersame')" min-width="120">
+          <template #default="scope">
+        <el-tag :type="getcasOnea(scope.row.isSame)">
+          {{ getStatuscasOnea(scope.row.isSame) }}
+        </el-tag>
+      </template>
+          </el-table-column>
+        </el-table>
+       </div>
+    </el-card>
+    <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" />
+         <el-table-column prop="targetSlot" align="center" :label="$t('searchOrder.targetlocation')" min-width="120" />
+         <el-table-column prop="taskState" align="center" :label="$t('searchOrder.taskstatus')" min-width="157">
+           <template #default="scope">
+             <el-tag type="success" >{{ scope.row.taskState==0? $t('searchOrder.filmenter') : $t('searchOrder.infilm') }}</el-tag>
+           </template>
+         </el-table-column>
+       </el-table>
+            </el-card>
+  </div>
+  </div>
+    
   <el-dialog v-model="add" top="10vh" width="70%" :title="$t('searchOrder.addcage')" >
     <div style="margin-bottom: 20px">
       <el-form>
@@ -1272,7 +1337,7 @@
               </div>  
             </template>  
           </el-table-column>  
-          <!-- <el-table-column prop="id" :label="$t('searchOrder.cagetableID')" align="center" min-width="90"/>   -->
+          <el-table-column prop="id" :label="$t('searchOrder.cagetableID')" align="center" min-width="90"/>  
           <el-table-column prop="deviceId" align="center" :label="$t('searchOrder.cagenumber')" min-width="100" />
           <el-table-column prop="slot" align="center" :label="$t('searchOrder.gridnumber')" min-width="150" />
           <el-table-column
@@ -1635,15 +1700,15 @@
     }
 }
 .img-dlpl{
-  margin-left: 70px;
-  margin-top: 70px;
-  background-image:url('../../assets/dlpl2.png');
+  margin-left: 20px;
+  margin-top: 0px;
+  background-image:url('../../assets/ganghuaqian.png');
   background-repeat: no-repeat;
   background-attachment: local;
-  min-height: 580px;
-  width: 1650px;
+  min-height: 380px;
+  width: 1050px;
   max-width: 100%;
-  background-size: 1650px 580px;
+  background-size: 1050px 380px;
   overflow: hidden;
   position:relative
 }

--
Gitblit v1.8.0