异常订单弹窗书写

src/api/orderManagement/exceptionOrder.js

@@ -52,3 +52,20 @@ export const verificationData = (params) =>{
   });
 }
 
+// 零件下拉
+export const getPartList = (params) => {
+  return request({
+    url: '/api/blade-desk/dsPart/getPartList',
+    method: 'get',
+    params
+  });
+};
+
+// 生产标识下拉
+export const getProductionIdentificationList = (params) => {
+  return request({
+    url: '/api/blade-desk/BA/ProdMark/listForSelect',
+    method: 'get',
+    params
+  });
+};

src/views/orderManagement/components/exception/dataMissing.vue

@@ -53,21 +53,129 @@
             </el-button> -->
     </template>
   </avue-crud>
-  <!-- <el-dialog v-model="isEdit" width="60%" title="修改">
+  <el-dialog v-model="isEdit" width="900" title="修改">
-    <el-form :model="editForm">
+    <el-form :model="editForm" ref="form" :rules="formRules" label-width="120">
-      <el-form-item label="计划单号">
+      <el-row>
-        <el-input></el-input>
+        <el-col :span="12">
-      </el-form-item>
+          <el-form-item label="计划单号" prop="ypCode">
+            <el-input v-model="editForm.ypCode" clearable placeholder="请输入计划单号"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="零件号" prop="partCode">
+            <el-select v-model="editForm.partCode" placeholder="请选择零件号" @change="changePart">
+              <el-option v-for="item in partCodeList" :key="item.partCode" :label="item.partCode" :value="item.partCode"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="产品型号" prop="productType">
+            <el-input v-model="editForm.productType" disabled placeholder="请输入产品型号"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="产品名称" prop="partName">
+            <el-input v-model="editForm.partName" disabled placeholder="请输入产品名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="镀种" prop="plate">
+            <el-input v-model="editForm.plate" clearable disabled placeholder="请输入镀种"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="面积(dm²)" prop="ypArea">
+            <el-input v-model="editForm.ypArea" clearable disabled placeholder="请输入面积(dm²)"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="生产标识" prop="productIdent">
+            <el-select v-model="editForm.productIdent" placeholder="请选择生产标识">
+              <el-option v-for="item in productIdentList" :key="item.id" :label="item.name" :value="item.name"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="使用部门" prop="useDept">
+            <el-input v-model="editForm.useDept" clearable disabled placeholder="请输入使用部门"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="生产数量" prop="ypQty">
+            <el-input v-model="editForm.ypQty" clearable  placeholder="请输入生产数量"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="需求交期" prop="demandDate">
+            <el-date-picker 
+              style="width:100%"
+              type="datetime" placeholder="请选择需求交期" 
+              format="YYYY-MM-DD HH:mm:ss" 
+              value-format="YYYY-MM-DD HH:mm:ss" 
+              v-model="editForm.demandDate" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="计划员" prop="planUser">
+            <el-input v-model="editForm.planUser" clearable  placeholder="请输入计划员"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="计划下达时间" prop="releaseDate">
+            <el-date-picker 
+              style="width:100%"
+              type="datetime" placeholder="请选择计划下达时间" 
+              format="YYYY-MM-DD HH:mm:ss" 
+              value-format="YYYY-MM-DD HH:mm:ss" 
+              v-model="editForm.releaseDate" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="备注" prop="memo">
+            <el-input v-model="editForm.memo" type="textarea" placeholder="请输入备注"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
-  </el-dialog> -->
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="isEdit = false">取 消</el-button>
+        <el-button type="primary" @click="submitEdit">确定</el-button>
+      </span>
+    </template>
+  </el-dialog>
 </template>
 
 <script> 
-import { getList, closeBatchs,updateData } from '@/api/orderManagement/exceptionOrder';
+import { getList, closeBatchs,updateData,getPartList,getProductionIdentificationList} from '@/api/orderManagement/exceptionOrder';
 export default {
   data() {
     return {
       editForm:{},
+      formRules:{
+        ypCode:[{required: true, message: '请输入计划单号', trigger: 'change'}],
+        partCode:[{required: true, message: '请选择零件号', trigger: 'change'}],
+        productIdent:[{required: true, message: '请选择生产标识', trigger: 'change'}],
+        ypQty:[{required: true, message: '请输入生产数量', trigger: 'change'}],
+        demandDate:[{required: true, message: '请选择需求交期', trigger: 'change'}],
+        planUser:[{required: true, message: '请输入计划员', trigger: 'change'}],
+        releaseDate:[{required: true, message: '请选择计划下达时间', trigger: 'change'}]
+        // productType:[{required: true, message: '请输入产品型号', trigger: 'blur'}]
+      },
+      partCodeList:[],
+      productIdentList:[],
       isEdit:false,
       isOpen: false,
       rowItem: {},
@@ -191,9 +299,9 @@ export default {
               label: 'partCode',
               value:'partCode'
             },
-            onChange:val =>{
+            // onChange:val =>{
-              this.form.partName = val && val.item && val.item.partName
+            //   this.form.partName = val && val.item && val.item.partName
-            },
+            // },
             rules: [
               {
                 required: true,
@@ -483,15 +591,37 @@ export default {
   },
 
   methods: {
-    editData(row){
+    async editData(row){
+      this.editForm = JSON.parse(JSON.stringify(row))
+      const partRes = await getPartList()
+      this.partCodeList = partRes.data.data
+      const productRes = await getProductionIdentificationList()
+      this.productIdentList = productRes.data.data
       this.isEdit = true
     },
+    changePart(val){
+      let tmp = this.partCodeList.find(item => item.partCode == val)
+      this.editForm.partName = tmp.partName
+    },
+    submitEdit(){
+      this.$refs.form.validate(valid =>{
+        if(valid){
+          // this.editData1(this.editForm)
+          updateData(this.editForm).then(res =>{
+            if(res.data.code == 200){
+              this.$message.success('修改成功')
+              this.onLoad()
+              this.isEdit = false
+            }
+          })
+        }
+      })
+    },
     editData1(row){
       updateData(row).then(res =>{
         if(res.data.code == 200){
           this.$message.success('修改成功')
           this.onLoad()
-          done()
         }
       })
     },