|
@@ -5,20 +5,36 @@
|
5
|
5
|
<el-form-item label="餐类名称" prop="mealName">
|
6
|
6
|
<el-select v-model="formData.mealName" placeholder="请选择餐类名称" @change="selectMealType($event)">
|
7
|
7
|
<el-option
|
8
|
|
- v-for="dict in meal_type"
|
9
|
|
- :key="dict.label"
|
10
|
|
- :label="dict.label"
|
11
|
|
- :value="{mealName: dict.label, typeId:dict.value}"
|
|
8
|
+ v-for="dict in meal_type"
|
|
9
|
+ :key="dict.label"
|
|
10
|
+ :label="dict.label"
|
|
11
|
+ :value="{ mealName: dict.label, typeId: dict.value }"
|
12
|
12
|
></el-option>
|
13
|
13
|
</el-select>
|
14
|
14
|
</el-form-item>
|
15
|
15
|
<el-form-item label="开始时间" prop="beginTime">
|
16
|
|
- <el-time-select v-model="formData.beginTime" :max-time="formData.endTime" style="width: 240px" start="05:00"
|
17
|
|
- step="00:15" end="23:59" format="HH:mm:ss" placeholder="请选择时间"/>
|
|
16
|
+ <el-time-select
|
|
17
|
+ v-model="formData.beginTime"
|
|
18
|
+ :max-time="formData.endTime"
|
|
19
|
+ style="width: 240px"
|
|
20
|
+ start="05:00"
|
|
21
|
+ step="00:15"
|
|
22
|
+ end="23:59"
|
|
23
|
+ format="HH:mm:ss"
|
|
24
|
+ placeholder="请选择时间"
|
|
25
|
+ />
|
18
|
26
|
</el-form-item>
|
19
|
27
|
<el-form-item label="结束时间" prop="endTime">
|
20
|
|
- <el-time-select v-model="formData.endTime" :min-time="formData.beginTime" style="width: 240px" start="05:00"
|
21
|
|
- step="00:15" end="23:59" format="HH:mm:ss" placeholder="请选择结束时间"/>
|
|
28
|
+ <el-time-select
|
|
29
|
+ v-model="formData.endTime"
|
|
30
|
+ :min-time="formData.beginTime"
|
|
31
|
+ style="width: 240px"
|
|
32
|
+ start="05:00"
|
|
33
|
+ step="00:15"
|
|
34
|
+ end="23:59"
|
|
35
|
+ format="HH:mm:ss"
|
|
36
|
+ placeholder="请选择结束时间"
|
|
37
|
+ />
|
22
|
38
|
</el-form-item>
|
23
|
39
|
<el-form-item label="类别说明" prop="mealNotes">
|
24
|
40
|
<el-input v-model="formData.mealNotes" placeholder="请输入类别说明" />
|
|
@@ -70,14 +86,14 @@ const formData = ref<PtMealTypeForm>({
|
70
|
86
|
mealName: '',
|
71
|
87
|
beginTime: '',
|
72
|
88
|
endTime: '',
|
73
|
|
- mealNotes: '',
|
|
89
|
+ mealNotes: ''
|
74
|
90
|
});
|
75
|
91
|
// 表单校验规则
|
76
|
92
|
const formRules = reactive({
|
77
|
93
|
mealId: [{ required: true, message: '营业时段id不能为空', trigger: 'blur' }],
|
78
|
94
|
mealName: [{ required: true, message: '餐类名称不能为空', trigger: 'blur' }],
|
79
|
95
|
beginTime: [{ required: true, message: '开始时间不能为空', trigger: 'blur' }],
|
80
|
|
- endTime: [{ required: true, message: '结束时间不能为空', trigger: 'blur' }],
|
|
96
|
+ endTime: [{ required: true, message: '结束时间不能为空', trigger: 'blur' }]
|
81
|
97
|
});
|
82
|
98
|
/** 当前组件方法 */
|
83
|
99
|
/** 窗体打开事件 */
|
|
@@ -104,15 +120,15 @@ const resetForm = () => {
|
104
|
120
|
mealName: '',
|
105
|
121
|
beginTime: '',
|
106
|
122
|
endTime: '',
|
107
|
|
- mealNotes: '',
|
|
123
|
+ mealNotes: ''
|
108
|
124
|
};
|
109
|
125
|
formRef.value?.resetFields();
|
110
|
126
|
};
|
111
|
127
|
|
112
|
128
|
const selectMealType = (event) => {
|
113
|
|
- formData.value.typeId = event.typeId
|
114
|
|
- formData.value.mealName = event.mealName
|
115
|
|
-}
|
|
129
|
+ formData.value.typeId = event.typeId;
|
|
130
|
+ formData.value.mealName = event.mealName;
|
|
131
|
+};
|
116
|
132
|
// 传回给父组件的属性与方法
|
117
|
133
|
// 提供 open 方法,用于打开弹窗
|
118
|
134
|
defineExpose({ open });
|
|
@@ -122,7 +138,7 @@ const emit = defineEmits(['success']);
|
122
|
138
|
/** 提交按钮 */
|
123
|
139
|
const submitForm = async () => {
|
124
|
140
|
// 校验表单
|
125
|
|
- if (!formRef) return;
|
|
141
|
+ if (!formRef.value) return;
|
126
|
142
|
const valid = await formRef.value?.validate();
|
127
|
143
|
if (!valid) return;
|
128
|
144
|
// 提交请求
|