Browse Source

样式修改

1
mo 3 years ago
parent
commit
756cd99e72
2 changed files with 536 additions and 430 deletions
  1. 234 211
      src/views/adapayAccount/form.vue
  2. 302 219
      src/views/adapayAccount/index.vue

+ 234 - 211
src/views/adapayAccount/form.vue

@@ -8,205 +8,224 @@
       ></el-page-header>
     </h2>
     <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-item>
-          <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>
-          <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>
-          <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>
-          <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-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-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>
-          <el-form-item
-            label="统一社会信用码有效期"
-            prop="socialCreditCodeExpires"
+      <el-form
+        :model="form"
+        :rules="rules"
+        ref="accountForm"
+        label-position="right"
+        label-width="180px"
+      >
+        <el-card class="box-card">
+          <el-alert
+            title="企业信息"
+            :closable="false"
+            type="info"
+            style="margin: 20px 0"
           >
-            <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-input 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>
-          <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>
-            </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-alert>
+          <el-col :span="12" :lg="14" :md="20" :sm="20" :xs="24">
+            <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>
+            <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>
+            <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-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-card>
+        <el-card class="box-card">
+          <el-alert
+            title="企业信息"
+            :closable="false"
+            type="info"
+            style="margin: 20px 0"
+          >
+          </el-alert>
+          <el-col :span="12" :lg="14" :md="20" :sm="20" :xs="24">
+            <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-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-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-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>
+            <el-form-item
+              label="统一社会信用码有效期"
+              prop="socialCreditCodeExpires"
             >
-              <el-button slot="trigger" type="primary">选取文件</el-button>
-              <!-- ,且不超过500kb -->
-              <div
-                slot="tip"
-                style="display: inline; padding-left: 20px"
-                class="el-upload__tip"
+              <el-date-picker
+                v-model="form.socialCreditCodeExpires"
+                :picker-options="{ firstDayOfWeek: 1 }"
+                value-format="yyyyMMdd"
+                type="date"
+                placeholder="请选择统一社会信用码有效期"
               >
-                只能上传一个文件
-              </div>
-            </el-upload>
-            <!-- <el-upload class="avatar-uploader"
+              </el-date-picker>
+            </el-form-item>
+            <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-form-item>
+            <el-form-item label="公司地址" prop="address">
+              <el-input
+                v-model="form.address"
+                placeholder="请输入公司地址"
+              ></el-input>
+            </el-form-item>
+            <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>
+              </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>
+                <!-- ,且不超过500kb -->
+                <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"
                             :headers="headers"
                             :show-file-list="false"
@@ -218,21 +237,22 @@
                             <i v-else
                             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>
-          <el-form-item>
-            <el-button type="primary" @click="onSubmit('accountForm')"
-              >确 定</el-button
-            >
-            <el-button @click="onCancel">取 消</el-button>
-          </el-form-item>
-        </el-form>
-      </el-col>
+            </el-form-item>
+            <el-form-item label="邮编" prop="zipCode">
+              <el-input
+                v-model="form.zipCode"
+                placeholder="请输入邮编"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-card>
+        <el-form-item>
+          <el-button type="primary" @click="onSubmit('accountForm')"
+            >确 定</el-button
+          >
+          <el-button @click="onCancel">取 消</el-button>
+        </el-form-item>
+      </el-form>
     </div>
   </div>
 </template>
@@ -519,6 +539,9 @@ export default {
 };
 </script>
 <style lang='scss' scoped>
