jagzwxm/ja_web.git

			@@ -1,45 +1,79 @@
			<template>
			<el-dialog v-model="visible" :title="titleEnum[dialogMode]" @closed="handleClosed" destroy-on-close>
			<div v-if="dialogReadonly">
			<el-dialog
			class="command-page-view-dialog"
			v-model="visible"
			:title="titleEnum[dialogMode]"
			@closed="handleClosed"
			destroy-on-close
			>
			<div class="detail-container" v-if="dialogReadonly">
			<div class="detail-title">设备详情</div>
			<el-row>
			<el-col :span="12">
			<div>设备名称: {{ deviceName }}</div>
			<div class="label">设备名称</div>
			<div class="val">{{ deviceName }}</div>
			</el-col>
			<el-col :span="12">
			<div>维护计划: {{ planCycleLabel }}</div>
			<div class="label">维护计划</div>
			<div class="val">{{ planCycleLabel }}</div>
			</el-col>
			</el-row>
			</div>
			<el-form v-else ref="formRef" :model="formData" :rules="rules" :disabled="dialogReadonly" label-width="100px">
			<el-form
			class="dialog-form"
			v-else
			ref="formRef"
			:model="formData"
			:rules="rules"
			:disabled="dialogReadonly"
			label-width="110px"
			>
			<el-row>
			<el-col :span="24">
			<el-form-item label="维护内容" prop="maintainContent">
			<el-input v-model="formData.maintainContent" maxlength="50" placeholder="请输入" clearable />
			<el-input
			class="command-data-cockpit-search-input"
			v-model="formData.maintainContent"
			maxlength="200"
			type="textarea"
			placeholder="请输入"
			clearable
			/>
			</el-form-item>
			</el-col>
			<el-col :span="24">
			<el-form-item label="更换部件" prop="replacePart">
			<el-input v-model="formData.replacePart" maxlength="50" placeholder="请输入" clearable />
			<el-input
			class="command-data-cockpit-search-input"
			v-model="formData.replacePart"
			maxlength="200"
			type="textarea"
			placeholder="请输入"
			clearable
			/>
			</el-form-item>
			</el-col>
			<el-col :span="12">
			<el-form-item label="实际维护时间" prop="maintainTime">
			<el-date-picker
			class="command-data-cockpit-date-picker"
			popper-class="command-data-cockpit-date-picker-popper"
			v-model="formData.maintainTime"
			type="datetime"
			placeholder="选择日期"
			value-format="YYYY-MM-DD HH:mm:ss"
			clearable
			/>
			</el-form-item>
			</el-col>
			</el-row>
			<el-col :span="12">
			<el-form-item label="实际维护时间" prop="maintainTime">
			<el-date-picker
			v-model="formData.maintainTime"
			type="date"
			placeholder="选择日期"
			value-format="YYYY-MM-DD HH:mm:ss"
			clearable
			/>
			</el-form-item>
			</el-col>
			</el-form>
			<template #footer>
			<el-button @click="handleCancel">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>
			<el-button color="#2B2B4C" @click="handleCancel">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>
			<el-button
			v-if="!dialogReadonly"
			type="primary"
			color="#284FE3"
			:loading="submitting"
			:disabled="submitting"
			@click="handleSubmit"
			@@ -54,8 +88,8 @@
			import { computed, ref } from 'vue'
			import { ElMessage } from 'element-plus'
			import { fieldRules } from '@ztzf/utils'
			import { fwDeviceMaintainPlanDetailApi, fwDeviceMaintainPlanSubmitApi, fwDevicePageApi } from './maintainRecordApi'
			import { fwDeviceMaintainRecordSubmitApi } from '@/views/basicManage/maintainRecord/fwDeviceMaintainRecord'
			import { fwDeviceMaintainPlanDetailApi } from '@/views/basicManage/maintainRecord/maintainRecordApi'

			const initForm = () => ({
			deviceId: '',
			@@ -80,7 +114,7 @@
			const deviceList = ref([]) // 设备列表

			const dialogReadonly = computed(() => dialogMode.value === 'view')
			const titleEnum = ref({ edit: '编辑', view: '查看', add: '维护计划' })
			const titleEnum = ref({ edit: '维护', view: '查看', add: '维护计划' })

			const planCycleLabel = computed(() => {
			const item = planCycleOptions.find(option => option.value === formData.value.planCycleType)
			@@ -92,9 +126,9 @@
			})

			const rules = {
			maintainContent: fieldRules(true, 50),
			replacePart: fieldRules(true, 50),
			maintainTime: fieldRules(true, 0),
			maintainContent: fieldRules(true, 200),
			replacePart: fieldRules(true, 200),
			maintainTime: fieldRules(true),
			}

			// 关闭弹框