汇付账号修改

1

src/views/adapayAccount/form.vue

@@ -2,162 +2,209 @@
 <template>
   <div class="m-container">
     <h2>
-      <el-page-header @back="onCancel"
-                      :content="(payType == 'create' ? '创建账号' : '修改账号')"></el-page-header>
+      <el-page-header
+        @back="onCancel"
+        :content="payType == 'create' ? '创建账号' : '修改账号'"
+      ></el-page-header>
     </h2>
-    <div class="m-core"
-         style="overflow: hidden">
+    <div class="m-core" style="overflow: hidden">
       <el-col :span="12" :lg="14" :md="20" :sm="20" :xs="24">
-        <el-form :model="form"
-                 :rules="rules"
-                 ref="accountForm"
-                 label-position="right"
-                 label-width="180px">
-          <el-form-item label="商户号"
-                        prop="memberId">
-            <el-input v-model="form.memberId"
-                      :disabled="payType == 'update' ? true : false"
-                      placeholder="请输入商户号"></el-input>
+        <el-form
+          :model="form"
+          :rules="rules"
+          ref="accountForm"
+          label-position="right"
+          label-width="180px"
+        >
+          <el-form-item label="商户号" prop="memberId">
+            <el-input
+              v-model="form.memberId"
+              :disabled="payType == 'update' ? true : false"
+              placeholder="请输入商户号"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="公司名称"
-                        prop="name">
-            <el-input v-model="form.name"
-                      placeholder="请输入公司名称"></el-input>
+          <el-form-item label="公司名称" prop="name">
+            <el-input
+              v-model="form.name"
+              placeholder="请输入公司名称"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="公司法人"
-                        prop="legalPerson">
-            <el-input v-model="form.legalPerson"
-                      placeholder="请输入公司法人"></el-input>
+          <el-form-item label="公司法人" prop="legalPerson">
+            <el-input
+              v-model="form.legalPerson"
+              placeholder="请输入公司法人"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="公司法人手机号"
-                        prop="legalMp">
-            <el-input v-model="form.legalMp" maxlength="11"
-                      placeholder="请输入公司法人手机号"></el-input>
+          <el-form-item label="公司法人手机号" prop="legalMp">
+            <el-input
+              v-model="form.legalMp"
+              maxlength="11"
+              placeholder="请输入公司法人手机号"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="法人身份证号"
-                        prop="legalCertId">
-            <el-input v-model="form.legalCertId"
-                      placeholder="请输入法人身份证号"></el-input>
+          <el-form-item label="法人身份证号" prop="legalCertId">
+            <el-input
+              v-model="form.legalCertId"
+              placeholder="请输入法人身份证号"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="身份证有效期"
-                        prop="legalCertIdExpires">
-            <el-date-picker v-model="form.legalCertIdExpires"
-                            :picker-options="{ firstDayOfWeek:1 }"
-                            value-format="yyyyMMdd"
-                            type="date"
-                            placeholder="请选择身份证有效期">
+          <el-form-item label="身份证有效期" prop="legalCertIdExpires">
+            <el-date-picker
+              v-model="form.legalCertIdExpires"
+              :picker-options="{ firstDayOfWeek: 1 }"
+              value-format="yyyyMMdd"
+              type="date"
+              placeholder="请选择身份证有效期"
+            >
             </el-date-picker>
           </el-form-item>
-          <el-form-item label="银行卡号"
-                        prop="cardNo">
-            <el-input v-model="form.cardNo"
-                      placeholder="请输入银行卡号"></el-input>
+          <el-form-item label="银行卡号" prop="cardNo">
+            <el-input
+              v-model="form.cardNo"
+              placeholder="请输入银行卡号"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="所属银行"
-                        prop="bankCode">
-            <el-select v-model="form.bankCode"
-                       placeholder="请选择所属银行">
-              <el-option v-for="(item, index) in backList"
-                         :key="index"
-                         :label="item.title"
-                         :value="item.value"></el-option>
+          <el-form-item label="所属银行" prop="bankCode">
+            <el-select v-model="form.bankCode" placeholder="请选择所属银行">
+              <el-option
+                v-for="(item, index) in backList"
+                :key="index"
+                :label="item.title"
+                :value="item.value"
+              ></el-option>
             </el-select>
           </el-form-item>
