成品订单管理增加BOM库存查询功能

src/views/plan/order/index.vue

@@ -183,7 +183,7 @@
           <dict-tag :options="dict.type.sys_notice_status" :value="scope.row.delFlag"/>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width " fixed="right">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width "  width="160" fixed="right">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -194,10 +194,43 @@
             v-if="scope.row.parentOrder == 0 && scope.row.delFlag == 0"
           >拆分
           </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-s-home"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['mes:pro:order:bom']"
+            v-if="scope.row.parentOrder == 0 && scope.row.delFlag == 0"
+          >查看库存
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
-
+    <el-dialog
+      :title="bomTitle"
+      :visible.sync="open"
+      width="1000px"
+      append-to-body
+      v-if="open"
+    >
+      <el-table v-loading="loadingBom" :data="baseBomComponentList"  ref="myTable" >
+        <el-table-column label="组件编码" align="center"  prop="component"  />
+        <el-table-column label="组件名称" align="center" prop="productDescZh" />
+        <el-table-column label="当前库存" align="center" prop="totalStorage" />
+        <el-table-column label="单位" align="center" prop="componentUnit" />
+      </el-table>
+      <pagination
+        v-show="totalBom>0"
+        :total="totalBom"
+        :page.sync="queryParamsBom.pageNum"
+        :limit.sync="queryParamsBom.pageSize"
+        @pagination="getListBomComponent"
+      />
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFormBom">确 定</el-button>
+        <el-button @click="cancelBom">取 消</el-button>
+      </div>
+    </el-dialog>
     <!-- 用户导入对话框 -->
     <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
       <el-upload
@@ -619,6 +652,7 @@ import {
   deleteOrder,getCanProductLine,
   autoSplitOrder,autoSplitOrderCancel,autoSplitOrderOk
 } from '@/api/plan/order'
+import { listBomComponent} from "@/api/wms/bom";
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import moment from 'moment'
@@ -645,6 +679,7 @@ export default {
       },
       // 内层弹窗-新增订单
       innerVisible: false,
+      open: false,
       // 导入数据
       upload: {
         // 是否显示弹出层（用户导入）
@@ -696,14 +731,19 @@ export default {
       }],
       // 遮罩层
       loading: true,
+      //查询BOM遮罩
+      loadingBom: true,
       // 显示搜索条件
       showSearch: true,
       // 订单表格数据
       orderList: [],
+      baseBomComponentList: [],
+      totalBom: 0,
       // 订单树选项
       orderOptions: [],
       // 弹出层标题
       title: '',
+      bomTitle: '',
       // 是否显示弹出层
       splitOpen: false,
       // 是否展开，默认全部展开
@@ -719,6 +759,11 @@ export default {
         prodDesc: null,
         status: null,
       },
+      queryParamsBom: {
+        pageNum: 1,
+        pageSize: 10,
+        productCode: null,
+      },
       // 拆分表单参数
       splitForm: {
         id: null,
@@ -766,6 +811,7 @@ export default {
     })
   },
   methods: {
+
 		//产品编码格式化
 		productCodeFormate(row, column, cellValue){
       if(cellValue !=null){
@@ -844,6 +890,34 @@ export default {
         })
       }
     },
+    handleUpdate(row) {
+      // this.reset();
+      const prodCode = row.prodCode;
+      // getEquTeam(id).then((response) => {
+      //   this.form = response.data;
+      this.open = true;
+      this.bomTitle = "组件清单明细";
+      this.queryParamsBom.productCode =  prodCode.slice(-11);;
+      this.getListBomComponent()
+      //   this.$nextTick(() => {
+      //     this.$refs.itemConfUser.initFunc(id);
+      //   });
+      //
+      // });
+    },
+    getListBomComponent() {
+      listBomComponent(this.queryParamsBom).then((response) => {
+        this.baseBomComponentList = response.rows;
+        this.totalBom = response.total;
+        this.loadingBom= false;
+      });
+    },
+    submitFormBom(){
+      this.open =false
+    },
+    cancelBom(){
+      this.open =false
+    },
     // 新增-新增提交按钮操作
     submitForm() {
       // 表单校验