From 76f84baa6b517734667107fc05d606593c3892a3 Mon Sep 17 00:00:00 2001
From: A0010407 <KHD@202305>
Date: Fri, 15 Sep 2023 14:00:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E7=A1=80=E4=BF=A1=E6=81=AFBOM?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wms/bom.js          |  19 +---
 src/views/wms/bom/index.vue | 188 +++++++++++++++++++++++++++---------
 2 files changed, 147 insertions(+), 60 deletions(-)

diff --git a/src/api/wms/bom.js b/src/api/wms/bom.js
index 41a3bc9..41b6848 100644
--- a/src/api/wms/bom.js
+++ b/src/api/wms/bom.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 查询BOM物料管理列表
+// 查询BOM管理 列表
 export function listBom(query) {
 	return request({
 		url: '/wms/bom/list',
@@ -9,7 +9,7 @@ export function listBom(query) {
 	});
 }
 
-// 查询BOM物料管理详细
+// 查询BOM管理 详细
 export function getBom(factoryCode) {
 	return request({
 		url: '/wms/bom/' + factoryCode,
@@ -17,16 +17,7 @@ export function getBom(factoryCode) {
 		});
 }
 
-// 查询BOM物料管理列表
-export function listBomComponent(query) {
-  return request({
-    url: '/wms/bomComponent/list',
-    method: 'get',
-    params: query
-  });
-}
-
-// 新增BOM物料管理
+// 新增BOM管理 
 export function addBom(data) {
 	return request({
 		url: '/wms/bom',
@@ -35,7 +26,7 @@ export function addBom(data) {
 	});
 }
 
-// 修改BOM物料管理
+// 修改BOM管理 
 export function updateBom(data) {
 	return request({
 		url: '/wms/bom',
@@ -44,7 +35,7 @@ export function updateBom(data) {
 	});
 }
 
-// 删除BOM物料管理
+// 删除BOM管理 
 export function delBom(factoryCode) {
 	return request({
 		url: '/wms/bom/' + factoryCode,
diff --git a/src/views/wms/bom/index.vue b/src/views/wms/bom/index.vue
index 56f6db2..0f996db 100644
--- a/src/views/wms/bom/index.vue
+++ b/src/views/wms/bom/index.vue
@@ -15,7 +15,6 @@
 			</el-form-item>
 		</el-form>
 
-<!--
 		<el-row :gutter="10" class="mb8">
 			<el-col :span="1.5">
 				<el-button
@@ -60,34 +59,55 @@
 				>导出</el-button>
 			</el-col>
 			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-		</el-row>-->
+		</el-row>
 
-		<el-table
-			v-loading="loading"
-			:data="bomList"
-			@selection-change="handleSelectionChange"
-			row-key="bomCode"
-			:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
-		>
-			<el-table-column type="selection" align="center" />
-			<!-- 序号 -->
-      <el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column>
-			<el-table-column label="BOM单号" width="120" align="center" prop="bomCode" />
-			<el-table-column label="物料编码" width="200" align="center" prop="productCode" />
-			<el-table-column label="组件上层物料编码" width="200" align="center" prop="cumc" />
-			<el-table-column label="组件编码" width="120" align="center" prop="component" />
-			<el-table-column label="BOM层次" 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="componentProFlag" />
-      <el-table-column label="物料供应标识" align="center" prop="msi"/>
-      <el-table-column label="成本核算标识相关" align="center" prop="sanka"/>
-			<el-table-column label="创建人" align="center" prop="createBy" />
-			<el-table-column label="创建时间" width="200" align="center" prop="createTime" />
+		<el-table v-loading="loading" :data="bomList" @selection-change="handleSelectionChange">
+			<el-table-column type="selection" width="55" align="center"/>
+			<el-table-column label="BOM单号" align="center" prop="bomCode" width="120"/>
+			<el-table-column label="产品号" align="center" prop="productCode" width="120"/>
+			<el-table-column label="产品名称" align="center" prop="productDescZh" width="350"/>
+			<el-table-column label="组件编码" align="center" prop="component" width="120"/>
+			<el-table-column label="组件名称" align="center" 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">
+				<template slot-scope="scope">
+					<span>{{ parseTime(scope.row.pvvd, '{y}-{m}-{d}') }}</span>
+				</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
@@ -97,11 +117,91 @@
 			: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>
 	</div>
 </template>
 
 <script>
-import { listBom, getBom, delBom, addBom, updateBom,listBomComponent} from "@/api/wms/bom";
+import { listBom, getBom, delBom, addBom, updateBom } from "@/api/wms/bom";
 
 export default {
 	name: "Bom",
@@ -119,7 +219,7 @@ export default {
 			showSearch: true,
 			// 总条数
 			total: 0,
-			// BOM物料管理表格数据
+			// BOM管理 表格数据
 			bomList: [],
 			// 弹出层标题
 			title: "",
@@ -147,14 +247,14 @@ export default {
 				attr1: null,
 				attr2: null,
 				attr3: null,
-				currentVersion: null
+				currentVersion: null,
 			},
 			// 表单参数
 			form: {},
 			// 表单校验
 			rules: {
-				createTime: [
-					{ required: true, message: "创建时间不能为空", trigger: "blur" }
+				bomCode: [
+					{ required: true, message: "BOM单号不能为空", trigger: "blur" }
 				],
 			}
 		};
@@ -163,14 +263,10 @@ export default {
 		this.getList();
 	},
 	methods: {
-    // 生成表头序号
-    indexMethod(index){
-      return index+1 ;
-    },
-		/** 查询BOM物料管理列表 */
+		/** 查询BOM管理 列表 */
 		getList() {
 			this.loading = true;
-			listBomComponent(this.queryParams).then(response => {
+			listBom(this.queryParams).then(response => {
 				this.bomList = response.rows;
 				this.total = response.total;
 				this.loading = false;
@@ -206,8 +302,8 @@ export default {
 				createTime: null,
 				updateBy: null,
 				updateTime: null,
-				remark: null,
-				currentVersion: null
+				currentVersion: null,
+				remark: null
 			};
 			this.resetForm("form");
 		},
@@ -231,7 +327,7 @@ export default {
 		handleAdd() {
 			this.reset();
 			this.open = true;
-			this.title = "添加BOM物料管理";
+			this.title = "添加BOM管理 ";
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
@@ -240,7 +336,7 @@ export default {
 			getBom(factoryCode).then(response => {
 				this.form = response.data;
 				this.open = true;
-				this.title = "修改BOM物料管理";
+				this.title = "修改BOM管理 ";
 			});
 		},
 		/** 提交按钮 */
@@ -266,7 +362,7 @@ export default {
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const factoryCodes = row.factoryCode || this.ids;
-			this.$modal.confirm('是否确认删除BOM物料管理编号为"' + factoryCodes + '"的数据项？').then(function() {
+			this.$modal.confirm('是否确认删除BOM管理 编号为"' + factoryCodes + '"的数据项？').then(function() {
 				return delBom(factoryCodes);
 			}).then(() => {
 				this.getList();
@@ -278,7 +374,7 @@ export default {
 			this.download('wms/bom/export', {
 				...this.queryParams
 			}, `bom_${new Date().getTime()}.xlsx`)
-    }
-  }
+		}
+	}
 };
 </script>