备料

src/views/WorkshopProcurement/OfflineProcurement/index.vue

@@ -233,37 +233,38 @@
           <div style="margin-top: 20px">联系人:___________ 联系电话:___________ </div>
         </div>
       </el-card>
-      <el-dialog v-el-drag-dialog :title="title2" :visible.sync="dialogVisible2" center style="min-height: 300px" width="350px">
-        <el-form ref="form2" :model="form2" :rules="rules2" label-position="right" label-width="80px">
-          <el-form-item label="计划名称" prop="计划名称">
-            <el-input v-model="form2.计划名称" size="small"/>
-          </el-form-item>
-          <el-form-item label="供应商" prop="supplierNameValue">
-            <el-select v-model="form2.supplierNameValue" placeholder="供应商" size="small" filterable>
-              <el-option
-                v-for="item in supplierNames"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"/>
-            </el-select>
-          </el-form-item>
-        </el-form>
-        <div slot="footer" class="dialog-footer">
-          <el-button
-            v-show="title2==='创建外购备料计划'"
-            type="primary"
-            size="small"
-            icon="el-icon-check"
-            @click="submitAddPurchaseOrder">确定</el-button>
-          <el-button
-            v-show="title2==='编辑外购备料计划'"
-            type="primary"
-            size="small"
-            icon="el-icon-check"
-            @click="submitEditPurchaseOrder">确定</el-button>
-        </div>
-      </el-dialog>
     </div>
+    <el-dialog v-el-drag-dialog :title="title2" :visible.sync="dialogVisible2" center style="min-height: 300px" width="350px">
+      <el-form ref="form2" :model="form2" :rules="rules2" label-position="right" label-width="80px">
+        <el-form-item label="计划名称" prop="计划名称">
+          <el-input v-model="form2.计划名称" size="small"/>
+        </el-form-item>
+        <el-form-item label="供应商" prop="supplierNameValue">
+          <el-select v-model="form2.supplierNameValue" placeholder="供应商" size="small" filterable>
+            <el-option
+              v-for="item in supplierNames"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"/>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          v-show="title2==='创建外购备料计划'"
+          :disabled="addPurchaseOrder_disable"
+          type="primary"
+          size="small"
+          icon="el-icon-check"
+          @click="submitAddPurchaseOrder">确定</el-button>
+        <el-button
+          v-show="title2==='编辑外购备料计划'"
+          type="primary"
+          size="small"
+          icon="el-icon-check"
+          @click="submitEditPurchaseOrder">确定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -275,6 +276,7 @@ export default {
   name: '', // 项目总价查询
   data() {
     return {
+      addPurchaseOrder_disable: false,
       check1: 0,
       purchasingOrder: '',
       supplierName: '',
@@ -512,18 +514,23 @@ export default {
       this.form2.计划名称 = ''
       this.form2.supplierNameValue = ''
       this.title2 = '创建外购备料计划'
+      this.addPurchaseOrder_disable = false
       this.dialogVisible2 = true
     },
     submitAddPurchaseOrder() { // 新建采购单
       this.$refs['form2'].validate((valid) => {
         if (valid) {
+          this.addPurchaseOrder_disable = true
           this.supplierName = this.form2.supplierNameValue
           addPurchaseOrder(this.form2.计划名称, this.form2.supplierNameValue).then(response => {
             if (response.data[0].result === '1') {
               this.$message.success('新建离线外购备料成功')
               this.searchTable()
               this.dialogVisible2 = false
-            } else { this.$message.error('新建离线外购备料失败') }
+            } else {
+              this.addPurchaseOrder_disable = false
+              this.$message.error('新建离线外购备料失败')
+            }
           })
         } else {
           return false