<!-- 
    filename: MaintainRecord.vue
    author: liubin
    date: 2023-12-12 13:54:53
    description: 
-->

<template>
	<div class="app-container SpecialEquipmentMaintainRecord">
		<!-- 搜索工作栏 -->
		<SearchBar
			:formConfigs="searchBarFormConfig"
			ref="search-bar"
			@select-changed="handleSearchBarChange"
			@headBtnClick="handleSearchBarBtnClick" />

		<!-- 列表 -->
		<base-table
			:table-props="tableProps"
			:page="queryParams.pageNo"
			:limit="queryParams.pageSize"
			:max-height="tableH"
			:table-data="list"
			@emitFun="handleEmitFun"></base-table>

		<!-- 分页组件 -->
		<pagination
			v-show="total > 0"
			:total="total"
			:page.sync="queryParams.pageNo"
			:limit.sync="queryParams.pageSize"
			@pagination="getList" />

		<!-- 对话框(添加 / 修改) -->
		<base-dialog
			:dialogTitle="title"
			:dialogVisible="open"
			width="60%"
			@close="cancel"
			@cancel="cancel"
			@confirm="submitForm">
			<DialogForm
				v-if="open"
				ref="form"
				v-model="form"
				:disabled="mode == 'detail'" />
			<el-row
				v-if="mode === 'detail'"
				slot="footer"
				type="flex"
				justify="end">
				<el-col :span="12">
					<el-button
						size="small"
						class="btnTextStyle"
						@click="cancel">
						关闭
					</el-button>
				</el-col>
			</el-row>
		</base-dialog>

		<RecordDetail
			v-if="recordDetailVisible"
			ref="recordDetailDrawer"
			@closed="recordDetailVisible = false" />
	</div>
</template>

<script>
import moment from 'moment';
import basicPageMixin from '@/mixins/lb/basicPageMixin';
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
import Editor from '@/components/Editor';
import DialogForm from './Record--add.vue';
import {
	deleteEqMaintainLog,
	exportMaintainLogExcel,
} from '@/api/equipment/base/maintain/record';
import RecordDetail from './Record--detail.vue';
import { TableBtn } from '@/components/tableInnerComponents';

const timeFilter = (val) =>
	val ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '---';

