update 巡检单待确认

src/api/system/user.js

@@ -26,6 +26,13 @@ export function getUser(userId) {
   })
 }
 
+export function getUserSimple(userId) {
+  return request({
+    url: '/system/user/getSimple?id=' + praseStrEmpty(userId),
+    method: 'get'
+  })
+}
+
 // 新增用户
 export function addUser(data) {
   return request({

src/layout/components/NavbarRight.vue

@@ -26,7 +26,7 @@
 </template>
 <script>
 import moment from 'moment'
-import { getUser } from "@/api/system/user.js";
+import { getUserSimple } from "@/api/system/user.js";
 import {getPath} from "@/utils/ruoyi";
 export default {
   name: 'navRight',
@@ -67,8 +67,8 @@ export default {
     },
     getUserMsg() {
       let id = this.$store.getters.userId
-      getUser(id).then(res => {
-        this.dept = res.data.dept ? res.data.dept.name : ''
+      getUserSimple(id).then(res => {
+        this.dept = res.data.deptName ? res.data.dept.deptName : '---'
       })
     },
     async logout() {

src/views/specialEquipment/check/CheckOrderListTable.vue

@@ -0,0 +1,227 @@
+<!-- 
+    filename: WaitingListTable.vue
+    author: liubin
+    date: 2024-02-05 16:12:55
+    description: 
+-->
+
+<template>
+	<el-table
+		:data="tableDataWithIndex"
+		:border="true"
+		@selection-change="handleSelectionChange"
+		style="width: 100%"
+		:header-cell-style="{
+			background: '#f2f4f9',
+			color: '#606266',
+		}"
+		class="waiting-list-table">
+		<el-table-column
+			type="selection"
+			:width="50"
+			:selectable="checkSelectable" />
+		<el-table-column prop="_pageIndex" width="80" align="center">
+			<template slot="header">
+				<el-popover placement="bottom-start" width="300" trigger="click">
+					<div class="setting-box" style="max-height: 400px; overflow-y: auto">
+						<el-checkbox
+							v-for="(item, index) in tablePropsLabelList"
+							:key="'cb' + index"
+							v-model="selectedBox[index]"
+							:label="item.label" />
+					</div>
+					<i slot="reference" class="el-icon-s-tools" />
+				</el-popover>
+			</template>
+		</el-table-column>
+		<el-table-column
+			v-if="selectedBox[0]"
+			label="巡检单名称"
+			prop="name"></el-table-column>
+		<el-table-column v-if="selectedBox[1]" label="部门" prop="planName">
+			<template slot-scope="scope">
+				{{ scope.row.department || '---' }}
+			</template>
+		</el-table-column>
+		<el-table-column
+			v-if="selectedBox[2]"
+			label="巡检时间"
+			prop="planCheckTime">
+			<template slot-scope="scope">
+				{{ scope.row.planCheckTime | timeFilter }}
+			</template>
+		</el-table-column>
+		<el-table-column
+			v-if="selectedBox[3]"
+			label="确认截止时间"
+			prop="confirmDueTime">
+			<template slot-scope="scope">
+				{{ scope.row.confirmDueTime || '---' }}
+			</template>
+		</el-table-column>
+		<el-table-column
+			v-if="selectedBox[4]"
+			width="150"
+			label="备注"
+			prop="remark">
+			<template slot-scope="scope">
+				{{ scope.row.remark }}
+			</template>
+		</el-table-column>
+
+		<el-table-column width="188" label="操作">
+			<template slot-scope="scope">
+				<el-tooltip content="确认" placement="top">
+					<el-button
+						type="text"
+						style="margin: 5px 0; padding: 0"
+						:disabled="!checkSelectable(scope.row)"
+						@click="$emit('confirm', scope.row)">
+						确认
+					</el-button>
+				</el-tooltip>
+				<!-- line  -->
+				<span style="margin: 0 4px; font-size: 18px; color: #e5e7eb">|</span>
+				<el-tooltip content="查看详情" placement="top">
+					<el-button
+						type="text"
+						style="margin: 5px 0; padding: 0"
+						@click="$emit('detail', scope.row)">
+						<i class="iconfont icon-detail primary-color" />
+					</el-button>
+				</el-tooltip>
+				<!-- line  -->
+				<span style="margin: 0 4px; font-size: 18px; color: #e5e7eb">|</span>
+				<el-tooltip content="编辑" placement="top">
+					<el-button
+						type="text"
+						style="margin: 5px 0; padding: 0"
+						@click="$emit('edit', scope.row)">
+						<i class="iconfont icon-edit primary-color" />
+					</el-button>
+				</el-tooltip>
+				<!-- line  -->
+				<span style="margin: 0 4px; font-size: 18px; color: #e5e7eb">|</span>
+				<el-tooltip content="删除" placement="top">
+					<el-button
+						type="text"
+						style="margin: 5px 0; padding: 0"
+						@click="$emit('delete', scope.row)">
+						<i class="iconfont icon-delete delete-color" />
+					</el-button>
+				</el-tooltip>
+			</template>
+		</el-table-column>
+	</el-table>
+</template>
+
+<script>
+import moment from 'moment';
+
+export default {
+	name: 'WaitingListTable',
+	components: {},
+	props: ['tableData', 'page', 'limit'],
+	filters: {
+		timeFilter: (val) =>
+			val ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '---',
+	},
+	data() {
+		return {
+			tablePropsLabelList: [
+				{
+					label: '巡检单名称',
+				},
+				{
+					label: '部门',
+				},
+				{
+					label: '巡检时间',
+				},
+				{
+					label: '确认截止时间',
+				},
+				{
+					label: '备注',
+				},
+			],
+			selectedBox: [true, true, true, true, true],
+			selectedOrder: [],
+		};
+	},
+	computed: {
+		tableDataWithIndex() {
+			return this.tableData.map((item, index) => ({
+				...item,
+				_pageIndex: (this.page - 1) * this.limit + index + 1,
+			}));
+		},
+	},
+	methods: {
+		checkSelectable(row, index) {
+			return true;
+			// return (
+			// 	row.relatePlan == 2 ||
+			// 	(row.relatePlan == 1 &&
+			// 		(!row.confirmDueTime || +row.confirmDueTime >= new Date().getTime()))
+			// );
+		},
+		handleSelectionChange(val) {
+			this.selectedOrder = val;
+		},
+	},
+};
+</script>
+
+<style scoped>
+@import './iconfont/iconfont.css';
+.delete-color {
+	color: #ff5454;
+}
+.primary-color {
+	color: #0b58ff;
+}
+
+.baseTable .show-col-btn {
+	margin-right: 5px;
+	line-height: inherit;
+	cursor: pointer;
+}
+.baseTable .el-icon-refresh {
+	cursor: pointer;
+}
+</style>
+<style>
+.waiting-list-table .el-table__body tr.current-row > td.el-table__cell {
+	background-color: #eaf1fc;
+}
+.waiting-list-table.el-table .el-table__cell {
+	padding: 0;
+	height: 35px;
+}
+.waiting-list-table .addButton {
+	width: 100%;
+	height: 35px;
+	border-top: none;
+	color: #0b58ff;
+	border-color: #ebeef5;
+	border-radius: 0;
+}
+.waiting-list-table .addButton:hover {
+	color: #0b58ff;
+	border-color: #ebeef5;
+	background-color: #fff;
+}
+.waiting-list-table .addButton:focus {
+	border-color: #ebeef5;
+	background-color: #fff;
+}
+
+.el-tooltip__popper.is-dark {
+	background: rgba(0, 0, 0, 0.6) !important;
+}
+.el-tooltip__popper .popper__arrow,
+.el-tooltip__popper .popper__arrow::after {
+	border-top-color: rgba(0, 0, 0, 0.4) !important;
+}
+</style>

src/views/specialEquipment/check/Config.vue

@@ -84,12 +84,12 @@ export default {
 							btnName: '修改',
 					  }
 					: undefined,
-				this.$auth.hasPermi('equipment:check-setting:update')
-					? {
-							type: 'detail',
-							btnName: '查看详情',
-					  }
-					: undefined,
+				// this.$auth.hasPermi('equipment:check-setting:update')
+				// 	? {
+				// 			type: 'detail',
+				// 			btnName: '查看详情',
+				// 	  }
+				// 	: undefined,
 				this.$auth.hasPermi('equipment:check-setting:delete')
 					? {
 							type: 'delete',
@@ -122,9 +122,14 @@ export default {
 					filter: parseTime,
 				},
 				{
+					width: 144,
 					prop: 'confirmTimeLimit',
 					label: '确认时限',
 					showOverflowtooltip: true,
+					filter: (val) =>
+						val != null && val > 24
+							? `${(val - (val % 24)) / 24}天${val % 24}小时`
+							: `${val}小时`,
 				},
 				{ prop: 'groupClass', label: '班次', showOverflowtooltip: true },
 				{ prop: 'creator', label: '创建人', showOverflowtooltip: true },
@@ -170,51 +175,6 @@ export default {
 				// 	color: 'warning',
 				// },
 			],
-			rows: [
-				[
-					{
-						input: true,
-						label: '配置名称',
-						prop: 'name',
-						rules: [
-							{ required: true, message: '配置名称不能为空', trigger: 'blur' },
-						],
-					},
-					{
-						input: true,
-						label: '配置编码',
-						prop: 'code',
-						url: '/base/equipment-check-config/getCode',
-						rules: [
-							{ required: true, message: '配置编码不能为空', trigger: 'blur' },
-						],
-					},
-				],
-				[
-					{
-						select: true,
-						label: '设备名称',
-						prop: 'equipmentId',
-						url: '/base/core-equipment/listAll',
-						bind: {
-							filterable: true,
-							clearable: true,
-						},
-						rules: [
-							{
-								required: true,
-								message: '设备名称不能为空',
-								trigger: 'change',
-							},
-						],
-					},
-					{
-						input: true,
-						label: '设备编码', // TODO: 和设备名称联动估计
-						prop: 'equipmentCode',
-					},
-				],
-			],
 			// 是否显示弹出层
 			open: false,
 			// 查询参数
@@ -222,6 +182,7 @@ export default {
 				pageNo: 1,
 				pageSize: 10,
 				name: null,
+				status: 0,
 			},
 			// 表单参数
 			form: {},
@@ -282,10 +243,9 @@ export default {
 		},
 		/** 取消按钮 */
 		cancel() {
-			this.$refs.add.formClear();
+			this.$refs.add.reset();
 			this.open = false;
 			this.title = '';
-			// this.reset();
 		},
 		/** 表单重置 */
 		reset() {
@@ -310,7 +270,6 @@ export default {
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
-			// this.reset();
 			this.open = true;
 			this.title = '添加巡检设置';
 			this.$nextTick(() => {
@@ -319,17 +278,10 @@ export default {
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
-			// this.reset();
-			// const id = row.id;
-			// this.info({ id }).then((response) => {
-			// 	this.form = response.data;
-			// 	this.open = true;
-			// 	this.title = '修改巡检设置';
-			// });
 			this.open = true;
 			this.title = '修改巡检设置';
 			this.$nextTick(() => {
-				this.$refs.add.init(row.id);
+				this.$refs.add.init(row);
 			});
 		},
 		/** 提交按钮 */
@@ -393,11 +345,11 @@ export default {
 				this.$refs.addOrUpdate.init(id, true);
 			});
 		},
-		handleAddDetail({ id }) {
+		handleAddDetail(row) {
 			this.addOrUpdateVisible = true;
-			this.addOrEditTitle = '添加巡检';
+			this.addOrEditTitle = '添加内容';
 			this.$nextTick(() => {
-				this.$refs.addOrUpdate.init(id);
+				this.$refs.addOrUpdate.init(row);
 			});
 		},
 		/** 导出按钮操作 */

src/views/specialEquipment/check/Content.vue

@@ -2,19 +2,20 @@
     filename: Content.vue
     author: liubin
     date: 2023-12-12 13:53:22
-    description: 
+    description: 巡检单设置
 -->
 
 <template>
-	<div class="app-container SpecialEquipmentCheckContent">
+	<div class="app-container SpecialEquipmentCheckConfig">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
+			@select-changed="handleSearchBarChange"
 			@headBtnClick="handleSearchBarBtnClick" />
 
 		<!-- 列表 -->
-		<base-table
+		<!-- <base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
@@ -24,10 +25,20 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
-				:width="120"
+				:width="180"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
-		</base-table>
+		</base-table> -->
+
+		<CheckOrderListTable
+			ref="check-order-list-table"
+			:table-data="list"
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			@edit="handleEdit"
+			@detail="handleDetail"
+			@delete="handleDelete"
+			@confirm="handleConfirm" />
 
 		<!-- 分页组件 -->
 		<pagination
@@ -43,44 +54,50 @@
 			:dialogVisible="open"
 			@close="cancel"
 			@cancel="cancel"
-			@confirm="submitForm">
-			<DialogForm
-				v-if="open"
-				ref="form"
-				v-model="form"
-				:disabled="mode == 'detail'"
-				:has-files="false"
-				:rows="rows" />
+			@confirm="handleSubmit">
+			<add ref="add" @refreshDataList="successSubmit" />
 		</base-dialog>
+		<!-- 添加巡检，查看详情 -->
+		<addOrUpdata
+			v-if="addOrUpdateVisible"
+			ref="addOrUpdate"
+			@refreshDataList="getList" />
 	</div>
 </template>
 
 <script>
-import moment from 'moment';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
-import { deleteCheck } from '@/api/equipment/base/inspection/settings';
+import addOrUpdata from './add-or-updata.vue';
+import add from './add.vue';
+import { parseTime } from '../../core/mixins/code-filter';
+import CheckOrderListTable from './CheckOrderListTable.vue';
 
 export default {
-	name: 'SpecialEquipmentCheckContent',
-	components: {},
+	name: 'SpecialEquipmentCheckConfig',
+	components: { addOrUpdata, add, CheckOrderListTable },
 	mixins: [basicPageMixin],
 	data() {
 		return {
-			searchBarKeys: ['content'],
+			addOrUpdateVisible: false,
+			addOrEditTitle: '',
+			searchBarKeys: ['name'],
 			tableBtn: [
-				// this.$auth.hasPermi('equipment:check:update')
-				// 	? {
-				// 			type: 'detail',
-				// 			btnName: '详情',
-				// 	  }
-				// 	: undefined,
-				this.$auth.hasPermi('equipment:check:update')
+				{
+					type: 'confirm',
+					btnName: '确认',
+					showTip: '确认',
+				},
+				this.$auth.hasPermi('equipment:check-setting:update')
 					? {
 							type: 'edit',
 							btnName: '修改',
 					  }
 					: undefined,
-				this.$auth.hasPermi('equipment:check:delete')
+				{
+					type: 'detail',
+					btnName: '巡检内容详情',
+				},
+				this.$auth.hasPermi('equipment:check-setting:delete')
 					? {
 							type: 'delete',
 							btnName: '删除',
@@ -88,22 +105,41 @@ export default {
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
-				{ prop: 'program', label: '巡检项目', showOverflowtooltip: true },
 				{
-					prop: 'content',
-					label: '巡检内容',
-					minWidth: 150,
+					prop: 'name',
+					label: '巡检单名称',
+					width: 100,
 					showOverflowtooltip: true,
 				},
-				{ prop: 'code', label: '巡检内容编码', showOverflowtooltip: true },
-				{ prop: 'remark', label: '备注', showOverflowtooltip: true },
+				{
+					prop: 'department',
+					label: '部门',
+					width: 100,
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'planCheckTime',
+					label: '巡检时间',
+					showOverflowtooltip: true,
+					filter: parseTime,
+				},
+				{
+					prop: 'confirmDueTime',
+					label: '确认截止时间',
+					showOverflowtooltip: true,
+					// filter: (val) =>
+					// 	val != null && val > 24
+					// 		? `${(val - (val % 24)) / 24}天${val % 24}小时`
+					// 		: `${val}小时`,
+				},
+				{ prop: 'remark', label: '备注' },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'input',
-					label: '巡检内容',
-					placeholder: '请输入巡检内容',
-					param: 'content',
+					label: '巡检单名称',
+					placeholder: '请输入巡检单名称',
+					param: 'name',
 				},
 				{
 					type: 'button',
@@ -115,60 +151,28 @@ export default {
 					type: 'separate',
 				},
 				{
-					type: this.$auth.hasPermi('equipment:check:create') ? 'button' : '',
+					type: this.$auth.hasPermi('equipment:check-setting:create')
+						? 'button'
+						: '',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
-				// {
-				// 	type: this.$auth.hasPermi('equipment:check:export')
-				// 		? 'button'
-				// 		: '',
-				// 	btnName: '导出',
-				// 	name: 'export',
-				// 	color: 'warning',
-				// },
-			],
-			rows: [
-				[
-					{
-						input: true,
-						label: '巡检内容编号',
-						prop: 'code',
-						url: '/base/equipment-check/getCode',
-						rules: [
-							{
-								required: true,
-								message: '巡检内容编号不能为空',
-								trigger: 'blur',
-							},
-						],
-					},
-					{
-						input: true,
-						label: '巡检项目',
-						prop: 'program',
-						rules: [
-							{ required: true, message: '巡检项目不能为空', trigger: 'blur' },
-						],
-					},
-				],
-				[
-					{
-						input: true,
-						label: '巡检内容',
-						prop: 'content',
-						rules: [
-							{ required: true, message: '巡检内容不能为空', trigger: 'blur' },
-						],
-					},
-					{
-						input: true,
-						label: '备注',
-						prop: 'remark',
-					},
-				],
+				{
+					type: 'button',
+					btnName: '导出',
+					name: 'export',
+					plain: true,
+					color: 'warning',
+				},
+				{
+					type: 'button',
+					btnName: '批量确认',
+					name: 'batch-confirm',
+					plain: true,
+					color: 'primary',
+				},
 			],
 			// 是否显示弹出层
 			open: false,
@@ -176,36 +180,56 @@ export default {
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
-				content: null,
+				name: null,
+				status: 0,
 			},
 			// 表单参数
-			form: {
-				code: '',
-				program: '',
-				id: undefined,
-				content: '',
-			},
-			basePath: '/base/equipment-check',
+			form: {},
+			basePath: '/base/equipment-check-order',
 			mode: null,
+			allSpecialEquipments: [],
 		};
 	},
 	created() {
-		// this.initSearchBar();
+		this.initSearchBar();
 		this.getList();
 	},
 	methods: {
-		// initSearchBar() {
-		// 	this.http('/base/core-equipment/listAll', 'get').then(({ data }) => {
-		// 		this.$set(
-		// 			this.searchBarFormConfig[0],
-		// 			'selectOptions',
-		// 			data.map((item) => ({
-		// 				name: item.name,
-		// 				id: item.id,
-		// 			}))
-		// 		);
-		// 	});
-		// },
+		handleSubmit() {
+			this.$refs.add.dataFormSubmit();
+		},
+		successSubmit() {
+			this.cancel();
+			this.getList();
+		},
+		initSearchBar() {
+			this.http('/base/core-equipment/listAll', 'get').then(({ data }) => {
+				this.allSpecialEquipments = data.filter((item) => item.special);
+				this.setSearchBarEquipmentList(data.filter((item) => item.special));
+			});
+		},
+		// 设备大类改变
+		handleSearchBarChange({ param, value }) {
+			if ('specialType' === param) {
+				if (!value) {
+					this.setSearchBarEquipmentList(this.allSpecialEquipments);
+					return;
+				}
+				this.setSearchBarEquipmentList(
+					this.allSpecialEquipments.filter((item) => item.specialType == value)
+				);
+			}
+		},
+		setSearchBarEquipmentList(eqList) {
+			this.$set(
+				this.searchBarFormConfig[2],
+				'selectOptions',
+				eqList.map((item) => ({
+					name: item.name,
+					id: item.id,
+				}))
+			);
+		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
@@ -218,9 +242,9 @@ export default {
 		},
 		/** 取消按钮 */
 		cancel() {
+			this.$refs.add.reset();
 			this.open = false;
-			this.mode = null;
-			this.reset();
+			this.title = '';
 		},
 		/** 表单重置 */
 		reset() {
@@ -245,18 +269,18 @@ export default {
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
-			// this.reset();
 			this.open = true;
-			this.title = '添加巡检内容';
+			this.title = '添加巡检设置';
+			this.$nextTick(() => {
+				this.$refs.add.init();
+			});
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
-			this.reset();
-			const id = row.id;
-			this.info({ id }).then((response) => {
-				this.form = response.data;
-				this.open = true;
-				this.title = '修改巡检内容';
+			this.open = true;
+			this.title = '修改巡检设置';
+			this.$nextTick(() => {
+				this.$refs.add.init(row);
 			});
 		},
 		/** 提交按钮 */
@@ -282,14 +306,17 @@ export default {
 				});
 			});
 		},
-		/** 删除按钮操作 */
+		/** 编辑 */
+		handleEdit(row) {},
+		/** 确认巡检单 */
+		handleConfirm(row) {},
+		/** 删除巡检单 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除该巡检项目?')
-				.then(function () {
-					// return this.del({ id });
-					return deleteCheck(id);
+				.confirm('是否确认删除巡检单"' + row.name + '"?')
+				.then(() => {
+					return this.del({ id });
 				})
 				.then(() => {
 					this.getList();
@@ -297,13 +324,35 @@ export default {
 				})
 				.catch(() => {});
 		},
-		handleDetail({ id }) {
-			this.reset();
-			this.mode = 'detail';
-			this.info({ id }).then((response) => {
-				this.form = response.data;
-				this.open = true;
-				this.title = '修改巡检内容';
+		// 处理表格按钮
+		handleTableBtnClick({ data, type }) {
+			switch (type) {
+				case 'edit':
+					this.handleUpdate(data);
+					break;
+				case 'delete':
+					this.handleDelete(data);
+					break;
+				case 'detail':
+					this.handleDetail(data);
+					break;
+				case 'add':
+					this.handleAddDetail(data);
+					break;
+			}
+		},
+		handleDetail(row) {
+			this.addOrUpdateVisible = true;
+			this.addOrEditTitle = '详情';
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate.init(row?.id, true);
+			});
+		},
+		handleAddDetail(row) {
+			this.addOrUpdateVisible = true;
+			this.addOrEditTitle = '添加内容';
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate.init(row);
 			});
 		},
 		/** 导出按钮操作 */
@@ -313,13 +362,13 @@ export default {
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
-				.confirm('是否确认导出所有巡检内容?')
+				.confirm('是否确认导出所有巡检设置?')
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentTypeExcel(params);
 				})
 				.then((response) => {
-					this.$download.excel(response, '巡检内容.xls');
+					this.$download.excel(response, '巡检设置.xls');
 					this.exportLoading = false;
 				})
 				.catch(() => {});
@@ -328,7 +377,4 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
-.SpecialEquipmentCheckContent {
-}
-</style>
+ 

src/views/specialEquipment/check/Record.vue

@@ -379,10 +379,7 @@ export default {
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
-		handleAdd() {
-			// this.reset();
-			// this.open = true;
-			// this.title = '添加维修记录';
+		handleAdd() { 
 			this.addOrUpdateVisible = true;
 			this.$nextTick(() => {
 				this.$refs.addOrUpdate.init();

src/views/specialEquipment/check/add-or-updata.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
- * @LastEditors: DY
- * @LastEditTime: 2023-12-01 11:02:43
+ * @LastEditors: lb
+ * @LastEditTime: 2024-02-22 11:02:43
  * @Description:
 -->
 <template>
@@ -24,7 +24,7 @@
 					@keyup.enter.native="dataFormSubmit()"
 					label-position="top">
 					<el-row :gutter="20">
-						<el-col :span="8">
+						<!-- <el-col :span="8">
 							<el-form-item label="设备大类" prop="equipmentCategory">
 								<span>
 									{{
@@ -34,21 +34,20 @@
 									}}
 								</span>
 							</el-form-item>
-						</el-col>
+						</el-col> -->
 						<el-col :span="8">
-							<el-form-item label="设备名称" prop="equipmentName">
-								{{ dataForm.equipmentName }}
-								<!-- <el-input v-model="dataForm.equipmentName" disabled clearable placeholder="请输入设备名称" /> -->
+							<el-form-item label="巡检单名称" prop="name">
+								{{ dataForm.name }}
 							</el-form-item>
 						</el-col>
 						<el-col :span="8">
-							<el-form-item label="设备编码" prop="equipmentCode">
-								{{ dataForm.equipmentCode }}
-								<!-- <el-input
-									v-model="dataForm.equipmentCode"
-									clearable
-									disabled
-									placeholder="请输入设备编码" /> -->
+							<el-form-item label="部门" prop="department">
+								{{ dataForm.department }}
+							</el-form-item>
+						</el-col>
+						<el-col :span="8">
+							<el-form-item label="巡检时间" prop="planCheckTime">
+								{{ dataForm.planCheckTime | parseTime }}
 							</el-form-item>
 						</el-col>
 					</el-row>
@@ -87,8 +86,8 @@
 						@clickBtn="handleClick" />
 				</base-table>
 				<pagination
-					v-show="listQuery.total > 0"
-					:total="listQuery.total"
+					v-show="checkDetList.total > 0"
+					:total="checkDetList.total"
 					:page.sync="listQuery.pageNo"
 					:limit.sync="listQuery.pageSize"
 					:page-sizes="[5, 10, 15]"
@@ -103,20 +102,17 @@
 		<attr-add
 			v-if="addOrUpdateVisible"
 			ref="addOrUpdate"
-			:config-id="dataForm.id"
+			:orderId="dataForm.id"
+			@closed="addOrUpdateVisible = false"
 			@refreshDataList="getList" />
 	</el-drawer>
 </template>
 
 <script>
-import {
-	getEqCheck,
-	getCheckDetPage,
-	deleteCheckDet,
-} from '@/api/equipment/base/inspection/settings';
 import SmallTitle from './SmallTitle';
 import attrAdd from './attr-add';
 import { DICT_TYPE, getDictDatas } from '@/utils/dict';
+import { parseTime } from '../../core/mixins/code-filter';
 
 const tableBtn = [
 	{
@@ -129,50 +125,35 @@ const tableBtn = [
 	},
 ];
 const tableProps = [
+	{
+		prop: 'equipmentName',
+		label: '设备名称',
+	},
 	{
 		prop: 'program',
-		label: '巡检项目',
-	},
-	{
-		prop: 'content',
-		label: '巡检内容',
-	},
-	{
-		prop: 'code',
-		label: '巡检内容编码',
-	},
-	{
-		prop: 'description',
-		label: '备注',
+		label: '检查项目',
 	},
 ];
 
 export default {
 	components: { SmallTitle, attrAdd },
+	filters: {
+		parseTime,
+	},
 	data() {
 		return {
 			tableBtn,
 			tableProps,
 			addOrUpdateVisible: false,
-			urlOptions: {
-				infoURL: getEqCheck,
-			},
 			listQuery: {
 				pageSize: 10,
 				pageNo: 1,
-				total: 0,
 			},
 			dataForm: {
 				id: undefined,
-				code: undefined,
-				name: '',
-				materialType: undefined,
-				productType: undefined,
-				area: undefined,
-				specifications: undefined,
-				processTime: 0,
-				remark: undefined,
-				unit: undefined,
+				name: undefined,
+				department: undefined,
+				planCheckTime: undefined,
 			},
 			checkDetList: [],
 			visible: false,
@@ -204,7 +185,7 @@ export default {
 	methods: {
 		initData() {
 			this.checkDetList.splice(0);
-			this.listQuery.total = 0;
+			this.checkDetList.total = 0;
 		},
 		handleClick(raw) {
 			if (raw.type === 'delete') {
@@ -231,39 +212,35 @@ export default {
 					})
 					.catch(() => {});
 			} else {
-				this.addNew(raw.data.id);
+				console.log('handle click....', raw);
+				this.addNew(raw.data);
 			}
 		},
-		getList() {
+		async getList() {
 			// 获取巡检项目分页
-			getCheckDetPage({
-				...this.listQuery,
-				configId: this.dataForm.id,
-			}).then((response) => {
-				this.checkDetList = response.data.list;
-				this.listQuery.total = response.data.total;
+			const res = await this.$axios({
+				url: '/base/equipment-check-order-det/page',
+				params: { ...this.listQuery, orderId: this.dataForm.id },
 			});
+			if (res.code == 0) {
+				this.checkDetList = res.data.list;
+				this.checkDetList.total = res.data.total;
+			}
 		},
-		init(id, isdetail) {
+		init(row, isdetail) {
 			this.initData();
 			this.isdetail = isdetail || false;
-			this.dataForm.id = id || undefined;
+			this.dataForm.id = row.id;
 			this.visible = true;
 
 			this.$nextTick(() => {
 				this.$refs['dataForm'].resetFields();
-
 				if (this.dataForm.id) {
-					// 获取设备巡检详情
-					this.urlOptions.infoURL(id).then((response) => {
-						this.dataForm = response.data;
-					});
 					// 获取设备项目列表
+					Object.keys(this.dataForm).forEach((key) => {
+						this.dataForm[key] = row[key];
+					});
 					this.getList();
-				} else {
-					if (this.urlOptions.isGetCode) {
-						this.getCode();
-					}
 				}
 			});
 		},

src/views/specialEquipment/check/add.vue

@@ -7,63 +7,81 @@
 -->
 <template>
 	<el-form
+		ref="form"
 		:model="dataForm"
 		:rules="dataRule"
-		ref="dataForm"
 		@keyup.enter.native="dataFormSubmit()"
-		label-width="80px">
+		label-width="128px"
+		v-loading="formLoading"
+		label-position="top">
 		<el-row :gutter="20">
-			<el-col :span="12">
-				<el-form-item label="配置名称" prop="name">
-					<el-input v-model="dataForm.name" placeholder="请输入配置名称" />
+			<el-col>
+				<el-form-item label="巡检单名称" prop="name">
+					<el-input v-model="dataForm.name" placeholder="请输入巡检单名称" />
 				</el-form-item>
 			</el-col>
-			<el-col :span="12">
-				<el-form-item label="配置编码" prop="code">
-					<el-input v-model="dataForm.code" placeholder="请输入配置编码" />
+			<el-col>
+				<el-form-item label="巡检单编码" prop="code">
+					<el-input v-model="dataForm.code" placeholder="请输入巡检单编码" />
 				</el-form-item>
 			</el-col>
-			<el-col :span="12">
+			<el-col>
 				<el-form-item
-					label="设备大类"
-					prop="equipmentCategory"
-					:rules="[
-						{ required: true, message: '请选择设备大类', trigger: 'blur' },
-					]">
+					label="部门"
+					prop="departmentId"
+					:rules="[{ required: true, message: '请选择部门', trigger: 'blur' }]">
 					<el-select
-						v-model="dataForm.equipmentCategory"
-						:placeholder="`请选择设备大类`"
-						@change="handleEqTypeChange">
+						v-model="dataForm.departmentId"
+						:placeholder="`请选择部门`">
 						<el-option
-							v-for="opt in equipmentTypeOptions"
+							v-for="opt in departmentOptions"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
-			<el-col :span="12">
-				<el-form-item label="设备名称" prop="equipmentId">
-					<el-select
-						v-model="dataForm.equipmentId"
-						filterable
-						style="width: 100%"
-						placeholder="请选择设备名称"
-						@change="setCode">
-						<el-option
-							v-for="d in equipmentOptions"
-							:key="d.value"
-							:label="d.label"
-							:value="d.value" />
-					</el-select>
+			<el-col>
+				<el-form-item label="计划巡检时间" prop="planCheckTime">
+					<el-date-picker
+						v-model="dataForm.planCheckTime"
+						type="datetime"
+						:placeholder="`请选择计划巡检时间`"
+						value-format="timestamp" />
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
-				<el-form-item label="设备编码" prop="equipmentCode">
+				<el-form-item label="确认时限 (时)" prop="confirmTimeLimit">
 					<el-input
-						v-model="dataForm.equipmentCode"
-						disabled
-						placeholder="请输入设备编码" />
+						v-model="dataForm.confirmTimeLimit"
+						:placeholder="`请输入确认时限`" />
+					<!-- <el-date-picker
+						v-model="dataForm.confirmTimeLimit"
+						type="datetime"
+						:placeholder="`请选择确认时限`"
+						value-format="timestamp" /> -->
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="班次" prop="groupClass">
+					<el-select
+						v-model="dataForm.groupClass"
+						filterable
+						clearable
+						multiple
+						style="width: 100%"
+						placeholder="请选择班次">
+						<el-option
+							v-for="d in groupOptions"
+							:key="d.value"
+							:label="d.label"
+							:value="d.label" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col>
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="dataForm.remark" placeholder="请输入备注" />
 				</el-form-item>
 			</el-col>
 		</el-row>
@@ -71,89 +89,131 @@
 </template>
 
 <script>
-import basicAdd from '../../core/mixins/basic-add';
-import {
-	getEqCheck,
-	getCode,
-	createCheckConfig,
-	updateCheckConfig,
-} from '@/api/equipment/base/inspection/settings';
-import { getEquipmentAll } from '@/api/base/equipment';
-
 export default {
-	mixins: [basicAdd],
 	data() {
 		return {
-			urlOptions: {
-				isGetCode: true,
-				codeURL: getCode,
-				createURL: createCheckConfig,
-				updateURL: updateCheckConfig,
-				infoURL: getEqCheck,
-			},
+			formLoading: false,
 			dataForm: {
-				id: undefined,
-				code: undefined,
-				name: undefined,
-				equipmentId: undefined,
-				equipmentCode: undefined,
-				equipmentCategory: undefined,
+				id: null,
+				code: null,
+				name: null,
+				departmentId: null,
+				planCheckTime: null,
+				confirmTimeLimit: null,
+				groupClass: null,
+				remark: null,
+				// special: true,
 			},
-			eqList: [],
 			dataRule: {
-				equipmentId: [
-					{ required: true, message: '设备不能为空', trigger: 'blur' },
+				confirmTimeLimit: [
+					{ required: true, message: '确认时限不能为空', trigger: 'blur' },
 				],
 				code: [
-					{ required: true, message: '配置编码不能为空', trigger: 'blur' },
+					{ required: true, message: '巡检单编码不能为空', trigger: 'blur' },
 				],
 				name: [
-					{ required: true, message: '配置名称不能为空', trigger: 'blur' },
+					{ required: true, message: '巡检单名称不能为空', trigger: 'blur' },
+				],
+				planCheckTime: [
+					{ required: true, message: '计划巡检时间不能为空', trigger: 'blur' },
 				],
 			},
 			equipmentOptions: [],
-			equipmentTypeOptions: [
-				{ label: '安全设备', value: 1 },
-				{ label: '消防设备', value: 2 },
-				{ label: '特种设备', value: 3 },
-			],
+			groupOptions: [],
+			departmentOptions: [],
 		};
 	},
 	mounted() {
-		this.getDict();
+		this.initOptions();
 	},
 	methods: {
-		async getDict() {
-			// 设备列表
-			const res = await getEquipmentAll();
-			this.eqList = res.data;
-			this.$nextTick(() => {
-				this.handleEqTypeChange();
-			});
+		reset() {
+			this.dataForm = {
+				id: null,
+				code: null,
+				name: null,
+				departmentId: null,
+				planCheckTime: null,
+				confirmTimeLimit: null,
+				groupClass: null,
+				remark: null,
+				// special: true,
+			};
 		},
-		setCode() {
-			const chooseM = this.eqList.filter((item) => {
-				return item.id === this.dataForm.equipmentId;
-			});
-			this.dataForm.equipmentCode = chooseM[0].code;
-		},
-		// handlers
-		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) => ({
+
+		async initOptions() {
+			this.formLoading = true;
+			const urls = [
+				'/base/core-department/listAll',
+				'/base/group-classes/listAll',
+				'/base/equipment-check-order/getCode',
+			];
+			try {
+				const [dpt, grp, code] = await Promise.all(
+					urls.map((url) => this.$axios(url))
+				);
+				if (dpt.code == 0) {
+					this.departmentOptions = dpt.data.map((item) => ({
 						label: item.name,
 						value: item.id,
 					}));
-			// this.$emit('update', this.form)
+				}
+				if (grp.code == 0) {
+					this.groupOptions = grp.data.map((item) => ({
+						label: item.name,
+						value: item.id,
+					}));
+				}
+				if (code.code == 0) {
+					this.dataForm.code = code.data;
+				}
+				this.formLoading = false;
+			} catch (err) {
+				this.formLoading = false;
+				console.error(err);
+			}
+		},
+
+		async init(row) {
+			if (!row || !row.id) {
+				this.dataForm.planCheckTime = new Date().setHours(8, 0, 0, 0);
+				return;
+			}
+			const res = await this.$axios({
+				url: '/base/equipment-check-order/get?id=' + row.id,
+			});
+			if (res.code == 0) {
+				Object.keys(this.dataForm).forEach((key) => {
+					this.dataForm[key] = res.data[key];
+					if (key == 'groupClass') {
+						this.dataForm.groupClass = res.data.groupClass.split(',')
+					}
+				});
+			}
+		},
+
+		async dataFormSubmit() {
+			let valid = false;
+			try {
+				valid = await this.$refs.form.validate();
+			} catch (err) {}
+			if (!valid) return;
+			const res = await this.$axios({
+				url:
+					'/base/equipment-check-order' +
+					(this.dataForm.id ? '/update' : '/create'),
+				method: this.dataForm.id ? 'put' : 'post',
+				data: {
+					...this.dataForm,
+					special: true,
+					status: 0,
+					groupClass: this.dataForm.groupClass.join(','),
+				},
+			});
+			if (res.code == 0) {
+				this.$emit('refreshDataList');
+				this.$message.success(this.dataForm.id ? '更新成功' : '创建成功');
+			}
 		},
 	},
 };

src/views/specialEquipment/check/attr-add.vue

@@ -4,6 +4,7 @@
 		:width="'30%'"
 		:append-to-body="true"
 		:close-on-click-modal="false"
+		@closed="$emit('closed')"
 		class="dialog">
 		<template #title>
 			<slot name="title">
@@ -17,18 +18,33 @@
 			ref="dataForm"
 			:model="dataForm"
 			:rules="dataRule"
-			label-width="60px"
+			label-width="90px"
+			v-loading="formLoading"
 			@keyup.enter.native="dataFormSubmit()">
-			<el-form-item label="巡检" prop="checkId">
-				<el-select v-model="dataForm.checkId" filterable placeholder="请选择巡检" style="width: 100%">
-					<el-option v-for="dict in checkList" :key="dict.id" :label="dict.content"
-						:value="dict.id" />
+			<el-form-item label="设备名称" prop="equipmentId">
+				<el-select
+					v-model="dataForm.equipmentId"
+					filterable
+					clearable
+					placeholder="请选择设备名称"
+					style="width: 100%">
+					<el-option
+						v-for="dict in equipmentOptions"
+						:key="dict.value"
+						:label="dict.label"
+						:value="dict.value" />
 				</el-select>
 			</el-form-item>
-			<el-form-item label="备注" prop="description">
+			<el-form-item label="巡检项目" prop="program">
 				<el-input
-					v-model="dataForm.description"
-					placeholder="请输入备注"
+					v-model="dataForm.program"
+					placeholder="请输入巡检项目"
+					clearable />
+			</el-form-item>
+			<el-form-item label="巡检结果" prop="checkResult">
+				<el-input
+					v-model="dataForm.checkResult"
+					placeholder="请输入巡检结果"
 					clearable />
 			</el-form-item>
 		</el-form>
@@ -41,80 +57,96 @@
 </template>
 
 <script>
-import { getCheckDet, createCheckDet, updateCheckDet, getcheckList } from "@/api/equipment/base/inspection/settings";
-
 export default {
-	props: {
-		configId: {
-			type: String,
-			default: '',
-		},
-	},
+	props: ['orderId'],
 	data() {
 		return {
 			visible: false,
 			dataForm: {
-				id: undefined,
-				checkId: undefined,
-				configId: undefined,
-				description: ''
+				id: null,
+				equipmentId: null,
+				program: null,
+				checkResult: null,
 			},
-			checkList: [],
+			formLoading: false,
+			equipmentOptions: [],
 			dataRule: {
-				checkId: [{ required: true, message: '巡检不能为空', trigger: 'blur' }],
+				equipmentId: [
+					{ required: true, message: '设备不能为空', trigger: 'blur' },
+				],
+				program: [
+					{ required: true, message: '巡检项目不能为空', trigger: 'blur' },
+				],
+				checkResult: [
+					{ required: true, message: '巡检结果不能为空', trigger: 'blur' },
+				],
 			},
 		};
 	},
 	mounted() {
-		this.getDict()
+		this.initOptions();
 	},
 	methods: {
-		async getDict() {
-			const res = await getcheckList()
-			this.checkList = res.data
-		},
-		init(id) {
-			this.dataForm.id = id || '';
-			this.visible = true;
-			this.$nextTick(() => {
-				this.$refs['dataForm'].resetFields();
-				if (this.dataForm.id) {
-					getCheckDet(this.dataForm.id).then((res) => {
-						// const { name, value } = res.data;
-						// this.dataForm.name = name;
-						// this.dataForm.value = value;
-						this.dataForm = res.data
-					});
+		async initOptions() {
+			this.formLoading = true;
+			const urls = [
+				'/base/core-equipment/page?pageNo=1&pageSize=100&special=true',
+			];
+			try {
+				const [eq] = await Promise.all(urls.map((url) => this.$axios(url)));
+				if (eq.code == 0) {
+					this.equipmentOptions = eq.data.list.map((item) => ({
+						label: item.name,
+						value: item.id,
+					}));
 				}
-			});
+				this.formLoading = false;
+			} catch (err) {
+				this.formLoading = false;
+				console.error(err);
+			}
+		},
+		init(row) {
+			this.visible = true;
+			if (row?.id) {
+				this.$nextTick(() => {
+					this.$refs['dataForm'].resetFields();
+					this.formLoading = true;
+					this.$axios({
+						url: '/base/equipment-check-order-det/get?id=' + row.id,
+					}).then((res) => {
+						Object.keys(this.dataForm).forEach((key) => {
+							this.dataForm[key] = res.data[key];
+						});
+						this.formLoading = false;
+					});
+				});
+			}
 		},
 		// 表单提交
-		dataFormSubmit() {
-			this.$refs['dataForm'].validate((valid) => {
-				if (valid) {
-					// 修改的提交
-					if (this.dataForm.id) {
-						updateCheckDet({
-							...this.dataForm,
-							configId: this.configId
-						}).then((response) => {
-							this.$modal.msgSuccess('修改成功');
-							this.visible = false;
-							this.$emit('refreshDataList');
-						});
-						return;
-					}
-					// 添加的提交
-					createCheckDet({
-						...this.dataForm,
-						configId: this.configId,
-					}).then((response) => {
-						this.$modal.msgSuccess('新增成功');
-						this.visible = false;
-						this.$emit('refreshDataList');
-					});
-				}
+		async dataFormSubmit() {
+			let valid = false;
+			try {
+				valid = await this.$refs['dataForm'].validate();
+			} catch (err) {}
+			if (!valid) return;
+
+			const res = await this.$axios({
+				url:
+					'base/equipment-check-order-det' +
+					(this.dataForm.id ? '/update' : '/create'),
+				method: this.dataForm.id ? 'put' : 'post',
+				data: {
+					...this.dataForm,
+					orderId: this.orderId,
+				},
 			});
+
+			if (res.code == 0) {
+				this.$modal.msgSuccess(this.dataForm.id ? '修改成功' : '新增成功');
+				this.$emit('refreshDataList');
+				this.visible = false;
+			}
 		},
 	},
 };

src/views/specialEquipment/check/iconfont/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/views/specialEquipment/check/iconfont/iconfont.css

@@ -0,0 +1,38 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3821755 */
+  src: url('iconfont.eot?t=1689233106339'); /* IE9 */
+  src: url('iconfont.eot?t=1689233106339#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARgAAsAAAAACcAAAAQUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDKAqGSIUsATYCJAMYCw4ABCAFhGcHVBtUCMiuMG7hiaIkox1FaBhxvd1fpwAN4YKo1v7tWTr8hBRkBQgO7yqKUJKPUKzDjkixjn7/q0vlANCkEHCJtsMvx2eQn04h5rHEE8593TK2y1SC5nbvNG5gqgZBNEWTqFUQLGVFNnVu1TjyMm3SafEsC3y0myW12KdEh2x+deP/zzHTJeG3AVBm4lrnAxpQN0US7s3ijuSE6Jbh1UGv08cgQEivMg5z6m49Qj77TVxDEZww6gXicNkviSbkxgswNeGCj+CgMw1yFRpAnUNegSv+8+UfU/igsBpjnRV3rRV9+Su8Fk1Agv6CW4eAeyvAAhronJlI1tcrVnIMHZ0cCcsUTrRTnQ0CP50B4KfgEub9Lw80BougQBwGI8bYJU4LPwUbBw0/HXAw8NORUM90wsT9JeIMFACux9QckHyQ9FDYTobcGi+FLSjwMxDe3L5s+w9THFYeEs8H303FWMnZ1JuBWFgNPh3bd5wOvJmKI9aTqXeD8eJ66HnfnV1dJPE8cy4EgqT+s/SbdSWbp9Pn24NbZ1MnGw7CDbvT6+lL1CXVh++hcH56umDT9vOviL/grQ6srHjE57uLHdQn+dtO9x2v94WN6+eXm0HWlZOzta3tUDp1JWjymsiD8r0ViWGkC+n4GeH5aODSM+9COnilpdfdZsRIvMerLmS0uICTplrOnb99LT3NkJNeajPfpDznblq6bXH8efBjlPIUxhQcX+U0qEdt4bjxy6rMdOkbEn0/3mlvrXZL60ysxdwcn/qKLJ/82pnzGS61z5rBeGmrxf33ZXN/IBWUvb8KSvnttbwwq+YTkweZHue0M0+c0ssZGY/Rs+aVF8+3GaW07CkvLC/KcBvP8c2uGpsdm0THlazwlPE22Kdi9ZK4Hdsmtw9eHVQwPjG0p33Q7tGMJ6TUJ2VK1MMw6ftI6qPPtruCvEPmLZqiHcj1Aw3Rup/sdzj+lt/w3f5TrAHgx++nD7A+8xaD4CL8m60Q+KWYO7CgUY3gTFl+OwUBHKteh00BoWmGDIYm301frAJwKAg+BTEoPCpA41OPNNh2sET0g8NnCkI61M6PKKBzREwANBtGIOS6BEU2D0CT6xvSYP+Apdg/cOT6DyErI68W0RzbqhmYOFixuRNLFqoRi839Zh+A2KqYWJH1CTC7hM04My0j664HDVgXY+xtYhbnBBNGVVzH7geKQrHOqA0sPK2Fc70oPZ2UPSTNQlVUjQEmHLDCzDphEgtKQ9zCPP16DwBRK4UJAyKfyBg7jaeaxzKlyQAg6xkaKO9M2tu1EWXhOEL3IxhKhdWpMqCYDgrTy7vZAAsuTUsLm65IOlWIQBlp47PUS9wAhBgHOFGixYgVJx7+dtqutZuY1eXTvXYncJOkOF1Wicd+CnBACA==') format('woff2'),
+       url('iconfont.woff?t=1689233106339') format('woff'),
+       url('iconfont.ttf?t=1689233106339') format('truetype'),
+       url('iconfont.svg?t=1689233106339#iconfont') format('svg');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-downward:before {
+  content: "\e604";
+}
+
+.icon-upward:before {
+  content: "\e605";
+}
+
+.icon-detail:before {
+  content: "\e601";
+}
+
+.icon-edit:before {
+  content: "\e602";
+}
+
+.icon-delete:before {
+  content: "\e603";
+}
+

src/views/specialEquipment/check/iconfont/iconfont.json

@@ -0,0 +1,44 @@
+{
+  "id": "3821755",
+  "name": "component",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "封装的组件中的icon",
+  "glyphs": [
+    {
+      "icon_id": "36426261",
+      "name": "downward",
+      "font_class": "downward",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "36426301",
+      "name": "upward",
+      "font_class": "upward",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "33347867",
+      "name": "detail",
+      "font_class": "detail",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "33347918",
+      "name": "edit",
+      "font_class": "edit",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "33347930",
+      "name": "delete",
+      "font_class": "delete",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    }
+  ]
+}

src/views/specialEquipment/check/iconfont/iconfont.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+  <metadata>Created by iconfont</metadata>
+  <defs>
+  <font id="iconfont" horiz-adv-x="1024">
+    <font-face
+      font-family="iconfont"
+      font-weight="400"
+      font-stretch="normal"
+      units-per-em="1024"
+      ascent="896"
+      descent="-128"
+    />
+      <missing-glyph />
+      
+      <glyph glyph-name="downward" unicode="&#58884;" d="M556.942222 144.099556l363.064889 401.806222c24.860444 21.617778 24.860444 56.263111 0 77.880889a68.437333 68.437333 0 0 1-44.942222 16.156444c-16.896 0-33.052444-5.859556-44.885333-16.156444L512 260.949333l-318.236444 362.951111a68.437333 68.437333 0 0 1-44.942223 16.099556c-16.896 0-33.109333-5.802667-44.942222-16.156444-24.746667-21.617778-24.746667-56.206222 0-77.824l363.121778-401.749334c5.973333-5.290667 13.141333-9.443556 21.048889-12.231111 23.722667-8.305778 51.029333-3.527111 68.892444 12.060445z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="upward" unicode="&#58885;" d="M556.942222 623.900444l363.064889-401.806222c24.860444-21.617778 24.860444-56.263111 0-77.880889a68.437333 68.437333 0 0 0-44.942222-16.156444c-16.896 0-33.052444 5.859556-44.885333 16.156444L512 507.050667l-318.236444-362.951111a68.437333 68.437333 0 0 0-44.942223-16.099556c-16.896 0-33.109333 5.802667-44.942222 16.156444-24.746667 21.617778-24.746667 56.206222 0 77.824L467.057778 623.729778c5.973333 5.290667 13.141333 9.443556 21.048889 12.231111 23.722667 8.305778 51.029333 3.527111 68.892444-12.060445z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="detail" unicode="&#58881;" d="M902.428444 705.251556H332.401778a7.964444 7.964444 0 0 1-7.793778-8.021334v-56.206222a7.964444 7.964444 0 0 1 7.793778-8.078222h570.026666A7.964444 7.964444 0 0 1 910.222222 641.024v56.206222a7.964444 7.964444 0 0 1-7.793778 8.021334z m0-285.127112H332.401778a7.964444 7.964444 0 0 1-7.793778-7.964444v-56.32a7.964444 7.964444 0 0 1 7.793778-7.964444h570.026666a7.964444 7.964444 0 0 1 7.793778 7.964444v56.32a7.964444 7.964444 0 0 1-7.793778 7.964444z m0-285.070222H332.401778a7.964444 7.964444 0 0 1-7.793778-8.078222v-56.206222a7.964444 7.964444 0 0 1 7.793778-8.021334h570.026666a7.964444 7.964444 0 0 1 7.793778 8.021334v56.206222a7.964444 7.964444 0 0 1-7.793778 8.078222zM113.777778 669.127111c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0 56.547556 56.547556 0 0 1 27.306666 48.696889 56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0A56.547556 56.547556 0 0 1 113.777778 669.127111zM113.777778 384c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0A56.547556 56.547556 0 0 1 223.061333 384a56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0A56.547556 56.547556 0 0 1 113.777778 384z m0-285.127111c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0 56.547556 56.547556 0 0 1 27.306666 48.696889 56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0 56.547556 56.547556 0 0 1-27.363555-48.696889z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="edit" unicode="&#58882;" d="M873.016889 395.264a32.824889 32.824889 0 0 0 65.649778 0v-273.806222a164.124444 164.124444 0 0 0-164.124445-164.124445h-525.084444A164.124444 164.124444 0 0 0 85.333333 121.457778v525.084444A164.124444 164.124444 0 0 0 249.457778 810.666667h312.32a32.824889 32.824889 0 1 0 0-65.649778h-312.32a98.417778 98.417778 0 0 1-98.474667-98.417778v-525.141333c0-54.385778 44.088889-98.474667 98.417778-98.474667h525.141333a98.417778 98.417778 0 0 1 98.474667 98.417778V395.320889z m-14.222222 362.097778a32.824889 32.824889 0 0 0 48.014222-44.771556L548.750222 328.533333a32.824889 32.824889 0 1 0-48.014222 44.771556l358.115556 384.056889z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="delete" unicode="&#58883;" d="M601.024 146.24a29.632 29.632 0 0 0-29.696 29.696V503.04a29.632 29.632 0 1 0 59.456 0v-326.848a29.76 29.76 0 0 0-29.76-29.888z m-178.24 0a29.632 29.632 0 0 0-29.696 29.696V503.04a29.632 29.632 0 1 0 59.392 0v-326.848a29.76 29.76 0 0 0-29.696-29.888z m475.52 505.216h-148.544v59.456c0 49.152-39.616 89.088-88.512 89.088H363.392c-49.216 0-89.152-39.936-89.152-89.088v-59.456H125.696a29.632 29.632 0 1 1 0-59.392h772.608a29.632 29.632 0 1 1 0 59.392z m-564.608 59.456c0 16.256 13.44 29.696 29.696 29.696h297.856c16.32 0 29.056-13.12 29.056-29.696v-59.456H333.696v59.456zM720-32h-416a89.152 89.152 0 0 0-89.088 89.088V503.232a29.632 29.632 0 1 0 59.456 0v-446.08c0-16.512 13.44-29.76 29.696-29.76h416.064a29.632 29.632 0 0 1 29.696 29.696V502.144a29.632 29.632 0 1 0 59.456 0v-445.056A89.536 89.536 0 0 0 720-32z"  horiz-adv-x="1024" />
+      
+    </font>
+  </defs>
+</svg>