余额充值-服务费弹窗

src/views/business/salaryAccount/index.vue

@@ -63,10 +63,10 @@
                             <div class="operateConterMain">
                                 <div style="width: 90%;">
                                     <el-row>
-                                        <el-col :span="12"><el-button style="width:120px;"
-                                                type="primary">余额充值</el-button></el-col>
-                                        <el-col :span="12"><el-button style="width:120px;"
-                                                type="primary">服务费充值</el-button></el-col>
+                                        <el-col :span="12"><el-button style="width:120px;" type="primary"
+                                                @click="balanceRecharge(ele.payAccNo)">余额充值</el-button></el-col>
+                                        <el-col :span="12"><el-button style="width:120px;" type="primary"
+                                                @click="serviceChargeRecharge(ele.payAccNo)">服务费充值</el-button></el-col>
                                     </el-row>
                                 </div>
                                 <div style="width: 90%;">
@@ -185,7 +185,31 @@
                 </div>
             </div>
         </el-dialog>
-        <!-- 账户详情弹窗 -->
+        <!-- 充值弹窗 -->
+        <el-dialog title="支付宝充值" :visible.sync="aliQRCodeRechargeOpen" width="500px" style="text-align: center">
+            <!--      <h3>转账完成后，工作时间最晚2小时到账，最快1分钟充值到您的支付宝账户</h3>-->
+            <el-form :model="aliQRCodeRechargeForm" ref="signNewForm" size="small" label-width="120px">
+                <el-form-item label="收款账户" prop="payerAccNo">
+                    <el-input v-model="aliQRCodeRechargeForm.cardNo" placeholder="请输入付款账号" disabled />
+                </el-form-item>
+                <el-form-item label="余额/服务费" prop="capitalPurpose">
+                    <template>
+                        <el-select v-model="aliQRCodeRechargeForm.capitalPurpose" style="width: 100%" disabled>
+                            <el-option label="余额" value="余额">余额</el-option>
+                            <el-option label="服务费" value="服务费">服务费</el-option>
+                        </el-select>
+                    </template>
+                </el-form-item>
+                <el-form-item label="充值金额" prop="tranAmount">
+                    <el-input-number v-model="aliQRCodeRechargeForm.tranAmount" placeholder="请输入充值金额" :precision="2"
+                        style="width: 100%" />
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="getAliPayUrl">确认支付</el-button>
+                <el-button @click="aliQRCodeRechargeOpen = false">取 消</el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>
 
@@ -209,6 +233,14 @@ export default {
             thirdParty: [],
             // 去发薪-当前选中的卡号
             cardNo: null,
+            // 充值参数
+            aliQRCodeRechargeOpen: false,
+            aliQRCodeRechargeForm: {
+                aliBookInfoId: '',
+                cardNo: '',
+                capitalPurpose: '余额充值',
+                tranAmount: ''
+            }
         }
     },
     created() { },
@@ -222,6 +254,22 @@ export default {
         }
     },
     methods: {
+        // 点击余额充值方法
+        balanceRecharge(val) {
+            this.aliQRCodeRechargeForm.capitalPurpose = '余额'
+            this.aliQRCodeRechargeForm.cardNo = val
+            this.aliQRCodeRechargeOpen = true
+        },
+        // 点击服务费充值方法
+        serviceChargeRecharge(val) {
+            this.aliQRCodeRechargeForm.capitalPurpose = '服务费'
+            this.aliQRCodeRechargeForm.cardNo = val
+            this.aliQRCodeRechargeOpen = true
+        },
+        // 确认支付按钮
+        getAliPayUrl() {
+
+        },
         // 跳转到批量到支付宝
         toLinkAlipay() {
             this.$router.push({ path: "/transfer/batchToAli", query: { number: this.cardNo } });