From 82b238214db913000a12fc037c5e0f101a7b9d73 Mon Sep 17 00:00:00 2001
From: lyh <925863403@qq.com>
Date: 星期五, 27 六月 2025 10:47:30 +0800
Subject: [PATCH] 修改工作流
---
src/views/flowable/workflow/stocktakingBound/stocktakingBoundHandle.vue | 105 +++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 90 insertions(+), 15 deletions(-)
diff --git a/src/views/flowable/workflow/stocktakingBound/stocktakingBoundHandle.vue b/src/views/flowable/workflow/stocktakingBound/stocktakingBoundHandle.vue
index d0d5110..a36b68d 100644
--- a/src/views/flowable/workflow/stocktakingBound/stocktakingBoundHandle.vue
+++ b/src/views/flowable/workflow/stocktakingBound/stocktakingBoundHandle.vue
@@ -36,13 +36,13 @@
<a-row>
<a-col :span="span">
<a-form-model-item label="鍑哄簱鍗曠紪鍙�" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="outNum">
- <a-input :readOnly="inputReadOnly" v-model="tableRowRecord.outNum"></a-input>
+ <a-input disabled v-model="tableRowRecord.outNum"></a-input>
</a-form-model-item>
</a-col>
<a-col :span="span">
<a-form-model-item label="鍑哄簱绫诲瀷" :labelCol="labelCol" :wrapperCol="wrapperCol"
prop="outStorehouseType">
- <j-dict-select-tag :readOnly="inputReadOnly" type="list"
+ <j-dict-select-tag disabled type="list"
v-model="tableRowRecord.outStorehouseType" dictCode="out_storehouse_type" />
</a-form-model-item>
</a-col>
@@ -51,26 +51,26 @@
<a-col :span="span">
<a-form-model-item label="鍑哄簱鏃堕棿" :labelCol="labelCol" :wrapperCol="wrapperCol"
prop="outboundTime">
- <j-date :readOnly="inputReadOnly" v-model="tableRowRecord.outboundTime" :show-time="true"
+ <j-date disabled v-model="tableRowRecord.outboundTime" :show-time="true"
dateFormat="YYYY-MM-DD HH:mm" style="width: 100%" />
</a-form-model-item>
</a-col>
<a-col :span="span">
<a-form-model-item label="棰嗙敤浜嬬敱" :labelCol="labelCol" :wrapperCol="wrapperCol"
prop="subjectMatter">
- <a-input :readOnly="inputReadOnly" v-model="tableRowRecord.subjectMatter"></a-input>
+ <a-input disabled v-model="tableRowRecord.subjectMatter"></a-input>
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col :span="span">
<a-form-model-item label="缁忔墜浜�" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handler">
- <a-input :readOnly="inputReadOnly" v-model="tableRowRecord.handler_dictText"></a-input>
+ <a-input disabled v-model="tableRowRecord.handler_dictText"></a-input>
</a-form-model-item>
</a-col>
<a-col :span="span">
<a-form-model-item label="澶囨敞" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark">
- <a-textarea :readOnly="inputReadOnly" v-model="tableRowRecord.remark" rows="4" />
+ <a-textarea disabled v-model="tableRowRecord.remark" rows="4" />
</a-form-model-item>
</a-col>
</a-row>
@@ -140,8 +140,20 @@
</a-col>
</a-row>
<div class="table-operator" style="text-align: right;">
- <a-button @click="handleQueXiaoTask" type="primary" icon="close">鍙栨秷</a-button>
- <a-button :disabled="disableSubmit" @click="submitForm">鎻� 浜�</a-button>
+ <a-button
+ @click="handleQueXiaoTask"
+ icon="close"
+ :disabled="isSubmitting"
+ :class="{'disabled-btn': isSubmitting}"
+ >鍙栨秷</a-button>
+ <a-button
+ @click="submitForm"
+ type="primary"
+ :disabled="isSubmitting"
+ :loading="isSubmitting"
+ >
+ 鎻� 浜�
+ </a-button>
</div>
</a-form-model>
</div>
@@ -323,7 +335,8 @@
},
dictOptions: {},
superFieldList: [],
- workflowSource: []
+ workflowSource: [],
+ isSubmitting: false,
}
},
created() {
@@ -358,11 +371,26 @@
}
},
handleQueXiaoTask() {
- this.visible = false
- this.routeReload()
+ // 濡傛灉姝ｅ湪鎻愪氦锛岄樆姝㈠彇娑堟搷浣�
+ if (this.isSubmitting) return;
+ this.visible = false;
+ this.routeReload();
},
submitForm() {
- const that = this
+ // 濡傛灉姝ｅ湪鎻愪氦锛岄樆姝㈤噸澶嶇偣鍑�
+ if (this.isSubmitting) return;
+
+ // 寮�鍚叏灞�绂侀��
+ this.isSubmitting = true;
+ document.body.classList.add('submitting');
+
+ const that = this;
+
+ // 瀹氫箟涓�涓仮澶嶇姸鎬佺殑鍑芥暟
+ const resetState = () => {
+ that.isSubmitting = false;
+ document.body.classList.remove('submitting');
+ };
if (!that.assignFileStream.status == null || that.assignFileStream.status === undefined) {
this.$message.warning('璇烽�夋嫨瀹℃壒鐘舵�侊紒')
return false
@@ -373,6 +401,10 @@
}
// 瑙﹀彂琛ㄥ崟楠岃瘉
this.form.validateFields((err, values) => {
+ if (err) {
+ resetState(); // 楠岃瘉澶辫触锛屾仮澶嶇姸鎬�
+ return;
+ }
if (!err) {
that.confirmLoading = true
let url = this.url.approve
@@ -398,11 +430,16 @@
} else {
that.$message.warning(res.message)
}
- }).finally(() => {
- that.confirmLoading = false
})
+ .catch((error) => {
+ console.error(error);
+ that.$message.error('鎻愪氦澶辫触');
+ })
+ .finally(() => {
+ that.confirmLoading = false;
+ resetState(); // 璇锋眰缁撴潫锛屾仮澶嶇姸鎬�
+ });
}
-
})
},
/**
@@ -443,6 +480,44 @@
}
</script>
<style scoped>
+/* 鍏ㄥ眬绂侀�夋牱寮� - 浣滅敤浜庢暣涓〉闈� */
+html.submitting,
+html.submitting body {
+ pointer-events: none !important;
+ cursor: wait !important;
+}
+
+/* 钂欏眰鏁堟灉澧炲己 */
+html.submitting::before {
+ content: '';
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(255, 255, 255, 0.5);
+ z-index: 9998;
+}
+
+/* 鍔犺浇鎸囩ず鍣� - 鏇存槑鏄剧殑瑙嗚鍙嶉 */
+html.submitting::after {
+ content: '鎻愪氦涓�...';
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background: #1890ff;
+ color: white;
+ padding: 10px 20px;
+ border-radius: 4px;
+ z-index: 9999;
+}
+
+/* 绂佺敤鐘舵�佹寜閽牱寮� */
+.disabled-btn {
+ opacity: 0.6;
+ cursor: not-allowed !important;
+}
.shallow-hr {
border: 0;
height: 1px; /* 鍒嗙晫绾跨殑楂樺害 */
--
Gitblit v1.9.3