+.box-card {
+  margin-bottom: 20px;
+}
 .el-input,
 .el-textarea,
 .el-select {

+ 302 - 219
src/views/adapayAccount/index.vue

@@ -2,34 +2,43 @@
 <template>
   <div class="m-container">
     <h2>
-      <div class="squrt"></div>汇付账号管理
+      <div class="squrt"></div>
+      汇付账号管理
     </h2>
     <div class="m-core">
-      <save-form :inline="true"
-               class="searchForm"
-               @submit="search"
-               @reset="reset"
+      <save-form
+        :inline="true"
+        class="searchForm"
+        @submit="search"
+        @reset="reset"
+        :model="searchForm"
+      >
+
 
-               :model="searchForm">
         <el-form-item prop="memberId">
-          <el-input v-model.trim="searchForm.memberId" clearable
-                    placeholder="请输入商户号"></el-input>
+          <el-input
+            v-model.trim="searchForm.memberId"
+            clearable
+            placeholder="请输入商户号"
+          ></el-input>
         </el-form-item>
         <el-form-item prop="name">
-          <el-input v-model.trim="searchForm.name" clearable
-                    placeholder="请输入公司名称"></el-input>
+          <el-input
+            v-model.trim="searchForm.name"
+            clearable
+            placeholder="请输入公司名称"
+          ></el-input>
         </el-form-item>
         <el-form-item prop="status">
-          <el-select v-model.trim="searchForm.status"
-                     filterable
-                     clearable
-                     placeholder="请选择审核状态">
-            <el-option label="处理中"
-                       value="pending"></el-option>
-            <el-option label="成功"
-                       value="succeeded"></el-option>
-            <el-option label="失败"
-                       value="failed"></el-option>
+          <el-select
+            v-model.trim="searchForm.status"
+            filterable
+            clearable
+            placeholder="请选择审核状态"
+          >
+            <el-option label="处理中" value="pending"></el-option>
+            <el-option label="成功" value="succeeded"></el-option>
+            <el-option label="失败" value="failed"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item>
@@ -37,158 +46,213 @@
           <el-button native-type="reset" type="primary">重置</el-button>
         </el-form-item>
       </save-form>
-      <el-button  style="margin-bottom: 20px;" type="primary" v-permission="'adapay/createMember'" @click="onOperationAccount('create')" icon="el-icon-plus">创建账号</el-button>
+      <el-button
+        style="margin-bottom: 20px"
+        type="primary"
+        v-permission="'adapay/createMember'"
+        @click="onOperationAccount('create')"
+        icon="el-icon-plus"
+        >创建账号</el-button
+      >
       <div class="tableWrap">
-        <el-table :data="tableList"
-                  :header-cell-style="{background:'#EDEEF0',color:'#444'}">
-          <el-table-column label="商户号"
-                           align="center"
-                           prop="memberId"></el-table-column>
-          <el-table-column label="法人"
-                           align="center"
-                           prop="legalPerson"></el-table-column>
-          <el-table-column label="法人手机号"
-                           align="center"
-                           prop="legalMp"></el-table-column>
-          <el-table-column label="法人身份证号"
-                           align="center"
-                           prop="legalCertId"></el-table-column>
-          <el-table-column label="公司名称"
-                           align="center"
-                           prop="name"></el-table-column>
-          <el-table-column label="统一社会信用码"
-                           align="center"
-                           prop="socialCreditCode"></el-table-column>
-          <el-table-column label="银行卡号"
-                           align="center"
-                           prop="cardNo"></el-table-column>
-          <el-table-column label="审核状态"
-                           align="center"
-                           prop="status">
+        <el-table
+          :data="tableList"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+        >
+          <el-table-column
+            label="商户号"
+            align="center"
+            prop="memberId"
+          ></el-table-column>
+          <el-table-column
+            label="法人"
+            align="center"
+            prop="legalPerson"
+          ></el-table-column>
+          <el-table-column
+            label="法人手机号"
+            align="center"
+            prop="legalMp"
+          ></el-table-column>
+          <el-table-column
+            label="法人身份证号"
+            align="center"
+            prop="legalCertId"
+          ></el-table-column>
+          <el-table-column
+            label="公司名称"
+            align="center"
+            prop="name"
+          ></el-table-column>
+          <el-table-column
+            label="统一社会信用码"
+            align="center"
+            prop="socialCreditCode"
+          ></el-table-column>
+          <el-table-column
+            label="银行卡号"
+            align="center"
+            prop="cardNo"
+          ></el-table-column>
+          <el-table-column label="审核状态" align="center" prop="status">
             <template slot-scope="scope">
               {{ scope.row.status | formatStatus }}
             </template>
           </el-table-column>
-          <el-table-column label="备注"
-                           align="center"
-                           prop="memo"></el-table-column>
-          <el-table-column label="操作"
-                           width="250px"
-                           align="center"
-                           fixed="right">
+          <el-table-column
+            label="备注"
+            align="center"
+            prop="memo"
+          ></el-table-column>
+          <el-table-column
+            label="操作"
+            width="250px"
+            align="center"
+            fixed="right"
+          >
             <template slot-scope="scope">
               <!--  v-if="scope.row.status === 'failed'" -->
               <el-button
-                         v-permission="'adapay/updateMember'"
-                         @click="onOperationAccount('update', scope.row)"
-                         type="text" >修改</el-button>
-              <el-button v-if="scope.row.status === 'succeeded'"
-                         v-permission="'adapay/createSettleAccount'"
-                         @click="onUpdateAccount(scope.row)"
-                         type="text" >修改结算账户</el-button>
-              <el-button v-if="scope.row.status === 'succeeded'"
-                         v-permission="'adapay/updateMonthMaxReceipt'"
-                         @click="onMoneyAccount(scope.row)"
-                         type="text" >设置金额</el-button>
+                v-permission="'adapay/updateMember'"
+                @click="onOperationAccount('update', scope.row)"
+                type="text"
+                >修改</el-button
+              >
+              <el-button
+                v-if="scope.row.status === 'succeeded'"
+                v-permission="'adapay/createSettleAccount'"
+                @click="onUpdateAccount(scope.row)"
+                type="text"
+                >修改结算账户</el-button
+              >
+              <el-button
+                v-if="scope.row.status === 'succeeded'"
+                v-permission="'adapay/updateMonthMaxReceipt'"
+                @click="onMoneyAccount(scope.row)"
+                type="text"
+                >设置金额</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
-        <pagination sync :total.sync="rules.total"
-                    :page.sync="rules.page"
-                    :limit.sync="rules.limit"
-                    :page-sizes="rules.page_size"
-                    @pagination="getList" />
+        <pagination
+          sync
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
       </div>
     </div>
 
-    <el-dialog title="绑定结算账户"
-               :visible.sync="zeroVisible"
-               width="400px"
-               @close="onFormClose('maskForm')">
-      <el-form :model='maskForm'
-               :rules="maskRules"
-               label-width="100px"
-               label-position="right"
-
-               ref="maskForm">
-        <el-form-item label="银行卡号"
-                      prop="cardNo">
-          <el-input v-model="maskForm.cardNo"
-                    placeholder="请输入银行卡号"></el-input>
+    <el-dialog
+      title="绑定结算账户"
+      :visible.sync="zeroVisible"
+      width="400px"
+      @close="onFormClose('maskForm')"
+    >
+      <el-form
+        :model="maskForm"
+        :rules="maskRules"
+        label-width="100px"
+        label-position="right"
+        ref="maskForm"
+      >
+        <el-form-item label="银行卡号" prop="cardNo">
+          <el-input
+            v-model="maskForm.cardNo"
+            placeholder="请输入银行卡号"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="所属银行"
-                      prop="bankCode">
-          <el-select v-model="maskForm.bankCode"
-                     style="width: 100% !important"
-                     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="maskForm.bankCode"
+            style="width: 100% !important"
+            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>
-      <span slot="footer"
-            class="dialog-footer">
-        <el-button  @click="zeroVisible = false">取 消</el-button>
-        <el-button  type="primary"
-                   @click="addZero('maskForm')">确 定</el-button>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="zeroVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addZero('maskForm')">确 定</el-button>
       </span>
     </el-dialog>
 
-    <el-dialog title="设置金额"
-               :visible.sync="moneyVisible"
-               width="500px"
-               @close="onFormClose('moneyForm')">
-      <el-form :model='moneyForm'
-               :rules="moneyRules"
-               label-width="160px"
-               label-position="right"
-
-               ref="moneyForm">
-        <el-form-item label="每日最大收款金额"
-                      prop="monthMaxReceipt">
+    <el-dialog
+      title="设置金额"
+      :visible.sync="moneyVisible"
+      width="500px"
+      @close="onFormClose('moneyForm')"
+    >
+      <el-form
+        :model="moneyForm"
+        :rules="moneyRules"
+        label-width="160px"
+        label-position="right"
+        ref="moneyForm"
+      >
+        <el-form-item label="每日最大收款金额" prop="monthMaxReceipt">
           <template #label>
             每日最大收款金额
-            <el-tooltip placement="top"
-                    popper-class="mTooltip">
-            <div slot="content">
-              每日最大收款金额,0不限制
-            </div>
-            <i class="el-icon-question micon el-tooltip"
-              style="font-size: 18px; color: #F56C6C"
-              v-permission="'export/teacherSalary'"></i>
-          </el-tooltip>
+            <el-tooltip placement="top" popper-class="mTooltip">
+              <div slot="content">每日最大收款金额,0不限制</div>
+              <i
+                class="el-icon-question micon el-tooltip"
+                style="font-size: 18px; color: #f56c6c"
+                v-permission="'export/teacherSalary'"
+              ></i>
+            </el-tooltip>
           </template>
-          <el-input v-model="moneyForm.monthMaxReceipt" type="number"
-                    placeholder="请输入每日最大收款金额">
+          <el-input
+            v-model="moneyForm.monthMaxReceipt"
+            type="number"
+            placeholder="请输入每日最大收款金额"
+          >
             <template slot="append">元</template>
           </el-input>
         </el-form-item>
-        <el-form-item label="满额转到收款账户"
-                      prop="organId">
-          <el-select v-model="moneyForm.organId"
-                     style="width: 100% !important"
-                     clearable
-                     filterable
-                     @change="onBranchChange"
-                     placeholder="请选择满额转到收款账户">
-            <el-option v-for="(item, index) in calcBranchList"
-                       :key="index"
-                       :label="item.label"
-                       :value="item.value"></el-option>
+        <el-form-item label="满额转到收款账户" prop="organId">
+          <el-select
+            v-model="moneyForm.organId"
+            style="width: 100% !important"
+            clearable
+            filterable
+            @change="onBranchChange"
+            placeholder="请选择满额转到收款账户"
+          >
+            <el-option
+              v-for="(item, index) in calcBranchList"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="满额转到收款账户" prop="routeMemberId" v-show="false">
-          <el-input v-model="moneyForm.routeMemberId" disabled
-                    placeholder="请输入满额转到收款账户"></el-input>
+        <el-form-item
+          label="满额转到收款账户"
+          prop="routeMemberId"
+          v-show="false"
+        >
+          <el-input
+            v-model="moneyForm.routeMemberId"
+            disabled
+            placeholder="请输入满额转到收款账户"
+          ></el-input>
         </el-form-item>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
-        <el-button  @click="moneyVisible = false">取 消</el-button>
-        <el-button  type="primary"
-                   @click="addMaxMoney('moneyForm')">确 定</el-button>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="moneyVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addMaxMoney('moneyForm')"
+          >确 定</el-button
+        >
       </span>
     </el-dialog>
   </div>
@@ -196,12 +260,16 @@
 
 <script>
 import pagination from "@/components/Pagination/index";
-import AccountForm from './form'
-import { queryPageList, createSettleAccount, updateMonthMaxReceipt } from './api.js'
+import AccountForm from "./form";
+import {
+  queryPageList,
+  createSettleAccount,
+  updateMonthMaxReceipt,
+} from "./api.js";
 import { getPaymentConfigs } from "../chargeManager/api";
 import { cityJson } from "../../utils/cityJson";
 import { bankJson } from "../../utils/bankJson";
-import cleanDeep from 'clean-deep'
+import cleanDeep from "clean-deep";
 const initSearch = {
   memberId: null,
   name: null,
@@ -210,9 +278,9 @@ const initSearch = {
 export default {
   components: {
     pagination,
-    AccountForm
+    AccountForm,
   },
-  data () {
+  data() {
     return {
       zeroVisible: false,
       backList: bankJson,
@@ -221,165 +289,180 @@ export default {
         limit: 20, // 限制显示条数
         page: 1, // 当前页
         total: 0, // 总条数
-        page_size: [10, 20, 50, 100] // 选择限制显示条数
+        page_size: [10, 20, 50, 100], // 选择限制显示条数
       },
       tableList: [],
       searchForm: { ...initSearch },
       maskRules: {
-        cardNo: [{ required: true, message: '请输入银行卡号', trigger: 'blur' }],
-        bankCode: [{ required: true, message: '请选择所属银行', trigger: 'change' }]
+        cardNo: [
+          { required: true, message: "请输入银行卡号", trigger: "blur" },
+        ],
+        bankCode: [
+          { required: true, message: "请选择所属银行", trigger: "change" },
+        ],
       },
       maskForm: {
         memberId: null,
         cardNo: null,
-        bankCode: null
+        bankCode: null,
       },
       moneyVisible: false,
       moneyForm: {
         monthMaxReceipt: null,
         organId: null,
-        routeMemberId: null
+        routeMemberId: null,
       },
       moneyRules: {
-        monthMaxReceipt: [{ required: true, message: '请输入每日最大收款金额', trigger: 'blur' }],
-        organId: [{ required: true, message: '请选择满额转分部', trigger: 'change' }]
+        monthMaxReceipt: [
+          {
+            required: true,
+            message: "请输入每日最大收款金额",
+            trigger: "blur",
+          },
+        ],
+        organId: [
+          { required: true, message: "请选择满额转分部", trigger: "change" },
+        ],
       },
-      calcBranchList: []
+      calcBranchList: [],
     };
   },
-  mounted () {
-    this.getList()
+  mounted() {
+    this.getList();
   },
   methods: {
-    async getList () {
+    async getList() {
       try {
-        let obj = this.searchForm
-        obj.page = this.rules.page
-        obj.rows = this.rules.limit
-        await queryPageList(cleanDeep(obj)).then(res => {
+        let obj = this.searchForm;
+        obj.page = this.rules.page;
+        obj.rows = this.rules.limit;
+        await queryPageList(cleanDeep(obj)).then((res) => {
           if (res.code == 200) {
-            this.tableList = res.data.rows
-            this.rules.total = res.data.total
+            this.tableList = res.data.rows;
+            this.rules.total = res.data.total;
           }
-        })
+        });
       } catch {
         //
       }
     },
     async getCalcBranchList() {
-      await getPaymentConfigs({ payType: 'ADAPAY' }).then(res => {
-        this.calcBranchList = []
+      await getPaymentConfigs({ payType: "ADAPAY" }).then((res) => {
+        this.calcBranchList = [];
         if (res.code == 200 && res.data) {
-          res.data.forEach(item => {
+          res.data.forEach((item) => {
             this.calcBranchList.push({
               label: item.hfMerNo,
               value: item.organId,
-              hfMerNo: item.hfMerNo
+              hfMerNo: item.hfMerNo,
             });
           });
         }
       });
     },
     search() {
-      this.rules.page = 1
-      this.getList()
+      this.rules.page = 1;
+      this.getList();
     },
     reset() {
       this.searchForm = { ...initSearch };
       this.search();
     },
-    onFormClose (formName) {
-      this.$refs[formName].resetFields()
+    onFormClose(formName) {
+      this.$refs[formName].resetFields();
     },
-    onOperationAccount (type, row) {
-      let tagTitle = '创建'
-      if(type == 'update') {
-        tagTitle = '修改'
+    onOperationAccount(type, row) {
+      let tagTitle = "创建";
+      if (type == "update") {
+        tagTitle = "修改";
       }
-      this.$router.push({
-        path: '/systemManager/adapayOperation',
-        query: {
-          type: type,
-          row: JSON.stringify(row)
+      this.$router.push(
+        {
+          path: "/systemManager/adapayOperation",
+          query: {
+            type: type,
+            row: JSON.stringify(row),
+          },
+        },
+        (route) => {
+          route.meta.title = tagTitle + "汇付账号";
         }
-      }, (route) => {
-        route.meta.title = tagTitle + '汇付账号'
-      })
+      );
     },
-    onUpdateAccount (row) {
-      this.zeroVisible = true
+    onUpdateAccount(row) {
+      this.zeroVisible = true;
       this.$nextTick(() => {
         this.maskForm = {
           memberId: row.memberId,
           cardNo: row.cardNo,
-          bankCode: row.bankCode
-        }
-      })
+          bankCode: row.bankCode,
+        };
+      });
     },
-    addZero (formName) {
-      this.$refs[formName].validate(valid => {
+    addZero(formName) {
+      this.$refs[formName].validate((valid) => {
         if (valid) {
-          createSettleAccount(cleanDeep(this.maskForm)).then(res => {
+          createSettleAccount(cleanDeep(this.maskForm)).then((res) => {
             if (res.code == 200) {
-              this.$message.success('修改结算账户成功')
-              this.zeroVisible = false
-              this.getList()
+              this.$message.success("修改结算账户成功");
+              this.zeroVisible = false;
+              this.getList();
             } else {
-              this.$message.error(res.msg)
+              this.$message.error(res.msg);
             }
-          })
+          });
         } else {
           return false;
         }
       });
     },
     onBranchChange(val) {
-      this.calcBranchList.forEach(item => {
-        if(item.value == val) {
-          this.moneyForm.routeMemberId = item.hfMerNo
+      this.calcBranchList.forEach((item) => {
+        if (item.value == val) {
+          this.moneyForm.routeMemberId = item.hfMerNo;
         }
-      })
+      });
     },
     onMoneyAccount(row) {
-      this.moneyVisible = true
+      this.moneyVisible = true;
       this.$nextTick(() => {
         this.moneyForm = {
           id: row.id,
           organId: row.routeOrganId || null,
           monthMaxReceipt: row.monthMaxReceipt,
-          routeMemberId: row.routeMemberId
-        }
-      })
-      this.getCalcBranchList()
+          routeMemberId: row.routeMemberId,
+        };
+      });
+      this.getCalcBranchList();
     },
     addMaxMoney(formName) {
       this.$refs[formName].validate(async (valid) => {
         if (valid) {
-          await updateMonthMaxReceipt(cleanDeep(this.moneyForm)).then(res => {
+          await updateMonthMaxReceipt(cleanDeep(this.moneyForm)).then((res) => {
             if (res.code == 200) {
-              this.$message.success('设置金额成功')
-              this.moneyVisible = false
-              this.getList()
+              this.$message.success("设置金额成功");
+              this.moneyVisible = false;
+              this.getList();
             } else {
-              this.$message.error(res.msg)
+              this.$message.error(res.msg);
             }
-          })
+          });
         } else {
           return false;
         }
       });
-    }
+    },
   },
   filters: {
-    formatStatus (val) {
+    formatStatus(val) {
       const templateList = {
         pending: "处理中",
         succeeded: "成功",
-        failed: "失败"
-      }
-      return templateList[val]
-    }
-  }
+        failed: "失败",
+      };
+      return templateList[val];
+    },
+  },
 };
 </script>
 <style lang='scss' scoped>