feat(KYC页面): 联系方式限制字数，去除首尾空格

src/views/Wallet/CashOut/KYC.vue

@@ -23,6 +23,8 @@
           type="text"
           v-model="applyInfo.contactNumber"
           :placeholder="t('enter_contact_number')"
+          maxlength="50"
+          @blur="handleContactNumberInput"
           style="width: 100%; border: none; outline: none"
         />
       </div>
@@ -269,19 +271,25 @@ const resImgUrls = ref([]) //用于提交申请的图片数组
 const updateStatus = ref(false) //是否为修改
 
 const applyInfo = ref({
-  id: '', //提现信息ID
-  contactNumber: '', //银行卡号
-  category: 'CARD', //类别
-  otherDescription: '', //其他描述
-  passportFrontUrl: '', //图片
+  id: '', // 提现信息ID
+  contactNumber: '', // 联系方式
+  category: 'CARD', // 类别
+  otherDescription: '', // 其他描述
+  passportFrontUrl: '', // 图片
   passportBackUrl: 'meaningless',
 })
 
 // 是否全填
 const checkStatus = computed(() => {
-  return applyInfo.value.contactNumber != '' && resImgUrls.value.length > 0
+  const contactNumber = applyInfo.value.contactNumber.trim()
+  return contactNumber.length <= 50 && contactNumber != '' && resImgUrls.value.length > 0
 })
 
+// 处理银行卡号输入，去除首尾空格
+const handleContactNumberInput = (event) => {
+  applyInfo.value.contactNumber = event.target.value.trim()
+}
+
 // 点击图片选择按钮
 const onClickImagePicker = async () => {
   try {