From f2ce587e752798a2a454e0f029069b4e82a41bc8 Mon Sep 17 00:00:00 2001
From: lyh <925863403@qq.com>
Date: 星期五, 27 六月 2025 17:36:52 +0800
Subject: [PATCH] 增加提交样式，新增批量处理dnc审签
---
src/views/flowable/workflow/dispatchFile/DispatchFileHandle.vue | 237 +++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 164 insertions(+), 73 deletions(-)
diff --git a/src/views/flowable/workflow/dispatchFile/DispatchFileHandle.vue b/src/views/flowable/workflow/dispatchFile/DispatchFileHandle.vue
index 72c510b..09f1b0a 100644
--- a/src/views/flowable/workflow/dispatchFile/DispatchFileHandle.vue
+++ b/src/views/flowable/workflow/dispatchFile/DispatchFileHandle.vue
@@ -119,8 +119,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 @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>
@@ -191,7 +203,8 @@
},
dictOptions: {},
superFieldList: [],
- workflowSource: []
+ workflowSource: [],
+ isSubmitting: false,
}
},
created() {
@@ -225,94 +238,133 @@
alert('鏃犳硶鍔犺浇鍥剧墖锛岃绋嶅悗鍐嶈瘯銆�')
}
},
- handleQueXiaoTask(){
- this.visible = false
- this.routeReload()
+ handleQueXiaoTask() {
+ // 濡傛灉姝ｅ湪鎻愪氦锛岄樆姝㈠彇娑堟搷浣�
+ if (this.isSubmitting) return;
+ this.visible = false;
+ this.routeReload();
},
- submitForm () {
+ submitForm() {
+ // 濡傛灉姝ｅ湪鎻愪氦锛岄樆姝㈤噸澶嶇偣鍑�
+ if (this.isSubmitting) return;
+
+ // 寮�鍚叏灞�绂侀��
+ this.isSubmitting = true;
+ document.body.classList.add('submitting');
+
const that = this;
- if (that.selectShenpiData.taskDefKey ==='task_prepare'){
- // 瑙﹀彂琛ㄥ崟楠岃瘉-閲嶆柊鍚姩
+
+ // 瀹氫箟涓�涓仮澶嶇姸鎬佺殑鍑芥暟
+ const resetState = () => {
+ that.isSubmitting = false;
+ document.body.classList.remove('submitting');
+ };
+
+ // 澶勭悊task_prepare鍒嗘敮
+ if (that.selectShenpiData.taskDefKey === 'task_prepare') {
this.form.validateFields((err, values) => {
- if (!err) {
- that.confirmLoading = true;
- let url=this.url.saveDispatchFile;
- let method = 'post';
- let flowTaskVo = {}
- flowTaskVo.comment =that.assignFileStream.approveContent;
- flowTaskVo.dataId = this.selectShenpiData.dataId
- flowTaskVo.instanceId = this.selectShenpiData.procInstId
- flowTaskVo.taskId = this.selectShenpiData.id
- console.log("琛ㄥ崟鎻愪氦鏁版嵁",flowTaskVo)
- httpAction(url,flowTaskVo,method).then((res)=>{
- if(res.success){
+ if (err) {
+ resetState(); // 楠岃瘉澶辫触锛屾仮澶嶇姸鎬�
+ return;
+ }
+ that.confirmLoading = true;
+ let url = that.url.saveDispatchFile;
+ let method = 'post';
+ let flowTaskVo = {
+ comment: that.assignFileStream.approveContent,
+ dataId: that.selectShenpiData.dataId,
+ instanceId: that.selectShenpiData.procInstId,
+ taskId: that.selectShenpiData.id
+ };
+ console.log("琛ㄥ崟鎻愪氦鏁版嵁", flowTaskVo);
+ httpAction(url, flowTaskVo, method)
+ .then((res) => {
+ if (res.success) {
that.$message.success(res.message);
- that.visible = false
- //鍒锋柊琛ㄦ牸
- that.$emit('searchReset')
- }else{
+ that.visible = false;
+ that.$emit('searchReset');
+ } else {
that.$message.warning(res.message);
}
- }).finally(() => {
- that.confirmLoading = false;
})
- }
- })
- //璺冲嚭鏂规硶
- return false;
- }else {
- if (!that.assignFileStream.status==null || that.assignFileStream.status===undefined){
- this.$message.warning('璇烽�夋嫨澶勭悊绫诲瀷锛�')
- return false;
+ .catch((error) => {
+ console.error(error);
+ that.$message.error('鎻愪氦澶辫触');
+ })
+ .finally(() => {
+ that.confirmLoading = false;
+ resetState(); // 璇锋眰缁撴潫锛屾仮澶嶇姸鎬�
+ });
+ });
+ } else {
+ // 澶勭悊鍏朵粬浠诲姟鍒嗘敮
+ // 鍏堟鏌ュ鐞嗙被鍨嬪拰鎰忚
+ if (!that.assignFileStream.status) {
+ that.$message.warning('璇烽�夋嫨澶勭悊绫诲瀷锛�');
+ resetState();
+ return;
}
- }
- if (!that.assignFileStream.approveContent==null || that.assignFileStream.approveContent===undefined) {
- this.$message.warning('璇疯緭鍏ュ鐞嗘剰瑙侊紒')
- return false;
- }
- // 瑙﹀彂琛ㄥ崟楠岃瘉
- this.form.validateFields((err, values) => {
- if (!err) {
+ if (!that.assignFileStream.approveContent) {
+ that.$message.warning('璇疯緭鍏ュ鐞嗘剰瑙侊紒');
+ resetState();
+ return;
+ }
+
+ // 杩涜琛ㄥ崟楠岃瘉
+ this.form.validateFields((err, values) => {
+ if (err) {
+ resetState();
+ return;
+ }
that.confirmLoading = true;
- let url=this.url.approve
+ let url = that.url.approve;
let method = 'post';
- let handle =that.assignFileStream.status === '1';
- let flowTaskVo = {}
- switch (that.selectShenpiData.taskDefKey){
+ let handle = that.assignFileStream.status === '1';
+ let flowTaskVo = {
+ comment: that.assignFileStream.approveContent,
+ dataId: that.selectShenpiData.dataId,
+ taskId: that.selectShenpiData.id,
+ userId: that.selectShenpiData.assignee,
+ instanceId: that.selectShenpiData.procInstId,
+ values: that.selectShenpiData.variables
+ };
+
+ switch (that.selectShenpiData.taskDefKey) {
case "task_approve":
- flowTaskVo.ratify=handle;
+ flowTaskVo.ratify = handle;
break;
case "task_cut":
- flowTaskVo.cut=handle;
+ flowTaskVo.cut = handle;
break;
case "task_finalize":
- flowTaskVo.stereotype=handle;
+ flowTaskVo.stereotype = handle;
break;
}
- if (that.selectShenpiData.taskDefKey ==='task_proofread'){
- flowTaskVo.proofreadStatus =that.assignFileStream.status;
+ if (that.selectShenpiData.taskDefKey === 'task_proofread') {
+ flowTaskVo.proofreadStatus = that.assignFileStream.status;
}
- flowTaskVo.comment =that.assignFileStream.approveContent;
- flowTaskVo.dataId = this.selectShenpiData.dataId
- flowTaskVo.taskId = this.selectShenpiData.id
- flowTaskVo.userId = this.selectShenpiData.assignee
- flowTaskVo.instanceId = this.selectShenpiData.procInstId
- flowTaskVo.values = this.selectShenpiData.variables
- console.log("琛ㄥ崟鎻愪氦鏁版嵁",flowTaskVo)
- httpAction(url,flowTaskVo,method).then((res)=>{
- if(res.success){
- that.$message.success(res.message);
- that.visible = false
- //鍒锋柊琛ㄦ牸
- that.$emit('searchReset')
- }else{
- that.$message.warning(res.message);
- }
- }).finally(() => {
- that.confirmLoading = false;
- })
- }
- })
+
+ console.log("琛ㄥ崟鎻愪氦鏁版嵁", flowTaskVo);
+ httpAction(url, flowTaskVo, method)
+ .then((res) => {
+ if (res.success) {
+ that.$message.success(res.message);
+ that.visible = false;
+ that.$emit('searchReset');
+ } else {
+ that.$message.warning(res.message);
+ }
+ })
+ .catch((error) => {
+ console.error(error);
+ that.$message.error('鎻愪氦澶辫触');
+ })
+ .finally(() => {
+ that.confirmLoading = false;
+ resetState();
+ });
+ });
+ }
},
getAllApproveData(item) {
console.log('selectShenpiData----->', this.selectShenpiData)
@@ -340,6 +392,45 @@
}
</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