From 351480c2cc022c886429192fc2893e3fc2c9877f Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 07 九月 2023 12:06:25 +0800
Subject: [PATCH] 修改滚动条样式  开始生产增加 loading状态

---
 src/assets/style/index.scss  |   19 +--------
 src/assets/style/public.scss |   34 +++++++++++++++++
 src/components/AddIssue.vue  |   21 +++++++++-
 3 files changed, 55 insertions(+), 19 deletions(-)

diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss
index 6b513d7..7a1e358 100644
--- a/src/assets/style/index.scss
+++ b/src/assets/style/index.scss
@@ -361,24 +361,9 @@
  
 } 
 
-//婊氬姩鏉℃牱寮�
-::-webkit-scrollbar {
-  width:8px!important;
-  height:8px!important;
-  -webkit-appearance:none;
-  background-color:#00000040;
-}
-::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
-  background: #e1e1e1;
-}
-::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
-  // border-radius: 10px;
-  background: #ffffff;
-  // background:#2c60c5;
 
-}
+
+
 //琛ㄦ牸婊氬姩
 // .el-table__body-wrapper::-webkit-scrollbar-thumb {
 //   border-radius: 5px;
diff --git a/src/assets/style/public.scss b/src/assets/style/public.scss
index ac73bac..fcc97b9 100644
--- a/src/assets/style/public.scss
+++ b/src/assets/style/public.scss
@@ -42,3 +42,37 @@
   font-size: 14px;
   position: relative;
 }
+/*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/
+::-webkit-scrollbar {
+  width: 10px;
+  /*婊氬姩鏉″搴�*/
+  height: 10px;
+  border-radius: 8px;
+    /*婊氬姩鏉¢珮搴�*/
+    -webkit-appearance:none;
+    background-color:#f2f2f22a;
+}
+
+/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-track {
+  /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
+  /*box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;*/
+
+  /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/
+  border-radius: 8px;
+
+  /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/
+  background-color: #f2f2f22a;
+}
+
+/*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-thumb {
+  /*婊氬姩鏉$殑鍐呴槾褰�*/
+  /*box-shadow:0px 1px 3px rgba(0,0,0,0.1) inset;*/
+
+  /*婊氬姩鏉$殑鍦嗚*/
+  border-radius: 8px;
+
+  /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/
+  background-color:#939393;
+}
diff --git a/src/components/AddIssue.vue b/src/components/AddIssue.vue
index 8accaf8..fcb6624 100644
--- a/src/components/AddIssue.vue
+++ b/src/components/AddIssue.vue
@@ -7,7 +7,7 @@
     class="add-event-dialog"
     :show-close="false"
   >
-    <div class="tank-box" v-loading.fullscreen.lock="isLoading" element-loading-text="涓嬪彂涓紝璇风◢鍚�...">
+    <div class="tank-box">
       <div slot="title" class="tac drawerHeader">鏂颁换鍔�</div>
       <div class="dialog-content-box">
         <div
@@ -97,7 +97,8 @@
                   v-for="(item, index) in Arr"
                   :key="index"
                 >
-                  {{ item.Key }}锛歿{ item.Value || "" }}
+                  {{ item.Key }}锛歿{ item.Value || "" }} 
+                  
                 </div>
               </div>
             </div>
@@ -159,8 +160,10 @@
             v-prevent-re-click="3000"
             @click="onSubmit()"
           >
+            <i class="el-icon-loading icon-loading" v-if="isLoading"/>
             <img src="../../public/confirm1.png" />
           </div>
+         
         </template>
       </div>
       <!-- <ErrorIssue ref="error" :messageError="messageError" @shutdown="shutdown"/> -->
@@ -305,6 +308,9 @@
             this.getCode(this.resParams);
           }
         }, 1000);
+        if(this.isLoading){
+          return true;
+        }
         this.isLoading=true;
           sendProcessParams({ id: this.taskData.Procedure.ID }).then((res) => {
             console.log(res,'====res')
@@ -318,6 +324,9 @@
               this.resParams = res;
             }
           });
+          setTimeout(()=>{
+            this.isLoading=false;
+          },30000)
       }
     },
     getCode(res) {
@@ -434,9 +443,17 @@
   height: auto;
   float: left;
   display: inline-block;
+  position:relative;
   img {
     width: 100%;
   }
+  .icon-loading{
+    font-size:19px;
+    color:#4efefa;
+    position:absolute;
+    line-height:2.7;
+    left:18%;
+  }
   &:nth-of-type(1) {
     margin-right: 30px;
     margin-left: 110px;

--
Gitblit v1.8.0