+          <el-form-item label="银行账户类型" prop="bankAcctType">
+            <el-select
+              v-model="form.bankAcctType"
+              placeholder="请选择银行账户类型"
+            >
+              <el-option label="对公" value="1"></el-option>
+              <el-option label="对私" value="2"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="银行卡对应的户名" prop="cardName">
+            <el-input
+              v-model="form.cardName"
+              placeholder="请输入银行卡对应的户名"
+            ></el-input>
+          </el-form-item>
+
           <el-form-item label="省市" required>
             <el-row>
               <el-col :span="12">
-                <el-form-item prop="provCode" style="margin-bottom: 0;">
-                  <el-select v-model="form.provCode"
-                             style="width: 98% !important"
-                             @change="onProvChange"
-                             placeholder="请选择省份">
-                    <el-option v-for="(item, index) in cityList"
-                               :key="index"
-                               :label="item.title"
-                               :value="item.value"></el-option>
+                <el-form-item prop="provCode" style="margin-bottom: 0">
+                  <el-select
+                    v-model="form.provCode"
+                    style="width: 98% !important"
+                    @change="onProvChange"
+                    placeholder="请选择省份"
+                  >
+                    <el-option
+                      v-for="(item, index) in cityList"
+                      :key="index"
+                      :label="item.title"
+                      :value="item.value"
+                    ></el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item prop="areaCode" style="margin-bottom: 0;">
-                  <el-select v-model="form.areaCode"
-                             style="width: 100% !important"
-                             placeholder="请选择城市">
-                    <el-option v-for="(item, index) in selectListCity"
-                               :key="index"
-                               :label="item.title"
-                               :value="item.value"></el-option>
+                <el-form-item prop="areaCode" style="margin-bottom: 0">
+                  <el-select
+                    v-model="form.areaCode"
+                    style="width: 100% !important"
+                    placeholder="请选择城市"
+                  >
+                    <el-option
+                      v-for="(item, index) in selectListCity"
+                      :key="index"
+                      :label="item.title"
+                      :value="item.value"
+                    ></el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form-item>
-          <el-form-item label="统一社会信用码"
-                        prop="socialCreditCode">
-            <el-input v-model="form.socialCreditCode"
-                      placeholder="请输入统一社会信用码"></el-input>
+          <el-form-item label="统一社会信用码" prop="socialCreditCode">
+            <el-input
+              v-model="form.socialCreditCode"
+              placeholder="请输入统一社会信用码"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="统一社会信用码有效期"
-                        prop="socialCreditCodeExpires">
-            <el-date-picker v-model="form.socialCreditCodeExpires"
-                            :picker-options="{ firstDayOfWeek:1 }"
-                            value-format="yyyyMMdd"
-                            type="date"
-                            placeholder="请选择统一社会信用码有效期">
+          <el-form-item
+            label="统一社会信用码有效期"
+            prop="socialCreditCodeExpires"
+          >
+            <el-date-picker
+              v-model="form.socialCreditCodeExpires"
+              :picker-options="{ firstDayOfWeek: 1 }"
+              value-format="yyyyMMdd"
+              type="date"
+              placeholder="请选择统一社会信用码有效期"
+            >
             </el-date-picker>
           </el-form-item>
-          <el-form-item label="经营范围"
-                        prop="businessScope">
+          <el-form-item label="经营范围" prop="businessScope">
             <!-- <el-input v-model="form.businessScope" placeholder="请输入经营范围"></el-input> -->
-            <el-input type="textarea"
-                      :rows="3"
-                      v-model="form.businessScope"
-                      placeholder="请输入经营范围"></el-input>
+            <el-input
+              type="textarea"
+              :rows="3"
+              v-model="form.businessScope"
+              placeholder="请输入经营范围"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="公司地址"
-                        prop="address">
-            <el-input v-model="form.address"
-                      placeholder="请输入公司地址"></el-input>
+          <el-form-item label="公司地址" prop="address">
+            <el-input
+              v-model="form.address"
+              placeholder="请输入公司地址"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="证照文件"
-                        prop="multipartFile">
+          <el-form-item label="证照文件" prop="multipartFile">
             <template slot="label">
               证照文件
               <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">
