From 689b10dd99adf31b5e2737f5c949fc5c132f8001 Mon Sep 17 00:00:00 2001
From: ZengTao <2773468879@qq.com>
Date: 星期四, 14 十二月 2023 14:04:25 +0800
Subject: [PATCH] 修改倒计时显示,添加显示急停状态,等待复位

---
 CanadaMes-ui/src/views/home/index.vue |   84 +++++++++++++++++++++++++-----------------
 1 files changed, 50 insertions(+), 34 deletions(-)

diff --git a/CanadaMes-ui/src/views/home/index.vue b/CanadaMes-ui/src/views/home/index.vue
index e9a4965..8947496 100644
--- a/CanadaMes-ui/src/views/home/index.vue
+++ b/CanadaMes-ui/src/views/home/index.vue
@@ -453,7 +453,8 @@
                 </el-table-column>
                 <el-table-column :min-width="250" :label="$t('Operate')">
                     <template slot-scope='scope'>
-                        <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" :disabled="scope.row.state == 1 ? false : true"
+                        <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
+                            :disabled="scope.row.state == 1 ? false : true"
                             @click="deleteglass(scope.row.glassId, scope.row.state)">{{ $t('Delete') }}</el-button>
                         <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
                             :disabled="scope.row.state == 1 ? false : true"
@@ -643,7 +644,8 @@
                 <el-table-column prop="storageCage.glassheightmm" :label="$t('Width')"></el-table-column>
                 <el-table-column :min-width="90" prop="state" :label="$t('Glass State')">
                     <template slot-scope='scope'>
-                        {{ scope.row.state == 0 ? $t('Waiting') : scope.row.state == 1 ? $t('Outing') : scope.row.state == 2 ? $t('Completed') :scope.row.state == 3 ? $t('Absent') :$t('Deleted') }}
+                        {{ scope.row.state == 0 ? $t('Waiting') : scope.row.state == 1 ? $t('Outing') : scope.row.state == 2
+                            ? $t('Completed') : scope.row.state == 3 ? $t('Absent') : $t('Deleted') }}
                     </template>
                 </el-table-column>
                 <el-table-column prop="sequence" :label="$t('Sequence')"></el-table-column>
@@ -661,7 +663,8 @@
 
                 <el-table-column prop="barcode" :label="$t('Complete')">
                     <template slot-scope='scope'>
-                        <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" :disabled="(!isAllowQueue||scope.row.state!=1)"
+                        <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
+                            :disabled="(!isAllowQueue || scope.row.state != 1)"
                             @click="CompleteQueue(scope.row.id, scope.row.barcode, scope.row.glassId)">{{ $t('Complete')
                             }}</el-button>
                     </template>
@@ -729,7 +732,7 @@
         </el-dialog>
 
         <el-dialog :visible.sync="dialogFormCountDown" :title="$t('Approximately resettable time')" top="5vh">
-            <div style="font-size: 500px;text-align: center;">
+            <div :style="'font-size: ' + PromptSize + 'px;text-align: center;'">
                 {{ this.CountDowns }}
             </div>
         </el-dialog>
@@ -765,7 +768,7 @@
             dialogFormVisible5: false,
             dialogFormVisible6: false,
             dialogFormVisible7: false,
