From c5870d04b3a4a6028ea367d475a17bbce45aa9c6 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期二, 19 九月 2023 11:41:55 +0800
Subject: [PATCH] 报错处理  2023-9-19

---
 src/views/visualization.vue |   92 +++++++++++++++++++++++++++++++--------------
 1 files changed, 63 insertions(+), 29 deletions(-)

diff --git a/src/views/visualization.vue b/src/views/visualization.vue
index 252d90b..1f22bf7 100644
--- a/src/views/visualization.vue
+++ b/src/views/visualization.vue
@@ -45,13 +45,13 @@
             <span class="title-item"
               >宸ュ崟缂栧彿:
               <span class="color_4efefa">{{
-                taskData.Order.workOrderId || ""
+                taskData.Order.workOrderId || "--"
               }}</span>
             </span>
             <span class="title-item"
               >褰撳墠宸ュ簭:
               <span class="color_4efefa">{{
-                taskData.Procedure.procedure.procedureName || ""
+                taskData.Procedure.procedure.procedureName || "--"
               }}</span>
             </span>
             <span class="title-item"
@@ -75,8 +75,8 @@
               </span>
             </span> -->
           </div>
-          <div class="gongx" v-if="taskData.AllProcedures">
-          <el-steps :active="taskData.CurrentProcedureIndex?taskData.CurrentProcedureIndex:0"  finish-status="success" class="steps">
+          <div class="gongx">
+          <el-steps v-if="taskData.AllProcedures" :active="taskData.CurrentProcedureIndex?taskData.CurrentProcedureIndex:0"  finish-status="success" class="steps">
             <el-step icon="" :title="item" v-for="(item,index) in taskData.AllProcedures" :key="index"></el-step>
           </el-steps>
         </div>
@@ -247,8 +247,16 @@
                   >
                     <template v-if="list.name == '宸ュ簭'">
                       <div class="card_content">
-                        <div class="card_contentLeft color_blue">
-                          {{ list.deviceName }}
+                        <div class="card_contentLeft color_blue font_dian">
+                          <!-- {{ list.deviceName }} -->
+                          <el-tooltip
+                          effect="dark"
+                          popper-class="tooltip-width-200"
+                          :content="list.deviceName"
+                          placement="top-start"
+                        >
+                          <span>{{ list.deviceName }}</span>
+                        </el-tooltip>
                           <!-- <span style="float: right">6m/s</span> -->
                         </div>
                       </div>
