style:任务配置-新增/编辑-起止日期必填

main
黄伟杰 3 weeks ago
parent 8f60e770d8
commit d95d254a95

@ -10,23 +10,18 @@
<el-radio :label="2">保养</el-radio> <el-radio :label="2">保养</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="模具列表" prop="deviceList"> <el-form-item label="模具列表" prop="moldList">
<el-select v-model="formData.deviceList" multiple filterable clearable placeholder="请选择设备列表" class="!w-full"> <el-select v-model="formData.moldList" multiple filterable clearable placeholder="请选择设备列表" class="!w-full">
<el-option <el-option v-for="item in deviceOptions" :key="String(item.id)" :label="item.name" :value="String(item.id)" />
v-for="item in deviceOptions" :key="String(item.id)" :label="item.name"
:value="String(item.id)" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目表单" prop="projectForm"> <el-form-item label="项目表单" prop="projectForm">
<el-select v-model="formData.projectForm" multiple filterable clearable placeholder="请选择项目表单" class="!w-full"> <el-select v-model="formData.projectForm" multiple filterable clearable placeholder="请选择项目表单" class="!w-full">
<el-option <el-option v-for="item in planOptions" :key="String(item.id)" :label="item.planName" :value="item.id" />
v-for="item in planOptions" :key="String(item.id)" :label="item.planName"
:value="String(item.id)" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="起止日期" prop="dateRange"> <el-form-item label="起止日期" prop="dateRange">
<el-date-picker <el-date-picker v-model="formData.dateRange" value-format="YYYY-MM-DD" type="daterange" start-placeholder=""
v-model="formData.dateRange" value-format="YYYY-MM-DD" type="daterange" start-placeholder="开始日期"
end-placeholder="结束日期" class="!w-320px" /> end-placeholder="结束日期" class="!w-320px" />
</el-form-item> </el-form-item>
<el-form-item label="cron 表达式" prop="cronExpression"> <el-form-item label="cron 表达式" prop="cronExpression">
@ -39,8 +34,7 @@ v-model="formData.dateRange" value-format="YYYY-MM-DD" type="daterange" start-pl
</el-form-item> </el-form-item>
<el-form-item label="是否启用" prop="enabled"> <el-form-item label="是否启用" prop="enabled">
<el-radio-group v-model="formData.enabled"> <el-radio-group v-model="formData.enabled">
<el-radio <el-radio v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="String(dict.value)"
v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="String(dict.value)"
:label="dict.value"> :label="dict.value">
{{ dict.label }} {{ dict.label }}
</el-radio> </el-radio>
@ -115,7 +109,7 @@ const formData = ref({
id: undefined as number | undefined, id: undefined as number | undefined,
name: undefined as string | undefined, name: undefined as string | undefined,
taskType: undefined as number | undefined, taskType: undefined as number | undefined,
deviceList: [] as string[], moldList: [] as string[],
projectForm: [] as string[], projectForm: [] as string[],
dateRange: [] as string[], dateRange: [] as string[],
cronExpression: undefined as string | undefined, cronExpression: undefined as string | undefined,
@ -127,8 +121,9 @@ const formRules = reactive({
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }], name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
taskType: [{ required: true, message: '类型不能为空', trigger: 'change' }], taskType: [{ required: true, message: '类型不能为空', trigger: 'change' }],
enabled: [{ required: true, message: '是否启用不能为空', trigger: 'change' }], enabled: [{ required: true, message: '是否启用不能为空', trigger: 'change' }],
deviceList: [{ required: true, message: '设备列表不能为空', trigger: 'change' }], moldList: [{ required: true, message: '设备列表不能为空', trigger: 'change' }],
projectForm: [{ required: true, message: '项目表单不能为空', trigger: 'change' }], projectForm: [{ required: true, message: '项目表单不能为空', trigger: 'change' }],
dateRange: [{ required: true, message: '起止日期不能为空', trigger: 'change' }]
}) })
const resetForm = () => { const resetForm = () => {
@ -136,7 +131,7 @@ const resetForm = () => {
id: undefined, id: undefined,
name: undefined, name: undefined,
taskType: undefined, taskType: undefined,
deviceList: [], moldList: [],
projectForm: [], projectForm: [],
dateRange: [], dateRange: [],
cronExpression: undefined, cronExpression: undefined,
@ -157,7 +152,7 @@ const open = async (type: string, row?: TaskManagementVO) => {
formData.value.id = row.id formData.value.id = row.id
formData.value.name = row.name formData.value.name = row.name
formData.value.taskType = row.taskType formData.value.taskType = row.taskType
formData.value.deviceList = parseIdsValue((row as any).deviceList) formData.value.moldList = parseIdsValue((row as any).moldList)
const projectFormIds = parseIdsValue((row as any).projectForm) const projectFormIds = parseIdsValue((row as any).projectForm)
if (projectFormIds.length) { if (projectFormIds.length) {
formData.value.projectForm = projectFormIds formData.value.projectForm = projectFormIds
@ -195,7 +190,7 @@ const submitForm = async () => {
id: formData.value.id, id: formData.value.id,
name: formData.value.name, name: formData.value.name,
taskType: formData.value.taskType, taskType: formData.value.taskType,
deviceList: toCommaSeparatedIds((formData.value as any).deviceList), moldList: toCommaSeparatedIds((formData.value as any).moldList),
projectForm: toCommaSeparatedIds((formData.value as any).projectForm), projectForm: toCommaSeparatedIds((formData.value as any).projectForm),
startDate: startDate || undefined, startDate: startDate || undefined,
endDate: endDate || undefined, endDate: endDate || undefined,

Loading…
Cancel
Save