|
|
@@ -1,7 +1,8 @@
|
|
|
<template>
|
|
|
<basic-container>
|
|
|
<el-dialog :modal-append-to-body="false" :visible.sync="editBussinessVisible" title="编辑资料" width="80%">
|
|
|
- <avue-form v-if="editBussinessVisible" :table-loading="loading" v-model="bussiness" :option="bussinessOption" @reset-change="emptytChange" @submit="submitBussiness()">
|
|
|
+ <avue-form v-if="editBussinessVisible" :table-loading="loading" v-model="bussiness" :option="bussinessOption"
|
|
|
+ @reset-change="emptytChange" @submit="submitBussiness()">
|
|
|
|
|
|
</avue-form>
|
|
|
</el-dialog>
|
|
|
@@ -42,27 +43,16 @@
|
|
|
{{userInfo.userName}} 欢迎回来
|
|
|
</el-card> -->
|
|
|
|
|
|
- <el-card header="音乐之声-基础数据统计" v-if="permission.basic_static">
|
|
|
+ <el-card header="基础数据统计" v-if="permission.basic_static">
|
|
|
<avue-data-rotate :option="optionMusic"></avue-data-rotate>
|
|
|
</el-card>
|
|
|
<br>
|
|
|
- <el-card header="音乐之声-财务账本" v-if="permission.account_static">
|
|
|
- <avue-data-display :option="option"></avue-data-display>
|
|
|
- <el-row>
|
|
|
- <el-col :span="6">
|
|
|
- <div align="center" id="todayOut" style="width: 100%;height: 300px;"></div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <div align="center" id="historyOut" style="width: 100%;height: 300px;"></div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <div align="center" id="todayIn" style="width: 100%;height: 300px;"></div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <div align="center" id="historyIn" style="width: 100%;height: 300px;"></div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-card header="用户数增长曲线">
|
|
|
+ <div id="userStatistics" :style="{ width: '100%', height: '450px' }"></div>
|
|
|
</el-card>
|
|
|
+ <accountstatic head="用户财务账本" :data="useraccountData" v-if="permission.account_static"></accountstatic>
|
|
|
+ <accountstatic head="广告商财务账本" :data="bussinessaccountData" v-if="permission.account_static"></accountstatic>
|
|
|
+ <accountstatic head="代理商财务账本" :data="agenteraccountData" v-if="permission.account_static"></accountstatic>
|
|
|
<el-card header="音乐之声-佣金结算统计" v-if="permission.ordercommission_static">
|
|
|
|
|
|
<el-button-group>
|
|
|
@@ -122,7 +112,7 @@
|
|
|
</span>
|
|
|
<span style="margin-left: 30px;background-color: #4d4dff;">
|
|
|
<el-link target="_blank" type="success" :href="bussiness.apiFilePath">Api文档下载(打开需输入密钥)</el-link>
|
|
|
- </span>
|
|
|
+ </span>
|
|
|
<div>
|
|
|
<el-button style="margin-left:50px;" type="primary" class="button" @click="editBussiness">编辑资料</el-button>
|
|
|
<span style="color: white;margin-left: 40px;">服务费率(千分比)：{{bussiness.serviceRate}}</span>
|
|
|
@@ -209,6 +199,7 @@
|
|
|
<script>
|
|
|
import request from '@/router/axios';
|
|
|
import echarts from "echarts";
|
|
|
+ import accountstatic from "@/components/index/accountstatic.vue"
|
|
|
import {
|
|
|
getList as getParams
|
|
|
} from "@/api/system/param";
|
|
|
@@ -225,9 +216,15 @@
|
|
|
mapGetters
|
|
|
} from "vuex";
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ accountstatic
|
|
|
+ },
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
+ agenteraccountData:{},
|
|
|
+ useraccountData: {},
|
|
|
+ bussinessaccountData: {},
|
|
|
loading: true,
|
|
|
editBussinessVisible: false,
|
|
|
moneyChina: "壹拾万元整",
|
|
|
@@ -468,44 +465,7 @@
|
|
|
|
|
|
]
|
|
|
},
|
|
|
- option: {
|
|
|
- span: 6,
|
|
|
- data: [{
|
|
|
- click: function() {
|
|
|
-
|
|
|
- },
|
|
|
- count: 100,
|
|
|
- decimals: 2,
|
|
|
- title: '今日提现',
|
|
|
|
|
|
- },
|
|
|
- {
|
|
|
- click: function() {
|
|
|
-
|
|
|
- },
|
|
|
- count: 100,
|
|
|
- decimals: 2,
|
|
|
- title: '历史提现',
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- click: function() {
|
|
|
-
|
|
|
- },
|
|
|
- count: 100,
|
|
|
- decimals: 2,
|
|
|
- title: '今日收入',
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- click: function() {},
|
|
|
- count: 100,
|
|
|
- decimals: 2,
|
|
|
- title: '历史收入',
|
|
|
-
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
optionMusic: {
|
|
|
span: 6,
|
|
|
data: [{
|
|
|
@@ -713,6 +673,7 @@
|
|
|
}]
|
|
|
},
|
|
|
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -726,8 +687,8 @@
|
|
|
this.money = 1;
|
|
|
}
|
|
|
this.moneyChina = this.convertCurrency(this.money)
|
|
|
- this.statDatas[0].value = this.bussiness.serviceRate /1000
|
|
|
- this.statDatas[1].value = this.money * this.bussiness.serviceRate /1000
|
|
|
+ this.statDatas[0].value = this.bussiness.serviceRate / 1000
|
|
|
+ this.statDatas[1].value = this.money * this.bussiness.serviceRate / 1000
|
|
|
this.statDatas[2].value = parseFloat(this.money)
|
|
|
this.statDatas[3].value = parseFloat(this.statDatas[2].value) - parseFloat(this.statDatas[1].value)
|
|
|
},
|
|
|
@@ -751,17 +712,17 @@
|
|
|
|
|
|
getByAccount().then(res => {
|
|
|
_that.bussiness = res.data.data
|
|
|
- _that.statDatas[0].value = res.data.data.serviceRate / 1000
|
|
|
- _that.statDatas[1].value = _that.money * _that.statDatas[0].value
|
|
|
- _that.statDatas[2].value = _that.money
|
|
|
- _that.statDatas[3].value = _that.statDatas[2].value - _that.statDatas[1].value
|
|
|
+ _that.statDatas[0].value = res.data.data.serviceRate / 1000
|
|
|
+ _that.statDatas[1].value = _that.money * _that.statDatas[0].value
|
|
|
+ _that.statDatas[2].value = _that.money
|
|
|
+ _that.statDatas[3].value = _that.statDatas[2].value - _that.statDatas[1].value
|
|
|
console.log("buss" + JSON.stringify(_that.bussiness))
|
|
|
})
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
- submitBussiness(){
|
|
|
- update(this.bussiness).then(res=>{
|
|
|
+ submitBussiness() {
|
|
|
+ update(this.bussiness).then(res => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: res.data.msg
|
|
|
@@ -870,9 +831,9 @@
|
|
|
toMyDebit() {
|
|
|
this.$router.push('/guosen/bussinessdebitrequest');
|
|
|
},
|
|
|
- toBin() {
|
|
|
- this.$router.push('/guosen/bankcode');
|
|
|
- },
|
|
|
+ toBin() {
|
|
|
+ this.$router.push('/guosen/bankcode');
|
|
|
+ },
|
|
|
toMyOrder() {
|
|
|
this.$router.push('/bussiness/order');
|
|
|
},
|
|
|
@@ -934,35 +895,47 @@
|
|
|
}).then(res => {
|
|
|
//今日提现
|
|
|
let todayOut = res.data.data.todayOut;
|
|
|
- this.optionTodayOut.series[0].data[0].value = todayOut.userOut;
|
|
|
- this.optionTodayOut.series[0].data[1].value = todayOut.proxyOut;
|
|
|
- this.optionTodayOut.series[0].data[2].value = todayOut.adsOut;
|
|
|
- this.optionTodayOut.series[0].data[3].value = todayOut.operationOut;
|
|
|
- this.optionTodayOut.series[0].data[4].value = todayOut.sponsorOut;
|
|
|
- this.option.data[0].count = todayOut.total;
|
|
|
+ this.useraccountData.todayOut = todayOut.userOut;
|
|
|
+ this.agenteraccountData.todayOut = todayOut.proxyOut;
|
|
|
+ this.bussinessaccountData.todayOut = todayOut.adsOut;
|
|
|
+ // this.optionTodayOut.series[0].data[0].value = todayOut.userOut;
|
|
|
+ // this.optionTodayOut.series[0].data[1].value = todayOut.proxyOut;
|
|
|
+ // this.optionTodayOut.series[0].data[2].value = todayOut.adsOut;
|
|
|
+ // this.optionTodayOut.series[0].data[3].value = todayOut.operationOut;
|
|
|
+ // this.optionTodayOut.series[0].data[4].value = todayOut.sponsorOut;
|
|
|
+ // this.option.data[0].count = todayOut.total;
|
|
|
//历史提现
|
|
|
let historyOut = res.data.data.totalOut;
|
|
|
- this.optionHistoryOut.series[0].data[0].value = historyOut.userOut;
|
|
|
- this.optionHistoryOut.series[0].data[1].value = historyOut.proxyOut;
|
|
|
- this.optionHistoryOut.series[0].data[2].value = historyOut.adsOut;
|
|
|
- this.optionHistoryOut.series[0].data[3].value = historyOut.operationOut;
|
|
|
- this.optionHistoryOut.series[0].data[4].value = historyOut.sponsorOut;
|
|
|
- this.option.data[1].count = historyOut.total;
|
|
|
+ this.useraccountData.historyOut = historyOut.userOut;
|
|
|
+ this.agenteraccountData.historyOut = historyOut.proxyOut;
|
|
|
+ this.bussinessaccountData.historyOut = historyOut.adsOut;
|
|
|
+ // this.optionHistoryOut.series[0].data[0].value = historyOut.userOut;
|
|
|
+ // this.optionHistoryOut.series[0].data[1].value = historyOut.proxyOut;
|
|
|
+ // this.optionHistoryOut.series[0].data[2].value = historyOut.adsOut;
|
|
|
+ // this.optionHistoryOut.series[0].data[3].value = historyOut.operationOut;
|
|
|
+ // this.optionHistoryOut.series[0].data[4].value = historyOut.sponsorOut;
|
|
|
+ // this.option.data[1].count = historyOut.total;
|
|
|
|
|
|
//今日收入
|
|
|
let todayIn = res.data.data.todayIn;
|
|
|
- this.optionTodayIn.series[0].data[0].value = todayIn.userIn;
|
|
|
- this.optionTodayIn.series[0].data[1].value = todayIn.proxyIn;
|
|
|
- this.optionTodayIn.series[0].data[2].value = todayIn.adsIn;
|
|
|
-
|
|
|
- this.option.data[2].count = todayIn.total;
|
|
|
+ this.useraccountData.todayIn = todayIn.userOut;
|
|
|
+ this.agenteraccountData.todayIn = todayIn.proxyOut;
|
|
|
+ this.bussinessaccountData.todayIn = todayIn.adsOut;
|
|
|
+ // this.optionTodayIn.series[0].data[0].value = todayIn.userIn;
|
|
|
+ // this.optionTodayIn.series[0].data[1].value = todayIn.proxyIn;
|
|
|
+ // this.optionTodayIn.series[0].data[2].value = todayIn.adsIn;
|
|
|
+
|
|
|
+ // this.option.data[2].count = todayIn.total;
|
|
|
//历史收入
|
|
|
let historyIn = res.data.data.totalIn;
|
|
|
- this.optionHistoryIn.series[0].data[0].value = historyIn.userIn;
|
|
|
- this.optionHistoryIn.series[0].data[1].value = historyIn.proxyIn;
|
|
|
- this.optionHistoryIn.series[0].data[2].value = historyIn.adsIn;
|
|
|
-
|
|
|
- this.option.data[3].count = historyIn.total;
|
|
|
+ this.useraccountData.historyIn = historyIn.userOut;
|
|
|
+ this.agenteraccountData.historyIn = historyIn.proxyOut;
|
|
|
+ this.bussinessaccountData.historyIn = historyIn.adsOut;
|
|
|
+ // this.optionHistoryIn.series[0].data[0].value = historyIn.userIn;
|
|
|
+ // this.optionHistoryIn.series[0].data[1].value = historyIn.proxyIn;
|
|
|
+ // this.optionHistoryIn.series[0].data[2].value = historyIn.adsIn;
|
|
|
+
|
|
|
+ // this.option.data[3].count = historyIn.total;
|
|
|
|
|
|
|
|
|
this.drawPie();
|
