From 89e86c31bbaeaa98e4ea79f1ea2a3bb70c99b417 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Fri, 23 Feb 2024 17:03:55 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E5=B7=A1=E6=A3=80=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/specialEquipment/check/Config.vue   |   1 +
 .../specialEquipment/check/Record-add.vue     | 504 --------------
 .../specialEquipment/check/Record-detail.vue  | 636 ++++++++++++++++++
 src/views/specialEquipment/check/Record.vue   |  16 +-
 4 files changed, 649 insertions(+), 508 deletions(-)
 delete mode 100644 src/views/specialEquipment/check/Record-add.vue
 create mode 100644 src/views/specialEquipment/check/Record-detail.vue

diff --git a/src/views/specialEquipment/check/Config.vue b/src/views/specialEquipment/check/Config.vue
index aef4b49b..925cf71b 100644
--- a/src/views/specialEquipment/check/Config.vue
+++ b/src/views/specialEquipment/check/Config.vue
@@ -365,6 +365,7 @@ export default {
 							status: 0,
 							special: true,
 						},
+						responseType: 'blob',
 					});
 				})
 				.then((response) => {
diff --git a/src/views/specialEquipment/check/Record-add.vue b/src/views/specialEquipment/check/Record-add.vue
deleted file mode 100644
index 3da17625..00000000
--- a/src/views/specialEquipment/check/Record-add.vue
+++ /dev/null
@@ -1,504 +0,0 @@
-<!-- 
-    filename: dialogForm.vue
-    author: liubin
-    date: 2023-10-31 15:55:13
-    description: 
--->
-
-<template>
-	<el-drawer
-		ref="drawer"
-		:visible.sync="visible"
-		:show-close="false"
-		:wrapper-closable="isdetail"
-		class="drawer"
-		size="55%"
-		@closed="$emit('destroy')">
-		<small-title slot="title" :no-padding="true">
-			{{ isdetail ? '查看详情' : !dataForm.id ? '新增' : '编辑' }}
-		</small-title>
-
-		<el-form
-			ref="dataForm"
-			style="margin: 0 16px; padding: 0 16px"
-			:model="dataForm"
-			:rules="dataRule"
-			label-width="100px"
-			label-position="top"
-			v-loading="formLoading">
-			<el-row :gutter="20">
-				<el-col :span="8">
-					<el-form-item
-						label="设备大类"
-						prop="equipmentCategory"
-						:rules="[
-							{ required: true, message: '请选择设备大类', trigger: 'blur' },
-						]">
-						<el-select
-							v-model="dataForm.equipmentCategory"
-							:disabled="isdetail"
-							:placeholder="`请选择设备大类`"
-							filterable
-							@change="handleEqTypeChange">
-							<el-option
-								v-for="opt in equipmentTypeOptions"
-								:key="opt.value"
-								:label="opt.label"
-								:value="opt.value" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-
-				<el-col :span="8">
-					<el-form-item
-						label="设备名称"
-						prop="equipmentId"
-						:rules="[
-							{ required: true, message: '设备不能为空', trigger: 'blur' },
-						]">
-						<el-select
-							v-model="dataForm.equipmentId"
-							filterable
-							clearable
-							:disabled="isdetail"
-							style="width: 100%"
-							placeholder="请选择设备名称"
-							@change="setConfig">
-							<el-option
-								v-for="dict in equipmentOptions"
-								:key="dict.value"
-								:label="dict.label"
-								:value="dict.value" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<!-- <el-form-item label="物料名称" prop="name">
-						<el-input v-model="dataForm.name" :disabled="isdetail" clearable placeholder="请输入物料名称" />
-					</el-form-item> -->
-					<el-form-item
-						label="巡检配置名称"
-						prop="configId"
-						:rules="[
-							{ required: true, message: '巡检配置不能为空', trigger: 'blur' },
-						]">
-						<el-select
-							v-model="dataForm.configId"
-							filterable
-							clearable
-							:disabled="isdetail"
-							style="width: 100%"
-							placeholder="请选择巡检配置"
-							@change="setInspectionContet">
-							<el-option
-								v-for="dict in configList"
-								:key="dict.id"
-								:label="dict.name"
-								:value="dict.id" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<el-form-item label="设备编码" prop="equipmentCode">
-						<el-input
-							v-model="dataForm.equipmentCode"
-							disabled
-							clearable
-							placeholder="请输入设备编码" />
-					</el-form-item>
-				</el-col>
-
-				<el-col :span="8">
-					<el-form-item label="巡检人" prop="responsible">
-						<el-input
-							v-model="dataForm.responsible"
-							:disabled="isdetail"
-							clearable
-							placeholder="请输入巡检人" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<el-form-item label="巡检时间" prop="actualTime">
-						<el-date-picker
-							v-model="dataForm.actualTime"
-							type="datetime"
-							:disabled="isdetail"
-							format="yyyy-MM-dd HH:mm:ss"
-							value-format="timestamp"
-							placeholder="选择巡检时间" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<el-form-item label="数据来源" prop="origin">
-						<el-select
-							v-model="dataForm.origin"
-							filterable
-							clearable
-							:disabled="isdetail"
-							style="width: 100%"
-							placeholder="请选择数据来源">
-							<el-option key="1" label="手动" :value="1" />
-							<el-option key="2" label="PDA" :value="2" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-			</el-row>
-
-			<el-form-item label="巡检内容">
-				<base-table
-					:table-props="tableProps"
-					:page="listQuery.pageNo"
-					:limit="listQuery.pageSize"
-					:table-data="list" />
-			</el-form-item>
-			<el-form-item label="巡检详情" prop="description">
-				<editor
-					v-if="!isdetail"
-					v-model="dataForm.description"
-					:min-height="150" />
-				<div
-					v-else
-					v-html="dataForm.description"
-					style="padding: 5px; margin-left: 5px; border: 1px solid #dfdfdf" />
-			</el-form-item>
-			<el-form-item label="附件">
-				<FileUpload
-					v-model="file"
-					:limit="1"
-					:f-name="fileName"
-					:disabled="isdetail"
-					@name="setFileName" />
-			</el-form-item>
-		</el-form>
-
-		<div v-if="!isdetail" class="drawer-body__footer">
-			<el-button @click="goback()">取消</el-button>
-			<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
-		</div>
-	</el-drawer>
-</template>
-
-<script>
-import SmallTitle from './SmallTitle.vue';
-import {
-	createCheckLog,
-	updateCheckLog,
-	getcheckConfigByEqList,
-	getEqCheckLog,
-} from '@/api/equipment/base/inspection/record';
-import { getEquipmentAll } from '@/api/base/equipment';
-import Editor from '@/components/Editor';
-import { getCheckDetPage } from '@/api/equipment/base/inspection/settings';
-// import FileUpload from "@/components/FileUpload";
-// import { parseTime } from '../../../../core/mixins/code-filter';
-// import attrAdd from './attr-add';
-import FileUpload from '@/components/FileUpload';
-
-const tableBtn = [
-	{
-		type: 'delete',
-		btnName: '删除',
-	},
-];
-
-const tableProps = [
-	{
-		prop: 'program',
-		label: '巡检项目',
-	},
-	{
-		prop: 'content',
-		label: '巡检内容',
-	},
-];
-
-export default {
-	name: 'AddRecord',
-	model: {
-		prop: 'dataForm',
-		event: 'update',
-	},
-	emits: ['update'],
-	components: { SmallTitle, Editor, FileUpload },
-	props: {
-		// dataForm: {
-		// 	type: Object,
-		// 	default: () => ({}),
-		// },
-		// disabled: {
-		// 	type: Boolean,
-		// 	default: false
-		// },
-	},
-	data() {
-		return {
-			tableBtn,
-			tableProps,
-			addOrUpdateVisible: false,
-			formLoading: true,
-			visible: false,
-			isdetail: false,
-			dataForm: {
-				id: undefined,
-				configId: undefined,
-				equipmentId: undefined,
-				actualTime: undefined,
-				responsible: undefined,
-				description: undefined,
-				equipmentCode: undefined,
-				equipmentCategory: undefined,
-				origin: 1,
-				files: [],
-			},
-			equipmentTypeOptions: [
-				{ label: '安全设备', value: 1 },
-				{ label: '消防设备', value: 2 },
-				{ label: '特种设备', value: 3 },
-			],
-			list: [],
-			eqList: [],
-			configList: [],
-			listQuery: {
-				pageSize: 10,
-				pageNo: 1,
-				total: 0,
-			},
-			file: '',
-			fileName: '',
-			dataRule: {
-				responsible: [
-					{ required: true, message: '巡检人不能为空', trigger: 'blur' },
-				],
-				actualTime: [
-					{ required: true, message: '巡检时间不能为空', trigger: 'blur' },
-				],
-			},
-		};
-	},
-	mounted() {
-		this.getDict();
-	},
-	methods: {
-		setFileName(val) {
-			this.fileName = val;
-		},
-		async getDict() {
-			const res = await getEquipmentAll();
-			this.eqList = res.data;
-			this.handleEqTypeChange();
-
-			const configres = await getcheckConfigByEqList();
-			this.configList = configres.data;
-		},
-		async setConfig() {
-			const configres = await getcheckConfigByEqList({
-				equipmentId: this.dataForm.equipmentId,
-			});
-			this.configList = configres.data;
-			this.dataForm.configId =
-				this.configList.filter((it) => {
-					return it.id === this.dataForm.configId;
-				})[0]?.id ?? undefined;
-			this.dataForm.equipmentCode =
-				this.eqList.filter((item) => {
-					return item.id === this.dataForm.equipmentId;
-				})[0]?.code ?? undefined;
-		},
-		goback() {
-			this.$emit('refreshDataList');
-			this.visible = false;
-		},
-		goEdit() {
-			this.isdetail = false;
-		},
-		/** 模拟透传 ref  */
-		validate(cb) {
-			return this.$refs.dataForm.validate(cb);
-		},
-		resetFields(args) {
-			return this.$refs.dataForm.resetFields(args);
-		},
-		initData() {
-			this.list = [];
-			this.file = '';
-			this.fileName = '';
-		},
-		init(id, isdetail) {
-			this.initData();
-			this.isdetail = isdetail || false;
-			this.dataForm.id = id || undefined;
-			this.visible = true;
-
-			// const scrollContainer = this.$refs.dataForm;
-			// const scrollPosition = scrollContainer.scrollTop;
-			// console.log('12', scrollPosition);
-
-			this.$nextTick(() => {
-				this.$refs['dataForm'].resetFields();
-
-				if (this.dataForm.id) {
-					// 获取巡检记录
-					getEqCheckLog(this.dataForm.id).then((response) => {
-						this.formLoading = false;
-						this.dataForm = response.data;
-						if (this.dataForm.files.length > 0) {
-							this.file = this.dataForm.files[0].fileUrl;
-							this.fileName = this.dataForm.files[0].fileName;
-						}
-						this.dataForm.description = this.dataForm.description || '无';
-						this.setConfig();
-						this.setInspectionContet();
-					});
-				} else {
-					// if (this.urlOptions.isGetCode) {
-					//   this.getCode()
-					// }
-				}
-			});
-			this.formLoading = false;
-		},
-		setInspectionContet() {
-			// 根据巡检配置名称获得巡检配置详细对应巡检内容
-			getCheckDetPage({
-				pageNo: 1,
-				pageSize: 99,
-				configId: this.dataForm.configId,
-			}).then((response) => {
-				this.list = response.data.list;
-				this.listQuery.total = response.data.total;
-			});
-		},
-		// 新增 / 修改
-		addNew(id) {
-			this.addOrUpdateVisible = true;
-			this.$nextTick(() => {
-				this.$refs.addOrUpdate.init(id);
-			});
-		},
-		handleEqTypeChange(type) {
-			this.dataForm.equipmentId = null;
-			this.dataForm.equipmentCode = null;
-			if (type) {
-				this.equipmentOptions = this.eqList
-					.filter((item) => item.special)
-					.filter((item) => item.specialType === type)
-					.map((item) => ({ label: item.name, value: item.id }));
-			} else
-				this.equipmentOptions = this.eqList
-					// .filter((item) => item.special)
-					.map((item) => ({
-						label: item.name,
-						value: item.id,
-					}));
-			// this.$emit('update', this.form)
-		},
-		// 表单提交
-		dataFormSubmit() {
-			this.$refs['dataForm'].validate((valid) => {
-				if (!valid) {
-					return false;
-				}
-				if (this.file) {
-					const temp = this.file.split(','); // 获取文件个数
-					let arry = [];
-					temp.forEach((item, index) => {
-						arry.push({
-							fileName: this.fileName,
-							fileType: 2,
-							fileUrl: item,
-						});
-					});
-					this.dataForm.files = arry;
-				} else {
-					this.dataForm.files = [];
-				}
-
-				// 修改的提交
-				if (this.dataForm.id) {
-					updateCheckLog(this.dataForm).then((response) => {
-						this.$modal.msgSuccess('修改成功');
-						this.visible = false;
-						this.$emit('refreshDataList');
-					});
-					return;
-				}
-				// 添加的提交
-				createCheckLog(this.dataForm).then((response) => {
-					this.$modal.msgSuccess('新增成功');
-					this.visible = false;
-					this.$emit('refreshDataList');
-				});
-			});
-		},
-	},
-};
-</script>
-
-<style scoped>
-.el-date-editor,
-.el-select {
-	width: 100%;
-}
-.drawer-body__footer {
-	display: flex;
-	justify-content: flex-end;
-	padding: 18px;
-}
-.action_btn {
-	float: right;
-	margin: 5px 15px;
-	font-size: 14px;
-}
-.add {
-	color: #0b58ff;
-}
-.drawer >>> .el-drawer {
-	border-radius: 8px 0 0 8px;
-	display: flex;
-	flex-direction: column;
-}
-
-.drawer >>> .el-form-item__label {
-	padding: 0;
-}
-
-.drawer >>> .el-drawer__header {
-	margin: 0;
-	padding: 32px 32px 24px;
-	border-bottom: 1px solid #dcdfe6;
-}
-.drawer >>> .el-drawer__body {
-	flex: 1;
-	height: 1px;
-	margin: 10px 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.drawer >>> .content {
-	padding: 30px 24px;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	/* height: 100%; */
-}
-
-.drawer >>> .visual-part {
-	flex: 1 auto;
-	max-height: 76vh;
-	overflow: hidden;
-	overflow-y: scroll;
-	padding-right: 10px; /* 调整滚动条样式 */
-}
-
-.drawer >>> .el-form,
-.drawer >>> .attr-list {
-	padding: 0 16px;
-}
-
-.drawer-body__footer {
-	display: flex;
-	justify-content: flex-end;
-	padding: 18px;
-}
-</style>
diff --git a/src/views/specialEquipment/check/Record-detail.vue b/src/views/specialEquipment/check/Record-detail.vue
new file mode 100644
index 00000000..833cc738
--- /dev/null
+++ b/src/views/specialEquipment/check/Record-detail.vue
@@ -0,0 +1,636 @@
+<!-- 
+    filename: Record-detail.vue
+    author: liubin
+    date: 2024-2-24 11:38:56
+    description: 
+-->
+
+<template>
+	<el-drawer
+		:visible="visible"
+		:show-close="false"
+		:wrapper-closable="false"
+		class="drawer"
+		custom-class="mes-drawer"
+		size="60%"
+		@closed="$emit('destroy')">
+		<SmallTitle slot="title">查看详情</SmallTitle>
+
+		<div class="drawer-body flex">
+			<div class="drawer-body__content">
+				<div class="form-part" style="margin-bottom: 32px">
+					<!-- <el-skeleton v-if="!showForm" animated /> -->
+					<el-form
+						class="equipment-info-form"
+						ref="form"
+						:model="form"
+						label-width="200px"
+						label-position="top"
+						v-loading="formLoading">
+						<el-row :gutter="20">
+							<el-col :span="8">
+								<el-form-item label="巡检单名称" prop="name">
+									{{ form.name }}
+								</el-form-item>
+							</el-col>
+
+							<el-col :span="8">
+								<el-form-item label="部门" prop="department">
+									{{ form.department }}
+								</el-form-item>
+							</el-col>
+
+							<el-col :span="8">
+								<el-form-item label="班次" prop="groupClass">
+									{{ form.groupClass }}
+								</el-form-item>
+							</el-col>
+
+							<el-col :span="8">
+								<el-form-item label="巡检人" prop="checkPerson">
+									{{ form.checkPerson }}
+								</el-form-item>
+							</el-col>
+
+							<el-col :span="8">
+								<el-form-item label="巡检时间" prop="planCheckTime">
+									{{ form.planCheckTime | parseTime }}
+								</el-form-item>
+							</el-col>
+
+							<el-col :span="8">
+								<el-form-item label="确认人" prop="confirmPerson">
+									{{ form.confirmPerson }}
+								</el-form-item>
+							</el-col>
+						</el-row>
+					</el-form>
+				</div>
+
+				<SmallTitle>巡检内容</SmallTitle>
+
+				<div style="margin-top: 12px; position: relative">
+					<!-- <SearchBar
+						:formConfigs="searchBarFormConfig"
+						ref="attr-search-bar"
+						@headBtnClick="handleSearchBarBtnClick" /> -->
+				</div>
+
+				<div style="margin-top: 12px; position: relative">
+					<div
+						v-if="!disableEdit"
+						style="position: absolute; top: -40px; right: 0">
+						<el-button @click="handleAddAttr" type="text">
+							<i class="el-icon-plus"></i>
+							添加内容
+						</el-button>
+					</div>
+					<base-table
+						v-loading="attrListLoading"
+						:table-props="attrTableProps"
+						:page="attrQuery?.params.pageNo || 1"
+						:limit="attrQuery?.params.pageSize || 10"
+						:table-data="attrList"
+						@emitFun="handleEmitFun">
+						<method-btn
+							slot="handleBtn"
+							label="操作"
+							v-if="!disableEdit"
+							:method-list="tableBtn"
+							@clickBtn="handleTableBtnClick" />
+					</base-table>
+
+					<!-- 分页组件 -->
+					<pagination
+						v-show="attrTotal > 0"
+						:total="attrTotal"
+						:page.sync="attrQuery.params.pageNo"
+						:limit.sync="attrQuery.params.pageSize"
+						@pagination="getAttrList" />
+				</div>
+			</div>
+
+			<div class="drawer-body__footer">
+				<el-button style="" @click="handleCancel">
+					{{ disableEdit ? '返回' : '取消' }}
+				</el-button>
+				<el-button
+					v-if="!disableEdit"
+					type="primary"
+					:loading="btnLoading"
+					@click="handleConfirm">
+					保存
+				</el-button>
+			</div>
+		</div>
+
+		<!-- 属性对话框 -->
+		<base-dialog
+			:dialogTitle="attrTitle"
+			:dialogVisible="attrFormVisible"
+			width="35%"
+			:append-to-body="true"
+			custom-class="baseDialog"
+			@close="closeAttrForm"
+			@cancel="closeAttrForm"
+			@confirm="submitAttrForm">
+			<DialogForm
+				v-if="attrFormVisible"
+				ref="attrForm"
+				v-model="attrForm"
+				:rows="attrRows" />
+		</base-dialog>
+	</el-drawer>
+</template>
+
+<script>
+import { parseTime } from '../../core/mixins/code-filter';
+import DialogForm from '../../../components/DialogForm/index.vue';
+
+const SmallTitle = {
+	name: 'SmallTitle',
+	props: ['size'],
+	components: {},
+	data() {
+		return {};
+	},
+	methods: {},
+	render: function (h) {
+		return h(
+			'span',
+			{
+				class: 'small-title',
+				style: {
+					fontSize: '18px',
+					lineHeight:
+						this.size == 'lg' ? '24px' : this.size == 'sm' ? '18px' : '20px',
+					fontWeight: 500,
+					fontFamily: '微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif',
+				},
+			},
+			this.$slots.default
+		);
+	},
+};
+
+export default {
+	components: { SmallTitle, DialogForm },
+	props: ['dataId'], // dataId 作为一个通用的存放id的字段
+	filters: { parseTime },
+	data() {
+		return {
+			visible: false,
+			btnLoading: false,
+			form: {},
+			formLoading: false,
+			departmentList: [],
+			inspectorOptions: [],
+			attrTableProps: [
+				{
+					prop: 'equipmentName',
+					label: '设备名称',
+				},
+				{
+					prop: 'program',
+					label: '巡检项目',
+				},
+				{
+					prop: 'checkResult',
+					label: '巡检结果',
+				},
+			],
+			attrList: [],
+			attrTotal: 0,
+			attrTitle: '',
+			attrForm: {
+				id: null,
+				orderId: null,
+				program: null,
+				checkResult: null,
+				equipmentId: null,
+			},
+			attrFormVisible: false,
+			attrRows: [
+				[
+					{
+						select: true,
+						label: '设备名称',
+						prop: 'equipmentId',
+						url: '/base/core-equipment/page?pageNo=1&pageSize=100&special=true',
+						rules: [
+							{ required: true, message: '设备不能为空', trigger: 'blur' },
+						],
+					},
+				],
+				[
+					{
+						input: true,
+						label: '巡检项目',
+						prop: 'program',
+						rules: [
+							{ required: true, message: '巡检项目不能为空', trigger: 'blur' },
+						],
+					},
+				],
+				[
+					{
+						input: true,
+						label: '巡检结果',
+						prop: 'checkResult',
+						rules: [
+							{ required: true, message: '巡检结果不能为空', trigger: 'blur' },
+						],
+					},
+				],
+			],
+			attrQuery: {
+				params: {
+					pageNo: 1,
+					pageSize: 10,
+					equipmentName: null,
+				},
+			}, // 属性列表的请求
+			searchBarFormConfig: [
+				{
+					type: 'input',
+					label: '设备',
+					placeholder: '请输入设备名称',
+					param: 'equipmentName',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+			],
+			attrFormSubmitting: false,
+			attrListLoading: false,
+			// syncFileListFlag: null,
+			tableBtn: [
+				{
+					type: 'edit',
+					btnName: '编辑',
+				},
+				{
+					type: 'delete',
+					btnName: '删除',
+				},
+			],
+			row: null,
+			groupOptions: [],
+			disableEdit: false,
+		};
+	},
+	computed: {
+		departmentOptions() {
+			return (this.departmentList || []).map((item) => ({
+				id: item.id,
+				label: item.name,
+				value: item.id,
+			}));
+		},
+	},
+	mounted() {
+		// this.formLoading = true;
+		// this.getList('department');
+		// this.getList('groupClass');
+		// this.getList('inspector');
+	},
+	methods: {
+		handleSearchBarBtnClick(btn) {
+			switch (btn.btnName) {
+				case 'search':
+					this.attrQuery.params.equipmentName = btn.equipmentName;
+					this.getAttrList();
+					break;
+			}
+		},
+		handleTableBtnClick({ type, data }) {
+			switch (type) {
+				case 'edit':
+					this.handleEditAttr(data.id);
+					break;
+				case 'delete':
+					this.handleDeleteAttr(data.id);
+					break;
+			}
+		},
+		async handleConfirm() {
+			this.btnLoading = true;
+			this.$nextTick(async () => {
+				const { code, data } = await this.$axios({
+					url: '/base/equipment-check-order/update',
+					method: 'put',
+					data: {
+						...this.form,
+						groupClass: this.form.groupClass.join(','),
+						checkPerson: this.form.checkPerson.join(','),
+					},
+				});
+				if (code == 0) {
+					this.$modal.msgSuccess('更新成功');
+				}
+				this.btnLoading = false;
+				this.$emit('refreshDataList');
+				this.handleCancel();
+			});
+		},
+
+		handleEmitFun(val) {
+			console.log('handleEmitFun', val);
+		},
+
+		init(row, detail) {
+			if (detail) this.disableEdit = true;
+			this.visible = true;
+			this.row = row;
+			this.getInfo(row);
+			this.getAttrList(row);
+		},
+
+		async getInfo(row) {
+			const res = await this.$axios(
+				'/base/equipment-check-order/get?id=' + row.id
+			);
+			if (res.code == 0) {
+				this.form = res.data;
+				// this.form.groupClass = res.data.groupClass.split(',');
+				// this.form.checkPerson = res.data.checkPerson?.split(',');
+				this.formLoading = false;
+			}
+			this.formLoading = false;
+		},
+
+		async getAttrList(row, condition = {}) {
+			if (!row) row = this.row;
+			this.attrListLoading = true;
+			const res = await this.$axios({
+				url: '/base/equipment-check-order-det/page',
+				method: 'get',
+				params: {
+					...this.attrQuery.params,
+					orderId: row.id,
+					...condition,
+				},
+			});
+			if (res.code == 0) {
+				this.attrList = res.data.list;
+				this.attrTotal = res.data.total;
+			}
+			this.attrListLoading = false;
+		},
+
+		async getList(source = 'department') {
+			const urls = [
+				'/base/core-department/listAll',
+				'/base/group-classes/listAll',
+			];
+			let res;
+			switch (source) {
+				case 'department':
+					res = await this.$axios(urls[0]);
+					this.departmentList = res.data || [];
+					break;
+				case 'inspector':
+					let inspectorList = [];
+					const userlist = await this.$axios({
+						url: '/system/user/page',
+						params: { pageNo: 1, pageSize: 100 },
+					});
+					if (userlist.code == 0) {
+						inspectorList = inspectorList.concat(
+							(userlist.data?.list || []).map((item) => ({
+								label: item.username,
+								value: item.id,
+							}))
+						);
+					}
+					const workerlist = await this.$axios('/base/core-worker/listAll');
+					if (workerlist.code == 0) {
+						inspectorList = inspectorList.concat(
+							workerlist.data.map((item) => ({
+								label: item.name,
+								value: item.id,
+							}))
+						);
+					}
+					this.inspectorOptions = inspectorList;
+					break;
+				case 'groupClass':
+					res = await this.$axios(urls[1]);
+					this.groupOptions = (res.data || []).map((item) => ({
+						label: item.name,
+						value: item.id,
+					}));
+					break;
+			}
+			this.formLoading = false;
+		},
+
+		// 保存表单
+		handleSave() {
+			this.$refs.form.validate(async (valid) => {
+				if (valid) {
+					await this.$axios({
+						url: '/urlupdate', //  this.sections[0][isEdit ? 'urlUpdate' : 'urlCreate'],
+						method: 'post', // isEdit ? 'put' : 'post',
+						data: this.form,
+					});
+					this.$modal.msgSuccess(`${isEdit ? '更新' : '创建'}成功`);
+					this.visible = false;
+					this.$emit('refreshDataList');
+				}
+			});
+		},
+
+		handleCancel() {
+			this.visible = false;
+		},
+
+		resetAttrform() {
+			this.attrForm = {
+				id: null,
+				orderId: null,
+				equipmentId: null,
+				program: null,
+				checkResult: null,
+			};
+		},
+
+		// 新增属性
+		handleAddAttr() {
+			if (!this.row.id) return this.$message.error('请先选中保养记录');
+			this.resetAttrform();
+			this.attrTitle = '添加设备属性';
+			this.attrFormVisible = true;
+		},
+
+		// 编辑属性
+		async handleEditAttr(attrId) {
+			const res = await this.$axios({
+				url: '/base/equipment-check-order-det/get',
+				method: 'get',
+				params: { id: attrId },
+			});
+			if (res.code == 0) {
+				this.attrForm = res.data;
+				this.attrTitle = '编辑巡检单详情';
+				this.attrFormVisible = true;
+			}
+		},
+
+		// 删除属性
+		handleDeleteAttr(attrId) {
+			this.$confirm('确定删除该巡检内容?', '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(async () => {
+					const res = await this.$axios({
+						url: '/base/equipment-check-order-det/delete?id=' + attrId,
+						method: 'delete',
+					});
+					if (res.code == 0) {
+						this.$message({
+							message: '删除成功',
+							type: 'success',
+							duration: 1500,
+							onClose: () => {
+								this.getAttrList();
+							},
+						});
+					}
+				})
+				.catch(() => {});
+		},
+
+		// 提交属性表
+		submitAttrForm() {
+			this.$refs['attrForm'].validate(async (valid) => {
+				if (!valid) {
+					return;
+				}
+
+				try {
+					const isEdit = this.attrForm.id != null;
+					this.attrFormSubmitting = true;
+					const res = await this.$axios({
+						url: isEdit
+							? '/base/equipment-check-order-det/update'
+							: '/base/equipment-check-order-det/create',
+						method: isEdit ? 'put' : 'post',
+						data: { ...this.attrForm, orderId: this.row.id },
+					});
+
+					if (res.code == 0) {
+						this.closeAttrForm();
+						this.$message({
+							message: `${isEdit ? '更新' : '创建'}成功`,
+							type: 'success',
+							duration: 1500,
+							onClose: () => {
+								this.getAttrList();
+							},
+						});
+					}
+					this.attrFormSubmitting = false;
+				} catch (err) {
+					this.$message({
+						message: err,
+						type: 'error',
+						duration: 1500,
+					});
+					this.attrFormSubmitting = false;
+				}
+			});
+		},
+
+		closeAttrForm() {
+			this.attrFormVisible = false;
+		},
+
+		handleClick(raw) {
+			if (raw.type === 'delete') {
+				this.$confirm(
+					`确定对${
+						raw.data.name
+							? '[名称=' + raw.data.name + ']'
+							: '[序号=' + raw.data._pageIndex + ']'
+					}进行删除操作?`,
+					'提示',
+					{
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					}
+				)
+					.then(() => {
+						deleteProductAttr(raw.data.id).then(({ data }) => {
+							this.$message({
+								message: '操作成功',
+								type: 'success',
+								duration: 1500,
+								onClose: () => {
+									this.getList();
+								},
+							});
+						});
+					})
+					.catch(() => {});
+			} else {
+				this.addNew(raw.data.id);
+			}
+		},
+	},
+};
+</script>
+
+<style scoped>
+.drawer >>> .el-drawer {
+	border-radius: 8px 0 0 8px;
+}
+
+.drawer >>> .el-date-editor,
+.drawer >>> .el-select {
+	width: 100%;
+}
+
+.drawer >>> .el-drawer__header {
+	margin: 0;
+	padding: 32px 32px 24px;
+	border-bottom: 1px solid #dcdfe6;
+	margin-bottom: 0px;
+}
+
+.small-title::before {
+	content: '';
+	display: inline-block;
+	vertical-align: top;
+	width: 4px;
+	height: 22px;
+	border-radius: 1px;
+	margin-right: 8px;
+	background-color: #0b58ff;
+}
+
+.drawer-body {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.drawer-body__content {
+	flex: 1;
+	/* background: #eee; */
+	padding: 20px 30px;
+	overflow-y: auto;
+}
+
+.drawer-body__footer {
+	display: flex;
+	justify-content: flex-end;
+	padding: 18px;
+}
+</style>
diff --git a/src/views/specialEquipment/check/Record.vue b/src/views/specialEquipment/check/Record.vue
index 54ed0c51..aa32bf39 100644
--- a/src/views/specialEquipment/check/Record.vue
+++ b/src/views/specialEquipment/check/Record.vue
@@ -36,19 +36,27 @@
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
+
+		<RecordDetail
+			ref="record-detail"
+			v-if="detailOpen"
+			@refreshDataList="getList"
+			@destroy="detailOpen = false" />
 	</div>
 </template>
 
 <script>
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import { parseTime } from '../../core/mixins/code-filter';
+import RecordDetail from './Record-detail.vue';
 
 export default {
 	name: 'SpecialEquipmentCheckRecord',
-	components: {},
+	components: { RecordDetail },
 	mixins: [basicPageMixin],
 	data() {
 		return {
+			detailOpen: false,
 			addOrUpdateVisible: false,
 			searchBarKeys: ['name', 'actualCheckTime'],
 			tableBtn: [
@@ -213,10 +221,10 @@ export default {
 			this.getList();
 		},
 
-		handleDetail({ id }) {
-			this.addOrUpdateVisible = true;
+		handleDetail(row) {
+			this.detailOpen = true;
 			this.$nextTick(() => {
-				this.$refs.addOrUpdate.init(id, true);
+				this.$refs['record-detail'].init(row, true);
 			});
 		},