排产BOM挂载

klp-ui/src/views/wms/schedulePlan/detail.vue

@@ -20,7 +20,12 @@
       <el-table :data="detailList" v-loading="loading" style="width: 100%">
         <el-table-column prop="detailId" label="明细ID" align="center" />
         <el-table-column prop="lineName" label="产线名称" align="center" />
-        <el-table-column prop="productName" label="产品名称" align="center" />
+        <!-- <el-table-column prop="productName" label="产品名称" align="center" /> -->
+        <el-table-column prop="productCode" label="产品信息" align="center">
+          <template slot-scope="scope">
+            <ProductInfo :productId="scope.row.productId" />
+          </template>
+        </el-table-column>
         <el-table-column prop="quantity" label="排产数量" align="center" />
         <el-table-column prop="startDate" label="开始日期" align="center" />
         <el-table-column prop="endDate" label="结束日期" align="center" />
@@ -82,10 +87,11 @@ import { listProduct } from '@/api/wms/product';
 import { listProductionLine } from '@/api/wms/productionLine';
 import GanttChartEcharts from '../productionLine/GanttChartEcharts.vue';
 import { ganttProductionLine } from '@/api/wms/productionLine';
+import ProductInfo from '@/components/KLPService/Renderer/ProductInfo.vue';
 
 export default {
   name: 'SchedulePlanDetail',
-  components: { GanttChartEcharts },
+  components: { GanttChartEcharts, ProductInfo },
   data() {
     return {
       planId: null,