stage：第三方充值-线下充值

src/views/business/salaryAccount/index.vue

@@ -282,7 +282,33 @@
         <el-col :span="12">
           <div class="ownRechargeMain">
             <img class="ownRechargeImage" src="@/assets/images/xianxia.png" alt="">
-            <el-button class="ownRechargeButton" @click="offlineRecharge">线下充值</el-button>
+            <el-button class="ownRechargeButton" @click="offlineRecharge(true)">线下充值</el-button>
+          </div>
+        </el-col>
+      </el-row>
+    </el-dialog>
+    <!-- 第三方发薪账号充值 -->
+    <el-dialog title="第三方发薪账户充值" :visible.sync="rechargeCoursePanelDialog" width="42%" center>
+      <el-row :gutter="64">
+        <el-col :span="12">
+          <p style="text-align: center;">通过与账本同主体的企业支付宝进行充值，可在手机端和电脑端充值</p>
+        </el-col>
+        <el-col :span="12">
+          <p style="text-align: center;">通过银行系统进行打款充值</p>
+        </el-col>
+      </el-row>
+      <el-row :gutter="64">
+        <el-col :span="12">
+          <div class="ownRechargeMain">
+            <img class="ownRechargeImage" src="@/assets/images/zfb.png" alt="">
+            <el-button class="ownRechargeButton"
+              @click="rechargeCoursePanelDialog = false; aliQRCodeRechargeOpen = true">直属账户充值</el-button>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="ownRechargeMain">
+            <img class="ownRechargeImage" src="@/assets/images/xianxia.png" alt="">
+            <el-button class="ownRechargeButton" @click="offlineRecharge(false)">线下账户充值</el-button>
           </div>
         </el-col>
       </el-row>
@@ -291,9 +317,15 @@
     <el-dialog title="汇款充值" :visible.sync="rechargeCoursePanel" width="50%">
       <h2 style="font-weight: bold;font-size: 22px;margin-top: -15px;color: #1a1a1a">什么是汇款充值</h2>
       <el-row>
-        <el-col :span="24">
+        <el-col :span="24" v-if="offlineRechargeStatic">
           商户可通过银行转账方式完成对应支付宝专属收款账户的充值。支付宝会为商户的每个支付宝账户提供独立的"专属收款账户"，商户从任一同名银行账户向其对应的"专属收款账户"转账，即可完成充值。
         </el-col>
+        <el-col :span="24" v-else>
+          代发企业为商户开设支付宝安全发专属账本，商户可使用开设“安全发专属账本”时备案的银行账户（切记一定要使用备案的银行账户转账，否则系统将无法自动划转至专属账本）将需下发资金转入至代发企业招行专户，招行专户收到款后，将在30分钟内由系统自动将钱转入至“支付宝安全发专属账本”，具体转账路径如下图所示：
+          <div style="text-align: center;">
+            <img style="width:80%;margin-top: 10px;" src="@/assets/images/stepRecharge.png" alt="">
+          </div>
+        </el-col>
       </el-row>
       <el-row style="margin-top: 15px;">
         <el-col :span="24">
@@ -310,18 +342,21 @@
             <el-timeline-item>
               <span style="font-weight: bold;font-size: 18px">登录你的网上银行</span>
               <span style="color: gray;font-size: 14px">(支持任意银行)</span>
-              <div style="font-size: 14px;margin-top: 5px">必须使用本公司同名的银行账户进行汇款转账，首次使用建议小金额转入测试</div>
+              <div v-if="offlineRechargeStatic" style="font-size: 14px;margin-top: 5px">
+                必须使用本公司同名的银行账户进行汇款转账，首次使用建议小金额转入测试
+              </div>
+              <div v-else style="font-size: 14px;margin-top: 5px">必须使用开设“支付宝安全发专属账本”时备案的银行账户进行汇款转账，首次使用建议小额转入测试。</div>
             </el-timeline-item>
             <el-timeline-item>
               <span style="font-weight: bold;font-size: 18px">转账时填写以下专属账户</span>
-              <div style="font-size: 14px;margin-top: 5px">请注意收款账户支行选择：
+              <div v-if="offlineRechargeStatic" style="font-size: 14px;margin-top: 5px">请注意收款账户支行选择：
                 <span style="color: red">支付宝-备付金账户</span>
                 <span>、开户地选择：</span>
                 <span style="color: red">上海市-上海市</span>
                 <span>，否则支付宝无法收到资金</span>
               </div>
