新增在线申请

htmldev/loan/src/views/act/apply/index.vue

@@ -24,8 +24,12 @@
           <span v-for="(str, index) in '手机号码：'" :key="index">{{ str }}</span>
         </label>
         <div class="value-wrap">
-          <input type="tel" placeholder="请输入手机号码" v-myBlur v-model.trim="postData.orderUserPhone"
-                 @input="funLimitLength">
+          <input
+            type="tel"
+            placeholder="请输入手机号码"
+            v-myBlur
+            v-model.trim="postData.orderUserPhone"
+            @input="postData.orderUserPhone = postData.orderUserPhone.replace(/[^\d]/, '').replace(/^0/, '').replace(/(\d{11})(.*)/, '$1')">
         </div>
       </li>
       <li class="form-item">
@@ -33,7 +37,11 @@
           <span class="label-code" v-for="(str, index) in '验证码：码'" :key="index">{{ str }}</span>
         </label>
         <div class="value-wrap">
-          <input type="tel" placeholder="请输入验证码" v-myBlur v-model.trim="postData.code" @input="funLimitLength">
+          <input
+            type="tel"
+            placeholder="请输入验证码"
+            v-myBlur v-model.trim="postData.code"
+            @input="postData.code = postData.code.replace(/[^\d]/, '').replace(/(\d{4})(.*)/, '$1')">
         </div>
         <button class="get-code" @click="funGetCode">{{ [0, 60].includes(numCount) ? '获取' : numCount + '秒' }}</button>
       </li>
@@ -55,18 +63,27 @@
           <span v-for="(str, index) in '小区名称：'" :key="index">{{ str }}</span>
         </label>
         <div class="value-wrap">
-          <textarea name="" rows="1" placeholder="请输入小区名称" v-model.trim="postData.orderAddress" v-myBlur
-                    ref="myTextarea"></textarea>
+          <textarea
+            name=""
+            rows="1"
+            placeholder="请输入小区名称"
+            v-model.trim="postData.orderAddress"
+            v-myBlur
+            ref="myTextarea"></textarea>
         </div>
       </li>
       <li class="form-item">
         <label>
-          <span v-for="(str, index) in '需求金额（元）：'" :key="index">{{ str }}</span>
+          <span v-for="(str, index) in '需求金额（万元）：'" :key="index">{{ str }}</span>
         </label>
         <div class="value-wrap amount-wrap">
-          <input :class="{'opacity-0': postData.orderPrice * 1 > 0}" type="tel" placeholder="请输入需求金额" v-myBlur
-                 v-model.trim="amount">
-          <p v-show="postData.orderPrice * 1 > 0">{{ postData.orderPrice * 1 | toThousands }}.00</p>
+          <input
+            :class="{'opacity-0': postData.orderPrice * 1 > 0}"
+            type="tel" placeholder="请输入需求金额"
+            v-myBlur
+            v-model.trim="amount"
+            @input="amount = amount.replace(/[^\d]/, '').replace(/^0/, '')">
+          <p v-show="postData.orderPrice * 1 > 0">{{ postData.orderPrice * 1 | toThousands }}</p>
         </div>
       </li>
       <li class="form-item">
@@ -199,11 +216,6 @@ export default {
       this.$set(this.postData, 'orderCity', value[1])
       this.$set(this.postData, 'orderDistrict', value[2])
     },
-    funLimitLength () {
-      const { orderUserPhone, code } = this.postData
-      this.postData.orderUserPhone = orderUserPhone.length > 11 ? orderUserPhone.slice(0, 11) : orderUserPhone
-      this.postData.code = code.length > 4 ? code.slice(0, 4) : code
-    },
     funCutDown () {
       clearInterval(this.timer)
       this.timer = setInterval(() => {