From 810b4b87a81839b82527efda99fe594e16f4c8af Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Thu, 3 Aug 2023 15:48:24 +0800
Subject: [PATCH 1/4] =?UTF-8?q?add=20=E8=B4=A8=E9=87=8F=E6=A3=80=E6=B5=8B?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/monitoring/qualityInspectionRecord.js |  54 +++
 .../qualityInspectionRecord/index.vue         | 362 ++++++++++++++++++
 2 files changed, 416 insertions(+)
 create mode 100644 src/api/monitoring/qualityInspectionRecord.js
 create mode 100644 src/views/quality/monitoring/qualityInspectionRecord/index.vue

diff --git a/src/api/monitoring/qualityInspectionRecord.js b/src/api/monitoring/qualityInspectionRecord.js
new file mode 100644
index 00000000..81454cc5
--- /dev/null
+++ b/src/api/monitoring/qualityInspectionRecord.js
@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+
+// 创建质量检查信息记录表
+export function createQualityInspectionRecord(data) {
+  return request({
+    url: '/monitoring/quality-inspection-record/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新质量检查信息记录表
+export function updateQualityInspectionRecord(data) {
+  return request({
+    url: '/monitoring/quality-inspection-record/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除质量检查信息记录表
+export function deleteQualityInspectionRecord(id) {
+  return request({
+    url: '/monitoring/quality-inspection-record/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得质量检查信息记录表
+export function getQualityInspectionRecord(id) {
+  return request({
+    url: '/monitoring/quality-inspection-record/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得质量检查信息记录表分页
+export function getQualityInspectionRecordPage(query) {
+  return request({
+    url: '/monitoring/quality-inspection-record/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出质量检查信息记录表 Excel
+export function exportQualityInspectionRecordExcel(query) {
+  return request({
+    url: '/monitoring/quality-inspection-record/export-excel',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}
diff --git a/src/views/quality/monitoring/qualityInspectionRecord/index.vue b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
new file mode 100644
index 00000000..5b709fdd
--- /dev/null
+++ b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
@@ -0,0 +1,362 @@
+<template>
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<el-form
+			:model="queryParams"
+			ref="queryForm"
+			size="small"
+			:inline="true"
+			v-show="showSearch"
+			label-width="68px">
+			<el-form-item label="检测时间" prop="checkTime">
+				<el-date-picker
+					v-model="queryParams.checkTime"
+					style="width: 240px"
+					value-format="yyyy-MM-dd HH:mm:ss"
+					type="daterange"
+					range-separator="-"
+					start-placeholder="开始日期"
+					end-placeholder="结束日期"
+					:default-time="['00:00:00', '23:59:59']" />
+			</el-form-item>
+			<el-form-item label="产线id" prop="productionLineId">
+				<el-input
+					v-model="queryParams.productionLineId"
+					placeholder="请输入产线id"
+					clearable
+					@keyup.enter.native="handleQuery" />
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" icon="el-icon-search" @click="handleQuery">
+					搜索
+				</el-button>
+				<el-button icon="el-icon-refresh" @click="resetQuery">重置</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="['monitoring:quality-inspection-record:create']">
+					新增
+				</el-button>
+			</el-col>
+			<el-col :span="1.5">
+				<el-button
+					type="warning"
+					plain
+					icon="el-icon-download"
+					size="mini"
+					@click="handleExport"
+					:loading="exportLoading"
+					v-hasPermi="['monitoring:quality-inspection-record:export']">
+					导出
+				</el-button>
+			</el-col>
+			<right-toolbar
+				:showSearch.sync="showSearch"
+				@queryTable="getList"></right-toolbar>
+		</el-row>
+
+		<!-- 列表 -->
+		<el-table v-loading="loading" :data="list">
+			<el-table-column label="ID" align="center" prop="id" />
+			<el-table-column
+				label="检测内容id"
+				align="center"
+				prop="inspectionDetId" />
+			<el-table-column
+				label="检测内容（设备推送消息时，可能无对应id，只填这个字段）"
+				align="center"
+				prop="inspectionDetContent" />
+			<el-table-column label="工段id" align="center" prop="sectionId" />
+			<el-table-column
+				label="检测人员，可以多个"
+				align="center"
+				prop="checkPerson" />
+			<el-table-column
+				label="检测时间"
+				align="center"
+				prop="checkTime"
+				width="180">
+				<template v-slot="scope">
+					<span>{{ parseTime(scope.row.checkTime) }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column
+				label="来源 1，手动（默认） 2，自动"
+				align="center"
+				prop="source" />
+			<el-table-column label="描述" align="center" prop="explainText" />
+			<el-table-column label="备注" align="center" prop="remark" />
+			<el-table-column
+				label="创建时间"
+				align="center"
+				prop="createTime"
+				width="180">
+				<template v-slot="scope">
+					<span>{{ parseTime(scope.row.createTime) }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column label="产线id" align="center" prop="productionLineId" />
+			<el-table-column
+				label="操作"
+				align="center"
+				class-name="small-padding fixed-width">
+				<template v-slot="scope">
+					<el-button
+						size="mini"
+						type="text"
+						icon="el-icon-edit"
+						@click="handleUpdate(scope.row)"
+						v-hasPermi="['monitoring:quality-inspection-record:update']">
+						修改
+					</el-button>
+					<el-button
+						size="mini"
+						type="text"
+						icon="el-icon-delete"
+						@click="handleDelete(scope.row)"
+						v-hasPermi="['monitoring:quality-inspection-record:delete']">
+						删除
+					</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<!-- 分页组件 -->
+		<pagination
+			v-show="total > 0"
+			:total="total"
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			@pagination="getList" />
+
+		<!-- 对话框(添加 / 修改) -->
+		<el-dialog
+			:title="title"
+			:visible.sync="open"
+			width="500px"
+			v-dialogDrag
+			append-to-body>
+			<el-form ref="form" :model="form" :rules="rules" label-width="80px">
+				<el-form-item label="检测内容id" prop="inspectionDetId">
+					<el-input
+						v-model="form.inspectionDetId"
+						placeholder="请输入检测内容id" />
+				</el-form-item>
+				<el-form-item
+					label="检测内容（设备推送消息时，可能无对应id，只填这个字段）">
+					<editor v-model="form.inspectionDetContent" :min-height="192" />
+				</el-form-item>
+				<el-form-item label="工段id" prop="sectionId">
+					<el-input v-model="form.sectionId" placeholder="请输入工段id" />
+				</el-form-item>
+				<el-form-item label="检测人员，可以多个" prop="checkPerson">
+					<el-input
+						v-model="form.checkPerson"
+						placeholder="请输入检测人员，可以多个" />
+				</el-form-item>
+				<el-form-item label="检测时间" prop="checkTime">
+					<el-date-picker
+						clearable
+						v-model="form.checkTime"
+						type="date"
+						value-format="timestamp"
+						placeholder="选择检测时间" />
+				</el-form-item>
+				<el-form-item label="来源 1，手动（默认） 2，自动" prop="source">
+					<el-input
+						v-model="form.source"
+						placeholder="请输入来源 1，手动（默认） 2，自动" />
+				</el-form-item>
+				<el-form-item label="描述" prop="explainText">
+					<el-input v-model="form.explainText" placeholder="请输入描述" />
+				</el-form-item>
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="form.remark" placeholder="请输入备注" />
+				</el-form-item>
+				<el-form-item label="产线id" prop="productionLineId">
+					<el-input
+						v-model="form.productionLineId"
+						placeholder="请输入产线id" />
+				</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 {
+	createQualityInspectionRecord,
+	updateQualityInspectionRecord,
+	deleteQualityInspectionRecord,
+	getQualityInspectionRecord,
+	getQualityInspectionRecordPage,
+	exportQualityInspectionRecordExcel,
+} from '@/api/monitoring/qualityInspectionRecord';
+import Editor from '@/components/Editor';
+
+export default {
+	name: 'QualityInspectionRecord',
+	components: {
+		Editor,
+	},
+	data() {
+		return {
+			// 遮罩层
+			loading: true,
+			// 导出遮罩层
+			exportLoading: false,
+			// 显示搜索条件
+			showSearch: true,
+			// 总条数
+			total: 0,
+			// 质量检查信息记录表列表
+			list: [],
+			// 弹出层标题
+			title: '',
+			// 是否显示弹出层
+			open: false,
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 10,
+				inspectionDetContent: null,
+				checkTime: [],
+				productionLineId: null,
+			},
+			// 表单参数
+			form: {},
+			// 表单校验
+			rules: {},
+		};
+	},
+	created() {
+		this.getList();
+	},
+	methods: {
+		/** 查询列表 */
+		getList() {
+			this.loading = true;
+			// 执行查询
+			getQualityInspectionRecordPage(this.queryParams).then((response) => {
+				this.list = response.data.list;
+				this.total = response.data.total;
+				this.loading = false;
+			});
+		},
+		/** 取消按钮 */
+		cancel() {
+			this.open = false;
+			this.reset();
+		},
+		/** 表单重置 */
+		reset() {
+			this.form = {
+				id: undefined,
+				inspectionDetId: undefined,
+				inspectionDetContent: undefined,
+				sectionId: undefined,
+				checkPerson: undefined,
+				checkTime: undefined,
+				source: undefined,
+				explainText: undefined,
+				remark: undefined,
+				productionLineId: undefined,
+			};
+			this.resetForm('form');
+		},
+		/** 搜索按钮操作 */
+		handleQuery() {
+			this.queryParams.pageNo = 1;
+			this.getList();
+		},
+		/** 重置按钮操作 */
+		resetQuery() {
+			this.resetForm('queryForm');
+			this.handleQuery();
+		},
+		/** 新增按钮操作 */
+		handleAdd() {
+			this.reset();
+			this.open = true;
+			this.title = '添加质量检查信息记录表';
+		},
+		/** 修改按钮操作 */
+		handleUpdate(row) {
+			this.reset();
+			const id = row.id;
+			getQualityInspectionRecord(id).then((response) => {
+				this.form = response.data;
+				this.open = true;
+				this.title = '修改质量检查信息记录表';
+			});
+		},
+		/** 提交按钮 */
+		submitForm() {
+			this.$refs['form'].validate((valid) => {
+				if (!valid) {
+					return;
+				}
+				// 修改的提交
+				if (this.form.id != null) {
+					updateQualityInspectionRecord(this.form).then((response) => {
+						this.$modal.msgSuccess('修改成功');
+						this.open = false;
+						this.getList();
+					});
+					return;
+				}
+				// 添加的提交
+				createQualityInspectionRecord(this.form).then((response) => {
+					this.$modal.msgSuccess('新增成功');
+					this.open = false;
+					this.getList();
+				});
+			});
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			const id = row.id;
+			this.$modal
+				.confirm('是否确认删除质量检查信息记录表编号为"' + id + '"的数据项?')
+				.then(function () {
+					return deleteQualityInspectionRecord(id);
+				})
+				.then(() => {
+					this.getList();
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+		/** 导出按钮操作 */
+		handleExport() {
+			// 处理查询参数
+			let params = { ...this.queryParams };
+			params.pageNo = undefined;
+			params.pageSize = undefined;
+			this.$modal
+				.confirm('是否确认导出所有质量检查信息记录表数据项?')
+				.then(() => {
+					this.exportLoading = true;
+					return exportQualityInspectionRecordExcel(params);
+				})
+				.then((response) => {
+					this.$download.excel(response, '质量检查信息记录表.xls');
+					this.exportLoading = false;
+				})
+				.catch(() => {});
+		},
+	},
+};
+</script>
-- 
2.45.2


From f5fb852d5deb8db7e69bdba099d41723910d9035 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Fri, 4 Aug 2023 11:08:21 +0800
Subject: [PATCH 2/4] =?UTF-8?q?update=20=E8=B4=A8=E9=87=8F=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E4=BF=A1=E6=81=AF=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/quality/components/dialogForm.vue   |  11 +
 src/views/quality/mixin/basicPageMixin.js     |  12 +
 .../qualityInspectionRecord/index.vue         | 459 ++++++++++--------
 3 files changed, 284 insertions(+), 198 deletions(-)

diff --git a/src/views/quality/components/dialogForm.vue b/src/views/quality/components/dialogForm.vue
index 000e1cf9..e5dbc6e5 100644
--- a/src/views/quality/components/dialogForm.vue
+++ b/src/views/quality/components/dialogForm.vue
@@ -39,6 +39,12 @@
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
+					<el-date-picker
+						v-if="col.datetime"
+						v-model="form[col.prop]"
+						type="datetime"
+						:placeholder="`请选择${col.label}`"
+						v-bind="col.bind"></el-date-picker>
 				</el-form-item>
 			</el-col>
 		</el-row>
@@ -124,6 +130,10 @@ export default {
 			const promiseList = [];
 			this.rows.forEach((cols) => {
 				cols.forEach(async (opt) => {
+					if (opt.value) {
+						// 默认值
+						this.form[opt.prop] = opt.value;
+					}
 					if (opt.options) {
 						this.optionListOf[opt.prop] = opt.options;
 					} else if (opt.url) {
@@ -174,6 +184,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.el-date-editor, 
 .el-select {
 	width: 100%;
 }
diff --git a/src/views/quality/mixin/basicPageMixin.js b/src/views/quality/mixin/basicPageMixin.js
index c65eab32..670b909a 100644
--- a/src/views/quality/mixin/basicPageMixin.js
+++ b/src/views/quality/mixin/basicPageMixin.js
@@ -33,6 +33,18 @@ export default {
 	},
 	mounted() {},
 	methods: {
+		// 过滤后端传回的详情数据
+		filterData(data, keys) {
+			const obj = {};
+			keys.forEach((key) => {
+				if (/time/i.test(key)) {
+					obj[key] = new Date(data[key]);
+				} else {
+					obj[key] = data[key];
+				}
+			});
+			return obj;
+		},
 		// 处理搜索条件
 		handleSearchBarBtnClick() {},
 		// 处理表格按钮
diff --git a/src/views/quality/monitoring/qualityInspectionRecord/index.vue b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
index 5b709fdd..449c8f82 100644
--- a/src/views/quality/monitoring/qualityInspectionRecord/index.vue
+++ b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
@@ -1,134 +1,27 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
-		<el-form
-			:model="queryParams"
-			ref="queryForm"
-			size="small"
-			:inline="true"
-			v-show="showSearch"
-			label-width="68px">
-			<el-form-item label="检测时间" prop="checkTime">
-				<el-date-picker
-					v-model="queryParams.checkTime"
-					style="width: 240px"
-					value-format="yyyy-MM-dd HH:mm:ss"
-					type="daterange"
-					range-separator="-"
-					start-placeholder="开始日期"
-					end-placeholder="结束日期"
-					:default-time="['00:00:00', '23:59:59']" />
-			</el-form-item>
-			<el-form-item label="产线id" prop="productionLineId">
-				<el-input
-					v-model="queryParams.productionLineId"
-					placeholder="请输入产线id"
-					clearable
-					@keyup.enter.native="handleQuery" />
-			</el-form-item>
-			<el-form-item>
-				<el-button type="primary" icon="el-icon-search" @click="handleQuery">
-					搜索
-				</el-button>
-				<el-button icon="el-icon-refresh" @click="resetQuery">重置</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="['monitoring:quality-inspection-record:create']">
-					新增
-				</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="warning"
-					plain
-					icon="el-icon-download"
-					size="mini"
-					@click="handleExport"
-					:loading="exportLoading"
-					v-hasPermi="['monitoring:quality-inspection-record:export']">
-					导出
-				</el-button>
-			</el-col>
-			<right-toolbar
-				:showSearch.sync="showSearch"
-				@queryTable="getList"></right-toolbar>
-		</el-row>
+		<SearchBar
+			:formConfigs="searchBarFormConfig"
+			ref="search-bar"
+			@headBtnClick="handleSearchBarBtnClick" />
 
 		<!-- 列表 -->
-		<el-table v-loading="loading" :data="list">
-			<el-table-column label="ID" align="center" prop="id" />
-			<el-table-column
-				label="检测内容id"
-				align="center"
-				prop="inspectionDetId" />
-			<el-table-column
-				label="检测内容（设备推送消息时，可能无对应id，只填这个字段）"
-				align="center"
-				prop="inspectionDetContent" />
-			<el-table-column label="工段id" align="center" prop="sectionId" />
-			<el-table-column
-				label="检测人员，可以多个"
-				align="center"
-				prop="checkPerson" />
-			<el-table-column
-				label="检测时间"
-				align="center"
-				prop="checkTime"
-				width="180">
-				<template v-slot="scope">
-					<span>{{ parseTime(scope.row.checkTime) }}</span>
-				</template>
-			</el-table-column>
-			<el-table-column
-				label="来源 1，手动（默认） 2，自动"
-				align="center"
-				prop="source" />
-			<el-table-column label="描述" align="center" prop="explainText" />
-			<el-table-column label="备注" align="center" prop="remark" />
-			<el-table-column
-				label="创建时间"
-				align="center"
-				prop="createTime"
-				width="180">
-				<template v-slot="scope">
-					<span>{{ parseTime(scope.row.createTime) }}</span>
-				</template>
-			</el-table-column>
-			<el-table-column label="产线id" align="center" prop="productionLineId" />
-			<el-table-column
+		<base-table
+			:table-props="tableProps"
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-data="list"
+			@emit-fun="handleEmitFun">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
 				label="操作"
-				align="center"
-				class-name="small-padding fixed-width">
-				<template v-slot="scope">
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-edit"
-						@click="handleUpdate(scope.row)"
-						v-hasPermi="['monitoring:quality-inspection-record:update']">
-						修改
-					</el-button>
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-delete"
-						@click="handleDelete(scope.row)"
-						v-hasPermi="['monitoring:quality-inspection-record:delete']">
-						删除
-					</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
+				fixed="right"
+				:method-list="tableBtn"
+				@clickBtn="handleTableBtnClick" />
+		</base-table>
+
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
@@ -138,60 +31,112 @@
 			@pagination="getList" />
 
 		<!-- 对话框(添加 / 修改) -->
-		<el-dialog
-			:title="title"
-			:visible.sync="open"
-			width="500px"
-			v-dialogDrag
-			append-to-body>
-			<el-form ref="form" :model="form" :rules="rules" label-width="80px">
-				<el-form-item label="检测内容id" prop="inspectionDetId">
-					<el-input
-						v-model="form.inspectionDetId"
-						placeholder="请输入检测内容id" />
-				</el-form-item>
-				<el-form-item
-					label="检测内容（设备推送消息时，可能无对应id，只填这个字段）">
-					<editor v-model="form.inspectionDetContent" :min-height="192" />
-				</el-form-item>
-				<el-form-item label="工段id" prop="sectionId">
-					<el-input v-model="form.sectionId" placeholder="请输入工段id" />
-				</el-form-item>
-				<el-form-item label="检测人员，可以多个" prop="checkPerson">
-					<el-input
-						v-model="form.checkPerson"
-						placeholder="请输入检测人员，可以多个" />
-				</el-form-item>
-				<el-form-item label="检测时间" prop="checkTime">
-					<el-date-picker
-						clearable
-						v-model="form.checkTime"
-						type="date"
-						value-format="timestamp"
-						placeholder="选择检测时间" />
-				</el-form-item>
-				<el-form-item label="来源 1，手动（默认） 2，自动" prop="source">
-					<el-input
-						v-model="form.source"
-						placeholder="请输入来源 1，手动（默认） 2，自动" />
-				</el-form-item>
-				<el-form-item label="描述" prop="explainText">
-					<el-input v-model="form.explainText" placeholder="请输入描述" />
-				</el-form-item>
-				<el-form-item label="备注" prop="remark">
-					<el-input v-model="form.remark" placeholder="请输入备注" />
-				</el-form-item>
-				<el-form-item label="产线id" prop="productionLineId">
-					<el-input
-						v-model="form.productionLineId"
-						placeholder="请输入产线id" />
-				</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>
+		<base-dialog
+			:dialogTitle="title"
+			:dialogVisible="open"
+			width="50%"
+			@close="cancel"
+			@cancel="cancel"
+			@confirm="submitForm">
+			<DialogForm
+				v-if="open"
+				ref="form"
+				:dataForm="form"
+				:rows="[
+					[
+						{
+							select: true,
+							label: '检测内容ID',
+							url: '/base/quality-inspection-det/listAll',
+							prop: 'inspectionDetId',
+							labelKey: 'content',
+							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+							bind: {
+								filterable: true,
+							},
+						},
+						{
+							select: true,
+							label: '来源',
+							prop: 'source',
+							value: 1, // 默认手动
+							options: [
+								{ label: '手动', value: 1 },
+								{ label: '自动', value: 2 },
+							],
+							bind: {
+								filterable: true,
+							},
+						},
+						// {
+						// 	input: true,
+						// 	label: '',
+						// 	prop: 'buttonId',
+						// 	rules: [
+						// 		{
+						// 			type: 'number',
+						// 			message: '请输入数字',
+						// 			trigger: 'blur',
+						// 			transform: (val) => Number(val),
+						// 		},
+						// 	],
+						// },
+					],
+					[
+						{
+							select: true,
+							label: '产线',
+							url: '/base/production-line/listAll',
+							prop: 'productionLineId',
+							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						},
+						{
+							select: true,
+							label: '工段',
+							url: '/base/workshop-section/listAll',
+							prop: 'sectionId',
+							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						},
+					],
+					[
+						{
+							input: true,
+							label: '检测人员',
+							prop: 'checkPerson',
+							rules: [
+								// {
+								// 	type: 'number',
+								// 	message: '请输入数字',
+								// 	trigger: 'blur',
+								// 	transform: (val) => Number(val),
+								// },
+							],
+						},
+						{
+							datetime: true,
+							label: '检测时间',
+							prop: 'checkTime',
+							bind: {
+								format: 'yyyy-MM-dd HH:mm:ss',
+								'value-format': 'timestamp',
+								// 'value-format': 'yyyy-MM-dd HH:mm:ss',
+								clearable: true,
+							},
+						},
+					],
+					[
+						{
+							textarea: true,
+							label: '检测内容',
+							prop: 'inspectionDetContent',
+							value: '',
+							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						},
+					],
+					[{ textarea: true, label: '描述', prop: 'explainText' }],
+					[{ input: true, label: '备注', prop: 'remark' }],
+				]" />
+		</base-dialog>
 	</div>
 </template>
 
@@ -205,28 +150,135 @@ import {
 	exportQualityInspectionRecordExcel,
 } from '@/api/monitoring/qualityInspectionRecord';
 import Editor from '@/components/Editor';
+import moment from 'moment';
 
+import basicPageMixin from '../../mixin/basicPageMixin';
 export default {
 	name: 'QualityInspectionRecord',
 	components: {
 		Editor,
 	},
+	mixins: [basicPageMixin],
 	data() {
 		return {
-			// 遮罩层
-			loading: true,
-			// 导出遮罩层
-			exportLoading: false,
-			// 显示搜索条件
-			showSearch: true,
-			// 总条数
-			total: 0,
-			// 质量检查信息记录表列表
-			list: [],
-			// 弹出层标题
-			title: '',
-			// 是否显示弹出层
-			open: false,
+			searchBarFormConfig: [
+				{
+					type: 'select',
+					label: '产线',
+					placeholder: '请选择产线',
+					param: 'productionLineId',
+					selectOptions: [],
+				},
+				{
+					type: 'input',
+					label: '检测内容',
+					placeholder: '请输入检测内容',
+					param: 'inspectionDetContent',
+				},
+				{
+					type: 'datePicker',
+					label: '时间段',
+					dateType: 'daterange', // datetimerange
+					// format: 'yyyy-MM-dd HH:mm:ss',
+					format: 'yyyy-MM-dd',
+					valueFormat: 'yyyy-MM-dd HH:mm:ss',
+					rangeSeparator: '-',
+					startPlaceholder: '开始日期',
+					endPlaceholder: '结束日期',
+					defaultTime: ['00:00:00', '23:59:59'],
+					param: 'checkTime',
+					// width: 350,
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi(
+						'monitoring:quality-inspection-record:create'
+					)
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					plain: true,
+					color: 'success',
+				},
+			],
+			tableBtn: [
+				this.$auth.hasPermi('monitoring:quality-inspection-record:update')
+					? {
+							type: 'edit',
+							btnName: '修改',
+					  }
+					: undefined,
+				this.$auth.hasPermi('monitoring:quality-inspection-record:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableProps: [
+				{
+					prop: 'createTime',
+					label: '添加时间',
+					fixed: true,
+					width: 180,
+					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
+				},
+				{
+					width: 128,
+					prop: 'inspectionDetContent',
+					label: '检测内容',
+					align: 'center',
+				},
+				{
+					// width: 128,
+					prop: 'lineName',
+					label: '产线',
+					align: 'center',
+				},
+				{
+					// width: 128,
+					prop: 'checkPerson',
+					label: '检测人员',
+					align: 'center',
+				},
+				{
+					// width: 160,
+					prop: 'checkTime',
+					label: '检测时间',
+					align: 'center',
+					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
+				},
+				{
+					width: 90,
+					prop: 'source',
+					label: '来源',
+					align: 'center',
+					filter: (val) => ['未知', '手动', '自动'][val],
+				},
+			],
+			// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
+			searchBarKeys: ['inspectionDetContent', 'checkTime', 'productionLineId'],
+			form: {
+				id: undefined,
+				inspectionDetId: undefined,
+				inspectionDetContent: undefined,
+				productionLineId: undefined,
+				sectionId: undefined,
+				checkPerson: undefined,
+				checkTime: undefined,
+				source: undefined,
+				explainText: undefined,
+				remark: undefined,
+			},
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
@@ -235,16 +287,26 @@ export default {
 				checkTime: [],
 				productionLineId: null,
 			},
-			// 表单参数
-			form: {},
-			// 表单校验
-			rules: {},
 		};
 	},
 	created() {
 		this.getList();
+		this.getProductLineList();
 	},
 	methods: {
+		/** 获取搜索栏的产线列表 */
+		getProductLineList() {
+			this.$axios('/base/production-line/listAll').then((response) => {
+				this.searchBarFormConfig[0].selectOptions = response.data.map(
+					(item) => {
+						return {
+							name: item.name,
+							id: item.id,
+						};
+					}
+				);
+			});
+		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
@@ -297,7 +359,8 @@ export default {
 			this.reset();
 			const id = row.id;
 			getQualityInspectionRecord(id).then((response) => {
-				this.form = response.data;
+				/** 因为后端返回的时间是时间戳格式，需转换 */
+				this.form = this.filterData(response.data, Object.keys(this.form));
 				this.open = true;
 				this.title = '修改质量检查信息记录表';
 			});
-- 
2.45.2


From 61a6e7dafb356298a1314515f097dae17f40b6c8 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Fri, 4 Aug 2023 11:23:26 +0800
Subject: [PATCH 3/4] =?UTF-8?q?update=20=E6=9B=B4=E6=96=B0dialogForm?=
 =?UTF-8?q?=E7=9A=84=E5=85=B3=E8=81=94=E7=9B=91=E5=90=AC=E6=96=B9=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/quality/components/dialogForm.vue     | 17 ++++++++++++++++-
 .../qualityInspectionRecord/index.vue           | 17 ++++++++++-------
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/views/quality/components/dialogForm.vue b/src/views/quality/components/dialogForm.vue
index e5dbc6e5..4a6b3f7d 100644
--- a/src/views/quality/components/dialogForm.vue
+++ b/src/views/quality/components/dialogForm.vue
@@ -130,10 +130,25 @@ export default {
 			const promiseList = [];
 			this.rows.forEach((cols) => {
 				cols.forEach(async (opt) => {
+					if (opt.onChange) {
+						this.$watch(`form.${opt.prop}`, {
+							handler: (val) => {
+								this.$emit(opt.onChange.emit, val);
+							},
+							immediate: true,
+						});
+					}
+					if (opt.listen) {
+						// 注册监听时间
+						this.$on(opt.listen, (val) => {
+							alert(val);
+						});
+					}
 					if (opt.value) {
 						// 默认值
 						this.form[opt.prop] = opt.value;
 					}
+
 					if (opt.options) {
 						this.optionListOf[opt.prop] = opt.options;
 					} else if (opt.url) {
@@ -184,7 +199,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.el-date-editor, 
+.el-date-editor,
 .el-select {
 	width: 100%;
 }
diff --git a/src/views/quality/monitoring/qualityInspectionRecord/index.vue b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
index 449c8f82..3f78ff3c 100644
--- a/src/views/quality/monitoring/qualityInspectionRecord/index.vue
+++ b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
@@ -83,18 +83,21 @@
 						// },
 					],
 					[
-						{
-							select: true,
-							label: '产线',
-							url: '/base/production-line/listAll',
-							prop: 'productionLineId',
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-						},
+						// 此方案必须，工段（含listen）字段必须在产线字段（含onChange）之前
 						{
 							select: true,
 							label: '工段',
 							url: '/base/workshop-section/listAll',
 							prop: 'sectionId',
+							listen: 'productionLineChange', // 对应上面 emit
+							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						},
+						{
+							select: true,
+							label: '产线',
+							url: '/base/production-line/listAll',
+							prop: 'productionLineId',
+							onChange: { emit: 'productionLineChange' },
 							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						},
 					],
-- 
2.45.2


From bd56b125601d6e4a2f12d343d9118f75943e14cf Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Fri, 4 Aug 2023 14:19:42 +0800
Subject: [PATCH 4/4] =?UTF-8?q?update=20=E5=AE=8C=E6=88=90dialogForm?=
 =?UTF-8?q?=E7=9A=84=E5=AD=97=E6=AE=B5=E7=9B=91=E5=90=AC=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../base/qualityInspectionBoxBtn/index.vue    | 138 ++++++------
 src/views/quality/components/dialogForm.vue   |  58 ++---
 .../qualityInspectionRecord/index.vue         | 201 +++++++++---------
 3 files changed, 194 insertions(+), 203 deletions(-)

diff --git a/src/views/quality/base/qualityInspectionBoxBtn/index.vue b/src/views/quality/base/qualityInspectionBoxBtn/index.vue
index 8c777b7c..6c6bee19 100644
--- a/src/views/quality/base/qualityInspectionBoxBtn/index.vue
+++ b/src/views/quality/base/qualityInspectionBoxBtn/index.vue
@@ -38,80 +38,7 @@
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
-			<DialogForm
-				v-if="open"
-				ref="form"
-				:dataForm="form"
-				:rows="[
-					[
-						{
-							select: true,
-							label: '产线',
-							url: '/base/production-line/listAll',
-							prop: 'productionId',
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-							bind: {
-								filterable: true,
-							},
-						},
-					],
-					[
-						{
-							select: true,
-							label: '工段',
-							url: '/base/workshop-section/listAll',
-							prop: 'sectionId',
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-						},
-						// {
-						// 	select: true,
-						//   url: '', //
-						// 	label: '检测内容',
-						// 	prop: 'inspectionDetContent',
-						// 	rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-						// },
-					],
-					[
-						{
-							input: true,
-							label: '按钮盒识别码',
-							prop: 'buttonId',
-							rules: [
-								{
-									type: 'number',
-									message: '请输入数字',
-									trigger: 'blur',
-									transform: (val) => Number(val),
-								},
-							],
-						},
-					],
-					[{ input: true, label: '按钮盒模式', prop: 'model' }],
-					[
-						{
-							input: true,
-							label: '按钮值',
-							prop: 'keyValue',
-							rules: [
-								{
-									type: 'number',
-									message: '请输入100以内的数字',
-									trigger: 'blur',
-									transform: (val) => Number(val) <= 100 && Number(val),
-								},
-							],
-							bind: { type: 'number', min: 0, max: 100 },
-						},
-					],
-					[
-						{
-							textarea: true,
-							label: '检测内容',
-							prop: 'inspectionDetContent',
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-						},
-					],
-				]" />
+			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
@@ -134,6 +61,69 @@ export default {
 	components: {},
 	data() {
 		return {
+			rows: [
+				[
+					{
+						select: true,
+						label: '产线',
+						url: '/base/production-line/listAll',
+						prop: 'productionId',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						bind: {
+							filterable: true,
+						},
+					},
+				],
+				[
+					{
+						select: true,
+						label: '工段',
+						url: '/base/workshop-section/listAll',
+						prop: 'sectionId',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+					},
+				],
+				[
+					{
+						input: true,
+						label: '按钮盒识别码',
+						prop: 'buttonId',
+						rules: [
+							{
+								type: 'number',
+								message: '请输入数字',
+								trigger: 'blur',
+								transform: (val) => Number(val),
+							},
+						],
+					},
+				],
+				[{ input: true, label: '按钮盒模式', prop: 'model' }],
+				[
+					{
+						input: true,
+						label: '按钮值',
+						prop: 'keyValue',
+						rules: [
+							{
+								type: 'number',
+								message: '请输入100以内的数字',
+								trigger: 'blur',
+								transform: (val) => Number(val) <= 100 && Number(val),
+							},
+						],
+						bind: { type: 'number', min: 0, max: 100 },
+					},
+				],
+				[
+					{
+						textarea: true,
+						label: '检测内容',
+						prop: 'inspectionDetContent',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+					},
+				],
+			],
 			searchBarFormConfig: [
 				{
 					type: 'input',
diff --git a/src/views/quality/components/dialogForm.vue b/src/views/quality/components/dialogForm.vue
index 4a6b3f7d..2db7ffd9 100644
--- a/src/views/quality/components/dialogForm.vue
+++ b/src/views/quality/components/dialogForm.vue
@@ -108,6 +108,18 @@ export default {
 			},
 		},
 	},
+	watch: {
+		rows: {
+			handler() {
+				console.log('watch triggered!');
+				this.$nextTick(() => {
+					this.handleOptions('watch');
+				});
+			},
+			deep: true,
+			immediate: false,
+		},
+	},
 	mounted() {
 		// 处理 options
 		this.handleOptions();
@@ -125,32 +137,18 @@ export default {
 			const response = await this.$axios(url);
 			return response.data;
 		},
-		handleOptions() {
+		async handleOptions(trigger = 'monuted') {
 			// console.log("[dialogForm:handleOptions]")
 			const promiseList = [];
 			this.rows.forEach((cols) => {
-				cols.forEach(async (opt) => {
-					if (opt.onChange) {
-						this.$watch(`form.${opt.prop}`, {
-							handler: (val) => {
-								this.$emit(opt.onChange.emit, val);
-							},
-							immediate: true,
-						});
-					}
-					if (opt.listen) {
-						// 注册监听时间
-						this.$on(opt.listen, (val) => {
-							alert(val);
-						});
-					}
-					if (opt.value) {
+				cols.forEach((opt) => {
+					if (opt.value && !this.form[opt.prop]) {
 						// 默认值
 						this.form[opt.prop] = opt.value;
 					}
 
 					if (opt.options) {
-						this.optionListOf[opt.prop] = opt.options;
+						this.$set(this.optionListOf, opt.prop, opt.options);
 					} else if (opt.url) {
 						// 如果是下拉框，或者新增模式下的输入框，才去请求
 						if (opt.select || (opt.input && !this.form?.id)) {
@@ -179,19 +177,23 @@ export default {
 								}
 							});
 						}
-						try {
-							// this.formLoading = true;
-							// console.log("[dialogForm:handleOptions:promiseList]", promiseList)
-							await Promise.all(promiseList.map((fn) => fn()));
-							this.formLoading = false;
-							// console.log("[dialogForm:handleOptions:optionListOf]", this.optionListOf)
-						} catch (error) {
-							console.log('[dialogForm:handleOptions:error]', error);
-							this.formLoading = false;
-						}
 					}
 				});
 			});
+
+			// 如果是 watch 触发的，不需要执行进一步的请求
+			if (trigger == 'watch') {
+				this.formLoading = false;
+				return;
+			}
+			try {
+				await Promise.all(promiseList.map((fn) => fn()));
+				this.formLoading = false;
+				// console.log("[dialogForm:handleOptions:optionListOf]", this.optionListOf)
+			} catch (error) {
+				console.log('[dialogForm:handleOptions:error]', error);
+				this.formLoading = false;
+			}
 			if (!promiseList.length) this.formLoading = false;
 		},
 	},
diff --git a/src/views/quality/monitoring/qualityInspectionRecord/index.vue b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
index 3f78ff3c..3f3a0de7 100644
--- a/src/views/quality/monitoring/qualityInspectionRecord/index.vue
+++ b/src/views/quality/monitoring/qualityInspectionRecord/index.vue
@@ -38,107 +38,7 @@
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
-			<DialogForm
-				v-if="open"
-				ref="form"
-				:dataForm="form"
-				:rows="[
-					[
-						{
-							select: true,
-							label: '检测内容ID',
-							url: '/base/quality-inspection-det/listAll',
-							prop: 'inspectionDetId',
-							labelKey: 'content',
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-							bind: {
-								filterable: true,
-							},
-						},
-						{
-							select: true,
-							label: '来源',
-							prop: 'source',
-							value: 1, // 默认手动
-							options: [
-								{ label: '手动', value: 1 },
-								{ label: '自动', value: 2 },
-							],
-							bind: {
-								filterable: true,
-							},
-						},
-						// {
-						// 	input: true,
-						// 	label: '',
-						// 	prop: 'buttonId',
-						// 	rules: [
-						// 		{
-						// 			type: 'number',
-						// 			message: '请输入数字',
-						// 			trigger: 'blur',
-						// 			transform: (val) => Number(val),
-						// 		},
-						// 	],
-						// },
-					],
-					[
-						// 此方案必须，工段（含listen）字段必须在产线字段（含onChange）之前
-						{
-							select: true,
-							label: '工段',
-							url: '/base/workshop-section/listAll',
-							prop: 'sectionId',
-							listen: 'productionLineChange', // 对应上面 emit
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-						},
-						{
-							select: true,
-							label: '产线',
-							url: '/base/production-line/listAll',
-							prop: 'productionLineId',
-							onChange: { emit: 'productionLineChange' },
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-						},
-					],
-					[
-						{
-							input: true,
-							label: '检测人员',
-							prop: 'checkPerson',
-							rules: [
-								// {
-								// 	type: 'number',
-								// 	message: '请输入数字',
-								// 	trigger: 'blur',
-								// 	transform: (val) => Number(val),
-								// },
-							],
-						},
-						{
-							datetime: true,
-							label: '检测时间',
-							prop: 'checkTime',
-							bind: {
-								format: 'yyyy-MM-dd HH:mm:ss',
-								'value-format': 'timestamp',
-								// 'value-format': 'yyyy-MM-dd HH:mm:ss',
-								clearable: true,
-							},
-						},
-					],
-					[
-						{
-							textarea: true,
-							label: '检测内容',
-							prop: 'inspectionDetContent',
-							value: '',
-							rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-						},
-					],
-					[{ textarea: true, label: '描述', prop: 'explainText' }],
-					[{ input: true, label: '备注', prop: 'remark' }],
-				]" />
+			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
@@ -164,6 +64,80 @@ export default {
 	mixins: [basicPageMixin],
 	data() {
 		return {
+			rows: [
+				[
+					{
+						select: true,
+						label: '检测内容ID',
+						url: '/base/quality-inspection-det/listAll',
+						prop: 'inspectionDetId',
+						labelKey: 'content',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						bind: {
+							filterable: true,
+						},
+					},
+					{
+						select: true,
+						label: '来源',
+						prop: 'source',
+						value: 1, // 默认手动
+						options: [
+							{ label: '手动', value: 1 },
+							{ label: '自动', value: 2 },
+						],
+						bind: {
+							filterable: true,
+						},
+					},
+				],
+				[
+					{
+						select: true,
+						label: '产线',
+						url: '/base/production-line/listAll',
+						prop: 'productionLineId',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+					},
+					{
+						select: true,
+						label: '工段',
+						url: '/base/workshop-section/listAll', // 这个 url 其实可加可不加，因为下面会更新 options
+						options: [], // 这个options也可加可不加, 因为下面会更新 options
+						prop: 'sectionId',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+					},
+				],
+				[
+					{
+						input: true,
+						label: '检测人员',
+						prop: 'checkPerson',
+					},
+					{
+						datetime: true,
+						label: '检测时间',
+						prop: 'checkTime',
+						bind: {
+							format: 'yyyy-MM-dd HH:mm:ss',
+							'value-format': 'timestamp',
+							// 'value-format': 'yyyy-MM-dd HH:mm:ss',
+							clearable: true,
+						},
+					},
+				],
+				[
+					{
+						textarea: true,
+						label: '检测内容',
+						prop: 'inspectionDetContent',
+						value: '',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+					},
+				],
+				[{ textarea: true, label: '描述', prop: 'explainText' }],
+				[{ input: true, label: '备注', prop: 'remark' }],
+			],
 			searchBarFormConfig: [
 				{
 					type: 'select',
@@ -296,6 +270,31 @@ export default {
 		this.getList();
 		this.getProductLineList();
 	},
+	watch: {
+		// 注册弹窗里产线改变时的监听事件
+		'form.productionLineId': {
+			handler: function (val) {
+				if (val == null) return;
+				this.$axios('/base/workshop-section/listByParentId', {
+					params: {
+						id: val,
+					},
+				}).then((response) => {
+					this.$set(
+						this.rows[1][1], // 这里索引是硬编码，所以当 this.rows 里数据顺序改变时，此处也要改
+						'options',
+						response.data.map((item) => {
+							return {
+								label: item.name,
+								value: item.id,
+							};
+						})
+					);
+				});
+			},
+			immediate: true,
+		},
+	},
 	methods: {
 		/** 获取搜索栏的产线列表 */
 		getProductLineList() {
-- 
2.45.2