-              <el-descriptions title="你的企业备付金余额账户" :column="1" :border="true" style="margin-top: 15px"
-                :label-style="accDetail.label_style" :contentStyle="accDetail.content_style">
+              <el-descriptions :title="offlineRechargeStatic ? '你的企业备付金余额账户' : ''" :column="1" :border="true"
+                style="margin-top: 15px" :label-style="accDetail.label_style" :contentStyle="accDetail.content_style">
                 <el-descriptions-item label="账号">{{ offlineRechargeData.cardNo }}</el-descriptions-item>
                 <el-descriptions-item label="户名">{{ offlineRechargeData.bankAccName
                 }}</el-descriptions-item>
@@ -542,6 +577,7 @@ export default {
       // 线下充值
       rechargeCoursePanel: false,
       offlineRechargeData: {},
+      offlineRechargeStatic: false,
       // 充值记录相关参数
       billQuery: {
         pageNum: 1,
@@ -556,7 +592,9 @@ export default {
       billTotal: 0,
       userInfoName: null,
       accountCollection: [],
-      loading: false
+      loading: false,
+      // 第三方发薪账号余额、服务费充值选择弹窗
+      rechargeCoursePanelDialog: false,
     }
   },
   created() {
@@ -616,20 +654,35 @@ export default {
       })
     },
     // 选择线下充值方法
-    offlineRecharge() {
-      this.ownAliQRCodeRechargeOpen = false
-      this.$modal.loading('...加载中')
-      getAccAliInfo(this.aliQRCodeRechargeForm.payeeAccNo).then(resp => {
-        if (200 === resp.code) {
-          this.offlineRechargeData = resp.data
-          this.rechargeCoursePanel = true
-          // this.accDetail.companyName = card.companyName
-          // this.accDetail.info = resp.data
-          // this.accDetail.panel = true
+    offlineRecharge(isBol) {
+      this.offlineRechargeStatic = isBol
+      if (isBol) {
+        this.ownAliQRCodeRechargeOpen = false
+
+        this.$modal.loading('...加载中')
+        getAccAliInfo(this.aliQRCodeRechargeForm.payeeAccNo).then(resp => {
+          if (200 === resp.code) {
+            this.offlineRechargeData = resp.data
+            this.rechargeCoursePanel = true
+            // this.accDetail.companyName = card.companyName
+            // this.accDetail.info = resp.data
+            // this.accDetail.panel = true
+          }
+        }).finally(() => {
+          this.$modal.closeLoading()
+        })
+      } else {
+        this.rechargeCoursePanel = false
+        this.offlineRechargeData = {
+          cardNo: '515901720410008',
+          bankAccName: '盐城美好生活专业清洁服务有限公司',
+          cardBank: '招商银行',
+          cardBranch: '盐城市青年路支行',
+          cardLocation: '江苏-盐城市',
+          cardDeposit: '308311000033'
         }
-      }).finally(() => {
-        this.$modal.closeLoading()
-      })
+        this.rechargeCoursePanel = true
+      }
     },
     // 点击服务分充值方法-自有
     ownServiceChargeRecharge(val) {
@@ -652,14 +705,16 @@ export default {
       this.aliQRCodeRechargeForm.rechargeType = 2
       this.aliQRCodeRechargeForm.payeeAccNo = val.payAccNo
       this.aliQRCodeRechargeForm.bindType = val.bindType
-      this.aliQRCodeRechargeOpen = true
+      this.rechargeCoursePanelDialog = true
+      // this.aliQRCodeRechargeOpen = true
     },
     // 点击服务费充值方法-第三方
     serviceChargeRecharge(val) {
       this.aliQRCodeRechargeForm.rechargeType = 1
       this.aliQRCodeRechargeForm.payeeAccNo = val.payAccNo
       this.aliQRCodeRechargeForm.bindType = val.bindType
-      this.aliQRCodeRechargeOpen = true
+      this.rechargeCoursePanelDialog = true
+      // this.aliQRCodeRechargeOpen = true
     },
     // 确认支付按钮
     getAliPayUrl() {