-                    内容须包含三证合一证件照、法人身份证正面照、法人身份证反面照、开户银行许可证照。 压缩 zip包后上传。最大限制为 9 M。
-                    <!-- 最大限制为 9 M。 -->
-                  </div>
-                  <i
-                    class="el-icon-question micon el-tooltip"
-                    style="
-                      font-size: 18px;
-                      color: #f56c6c;
-                      top: 2px;
-                      position: relative;
-                    "
-                  ></i>
-                </el-tooltip>
+                <div slot="content">
+                  内容须包含三证合一证件照、法人身份证正面照、法人身份证反面照、开户银行许可证照。
+                  压缩 zip包后上传。最大限制为 9 M。
+                  <!-- 最大限制为 9 M。 -->
+                </div>
+                <i
+                  class="el-icon-question micon el-tooltip"
+                  style="
+                    font-size: 18px;
+                    color: #f56c6c;
+                    top: 2px;
+                    position: relative;
+                  "
+                ></i>
+              </el-tooltip>
             </template>
             <!-- <el-input type="file" class="uploadFile" v-model="form.multipartFile"></el-input> -->
-            <el-upload class="avatar-upload"
-                       ref="upload"
-                       action="/api-web/uploadFile"
-                       :headers="headers"
-                       :on-preview="handlePreview"
-                       :on-remove="handleRemove"
-                       :on-change="handleChange"
-                       :file-list="fileList"
-                       accept=".zip"
-                       :multiple="false"
-                       :limit="1"
-                       :auto-upload="false">
-              <el-button slot="trigger"
-                         type="primary">选取文件</el-button>
+            <el-upload
+              class="avatar-upload"
+              ref="upload"
+              action="/api-web/uploadFile"
+              :headers="headers"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :on-change="handleChange"
+              :file-list="fileList"
+              accept=".zip"
+              :multiple="false"
+              :limit="1"
+              :auto-upload="false"
+            >
+              <el-button slot="trigger" type="primary">选取文件</el-button>
               <!-- ，且不超过500kb -->
-              <div slot="tip"
-                   style="display: inline; padding-left: 20px;"
-                   class="el-upload__tip">只能上传一个文件</div>
+              <div
+                slot="tip"
+                style="display: inline; padding-left: 20px"
+                class="el-upload__tip"
+              >
+                只能上传一个文件
+              </div>
             </el-upload>
             <!-- <el-upload class="avatar-uploader"
                             action="/api-web/uploadFile"
@@ -172,15 +219,17 @@
                             class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload> -->
           </el-form-item>
-          <el-form-item label="邮编"
-                        prop="zipCode">
-            <el-input v-model="form.zipCode"
-                      placeholder="请输入邮编"></el-input>
+          <el-form-item label="邮编" prop="zipCode">
+            <el-input
+              v-model="form.zipCode"
+              placeholder="请输入邮编"
+            ></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" 
-                       @click="onSubmit('accountForm')">确 定</el-button>
-            <el-button @click="onCancel" >取 消</el-button>
+            <el-button type="primary" @click="onSubmit('accountForm')"
+              >确 定</el-button
+            >
+            <el-button @click="onCancel">取 消</el-button>
           </el-form-item>
         </el-form>
       </el-col>
@@ -192,22 +241,22 @@
 import { cityJson } from "../../utils/cityJson";
 import { bankJson } from "../../utils/bankJson";
 import { getToken } from "@/utils/auth";