export default {
	name: 'SpecialEquipmentMaintainRecord',
	components: { DialogForm, RecordDetail },
	mixins: [basicPageMixin, tableHeightMixin],
	data() {
		const today = new Date();
		const twoDaysAgo = new Date(today.getTime() - 2 * 24 * 60 * 60 * 1000);
		twoDaysAgo.setHours(0, 0, 0, 0);
		const t = [
			moment(twoDaysAgo).format('yyyy-MM-DD HH:mm:ss'),
			moment(today).format('yyyy-MM-DD HH:mm:ss'),
		];

		return {
			recordDetailVisible: false,
			searchBarKeys: ['maintainPlanId', 'startTime', 'special'],
			tableBtn: [
				this.$auth.hasPermi('se:maintain-record:update')
					? {
							type: 'detail',
							btnName: '详情',
					  }
					: undefined,
				this.$auth.hasPermi('se:maintain-record:update')
					? {
							type: 'edit',
							btnName: '修改',
					  }
					: undefined,
				this.$auth.hasPermi('se:maintain-record:delete')
					? {
							type: 'delete',
							btnName: '删除',
					  }
					: undefined,
			].filter((v) => v),
			tableProps: [
				{
					prop: 'maintainOrderNumber',
					label: '设备保养单号',
					minWidth: 110,
					showOverflowtooltip: true,
				},
				{
					prop: 'planName',
					label: '保养计划名称',
					minWidth: 110,
					showOverflowtooltip: true,
					filter: (val) => (val != null ? val : '---'),
				},
				{
					prop: 'departmentName',
					label: '部门',
					minWidth: 110,
					showOverflowtooltip: true,
				},
				{
					prop: 'lineName',
					label: '产线名',
					minWidth: 110,
					showOverflowtooltip: true,
				},
				{
					prop: 'planStartTime',
					label: '计划开始时间',
					filter: timeFilter,
					minWidth: 130,
					showOverflowtooltip: true,
				},
				{
					prop: 'planEndTime',
					label: '计划结束时间',
					filter: timeFilter,
					minWidth: 130,
					showOverflowtooltip: true,
				},
				{
					prop: 'startTime',
					label: '实际开始时间',
					filter: timeFilter,
					minWidth: 130,
					showOverflowtooltip: true,
				},
				{
					prop: 'endTime',
					label: '实际结束时间',
					filter: timeFilter,
					minWidth: 130,
					showOverflowtooltip: true,
				},
				{
					prop: 'relatePlan',
					label: '保养计划类型',
					minWidth: 100,
					showOverflowtooltip: true,
					filter: (val) =>
						val != null ? ['-', '计划型', '非计划型'][val] : '-',
				},
				{
					prop: '_detail',
					label: '详情',
					entryText: '详情',
					minWidth: 60,
					subcomponent: TableBtn,
				},
			],
			searchBarFormConfig: [
				{
					type: 'select',
					label: '保养计划名称',
					placeholder: '请选择保养计划名称',
					param: 'maintainPlanId',
					defaultSelect: null,
					filterable: true,
					clearable: true,
				},
				// 开始结束时间
				{
					type: 'datePicker',
					label: '实际开始时间',
					dateType: 'daterange', // datetimerange
					format: 'yyyy-MM-dd',
					valueFormat: 'yyyy-MM-dd HH:mm:ss',
					rangeSeparator: '-',
					startPlaceholder: '开始日期',
					endPlaceholder: '结束日期',
					defaultTime: ['00:00:00', '23:59:59'],
					param: 'startTime',
					defaultSelect: t,
					// width: 350,
				},
				{
					type: 'button',
					btnName: '查询',
					name: 'search',
					color: 'primary',
				},
				{
					type: 'separate',
				},
				{
					type: this.$auth.hasPermi('se:maintain-record:export')
						? 'button'
						: '',
					btnName: '导出',
					name: 'export',
					plain: true,
					color: 'primary',
				},
			],
			rows: [
				[
					{
						select: true,
						label: '设备大类',
						prop: 'specialType',
						options: [
							{ label: '安全设备', value: 1 },
							{ label: '消防设备', value: 2 },
							{ label: '特种设备', value: 3 },
						],
						bind: {
							filterable: true,
							clearable: true,
						},
						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: 'blur' },
						],
					},
					{
						select: true,
						label: '保养人员',
						prop: 'maintainWorker',
						url: '/base/core-worker/listAll',
						valueKey: 'name',
						bind: {
							filterable: true,
							clearable: true,
							multiple: true,
						},
						rules: [
							{ required: true, message: '保养人员不能为空', trigger: 'blur' },
						],
					},
					{
						input: true,
						label: '保养单号',
						prop: 'maintainOrderNumber',
					},
				],
				[
					// {
					// 	switch: true,
					// 	label: '是否计划保养',
					// 	prop: 'relatePlan',
					// 	bind: {
					// 		'active-value': 1,
					// 		'inactive-value': 2,
					// 	},
					// 	rules: [{ required: true, message: '是否计划保养不能为空', trigger: 'blur' }],
					// },
					{
						select: true,
						options: [
							{ label: '是', value: 1 },
							{ label: '否', value: 2 },
						],
						label: '是否计划保养',
						prop: 'relatePlan',
						bind: {
							clearable: true,
							filterable: true,
						},
						rules: [
							{
								required: true,
								message: '是否计划保养不能为空',
								trigger: 'blur',
							},
						],
					},
					{
						select: true,
						label: '所属计划',
						prop: 'maintainPlanId',
						url: '/base/equipment-maintain-plan/page',
						bind: {
							filterable: true,
							clearable: true,
						},
					},
					{
						input: true,
						label: '保养用时',
						prop: 'timeUsed',
					},
				],
				[
					{
						datetime: true,
						label: '开始时间',
						prop: 'startTime',
						rules: [
							{ required: true, message: '开始时间不能为空', trigger: 'blur' },
						],
						bind: {
							format: 'yyyy-MM-dd HH:mm:ss',
							'value-format': 'timestamp',
							// 'value-format': 'yyyy-MM-dd HH:mm:ss',
							clearable: true,
						},
					},
					{
						datetime: true,
						label: '结束时间',
						prop: 'endTime',
						rules: [
							{ required: true, message: '结束时间不能为空', trigger: 'blur' },
						],
						bind: {
							format: 'yyyy-MM-dd HH:mm:ss',
							'value-format': 'timestamp',
							// 'value-format': 'yyyy-MM-dd HH:mm:ss',
							clearable: true,
						},
					},
					{},
				],

				[
					{
						upload: true,
						label: '上传资料',
						prop: 'files',
					},
				],
				[
					{
						label: '保养描述',
						prop: 'maintenanceDes',
						subcomponent: Editor,
						bind: {
							'min-height': 192,
						},
					},
				],
				[{ input: true, label: '备注', prop: 'remark' }],
			],
			// 是否显示弹出层
			open: false,
			// 查询参数
			queryParams: {
				pageNo: 1,
				pageSize: 20,
				maintainPlanId: null,
				startTime: t,
				// relatePlan: null,
				// equipmentId: null,
				special: true,
				// specialType: null,
			},
			// 表单参数
			form: {},
			basePath: '/base/equipment-maintain-log',
			mode: null,
			allSpecialEquipments: [],
		};
	},
	created() {
		this.initSearchBar();
		this.getList();
	},
	methods: {
		handleEmitFun({ action, value }) {
			switch (action) {
				case '详情':
					this.recordDetailVisible = true;
					this.$nextTick(() => {
						this.$refs.recordDetailDrawer.show({
							id: value.id,
							planMaintainWorker: value.planMaintainWorker,
							maintainWorker: value.maintainWorker,
						});
					});
					break;
			}
		},

		handleSearchBarChange({ param, value }) {
			if ('specialType' === param) {
				if (!value) {
					this.setSearchBarEquipmentList(this.allSpecialEquipments);
					return;
				}
				this.setSearchBarEquipmentList(
					this.allSpecialEquipments.filter((item) => item.specialType == value)
				);
			}
		},
		initSearchBar() {
			this.http('/base/equipment-maintain-plan/page', 'get', {
				pageNo: 1,
				pageSize: 100,
				special: true,
			}).then(({ data }) => {
				this.$set(
					this.searchBarFormConfig[0],
					'selectOptions',
					(data?.list || []).map((item) => ({
						name: item.name,
						id: item.id,
					}))
				);
			});
		},
		/** 查询列表 */
		getList() {
			this.loading = true;
			// 执行查询
			this.recv({ ...this.queryParams, special: true, confirmed: true }).then(
				(response) => {
					this.list = response.data.list;
					this.total = response.data.total;
					this.loading = false;
				}
			);
		},
		/** 取消按钮 */
		cancel() {
			this.open = false;
			this.mode = null;
			this.reset();
		},
		/** 表单重置 */
		reset() {
			this.form = {
				id: null,
				relatePlan: null,
				maintainPlanId: null,
				equipmentId: null,
				maintainWorker: [],
				maintainOrderNumber: null,
				startTime: null,
				endTime: null,
				timeUsed: null,
				remark: null,
				maintenanceDes: null,
				files: [
					// {
					// 	fileName: '',
					// 	fileType: '',
					// 	fileUrl: '',
					// },
				],
			};
			this.resetForm('form');
		},
		/** 搜索按钮操作 */
		handleQuery() {
			this.queryParams.pageNo = 1;
			this.getList();
		},
		/** 重置按钮操作 */
		resetQuery() {
			this.resetForm('queryForm');
			this.handleQuery();
		},
		/** 新增按钮操作 */
		handleAdd() {
			this.reset();
			if (this.$route.query.addRecord) {
				// 赋值
				const tempRow = this.$route.query.row;
				this.form.equipmentId = tempRow.equipmentId;
				this.form.relatePlan = tempRow.nextMaintainTime ? 1 : 2;
				this.form.startTime = tempRow.nextMaintainTime;
				this.form.maintainPlanId = tempRow.id;
			}
			if (this.$route.query.isAdd) {
				// 赋值
				this.form.equipmentId = this.$route.query.equipmentId;
				this.form.maintainPlanId = this.$route.query.maintainPlanId;
			}
			this.open = true;
			this.title = '添加保养记录';
		},
		/** 修改按钮操作 */
		handleUpdate(row) {
			this.reset();
			const id = row.id;
			this.info({ id }).then((response) => {
				this.form = response.data;
				this.open = true;
				this.form.maintainWorker = this.form.maintainWorker.split(',');
				this.title = '修改保养记录';
			});
		},
		/** 提交按钮 */
		submitForm() {
			this.$refs['form'].validate((valid) => {
				if (!valid) {
					return;
				}
				// 修改的提交
				if (this.form.id != null) {
					this.put({
						...this.form,
						maintainWorker: this.form.maintainWorker.join(','),
					}).then((response) => {
						this.$modal.msgSuccess('修改成功');
						this.open = false;
						this.getList();
					});
					return;
				}
				// 添加的提交
				this.post({
					...this.form,
					maintainWorker: this.form.maintainWorker.join(','),
				}).then((response) => {
					this.$modal.msgSuccess('新增成功');

					// 跳转至 备品备件 保养
					const toSparePartsMaintain = () => {
						this.open = false;
						// 没有备品备件保养模块。。。
					};

					this.$confirm('是否有备品备件更换?', '提示', {
						confirmButtonText: '有',
						cancelButtonText: '没有',
					})
						.then(toSparePartsMaintain)
						.catch(() => {
							this.open = false;
							this.getList();
						});
				});
			});
		},
		/** 删除按钮操作 */
		handleDelete(row) {
			const id = row.id;
			this.$modal
				.confirm('是否确认删除设备名称为"' + row.equipmentName + '"的数据项?')
				.then(function () {
					return deleteEqMaintainLog(id);
				})
				.then(() => {
					this.getList();
					this.$modal.msgSuccess('删除成功');
				})
				.catch(() => {});
		},
		handleDetail({ id }) {
			this.reset();
			this.mode = 'detail';
			this.info({ id }).then((response) => {
				this.form = response.data;
				this.open = true;
				this.title = '查看保养记录详情';
			});
		},
		/** 导出按钮操作 */
		handleExport() {
			// 处理查询参数
			let params = { ...this.queryParams };
			params.pageNo = undefined;
			params.pageSize = undefined;
			this.$modal
				.confirm('是否确认导出所有保养记录?')
				.then(() => {
					this.exportLoading = true;
					return exportMaintainLogExcel(params);
				})
				.then((response) => {
					this.$download.excel(response, '设备保养记录.xls');
					this.exportLoading = false;
				})
				.catch(() => {});
		},
	},
};
</script>

<style scoped lang="scss">
.SpecialEquipmentMaintainRecord {
}
</style>
