添加用户银行卡关联的前端页面控制及关联操作，添加页面数字校验规则(手机、身份证、银行卡、年龄)

src/views/business/merchantVerification/index.vue

@@ -274,7 +274,7 @@ export default {
           { required: true, message: "法人姓名不能为空", trigger: "blur" }
         ],
         legalPersonIdCard: [
-          { required: true, message: "法人身份证号不能为空", trigger: "blur" }
+          { required: true,pattern: /^\d+$/, message: "身份证号只能为数字", trigger: "blur" }
         ],
         failureReason: [
           { required: true, message: "审核失败原因不能为空", trigger: "blur" }

src/views/business/userCard/index.vue

@@ -9,18 +9,10 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="银行名称" prop="bankName">
-        <el-input
-          v-model="queryParams.bankName"
-          placeholder="请输入银行名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="具体分行" prop="deptName">
+      <el-form-item label="登录账号" prop="userAccount">
         <el-input
-          v-model="queryParams.deptName"
-          placeholder="请输入具体分行"
+          v-model="queryParams.userAccount"
+          placeholder="请输入登录账号"
           clearable
           @keyup.enter.native="handleQuery"
         />
@@ -79,17 +71,30 @@
 
     <el-table v-loading="loading" :data="userCardList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="登录账号" align="center" prop="userAccount" />
+      <el-table-column label="用户名称" align="center">
+        <template #default="scope">
+          <span v-if="scope.row.userType == 0">{{ scope.row.userInfoName }}</span>
+          <span v-if="scope.row.userType == 1">{{ scope.row.merchantName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="身份证号" align="center">
+        <template #default="scope">
+          <span v-if="scope.row.userType == 0">{{ scope.row.idCard }}</span>
+          <span v-if="scope.row.userType == 1">{{ scope.row.lpIdCard }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="用户类型" align="center" prop="userType" >
+        <template slot-scope="scope">
+          <el-tag  v-if="scope.row.userType == 0">普通账户</el-tag>
+          <el-tag type="warning" v-if="scope.row.userType == 1">商企账户</el-tag>
+        </template>
+      </el-table-column>
       <el-table-column label="银行卡号" align="center" prop="cardNum" />
       <el-table-column label="银行名称" align="center" prop="bankName" />
       <el-table-column label="具体分行" align="center" prop="deptName" />
       <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleDetail(scope.row)"
-          >{{ $t('common.button.detail') }}</el-button>
           <el-button
             size="mini"
             type="text"
@@ -119,6 +124,9 @@
     <!-- 添加或修改用户银行卡对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="auto">
+        <el-form-item label="所属账号" prop="userAccount">
+          <el-input v-model="form.userAccount" placeholder="请输入银行卡所属账号" />
+        </el-form-item>
         <el-form-item label="银行卡号" prop="cardNum">
           <el-input v-model="form.cardNum" placeholder="请输入银行卡号" />
         </el-form-item>
@@ -134,24 +142,6 @@
         <el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button>
       </div>
     </el-dialog>
-
-    <!-- 用户银行卡详情 -->
-        <el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
-            <el-form ref="form" :model="form" label-width="auto">
-                    <el-form-item label="银行卡号：">
-                      {{form.cardNum}}
-                    </el-form-item>
-                    <el-form-item label="银行名称：">
-                      {{form.bankName}}
-                    </el-form-item>
-                    <el-form-item label="具体分行：">
-                      {{form.deptName}}
-                    </el-form-item>
-                  </el-form>
-                  <div slot="footer" class="dialog-footer">
-                    <el-button @click="cancel">{{ $t('common.button.close') }}</el-button>
-                  </div>
-        </el-dialog>
   </div>
 </template>
 
@@ -200,8 +190,17 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        userAccount: [
+          { required: true, message: "银行卡所属账号不能为空", trigger: "blur" }
+        ],
         cardNum: [
-          { required: true, message: "银行卡号不能为空", trigger: "blur" }
+          { required: true,pattern: /^\d+$/, message: "银行卡号只能为数字", trigger: "blur" }
+        ],
+        bankName: [
+          { required: true, message: "银行名称不能为空", trigger: "blur" }
+        ],
+        deptName: [
+          { required: true, message: "分行名称不能为空", trigger: "blur" }
         ],
       }
     };
@@ -281,6 +280,7 @@ export default {
       getUserCard(id).then(response => {
         this.loading = false;
         this.form = response.data;
+        this.form.userAccount = row.userAccount;
         this.open = true;
         this.title = "修改用户银行卡";
       });

src/views/business/userInfo/index.vue

@@ -188,13 +188,13 @@
             { required: true, message: this.$t('userManager.userInfo.genderRequired'), trigger: "blur" }
           ],
           idCard: [
-            { required: true, message: this.$t('userManager.userInfo.idCardRequired'), trigger: "blur" }
+            { required: true,pattern: /^\d+$/, message: "身份证号只能为数字", trigger: "blur" }
           ],
           phone: [
-            { required: true, message: this.$t('userManager.userInfo.phoneRequired'), trigger: "blur" }
+            { required: true,pattern: /^\d+$/, message: "手机号只能为数字", trigger: "blur" }
           ],
           age: [
-            { required: true, message: this.$t('userManager.userInfo.ageRequired'), trigger: "blur" }
+            { required: true,pattern: /^\d+$/, message: "年龄只能为数字", trigger: "blur" }
           ],
           addr: [
             { required: true, message: this.$t('userManager.userInfo.addrRequired'), trigger: "change" }

src/views/business/userRegister/index.vue

@@ -426,10 +426,10 @@ export default {
           {required: true, message: this.$t('userManager.userRegister.idCardRequired'), trigger: "blur"}
         ],
         phone: [
-          {required: true, message: this.$t('userManager.userRegister.phoneRequired'), trigger: "blur"}
+          { required: true,pattern: /^\d+$/, message: "手机号码只能为数字", trigger: "blur"}
         ],
         age: [
-          {required: true, message: this.$t('userManager.userRegister.ageRequired'), trigger: "blur"}
+          { required: true,pattern: /^\d+$/, message: "年龄只能为数字", trigger: "blur" }
         ],
         addr: [
           {required: true, message: this.$t('userManager.userRegister.addrRequired'), trigger: "blur"}

src/views/business/userRegister/indexBus.vue

@@ -417,22 +417,22 @@ export default {
           { required: true, message: "经营地址不能为空", trigger: "blur" }
         ],
         name: [
-          { required: true, message: "登录账号不能为空", trigger: "blur" }
+          { required: true, message: "姓名不能为空", trigger: "blur" }
         ],
         gender: [
-          { required: true, message: "登录账号不能为空", trigger: "blur" }
+          { required: true, message: "姓别不能为空", trigger: "blur" }
         ],
         idCard: [
-          { required: true, message: "登录账号不能为空", trigger: "blur" }
+          { required: true,pattern: /^\d+$/, message: "身份证号只能为数字", trigger: "blur" }
         ],
         phone: [
-          { required: true, message: "登录账号不能为空", trigger: "blur" }
+          { required: true,pattern: /^\d+$/, message: "手机号码只能为数字", trigger: "blur"}
         ],
         age: [
-          { required: true, message: "登录账号不能为空", trigger: "blur" }
+          { required: true,pattern: /^\d+$/, message: "年龄只能为数字", trigger: "blur"}
         ],
         addr: [
-          { required: true, message: "登录账号不能为空", trigger: "blur" }
+          { required: true, message: "地址不能为空", trigger: "blur" }
         ],
         merchantName: [
           { required: true, message: "商企名称不能为空", trigger: "blur" }

src/views/business/userVerification/index.vue

@@ -276,7 +276,7 @@ export default {
       // 表单校验
       rules: {
         idCardNumber: [
-          { required: true, message: "身份证号不能为空", trigger: "blur" }
+          { required: true,pattern: /^\d+$/, message: "身份证号只能为数字", trigger: "blur" }
         ],
         fullName: [
           { required: true, message: "姓名不能为空", trigger: "blur" }