-            dialogFormCountDown:false,
+            dialogFormCountDown: false,
             form: {
                 orderId: "",
                 glassId: "",
@@ -826,19 +829,19 @@
             OutingQueue: true,
             OrderInfo: true,
             CageDetails: true,
-            CountDowns:0,
-            D01RequestState:false
+            CountDowns: "EMERGENCY STOP",
+            D01RequestState: false,
+            EmergencyStop: false,
+            PromptSize: 250
         };
     },
     created() {
         this.load();
-        
+
         this.init();
     }
     ,
     methods: {
-
-
         init() {
             let viewname = "Home";
             if (typeof (WebSocket) == "undefined") {
@@ -847,7 +850,7 @@
                 //console.log("鎮ㄧ殑娴忚鍣ㄦ敮鎸乄ebSocket");
                 let socketUrl = "ws://" + this.$t('ip') + ":8888" + "/springboot-vue3/api/talk/" + viewname;
                 if (socket != null) {
-                    socket.close();this.car1
+                    socket.close();
                     socket = null;
                 }
                 // 寮�鍚竴涓獁ebsocket鏈嶅姟
@@ -861,7 +864,7 @@
                     //console.log("鏀跺埌鏁版嵁====" + msg.data);
                     let obj = JSON.parse(msg.data);
                     if (obj.params != null) {
-                        
+
                         this.car1 = 145 + 8.15 * Math.abs(obj.params[0][0] - this.carlist[0]['start']) / Math.abs(this.carlist[0]['end'] - this.carlist[0]['start']) * 100;
                         this.car2 = 210 + 8.15 * Math.abs(obj.params[0][1] - this.carlist[1]['start']) / Math.abs(this.carlist[1]['end'] - this.carlist[1]['start']) * 100;
                         // this.car1 = 210 + 11.25 * (obj.params[0][1]-this.carlist[1]['start'])/(this.carlist[1]['end']-this.carlist[1]['start'])*100;
@@ -875,16 +878,21 @@
                     this.tasklist1 = obj.tasklist1[0];
                     this.tasklist2 = obj.tasklist2[0];
                     this.alarm = obj.alarmmg[0];
-                    if(this.alarm.length>0){
-                        this.dialogFormVisible2=true;
+                    if (this.alarm.length > 0) {
+                        this.dialogFormVisible2 = true;
+                    } else {
+                        this.dialogFormVisible2 = false;
                     }
+                    //鏄惁鎬ュ仠
+                    this.EmergencyStop = obj.emergencystop[0];
+
                     //澶嶄綅鍊掕鏃�
-                    if (obj.countdown[0] == true&&this.CountDowns==0) {
+                    if ((obj.countdown[0] == true && this.CountDowns == 0) || this.EmergencyStop == true) {
                         this.CountDown();
                     }
                     //鏄惁鏈夎繘鐗囪姹�
-                    this.D01RequestState=obj.D01RequestState[0];
-                    
+                    this.D01RequestState = obj.D01RequestState[0];
+
                     //鏄惁鍏佽鍑虹墖
                     this.isAllowQueue = obj.isAllowQueue[0];
                     //鍑虹墖闃熷垪
@@ -918,13 +926,11 @@
                         this.form5 = obj.form3[0];
                         this.showform3();
                         this.glassid1 = "";
-                        if(this.D01RequestState==true){
+                        if (this.D01RequestState == true) {
                             this.Sizerange(this.form5, 3);
-                        }else{
-                            this.disabled1=true;
+                        } else {
+                            this.disabled1 = true;
                         }
-                        
-                        
                     } else {
                         if (this.glassid1 == "") {
                             this.DeleteBarcodeGlass();
@@ -1332,7 +1338,7 @@
         },
         //鎵嬪姩涓婄墖
         FeedInglassid() {
-            if (this.form.glassId != ""&&this.form.glassId != null) {
+            if (this.form.glassId != "" && this.form.glassId != null) {
                 Inglassid(this.insertcage, this.insertcell, this.inserttier, this.form).then(res => {
                     if (res.data.message == 200) {
                         this.$message.success(this.$t('Operation successful'));
@@ -1620,7 +1626,7 @@
             column = rowIndex;
             rowIndex = column;
             let style = "";
-            if (columnIndex === 8 ) {
+            if (columnIndex === 8) {
                 style = "font-size:25px;text-align: center;";
             }
             if (columnIndex === 9 && row.flip == 1) {
@@ -1698,7 +1704,7 @@
                     } else {
                         this.disabled = false;
                     }
-                    if (position == 3 && this.isConfirm == true&&this.D01RequestState==true) {
+                    if (position == 3 && this.isConfirm == true && this.D01RequestState == true) {
                         this.InsertQueueGlass(1);
                     }
                 }
@@ -1716,24 +1722,34 @@
                 }
             });
         },
-        CountDown(){
+        CountDown() {
             //50绉掑�掓暟璁℃椂
             let count = 45;
             let timer = setInterval(
                 () => {
-                    if (count > 0) {
-                        this.CountDowns = count;
-                        count--;
-                    }
-                    else {
+                    if (this.EmergencyStop == true) {
                         clearInterval(timer);
-                        this.CountDowns = 0;
-                        this.dialogFormCountDown=false;
+                        this.PromptSize = 250;
+                        this.CountDowns = "EMERGENCY STOP";
+                    } else {
+                        if (count > 0) {
+                            this.PromptSize = 500;
+                            this.CountDowns = count;
+                            count--;
+                        }
+                        else {
+                            this.PromptSize = 250;
+                            this.CountDowns = "Waiting for reset";
+                            this.dialogFormCountDown = false;
+                            // if(澶嶄綅瀹屾垚==true){
+                            //     clearInterval(timer);
+                            // }
+                        }
                     }
                 },
                 1000
             );
-            
+            this.dialogFormCountDown = true;
         }
     }
 }

--
Gitblit v1.8.0