From 6565e619523f045ba3e5e15a5bf3ea3ccbb33ba2 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 28 九月 2023 10:26:01 +0800
Subject: [PATCH] 如果工艺参数是空,或者报错,弹框提示工艺参数错误的提示而不是新任务的弹框

---
 src/components/AddIssue.vue |   86 ++++++++++++++++++++++++++++++++-----------
 1 files changed, 64 insertions(+), 22 deletions(-)

diff --git a/src/components/AddIssue.vue b/src/components/AddIssue.vue
index bbd2bfa..65a99df 100644
--- a/src/components/AddIssue.vue
+++ b/src/components/AddIssue.vue
@@ -9,7 +9,7 @@
   >
     <div class="tank-box">
       <div slot="title" class="tac drawerHeader">
-        <span class="title-l">鏂颁换鍔�</span>
+        <span class="title-l">{{messageError?'鎻愮ず':'鏂颁换鍔�'}}</span>
         <!-- <span class="title-r" @click="closeClick">
           <img src="../../public/close.png" />
         </span> -->
@@ -24,17 +24,10 @@
             text-align: left;
           "
         >
-          <div class="title-box margin_bottom_13">
-            <div class="title-item color_4efefa font_size_20 title-bng">
-              褰撳墠浠诲姟锛歿{ taskData.Procedure.procedure.procedureName || "" }}
-            </div>
-            <div class="title-item title-bng color_4efefa font_size_20">
-              鐢熶骇鏁伴噺锛�<span style="color:#fff;">{{ taskData.Order.amount || 0 }}</span>
-            </div>
-          </div>
           <template v-if="messageError">
             <div class="error-t">
-              <img src="../../public/error.png" />
+              <span v-if="messageError =='涓嬪彂鎴愬姛锛�'"  class="el-icon-success color_success"></span>
+              <span  v-else class="el-icon-error color_error"></span>
             </div>
             <div class="error-m">
               {{ messageError }}
@@ -43,10 +36,20 @@
               class="font_size_20 color_fff"
               style="text-align: center; width: 100%; margin: 10px 0"
             >
-              璇烽噸璇�
+              <span v-if="messageError =='涓嬪彂鎴愬姛锛�'" style="font-size:30px;">{{3-Number(sencond)}}s</span>
+              <span v-else>璇烽噸璇�</span>
             </div>
+            
           </template>
           <template v-else>
+            <div class="title-box margin_bottom_13">
+              <div class="title-item color_4efefa font_size_20 title-bng">
+                褰撳墠浠诲姟锛歿{ taskData.Procedure.procedure.procedureName || "" }}
+              </div>
+              <div class="title-item title-bng color_4efefa font_size_20">
+                鐢熶骇鏁伴噺锛�<span style="color:#fff;">{{ taskData.Order.amount || 0 }}</span>
+              </div>
+            </div>
             <div class="title-auto-box">
               <div class="title-box margin_bottom_20">
                 <div class="title-item">
@@ -162,19 +165,22 @@
         </div> -->
         </div>
       </div>
-      <div slot="footer" class="dialog-footer tac" style="overflow: hidden">
+      <div slot="footer" :class="messageError?'dialog-footer tac btn-error':'dialog-footer tac'" style="overflow: hidden">
         <template v-if="messageError">
-          <div class="btn"  @click="confirmClick2">
-            <img src="../../public/agin.png" />
+          <div class="btn" v-if="messageError =='涓嬪彂鎴愬姛锛�'||ArrError"  @click="closeClick">
+            <img  src="../../public/close-btn.png" />
+          </div>
+          <div class="btn" v-else  @click="confirmClick2">
+            <img  src="../../public/agin.png" />
           </div>
         </template>
         <template v-else>
           <div class="btn" @click="closeClick">
               <img src="../../public/btn1.png" />
           </div>
-          <div class="btn" v-if="showBtn == 1" @click="confirmClick1">
-            <img v-if='taskData&&taskData.canStarted' src="../../public/confirm1.png" />
-            <img v-else src="../../public/confirm2.png" />
+          <div class="btn" v-if="showBtn == 1">
+            <div v-if='taskData&&taskData.CanStarted' @click="confirmClick1"><img  src="../../public/confirm1.png" /></div>
+            <div v-else><img  src="../../public/confirm2.png" /></div>
           </div>
           <div class="btn" v-if="showBtn == 2">
             <img src="../../public/confirm2.png" />
@@ -223,6 +229,12 @@
         return [];
       },
     },
+    ArrError:{
+      type: [String],
+      default: () => {
+        return '';
+      },
+    },
     safeProduce:{
       type: [String],
       default: () => {
@@ -240,6 +252,8 @@
       messageError: "",
       resParams: {},
       isLoading:false,
+      sencond:0,
+      sencondTimer:null,
     };
   },
   mounted() {
@@ -257,6 +271,12 @@
         this.showBtn = 3;
       }
     },
+    sencond(){
+      if(this.sencond==3){
+        clearInterval(this.sencondTimer);
+        this.closeClick()
+      }
+    },
     islook(){
       if (this.timer) {
         clearInterval(this.timer);
@@ -264,6 +284,10 @@
       this.num = 0;
       this.showBtn=1;
       this.isLoading=false
+      this.sencond=0
+      this.sencondTimer=null
+      this.messageError=''
+      this.resParams= {},
       this.$emit('isTip',this.islook)
     },
   },
@@ -300,6 +324,10 @@
       } else {
         this.islook = false;
         // this.islook = true;
+      }
+      if(this.ArrError){
+        this.messageError=this.ArrError;
+        
       }
       
     },
@@ -374,6 +402,11 @@
       if (res.code == 200) {
         if (this.num == 30) {
           this.messageError = "涓嬪彂鎴愬姛锛�";
+          if (!this.sencondTimer) {
+            this.sencondTimer = setInterval(() => {
+              this.sencond = this.sencond + 1;
+            }, 1000);
+          }
           clearInterval(this.timer);
           // this.num = 30;
           // this.showBtn = 2;
@@ -401,6 +434,12 @@
 </script>
 
 <style lang="scss" scoped>
+.color_error{
+  color:red;
+}
+.color_success{
+  color:green;
+}
 .tank-box {
   width: 753px;
   height: 728px;
@@ -464,16 +503,16 @@
   }
 }
 .error-t {
-  width: 120px;
-  margin: 50px auto 40px;
-  img {
-    width: 100%;
+  width: 100px;
+  margin: 100px auto 40px;
+  font-size:98px;
+  span {
     display: inline-block;
   }
 }
 .error-m {
   line-height: 35px;
-  font-size: 26px;
+  font-size: 28px;
   color: #fff;
   margin-bottom: 20px;
   text-align: center;
@@ -487,6 +526,9 @@
 ::v-deep .el-dialog__body {
   padding: 0 !important;
 }
+.btn-error{
+  bottom:80px!important;
+}
 .btn {
   width: 150px;
   height: auto;

--
Gitblit v1.8.0