|
@@ -6,19 +6,18 @@
|
|
<span>项目选择:</span>
|
|
<span>项目选择:</span>
|
|
<a-tree-select
|
|
<a-tree-select
|
|
v-model="treeValue"
|
|
v-model="treeValue"
|
|
- style="width: 48%;height:30px"
|
|
|
|
|
|
+ style="width: 760px;height:30px"
|
|
|
|
+ :dropdownMatchSelectWidth='true'
|
|
:tree-data="treeData"
|
|
:tree-data="treeData"
|
|
tree-checkable
|
|
tree-checkable
|
|
:show-checked-strategy="SHOW_PARENT"
|
|
:show-checked-strategy="SHOW_PARENT"
|
|
placeholder="请选择项目和账户"
|
|
placeholder="请选择项目和账户"
|
|
:allowClear="true"
|
|
:allowClear="true"
|
|
@change="treeChange"
|
|
@change="treeChange"
|
|
- :maxTagCount='2'
|
|
|
|
|
|
+ :maxTagCount='2'
|
|
/>
|
|
/>
|
|
-
|
|
|
|
-
|
|
|
|
<div style="float:right" @click="opendate">
|
|
<div style="float:right" @click="opendate">
|
|
- <DatePicker :openOptions='openOptions' :left=left />
|
|
|
|
|
|
+ <DatePicker :openOptions='openOptions' :left=left :parentDate='dateValue' />
|
|
</div>
|
|
</div>
|
|
<div class="optionTow">
|
|
<div class="optionTow">
|
|
<div class="optItem">
|
|
<div class="optItem">
|
|
@@ -50,7 +49,7 @@
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</div>
|
|
</div>
|
|
<div class="infoNum">¥
|
|
<div class="infoNum">¥
|
|
- <span class="red">{{costLink.cost | formatCurrency }}</span>
|
|
|
|
|
|
+ <span class="red">{{costLink.cost | decimalsHandle }}</span>
|
|
<span class="green" v-if="dateValue[0].format('YYYY-MM-DD')==dateValue[1].format('YYYY-MM-DD')" ><span class="huanbi">环比: </span> {{ costLink.CostSumLink|toPercentage }}</span>
|
|
<span class="green" v-if="dateValue[0].format('YYYY-MM-DD')==dateValue[1].format('YYYY-MM-DD')" ><span class="huanbi">环比: </span> {{ costLink.CostSumLink|toPercentage }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -65,7 +64,7 @@
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</div>
|
|
</div>
|
|
<div class="infoNum">¥
|
|
<div class="infoNum">¥
|
|
- <span class="red">{{discountCostLink.discountCost | formatCurrency }}</span>
|
|
|
|
|
|
+ <span class="red">{{discountCostLink.discountCost | decimalsHandle }}</span>
|
|
<span class="green" v-if="dateValue[0].format('YYYY-MM-DD')==dateValue[1].format('YYYY-MM-DD')"><span class="huanbi">环比: </span> {{ discountCostLink.discountCostLink|toPercentage }}</span>
|
|
<span class="green" v-if="dateValue[0].format('YYYY-MM-DD')==dateValue[1].format('YYYY-MM-DD')"><span class="huanbi">环比: </span> {{ discountCostLink.discountCostLink|toPercentage }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -153,7 +152,7 @@
|
|
ref="accountTable"
|
|
ref="accountTable"
|
|
:width="tableWidth"
|
|
:width="tableWidth"
|
|
@change="sort"
|
|
@change="sort"
|
|
- style="word-break: break-all;font-size:16px;font-weight:500"
|
|
|
|
|
|
+ style="word-break: break-all;font-size:16px;font-weight:600"
|
|
>
|
|
>
|
|
<span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span>
|
|
<span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span>
|
|
<span slot="cost" slot-scope="cost">{{ cost | decimalsHandle }}</span>
|
|
<span slot="cost" slot-scope="cost">{{ cost | decimalsHandle }}</span>
|
|
@@ -183,7 +182,7 @@
|
|
<span slot="convertRate" slot-scope="convertRate">{{ convertRate | toPercentage }}</span>
|
|
<span slot="convertRate" slot-scope="convertRate">{{ convertRate | toPercentage }}</span>
|
|
<span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span>
|
|
<span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span>
|
|
<span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span>
|
|
<span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span>
|
|
- <span slot="cpc" slot-scope="cpc">{{ cpc | toPercentage }}</span>
|
|
|
|
|
|
+ <span slot="cpc" slot-scope="cpc">{{ cpc | decimalsHandle }}</span>
|
|
<span slot="cpm" slot-scope="cpm">{{ cpm | decimalsHandle }}</span>
|
|
<span slot="cpm" slot-scope="cpm">{{ cpm | decimalsHandle }}</span>
|
|
<span slot="activeRate" slot-scope="activeRate">{{ activeRate | toPercentage }}</span>
|
|
<span slot="activeRate" slot-scope="activeRate">{{ activeRate | toPercentage }}</span>
|
|
<span
|
|
<span
|
|
@@ -271,9 +270,10 @@ let sectionOption={
|
|
type: 'line', // 默认为直线,可选为:'line' | 'shadow',
|
|
type: 'line', // 默认为直线,可选为:'line' | 'shadow',
|
|
|
|
|
|
},
|
|
},
|
|
|
|
+
|
|
},
|
|
},
|
|
legend: {
|
|
legend: {
|
|
- data: ['总消耗']
|
|
|
|
|
|
+ data: []
|
|
},
|
|
},
|
|
grid: {
|
|
grid: {
|
|
left: '2%',
|
|
left: '2%',
|
|
@@ -299,14 +299,14 @@ let sectionOption={
|
|
],
|
|
],
|
|
series: [
|
|
series: [
|
|
{
|
|
{
|
|
- name: '总消耗',
|
|
|
|
|
|
+ name: '',
|
|
type: 'line',
|
|
type: 'line',
|
|
smooth: true,
|
|
smooth: true,
|
|
data: [],
|
|
data: [],
|
|
color:'#32CD32'
|
|
color:'#32CD32'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- name: '总消耗',
|
|
|
|
|
|
+ name: '',
|
|
type: 'line',
|
|
type: 'line',
|
|
smooth: true,
|
|
smooth: true,
|
|
data: [],
|
|
data: [],
|
|
@@ -419,6 +419,7 @@ let initDay ={
|
|
name:'昨天'
|
|
name:'昨天'
|
|
},
|
|
},
|
|
huanbi:{
|
|
huanbi:{
|
|
|
|
+ name:'环比',
|
|
y:[]
|
|
y:[]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -497,46 +498,32 @@ export default {
|
|
},
|
|
},
|
|
watch:{
|
|
watch:{
|
|
type(n,o){
|
|
type(n,o){
|
|
- // console.log(n,o)
|
|
|
|
- // console.log(this.type)
|
|
|
|
- // if(this.type<9){
|
|
|
|
- // this.sectionHttp({type:this.type})
|
|
|
|
-
|
|
|
|
- // }else if(this.type==9){
|
|
|
|
- // this.sectionHttp({
|
|
|
|
- // type:this.type,
|
|
|
|
- // startDate:this.dateValue[0].format('YYYY-MM-DD'),
|
|
|
|
- // endDate:this.dateValue[1].format('YYYY-MM-DD')
|
|
|
|
- // })
|
|
|
|
- // }
|
|
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ dateValue(newName,oldName){
|
|
|
|
+ console.log(newName,oldName)
|
|
|
|
+ if( newName[0].format('YYYY-MM-DD')==oldName[0].format('YYYY-MM-DD') || newName[0].format('YYYY-MM-DD')==moment().format('YYYY-MM-DD')){
|
|
|
|
+
|
|
|
|
+ }else{
|
|
|
|
+ this.searchgetData();
|
|
|
|
+ }
|
|
},
|
|
},
|
|
- dateValue: {
|
|
|
|
- handler(newName, oldName) {
|
|
|
|
- // console.log(newName,oldName)
|
|
|
|
- // this.sectionHttp({
|
|
|
|
- // type:this.type,
|
|
|
|
- // startDate:this.dateValue[0].format('YYYY-MM-DD'),
|
|
|
|
- // endDate:this.dateValue[1].format('YYYY-MM-DD')
|
|
|
|
- // })
|
|
|
|
- },
|
|
|
|
- immediate: true,
|
|
|
|
- deep: true
|
|
|
|
- },
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
|
|
//项目改变后的事件
|
|
//项目改变后的事件
|
|
treeChange(val) {
|
|
treeChange(val) {
|
|
// console.log(this.treeData)
|
|
// console.log(this.treeData)
|
|
|
|
+ // console.log(val[0])
|
|
this.accountId = [];
|
|
this.accountId = [];
|
|
//选择一个后禁用其他
|
|
//选择一个后禁用其他
|
|
if(val.length==1){
|
|
if(val.length==1){
|
|
if(val[0]*1){
|
|
if(val[0]*1){
|
|
let selectindex=0
|
|
let selectindex=0
|
|
- this.treeData.map((ele,index)=>{
|
|
|
|
|
|
+ this.treeData.forEach((ele,index)=>{
|
|
if(ele.children){
|
|
if(ele.children){
|
|
- ele.children.map((item,ind)=>{I
|
|
|
|
- if(item.value=val[0]){
|
|
|
|
|
|
+ ele.children.map((item,ind)=>{
|
|
|
|
+ if(item.value==val[0]){
|
|
selectindex=index;
|
|
selectindex=index;
|
|
this.mediaId=ele.mediaId
|
|
this.mediaId=ele.mediaId
|
|
}
|
|
}
|
|
@@ -544,7 +531,7 @@ export default {
|
|
}
|
|
}
|
|
});
|
|
});
|
|
if(selectindex){
|
|
if(selectindex){
|
|
- this.treeData.map((ele,index)=>{
|
|
|
|
|
|
+ this.treeData.forEach((ele,index)=>{
|
|
if(ele.value!=val[0]){
|
|
if(ele.value!=val[0]){
|
|
ele.disableCheckbox = true;
|
|
ele.disableCheckbox = true;
|
|
if(ele.children){
|
|
if(ele.children){
|
|
@@ -553,17 +540,17 @@ export default {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- })
|
|
|
|
|
|
+ })
|
|
}
|
|
}
|
|
|
|
|
|
}else{
|
|
}else{
|
|
// console.log(1)
|
|
// console.log(1)
|
|
- this.treeData.map((ele,index)=>{
|
|
|
|
|
|
+ this.treeData.forEach((ele,index)=>{
|
|
if(ele.value!=val[0]){
|
|
if(ele.value!=val[0]){
|
|
ele.disableCheckbox = true;
|
|
ele.disableCheckbox = true;
|
|
|
|
|
|
if(ele.children){
|
|
if(ele.children){
|
|
- ele.children.map((item,ind)=>{
|
|
|
|
|
|
+ ele.children.forEach((item,ind)=>{
|
|
item.disableCheckbox = true;
|
|
item.disableCheckbox = true;
|
|
})
|
|
})
|
|
}
|
|
}
|
|
@@ -587,11 +574,11 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
if(val.length==0){
|
|
if(val.length==0){
|
|
- this.treeData.map((ele,index)=>{
|
|
|
|
|
|
+ this.treeData.forEach((ele,index)=>{
|
|
ele.disableCheckbox = false;
|
|
ele.disableCheckbox = false;
|
|
this.mediaId=ele.mediaId;
|
|
this.mediaId=ele.mediaId;
|
|
if(ele.children){
|
|
if(ele.children){
|
|
- ele.children.map((item,ind)=>{
|
|
|
|
|
|
+ ele.children.forEach((item,ind)=>{
|
|
item.disableCheckbox = false;
|
|
item.disableCheckbox = false;
|
|
})
|
|
})
|
|
}
|
|
}
|
|
@@ -627,8 +614,11 @@ export default {
|
|
|
|
|
|
//查询按钮的事件
|
|
//查询按钮的事件
|
|
searchgetData(){
|
|
searchgetData(){
|
|
|
|
+
|
|
|
|
+ this.myChart.clear()
|
|
if(this.accountId.length>0){
|
|
if(this.accountId.length>0){
|
|
// console.log();
|
|
// console.log();
|
|
|
|
+
|
|
this.loading=true;
|
|
this.loading=true;
|
|
this.searchDisabled=true;
|
|
this.searchDisabled=true;
|
|
this.tabCost={}
|
|
this.tabCost={}
|
|
@@ -687,11 +677,9 @@ export default {
|
|
this.clickLink={};
|
|
this.clickLink={};
|
|
this.costLink={};
|
|
this.costLink={};
|
|
this.convertNumLink={};
|
|
this.convertNumLink={};
|
|
-
|
|
|
|
-
|
|
|
|
- this.myChart.clear()
|
|
|
|
|
|
|
|
- this.dateValue=[moment(),moment()]
|
|
|
|
|
|
+ this.myChart.clear()
|
|
|
|
+ this.dateValue=[moment(),moment()]
|
|
|
|
|
|
},
|
|
},
|
|
//打开日期框
|
|
//打开日期框
|
|
@@ -759,6 +747,7 @@ export default {
|
|
this.tabconvertNum.today.y.push(item.afterData.convertNum)
|
|
this.tabconvertNum.today.y.push(item.afterData.convertNum)
|
|
//环比
|
|
//环比
|
|
this.tabClick.huanbi.y.push(item.afterData.photoClickProportion)
|
|
this.tabClick.huanbi.y.push(item.afterData.photoClickProportion)
|
|
|
|
+ // console.log((item.afterData.photoClickProportion*100).toFixed(2)+'%')
|
|
this.tabCost.huanbi.y.push(item.afterData.costProportion)
|
|
this.tabCost.huanbi.y.push(item.afterData.costProportion)
|
|
this.tabShowNum.huanbi.y.push(item.afterData.showProportion)
|
|
this.tabShowNum.huanbi.y.push(item.afterData.showProportion)
|
|
this.tabDiscountCost.huanbi.y.push(item.afterData.costProportion)
|
|
this.tabDiscountCost.huanbi.y.push(item.afterData.costProportion)
|
|
@@ -818,7 +807,7 @@ export default {
|
|
this.treeValue=[];
|
|
this.treeValue=[];
|
|
getAction('/ctop/projectMember/getProjectAccountByUserId', {}).then(res => {
|
|
getAction('/ctop/projectMember/getProjectAccountByUserId', {}).then(res => {
|
|
if(res.success){
|
|
if(res.success){
|
|
- console.log(res);
|
|
|
|
|
|
+ // console.log(res);
|
|
if(res.result){
|
|
if(res.result){
|
|
res.result.forEach((element,index) => {
|
|
res.result.forEach((element,index) => {
|
|
if(element){
|
|
if(element){
|
|
@@ -859,6 +848,7 @@ export default {
|
|
})
|
|
})
|
|
this.myChart=myChart
|
|
this.myChart=myChart
|
|
}
|
|
}
|
|
|
|
+
|
|
},
|
|
},
|
|
|
|
|
|
//tab切换页的事件
|
|
//tab切换页的事件
|
|
@@ -868,7 +858,7 @@ export default {
|
|
this.sectionOption=JSON.parse(JSON.stringify(sectionOption))
|
|
this.sectionOption=JSON.parse(JSON.stringify(sectionOption))
|
|
if(key=='cost'){
|
|
if(key=='cost'){
|
|
if(this.dateValue[0].format('YYYY-MM-DD')==moment().format('YYYY-MM-DD')){
|
|
if(this.dateValue[0].format('YYYY-MM-DD')==moment().format('YYYY-MM-DD')){
|
|
- this.sectionOption.legend.data=['今天','昨天','环比'];
|
|
|
|
|
|
+ this.sectionOption.legend.data=['今天','昨天'];
|
|
this.sectionOption.xAxis[0].data=this.tabCost.x;
|
|
this.sectionOption.xAxis[0].data=this.tabCost.x;
|
|
this.sectionOption.series[0].data=this.tabCost.today.y;
|
|
this.sectionOption.series[0].data=this.tabCost.today.y;
|
|
this.sectionOption.series[0].name=this.tabCost.today.name;
|
|
this.sectionOption.series[0].name=this.tabCost.today.name;
|
|
@@ -876,9 +866,20 @@ export default {
|
|
this.sectionOption.series[1].name=this.tabCost.yesterday.name;
|
|
this.sectionOption.series[1].name=this.tabCost.yesterday.name;
|
|
this.sectionOption.series[2].data=this.tabCost.huanbi.y;
|
|
this.sectionOption.series[2].data=this.tabCost.huanbi.y;
|
|
this.sectionOption.series[2].name=this.tabCost.huanbi.name;
|
|
this.sectionOption.series[2].name=this.tabCost.huanbi.name;
|
|
|
|
+ this.sectionOption.tooltip.formatter=(params)=>{
|
|
|
|
+ // console.log(params)
|
|
|
|
+ params[2].data=(params[2].data*100).toFixed(2)+'%'
|
|
|
|
+ return `
|
|
|
|
+ ${params[0].marker}今天:${params[0].data}<br />
|
|
|
|
+ ${params[1].marker}昨天:${params[1].data}<br />
|
|
|
|
+ ${params[2].marker}环比:${params[2].data}
|
|
|
|
+ `
|
|
|
|
+ }
|
|
}else{
|
|
}else{
|
|
|
|
+ this.sectionOption.legend.data=['总消耗'];
|
|
this.sectionOption.xAxis[0].data=this.tabCost.x;
|
|
this.sectionOption.xAxis[0].data=this.tabCost.x;
|
|
this.sectionOption.series[0].data=this.tabCost.yesterday.y;
|
|
this.sectionOption.series[0].data=this.tabCost.yesterday.y;
|
|
|
|
+ this.sectionOption.series[0].name='总消耗';
|
|
}
|
|
}
|
|
}else if(key=='click'){
|
|
}else if(key=='click'){
|
|
|
|
|
|
@@ -891,6 +892,15 @@ export default {
|
|
this.sectionOption.series[1].name=this.tabClick.yesterday.name;
|
|
this.sectionOption.series[1].name=this.tabClick.yesterday.name;
|
|
this.sectionOption.series[2].data=this.tabClick.huanbi.y;
|
|
this.sectionOption.series[2].data=this.tabClick.huanbi.y;
|
|
this.sectionOption.series[2].name=this.tabClick.huanbi.name;
|
|
this.sectionOption.series[2].name=this.tabClick.huanbi.name;
|
|
|
|
+ this.sectionOption.tooltip.formatter=(params)=>{
|
|
|
|
+ // console.log(params)
|
|
|
|
+ params[2].data=(params[2].data*100).toFixed(2)+'%'
|
|
|
|
+ return `
|
|
|
|
+ ${params[0].marker}今天:${params[0].data}<br />
|
|
|
|
+ ${params[1].marker}昨天:${params[1].data}<br />
|
|
|
|
+ ${params[2].marker}环比:${params[2].data}
|
|
|
|
+ `
|
|
|
|
+ }
|
|
}else{
|
|
}else{
|
|
this.sectionOption.legend.data=['点击数'];
|
|
this.sectionOption.legend.data=['点击数'];
|
|
this.sectionOption.xAxis[0].data=this.tabClick.x;
|
|
this.sectionOption.xAxis[0].data=this.tabClick.x;
|
|
@@ -907,6 +917,15 @@ export default {
|
|
this.sectionOption.series[1].name=this.tabShowNum.yesterday.name;
|
|
this.sectionOption.series[1].name=this.tabShowNum.yesterday.name;
|
|
this.sectionOption.series[2].data=this.tabShowNum.huanbi.y;
|
|
this.sectionOption.series[2].data=this.tabShowNum.huanbi.y;
|
|
this.sectionOption.series[2].name=this.tabShowNum.huanbi.name;
|
|
this.sectionOption.series[2].name=this.tabShowNum.huanbi.name;
|
|
|
|
+ this.sectionOption.tooltip.formatter=(params)=>{
|
|
|
|
+ // console.log(params)
|
|
|
|
+ params[2].data=(params[2].data*100).toFixed(2)+'%'
|
|
|
|
+ return `
|
|
|
|
+ ${params[0].marker}今天:${params[0].data}<br />
|
|
|
|
+ ${params[1].marker}昨天:${params[1].data}<br />
|
|
|
|
+ ${params[2].marker}环比:${params[2].data}
|
|
|
|
+ `
|
|
|
|
+ }
|
|
}else{
|
|
}else{
|
|
this.sectionOption.legend.data=['展示数'];
|
|
this.sectionOption.legend.data=['展示数'];
|
|
this.sectionOption.xAxis[0].data=this.tabShowNum.x;
|
|
this.sectionOption.xAxis[0].data=this.tabShowNum.x;
|
|
@@ -923,6 +942,15 @@ export default {
|
|
this.sectionOption.series[1].name=this.tabDiscountCost.yesterday.name;
|
|
this.sectionOption.series[1].name=this.tabDiscountCost.yesterday.name;
|
|
this.sectionOption.series[2].data=this.tabDiscountCost.huanbi.y;
|
|
this.sectionOption.series[2].data=this.tabDiscountCost.huanbi.y;
|
|
this.sectionOption.series[2].name=this.tabDiscountCost.huanbi.name;
|
|
this.sectionOption.series[2].name=this.tabDiscountCost.huanbi.name;
|
|
|
|
+ this.sectionOption.tooltip.formatter=(params)=>{
|
|
|
|
+ // console.log(params)
|
|
|
|
+ params[2].data=(params[2].data*100).toFixed(2)+'%'
|
|
|
|
+ return `
|
|
|
|
+ ${params[0].marker}今天:${params[0].data}<br />
|
|
|
|
+ ${params[1].marker}昨天:${params[1].data}<br />
|
|
|
|
+ ${params[2].marker}环比:${params[2].data}
|
|
|
|
+ `
|
|
|
|
+ }
|
|
}else{
|
|
}else{
|
|
this.sectionOption.legend.data=['折后消耗'];
|
|
this.sectionOption.legend.data=['折后消耗'];
|
|
this.sectionOption.xAxis[0].data=this.tabDiscountCost.x;
|
|
this.sectionOption.xAxis[0].data=this.tabDiscountCost.x;
|
|
@@ -939,6 +967,15 @@ export default {
|
|
this.sectionOption.series[1].name=this.tabconvertNum.yesterday.name;
|
|
this.sectionOption.series[1].name=this.tabconvertNum.yesterday.name;
|
|
this.sectionOption.series[2].data=this.tabconvertNum.huanbi.y;
|
|
this.sectionOption.series[2].data=this.tabconvertNum.huanbi.y;
|
|
this.sectionOption.series[2].name=this.tabconvertNum.huanbi.name;
|
|
this.sectionOption.series[2].name=this.tabconvertNum.huanbi.name;
|
|
|
|
+ this.sectionOption.tooltip.formatter=(params)=>{
|
|
|
|
+ // console.log(params)
|
|
|
|
+ params[2].data=(params[2].data*100).toFixed(2)+'%'
|
|
|
|
+ return `
|
|
|
|
+ ${params[0].marker}今天:${params[0].data}<br />
|
|
|
|
+ ${params[1].marker}昨天:${params[1].data}<br />
|
|
|
|
+ ${params[2].marker}环比:${params[2].data}
|
|
|
|
+ `
|
|
|
|
+ }
|
|
}else{
|
|
}else{
|
|
this.sectionOption.legend.data=['转化数'];
|
|
this.sectionOption.legend.data=['转化数'];
|
|
this.sectionOption.xAxis[0].data=this.tabconvertNum.x;
|
|
this.sectionOption.xAxis[0].data=this.tabconvertNum.x;
|
|
@@ -1106,7 +1143,8 @@ export default {
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
this.accountHttp()
|
|
this.accountHttp()
|
|
-
|
|
|
|
|
|
+ this.getEchartData('sectionChart', this.sectionOption)
|
|
|
|
+
|
|
postAction('/toutiao/videoReportDaily/getColumnJson', {
|
|
postAction('/toutiao/videoReportDaily/getColumnJson', {
|
|
columnType: 5
|
|
columnType: 5
|
|
}).then(res => {
|
|
}).then(res => {
|
|
@@ -1220,6 +1258,12 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.accountReport {
|
|
.accountReport {
|
|
|
|
+ .circul{
|
|
|
|
+ width: 5px;
|
|
|
|
+ height: 5px;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ background-color: #32CD32;;
|
|
|
|
+ }
|
|
.optionLine:hover{
|
|
.optionLine:hover{
|
|
box-shadow: 0 0 15px rgba(0,0,0,.15);
|
|
box-shadow: 0 0 15px rgba(0,0,0,.15);
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|