From dd3b7151494ee2116403350f6214380f31bfcb7c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 14 九月 2023 17:45:45 +0800
Subject: [PATCH] 样式调整

---
 src/components/AddIssue.vue |   35 +++++++++++++++++++++--------------
 1 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/components/AddIssue.vue b/src/components/AddIssue.vue
index 42c7974..4c62a37 100644
--- a/src/components/AddIssue.vue
+++ b/src/components/AddIssue.vue
@@ -29,7 +29,7 @@
               褰撳墠浠诲姟锛歿{ taskData.Procedure.procedure.procedureName || "" }}
             </div>
             <div class="title-item title-bng color_4efefa font_size_20">
-              鐢熶骇鏁伴噺锛�<span>{{ taskData.Order.amount || 0 }}</span>
+              鐢熶骇鏁伴噺锛�<span style="color:#fff;">{{ taskData.Order.amount || 0 }}</span>
             </div>
           </div>
           <template v-if="messageError">
@@ -115,9 +115,9 @@
                   width: 100%;
                   text-align: center;
                   margin-bottom: 15px;
-                  margin-top: 10px;
                   line-height:35px;
                 "
+                :class="showBtn == 3&&isLoading?'margin-top-10px':'margin-top-40px'"
               >
               <template v-if="showBtn == 2">
                   <div class="gif">
@@ -162,7 +162,9 @@
           </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 src="../../public/confirm1.png" />
           </div>
@@ -177,9 +179,6 @@
           >
             <i class="el-icon-loading icon-loading" v-if="isLoading"/>
             <img src="../../public/confirm1.png" />
-          </div>
-          <div class="btn" @click="closeClick">
-              <img src="../../public/btn1.png" />
           </div>
         </template>
       </div>
@@ -242,11 +241,12 @@
       }
     },
     islook(){
-      this.showBtn=1;
       if (this.timer) {
         clearInterval(this.timer);
       }
       this.num = 0;
+      this.showBtn=1;
+      this.isLoading=false
     },
   },
   methods: {
@@ -280,7 +280,7 @@
         this.islook = true;
       } else {
         this.islook = false;
-        this.islook = true;
+        // this.islook = true;
       }
     },
     getDateObj(date, fmt) {
@@ -389,9 +389,16 @@
   position: relative;
   .dialog-footer {
     position: absolute;
-    bottom: 30px;
-    width:94%;
+    bottom: 25px;
+    width:100%;
+    text-align:center;
   }
+}
+.margin-top-10px{
+  margin-top:10px;
+}
+.margin-top-40px{
+  margin-top:40px;
 }
 .color_4efefa {
   color: #4efefa !important;
@@ -464,7 +471,6 @@
 .btn {
   width: 150px;
   height: auto;
-  float: right;
   display: inline-block;
   position:relative;
   img {
@@ -557,14 +563,14 @@
   width: 100%;
 }
 .dialog-content-box {
-  height: calc(100% - 200px);
+  height: calc(100% - 190px);
   // overflow: hidden;
-  padding: 20px 0px 20px;
+  padding: 20px 0px 10px;
   .el-form {
     overflow: hidden;
   }
   .title-auto-box {
-    height: calc(100% - 180px);
+    height: calc(100% - 160px);
     overflow: auto;
     width:calc(100% - 140px);
     margin: 0 auto; 
@@ -589,6 +595,7 @@
         // background: #15d815;
         background:red;
         border-radius: 50%;
+        margin-top:-5px;
         vertical-align: middle;
       }
   }

--
Gitblit v1.8.0