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

zj #96

Merged
asd merged 3 commits from zj into master 2020-10-30 14:49:39 +08:00
Conversation 0 Commits 3 Files Changed 13 +213 -152
13 changed files with 213 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Menu.vue
View File

@ -12,7 +12,7 @@
<div class="item" :class="{'selitem': j == selnum, 'seltop': j == selnum - 1, 'selbottom': j == selnum + 1}"> <div class="item" :class="{'selitem': j == selnum, 'seltop': j == selnum - 1, 'selbottom': j == selnum + 1}">
<div class="route"> <div class="route">
<img :src="i.icon" alt="" class="icon"> <img :src="i.icon" alt="" class="icon">
<div class="title">{{i.name}}</div> <div class="title">{{lan.$t(i.name)}}</div>
</div> </div>
<img alt="" src="../static/images/jiantou.png" class="right"> <img alt="" src="../static/images/jiantou.png" class="right">
</div> </div>
@ -24,7 +24,7 @@
<div class="route" @click="logout"> <div class="route" @click="logout">
<img src="../static/images/tuichu.png" alt="" class="icon"> <img src="../static/images/tuichu.png" alt="" class="icon">
<div class="title"> <div class="title">
帐号退出 {{lan.$t('tuichu')}}
</div> </div>
</div> </div>
</div> </div>
@ -117,11 +117,13 @@
<script lang="ts"> <script lang="ts">
import router from '@/router'; import router from '@/router';
import store from '@/store'; import store from '@/store';
import { useI18n } from '@/utils/i18n';
import { computed, defineComponent, ref } from 'vue'; import { computed, defineComponent, ref } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
export default defineComponent({ export default defineComponent({
setup(){ setup(){
const lan: any = useI18n();
interface MenuItem { interface MenuItem {
icon: string; icon: string;
sleicon: string; sleicon: string;
@ -133,37 +135,37 @@ export default defineComponent({
{ {
icon: require("../static/images/wode1.png"), icon: require("../static/images/wode1.png"),
sleicon:"", sleicon:"",
name: "我的档案", name: 'wodedangan',
route: "/mine/archives" route: "/mine/archives"
}, },
{ {
icon: require("../static/images/xiayig.png"), icon: require("../static/images/xiayig.png"),
sleicon:"", sleicon:"",
name: "发布直播", name: 'fabuzhibo',
route: "/mine/webcast" route: "/mine/webcast"
}, },
{ {
icon: require("../static/images/shipin.png"), icon: require("../static/images/shipin.png"),
sleicon:"shipin.png", sleicon:"shipin.png",
name: "上传视频", name: 'shangchuanshipin',
route: "/mine/video" route: "/mine/video"
}, },
{ {
icon: require("../static/images/yinhangka.png"), icon: require("../static/images/yinhangka.png"),
sleicon:"", sleicon:"",
name: "我的钱包", name: 'wodeqianbao',
route: "/mine/wallet" route: "/mine/wallet"
}, },
{ {
icon: require("../static/images/tongji.png"), icon: require("../static/images/tongji.png"),
sleicon:"", sleicon:"",
name: "列表统计", name: 'liebiaotongji',
route: "/mine/liststatistic" route: "/mine/liststatistic"
}, },
{ {
icon: require("../static/images/bangzhu.png"), icon: require("../static/images/bangzhu.png"),
sleicon:"", sleicon:"",
name: "关于Beelink", name: 'guanyu',
route: "/mine/aboutus" route: "/mine/aboutus"
} }
] ]
@ -212,7 +214,8 @@ export default defineComponent({
userinfo, userinfo,
logout, logout,
mouse, mouse,
tuichu tuichu,
lan
} }
} }
}) })

10
src/components/NavBottom.vue
View File

@ -2,7 +2,7 @@
<div class="nav-bottom"> <div class="nav-bottom">
<div class="nav-container" :style="color"> <div class="nav-container" :style="color">
<div v-for="(item, index) in navArray" :key="index" class="nav-item" @click="navto(item.route)"> <div v-for="(item, index) in navArray" :key="index" class="nav-item" @click="navto(item.route)">
<div :class="item.route==nowroute?'active':''">{{ item.name }}</div> <div :class="item.route==nowroute?'active':''">{{lan.$t(item.name) }}</div>
</div> </div>
</div> </div>
<div class="copyright" :style="color">{{lan.$t("banquan")}}</div> <div class="copyright" :style="color">{{lan.$t("banquan")}}</div>
@ -31,19 +31,19 @@ export default defineComponent({
console.log(routes.path) console.log(routes.path)
const navArray: Array<Nav> = [ const navArray: Array<Nav> = [
{ {
name: lan.$t('zhiboguanli'), name: 'zhiboguanli',
route: "/regime/live" route: "/regime/live"
}, },
{ {
name: lan.$t('shipinguanli'), name: 'shipinguanli',
route: "/regime/video" route: "/regime/video"
}, },
{ {
name: lan.$t("dingyuezheguanli"), name: 'dingyuezheguanli',
route: "/regime/subscriber" route: "/regime/subscriber"
}, },
{ {
name: lan.$t("gerenzhongxin"), name: 'gerenzhongxin',
route: "/mine/archives" route: "/mine/archives"
} }
] ]

11
src/components/NavTop.vue
View File

@ -7,7 +7,7 @@
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="item" v-for="(i,j) in nav" :key="j" @click="navto(j)"> <div class="item" v-for="(i,j) in nav" :key="j" @click="navto(j)">
<div :class="i.route==nowroute?'active':''">{{i.name}}</div> <div :class="i.route==nowroute?'active':''">{{lan.$t(i.name)}}</div>
</div> </div>
</div> </div>
<div style="width: 100%"></div> <div style="width: 100%"></div>
@ -261,19 +261,19 @@ export default defineComponent({
} }
const nav: Array<Nav> = [ const nav: Array<Nav> = [
{ {
name: lan.$t('zhiboguanli'), name: 'zhiboguanli',
route: "/regime/live" route: "/regime/live"
}, },
{ {
name: lan.$t('shipinguanli'), name: 'shipinguanli',
route: "/regime/video" route: "/regime/video"
}, },
{ {
name: lan.$t("dingyuezheguanli"), name: 'dingyuezheguanli',
route: "/regime/subscriber" route: "/regime/subscriber"
}, },
{ {
name: lan.$t("gerenzhongxin"), name: 'gerenzhongxin',
route: "/mine/archives" route: "/mine/archives"
} }
] ]
@ -303,6 +303,7 @@ export default defineComponent({
languagelist.value=await getlanguages() languagelist.value=await getlanguages()
console.log(routes.path) console.log(routes.path)
nowroute.value=routes.path nowroute.value=routes.path
lan.locale.value = userinfo.value.languageValue
}) })
function zonechange(e?: any){ function zonechange(e?: any){

27
src/i18n/en.ts
View File

@ -1,28 +1,3 @@
export default { export default {
zhiboguanli: "直播管理",
shipinguanli: "视频管理",
dingyuezheguanli: "订阅者管理",
gerenzhongxin: "个人中心",
rili: "Date",
quanbuzhibo: "全部直播",
weikaishi: "未开始",
yijieshu: "已结束",
zhibosousuo: "请输入想要搜索的直播标题",
haiweikaishi: "还未开始",
yijueshi: "已结束",
jinruzhibo: "进入直播",
quanbushipin: "全部视频",
shenhezhong: "审核中",
weitongguo: "未通过",
yifabu: "已发布",
shipinsousuo: "请输入想要搜索的直播标题",
wodedingyuezhe: "我的订阅者",
xingming: "姓名",
suozaiguojia: "所在国家",
nianling: "年龄",
xueshengmuyu: "学生母语",
xingqudian: "兴趣点",
yuyandengji: "语言等级",
canyupingtaishichang: "参与平台直播总时长",
sousuoxuesheng: "请输入想要搜索的学生姓名"
} }

65
src/i18n/zh.ts
View File

@ -186,5 +186,68 @@ export default {
zhifubao:"支付宝", zhifubao:"支付宝",
weixin:"微信", weixin:"微信",
zhanghao0:"帐号", zhanghao0:"帐号",
tixianzhanghu:"提现到指定账户" tixianzhanghu:"提现到指定账户",
yue:"余额",
xuanzezhanghu:"选择账户",
tixianjine:"提现金额",
quanbujine:"全部金额",
tixianzhu:"注：每笔提现收取0.1%服务费，最低￥0.1",
yueshu:"您的余额只有",
zuiditixian:"最低提现金额￥100",
mingxichaxun:"明细查询",
kaishiriqi:"请选择开始日期",
jieshuriqi:"请选择结束日期",
zhanghu:"账户",
tijiaoriqi:"提交日期",
jine:"金额",
caozuo:"操作",
jiaoyimingxixiangqing:"交易明细详情",
leixing:"类型",
zhiboshouru:"直播收入",
tixian:"提现",
houtaichongzhi:"后台充值",
liushuihao:"流水号",
riqi:"日期",
laiyuan:"来源",
fanhui:"返回",
tixianjiluxiangqing:"提现记录详情",
daozhangjine:"到帐金额",
shouxufei:"手续费",
tixianzhuangtai:"提现状态",
yuanyinmiaoshu:"原因描述",
mingcheng:"名称",
shoukuanzhanghu:"收款账户",
quanbu:"全部",
shouru:"收入",
zhichu:"支出",
xinzengzhanghu:"新增账户",
shurukahao:"请输入收款人储蓄卡号",
kahao:"卡号",
kaihuhang:"开户行",
shurukaihuhang:"请输入开户行",
shuruzhifubao:"请输入支付宝账号/密码",
saomabangding:"扫码绑定",
zhu:"注",
weixinbangding:"打开手机微信扫描左侧二维码 进行微信账户绑定",
yinhangzhanghu:"银行账户",
yinhangbic:"银行BIC码",
tijiao:"提交",
zhiboliebiao:"直播列表",
zhibokecheng:"直播课程",
canyurenshu:"参与人数",
kechengpingfen:"课程评分",
shipinliebiao:'视频列表',
fabushipin:"发布视频",
zongguankanshu:"总观看数",
pingjundefen:"平均得分",
dingyueliebiao:"订阅列表",
dingyuerenshu:"订阅人数",
fuwutiaokuan:"服务条款",
yinsizhengce:"隐私政策",
shurufankui:"请输入您的意见反馈",
tijiaofankui:"提交反馈",
tuichu:"帐号退出",
wodedangan:"我的档案",
liebiaotongji:"列表统计",
guanyu:"关于Beelink"
} }

17
src/views/mine/Aboutus.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div class="aboutus"> <div class="aboutus">
<div class="tabs"> <div class="tabs">
<div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">服务条款</div> <div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">{{lan.$t('fuwutiaokuan')}}</div>
<div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">隐私政策</div> <div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">{{lan.$t('yinsizhengce')}}</div>
<div :class="tabindex == 3 ? 'on' : ''" @click="tabchange(3)">意见反馈</div> <div :class="tabindex == 3 ? 'on' : ''" @click="tabchange(3)">{{lan.$t('yijianfankui')}}</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="content" v-if="tabindex==1|| tabindex==2"> <div class="content" v-if="tabindex==1|| tabindex==2">
@ -31,13 +31,13 @@
<div v-else> <div v-else>
<div class="fankui"> <div class="fankui">
<div class="label">意见反馈</div> <div class="label">{{lan.$t('yijianfankui')}}</div>
<div> <div>
<a-textarea v-model:value="value" placeholder="请输入您的意见反馈" :rows="10" /> <a-textarea v-model:value="value" :placeholder="lan.$t('shurufankui')" :rows="10" />
</div> </div>
</div> </div>
<div class="sub" @click="sub">提交反馈</div> <div class="sub" @click="sub">{{lan.$t('tijiaofankui')}}</div>
</div> </div>
<NavBottom class="navbottom"></NavBottom> <NavBottom class="navbottom"></NavBottom>
</div> </div>
@ -48,12 +48,14 @@ import { defineComponent, ref } from "vue";
import NavBottom from "@/components/NavBottom.vue"; import NavBottom from "@/components/NavBottom.vue";
import { feedback } from '@/api'; import { feedback } from '@/api';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { useI18n } from '@/utils/i18n';
export default defineComponent({ export default defineComponent({
name: "Aboutus", name: "Aboutus",
components: { components: {
NavBottom, NavBottom,
}, },
setup() { setup() {
const lan: any = useI18n();
const tabindex=ref(1) const tabindex=ref(1)
const value = ref("") const value = ref("")
console.log(useRoute().query) console.log(useRoute().query)
@ -72,7 +74,8 @@ export default defineComponent({
tabchange, tabchange,
tabindex, tabindex,
sub, sub,
value value,
lan
}; };
}, },
}); });

57
src/views/mine/Addaccount.vue
View File

@ -3,11 +3,11 @@
<div class="mingxilist"> <div class="mingxilist">
<div class="tabs"> <div class="tabs">
<div class="beforetab">新增账户</div> <div class="beforetab">{{lan.$t('xinzengzhanghu')}}</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="choose"> <div class="choose">
<div class="label">选择账户</div> <div class="label">{{lan.$t('xuanzezhanghu')}}</div>
<!-- <a-radio></a-radio> --> <!-- <a-radio></a-radio> -->
<div v-if="ifchina"> <div v-if="ifchina">
<a-radio-group <a-radio-group
@ -19,15 +19,15 @@
> >
<a-radio :value="4"> <a-radio :value="4">
<img src="@/static/images/bank.png" alt="" class="icon icon1" /> <img src="@/static/images/bank.png" alt="" class="icon icon1" />
<span>银行卡</span> <span>{{lan.$t('yinhangka')}}</span>
</a-radio> </a-radio>
<a-radio :value="2"> <a-radio :value="2">
<img src="@/static/images/walletzfb.png" alt="" class="icon" /> <img src="@/static/images/walletzfb.png" alt="" class="icon" />
<span>支付宝</span> <span>{{lan.$t('zhifubao')}}</span>
</a-radio> </a-radio>
<a-radio :value="1"> <a-radio :value="1">
<img src="@/static/images/walletweixin.png" alt="" class="icon" /> <img src="@/static/images/walletweixin.png" alt="" class="icon" />
<span>微信</span> <span>{{lan.$t('weixin')}}</span>
</a-radio> </a-radio>
</a-radio-group> </a-radio-group>
</div> </div>
@ -45,7 +45,7 @@
alt="" alt=""
class="icon icon1" class="icon icon1"
/> />
<span>银行卡</span> <span>{{lan.$t('yinhangka')}}</span>
</a-radio> </a-radio>
<a-radio :value="2"> <a-radio :value="2">
<img src="@/static/images/paypi.png" alt="" class="icon" /> <img src="@/static/images/paypi.png" alt="" class="icon" />
@ -58,23 +58,23 @@
<a-form > <a-form >
<div> <div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1">姓名</span> <span class="label label1">{{lan.$t('xingming')}}</span>
<a-input v-model:value="accountinfo.mname" class="shuru" placeholder="请输入姓名" /> <a-input v-model:value="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" />
</div> </div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1">卡号</span> <span class="label label1">{{lan.$t('kahao')}}</span>
<a-input <a-input
v-model:value="accountinfo.bankcode" v-model:value="accountinfo.bankcode"
class="shuru" class="shuru"
placeholder="请输入收款人储蓄卡号" :placeholder="lan.$t('shurukahao')"
/> />
</div> </div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1">开户行</span> <span class="label label1">{{lan.$t('kaihuhang')}}</span>
<a-input <a-input
v-model:value="accountinfo.bankname" v-model:value="accountinfo.bankname"
class="shuru shuru2" class="shuru shuru2"
placeholder="请输入开户行" :placeholder="lan.$t('shurukaihuhang')"
/> />
</div> </div>
</div> </div>
@ -83,22 +83,22 @@
<div class="cashoutmoney" v-if="accountinfo.type == 2 && ifchina"> <div class="cashoutmoney" v-if="accountinfo.type == 2 && ifchina">
<div> <div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1">帐号</span> <span class="label label1">{{lan.$t('zhanghao')}}</span>
<a-input <a-input
v-model:value="accountinfo.account" v-model:value="accountinfo.account"
class="shuru" class="shuru"
placeholder="请输入支付宝账号/密码" :placeholder="lan.$t('shuruzhifubao')"
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="cashoutmoney" v-if="accountinfo.type == 1 && ifchina"> <div class="cashoutmoney" v-if="accountinfo.type == 1 && ifchina">
<div class="label label1">扫码绑定</div> <div class="label label1">{{lan.$t('saomabangding')}}</div>
<div class="ewmbox"> <div class="ewmbox">
<img src="@/static/images/erweima.png" alt="" class="ewmpic" /> <img src="@/static/images/erweima.png" alt="" class="ewmpic" />
<div class="desc">注：</div> <div class="desc">{{lan.$t('zhu')}}：</div>
<div class="desc desc1"> <div class="desc desc1">
打开手机微信扫描左侧二维码 进行微信账户绑定 {{lan.$t('weixinbangding')}}
</div> </div>
</div> </div>
</div> </div>
@ -106,23 +106,23 @@
<div class="cashoutmoney" v-if="paytypeforign == 1 && !ifchina"> <div class="cashoutmoney" v-if="paytypeforign == 1 && !ifchina">
<div> <div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1">账户名</span> <span class="label label1">{{lan.$t('zhanghuming')}}</span>
<a-input v-model="accountinfo.mname" class="shuru" placeholder="请输入姓名" /> <a-input v-model="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" />
</div> </div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1">银行账户</span> <span class="label label1">{{lan.$t('yinhangzhanghu')}}</span>
<a-input <a-input
v-model="accountinfo.bankcode" v-model="accountinfo.bankcode"
class="shuru shuru2" class="shuru shuru2"
placeholder="请输入收款人储蓄卡号" :placeholder="shurukahao"
/> />
</div> </div>
<div class="infoitem infoitem1"> <div class="infoitem infoitem1">
<div class="label label1 label2"> 银行BIC码 /swift code </div> <div class="label label1 label2"> {{lan.$t(yinhangbic)}} /swift code </div>
<a-input <a-input
v-model="accountinfo.bankname" v-model="accountinfo.bankname"
class="shuru shuru1" class="shuru shuru1"
placeholder="请输入开户行" :placeholder="lan.$t('shurukaihuhang')"
/> />
</div> </div>
</div> </div>
@ -131,16 +131,16 @@
<div class="cashoutmoney" v-if="paytypeforign == 2 && !ifchina"> <div class="cashoutmoney" v-if="paytypeforign == 2 && !ifchina">
<div> <div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1">帐号</span> <span class="label label1">{{lan.$t('zhanghao')}}</span>
<a-input <a-input
v-model:value="accountinfo.account" v-model:value="accountinfo.account"
class="shuru" class="shuru"
placeholder="请输入账号" :placeholder="lan.$t('shuruzhanghao')"
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="cashoutall submit" @click="sub">提交</div> <div class="cashoutall submit" @click="sub">{{lan.$t('tijiao')}}</div>
<NavBottom class="navbottom"></NavBottom> <NavBottom class="navbottom"></NavBottom>
</div> </div>
</div> </div>
@ -151,12 +151,14 @@ import { defineComponent, onMounted, ref, toRaw } from "vue";
import NavBottom from "@/components/NavBottom.vue"; import NavBottom from "@/components/NavBottom.vue";
import { accountadd, editaccount, getaccountinfo } from '@/api'; import { accountadd, editaccount, getaccountinfo } from '@/api';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { useI18n } from '@/utils/i18n';
export default defineComponent({ export default defineComponent({
name: "Cashout", name: "Cashout",
components: { components: {
NavBottom, NavBottom,
}, },
setup() { setup() {
const lan: any = useI18n();
const money = ref(0); const money = ref(0);
const paytype = ref(4); const paytype = ref(4);
const paytypeforign = ref(1); const paytypeforign = ref(1);
@ -211,7 +213,8 @@ export default defineComponent({
paytypeforign, paytypeforign,
onChange1, onChange1,
sub, sub,
accountinfo accountinfo,
lan
}; };
}, },
}); });

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

@ -2,15 +2,15 @@
<div class="cashout"> <div class="cashout">
<div class="mingxilist"> <div class="mingxilist">
<div class="tabs"> <div class="tabs">
<div class="beforetab">提现到指定账户</div> <div class="beforetab">{{lan.$t('tixianzhanghu')}}</div>
<span class="residue">余额：{{ yue }}</span> <span class="residue">{{lan.$t('yue')}}：{{ yue }}</span>
<div class="topbtn topbtn2" @click="navto('/mine/addaccount')">提现到指定账户</div> <div class="topbtn topbtn2" @click="navto('/mine/addaccount')">{{lan.$t('tixianzhanghu')}}</div>
<div class="topbtn topbtn1" @click="navto('/mine/transaction')">提现记录</div> <div class="topbtn topbtn1" @click="navto('/mine/transaction')">{{lan.$t('tixianjilu')}}</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="choose"> <div class="choose">
<div class="chooseitem"> <div class="chooseitem">
<div class="label">选择账户</div> <div class="label">{{lan.$t('xuanzezhanghu')}}</div>
<!-- <a-radio></a-radio> --> <!-- <a-radio></a-radio> -->
<!-- {{payinfo.type}} --> <!-- {{payinfo.type}} -->
<a-radio-group <a-radio-group
@ -32,7 +32,7 @@
class="icon" class="icon"
/> />
<span class="accounttype" <span class="accounttype"
>银行卡</span >{{lan.$t('yinhangka')}}</span
> >
</div> </div>
</div> </div>
@ -44,7 +44,7 @@
class="icon icon1" class="icon icon1"
/> />
<span class="accounttype" <span class="accounttype"
>支付宝</span >{{lan.$t('zhifubao')}}</span
> >
</div> </div>
</div> </div>
@ -56,12 +56,12 @@
class="icon icon1" class="icon icon1"
/> />
<span class="accounttype" <span class="accounttype"
>微信</span >{{lan.$t('weixin')}}</span
> >
</div> </div>
</div> </div>
<div class="zhanghao"> <div class="zhanghao">
账号：6217 **** **** **** 175 {{lan.$t('zhanghao')}}：6217 **** **** **** 175
</div> </div>
</div> </div>
</a-radio> </a-radio>
@ -100,13 +100,13 @@
</a-radio-group> </a-radio-group>
</div> </div>
<div class="cashoutmoney"> <div class="cashoutmoney">
<div class="label">提现金额</div> <div class="label">{{lan.$t('tixianjine')}}</div>
<div class="moneynum"> <div class="moneynum">
<a-input v-model:value="payinfo.money" class="shuru" /> <a-input v-model:value="payinfo.money" class="shuru" />
<div>￥</div> <div>￥</div>
<div class="cashoutall" @click="all">全部金额</div> <div class="cashoutall" @click="all">{{lan.$t('quanbujine')}}</div>
<div class="desc"> <div class="desc">
注：每笔提现收取0.1%服务费，最低￥0.1 {{lan.$t('tixianzhu')}}
</div> </div>
</div> </div>
</div> </div>
@ -116,10 +116,10 @@
payinfo.money < 100 || payinfo.money > parseFloat(yue) payinfo.money < 100 || payinfo.money > parseFloat(yue)
" "
> >
*您的余额只有{{ parseFloat(yue) }}，最低提现金额￥100 *{{lan.$t('yueshu')}} {{ parseFloat(yue) }}，{{lan.$t('zuiditixian')}}
</div> </div>
</div> </div>
<div class="cashoutall submit" @click="sub">立即提现</div> <div class="cashoutall submit" @click="sub">{{lan.$t('lijitixian')}}</div>
<NavBottom class="navbottom"></NavBottom> <NavBottom class="navbottom"></NavBottom>
</div> </div>
</div> </div>
@ -132,12 +132,14 @@ import { cashout, getwallect } from "@/api";
import store from "@/store"; import store from "@/store";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import router from '@/router'; import router from '@/router';
import { useI18n } from '@/utils/i18n';
export default defineComponent({ export default defineComponent({
name: "Cashout", name: "Cashout",
components: { components: {
NavBottom, NavBottom,
}, },
setup() { setup() {
const lan: any = useI18n();
const money = ref(0); const money = ref(0);
const payinfo = ref<any>({ const payinfo = ref<any>({
type: 0, type: 0,
@ -209,6 +211,7 @@ export default defineComponent({
sub, sub,
accountlist, accountlist,
store, store,
lan
}; };
}, },
}); });

5
src/views/mine/Cashoutdetail.vue
View File

@ -61,15 +61,16 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from "vue"; import { defineComponent } from "vue";
import NavBottom from "@/components/NavBottom.vue"; import NavBottom from "@/components/NavBottom.vue";
import { useI18n } from '@/utils/i18n';
export default defineComponent({ export default defineComponent({
name: "Cashoutdetail", name: "Cashoutdetail",
components: { components: {
NavBottom NavBottom
}, },
setup() { setup() {
const lan: any = useI18n();
return { return {
lan
}; };
}, },
}); });

25
src/views/mine/Liststatistic.vue
View File

@ -4,20 +4,20 @@
<div class="listitem" @click="navto(1)"> <div class="listitem" @click="navto(1)">
<div class="top"> <div class="top">
<img src="@/static/images/zhibotjicon.png" alt="" class="icon" /> <img src="@/static/images/zhibotjicon.png" alt="" class="icon" />
<span>直播列表</span> <span>{{lan.$t('zhiboliebiao')}}</span>
</div> </div>
<div class="mid"> <div class="mid">
<div> <div>
<div class="data"> <div class="data">
<div class="label">直播课程</div> <div class="label">{{lan.$t('zhibokecheng')}}</div>
<div class="right">{{statistics.liveInfo?statistics.liveInfo.sum:0}}</div> <div class="right">{{statistics.liveInfo?statistics.liveInfo.sum:0}}</div>
</div> </div>
<div class="data"> <div class="data">
<div class="label">参与人数</div> <div class="label">{{lan.$t('canyurenshu')}}</div>
<div class="right">{{statistics.liveInfo?statistics.liveInfo.student:0}}</div> <div class="right">{{statistics.liveInfo?statistics.liveInfo.student:0}}</div>
</div> </div>
<div class="data"> <div class="data">
<div class="label">课程评分</div> <div class="label">{{lan.$t('kechengpingfen')}}</div>
<div class="right">{{statistics.liveInfo?statistics.liveInfo.avg:0}}</div> <div class="right">{{statistics.liveInfo?statistics.liveInfo.avg:0}}</div>
</div> </div>
<img src="@/static/images/zhibotj.png" alt="" class="zhuzi" /> <img src="@/static/images/zhibotj.png" alt="" class="zhuzi" />
@ -27,20 +27,20 @@
<div class="listitem" @click="navto(2)"> <div class="listitem" @click="navto(2)">
<div class="top"> <div class="top">
<img src="@/static/images/shipintjicon.png" alt="" class="icon" /> <img src="@/static/images/shipintjicon.png" alt="" class="icon" />
<span class="label1">视频列表</span> <span class="label1">{{lan.$t('shipinliebiao')}}</span>
</div> </div>
<div class="mid"> <div class="mid">
<div> <div>
<div class="data"> <div class="data">
<div class="label">发布视频</div> <div class="label">{{lan.$t('fabushipin')}}</div>
<div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div> <div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
</div> </div>
<div class="data"> <div class="data">
<div class="label">总观看数</div> <div class="label">{{lan.$t('zongguankanshu')}}</div>
<div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div> <div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
</div> </div>
<div class="data"> <div class="data">
<div class="label">平均得分</div> <div class="label">{{lan.$t('pingjundefen')}}</div>
<div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div> <div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
</div> </div>
<img src="@/static/images/shipintj.png" alt="" class="zhuzi" /> <img src="@/static/images/shipintj.png" alt="" class="zhuzi" />
@ -50,12 +50,12 @@
<div class="listitem" @click="navto(3)"> <div class="listitem" @click="navto(3)">
<div class="top"> <div class="top">
<img src="@/static/images/dingyuetjicon.png" alt="" class="icon" /> <img src="@/static/images/dingyuetjicon.png" alt="" class="icon" />
<span class="label2">订阅列表</span> <span class="label2">{{lan.$t('dingyueliebiao')}}</span>
</div> </div>
<div class="mid"> <div class="mid">
<div> <div>
<div class="data"> <div class="data">
<div class="label">订阅人数</div> <div class="label">{{lan.$t('dingyuerenshu')}}</div>
<div class="right">{{statistics.studentInfo?statistics.studentInfo.sum:0}}</div> <div class="right">{{statistics.studentInfo?statistics.studentInfo.sum:0}}</div>
</div> </div>
@ -75,12 +75,14 @@ import { defineComponent, onMounted, ref } from "vue";
import NavBottom from "@/components/NavBottom.vue"; import NavBottom from "@/components/NavBottom.vue";
import { getstatisticlist } from "@/api" import { getstatisticlist } from "@/api"
import router from '@/router'; import router from '@/router';
import { useI18n } from '@/utils/i18n';
export default defineComponent({ export default defineComponent({
name: "Liststatistic", name: "Liststatistic",
components: { components: {
NavBottom NavBottom
}, },
setup(){ setup(){
const lan: any = useI18n();
const statistics = ref({}) const statistics = ref({})
onMounted(async ()=>{ onMounted(async ()=>{
statistics.value = await getstatisticlist() statistics.value = await getstatisticlist()
@ -101,7 +103,8 @@ export default defineComponent({
// console.log(statistics,111) // console.log(statistics,111)
return { return {
statistics, statistics,
navto navto,
lan
}; };
}, },
}); });

21
src/views/mine/Transaction.vue
View File

@ -3,19 +3,19 @@
<div class="mingxilist"> <div class="mingxilist">
<div class="mingxitop"> <div class="mingxitop">
<div><span class="tabtitle">明细查询</span> <div><span class="tabtitle">{{lan.$t("mingxichaxun")}}</span>
</div> </div>
<a-range-picker @change="onChange" class="choosedate" :placeholder="['请选择开始日期', '请选择结束日期']"/> <a-range-picker @change="onChange" class="choosedate" :placeholder="[lan.$t('kaishiriqi'), lan.$t('jieshuriqi')]"/>
</div> </div>
<div> <div>
<table class="table"> <table class="table">
<thead> <thead>
<tr class="head"> <tr class="head">
<th>账户</th> <th>{{lan.$t('zhanghu')}}</th>
<th>提交日期</th> <th>{{lan.$t('tijiaoriqi')}}</th>
<th>状态</th> <th>{{lan.$t('zhuangtai')}}</th>
<th>金额</th> <th>{{lan.$t('jine')}}</th>
<th>操作</th> <th>{{lan.$t('caozuo')}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -28,7 +28,7 @@
<span v-else>￥</span> <span v-else>￥</span>
{{i.money}} {{i.money}}
</td> </td>
<td @click="navto(3,i.withdrawalid)">查看详情</td> <td @click="navto(3,i.withdrawalid)">{{lan.$t('chakanxiangqing')}}</td>
</tr> </tr>
@ -49,12 +49,14 @@ import { defineComponent, onMounted, ref } from "vue";
import NavBottom from "@/components/NavBottom.vue"; import NavBottom from "@/components/NavBottom.vue";
import { withdrawal } from '@/api'; import { withdrawal } from '@/api';
import router from '@/router'; import router from '@/router';
import { useI18n } from '@/utils/i18n';
export default defineComponent({ export default defineComponent({
name: "Transaction", name: "Transaction",
components: { components: {
NavBottom NavBottom
}, },
setup() { setup() {
const lan: any = useI18n();
const withdrawallist =ref<any>({}) const withdrawallist =ref<any>({})
const dates=ref<Array<string>>(["",""]) const dates=ref<Array<string>>(["",""])
const page = ref(1); const page = ref(1);
@ -105,7 +107,8 @@ export default defineComponent({
withdrawallist, withdrawallist,
onChange, onChange,
navto, navto,
pagechange pagechange,
lan
}; };
}, },
}); });

47
src/views/mine/Transactiondetail.vue
View File

@ -3,37 +3,37 @@
<div class="mingxilist" v-if="query.ifwithdrawal!=1"> <div class="mingxilist" v-if="query.ifwithdrawal!=1">
<div class="tabs"> <div class="tabs">
<div class="beforetab">交易明细详情</div> <div class="beforetab">{{lan.$t('jiaoyimingxixiangqing')}}</div>
</div> </div>
<div class="detail"> <div class="detail">
<div class="infoitem"> <div class="infoitem">
<div class="left">金额</div> <div class="left">{{lan.$t('jine')}}</div>
<div class="right">{{accountinfo.money}}</div> <div class="right">{{accountinfo.money}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">类型</div> <div class="left">{{lan.$t('leixing')}}</div>
<div class="right" v-if="accountinfo.type==1">直播收入</div> <div class="right" v-if="accountinfo.type==1">{{lan.$t('zhiboshouru')}}</div>
<div class="right" v-if="accountinfo.type==2">提现</div> <div class="right" v-if="accountinfo.type==2">{{lan.$t('tixian')}}</div>
<div class="right" v-if="accountinfo.type==3">后台充值</div> <div class="right" v-if="accountinfo.type==3">{{lan.$t('houtaichongzhi')}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">流水号</div> <div class="left">{{lan.$t('liushuihao')}}</div>
<div class="right">{{accountinfo.sn}}</div> <div class="right">{{accountinfo.sn}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">日期</div> <div class="left">{{lan.$t('riqi')}}</div>
<div class="right">{{accountinfo.created_at}}</div> <div class="right">{{accountinfo.created_at}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">来源</div> <div class="left">{{lan.$t('laiyuan')}}</div>
<div class="right">{{accountinfo.remark}}</div> <div class="right">{{accountinfo.remark}}</div>
</div> </div>
<div class="back" @click="navto(1,2)">返回</div> <div class="back" @click="navto(1,2)">{{lan.$t('fanhui')}}</div>
</div> </div>
<NavBottom class="navbottom"></NavBottom> <NavBottom class="navbottom"></NavBottom>
@ -41,23 +41,23 @@
<div class="mingxilist" v-if="query.ifwithdrawal==1"> <div class="mingxilist" v-if="query.ifwithdrawal==1">
<div class="tabs"> <div class="tabs">
<div class="beforetab">提现记录详情</div> <div class="beforetab">{{lan.$t('tixianjiluxiangqing')}}</div>
</div> </div>
<div class="detail"> <div class="detail">
<div class="infoitem"> <div class="infoitem">
<div class="left">提现金额</div> <div class="left">{{lan.$t('tixianjine')}}</div>
<div class="right">{{accountinfo.amount}}</div> <div class="right">{{accountinfo.amount}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">到帐金额</div> <div class="left">{{lan.$t('daozhangjine')}}</div>
<div class="right">{{accountinfo.money}}</div> <div class="right">{{accountinfo.money}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">手续费</div> <div class="left">{{lan.$t('shouxufei')}}</div>
<div class="right">{{accountinfo.sxf}}</div> <div class="right">{{accountinfo.sxf}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">提现状态</div> <div class="left">{{lan.$t('tixianzhuangtai')}}</div>
<div class="right" >{{accountinfo.statusname}}</div> <div class="right" >{{accountinfo.statusname}}</div>
<!-- <div class="right" v-if="accountinfo.status==1">直播收入</div> <!-- <div class="right" v-if="accountinfo.status==1">直播收入</div>
<div class="right" v-if="accountinfo.status==2">提现</div> <div class="right" v-if="accountinfo.status==2">提现</div>
@ -65,28 +65,28 @@
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">原因描述</div> <div class="left">{{lan.$t('yuanyinmiaoshu')}}</div>
<div class="right">{{accountinfo.remark}}</div> <div class="right">{{accountinfo.remark}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">流水号</div> <div class="left">{{lan.$t('liushuihao')}}</div>
<div class="right">{{accountinfo.sn}}</div> <div class="right">{{accountinfo.sn}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">名称</div> <div class="left">{{lan.$t('mingcheng')}}</div>
<div class="right">{{accountinfo.typename}}</div> <div class="right">{{accountinfo.typename}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">日期</div> <div class="left">{{riqi}}</div>
<div class="right">{{accountinfo.created_at}}</div> <div class="right">{{accountinfo.created_at}}</div>
</div> </div>
<div class="infoitem"> <div class="infoitem">
<div class="left">收款账户</div> <div class="left">{{lan.$t('shoukuanzhanghu')}}</div>
<div class="right">{{accountinfo.account}}</div> <div class="right">{{accountinfo.account}}</div>
</div> </div>
<div class="back" @click="navto(2)">返回</div> <div class="back" @click="navto(2)">{{lan.$t('fanhui')}}</div>
</div> </div>
<NavBottom class="navbottom"></NavBottom> <NavBottom class="navbottom"></NavBottom>
</div> </div>
@ -99,12 +99,14 @@ import NavBottom from "@/components/NavBottom.vue";
import { transactioninfo, withdrawlxq } from '@/api'; import { transactioninfo, withdrawlxq } from '@/api';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import router from '@/router'; import router from '@/router';
import { useI18n } from '@/utils/i18n';
export default defineComponent({ export default defineComponent({
name: "Transactiondetail", name: "Transactiondetail",
components: { components: {
NavBottom NavBottom
}, },
setup() { setup() {
const lan: any = useI18n();
const accountinfo=ref<any>({}); const accountinfo=ref<any>({});
const query=ref({}) const query=ref({})
onMounted(async () => { onMounted(async () => {
@ -143,7 +145,8 @@ export default defineComponent({
return { return {
accountinfo, accountinfo,
query, query,
navto navto,
lan
}; };
}, },
}); });

28
src/views/mine/Wallet.vue
View File

@ -137,7 +137,7 @@
<div class="hostinfo"> <div class="hostinfo">
<div v-if="i.type==4"> <div v-if="i.type==4">
<img src="@/static/images/foreignbank.png" alt="" class="icon" /> <img src="@/static/images/foreignbank.png" alt="" class="icon" />
<span class="accounttype">银行卡</span> <span class="accounttype">{{lan.$t('yinhangka')}}</span>
</div> </div>
<div v-else> <div v-else>
@ -146,40 +146,40 @@
</div> </div>
<div class="btns"> <div class="btns">
<div class="btn" @click="navto(1,i.wallectid)">修改</div> <div class="btn" @click="navto(1,i.wallectid)">{{lan.$t('xiugai')}}</div>
<div class="btn1" @click="del(i.wallectid)">删除</div> <div class="btn1" @click="del(i.wallectid)">{{lan.$t('shanchu')}}</div>
</div> </div>
</div> </div>
<div class="zhanghao" v-if="i.type==4">账号 <span>{{i.bankcode}}</span></div> <div class="zhanghao" v-if="i.type==4">{{lan.$t('zhanghao')}} <span>{{i.bankcode}}</span></div>
<div class="zhanghao" v-else>账号 <span>{{i.account}}</span></div> <div class="zhanghao" v-else>{{lan.$t('zhanghao')}} <span>{{i.account}}</span></div>
</div> </div>
</div> </div>
<div class="mingxilist" v-if="ifchina && listindex==2"> <div class="mingxilist" v-if="ifchina && listindex==2">
<div class="mingxitop"> <div class="mingxitop">
<div class="tabs"> <div class="tabs">
<span class="tabtitle">明细查询</span> <span class="tabtitle">{{lan.$t('mingxichaxun')}}</span>
<div :class="tabindex == 0 ? 'on' : ''" @click="tabchange(0)"> <div :class="tabindex == 0 ? 'on' : ''" @click="tabchange(0)">
全部 {{lan.$t('quanbu')}}
</div> </div>
<div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)"> <div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">
收入 {{lan.$t('shouru')}}
</div> </div>
<div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)"> <div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">
支出 {{lan.$t('zhichu')}}
</div> </div>
</div> </div>
<a-range-picker @change="onChange" class="choosedate" :placeholder="['请选择开始日期', '请选择结束日期']"/> <a-range-picker @change="onChange" class="choosedate" :placeholder="[lan.$t('kaishiriqi'),lan.$t('jieshuriqi')]"/>
</div> </div>
<div> <div>
<table class="table"> <table class="table">
<thead> <thead>
<tr class="head"> <tr class="head">
<th>日期</th> <th>{{lan.$t('riqi')}}</th>
<th>类型</th> <th>{{lan.$t('leixing')}}</th>
<th>金额</th> <th>{{lan.$t('jine')}}</th>
<th>操作</th> <th>{{lan.$t('caozuo')}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>