From 1fc8e181a93c82c5473f61fbb425b67910601d35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E4=B8=87=E9=87=8C?= <1726150332@qq.com>
Date: Thu, 8 Jan 2026 14:31:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9BOM=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wms/bom.js                            |  15 +-
 src/router/index.js                           |  10 +-
 .../sparePartsApplicationRecord/index.vue     |   2 +-
 src/views/energy/powerUse/RealTime/index.vue  |   2 -
 .../quality/report/cpSortChart/index.vue      |   6 +-
 .../quality/report/cpTranChart/index.vue      |  14 +-
 src/views/wms/bom/index.vue                   | 613 ++++--------------
 7 files changed, 158 insertions(+), 504 deletions(-)

diff --git a/src/api/wms/bom.js b/src/api/wms/bom.js
index 41b6848..26ffe88 100644
--- a/src/api/wms/bom.js
+++ b/src/api/wms/bom.js
@@ -8,7 +8,14 @@ export function listBom(query) {
 		params: query
 	});
 }
-
+// 查询组件管理 列表
+export function listBomComponent(query) {
+  return request({
+    url: '/wms/bomComponent/list',
+    method: 'get',
+    params: query
+  });
+}
 // 查询BOM管理 详细
 export function getBom(factoryCode) {
 	return request({
@@ -17,7 +24,7 @@ export function getBom(factoryCode) {
 		});
 }
 
-// 新增BOM管理 
+// 新增BOM管理
 export function addBom(data) {
 	return request({
 		url: '/wms/bom',
@@ -26,7 +33,7 @@ export function addBom(data) {
 	});
 }
 
-// 修改BOM管理 
+// 修改BOM管理
 export function updateBom(data) {
 	return request({
 		url: '/wms/bom',
@@ -35,7 +42,7 @@ export function updateBom(data) {
 	});
 }
 
-// 删除BOM管理 
+// 删除BOM管理
 export function delBom(factoryCode) {
 	return request({
 		url: '/wms/bom/' + factoryCode,
diff --git a/src/router/index.js b/src/router/index.js
index 3a5d33c..b6d75de 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -156,11 +156,11 @@ export const constantRoutes = [
     component: () => import("@/views/kanban/Dryingprocess/index"),
     hidden: true,
   },
-  {
-    path: "/report/board/LeadershipViewCheart",
-    component: () => import("@/views/energy/LeadershipView/LeadershipViewChearts"),
-    hidden: true,
-  },
+  // {
+  //   path: "/report/board/LeadershipViewCheart",
+  //   component: () => import("@/views/energy/LeadershipView/LeadershipViewChearts"),
+  //   hidden: true,
+  // },
   {
     path: "/report/board/GroupHomePage",
     component: () => import("@/views/energy/LeadershipView/GroupHomePage"),
diff --git a/src/views/device/sparePartsApplicationRecord/index.vue b/src/views/device/sparePartsApplicationRecord/index.vue
index 322fbed..a97f6bb 100644
--- a/src/views/device/sparePartsApplicationRecord/index.vue
+++ b/src/views/device/sparePartsApplicationRecord/index.vue
@@ -433,7 +433,7 @@ import {
 import ItemSelectPerson from "./selectSinglePerson.vue";
 import ItemSelectEquipment from "./selectSingleEquipment.vue";
 import ItemSelectSparePartsLedger from "./selectSparePartsLedger.vue";
-
+import { listBom, getBom, delBom, addBom, updateBom } from "@/api/wms/bom";
 export default {
   name: "SparePartsApplicationRecord",
   components: {
diff --git a/src/views/energy/powerUse/RealTime/index.vue b/src/views/energy/powerUse/RealTime/index.vue
index 8c05618..80cd8f0 100644
--- a/src/views/energy/powerUse/RealTime/index.vue
+++ b/src/views/energy/powerUse/RealTime/index.vue
@@ -30,8 +30,6 @@
       <!--右侧用户数据-->
       <el-col :span="18" :xs="24">
         <!--头部搜索条件输入框  -->
-
-
         <!-- 新增等功能按钮 -->
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
diff --git a/src/views/quality/report/cpSortChart/index.vue b/src/views/quality/report/cpSortChart/index.vue
index 37befbe..6cc1119 100644
--- a/src/views/quality/report/cpSortChart/index.vue
+++ b/src/views/quality/report/cpSortChart/index.vue
@@ -34,7 +34,7 @@
 			    <el-form ref="form" :model="form" label-width="80px">
 					<el-row>
 						<el-col :span="24" style="text-align:center">
-							<h2>{{form.column080090}} 年 {{form.column090100}} 月 份 白 坯 不 良 排 列 图</h2>
+							<h2>{{form.column080090}} 年 {{form.column090100}} 月 份 黑 蚊 香 成 品 包 装 不 良 排 列 图</h2>
 						</el-col>
 					</el-row>
 					<el-descriptions title="" border :column="3" :contentStyle="content_style" :label-style="label_style">
@@ -138,7 +138,7 @@ export default {
 		};
 	},
 	created() {
-        this.getDate();
+    this.getDate();
 		this.getList();
 	},
 	methods: {
@@ -157,7 +157,7 @@ export default {
 
 		/** 查询设备小时产量列表 */
 		getList() {
-
+      console.log(this.queryParams);
 			if(this.queryParams.yearMonthDate!=null){
 				this.queryParams.yearMonth = moment(this.queryParams.yearMonthDate).format('YYYY-MM');
 			}else{
diff --git a/src/views/quality/report/cpTranChart/index.vue b/src/views/quality/report/cpTranChart/index.vue
index d2c072b..48df4bc 100644
--- a/src/views/quality/report/cpTranChart/index.vue
+++ b/src/views/quality/report/cpTranChart/index.vue
@@ -26,7 +26,7 @@
 			    <el-form ref="form" :model="form" label-width="80px">
 					<el-row>
 						<el-col :span="24" style="text-align:center">
-							<h2>{{form.column080090}} 年 {{form.column090100}} 月 份 黑 蚊 香 成 品 包 装 不 良 排 列 图</h2>
+							<h2>{{titleYear}} 年 {{titleMonth}} 月 份 黑 蚊 香 成 品 包 装 不 良 排 列 图</h2>
 						</el-col>
 					</el-row>
 				</el-form>
@@ -87,9 +87,10 @@ export default {
 			},
 			// 表单参数
 			form: {},
-
+      titleYear: null,
+      titleMonth: null,
 			spanArr: [],
-            position: 0,
+      position: 0,
 			content_style: {
 				'text-align': 'center',
 				'min-width': '200px',
@@ -107,7 +108,7 @@ export default {
 		};
 	},
 	created() {
-        this.getDate();
+    this.getDate();
 		this.getList();
 	},
 	methods: {
@@ -126,8 +127,13 @@ export default {
 
 		/** 查询设备小时产量列表 */
     getList() {
+      //this.titleYear = this.queryParams.yearMonthDate.split('-')[0];
+     // this.titleMonth = this.queryParams.yearMonthDate.split('-')[1];
+      console.log(moment(this.queryParams.yearMonthDate).format('YYYY-MM'));
       if(this.queryParams.yearMonthDate!=null){
         this.queryParams.yearMonth = moment(this.queryParams.yearMonthDate).format('YYYY-MM');
+        this.titleYear = this.queryParams.yearMonth.split('-')[0];
+        this.titleMonth = this.queryParams.yearMonth.split('-')[1];
       } else {
         this.$message.error("请填写月份");
         return;
diff --git a/src/views/wms/bom/index.vue b/src/views/wms/bom/index.vue
index a77763a..7b6ed9e 100644
--- a/src/views/wms/bom/index.vue
+++ b/src/views/wms/bom/index.vue
@@ -6,266 +6,108 @@
       size="small"
       :inline="true"
       v-show="showSearch"
-      label-width="88px"
+      label-width="108px"
     >
-      <el-form-item label="BOM单号" prop="bomCode">
+      <el-form-item label="BOM编码" prop="bomCode">
         <el-input
           v-model="queryParams.bomCode"
-          placeholder="请输入BOM单号"
+          placeholder="请输入产品编码"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="产品号" prop="productCode">
+      <el-form-item label="产品编码" prop="attr1">
         <el-input
-          v-model="queryParams.productCode"
-          placeholder="请输入产品号"
+          v-model="queryParams.attr1"
+          placeholder="请输入产品编码"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="产品名称" prop="productDescZh">
+      <el-form-item label="产品名称" prop="attr2">
         <el-input
-          v-model="queryParams.productDescZh"
+          v-model="queryParams.attr2"
           placeholder="请输入产品名称"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="创建时间">
+        <el-date-picker
+          v-model="dateRange"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
           icon="el-icon-search"
           size="mini"
           @click="handleQuery"
-          >搜索</el-button
+        >搜索</el-button
         >
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
+        >重置</el-button
         >
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
-      <!-- <el-col :span="1.5">
-				<el-button
-					type="primary"
-					plain
-					icon="el-icon-plus"
-					size="mini"
-					@click="handleAdd"
-					v-hasPermi="['wms:bom:add']"
-				>新增</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="success"
-					plain
-					icon="el-icon-edit"
-					size="mini"
-					:disabled="single"
-					@click="handleUpdate"
-					v-hasPermi="['wms:bom:edit']"
-				>修改</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="danger"
-					plain
-					icon="el-icon-delete"
-					size="mini"
-					:disabled="multiple"
-					@click="handleDelete"
-					v-hasPermi="['wms:bom:remove']"
-				>删除</el-button>
-			</el-col> -->
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['wms:bom:export']"
-          >导出</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
 
     <el-table
       v-loading="loading"
-      row-key="handle"
       :data="bomList"
-      accordion
-      @selection-change="handleSelectionChange"
-      lazy
-      :load="load"
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      highlight-current-row
+      @current-change="handleCurrentChange"
     >
-      <el-table-column type="selection" width="55" align="center" />
-      <!-- 序号 -->
+      <el-table-column label="BOM编号" align="center" prop="bomCode" />
+      <el-table-column label="生产版本" align="center" prop="productionVersion" />
+      <el-table-column label="可选BOM" align="center" prop="optionalBom" />
+      <el-table-column label="BOM计算数量" align="center" prop="bomCalculateNumber" />
+      <el-table-column label="BOM计算单位" align="center" prop="bomCalculateUnit" />
+      <el-table-column label="BOM基本数量" align="center" prop="bomBaseNumber" />
+      <el-table-column label="BOM基本单位" align="center" prop="bomBaseUnit" />
+      <el-table-column label="生产版本有效期" align="center" prop="pvvd" />
+      <el-table-column label="生产版本截止日期" align="center" prop="pved" />
+			<el-table-column label="产品编码" align="center" prop="attr1" />
+			<el-table-column label="产品名称" align="center" prop="attr2" />
+      <el-table-column label="创建人" align="center" prop="createBy" />
       <el-table-column
-        type="index"
-        width="50"
+        label="创建时间"
         align="center"
-        :index="indexMethod"
-        label="序号"
-        fixed
+        prop="createTime"
+        width="200"
       />
       <el-table-column
-        label="BOM单号"
-        align="left"
-        prop="bomCode"
+        label="操作"
+        align="center"
         width="150"
-        fixed
-      />
-      <el-table-column
-        label="BOM层次"
-        align="center"
-        prop="bomHierarchy"
-        width="100"
-        fixed
-      />
-      <el-table-column
-        label="产品号"
-        align="center"
-        prop="productCode"
-        width="120"
-      />
-      <el-table-column
-        label="产品名称"
-        align="left"
-        prop="productDescZh"
-        width="350"
-      />
-      <el-table-column
-        label="组件编码"
-        align="center"
-        prop="component"
-        width="120"
-      />
-      <el-table-column
-        label="组件名称"
-        align="left"
-        prop="componentDescZh"
-        width="350"
-      />
-      <el-table-column
-        label="组件上层编码"
-        align="center"
-        prop="cumc"
-        width="120"
-      />
-      <el-table-column
-        label="可选BOM"
-        align="center"
-        prop="optionalBom"
-        width="120"
-      />
-      <el-table-column
-        label="可选BOM文本"
-        align="center"
-        prop="optionalBomText"
-        width="120"
-      />
-      <el-table-column
-        label="生产版本"
-        align="center"
-        prop="productionVersion"
-        width="120"
-      />
-      <el-table-column
-        label="生产版本有效期"
-        align="center"
-        prop="pvvd"
-        width="180"
+        class-name="small-padding fixed-width"
       >
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.pvvd, "{y}-{m}-{d}") }}</span>
-        </template>
+<!--        <template slot-scope="scope">-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['wms:product:edit']"-->
+<!--          >修改</el-button-->
+<!--          >-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['wms:product:remove']"-->
+<!--          >删除</el-button-->
+<!--          >-->
+<!--        </template>-->
       </el-table-column>
-      <el-table-column
-        label="生产版本截止日期"
-        align="center"
-        prop="pved"
-        width="180"
-      >
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.pved, "{y}-{m}-{d}") }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="BOM计算数量"
-        align="center"
-        prop="bomCalculateNumber"
-        width="120"
-      />
-      <el-table-column
-        label="BOM计算单位"
-        align="center"
-        prop="bomCalculateUnit"
-        width="120"
-      />
-      <el-table-column
-        label="BOM基本数量"
-        align="center"
-        prop="bomBaseNumber"
-        width="120"
-      />
-      <el-table-column
-        label="BOM基本单位"
-        align="center"
-        prop="bomBaseUnit"
-        width="120"
-      />
-      <el-table-column
-        label="组件数量单位"
-        align="center"
-        prop="componentUnit"
-        width="120"
-      />
-      <el-table-column
-        label="组件采购标志"
-        align="center"
-        prop="componentProFlag"
-        width="120"
-      />
-      <el-table-column
-        label="物料供应标识"
-        align="center"
-        prop="msi"
-        width="120"
-      />
-      <el-table-column
-        label="成本核算标识相关"
-        align="center"
-        prop="sanka"
-        width="150"
-      />
-      <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-edit"
-						@click="handleUpdate(scope.row)"
-						v-hasPermi="['wms:bom:edit']"
-					>修改</el-button>
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-delete"
-						@click="handleDelete(scope.row)"
-						v-hasPermi="['wms:bom:remove']"
-					>删除</el-button>
-				</template>
-			</el-table-column> -->
     </el-table>
-
     <pagination
       v-show="total > 0"
       :total="total"
@@ -273,129 +115,41 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
-
-    <!-- 添加或修改BOM管理 对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="工厂" prop="factoryCode">
-          <el-input v-model="form.factoryCode" placeholder="请输入工厂" />
-        </el-form-item>
-        <el-form-item label="生产版本" prop="productionVersion">
-          <el-input
-            v-model="form.productionVersion"
-            placeholder="请输入生产版本"
-          />
-        </el-form-item>
-        <el-form-item label="BOM单号" prop="bomCode">
-          <el-input v-model="form.bomCode" placeholder="请输入BOM单号" />
-        </el-form-item>
-        <el-form-item label="可选BOM" prop="optionalBom">
-          <el-input v-model="form.optionalBom" placeholder="请输入可选BOM" />
-        </el-form-item>
-        <el-form-item label="可选BOM文本" prop="optionalBomText">
-          <el-input
-            v-model="form.optionalBomText"
-            placeholder="请输入可选BOM文本"
-          />
-        </el-form-item>
-        <el-form-item label="生产版本有效期" prop="pvvd">
-          <el-date-picker
-            clearable
-            v-model="form.pvvd"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择生产版本有效期"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="生产版本截止日期" prop="pved">
-          <el-date-picker
-            clearable
-            v-model="form.pved"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择生产版本截止日期"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="BOM计算数量" prop="bomCalculateNumber">
-          <el-input
-            v-model="form.bomCalculateNumber"
-            placeholder="请输入BOM计算数量"
-          />
-        </el-form-item>
-        <el-form-item label="BOM计算单位" prop="bomCalculateUnit">
-          <el-input
-            v-model="form.bomCalculateUnit"
-            placeholder="请输入BOM计算单位"
-          />
-        </el-form-item>
-        <el-form-item label="BOM基本数量" prop="bomBaseNumber">
-          <el-input
-            v-model="form.bomBaseNumber"
-            placeholder="请输入BOM基本数量"
-          />
-        </el-form-item>
-        <el-form-item label="BOM基本单位" prop="bomBaseUnit">
-          <el-input
-            v-model="form.bomBaseUnit"
-            placeholder="请输入BOM基本单位"
-          />
-        </el-form-item>
-        <el-form-item label="组件数量单位" prop="componentUnit">
-          <el-input
-            v-model="form.componentUnit"
-            placeholder="请输入组件数量单位"
-          />
-        </el-form-item>
-        <el-form-item label="组件采购标志" prop="componentProFlag">
-          <el-input
-            v-model="form.componentProFlag"
-            placeholder="请输入组件采购标志"
-          />
-        </el-form-item>
-        <el-form-item label="物料供应标识" prop="msi">
-          <el-input v-model="form.msi" placeholder="请输入物料供应标识" />
-        </el-form-item>
-        <el-form-item label="成本核算标识相关" prop="sanka">
-          <el-input v-model="form.sanka" placeholder="请输入成本核算标识相关" />
-        </el-form-item>
-        <el-form-item label="预留字段1" prop="attr1">
-          <el-input v-model="form.attr1" placeholder="请输入预留字段1" />
-        </el-form-item>
-        <el-form-item label="预留字段2" prop="attr2">
-          <el-input v-model="form.attr2" placeholder="请输入预留字段2" />
-        </el-form-item>
-        <el-form-item label="预留字段3" prop="attr3">
-          <el-input v-model="form.attr3" placeholder="请输入预留字段3" />
-        </el-form-item>
-        <el-form-item label="是否在用" prop="currentVersion">
-          <el-input
-            v-model="form.currentVersion"
-            placeholder="请输入是否在用"
-          />
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" placeholder="请输入备注" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
+    <el-card style="margin-top: 30px;" class="box-card">
+      <el-table v-loading="loading2" :data="baseBomComponentList" >
+        <el-table-column label="组件编码" align="center"  prop="component" />
+        <el-table-column label="组件名称" align="center"  prop="productDescZh" />
+        <el-table-column label="组件层级" align="center"  prop="bomHierarchy" />
+        <el-table-column label="组件排序" align="center"  prop="projectNo" />
+        <el-table-column label="标准用量" align="center"  prop="standardDosage" />
+        <el-table-column label="损耗率" align="center"  prop="lossRate" />
+        <el-table-column label="损耗额" align="center"  prop="lossAmount" />
+        <el-table-column label="含损耗用量" align="center"  prop="cilosses" />
+        <el-table-column label="组件数量单位" align="center"  prop="componentUnit" />
+        <el-table-column label="当前库存" align="center"  prop="totalStorage" />
+      </el-table>
+      <pagination
+        v-show="total2>0"
+        :total="total2"
+        :page.sync="queryParamsTwo.pageNum"
+        :limit.sync="queryParamsTwo.pageSize"
+        @pagination="getListBomComponent"
+      />
+    </el-card>
   </div>
 </template>
 
 <script>
-import { listBom, getBom, delBom, addBom, updateBom } from "@/api/wms/bom";
+import { listBom, listBomComponent} from "@/api/wms/bom";
 
 export default {
-  name: "Bom",
+  name: "bom",
+  dicts: [],
   data() {
     return {
       // 遮罩层
       loading: true,
+      loading2: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -406,100 +160,84 @@ export default {
       showSearch: true,
       // 总条数
       total: 0,
-      // BOM管理 表格数据
-      bomList: [],
-      // 弹出层标题
-      title: "",
+      total2: 0,
       // 是否显示弹出层
       open: false,
+      // 日期范围
+      dateRange: [],
+      bomList: null,
+      baseBomComponentList: null,
       // 查询参数
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        component: null,
         productCode: null,
-        bomHierarchy: null,
-        handle: null,
-        factoryCode: null,
-        productionVersion: null,
+      },
+      queryParamsTwo: {
+        pageNum: 1,
+        pageSize: 10,
         bomCode: null,
-        optionalBom: null,
-        optionalBomText: null,
-        pvvd: null,
-        pved: null,
-        bomCalculateNumber: null,
-        bomCalculateUnit: null,
-        bomBaseNumber: null,
-        bomBaseUnit: null,
-        componentUnit: null,
-        componentProFlag: null,
-        msi: null,
-        sanka: null,
-        attr1: null,
-        attr2: null,
-        attr3: null,
-        currentVersion: null,
       },
       // 表单参数
       form: {},
-      // 表单校验
-      rules: {
-        bomCode: [
-          { required: true, message: "BOM单号不能为空", trigger: "blur" },
-        ],
-      },
     };
   },
   created() {
     this.getList();
   },
   methods: {
-    // 生成表头序号
-    indexMethod(index) {
-      return index + 1;
-    },
-    /** 查询BOM管理 列表 */
+    /** 查询产品信息列表 */
     getList() {
       this.loading = true;
-      this.queryParams.bomHierarchy = "0";
-      listBom(this.queryParams).then((response) => {
+      listBom(this.addDateRange(this.queryParams, this.dateRange)).then((response) => {
         this.bomList = response.rows;
         this.total = response.total;
         this.loading = false;
       });
     },
+
+    handleCurrentChange(val) {
+     console.log(val,1);
+     //查询选中行的组件
+      this.queryParamsTwo.bomCode = val.bomCode;
+      this.loading2 = true;
+      listBomComponent(this.queryParamsTwo).then((response) => {
+        this.baseBomComponentList = response.rows;
+        this.total2 = response.total;
+        this.loading2 = false;
+      });
+    },
+    getListBomComponent() {
+      this.loading2 = true;
+      console.log(this.queryParamsTwo,2);
+      listBomComponent(this.queryParamsTwo).then((response) => {
+        this.baseBomComponentList = response.rows;
+        this.total2 = response.total;
+        this.loading2 = false;
+      });
+    },
     // 取消按钮
     cancel() {
       this.open = false;
       this.reset();
     },
+    // 查看取消按钮
+    cancelAttachedView() {
+      this.openAttachedView = false;
+      this.reset();
+    },
+    // 更新附属表取消按钮
+    cancelOpenAttached() {
+      this.openAttached = false;
+      this.reset();
+    },
     // 表单重置
     reset() {
       this.form = {
-        factoryCode: null,
-        productionVersion: null,
-        bomCode: null,
-        optionalBom: null,
-        optionalBomText: null,
-        pvvd: null,
-        pved: null,
-        bomCalculateNumber: null,
-        bomCalculateUnit: null,
-        bomBaseNumber: null,
-        bomBaseUnit: null,
-        componentUnit: null,
-        componentProFlag: null,
-        msi: null,
-        sanka: null,
-        attr1: null,
-        attr2: null,
-        attr3: null,
-        createBy: null,
+
         createTime: null,
         updateBy: null,
         updateTime: null,
-        currentVersion: null,
-        remark: null,
       };
       this.resetForm("form");
     },
@@ -510,105 +248,10 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery() {
+      this.dateRange = [];
       this.resetForm("queryForm");
       this.handleQuery();
     },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.factoryCode);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加BOM管理 ";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const factoryCode = row.factoryCode || this.ids;
-      getBom(factoryCode).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改BOM管理 ";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.factoryCode != null) {
-            updateBom(this.form).then((response) => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addBom(this.form).then((response) => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const factoryCodes = row.factoryCode || this.ids;
-      this.$modal
-        .confirm('是否确认删除BOM管理 编号为"' + factoryCodes + '"的数据项？')
-        .then(function () {
-          return delBom(factoryCodes);
-        })
-        .then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download(
-        "wms/bom/export",
-        {
-          ...this.queryParams,
-        },
-        `bom_${new Date().getTime()}.xlsx`
-      );
-    },
-
-    load(tree, treeNode, resolve) {
-      console.log("treeNode:", treeNode);
-      console.log("tree:", tree);
-      console.log("resolve:", resolve);
-      this.queryParams.pageNum = null;
-      this.queryParams.pageSize = null;
-      if (tree.bomHierarchy == " " || tree.bomHierarchy == null) {
-        this.queryParams.bomHierarchy = "1";
-        this.queryParams.cumc = tree.cumc;
-        this.queryParams.component = tree.component;
-        this.queryParams.bomCode = tree.bomCode;
-      } else if (tree.bomHierarchy == "1") {
-        this.queryParams.bomHierarchy = "2";
-        this.queryParams.component = tree.component;
-        this.queryParams.bomCode = tree.bomCode;
-      } else if (tree.bomHierarchy == "2") {
-        this.queryParams.bomHierarchy = "3";
-        this.queryParams.component = tree.component;
-        this.queryParams.bomCode = tree.bomCode;
-      } else if (tree.bomHierarchy == "3") {
-        this.queryParams.bomHierarchy = "4";
-        this.queryParams.component = tree.component;
-        this.queryParams.bomCode = tree.bomCode;
-      }
-      listBom(this.queryParams).then((response) => {
-        resolve(response.rows);
-      });
-      this.queryParams.bomCode = null;
-    },
   },
 };
 </script>