@@ -584,7 +592,7 @@
   },
   data() {
     return {
-      activeName: 2,
+      activeName: 1,
       progress: 70, //杩涘害
       passrate: 30, //鍚堟牸鐜�
       production: 25, //鐢熶骇涓�
@@ -703,7 +711,15 @@
   methods: {
     taskClick(){
       if(this.TaskCount>0){
-        this.$refs.control.islook=true
+        for(let i in this.Tasks){
+          if(this.Tasks[i].Procedure.Status==1){
+            this.isTipShow=false
+            break;
+          }
+        }
+        if(!this.isTipShow){
+          this.$refs.control.islook=true
+        }
       }else{
         this.$message.error('鐩墠娌℃湁浠诲姟锛�')
       }
@@ -810,11 +826,11 @@
       return d;
     },
     setInterCard(value, name, i) {
-      if (this.Tasks[i].Procedure.procedure[value]) {
+      if (this.Tasks[i].Procedure.procedure[value]!=null) {
         let height = 200;
         let num = 1;
         if (this.$refs[name]) {
-          height = this.$refs[name].$el.offsetHeight;
+          height = this.$refs[name].$el?this.$refs[name].$el.offsetHeight:200;
           num = Math.floor(height / 80);
         }
         let inputMaterials = JSON.parse(
@@ -851,7 +867,14 @@
         },
         inputMaterials: [],
         outputMaterials: [],
-        procedureList: [],
+        procedureList: [
+        //  [ 
+        //     {
+        //       name:"宸ュ簭",
+        //       deviceName:'1111dhafjdhajkhf jkdahjkf鎵撴硶鍗冲彲鎵撻枊閺堟帴鑲痉鍩哄晩鐪嬩締jdad澶ч浜笢鍗¤�佸徃鏈虹暘绐犲�掕嚰寮�浜嗘埧閲戦樋濂庣鍗佸叚灞婂弽棣堟媺寰锋柉鍩簁鎵撳崱鏈洪樋鐝傞檮浠舵墦寮�浜嗙偣鍑婚樋閲屽崱鍑忚偉鐨勫崱鎷夎兌寮�浜嗘埧澶ц涓婂厠闅唂k鍟﹀ぇ瀹堕槻绌洪浄閬旀暩鎿氱湅i'
+        //     },
+        //   ]
+        ],
       };
       this.Tasks = [];
       getTaskInfo({ page: 1, pageSize: this.activeName }).then((res) => {
@@ -866,14 +889,6 @@
           
           this.TaskCount=res.data.TaskCount?res.data.TaskCount:0
           this.workers=res.data.workers?res.data.workers:[]
-          if (this.Tasks.length == 0) {
-            if (this.activeName == 1) {
-              this.Tasks.push(object);
-            } else {
-              this.Tasks.push(object);
-              this.Tasks.push(object);
-            }
-          }
           for (let i in this.Tasks) {
             this.Tasks[i].procedureList = [];
             this.Tasks[i].inputMaterials = [];
@@ -914,6 +929,14 @@
                 }, 9000);
           }
         }
+          if (this.Tasks.length == 0) {
+            if (this.activeName == 1) {
+              this.Tasks.push(object);
+            } else {
+              this.Tasks.push(object);
+              this.Tasks.push(object);
+            }
+          }
         if (res.code != 200 || this.Tasks.length == 0) {
           this.getcountdown();
           // 鎺у埗閲嶆柊璇锋眰getTaskInfo, 鍙紑鍚竴涓畾鏃跺櫒
@@ -923,11 +946,10 @@
             }, 60000);
           }
         }
-        debugger
-        if(this.activeName==2){
-            this.Tasks[1]=null
-        }
       });
+      
+      // this.Tasks.push(object)
+      // this.Tasks.push(object)
     },
     getStartArr(){
       for (let i in this.Tasks) {
@@ -1004,6 +1026,10 @@
 </script>
 
 <style lang="scss">
+.tooltip-width-200{
+  width:200px;
+  line-height:1.3!important;
+}
 .color_yellow{
   color:yellow;
 }
@@ -1288,9 +1314,10 @@
     .el-carousel__container{
       overflow-y:auto;
     }
-    // .el-carousel__item{
-    //   min-height:116px;
-    // }
+    .el-carousel__item{
+    //  height:auto;
+     min-height:160px;
+    }
   }
 }
 
@@ -1357,11 +1384,12 @@
       align-content: center;
       justify-content: space-around;
       align-items: center;
+      overflow:hidden;
       .title-item {
-        width: calc(33.333% - 50px);
+        width: calc((100% - 50px)/3);
         float: left;
         margin-right: 10px;
-        padding: 15px 20px;
+        padding: 10px 5px;
         text-align: center;
         border-radius: 4px;
         display: inline-block;
@@ -1453,7 +1481,7 @@
         // border: 1px solid #ccc;
         background: #6b83ff;
         border-radius: 5px;
-        margin-top: 20px;
+        margin-top: 10px;
         color: #333;
         position: relative;
         .card_top-2,
@@ -1558,6 +1586,12 @@
             border-radius: 5px 5px 0 0;
             background: rgb(19, 35, 90);
           }
+          .font_dian{
+            -webkit-box-orient:vertical;
+            overflow:hidden;
+            text-overflow:ellipsis;
+            white-space:nowrap;
+          }
 
           .card_contentRight {
             width: 100%;

--
Gitblit v1.8.0