hy/vue_mdc_hyjs.git

			@@ -40,13 +40,20 @@
			</a-form-model-item>
			</a-col>
			<a-col :span="span">
			<a-form-model-item label="经手人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handler">
			<j-dict-select-tag disabled
			v-model="tableRowRecord.handler" dictCode="sys_user,realname,id"
			placeholder="请选择" />
			</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 disabled
			v-model="tableRowRecord.losser" dictCode="sys_user,realname,id"
			placeholder="请选择" />
			</a-form-model-item>
			</a-col>
			</a-col> -->
			</a-row>
			<a-row>
			<a-col :span="span">
			@@ -64,16 +71,10 @@
			</a-col>
			</a-row>
			<a-row>
			<a-col :span="span">
			<a-form-model-item label="经手人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handler">
			<j-dict-select-tag disabled
			v-model="tableRowRecord.handler" dictCode="sys_user,realname,id"
			placeholder="请选择" />
			</a-form-model-item>
			</a-col>
			<a-col :span="span">
			<a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark">
			<a-textarea disabled v-model="tableRowRecord.remark" rows="4" />

			<a-col :span="24">
			<a-form-model-item label="备注" :labelCol="{span:2}" :wrapperCol="{span:20}" prop="remark">
			<a-textarea disabled v-model="tableRowRecord.remark" rows="2" />
			</a-form-model-item>
			</a-col>
			</a-row>
			@@ -118,8 +119,8 @@
			<a-form-model ref="form" :model="approveData" :rules="validatorRules" slot="detail">
			<a-row>
			<a-col ::span="span">
			<a-form-model-item label="申请人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handler_dictText">
			<a-input :readOnly="inputReadOnly" v-model="tableRowRecord.handler_dictText"></a-input>
			<a-form-model-item label="申请人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handlePerson">
			<a-input :readOnly="inputReadOnly" v-model="tableRowRecord.handlePerson"></a-input>
			</a-form-model-item>
			</a-col>
			<a-col ::span="span">
			@@ -143,8 +144,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>
			@@ -223,7 +236,7 @@
			{
			title: '刀具编号',
			align: 'center',
			dataIndex: 'toolCode'
			dataIndex: 'toolId'
			},
			{
			title: '工具类型',
			@@ -304,7 +317,8 @@
			},
			dictOptions: {},
			superFieldList: [],
			workflowSource: []
			workflowSource: [],
			isSubmitting: false,
			}
			},
			created() {
			@@ -339,11 +353,27 @@
			}
			},
			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
			@@ -354,6 +384,10 @@
			}
			// 触发表单验证
			this.form.validateFields((err, values) => {
			if (err) {
			resetState(); // 验证失败，恢复状态
			return;
			}
			if (!err) {
			that.confirmLoading = true
			let url = this.url.approve
			@@ -379,9 +413,15 @@
			} else {
			that.$message.warning(res.message)
			}
			}).finally(() => {
			that.confirmLoading = false
			})
			.catch((error) => {
			console.error(error);
			that.$message.error('提交失败');
			})
			.finally(() => {
			that.confirmLoading = false;
			resetState(); // 请求结束，恢复状态
			});
			}

			})
			@@ -424,6 +464,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; /* 分界线的高度 */