BOM：懒加载下级数据

src/views/modules/tech/product-add-or-update.vue

@@ -172,27 +172,27 @@
       <el-row v-if="displayProductList">
         <div class="title"><span style="color: red">*</span> 组合小物料</div>
         <el-table :data="productDetails" border style="width: 100%;">
-          <el-table-column label="序号" type="index" width="50" align="center">
+          <el-table-column label="序号" type="index" width="50" align="center" min-width="100" :show-tooltip-when-overflow="true">
           </el-table-column>
-          <el-table-column prop="productName" header-align="center" align="center" label="物料名称">
+          <el-table-column prop="productName" header-align="left" align="left" label="物料名称" min-width="100" :show-tooltip-when-overflow="true">
           </el-table-column>
-          <el-table-column prop="productSpec" header-align="center" align="center" label="规格">
+          <el-table-column prop="productSpec" header-align="left" align="left" label="规格" min-width="100" :show-tooltip-when-overflow="true">
           </el-table-column>
-          <el-table-column prop="cnt" header-align="center" align="center" label="数量" width="170">
+          <el-table-column prop="cnt" header-align="left" align="left" label="数量"  min-width="60" :show-tooltip-when-overflow="true">
 <!--            <template slot-scope="scope">-->
 <!--              <el-input-number v-model="scope.row.cnt" :disabled="display" :min="1" style="width: 140px;" />-->
 <!--            </template>-->
           </el-table-column>
-          <el-table-column prop="notes" header-align="center" align="center" label="备注">
+          <el-table-column prop="notes" header-align="left" align="left" label="备注" min-width="200" :show-tooltip-when-overflow="true">
           </el-table-column>
           <el-table-column
             fixed="right"
             header-align="center"
-            align="center"
+            align="left"
             width="80"
             label="操作">
             <template slot-scope="scope">
-              <el-button style="color: red" type="text" size="small" @click="deleteProductHandle(scope.row.proProductId)">移除</el-button>
+              <el-button style="color: red" type="text" size="small" @click="deleteProductHandle(scope.row.productId)">移除</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -456,8 +456,8 @@ export default {
     removeDrawingItem (index) {
       this.drawingList.splice(index, 1)
     },
-    deleteProductHandle (proProductId) {
-      this.productDetails.splice(this.productDetails.findIndex((item) => item.proProductId === proProductId), 1)
+    deleteProductHandle (productId) {
+      this.productDetails.splice(this.productDetails.findIndex((item) => item.productId === productId), 1)
     }
   }
 }