From 351480c2cc022c886429192fc2893e3fc2c9877f Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 07 九月 2023 12:06:25 +0800
Subject: [PATCH] 修改滚动条样式 开始生产增加 loading状态
---
src/components/AddIssue.vue | 21 +++++++++++++++++++--
1 files changed, 19 insertions(+), 2 deletions(-)
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