车间异常单

src/views/mes/qc/report/index.vue

@@ -252,18 +252,15 @@
         </el-row>
         <el-row v-else-if="form.abnormalType === 'MATERIAL'">
           <el-col :span="12">
-            <el-form-item label="原物料" prop="originalMaterialName">
-              <el-input
-                v-model="form.originalMaterialName"
-                readonly
-                placeholder="请选择原物料"
-              >
-                <el-button
-                  slot="append"
-                  icon="el-icon-search"
-                  @click="$refs['oldItemSelectRef'].showFlag = true"
-                ></el-button>
-              </el-input>
+            <el-form-item label="原物料" prop="originalMaterialId">
+              <el-select v-model="form.originalMaterialId" placeholder="请选择原物料" filterable @change="changenewMaterialId">
+                <el-option
+                  v-for="item in MaterialList"
+                  :key="item.itemId"
+                  :label="item.itemName"
+                  :value="item.itemId"
+                ></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -323,7 +320,6 @@
       </div>
     </el-dialog>
     <ItemSelect ref="ItemSelectRef" @onSelected="onItemSelect" />
-    <oldItemSelect ref="oldItemSelectRef" :batchNumber="form.batchNumber" @onSelected="onoldItemSelectRef" />
 
   </div>
 </template>
@@ -333,11 +329,12 @@ import { listReport, getReport, delReport, addReport, updateReport,completeRepor
 import {listAllProcess} from "@/api/mes/pro/process";
 import dayjs from 'dayjs'
 import ItemSelect from "@/components/itemSelect/single.vue";
-import oldItemSelect from "./single.vue";
-
+import {
+  getAllBomMaterial
+} from "@/api/mes/qc/report";
 export default {
   dicts: ['qc_submit_status','pc_abnormal_type'],
-  components: {ItemSelect, oldItemSelect},
+  components: {ItemSelect},
   name: "Report",
   data() {
     return {
@@ -355,6 +352,7 @@ export default {
       total: 0,
       // 车间异常单表格数据
       reportList: [],
+      MaterialList: [],
       processOptions: [],
       oldprocessOptions: [],
       daterangePurchaseDate: [dayjs().startOf('month').format('YYYY-MM-DD'), dayjs().endOf('month').format('YYYY-MM-DD')],
@@ -397,6 +395,11 @@ export default {
         }
       })
     },
+    getAllBomMaterial(){
+      getAllBomMaterial(this.form.batchNumber).then( response =>{
+          this.MaterialList = response.rows;
+        });
+    },
     //查询工序信息
     getProcess(){
         listAllProcess().then( response =>{
@@ -451,11 +454,11 @@ export default {
         this.form.newMaterialCode = row.itemCode;
       }
     },
-    onoldItemSelectRef(row) {
-      if (row != undefined && row != null) {
-        this.form.originalMaterialId = row.itemId;
-        this.form.originalMaterialName = row.itemName;
-        this.form.originalMaterialCode = row.itemCode;
+    changenewMaterialId() {
+      const item = this.MaterialList.find(v => v.itemId === this.form.originalMaterialId)
+      if(item) {
+        this.form.originalMaterialCode = item.itemCode
+        this.form.originalMaterialName = item.itemName
       }
     },
     // 表单重置
@@ -524,6 +527,7 @@ export default {
         this.open = true;
         this.getoldProcess()
         this.getProcess()
+        this.getAllBomMaterial()
         this.title = "修改车间异常单";
       });
     },