Merge pull request 'zj' (#48) from zj into master
Reviewed-on: http://git.luyuan.tk/luyuan/beelink/pulls/48
This commit is contained in:
commit
f7d4f86541
@ -82,6 +82,7 @@ interface Wallect {
|
||||
export async function getwallect(){
|
||||
const res = await get<Array<Wallect>>('wallect')
|
||||
console.log(res)
|
||||
return res.data
|
||||
}
|
||||
|
||||
/**
|
||||
@ -253,7 +254,98 @@ export async function videodel(data:any) {
|
||||
console.log(res)
|
||||
}
|
||||
|
||||
/**
|
||||
* 新增账户
|
||||
*/
|
||||
export async function accountadd(data?:any) {
|
||||
const res = await post<Liveaddrule>('wallect',data);
|
||||
if(res.code==0){
|
||||
message.success("新增成功")
|
||||
}
|
||||
|
||||
console.log(res)
|
||||
}
|
||||
|
||||
interface SaleInfo{
|
||||
total:number,
|
||||
accountid:number,
|
||||
memberid:number,
|
||||
sn:string,
|
||||
type:number,
|
||||
typename:string,
|
||||
money:string,
|
||||
source:number,
|
||||
remark:string,
|
||||
deleted_at:string,
|
||||
created_at:string,
|
||||
updated_at:string,
|
||||
basemoney:string
|
||||
}
|
||||
/**
|
||||
* 交易明细
|
||||
* @param data
|
||||
*/
|
||||
export async function saleinfo(data?:any){
|
||||
const res= await get<Array<SaleInfo>>('account',data)
|
||||
console.log(res)
|
||||
return res.data
|
||||
}
|
||||
|
||||
/**
|
||||
* 申请提现
|
||||
*/
|
||||
export async function cashout(data?:any){
|
||||
const res = await post<Liveaddrule>('withdrawal',data);
|
||||
if(res.code==0){
|
||||
message.success("新增成功")
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 账户详情
|
||||
*/
|
||||
interface AccountInfo{
|
||||
wallectid:number,
|
||||
typeid:number,
|
||||
type:number,
|
||||
account:number,
|
||||
mname:string,
|
||||
bankcode:string,
|
||||
bankname:string
|
||||
}
|
||||
export async function getaccountinfo(data?: any){
|
||||
const res=await get<AccountInfo>('wallect/'+data)
|
||||
console.log(res,2333)
|
||||
return {
|
||||
accountid:res.data.wallectid,
|
||||
type:res.data.type,
|
||||
account:res.data.account,
|
||||
mname:res.data.mname,
|
||||
bankcode:res.data.bankcode,
|
||||
bankname:res.data.bankname
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 账户编辑
|
||||
*/
|
||||
export async function editaccount(data?:any){
|
||||
const res=await put<Liveaddrule>('wallect/'+data);
|
||||
if(res.code==0){
|
||||
message.success("修改成功")
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 删除账户
|
||||
*/
|
||||
export async function deleteaccount(data:any) {
|
||||
|
||||
const res = await del<Liveaddrule>('wallect/'+data);
|
||||
if(res.code==0){
|
||||
message.success("删除成功")
|
||||
}
|
||||
|
||||
console.log(res)
|
||||
}
|
||||
/**
|
||||
* 发送验证码
|
||||
* @param phone 手机号
|
||||
|
||||
106
src/components/ReviewItemtwo.vue
Normal file
106
src/components/ReviewItemtwo.vue
Normal file
@ -0,0 +1,106 @@
|
||||
<template>
|
||||
<div class="reviewitem">
|
||||
<div class="top">
|
||||
<img src="" alt="">
|
||||
<div class="name">qweqw</div>
|
||||
<!-- <div class="lv">
|
||||
<div class="img">
|
||||
<img src="@/static/images/starred.png" alt="">
|
||||
<img src="@/static/images/starred.png" alt="">
|
||||
<img src="@/static/images/starred.png" alt="">
|
||||
<img src="@/static/images/star.png" alt="">
|
||||
<img src="@/static/images/star.png" alt="">
|
||||
</div>
|
||||
<div class="num">8.0</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="cont">
|
||||
dafjkldashfjksdhjkhfgjkdshjkfgsdhjkghjkshgjsjkhg
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="date">2020-10-10</div>
|
||||
<div class="reply">
|
||||
回复
|
||||
<span class="reply del">删除</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.reviewitem{
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
.top{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
>img{
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
border-radius: 50%;
|
||||
background-color: #0f0;
|
||||
|
||||
}
|
||||
.name{
|
||||
font-size: 13px;
|
||||
color: #111;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.lv{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.img{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
>img{
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
// background-color: #0f0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
.num{
|
||||
font-size: 11px;
|
||||
color: #D12C2E;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cont{
|
||||
margin-left: 67px;
|
||||
font-size: 11px;
|
||||
line-height: 1.2;
|
||||
|
||||
}
|
||||
.bottom{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-left: 67px;
|
||||
margin-top: 25px;
|
||||
.date{
|
||||
font-size: 10px;
|
||||
color: #999;
|
||||
|
||||
}
|
||||
.reply{
|
||||
font-size: 10px;
|
||||
color: #08AE98;
|
||||
}
|
||||
.del{
|
||||
color:#D12C2D!important;
|
||||
margin-left: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue';
|
||||
|
||||
export default defineComponent({
|
||||
setup(){
|
||||
console.log(1)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
@ -11,11 +11,14 @@
|
||||
<div class="list">
|
||||
<ReviewItem></ReviewItem>
|
||||
<ReviewItem></ReviewItem>
|
||||
<ReviewItem></ReviewItem>
|
||||
<ReviewItem></ReviewItem>
|
||||
<div class="huifu">
|
||||
<ReviewItemtwo></ReviewItemtwo>
|
||||
<ReviewItemtwo></ReviewItemtwo>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="reply">
|
||||
<div>
|
||||
<a-textarea v-model:value="value" placeholder="Basic usage" :rows="4" />
|
||||
<div class="send">发表留言</div>
|
||||
</div>
|
||||
@ -75,16 +78,20 @@
|
||||
|
||||
}
|
||||
}
|
||||
.huifu{
|
||||
margin-left: 56px;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue';
|
||||
import ReviewItem from "./ReviewItem.vue"
|
||||
|
||||
import ReviewItemtwo from "./ReviewItemtwo.vue"
|
||||
export default defineComponent({
|
||||
components:{
|
||||
ReviewItem
|
||||
ReviewItem,
|
||||
ReviewItemtwo
|
||||
},
|
||||
serup(){
|
||||
console.log(1)
|
||||
|
||||
@ -17,20 +17,20 @@
|
||||
<div v-if="ifchina">
|
||||
<a-radio-group
|
||||
name="radioGroup"
|
||||
v-model="paytype"
|
||||
class="accountlist"
|
||||
@change="onChange"
|
||||
:default-value="1"
|
||||
v-model:value="accountinfo.type"
|
||||
|
||||
>
|
||||
<a-radio :value="1">
|
||||
<a-radio :value="4">
|
||||
<img src="@/static/images/bank.png" alt="" class="icon icon1" />
|
||||
<span>银行卡</span>
|
||||
<span>银行卡zzz</span>
|
||||
</a-radio>
|
||||
<a-radio :value="2">
|
||||
<img src="@/static/images/walletzfb.png" alt="" class="icon" />
|
||||
<span>支付宝</span>
|
||||
</a-radio>
|
||||
<a-radio :value="3">
|
||||
<a-radio :value="1">
|
||||
<img src="@/static/images/walletweixin.png" alt="" class="icon" />
|
||||
<span>微信</span>
|
||||
</a-radio>
|
||||
@ -59,43 +59,45 @@
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cashoutmoney" v-if="paytype == 1 && ifchina">
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">姓名</span>
|
||||
<a-input v-model="money" class="shuru" placeholder="请输入姓名" />
|
||||
<div class="cashoutmoney" v-if="accountinfo.type == 4 && ifchina">
|
||||
<a-form >
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">姓名</span>
|
||||
<a-input v-model:value="accountinfo.mname" class="shuru" placeholder="请输入姓名" />
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">卡号</span>
|
||||
<a-input
|
||||
v-model:value="accountinfo.bankcode"
|
||||
class="shuru"
|
||||
placeholder="请输入收款人储蓄卡号"
|
||||
/>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">开户行</span>
|
||||
<a-input
|
||||
v-model:value="accountinfo.bankname"
|
||||
class="shuru shuru2"
|
||||
placeholder="请输入开户行"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">卡号</span>
|
||||
<a-input
|
||||
v-model="money"
|
||||
class="shuru"
|
||||
placeholder="请输入收款人储蓄卡号"
|
||||
/>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">开户行</span>
|
||||
<a-input
|
||||
v-model="money"
|
||||
class="shuru shuru1"
|
||||
placeholder="请输入开户行"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</a-form>
|
||||
</div>
|
||||
<div class="cashoutmoney" v-if="paytype == 2 && ifchina">
|
||||
<div class="cashoutmoney" v-if="accountinfo.type == 2 && ifchina">
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">帐号</span>
|
||||
<a-input
|
||||
v-model="money"
|
||||
v-model:value="accountinfo.account"
|
||||
class="shuru"
|
||||
placeholder="请输入支付宝账号/密码"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cashoutmoney" v-if="paytype == 3 && ifchina">
|
||||
<div class="cashoutmoney" v-if="accountinfo.type == 1 && ifchina">
|
||||
<div class="label label1">扫码绑定</div>
|
||||
<div class="ewmbox">
|
||||
<img src="@/static/images/erweima.png" alt="" class="ewmpic" />
|
||||
@ -110,12 +112,12 @@
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">账户名</span>
|
||||
<a-input v-model="money" class="shuru" placeholder="请输入姓名" />
|
||||
<a-input v-model="accountinfo.mname" class="shuru" placeholder="请输入姓名" />
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1">银行账户</span>
|
||||
<a-input
|
||||
v-model="money"
|
||||
v-model="accountinfo.bankcode"
|
||||
class="shuru shuru2"
|
||||
placeholder="请输入收款人储蓄卡号"
|
||||
/>
|
||||
@ -123,7 +125,7 @@
|
||||
<div class="infoitem infoitem1">
|
||||
<div class="label label1 label2"> 银行BIC码 /swift code </div>
|
||||
<a-input
|
||||
v-model="money"
|
||||
v-model="accountinfo.bankname"
|
||||
class="shuru shuru1"
|
||||
placeholder="请输入开户行"
|
||||
/>
|
||||
@ -136,22 +138,24 @@
|
||||
<div class="infoitem">
|
||||
<span class="label label1">帐号</span>
|
||||
<a-input
|
||||
v-model="money"
|
||||
v-model:value="accountinfo.account"
|
||||
class="shuru"
|
||||
placeholder="请输入账号"
|
||||
/>
|
||||
</div>
|
||||
</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, onMounted, ref, toRaw } from "vue";
|
||||
import NavBottom from "@/components/NavBottom.vue";
|
||||
import { accountadd, editaccount, getaccountinfo } from '@/api';
|
||||
import { useRoute } from 'vue-router';
|
||||
export default defineComponent({
|
||||
name: "Cashout",
|
||||
components: {
|
||||
@ -159,9 +163,15 @@ export default defineComponent({
|
||||
},
|
||||
setup() {
|
||||
const money = ref(0);
|
||||
const paytype = ref(1);
|
||||
const paytype = ref(4);
|
||||
const paytypeforign = ref(1);
|
||||
|
||||
const accountinfo = ref<any>({
|
||||
type: 4,
|
||||
account:"",
|
||||
mname: "",
|
||||
bankcode: "",
|
||||
bankname: "",
|
||||
});
|
||||
interface Changes {
|
||||
target: {
|
||||
value: number;
|
||||
@ -171,19 +181,42 @@ export default defineComponent({
|
||||
const onChange: (e: Changes) => void = (e: Changes) => {
|
||||
console.log("radio checked", e.target.value);
|
||||
paytype.value = e.target.value;
|
||||
accountinfo.value.type=e.target.value
|
||||
};
|
||||
const onChange1: (e: Changes) => void = (e: Changes) => {
|
||||
console.log("radio checked", e.target.value);
|
||||
paytypeforign.value = e.target.value;
|
||||
};
|
||||
const ifchina = ref(false);
|
||||
function sub(){
|
||||
console.log(toRaw(accountinfo.value),11)
|
||||
// cosnole.log(useRoute().query.id)
|
||||
if(toRaw(accountinfo.value).accountid){
|
||||
console.log(300)
|
||||
editaccount(toRaw(accountinfo.value).accountid)
|
||||
}else{
|
||||
console.log(111)
|
||||
accountadd(toRaw(accountinfo.value))
|
||||
}
|
||||
|
||||
}
|
||||
const ifchina = ref(true);
|
||||
|
||||
onMounted(async () => {
|
||||
if(useRoute().query.id){
|
||||
accountinfo.value=await getaccountinfo(useRoute().query.id)
|
||||
// console.log(await getaccountinfo(useRoute().query.id),233)
|
||||
}
|
||||
// useRoute().query.id
|
||||
})
|
||||
return {
|
||||
money,
|
||||
onChange,
|
||||
paytype,
|
||||
ifchina,
|
||||
paytypeforign,
|
||||
onChange1
|
||||
onChange1,
|
||||
sub,
|
||||
accountinfo
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
@ -18,70 +18,97 @@
|
||||
<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 v-for="(i,j) in accountlist" :key="j" :value="j">
|
||||
<div class="accountitem">
|
||||
<div class="hostinfo" v-if="i.type==4">
|
||||
<div>
|
||||
<img src="@/static/images/bank.png" alt="" class="icon" />
|
||||
<span class="accounttype">银行卡</span>
|
||||
</div>
|
||||
</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>
|
||||
<div class="hostinfo" v-if="i.type==2">
|
||||
<div>
|
||||
<img
|
||||
src="@/static/images/walletzfb.png"
|
||||
alt=""
|
||||
class="icon icon1"
|
||||
/>
|
||||
<span class="accounttype">支付宝</span>
|
||||
</div>
|
||||
</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>
|
||||
<div class="hostinfo" v-if="i.type==1">
|
||||
<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>
|
||||
|
||||
|
||||
<!-- <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>
|
||||
</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>
|
||||
</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, onMounted, ref, toRaw } from "vue";
|
||||
import NavBottom from "@/components/NavBottom.vue";
|
||||
import { cashout, getwallect } from '@/api';
|
||||
export default defineComponent({
|
||||
name: "Cashout",
|
||||
components: {
|
||||
@ -89,12 +116,49 @@ export default defineComponent({
|
||||
},
|
||||
setup() {
|
||||
const money = ref(0);
|
||||
const payinfo=ref<any>({
|
||||
type:0,
|
||||
money:0,
|
||||
account :"",
|
||||
mname:"",
|
||||
bankcode:"",
|
||||
bankname:"",
|
||||
international:0,
|
||||
typeid:0
|
||||
|
||||
})
|
||||
const moneychange: (e: number) => void = (e: number) => {
|
||||
console.log(e);
|
||||
};
|
||||
const yue=ref<number>(105)
|
||||
const accountlist =ref<Array<any>>([])
|
||||
|
||||
onMounted(async () => {
|
||||
accountlist.value=await getwallect();
|
||||
});
|
||||
function onChange(e: any) {
|
||||
console.log(e.target.value);
|
||||
payinfo.value.type=e.target.value
|
||||
payinfo.value.typeid=toRaw(accountlist.value)[e.target.value].wallectid
|
||||
// payinfo.value.type=toRaw(accountlist.value)[e.target.value].wallectid
|
||||
}
|
||||
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,
|
||||
accountlist
|
||||
};
|
||||
},
|
||||
});
|
||||
@ -108,6 +172,7 @@ export default defineComponent({
|
||||
}
|
||||
.cashout ::v-deep(.ant-radio) {
|
||||
top: 43px;
|
||||
height:13px
|
||||
}
|
||||
.cashout {
|
||||
.mingxilist {
|
||||
@ -178,8 +243,12 @@ export default defineComponent({
|
||||
.chooseitem {
|
||||
display: flex;
|
||||
margin-bottom: 34px;
|
||||
.label{
|
||||
width:150px;
|
||||
}
|
||||
.accountlist {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.accountitem {
|
||||
// width: 200px;
|
||||
padding-bottom: 16px;
|
||||
@ -189,6 +258,7 @@ export default defineComponent({
|
||||
border-radius: 17px;
|
||||
margin-left: 17px;
|
||||
margin-right: 46px;
|
||||
margin-bottom: 17px;
|
||||
.hostinfo {
|
||||
display: flex;
|
||||
padding-top: 17px;
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="accounts">
|
||||
<div class="left">
|
||||
<div class="left" @click="listchange(1)">
|
||||
<img src="@/static/images/account.png" alt="" class="pic" />
|
||||
<div class="texts">
|
||||
<div>绑定用户</div>
|
||||
@ -24,7 +24,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="linecolumn"></div>
|
||||
<div class="left">
|
||||
<div class="left" @click="listchange(2)">
|
||||
<img src="@/static/images/money.png" alt="" class="pic" />
|
||||
<div class="texts">
|
||||
<div>账户余额</div>
|
||||
@ -43,23 +43,40 @@
|
||||
<div>添加新的账户</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accountlist" v-if="ifchina && !ifmingxi">
|
||||
<div class="accountitem">
|
||||
|
||||
<div class="accountlist" v-if="ifchina && listindex==1">
|
||||
<div class="accountitem" v-for="(i,j) in accountlist" :key="j">
|
||||
<div class="hostinfo">
|
||||
<div>
|
||||
<div v-if="i.type==4">
|
||||
<img src="@/static/images/bank.png" alt="" class="icon" />
|
||||
<span class="accounttype">银行卡</span>
|
||||
</div>
|
||||
|
||||
<div v-if="i.type==2">
|
||||
<img
|
||||
src="@/static/images/walletzfb.png"
|
||||
alt=""
|
||||
class="icon icon1"
|
||||
/>
|
||||
<span class="accounttype">支付宝</span>
|
||||
</div>
|
||||
<div v-if="i.type==1">
|
||||
<img
|
||||
src="@/static/images/walletweixin.png"
|
||||
alt=""
|
||||
class="icon icon1"
|
||||
/>
|
||||
<span class="accounttype">微信</span>
|
||||
</div>
|
||||
<div class="btns">
|
||||
<div class="btn">修改</div>
|
||||
<div class="btn1">删除</div>
|
||||
<div class="btn" @click="navto(1,i.wallectid)">修改</div>
|
||||
<div class="btn1" @click="del(i.wallectid)">删除</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zhanghao">账号：6217 **** **** **** 175</div>
|
||||
<div class="zhanghao" v-if="i.type==4">账号 <span>{{i.bankcode}}</span></div>
|
||||
<div class="zhanghao" v-else>账号 <span>{{i.account}}</span></div>
|
||||
</div>
|
||||
|
||||
<div class="accountitem">
|
||||
<!-- <div class="accountitem">
|
||||
<div class="hostinfo">
|
||||
<div>
|
||||
<img
|
||||
@ -76,9 +93,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="zhanghao">账号：6217 **** **** **** 175</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="accountitem">
|
||||
<!-- <div class="accountitem">
|
||||
<div class="hostinfo">
|
||||
<div>
|
||||
<img
|
||||
@ -95,10 +112,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="zhanghao">账号：6217 **** **** **** 175</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="accountlist" v-if="!ifchina && !ifmingxi">
|
||||
<div class="accountitem">
|
||||
<div class="accountlist" v-if="!ifchina && listindex==1">
|
||||
<!-- <div class="accountitem">
|
||||
<div class="hostinfo">
|
||||
<div>
|
||||
<img src="@/static/images/foreignbank.png" alt="" class="icon" />
|
||||
@ -111,27 +128,47 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="zhanghao">账号：6217 **** **** **** 175</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="accountitem">
|
||||
<div class="accountitem" v-for="(i,j) in accountlist" :key="j">
|
||||
<div class="hostinfo">
|
||||
<div>
|
||||
<div v-if="i.type==4">
|
||||
<img src="@/static/images/foreignbank.png" alt="" class="icon" />
|
||||
<span class="accounttype">银行卡</span>
|
||||
</div>
|
||||
|
||||
<div v-else>
|
||||
<img src="@/static/images/paypi.png" alt="" class="icon icon1" />
|
||||
<span class="accounttype">paypal</span>
|
||||
</div>
|
||||
|
||||
<div class="btns">
|
||||
<div class="btn">修改</div>
|
||||
<div class="btn1">删除</div>
|
||||
<div class="btn" @click="navto(1,i.wallectid)">修改</div>
|
||||
<div class="btn1" @click="del(i.wallectid)">删除</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zhanghao">账号：6217 **** **** **** 175</div>
|
||||
<div class="zhanghao" v-if="i.type==4">账号 <span>{{i.bankcode}}</span></div>
|
||||
<div class="zhanghao" v-else>账号 <span>{{i.account}}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mingxilist">
|
||||
<div class="tabs">
|
||||
<div class="beforetab">明细查询</div>
|
||||
<div class="mingxilist" v-if="ifchina && listindex==2">
|
||||
<div class="mingxitop">
|
||||
<div class="tabs">
|
||||
<span class="tabtitle">明细查询</span>
|
||||
|
||||
<div :class="tabindex == 0 ? 'on' : ''" @click="tabchange(0)">
|
||||
全部
|
||||
</div>
|
||||
<div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">
|
||||
收入
|
||||
</div>
|
||||
<div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">
|
||||
支出
|
||||
</div>
|
||||
</div>
|
||||
<a-range-picker @change="onChange" class="choosedate" :placeholder="['请选择开始日期', '请选择结束日期']"/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<table class="table">
|
||||
<thead>
|
||||
@ -143,55 +180,14 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyadd">+￥320</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyreverse">+￥320</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyadd">+￥320</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td >2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyadd">+￥320</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyadd">+￥320</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyadd">+￥320</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyadd">+￥320</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2020-08-13 13:54</td>
|
||||
<td>直播收入</td>
|
||||
<td class="moneyadd">+￥320</td>
|
||||
<tr v-for="(i,j) in salelist" :key="j">
|
||||
<td>{{i.created_at}}</td>
|
||||
<td>{{i.typename}}</td>
|
||||
<td class="moneyadd moneyreverse" v-if="i.type==2">-￥{{i.money}}</td>
|
||||
<td class="moneyadd " v-else>+￥{{i.money}}</td>
|
||||
<td>查看详情</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@ -201,33 +197,84 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from "vue";
|
||||
import { defineComponent, onMounted, ref, toRaw } from "vue";
|
||||
import NavBottom from "@/components/NavBottom.vue";
|
||||
import router from '@/router';
|
||||
import { getwallect } from '@/api';
|
||||
import router from "@/router";
|
||||
import { deleteaccount, getwallect, saleinfo } from "@/api";
|
||||
export default defineComponent({
|
||||
name: "Wallet",
|
||||
components: {
|
||||
NavBottom,
|
||||
},
|
||||
setup() {
|
||||
const ifchina = false;
|
||||
const ifmingxi = true;
|
||||
getwallect()
|
||||
function navto(index: number){
|
||||
const ifchina = true;
|
||||
const ifmingxi = false;
|
||||
const salelist=ref<Array<any>>([])
|
||||
const accountlist =ref<Array<any>>([])
|
||||
const listindex=ref<number>(1)
|
||||
const state=ref<number>(0)
|
||||
const dates=ref<Array<string>>(["",""])
|
||||
onMounted(async () => {
|
||||
|
||||
salelist.value = await saleinfo();
|
||||
accountlist.value=await getwallect();
|
||||
});
|
||||
const tabindex = ref(0);
|
||||
async function tabchange(e: number): Promise<void> {
|
||||
tabindex.value = e;
|
||||
state.value=e
|
||||
salelist.value=await saleinfo({status:e,bdate:dates.value[0],edate:dates.value[1]});
|
||||
// console.log(videolist)
|
||||
}
|
||||
function listchange(e: number){
|
||||
listindex.value=e
|
||||
}
|
||||
async function onChange(e: any,dateString:string){
|
||||
console.log(dateString)
|
||||
dates.value[0]=dateString[0]
|
||||
dates.value[1]=dateString[1]
|
||||
salelist.value=await saleinfo({bdate:dateString[0],edate:dateString[1],status:state.value});
|
||||
}
|
||||
async function del(e: number){
|
||||
deleteaccount(e)
|
||||
}
|
||||
function navto(index: number,id?:number) {
|
||||
let url = "";
|
||||
switch (index){
|
||||
case 1: url = "/mine/addaccount"; break;
|
||||
case 2: url = "/mine/cashout"; break;
|
||||
switch (index) {
|
||||
case 1:
|
||||
|
||||
url = "/mine/addaccount"
|
||||
console.log(url)
|
||||
break;
|
||||
case 2:
|
||||
url = "/mine/cashout";
|
||||
break;
|
||||
}
|
||||
router.push({
|
||||
path: url
|
||||
})
|
||||
if(id){
|
||||
router.push({
|
||||
path: url,
|
||||
query:{id:id}
|
||||
});
|
||||
}else{
|
||||
router.push({
|
||||
path: url
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
return {
|
||||
ifchina,
|
||||
ifmingxi,
|
||||
navto
|
||||
navto,
|
||||
tabindex,
|
||||
tabchange,
|
||||
salelist,
|
||||
accountlist,
|
||||
listchange,
|
||||
listindex,
|
||||
onChange,
|
||||
dates,
|
||||
del
|
||||
};
|
||||
},
|
||||
});
|
||||
@ -236,7 +283,52 @@ export default defineComponent({
|
||||
.wallet ::v-deep(.ant-breadcrumb) > span:last-child {
|
||||
color: #08ae98;
|
||||
}
|
||||
.wallet ::v-deep(.ant-calendar-picker) {
|
||||
width: 271px;
|
||||
height: 25px;
|
||||
}
|
||||
.wallet ::v-deep(.ant-calendar-range-picker-input){
|
||||
height: 25px;
|
||||
font-size:9px;
|
||||
}
|
||||
.wallet ::v-deep(.ant-calendar-date){
|
||||
font-size: 12px;
|
||||
}
|
||||
.wallet {
|
||||
.tabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #111;
|
||||
padding: 11px 0;
|
||||
.tabtitle {
|
||||
width: 60px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
> div {
|
||||
margin-right: 38px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 40px;
|
||||
font-size:11px;
|
||||
}
|
||||
.on {
|
||||
color: #08ae98;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: -6px;
|
||||
left: 8px;
|
||||
width: 25px;
|
||||
height: 1px;
|
||||
background-color: #08ae98;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mywallet {
|
||||
width: 761px;
|
||||
margin-right: 18px;
|
||||
@ -349,12 +441,15 @@ export default defineComponent({
|
||||
.accountlist {
|
||||
margin-top: 17px;
|
||||
display: flex;
|
||||
width:1170px;
|
||||
flex-wrap: wrap;
|
||||
.accountitem {
|
||||
width: 372px;
|
||||
height: 226px;
|
||||
background: white;
|
||||
border-radius: 17px;
|
||||
margin-left: 17px;
|
||||
margin-bottom: 17px;
|
||||
.hostinfo {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
@ -403,16 +498,27 @@ export default defineComponent({
|
||||
font-size: 11px;
|
||||
margin-top: 119px;
|
||||
margin-left: 34px;
|
||||
>span{
|
||||
margin-left:15px
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mingxilist {
|
||||
width: 1150px;
|
||||
height: 533px;
|
||||
max-height: 533px;
|
||||
background: white;
|
||||
border-radius: 18px;
|
||||
margin-top: 18px;
|
||||
.mingxitop {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.choosedate{
|
||||
margin:auto 0;
|
||||
margin-right: 39px;
|
||||
}
|
||||
.tabs {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
@ -429,7 +535,7 @@ export default defineComponent({
|
||||
}
|
||||
.table {
|
||||
width: 1150px;
|
||||
height: 365px;
|
||||
max-height: 365px;
|
||||
text-align: center;
|
||||
color: #343434;
|
||||
font-size: 12px;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user