Просмотр исходного кода

feat: 新增手机号前面补0

sunxiao 2 месяцев назад
Родитель
Сommit
ecd889517a
1 измененных файлов с 16 добавлено и 2 удалено
  1. 16 2
      src/layout/components/HeaderGroup/TelCallBoard.vue

+ 16 - 2
src/layout/components/HeaderGroup/TelCallBoard.vue

@@ -22,7 +22,9 @@ const phoneIcon = computed(() => isPlay.value ? iconCallOff : iconCallOn);
 
 const isValidPhoneNumber = phone => {
   const regex = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
-  
+  if ( phone.startsWith(0) ) {
+    return regex.test(phone.slice(1));
+  }
   return regex.test(phone);
 }
 
@@ -57,12 +59,24 @@ const handleCleanNums = () => {
   popoverNums.value = popoverNums.value.substring(0, popoverNums.value.length - 1);
 }
 
+// input输入
+const handleInput = (value) => {
+  inputNums.value = value.replace(/[^\d]/g, '');
+}
+
 </script>
 
 <template>
   <div class="phone-inp-wrapper">
     <div class="inp-left">
-      <el-input-number v-model="inputNums" :step="1" class="reset-inp-number" placeholder="请输入外呼电话号码" step-strictly :readonly="callAnswered"/>
+      <el-input
+        placeholder="请输入外呼电话号码"
+        :readonly="callAnswered"
+        :step="1"
+        class="reset-inp-number"
+        @input="handleInput"
+        v-model="inputNums"
+      />
     </div>
     <div class="inp-right flex items-center">
       <el-popover