autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-05-14 23:08:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改申请提现说明

Browse Source
This commit is contained in:
BOOL\25024
2023-08-26 15:38:43 +08:00
parent cf21a9a237
commit 1e094e4d0f
1 changed files with 83 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
jsowell-ui/src/views/pile/merchant/components/walletSummary.vue
View File

@@ -3,30 +3,35 @@
<div class="main"> <div class="main">
<div class="main-right"> <div class="main-right">
<p class="center">账户余额(元)</p> <p class="center">账户余额(元)</p>
<p class="center number">{{adapayMember.acctBalance}}</p> <p class="center number">{{ adapayMember.acctBalance }}</p>
<p class="center">注: <p class="center">
注:
<span class="text">账户余额 = 可用余额 + 冻结余额</span> <span class="text">账户余额 = 可用余额 + 冻结余额</span>
</p> </p>
</div> </div>
<div class="main-right"> <div class="main-right">
<p class="center">可用余额(元)</p> <p class="center">可用余额(元)</p>
<p class="center number">{{adapayMember.avlBalance}}</p> <p class="center number">{{ adapayMember.avlBalance }}</p>
<el-button type="primary" style="display:block;margin:0 auto" v-if="adapayMember.avlBalance > withdrawalFee" @click="dialogVisible = true">提现申请</el-button> <el-button type="primary" style="display: block; margin: 0 auto"
<p class="center" v-else>注: v-if="adapayMember.avlBalance > withdrawalFee" @click="dialogVisible = true">提现申请</el-button>
<span class="text">该余额大于{{withdrawalFee}}元时，才可发起取现</span> <p class="center" v-else>
注:
<span class="text">该余额大于{{ withdrawalFee }}元时，才可发起取现</span>
</p> </p>
</div> </div>
<div class="main-right"> <div class="main-right">
<p class="center">冻结金额(元)</p> <p class="center">冻结金额(元)</p>
<p class="center number">{{adapayMember.frzBalance}}</p> <p class="center number">{{ adapayMember.frzBalance }}</p>
<p class="center ">注: <p class="center">
注:
<span class="text">当配置了自动结算功能，在每日发起结算时会将可用余额转为冻结金额。该部分金额不允许取现。</span> <span class="text">当配置了自动结算功能，在每日发起结算时会将可用余额转为冻结金额。该部分金额不允许取现。</span>
</p> </p>
</div> </div>
<div class="main-right"> <div class="main-right">
<p class="center">昨日日终余额(元)</p> <p class="center">昨日日终余额(元)</p>
<p class="center number">{{adapayMember.lastAvlBalance}}</p> <p class="center number">{{ adapayMember.lastAvlBalance }}</p>
<p class="center">注: <p class="center">
注:
<span class="text">一</span> <span class="text">一</span>
</p> </p>
</div> </div>
@@ -110,37 +115,38 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="订单流水" name="second">订单流水</el-tab-pane> <el-tab-pane label="订单流水" name="second">订单流水</el-tab-pane>
</el-tabs> --> </el-tabs> -->
<el-dialog title="提现申请" :visible.sync="dialogVisible" width="33%" :before-close="handleClose"> <el-dialog title="提现申请" :visible.sync="dialogVisible" width="33%">
温馨提示 温馨提示
<div style="font-size:12px;color:gray"> <div style="font-size: 12px; color: gray">
<p>1.提现将在3个工作日内审核到账,节假日审核顺延</p> <p>1.提现将在3个工作日内审核到账,节假日审核顺延</p>
<p>2.部分流量方的充电订单存在账期,需要一定周期后才开始执行清分</p> <p>2.部分流量方的充电订单存在账期,需要一定周期后才开始执行清分</p>
<p>3.提现为银行自动付款,根据银行要求会收取手续费,请知悉</p> <p>3.提现为银行自动付款,根据银行要求会收取手续费,请知悉</p>
<p>4.订单收入包含了第三方的分成收入金额,已自动扣除万车充分成金额</p>
</div> </div>
<p>可提现（元）： <p>
<span class="number">{{adapayMember.avlBalance}}</span> 可提现（元）：
<span class="number">{{ adapayMember.avlBalance }}</span>
</p> </p>
<p>手续费（元）： <p>
<span class="number">{{withdrawalFee.toFixed(2)}}</span> 手续费（元）：
<span class="number">{{ withdrawalFee.toFixed(2) }}</span>
</p> </p>
<p>实际到账（元）： <p>
<span class="number">{{adapayMember.avlBalance -withdrawalFee}}</span> 实际到账（元）：
<span class="number">{{ adapayMember.avlBalance - withdrawalFee }}</span>
</p> </p>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submit">提交</el-button> <el-button type="primary" @click="submit">提交</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- <button @click="handleClose">aaaaa</button> -->
</div> </div>
</template> </template>
<script> <script>
import { import { queryAdapayAccountBalance, withdraw } from "@/api/adapayMember/adapayMember";
queryAdapayAccountBalance,withdraw
} from "@/api/adapayMember/adapayMember";
export default { export default {
props:['merchantId'], props: ["merchantId"],
data() { data() {
return { return {
activeName: "first", activeName: "first",
@@ -148,19 +154,30 @@ export default {
buttonBoolean: false, buttonBoolean: false,
//图标，可根据自己的需求匹配 //图标，可根据自己的需求匹配
icon: "el-icon-caret-bottom", icon: "el-icon-caret-bottom",
createTimeRange:'', createTimeRange: "",
adapayMember:{}, adapayMember: {},
dialogVisible: false, dialogVisible: false,
withdrawalFee: 5 withdrawalFee: 5,
}; };
}, },
methods: { methods: {
handleClose(done) { handleClose() {
this.$confirm('确认关闭？') this.$confirm("确认提交？")
.then(_ => { .then((_) => {
done(); let params = {
merchantId: this.merchantId,
cashAmt: this.adapayMember.avlBalance,
};
withdraw(params).then((response) => {
console.log("res 提现金额", response);
if (response.code !== 200) return this.$modal.msgError(response.msg);
this.$modal.msgSuccess("操作成功");
this.getList();
});
this.dialogVisible = false;
}) })
.catch(_ => {}); .catch((_) => { });
}, },
handleClick(tab, event) { handleClick(tab, event) {
console.log(tab, event); console.log(tab, event);
@@ -177,18 +194,18 @@ export default {
} }
}, },
// 提现弹窗确定事件 // 提现弹窗确定事件
submit(){ submit() {
let params = { // let params = {
merchantId: this.merchantId, // merchantId: this.merchantId,
cashAmt:this.adapayMember.avlBalance // cashAmt: this.adapayMember.avlBalance,
} // };
withdraw(params).then((response) =>{ // withdraw(params).then((response) => {
console.log('res 提现金额',response); // console.log("res 提现金额", response);
if(response.code !== 200) return this.$modal.msgError(response.msg); // if (response.code !== 200) return this.$modal.msgError(response.msg);
this.$modal.msgSuccess("操作成功"); // this.$modal.msgSuccess("操作成功");
this.getList() // this.getList();
}) // });
this.dialogVisible = false this.handleClose();
}, },
getList() { getList() {
console.log("this.merchantId", this.merchantId); console.log("this.merchantId", this.merchantId);
@@ -200,46 +217,54 @@ export default {
this.adapayMember = response.data; this.adapayMember = response.data;
}); });
}, },
}, },
created () { created() {
this.getList() this.getList();
} },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.number{ .number {
color:#50bfff;font-size:20px;font-weight: bolder; color: #50bfff;
font-size: 20px;
font-weight: bolder;
} }
.center{
.center {
text-align: center; text-align: center;
} }
.text{
.text {
font-size: 12px; font-size: 12px;
color: red; color: red;
} }
.main { .main {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// align-items: baseline; // align-items: baseline;
.main-right{ .main-right {
width: 310px; width: 310px;
margin-right: 20px; margin-right: 20px;
border: 1px solid #e6ebf5; border: 1px solid #e6ebf5;
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
transition: all .2s linear; transition: all 0.2s linear;
} }
} }
.main-right:hover{
.main-right:hover {
box-shadow: 0 0 5px 3px #999; box-shadow: 0 0 5px 3px #999;
} }
.bord { .bord {
position: relative; position: relative;
top: 68px; top: 68px;
height: 60px; height: 60px;
border-left: 1px solid gray; border-left: 1px solid gray;
} }
.card { .card {
// width: 230px; // width: 230px;
padding: 10px; padding: 10px;