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

Merge branches 'xbx' and 'master' of http://git.luyuan.tk/luyuan/beelink into xbx

Browse Source
This commit is contained in:
luyuan
2020-10-20 17:08:30 +08:00
parent d6a2569255 144c753968
commit 90fc51641f
10 changed files with 706 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,71 +7,41 @@
<a-breadcrumb-item>An Application</a-breadcrumb-item>
</a-breadcrumb>
<div class="mingxilist">
<div class="tabs">
<div class="beforetab">明细查询</div>
<div class="mingxitop">
<div><span class="tabtitle">明细查询</span>
</div>
<a-range-picker @change="onChange" class="choosedate" :placeholder="['请选择开始日期', '请选择结束日期']"/>
</div>
<div>
<table class="table">
<thead>
<tr class="head">
<th>日期</th>
<th>类型</th>
<th>账户</th>
<th>提交日期</th>
<th>状态</th>
<th>金额</th>
<th>操作</th>
</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>
<td>查看详情</td>
<tr v-for="(i,j) in withdrawallist.data" :key="j">
<td>{{i.typename}} {{i.account}}</td>
<td>{{i.created_at}}</td>
<td class="moneyadd">{{i.statusname}}</td>
<td>
<span v-if="international==1">$</span>
<span v-else>￥</span>
{{i.money}}
</td>
<td @click="navto(3,i.withdrawalid)">查看详情</td>
</tr>
</tbody>
</table>
<div class="pages">
<a-pagination v-model:current="page" :total="withdrawallist.total" :showLessItems="true" @change="pagechange"/>
</div>
</div>
<NavBottom class="navbottom"></NavBottom>
</div>
@@ -80,17 +50,67 @@
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { defineComponent, onMounted, ref } from "vue";
import NavBottom from "@/components/NavBottom.vue";
import { withdrawal } from '@/api';
import router from '@/router';
export default defineComponent({
name: "Transaction",
components: {
NavBottom
},
setup() {
const withdrawallist =ref<any>({})
const dates=ref<Array<string>>(["",""])
const page = ref(1);
onMounted(async () => {
withdrawallist.value=await withdrawal()
console.log(withdrawallist.value)
})
async function onChange(e: any,dateString:string){
console.log(dateString)
dates.value[0]=dateString[0]
dates.value[1]=dateString[1]
withdrawallist.value=await withdrawal({bdate:dates.value[0],edate:dates.value[1]})
}
function navto(index: number,id?:number) {
let url = "";
switch (index) {
case 1:
url = "/mine/addaccount"
console.log(url)
break;
case 2:
url = "/mine/cashout";
break;
case 3:
url = "/mine/transactionxq"
}
if(id){
router.push({
path: url,
query:{id:id,ifwithdrawal:1}
});
}else{
router.push({
path: url
});
}
}
async function pagechange(e:any) {
console.log(e)
page.value=e
withdrawallist.value=await withdrawal({bdate:dates.value[0],edate:dates.value[1],page:e});
}
return {
withdrawallist,
onChange,
navto,
pagechange
};
},
});
@@ -100,29 +120,60 @@ export default defineComponent({
color: #08ae98;
}
.transaction{
.mingxilist {
.mingxilist {
width: 1150px;
// height: 533px;
background: white;
border-radius: 18px;
margin-top: 18px;
.mingxitop {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 18px;
padding-right: 40px;
.tabtitle {
width: 60px;
margin-right: 30px;
margin-left: 40px;
font-weight: bold;
}
.tabs {
display: flex;
flex-wrap: nowrap;
padding-top: 35px;
padding-left: 40px;
}
.beforetab {
color: #121212;
align-items: center;
flex-shrink: 0;
font-size: 13px;
line-height: 35px;
font-weight: bold;
margin-right: 57px;
color: #111;
padding: 11px 0;
> 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;
}
}
}
}
}
.table {
width: 1150px;
height: 365px;
max-height: 365px;
text-align: center;
color: #343434;
font-size: 12px;
@@ -154,4 +205,23 @@ export default defineComponent({
padding-bottom: 30px;
}
}
.pages {
display: flex;
justify-content: center;
margin-top: 46px;
padding-bottom: 28px;
::v-deep(.ant-pagination-next) > .ant-pagination-item-link,
::v-deep(.ant-pagination-prev) > .ant-pagination-item-link,
::v-deep(.ant-pagination-item),
::v-deep(.ant-pagination-jump-next-custom-icon),
::v-deep(.ant-pagination-jump-prev-custom-icon) {
border: 1px solid #08ae98;
}
::v-deep(.ant-pagination-item-active) a {
color: #fff;
}
::v-deep(.ant-pagination-item-active) {
background-color: #08ae98;
}
}
</style>

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

@@ -6,15 +6,15 @@
<a-breadcrumb-item href=""> Application List </a-breadcrumb-item>
<a-breadcrumb-item>An Application</a-breadcrumb-item>
</a-breadcrumb>
<div class="mingxilist">
<div class="mingxilist" v-if="query.ifwithdrawal!=1">
<div class="tabs">
<div class="beforetab">交易明细详情</div>
</div>
<div class="detail">
<div class="infoitem">
<div class="left">金额</div>
<div class="right">{{accountinfo.money}}</div>
</div>
<div class="infoitem">
<div class="left">金额</div>
<div class="right">{{accountinfo.money}}</div>
</div>
<div class="infoitem">
<div class="left">类型</div>
@@ -36,34 +36,119 @@
<div class="infoitem">
<div class="left">来源</div>
<div class="right">直播收益—英语三级A1教学</div>
<div class="right">{{accountinfo.remark}}</div>
</div>
<div class="back">返回</div>
<div class="back" @click="navto(1,2)">返回</div>
</div>
<NavBottom class="navbottom"></NavBottom>
</div>
<div class="mingxilist" v-if="query.ifwithdrawal==1">
<div class="tabs">
<div class="beforetab">提现记录详情</div>
</div>
<div class="detail">
<div class="infoitem">
<div class="left">提现金额</div>
<div class="right">{{accountinfo.amount}}</div>
</div>
<div class="infoitem">
<div class="left">到帐金额</div>
<div class="right">{{accountinfo.money}}</div>
</div>
<div class="infoitem">
<div class="left">手续费</div>
<div class="right">{{accountinfo.sxf}}</div>
</div>
<div class="infoitem">
<div class="left">提现状态</div>
<div class="right" >{{accountinfo.statusname}}</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==3">后台充值</div> -->
</div>
<div class="infoitem">
<div class="left">原因描述</div>
<div class="right">{{accountinfo.remark}}</div>
</div>
<div class="infoitem">
<div class="left">流水号</div>
<div class="right">{{accountinfo.sn}}</div>
</div>
<div class="infoitem">
<div class="left">名称</div>
<div class="right">{{accountinfo.typename}}</div>
</div>
<div class="infoitem">
<div class="left">日期</div>
<div class="right">{{accountinfo.created_at}}</div>
</div>
<div class="infoitem">
<div class="left">收款账户</div>
<div class="right">{{accountinfo.account}}</div>
</div>
<div class="back" @click="navto(2)">返回</div>
</div>
<NavBottom class="navbottom"></NavBottom>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent, onMounted, ref } from "vue";
import NavBottom from "@/components/NavBottom.vue";
import { transactioninfo } from '@/api';
import { transactioninfo, withdrawlxq } from '@/api';
import { useRoute } from 'vue-router';
import router from '@/router';
export default defineComponent({
name: "Transactiondetail",
components: {
NavBottom
},
setup() {
const accountinfo=ref<any>({})
const accountinfo=ref<any>({});
const query=ref({})
onMounted(async () => {
accountinfo.value=await transactioninfo(useRoute().query.id)
query.value=useRoute().query
if(useRoute().query.ifwithdrawal){
accountinfo.value=await withdrawlxq(useRoute().query.id)
}else{
accountinfo.value=await transactioninfo(useRoute().query.id)
}
})
function navto(index: number,id?:number) {
let url = "";
switch (index) {
case 1:
url = "/mine/wallet"
console.log(url)
break;
case 2:
url = "/mine/transaction";
break;
}
if(id){
router.push({
path: url,
query:{ifsale:id }
});
}else{
router.push({
path: url
});
}
}
return {
accountinfo
accountinfo,
query,
navto
};
},
});

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

@@ -31,7 +31,7 @@
<div class="num">
<span class="moneyicon" v-if="ifchina">￥</span>
<span class="moneyicon" v-else> $ </span>
<!-- {{store.state.userinfo.moneyValue}} -->
{{store.state.userinfo.moneyValue}}
<!-- {{store.state.userinfo.money.split('.')[0]}}
<span class="float">{{store.state.userinfo.money.split('.')[1]?'.'+store.state.userinfo.money.split('.')[1]:''}}</span> -->
@@ -184,17 +184,20 @@
</tr>
</thead>
<tbody>
<tr v-for="(i,j) in salelist" :key="j">
<tr v-for="(i,j) in salelist.data" :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 @click="navto(3,i.accountid)">查看详情{{i.accountid}}</td>
<td @click="navto(4,i.accountid)">查看详情{{i.accountid}}</td>
</tr>
</tbody>
</table>
</div>
<div class="pages">
<a-pagination v-model:current="page" :total="salelist.total" :showLessItems="true" @change="pagechange"/>
</div>
</div>
<NavBottom class="navbottom"></NavBottom>
</div>
@@ -206,6 +209,7 @@ import NavBottom from "@/components/NavBottom.vue";
import router from "@/router";
import store from '@/store';
import { deleteaccount, getwallect, saleinfo } from "@/api";
import { useRoute } from 'vue-router';
export default defineComponent({
name: "Wallet",
components: {
@@ -214,13 +218,20 @@ export default defineComponent({
setup() {
const ifchina = true;
const ifmingxi = false;
const salelist=ref<Array<any>>([])
const salelist=ref<any>({})
const accountlist =ref<Array<any>>([])
const listindex=ref<number>(1)
const state=ref<number>(0)
const dates=ref<Array<string>>(["",""])
const page = ref(1);
onMounted(async () => {
console.log(useRoute().query)
listindex.value=1
if(useRoute().query.ifsale){
listindex.value=2
}else{
listindex.value=1
}
salelist.value = await saleinfo();
accountlist.value=await getwallect();
console.log(store.state.userinfo)
@@ -229,7 +240,7 @@ export default defineComponent({
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]});
salelist.value=await saleinfo({status:e,bdate:dates.value[0],edate:dates.value[1],page:page.value});
// console.log(videolist)
}
function listchange(e: number){
@@ -239,11 +250,16 @@ export default defineComponent({
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});
salelist.value=await saleinfo({bdate:dateString[0],edate:dateString[1],status:state.value,page:page.value});
}
async function del(e: number){
deleteaccount(e)
}
async function pagechange(e:any) {
console.log(e)
page.value=e
salelist.value=await saleinfo({status:state.value,bdate:dates.value[0],edate:dates.value[1],page:e});
}
function navto(index: number,id?:number) {
let url = "";
switch (index) {
@@ -256,7 +272,10 @@ export default defineComponent({
url = "/mine/cashout";
break;
case 3:
url = "/mine/transactionxq"
url = "/mine/transaction";
break;
case 4:
url="/mine/transactionxq"
}
if(id){
router.push({
@@ -283,7 +302,8 @@ export default defineComponent({
onChange,
dates,
del,
store
store,
pagechange
};
},
});
@@ -516,10 +536,11 @@ export default defineComponent({
.mingxilist {
width: 1150px;
max-height: 533px;
// max-height: 533px;
background: white;
border-radius: 18px;
margin-top: 18px;
.mingxitop {
display: flex;
justify-content: space-between;
@@ -574,5 +595,24 @@ export default defineComponent({
.navbottom {
margin-top: 160px;
}
.pages {
display: flex;
justify-content: center;
margin-top: 46px;
padding-bottom: 28px;
::v-deep(.ant-pagination-next) > .ant-pagination-item-link,
::v-deep(.ant-pagination-prev) > .ant-pagination-item-link,
::v-deep(.ant-pagination-item),
::v-deep(.ant-pagination-jump-next-custom-icon),
::v-deep(.ant-pagination-jump-prev-custom-icon) {
border: 1px solid #08ae98;
}
::v-deep(.ant-pagination-item-active) a {
color: #fff;
}
::v-deep(.ant-pagination-item-active) {
background-color: #08ae98;
}
}
}
</style>

12
src/views/regime/Video.vue
View File

@@ -197,7 +197,7 @@ export default defineComponent({
VideoItem,
},
setup() {
const page = ref(6);
const page = ref(1);
const tabindex = ref(4);
interface VideoList {
videoid: number;
@@ -226,17 +226,19 @@ export default defineComponent({
videolist.value = res;
});
function tabchange(e: number): void {
async function tabchange(e: number) {
tabindex.value = e;
videolist.value = await getvideolist({title: input.value,page:page.value,status:e});
// console.log(videolist)
}
async function sel(){
console.log(input.value);
page.value = 1;
videolist.value = await getvideolist({title: input.value,page:page.value});
videolist.value = await getvideolist({title: input.value,page:page.value,status:tabindex.value});
}
async function pagechange() {
videolist.value = await getvideolist({title: input.value,page:page.value});
async function pagechange(e: number) {
page.value=e
videolist.value = await getvideolist({title: input.value,page:e,status:tabindex.value});
}
return {
page,

11
src/views/regime/VideoInfo.vue
View File

@@ -4,7 +4,7 @@
<VideoPlay :url="result.fileurl"></VideoPlay>
<VideoCont :videoid="result.videoid" :date="result.created_at" :watch="result.watch" :share="result.share" :status="result.status"></VideoCont>
</div>
<VideoReview class="review" ></VideoReview>
<VideoReview class="review"></VideoReview>
</div>
</template>
<style lang="scss" scoped>
@@ -25,7 +25,7 @@ import { defineComponent, onMounted, ref } from 'vue';
import VideoPlay from "@/components/VideoPlay.vue"
import VideoCont from "@/components/VideoCont.vue"
import VideoReview from "@/components/VideoReview.vue";
import { videodetail } from '@/api';
import { getcommentlist, videodetail } from '@/api';
import { useRoute } from 'vue-router';
export default defineComponent({
components:{
@@ -37,12 +37,17 @@ export default defineComponent({
// console.log(1)
console.log(useRoute().query)
const result=ref({})
const commentlist=ref({})
const videoid=ref(useRoute().query.id)
onMounted(async () => {
result.value= await videodetail(useRoute().query.id)
// commentlist.value=await getcommentlist({type:2,id:videoid.value})
})
return {
result
result,
commentlist,
videoid
}
}