修正ts类型

src/views/system/ParkingCost/addParkingCost.vue

@@ -41,7 +41,8 @@
           <el-row>
             <el-col :span="11">
               <el-form-item label="车牌号" prop="carNum">
-                <el-input v-model.number.trim="form.carNum" placeholder="请输入车牌号" />
+                <!-- <el-input v-model.number.trim="form.carNum" placeholder="请输入车牌号" /> -->
+                <LicensePlateInput ref="carNumInputRef" required v-model="form.carNum" @change="() => handleValidate()" />
               </el-form-item>
             </el-col>
             <el-col :span="2"></el-col>
@@ -108,10 +109,11 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
+import LicensePlateInput from '@/components/LicensePlateInput/index.vue';
 import { listArea } from '@/api/system/carArea';
 import { addParkingCost, getParkingCost, updateParkingCost } from '@/api/system/ParkingCost';
 import { listParking } from '@/api/system/parking';
-import { validator } from '@/utils/Reg';
+import { LicensePlateValidator, validator } from '@/utils/Reg';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { com_pay_method } = toRefs<any>(proxy?.useDict('com_pay_method'));
 const { com_parking_charge } = toRefs<any>(proxy?.useDict('com_parking_charge'));
@@ -130,7 +132,7 @@ const form = ref({
   carNum: null, // 车牌号
   startTime: '', // 开始时间
   endTime: '', // 结束时间
-  cost: '', //  费用
+  cost: null, //  费用
   payMethod: '', // 支付方式
   payerStatus: '0', // 缴纳人状态
   remark: '' // 备注
@@ -156,9 +158,18 @@ const rules = ref({
   carNum: [
     { required: true, message: '请绑定车牌号', trigger: 'blur' },
     {
-      validator: (_, value) => validator(value, 'PlateNumber'),
-      message: '请请绑定车牌号',
-      trigger: 'blur'
+      validator: (rule: any, value: string, callback: any) => {
+        if (!value) {
+          callback();
+          return;
+        }
+        if (!LicensePlateValidator.isValidPlate(value)) {
+          callback(new Error('请输入正确的车牌号格式'));
+          return;
+        }
+        callback();
+      },
+      trigger: 'blur' // ✅ 只在失焦时验证
     }
   ],
   startTime: [{ required: true, message: '请选择有效日期', trigger: 'blur' }],
@@ -172,6 +183,9 @@ const rules = ref({
     }
   ]
 });
+function handleValidate() {
+  formRef.value.validateField('carNum');
+}
 const userid = ref(null);
 
 // 区域