feat: 新增带默认BOM的产品和原材料接口并优化界面

refactor(HomeModules): 重构统计面板组件并添加骨架屏
feat(coil): 添加物料类型和更新时间查询条件
style(ProductInfo/RawMaterialInfo): 阻止事件冒泡
chore: 添加钢卷图标资源

klp-ui/src/views/wms/product/index.vue

@@ -144,12 +144,12 @@
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
           >删除</el-button>
-          <el-button
+          <!-- <el-button
             size="mini"
             type="text"
             icon="el-icon-document"
             @click="goLedger(scope.row)"
-          >台账</el-button>
+          >台账</el-button> -->
           <el-button
             size="mini"
             type="text"
@@ -172,28 +172,28 @@
     <el-dialog :title="title" :visible.sync="open" width="400px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <!-- <el-divider>基础信息</el-divider> -->
-        <el-row :gutter="20">
-          <el-col :span="12">
+        <!-- <el-row :gutter="20">
+          <el-col :span="12"> -->
             <el-form-item label="产品编号" prop="productCode">
               <el-input v-model="form.productCode" placeholder="请输入产品编号" />
             </el-form-item>
-          </el-col>
-          <el-col :span="12">
+          <!-- </el-col>
+          <el-col :span="12"> -->
             <el-form-item label="产品名称" prop="productName">
               <el-input v-model="form.productName" placeholder="请输入产品名称" />
             </el-form-item>
-          </el-col>
-          <el-col :span="12">
+          <!-- </el-col>
+          <el-col :span="12"> -->
             <el-form-item label="负责人" prop="owner">
               <el-input v-model="form.owner" :multiple="false" placeholder="请填写负责人" />
             </el-form-item>
-          </el-col>
-          <el-col :span="12">
+          <!-- </el-col>
+          <el-col :span="12"> -->
             <el-form-item label="计量单位" prop="unit">
               <el-input v-model="form.unit" placeholder="请输入计量单位" />
             </el-form-item>
-          </el-col>
-        </el-row>
+          <!-- </el-col>
+        </el-row> -->
 
         <!-- <el-divider>分类信息</el-divider>
         <el-row :gutter="20">
@@ -263,7 +263,7 @@
 </template>
 
 <script>
-import { listProduct, getProduct, delProduct, addProduct, updateProduct } from "@/api/wms/product";
+import { listProduct, getProduct, delProduct, addProduct, updateProduct, addProductWithBom } from "@/api/wms/product";
 import CategorySelect from '@/components/KLPService/CategorySelect';
 import CategoryRenderer from '@/components/KLPService/Renderer/CategoryRenderer.vue';
 import UserSelect from '@/components/KLPService/UserSelect';
@@ -448,7 +448,7 @@ export default {
               this.buttonLoading = false;
             });
           } else {
-            addProduct(this.form).then(response => {
+            addProductWithBom(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();