产品和原材料配置BOM

klp-ui/src/views/wms/purchasePlan/panels/detail.vue

@@ -58,7 +58,11 @@
       <el-table-column label="采购计划ID" align="center" prop="planId" /> -->
       <el-table-column label="原材料" align="center">
         <template slot-scope="scope">
-          {{ scope.row.rawMaterialName }}<span v-if="scope.row.rawMaterialCode">({{ scope.row.rawMaterialCode }})</span>
+          <RawMaterialInfo :material-id="scope.row.rawMaterialId">
+            <template #default="{ material }">
+              {{ material.rawMaterialName }}<span v-if="material.rawMaterialCode">({{ material.rawMaterialCode }})</span>
+            </template>
+          </RawMaterialInfo>
         </template>
       </el-table-column>
       <el-table-column label="负责人" align="center" prop="owner" />
@@ -165,13 +169,15 @@ import { EPurchaseDetailStatus } from "@/utils/enums";
 import StockInDialog from "./stockin.vue";
 import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect';
 import UserSelect from '@/components/KLPService/UserSelect'
+import { RawMaterialInfo } from '@/components/KLPService';
 
 export default {
   name: "PurchasePlanDetail",
   components: {
     StockInDialog,
     RawMaterialSelect,
-    UserSelect
+    UserSelect,
+    RawMaterialInfo
   },
   props: {
     planId: {