From 4c9fb794a76de1313df026802af2c79b9fbbbe01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AD=A3=E6=98=93?= <zhaozhengyi1b@126.com>
Date: Fri, 10 May 2024 14:59:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=93=E5=BA=93-=E4=BB=93=E5=BA=93=E5=BE=85?=
 =?UTF-8?q?=E6=89=93=E5=8D=B0=E8=AE=B0=E5=BD=95=E5=8A=9F=E8=83=BD=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wmsManagement/wmPackageLcl.js    |  57 ++++
 src/views/wmsManagement/wmpackagelcl.vue | 394 +++++++++++++++++++++++
 2 files changed, 451 insertions(+)
 create mode 100644 src/api/wmsManagement/wmPackageLcl.js
 create mode 100644 src/views/wmsManagement/wmpackagelcl.vue

diff --git a/src/api/wmsManagement/wmPackageLcl.js b/src/api/wmsManagement/wmPackageLcl.js
new file mode 100644
index 0000000..a08e277
--- /dev/null
+++ b/src/api/wmsManagement/wmPackageLcl.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+* 拼箱/拆箱待打标签记录表分页查询
+* @param {查询条件} data
+*/
+export function listWmPackageLcl(query) {
+  return request({
+    url: '/mes/wm/WmPackageLcl/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+* 新增拼箱/拆箱待打标签记录表
+* @param data
+*/
+export function addWmPackageLcl(data) {
+  return request({
+    url: '/mes/wm/WmPackageLcl',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+* 修改拼箱/拆箱待打标签记录表
+* @param data
+*/
+export function updateWmPackageLcl(data) {
+  return request({
+    url: '/mes/wm/WmPackageLcl',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+* 获取拼箱/拆箱待打标签记录表详情
+* @param {Id}
+*/
+export function getWmPackageLcl(id) {
+  return request({
+    url: '/mes/wm/WmPackageLcl/' + id,
+    method: 'get'
+  })
+}
+
+/**
+* 删除拼箱/拆箱待打标签记录表
+* @param {主键} pid
+*/
+export function delWmPackageLcl(pid) {
+  return request({
+    url: '/mes/wm/WmPackageLcl/' + pid,
+    method: 'delete'
+  })
+}
diff --git a/src/views/wmsManagement/wmpackagelcl.vue b/src/views/wmsManagement/wmpackagelcl.vue
new file mode 100644
index 0000000..9335aeb
--- /dev/null
+++ b/src/views/wmsManagement/wmpackagelcl.vue
@@ -0,0 +1,394 @@
+<!--
+ * @Descripttion: (拼箱/拆箱待打标签记录表/wm_package_lcl)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2024-05-10)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2024-05-10)
+-->
+<template>
+	<div class="app-container">
+		<!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+		<el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+			<el-form-item label="零件号" prop="partnumber">
+				<el-input v-model.trim="queryParams.partnumber" placeholder="请输入零件号" clearable />
+			</el-form-item>
+			<el-form-item label="批次号" prop="packageCode">
+				<el-input v-model.trim="queryParams.packageCode" placeholder="请输入批次号" clearable />
+			</el-form-item>
+			<el-form-item label="类别" prop="type">
+				<el-radio-group v-model="queryParams.type" @change="handleQuery">
+					<el-radio-button :label="0">全部</el-radio-button>
+					<el-radio-button v-for="item in typeOptions" :key="item.dictValue" :label="item.dictValue">{{item.dictLabel}}</el-radio-button>
+				</el-radio-group>
+			</el-form-item>
+			<el-form-item label="是否已打" prop="status">
+				<el-radio-group v-model="queryParams.status" @change="handleQuery">
+					<el-radio-button :label="-1">全部</el-radio-button>
+					<el-radio-button v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{item.dictLabel}}</el-radio-button>
+				</el-radio-group>
+			</el-form-item>
+			<div>
+				<el-form-item>
+					<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+					<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+				</el-form-item>
+			</div>
+		</el-form>
+		<!-- 工具区域 -->
+		<el-row :gutter="10" class="mb8">
+			<el-col :span="1.5">
+				<el-button type="primary" v-hasPermi="['business:wmpackagelcl:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+			</el-col>
+			<el-col :span="1.5">
+				<el-button type="success" :disabled="single" v-hasPermi="['business:wmpackagelcl:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate">修改</el-button>
+			</el-col>
+			<el-col :span="1.5">
+				<el-button type="danger" :disabled="multiple" v-hasPermi="['business:wmpackagelcl:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete">删除</el-button>
+			</el-col>
+			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+		</el-row>
+
+		<!-- 数据区域 -->
+		<el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+			<el-table-column type="selection" width="50" align="center" />
+			<el-table-column prop="partnumber" label="零件号" align="center" min-width="100px" :show-overflow-tooltip="true" />
+			<el-table-column prop="description" label="描述" align="center" min-width="200ox" :show-overflow-tooltip="true" />
+			<el-table-column prop="packageCode" label="批次号" align="center"  min-width="160px" :show-overflow-tooltip="true" />
+			<el-table-column prop="goodsNum" label="零件数" align="center" />
+			<el-table-column prop="team" label="班组" align="center" :show-overflow-tooltip="true" />
+			<el-table-column prop="type" label="打印类别" align="center">
+				<template slot-scope="scope">
+					<el-tag effect="dark" v-if="scope.row.type === 0" type="info">其他</el-tag>
+					<el-tag effect="dark" v-if="scope.row.type === 1" type="warning">拼箱</el-tag>
+					<el-tag effect="dark" v-if="scope.row.type === 2" type="danger">拆箱</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column prop="status" label="是否打印" align="center">
+				<template slot-scope="scope">
+					<el-tag effect="dark" v-if="scope.row.status === 0" type="info">未打</el-tag>
+					<el-tag effect="dark" v-if="scope.row.status === 1" type="success">已打</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column prop="remark" label="备注" align="center" :show-overflow-tooltip="true" />
+			<el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+			<el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+			<el-table-column label="操作"  fixed="right" align="center" width="140">
+				<template slot-scope="scope">
+					<el-button size="mini" v-hasPermi="['business:wmpackagelcl:edit']" type="success" icon="el-icon-edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
+					<el-button size="mini" v-hasPermi="['business:wmpackagelcl:delete']" type="danger" icon="el-icon-delete" title="删除" @click="handleDelete(scope.row)"></el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+		<!-- 添加或修改拼箱/拆箱待打标签记录表对话框 -->
+		<el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+			<el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+				<el-row :gutter="20">
+					<el-col :lg="12">
+						<el-form-item label="零件号" prop="partnumber">
+							<el-input v-model.trim="form.partnumber" placeholder="请输入零件号" />
+						</el-form-item>
+					</el-col>
+
+					<el-col :lg="12">
+						<el-form-item label="批次号" prop="packageCode">
+							<el-input v-model.trim="form.packageCode" placeholder="请输入外箱批次号" />
+						</el-form-item>
+					</el-col>
+
+					<el-col :lg="12">
+						<el-form-item label="流水号" prop="serialNumber">
+							<el-input v-model.trim="form.serialNumber" placeholder="请输入批次号中所带流水号" />
+						</el-form-item>
+					</el-col>
+
+					<el-col :lg="12">
+						<el-form-item label="库位号" prop="locationCode">
+							<el-input v-model.trim="form.locationCode" placeholder="请输入库位号" />
+						</el-form-item>
+					</el-col>
+
+					<el-col :lg="12">
+						<el-form-item label="零件数" prop="goodsNum">
+							<el-input v-model.number="form.goodsNum" placeholder="请输入零件数" />
+						</el-form-item>
+					</el-col>
+
+					<el-col :lg="12">
+						<el-form-item label="班组" prop="team">
+							<el-input v-model.trim="form.team" placeholder="请输入班组" />
+						</el-form-item>
+					</el-col>
+					<el-col :lg="12">
+						<el-form-item label="类别" prop="status">
+							<el-radio-group v-model="form.type">
+								<el-radio v-for="item in typeOptions" :key="item.dictValue" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+							</el-radio-group>
+						</el-form-item>
+					</el-col>
+					<el-col :lg="12">
+						<el-form-item label="是否已打" prop="status">
+							<el-radio-group v-model="form.status">
+								<el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+							</el-radio-group>
+						</el-form-item>
+					</el-col>
+					<el-col :lg="12">
+						<el-form-item label="创建人" prop="createdBy">
+							<el-input v-model="form.createdBy" placeholder="请输入创建人" />
+						</el-form-item>
+					</el-col>
+					<el-col :lg="12">
+						<el-form-item label="创建时间" prop="createdTime">
+							<el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button type="text" @click="cancel">取 消</el-button>
+				<el-button type="primary" @click="submitForm">确 定</el-button>
+			</div>
+		</el-dialog>
+
+	</div>
+</template>
+<script>
+	import {
+		listWmPackageLcl,
+		addWmPackageLcl,
+		delWmPackageLcl,
+		updateWmPackageLcl,
+		getWmPackageLcl,
+	} from '@/api/wmsManagement/wmPackageLcl.js';
+
+	export default {
+		name: "wmpackagelcl",
+		data() {
+			return {
+				labelWidth: "100px",
+				formLabelWidth: "100px",
+				// 选中id数组
+				ids: [],
+				// 非单个禁用
+				single: true,
+				// 非多个禁用
+				multiple: true,
+				// 遮罩层
+				loading: false,
+				// 显示搜索条件
+				showSearch: true,
+				// 查询参数
+				queryParams: {
+					pageNum: 1,
+					pageSize: 10,
+					type: 0,
+					status: -1,
+					sort: undefined,
+					sortType: undefined,
+				},
+				// 弹出层标题
+				title: "",
+				// 操作类型 1、add 2、edit
+				opertype: 0,
+				// 是否显示弹出层
+				open: false,
+				// 表单参数
+				form: {
+					status: 0,
+					type: 1,
+					goodsNum:0,
+					team:"C",
+					locationCode:"LS",
+				},
+				columns: [
+					{ index: 0, key: 'id', label: `编码;雪花id`, checked: true },
+					{ index: 1, key: 'partnumber', label: `零件号`, checked: true },
+					{ index: 2, key: 'packageCode', label: `外箱标签;外箱标签（干巷外箱批次号）`, checked: true },
+					{ index: 3, key: 'serialNumber', label: `流水号;外箱标签流水号`, checked: true },
+					{ index: 4, key: 'locationCode', label: `库位号`, checked: true },
+					{ index: 5, key: 'goodsNum', label: `零件数`, checked: true },
+					{ index: 6, key: 'team', label: `班组`, checked: true },
+					{ index: 7, key: 'status', label: `是否已打;0-未打 1-已打`, checked: true },
+					{ index: 8, key: 'createdBy', label: `创建人`, checked: true },
+					{ index: 9, key: 'createdTime', label: `创建时间`, checked: false },
+					{ index: 10, key: 'updatedBy', label: `更新人`, checked: false },
+					{ index: 11, key: 'updatedTime', label: `更新时间`, checked: false },
+				],
+				// 是否已打;0-未打 1-已打选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+				typeOptions: [
+					{ dictLabel: '拼箱', dictValue: 1 },
+					{ dictLabel: '拆箱', dictValue: 2 }
+				],
+				statusOptions: [
+					{ dictLabel: '未打', dictValue: 0 },
+					{ dictLabel: '已打', dictValue: 1 }
+				],
+				// 数据列表
+				dataList: [],
+				// 总记录数
+				total: 0,
+				// 提交按钮是否显示
+				btnSubmitVisible: true,
+				// 表单校验
+				rules: {
+					partnumber: [
+						{ required: true, message: "零件号不能为空", trigger: "blur" }
+					],
+					packageCode: [
+						{ required: true, message: "批次号不能为空", trigger: "blur" }
+					],
+					goodsNum: [
+						{ required: true, message: "零件数不能为空", trigger: "blur" }
+					],
+				},
+			};
+		},
+		created() {
+			// 列表数据查询
+			this.getList();
+
+			var dictParams = [];
+		},
+		methods: {
+			// 查询数据
+			getList() {
+				this.loading = true;
+				listWmPackageLcl(this.queryParams).then(res => {
+					if (res.code == 200) {
+						this.dataList = res.data.result;
+						this.total = res.data.totalNum;
+						this.loading = false;
+					}
+				})
+			},
+			// 取消按钮
+			cancel() {
+				this.open = false;
+				this.reset();
+			},
+			// 重置数据表单
+			reset() {
+				this.form = {
+					id: null,
+					partnumber: undefined,
+					packageCode: undefined,
+					serialNumber: undefined,
+					locationCode: "LS",
+					goodsNum: 0,
+					team: "C",
+					type: 1,
+					status: 0,
+					createdBy: undefined,
+					createdTime: undefined,
+					updatedBy: undefined,
+					updatedTime: undefined,
+				};
+				this.resetForm("form");
+			},
+			// 重置查询操作
+			resetQuery() {
+				this.timeRange = [];
+				this.resetForm("queryForm");
+				this.handleQuery();
+			},
+			// 多选框选中数据
+			handleSelectionChange(selection) {
+				this.ids = selection.map((item) => item.id);
+				this.single = selection.length != 1
+				this.multiple = !selection.length;
+			},
+			// 自定义排序
+			sortChange(column) {
+				if (column.prop == null || column.order == null) {
+					this.queryParams.sort = undefined;
+					this.queryParams.sortType = undefined;
+				} else {
+					this.queryParams.sort = column.prop;
+					this.queryParams.sortType = column.order;
+				}
+
+				this.handleQuery();
+			},
+			/** 搜索按钮操作 */
+			handleQuery() {
+				this.queryParams.pageNum = 1;
+				this.getList();
+			},
+			/** 新增按钮操作 */
+			handleAdd() {
+				this.reset();
+				this.open = true;
+				this.title = "添加";
+				this.opertype = 1;
+			},
+			/** 删除按钮操作 */
+			handleDelete(row) {
+				const Ids = row.id || this.ids;
+
+				this.$confirm('是否确认删除参数数据项？')
+					.then(function () {
+						return delWmPackageLcl(Ids);
+					})
+					.then(() => {
+						this.handleQuery();
+						this.msgSuccess("删除成功");
+					})
+					.catch(() => {});
+			},
+			/** 修改按钮操作 */
+			handleUpdate(row) {
+				this.reset();
+				const id = row.id || this.ids;
+				getWmPackageLcl(id).then((res) => {
+					const { code, data } = res;
+					if (code == 200) {
+						this.open = true;
+						this.title = "修改数据";
+						this.opertype = 2;
+
+						this.form = {
+							...data,
+						};
+					}
+				});
+			},
+			// 是否已打;0-未打 1-已打字典翻译
+			statusFormat(row, column) {
+				return this.selectDictLabel(this.statusOptions, row.status);
+			},
+			/** 提交按钮 */
+			submitForm: function () {
+				this.$refs["form"].validate((valid) => {
+					if (valid) {
+						console.log(JSON.stringify(this.form));
+
+						if (this.form.id != undefined && this.opertype === 2) {
+							updateWmPackageLcl(this.form)
+								.then((res) => {
+									this.msgSuccess("修改成功");
+									this.open = false;
+									this.getList();
+								})
+								.catch((err) => {
+									//TODO 错误逻辑
+								});
+						} else {
+							addWmPackageLcl(this.form)
+								.then((res) => {
+									this.msgSuccess("新增成功");
+									this.open = false;
+									this.getList();
+								})
+								.catch((err) => {
+									//TODO 错误逻辑
+								});
+						}
+					}
+				});
+			},
+		},
+	};
+</script>
\ No newline at end of file