1.出库加载优化,防连点启动

src/components/PopupOut.vue

 <template>
-	<div>
-		<el-dialog title="出库" :visible.sync="dialogVisible" width="1000px" height="400px" @close="close">
+	<div  >
+		<el-dialog title="出库"
+               :visible.sync="dialogVisible" width="1000px" height="400px" @close="close">
 
-			<el-form :model="distribution" label-width="100px" inline="">
+			<el-form :model="distribution" v-loading="loading"
+               element-loading-text="拼命加载中"
+               element-loading-spinner="el-icon-loading"
+               label-width="100px" inline="">
 				<el-form-item label="车号">
 					<el-select v-model="truckNo" clearable filterable default-first-option @change="change" @clear="clear" style="width: 200px;">
 						<el-option v-for="item in trucks" :key="item.id" :label="item.truckNo" :value="item.truckNo">
 		},
 		data() {
 			return {
+        loading:false,
 				trucks: [],
 				truckNo: '',
 				customerTableData: [],
 				}
 			},
 			handleOut() {
+        this.loading = true;
 				this.distribution.truckNo = this.truckNo
 				var url = 'WareOut/outByDistribution.do'
 				var param = {
 							message: '失败！' + response.data.msg,
 						});
 					}
+          this.loading = false;
+          this.close()
+          this.dialogVisible = false
 				});
 			},
 			close() {
 	.el-table .success-row {
 		background: #f0f9eb;
 	}
+  .form-container {
+    position: relative; /* 确保loading遮罩定位正确 */
+    min-height: 200px; /* 给一个最小高度，避免表单内容太少时遮罩不明显 */
+  }
 </style>