stage：服务费充值-静态账户(招行)

src/views/business/salaryAccount/index.vue

@@ -313,8 +313,8 @@
         </el-col>
       </el-row>
     </el-dialog>
-    <!-- 线下充值 -->
-    <el-dialog title="汇款充值" :visible.sync="rechargeCoursePanel" width="50%">
+    <!-- 线下充值-余额账户充值 -->
+    <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" v-if="offlineRechargeStatic">
@@ -375,18 +375,92 @@
               <div style="font-size: 14px;margin-top: 5px">非工作时间预计最晚下个工作日到账(具体以银行为准)</div>
             </el-timeline-item>
           </el-timeline>
-          <div style="margin-top: 15px;">
+          <!-- <div style="margin-top: 15px;">
             <span style="font-weight: bold;font-size: 18px">温馨提示：</span>
             <span style="color: gray;font-size: 14px">充值金额
               <span style="color: red;"><strong>分数位为1</strong></span>的（如：10.01，119.31，1235.81等）会
               <span style="color: red;"><strong>充值到服务费</strong></span>；其它金额会充值到余额；</span>
-          </div>
+          </div> -->
         </el-col>
       </el-row>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="rechargeCoursePanel = false">确 定</el-button>
       </div>
     </el-dialog>
+    <!-- 线下充值-服务费账户充值 -->
+    <el-dialog title="汇款充值服务费" :visible.sync="serviceChargeCoursePanel" width="50%">
+      <h2 style="font-weight: bold;font-size: 22px;margin-top: -15px;color: #1a1a1a">什么是汇款充值</h2>
+      <el-row>
+        <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/login-background-fu.png" alt="">
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="margin-top: 15px;">
+        <el-col :span="24">
+          <span style="font-weight: bold;font-size: 22px;color: #1a1a1a">
+            三步完成充值
+          </span>
+          <a style="color: #69b1ff" href="https://render.alipay.com/p/yuyan/180020040000423002/de59b"
+            target="_blank">（查看教程）</a>
+        </el-col>
+      </el-row>
+      <el-row style="margin-top: 15px;">
+        <el-col :span="24">
+          <el-timeline>
+            <el-timeline-item>
+              <span style="font-weight: bold;font-size: 18px">登录你的网上银行</span>
+              <span style="color: gray;font-size: 14px">(支持任意银行)</span>
+              <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 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="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>
+                <el-descriptions-item label="银行">{{ offlineRechargeData.cardBank
+                }}</el-descriptions-item>
+                <el-descriptions-item label="支行">{{ offlineRechargeData.cardBranch
+                }}</el-descriptions-item>
+                <el-descriptions-item label="开户地">{{ offlineRechargeData.cardLocation
+                }}</el-descriptions-item>
+                <el-descriptions-item label="联行号">{{ offlineRechargeData.cardDeposit
+                }}</el-descriptions-item>
+              </el-descriptions>
+            </el-timeline-item>
+            <el-timeline-item>
+              <span style="font-weight: bold;font-size: 18px">转账完成后，工作时间最晚2小时到账，最快1分钟充值到您的支付宝账户</span>
+              <div style="font-size: 14px;margin-top: 5px">非工作时间预计最晚下个工作日到账(具体以银行为准)</div>
+            </el-timeline-item>
+          </el-timeline>
+          <!-- <div style="margin-top: 15px;">
+            <span style="font-weight: bold;font-size: 18px">温馨提示：</span>
+            <span style="color: gray;font-size: 14px">充值金额
+              <span style="color: red;"><strong>分数位为1</strong></span>的（如：10.01，119.31，1235.81等）会
+              <span style="color: red;"><strong>充值到服务费</strong></span>；其它金额会充值到余额；</span>
+          </div> -->
+        </el-col>
+      </el-row>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="serviceChargeCoursePanel = false">确 定</el-button>
+      </div>
+    </el-dialog>
     <el-dialog title="确认支付" :visible.sync="qrPayPanel.open" width="20%">
       <div>
         <span style="font-size: 18px;">1、使用手机支付宝扫码支付;</span>
@@ -574,8 +648,10 @@ export default {
       ownAliQRCodeRechargeOpen: false,
       ownRechargeTitle: null,
       ownAliQRCodeRechargeForm: {},
-      // 线下充值
+      // 线下充值-余额
       rechargeCoursePanel: false,
+      //线下充值-服务费
+      serviceChargeCoursePanel: false,
       offlineRechargeData: {},
       offlineRechargeStatic: false,
       // 充值记录相关参数
@@ -673,6 +749,17 @@ export default {
         })
       } else {
         this.rechargeCoursePanel = false
+        if (this.aliQRCodeRechargeForm.rechargeType == 1) { //服务费充值
+          this.offlineRechargeData = {
+            cardNo: '571922384010001',
+            bankAccName: '良贸通（杭州）科技有限公司',
+            cardBank: '招商银行',
+            cardBranch: '招商银行股份有限公司杭州解放支行',
+            cardLocation: '江苏-杭州市',
+            cardDeposit: '308331012095'
+          }
+          this.serviceChargeCoursePanel = true
+        } else if (this.aliQRCodeRechargeForm.rechargeType == 2) { //余额
           this.offlineRechargeData = {
             cardNo: '515901720410008',
             bankAccName: '盐城美好生活专业清洁服务有限公司',
@@ -683,6 +770,8 @@ export default {
           }
           this.rechargeCoursePanel = true
         }
+
+      }
     },
     // 点击服务分充值方法-自有
     ownServiceChargeRecharge(val) {