111

src/components/PopupOut.vue

 					</el-select>
 				</el-form-item>
 				<el-form-item label="">
-					<el-button style="margin-left: 25px" size="medium" type="success" @click="handleOut">出库</el-button>
+					<el-button style="margin-left: 25px" size="medium" type="success" :disabled="outLoading"  :loading="outLoading" @click="handleOut">出库</el-button>
 				</el-form-item>
 				<el-form-item label="是否打印地址">
 					<el-switch v-model="addressYN" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
 				addressYN: true,
 				teleYN:true,
 				time: '',
-				tallyPeopleOption:[]
+				tallyPeopleOption:[],
+				outLoading: false,//控制按钮是否可用的控制变量
 			};
 		},
 		methods: {
 				}
 			},
 			handleOut() {
-				this.distribution.truckNo = this.truckNo
-				var url = 'WareOut/outByDistribution.do'
-				var param = {
-					json: JSON.stringify(this.distribution),
+				if (this.outLoading) {
+					return;
 				}
-				axios.post(url, param).then(response => {
+				try {
+					this.outLoading = true;
+					this.distribution.truckNo = this.truckNo;
+					const response = axios.post('WareOut/outByDistribution.do', {
+						json: JSON.stringify(this.distribution),
+					});
+
 					if (response.data.code == 0) {
-						if(response.data.payWay == '现金'){
-							this.$alert('存在支付方式为现金的材料，价格为'+response.data.InvoicePrice+',请在出库界面确认价格', '警告', {
-								confirmButtonText: '确定',
-								callback: action => {
-									this.$message({
-									type: 'info',
-									message: `已确认`
-									});
+						if (response.data.payWay == '现金') {
+							this.$alert(
+								`存在支付方式为现金的材料，价格为${response.data.InvoicePrice},请在出库界面确认价格`,
+								'警告',
+								{
+									confirmButtonText: '确定',
 								}
-							});
+							);
+							this.$message.info('已确认');
 						}
-						this.showCustomerTable()
+						this.showCustomerTable();
 					} else {
-						this.$message({
-							type: 'error',
-							message: '失败！' + response.data.msg,
-						});
+						this.$message.error('失败！' + response.data.msg);
 					}
-				});
+				} catch (error){
+					this.$message.error('请求失败！' + (error.message || ''));
+				}finally {
+        			this.outLoading = false;
+      			}
+				
 			},
 			close() {
 				this.distribution = {

src/view/record/outrecord.vue

 							    </el-date-picker>
 							</el-form-item>
 						<el-form-item label=" " style="margin-top: -15px;margin-left: -60px">
-							<el-button @click="handleSearch" type="primary" size="small">查询</el-button>
-							<el-button @click="handlePrintOut" type="primary" size="small" style="width:90px;text-align: left">打印出库单</el-button>
-							<el-button @click="handleOutBack" type="danger" size="small">取消出库</el-button>
-							<el-button @click="handleVerifyAcc" type="primary" size="small" style="width:70px">对账</el-button>
-							<el-button @click="handleModifyPrice" type="primary" size="small" >批量改价</el-button>
+							<el-button :disabled="outLoading" :loading="outLoading" @click="handleSearch" type="primary" size="small">查询</el-button>
+							<el-button :disabled="outLoading" :loading="outLoading" @click="handlePrintOut" type="primary" size="small" style="width:90px;text-align: left">打印出库单</el-button>
+							<el-button :disabled="outLoading" :loading="outLoading" @click="handleOutBack" type="danger" size="small">取消出库</el-button>
+							<el-button :disabled="outLoading" :loading="outLoading" @click="handleVerifyAcc" type="primary" size="small" style="width:70px">对账</el-button>
+							<el-button :disabled="outLoading" :loading="outLoading" @click="handleModifyPrice" type="primary" size="small" >批量改价</el-button>
 						</el-form-item>
 						<el-form-item label="" style="margin-top: -15px">
 							<el-upload class="upload-demo" action="" 
 				optionsCust:[],
 				addressYN: true,
 				teleYN:true,
+				outLoading:false,
 			};
 		},
 		//页面加载完成渲染
 				this.selectRows = val
 			},
 			handleOutBack() {
+				this.outLoading = true;
 				this.$confirm('该操作将取消出库, 是否继续?', '提示', {
 					confirmButtonText: '确定',
 					cancelButtonText: '取消',
 							message: '已取消删除'
 						});          
 					});
-
+				this.outLoading = false;
 			},
 			receviceFromWareStack(stack) {
 				var url = 'WareOut/back.do'