9/2 禅道问题

src/views/system/MonthCard/addMonthCard.vue

@@ -33,6 +33,7 @@
                   maxlength="10"
                   placeholder="请输入车牌号"
                   style="text-transform: uppercase; letter-spacing: 2px"
+                  @input="handleInputCarNum"
                 />
               </el-form-item>
             </el-col>
@@ -48,6 +49,7 @@
               <el-form-item label="有效日期" prop="startTime">
                 <el-date-picker
                   v-model="checkDate"
+                  :disabled-date="disableDate"
                   end-placeholder="结束日期"
                   placeholder="选择日期"
                   range-separator="到"
@@ -121,15 +123,22 @@ const form = ref({
   endTime: '' // 结束日期
 });
 const checkDate = ref([]);
-function handleDate() {
-  form.value.startTime = checkDate.value[0];
-  form.value.endTime = checkDate.value[1];
+// 禁用 过去日期
+function disableDate(time: Date) {
+  return time.getTime() < new Date(new Date().toLocaleDateString()).getTime();
 }
+// 处理日期选择
+function handleDate(data: string[]) {
+  form.value.startTime = data[0] + ' 00:00:00';
+  form.value.endTime = data[1] + ' 23:59:59';
+}
+// 清空日期选择
 function handleClear() {
   checkDate.value = [];
   form.value.startTime = '';
   form.value.endTime = '';
 }
+
 const rules = ref({
   cardCode: [
     { required: true, message: '请输入月卡编号', trigger: 'blur' },
@@ -150,8 +159,15 @@ const rules = ref({
   handleName: [
     { required: false, message: '请输入姓名', trigger: 'blur' },
     {
-      validator: (_: any, value: string | number) => validator(value, 'ChineseName'),
-      message: '请输入正确的中文姓名',
+      validator: (_: any, value: string | number, callback: (error?: Error) => void) => {
+        if (value === '' || value === null || value === undefined) {
+          return callback();
+        }
+        if (!validator(value, 'ChineseName')) {
+          return callback(new Error('请输入正确的中文姓名'));
+        }
+        return callback();
+      },
       trigger: 'blur'
     }
   ],
@@ -210,6 +226,12 @@ if (route.query.id) {
     checkDate.value = [form.value.startTime, form.value.endTime];
   });
 }
+
+// 处理 车牌号 输入 大写问题
+function handleInputCarNum(val: string) {
+  form.value.carNum = val.toUpperCase();
+}
+
 // !== 提交 =============================================================================
 // 提交
 const submitForm = () => {