theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

钱包

Browse Source
This commit is contained in:
asd
2020-10-15 15:44:50 +08:00
parent b92d59b01d
commit 19cd11b0dc
6 changed files with 390 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/views/mine/Cashout.vue
View File

@@ -18,70 +18,77 @@
<div class="chooseitem">
<div class="label">选择账户</div>
<!-- <a-radio></a-radio> -->
<div class="accountlist">
<a-radio>
<div class="accountitem">
<div class="hostinfo">
<div>
<img src="@/static/images/bank.png" alt="" class="icon" />
<span class="accounttype">银行卡</span>
{{payinfo.type}}
<a-radio-group v-model:value="payinfo.type" @change="onChange">
<div class="accountlist">
<a-radio :value="4">
<div class="accountitem">
<div class="hostinfo">
<div>
<img src="@/static/images/bank.png" alt="" class="icon" />
<span class="accounttype">银行卡</span>
</div>
</div>
<div class="zhanghao">账号：6217 **** **** **** 175</div>
</div>
<div class="zhanghao">账号：6217 **** **** **** 175</div>
</div>
</a-radio>
<a-radio>
<div class="accountitem">
<div class="hostinfo">
<div>
<img
src="@/static/images/walletzfb.png"
alt=""
class="icon icon1"
/>
<span class="accounttype">支付宝</span>
</a-radio>
<a-radio :value="2">
<div class="accountitem">
<div class="hostinfo">
<div>
<img
src="@/static/images/walletzfb.png"
alt=""
class="icon icon1"
/>
<span class="accounttype">支付宝</span>
</div>
</div>
<div class="zhanghao">账号：6217 **** **** **** 175</div>
</div>
<div class="zhanghao">账号：6217 **** **** **** 175</div>
</div>
</a-radio>
<a-radio>
<div class="accountitem">
<div class="hostinfo">
<div>
<img
src="@/static/images/walletweixin.png"
alt=""
class="icon icon1"
/>
<span class="accounttype">微信</span>
</a-radio>
<a-radio :value="1">
<div class="accountitem">
<div class="hostinfo">
<div>
<img
src="@/static/images/walletweixin.png"
alt=""
class="icon icon1"
/>
<span class="accounttype">微信</span>
</div>
</div>
<div class="zhanghao">账号：6217 **** **** **** 175</div>
</div>
<div class="zhanghao">账号：6217 **** **** **** 175</div>
</div>
</a-radio>
</div>
</a-radio>
</div>
</a-radio-group>
</div>
<div class="cashoutmoney">
<div class="label">提现金额</div>
<div class="moneynum">
<a-input v-model="money" class="shuru" @change="moneychange" />
<a-input v-model:value="payinfo.money" class="shuru" />
<div>￥</div>
<div class="cashoutall">全部金额</div>
<div class="cashoutall" @click="all">全部金额</div>
<div class="desc">注：每笔提现收取0.1%服务费，最低￥0.1</div>
</div>
</div>
<div class="ale">*您的余额只有￥50，最低提现金额￥100</div>
<div class="ale">*您的余额只有￥{{yue}}，最低提现金额￥100</div>
</div>
<div class="cashoutall submit">全部金额</div>
<div class="cashoutall submit" @click="sub">立即提现</div>
<NavBottom class="navbottom"></NavBottom>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
import { defineComponent, ref, toRaw } from "vue";
import NavBottom from "@/components/NavBottom.vue";
import { cashout } from '@/api';
export default defineComponent({
name: "Cashout",
components: {
@@ -89,12 +96,40 @@ export default defineComponent({
},
setup() {
const money = ref(0);
const payinfo=ref<any>({
type:4,
money:0,
account :"",
mname:"",
bankcode:"",
bankname:"",
international:0
})
const moneychange: (e: number) => void = (e: number) => {
console.log(e);
};
const yue=ref<number>(105)
function onChange(e: any) {
console.log(e.target.value);
payinfo.value.type=e.target.value
}
function all(){
payinfo.value.money=yue.value
}
function sub(){
console.log(toRaw(payinfo.value))
cashout(toRaw(payinfo.value))
}
return {
money,
moneychange,
payinfo,
onChange,
all,
yue,
sub
};
},
});
@@ -108,6 +143,7 @@ export default defineComponent({
}
.cashout ::v-deep(.ant-radio) {
top: 43px;
height:13px
}
.cashout {
.mingxilist {