-import load from '@/utils/loading'
-import { createMember, updateMember } from './api.js'
-import { isvalidPhone } from '@/utils/validate'
+import load from "@/utils/loading";
+import { createMember, updateMember } from "./api.js";
+import { isvalidPhone } from "@/utils/validate";
 let validPhone = (rule, value, callback) => {
   if (!value) {
-    callback(new Error('请输入公司法人手机号'))
+    callback(new Error("请输入公司法人手机号"));
   } else if (!isvalidPhone(value)) {
-    callback(new Error('请输入正确的11位手机号码'))
+    callback(new Error("请输入正确的11位手机号码"));
   } else {
-    callback()
+    callback();
   }
-}
+};
 export default {
-  name: 'ADaPayAccount',
-  data () {
-    const query = this.$route.query
+  name: "ADaPayAccount",
+  data() {
+    const query = this.$route.query;
     return {
       payType: query.type,
       row: query.row ? JSON.parse(query.row) : {},
@@ -215,7 +264,7 @@ export default {
       cityList: cityJson,
       selectListCity: [],
       headers: {
-        Authorization: getToken()
+        Authorization: getToken(),
       },
       fileList: [],
       files: null, // 上传对象
@@ -236,42 +285,95 @@ export default {
         businessScope: null,
         address: null,
         multipartFile: null,
-        zipCode: null
+        zipCode: null,
+        bankAcctType: null,
+        cardName: null,
       },
       rules: {
-        memberId: [{ required: true, message: '请输入商户号', trigger: 'blur' }],
-        name: [{ required: true, message: '请输入公司名称', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入公司法人', trigger: 'blur' }],
-        legalMp: [{ type: 'number', required: true, validator: validPhone, trigger: 'blur' }],
-        legalCertId: [{ required: true, message: '请输入法人身份证号', trigger: 'blur' }],
-        legalCertIdExpires: [{ required: true, message: '请选择身份证有效期', trigger: 'change' }],
-        cardNo: [{ required: true, message: '请输入银行卡号', trigger: 'blur' }],
-        bankCode: [{ required: true, message: '请选择所属银行', trigger: 'change' }],
-        provCode: [{ required: true, message: '请选择省份', trigger: 'change' }],
-        areaCode: [{ required: true, message: '请选择城市', trigger: 'change' }],
-        socialCreditCode: [{ required: true, message: '请输入统一社会信用码', trigger: 'blur' }],
-        socialCreditCodeExpires: [{ required: true, message: '请选择统一社会信用码有效期', trigger: 'change' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        address: [{ required: true, message: '请输入公司地址', trigger: 'blur' }],
-        multipartFile: [{ required: true, message: '请上传证照文件', trigger: 'change' }],
-        zipCode: [{ required: true, message: '请输入邮编', trigger: 'blur' }]
-      }
+        memberId: [
+          { required: true, message: "请输入商户号", trigger: "blur" },
+        ],
+        name: [{ required: true, message: "请输入公司名称", trigger: "blur" }],
+        legalPerson: [
+          { required: true, message: "请输入公司法人", trigger: "blur" },
+        ],
+        legalMp: [
+          {
+            type: "number",
+            required: true,
+            validator: validPhone,
+            trigger: "blur",
+          },
+        ],
+        legalCertId: [
+          { required: true, message: "请输入法人身份证号", trigger: "blur" },
+        ],
+        legalCertIdExpires: [
+          { required: true, message: "请选择身份证有效期", trigger: "change" },
+        ],
+        cardNo: [
+          { required: true, message: "请输入银行卡号", trigger: "blur" },
+        ],
+        bankCode: [
+          { required: true, message: "请选择所属银行", trigger: "change" },
+        ],
+        provCode: [
+          { required: true, message: "请选择省份", trigger: "change" },
+        ],
+        areaCode: [
+          { required: true, message: "请选择城市", trigger: "change" },
+        ],
+        socialCreditCode: [
+          { required: true, message: "请输入统一社会信用码", trigger: "blur" },
+        ],
+        socialCreditCodeExpires: [
+          {
+            required: true,
+            message: "请选择统一社会信用码有效期",
+            trigger: "change",
+          },
+        ],
+        businessScope: [
+          { required: true, message: "请输入经营范围", trigger: "blur" },
+        ],
+        address: [
+          { required: true, message: "请输入公司地址", trigger: "blur" },
+        ],
+        multipartFile: [
+          { required: true, message: "请上传证照文件", trigger: "change" },
+        ],
+        zipCode: [{ required: true, message: "请输入邮编", trigger: "blur" }],
+        cardName: [
+          {
+            required: true,
+            message: "请输入银行卡对应的户名",
+            trigger: "blur",
+          },
+        ],
+        bankAcctType: [
+          {
+            required: true,
+            message: "银行账户类型",
+            trigger: "blur",
+          },
+        ],
+      },
     };
   },
-  mounted () {
-    this.__init()
+  mounted() {
+    this.__init();
   },
   methods: {
-    __init () {
-      const query = this.$route.query
-      this.payType = query.type
-      this.row = query.row ? JSON.parse(query.row) : {}
-      this.files = null
-      this.fileList = []
-      this.form.multipartFile = null
-      if (this.payType == 'update') {
-        const row = this.row
-        this.id = row.id
+    __init() {
+      const query = this.$route.query;
+      this.payType = query.type;
+      this.row = query.row ? JSON.parse(query.row) : {};
+      this.files = null;
+      this.fileList = [];
+      this.form.multipartFile = null;
+      if (this.payType == "update") {
+        const row = this.row;
+        this.id = row.id;
         this.form = {
           memberId: row.memberId,
           name: row.name,
@@ -288,14 +390,16 @@ export default {
           businessScope: row.businessScope,
           address: row.address,
           multipartFile: row.multipartFile,
-          zipCode: row.zipCode
-        }
-        this.cityList.forEach(item => {
+          zipCode: row.zipCode,
+          bankAcctType: row.bankAcctType,
+          cardName: row.cardName,
+        };
+        this.cityList.forEach((item) => {
           if (item.value == row.provCode) {
-            this.selectListCity = item.cities
+            this.selectListCity = item.cities;
           }
-        })
-      } else if (this.payType == 'create') {
+        });
+      } else if (this.payType == "create") {
         // this.form = {
         //     memberId: null,
         //     name: null,
@@ -314,98 +418,103 @@ export default {
         //     multipartFile: null,
         //     zipCode: null
         // }
-        this.$refs["accountForm"].resetFields()
+        this.$refs["accountForm"].resetFields();
       }
     },
-    async onSubmit (formName) {
-      this.$refs[formName].validate(valid => {
+    async onSubmit(formName) {
+      this.$refs[formName].validate((valid) => {
         if (valid) {
-          const form = this.form
-          let formData = new FormData()
-          formData.append("memberId", form.memberId)
-          formData.append("name", form.name)
-          formData.append("legalPerson", form.legalPerson)
-          formData.append("legalMp", form.legalMp)
-          formData.append("legalCertId", form.legalCertId)
-          formData.append("legalCertIdExpires", form.legalCertIdExpires)
-          formData.append("cardNo", form.cardNo)
-          formData.append("bankCode", form.bankCode)
-          formData.append("provCode", form.provCode)
-          formData.append("areaCode", form.areaCode)
-          formData.append("socialCreditCode", form.socialCreditCode)
-          formData.append("socialCreditCodeExpires", form.socialCreditCodeExpires)
-          formData.append("businessScope", form.businessScope)
-          formData.append("address", form.address)
-          formData.append("multipartFile", form.multipartFile)
-          formData.append("zipCode", form.zipCode)
-          if (this.payType == 'create') {
-            createMember(formData).then(res => {
+          const form = this.form;
+          let formData = new FormData();
+          formData.append("memberId", form.memberId);
+          formData.append("name", form.name);
+          formData.append("legalPerson", form.legalPerson);
+          formData.append("legalMp", form.legalMp);
+          formData.append("legalCertId", form.legalCertId);
+          formData.append("legalCertIdExpires", form.legalCertIdExpires);
+          formData.append("cardNo", form.cardNo);
+          formData.append("bankCode", form.bankCode);
+          formData.append("provCode", form.provCode);
+          formData.append("areaCode", form.areaCode);
+          formData.append("socialCreditCode", form.socialCreditCode);
+          formData.append(
+            "socialCreditCodeExpires",
+            form.socialCreditCodeExpires
+          );
+          formData.append("businessScope", form.businessScope);
+          formData.append("address", form.address);
+          formData.append("multipartFile", form.multipartFile);
+          formData.append("zipCode", form.zipCode);
+          formData.append("bankAcctType", form.bankAcctType);
+          formData.append("cardName", form.cardName);
+          if (this.payType == "create") {
+            createMember(formData).then((res) => {
               if (res.code == 200) {
-                this.$message.success('保存成功')
-                this.onCancel()
+                this.$message.success("保存成功");
+                this.onCancel();
               } else {
-                this.$message.error(res.msg)
+                this.$message.error(res.msg);
               }
-            })
-          } else if (this.payType == 'update') {
-            formData.append('id', this.id)
-            updateMember(formData).then(res => {
+            });
+          } else if (this.payType == "update") {
+            formData.append("id", this.id);
+            updateMember(formData).then((res) => {
               if (res.code == 200) {
-                this.$message.success('保存成功')
-                this.onCancel()
+                this.$message.success("保存成功");
+                this.onCancel();
               } else {
-                this.$message.error(res.msg)
+                this.$message.error(res.msg);
               }
-            })
+            });
           }
         } else {
           this.$nextTick(() => {
-            let isError = document.getElementsByClassName('is-error')
+            let isError = document.getElementsByClassName("is-error");
             isError[0].scrollIntoView({
-              block: 'center',
-              behavior: 'smooth',
-            })
-          })
+              block: "center",
+              behavior: "smooth",
+            });
+          });
           return false;
         }
       });
     },
-    handleChange (file) {
-      console.log(file)
+    handleChange(file) {
+      console.log(file);
       const isLt2M = file.size / 1024 / 1024 < 9;
       if (!isLt2M) {
         this.$message.error(`上传文件大小不能超过 ${9}MB!`);
-        this.fileList = []
-        return
+        this.fileList = [];
+        return;
       }
-      this.files = file
-      this.form.multipartFile = file.raw
-      this.$refs["accountForm"].validateField('multipartFile')
+      this.files = file;
+      this.form.multipartFile = file.raw;
+      this.$refs["accountForm"].validateField("multipartFile");
     },
-    handleRemove (file, fileList) {
-      this.files = null
-      this.form.multipartFile = null
+    handleRemove(file, fileList) {
+      this.files = null;
+      this.form.multipartFile = null;
     },
-    handlePreview (file) {
+    handlePreview(file) {
       //  (file);
     },
-    onProvChange (value) {
-      this.form.areaCode = null
-      this.cityList.forEach(item => {
+    onProvChange(value) {
+      this.form.areaCode = null;
+      this.cityList.forEach((item) => {
         if (item.value == value) {
-          this.selectListCity = item.cities
+          this.selectListCity = item.cities;
         }
-      })
+      });
     },
-    onCancel () {
-      this.files = null
-      this.fileList = []
-      this.form.multipartFile = null
-      this.$store.dispatch('delVisitedViews', this.$route)
+    onCancel() {
+      this.files = null;
+      this.fileList = [];
+      this.form.multipartFile = null;
+      this.$store.dispatch("delVisitedViews", this.$route);
       this.$router.push({
-        path: "/sysBasics/adapayManager"
+        path: "/sysBasics/adapayManager",
       });
-    }
+    },
   },
 };
 </script>

src/views/adapayAccount/index.vue

@@ -9,7 +9,7 @@
                class="searchForm"
                @submit="search"
                @reset="reset"
-               
+
                :model="searchForm">
         <el-form-item prop="memberId">
           <el-input v-model.trim="searchForm.memberId" clearable
@@ -77,7 +77,8 @@
                            align="center"
                            fixed="right">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.status === 'failed'"
+              <!--  v-if="scope.row.status === 'failed'" -->
+              <el-button
                          v-permission="'adapay/updateMember'"
                          @click="onOperationAccount('update', scope.row)"
                          type="text" >修改</el-button>
@@ -108,7 +109,7 @@
                :rules="maskRules"
                label-width="100px"
                label-position="right"
-               
+
                ref="maskForm">
         <el-form-item label="银行卡号"
                       prop="cardNo">
@@ -143,7 +144,7 @@
                :rules="moneyRules"
                label-width="160px"
                label-position="right"
-               
+
                ref="moneyForm">
         <el-form-item label="每日最大收款金额"
                       prop="monthMaxReceipt">