| | |
| | | :width="700" |
| | | > |
| | | <ProForm :model="form" ref="dialogForm" label-width="120px"> |
| | | <ProFormItemV2 label="任务单号:" prop="code" :check-rules="[{ message: '请选择任务单号' }]"> |
| | | <ProFormItemV2 label="任务名称:" prop="name" :check-rules="[{ message: '请选择任务单号' }]"> |
| | | <ProFormSelect |
| | | v-model="form.code" |
| | | v-model="form.name" |
| | | :valueEnum="taskSelect" |
| | | placeholder="请选择任务单号" |
| | | placeholder="请选择任务名称" |
| | | enum-value-key="id" |
| | | enum-label-key="code" |
| | | enum-label-key="name" |
| | | filterable |
| | | clearable |
| | | @change="handleCodeChange" |
| | | > |
| | | </ProFormSelect> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="任务名称:" prop="name" :check-rules="[{ message: '请输入任务名称' }]"> |
| | | <ProFormItemV2 label="任务单号:" prop="code" :check-rules="[{ message: '请输入任务单号' }]"> |
| | | <ProFormText |
| | | style="width: 50%" |
| | | placeholder="请输入任务名称" |
| | | v-model.trim="form.name" |
| | | placeholder="请输入任务单号" |
| | | v-model.trim="form.code" |
| | | disabled |
| | | ></ProFormText> |
| | | </ProFormItemV2> |
| | |
| | | |
| | | function handleCodeChange(value: string) { |
| | | if (value) { |
| | | form.value.name = taskSelect.value?.find((item) => item.id === value)?.name ?? ''; |
| | | form.value.code = taskSelect.value?.find((item) => item.id === value)?.code ?? ''; |
| | | form.value.id = value; |
| | | } else { |
| | | Message.errorMessage('请选择任务单号'); |
| | | Message.errorMessage('请选择任务名称'); |
| | | } |
| | | } |
| | | |