|
@@ -98,9 +98,9 @@
|
|
<a-radio :value="4">
|
|
<a-radio :value="4">
|
|
素材曝光数
|
|
素材曝光数
|
|
</a-radio>
|
|
</a-radio>
|
|
- <a-radio :value="5">
|
|
|
|
- 转化数
|
|
|
|
- </a-radio>
|
|
|
|
|
|
+ <!-- <a-radio :value="5">
|
|
|
|
+ 转化数@
|
|
|
|
+ </a-radio> -->
|
|
</a-radio-group>
|
|
</a-radio-group>
|
|
</div>
|
|
</div>
|
|
<a-spin :spinning="spinning">
|
|
<a-spin :spinning="spinning">
|
|
@@ -136,13 +136,13 @@
|
|
size="middle"
|
|
size="middle"
|
|
:columns="columns"
|
|
:columns="columns"
|
|
:dataSource="tableData"
|
|
:dataSource="tableData"
|
|
- :pagination='ipagination'
|
|
|
|
|
|
+ :pagination='true'
|
|
bordered
|
|
bordered
|
|
id="outTable"
|
|
id="outTable"
|
|
:loading="loading"
|
|
:loading="loading"
|
|
style="word-break: break-all;font-size:16px;font-weight:600"
|
|
style="word-break: break-all;font-size:16px;font-weight:600"
|
|
:scroll="{'x':scrollX}"
|
|
:scroll="{'x':scrollX}"
|
|
- @change="sort"
|
|
|
|
|
|
+
|
|
>
|
|
>
|
|
<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>
|
|
@@ -835,6 +835,10 @@ const publicColumns = [
|
|
materialtableData:[],
|
|
materialtableData:[],
|
|
materialloading:false,
|
|
materialloading:false,
|
|
materialscrollX:4000,
|
|
materialscrollX:4000,
|
|
|
|
+
|
|
|
|
+ age:[],
|
|
|
|
+ gender:[],
|
|
|
|
+ region:[],
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -962,6 +966,7 @@ const publicColumns = [
|
|
}
|
|
}
|
|
});
|
|
});
|
|
// console.log(this.treeData)
|
|
// console.log(this.treeData)
|
|
|
|
+ this.directionalId=[this.treeData[0].children[0].value]
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -999,7 +1004,7 @@ const publicColumns = [
|
|
}
|
|
}
|
|
});
|
|
});
|
|
// console.log(this.treeData)
|
|
// console.log(this.treeData)
|
|
-
|
|
|
|
|
|
+ this.materialId=[this.materialTreeData[0].children[0].value]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -1102,7 +1107,7 @@ const publicColumns = [
|
|
|
|
|
|
},
|
|
},
|
|
disabledDate(current) {
|
|
disabledDate(current) {
|
|
- return current && current < moment().subtract(1, 'day')
|
|
|
|
|
|
+ return current && current > moment()
|
|
},
|
|
},
|
|
dateChange(date, dateString) {
|
|
dateChange(date, dateString) {
|
|
// console.log(date,dateString)
|
|
// console.log(date,dateString)
|
|
@@ -1115,13 +1120,17 @@ const publicColumns = [
|
|
console.log('radio checked', e.target.value);
|
|
console.log('radio checked', e.target.value);
|
|
if(e.target.value==2){
|
|
if(e.target.value==2){
|
|
this.columns=[...sexColumns,...publicColumns];
|
|
this.columns=[...sexColumns,...publicColumns];
|
|
-
|
|
|
|
|
|
+ this.tableData=this.gender
|
|
}else if(e.target.value==1){
|
|
}else if(e.target.value==1){
|
|
this.columns=[...regionColumns,...publicColumns]
|
|
this.columns=[...regionColumns,...publicColumns]
|
|
|
|
+ this.tableData=this.region
|
|
}else if(e.target.value==3){
|
|
}else if(e.target.value==3){
|
|
this.columns=[...ageColumns,...publicColumns]
|
|
this.columns=[...ageColumns,...publicColumns]
|
|
|
|
+ this.tableData=this.age
|
|
}
|
|
}
|
|
- this.getDetailTableData()
|
|
|
|
|
|
+ // this.getEchartData()
|
|
|
|
+
|
|
|
|
+
|
|
},
|
|
},
|
|
|
|
|
|
// directionalTableHttp(){
|
|
// directionalTableHttp(){
|
|
@@ -1311,7 +1320,7 @@ const publicColumns = [
|
|
|
|
|
|
type:"scroll",
|
|
type:"scroll",
|
|
orient: 'vertical',
|
|
orient: 'vertical',
|
|
- left:'10%',
|
|
|
|
|
|
+ left:'2%',
|
|
align:'left',
|
|
align:'left',
|
|
top:'middle',
|
|
top:'middle',
|
|
textStyle: {
|
|
textStyle: {
|
|
@@ -1337,7 +1346,12 @@ const publicColumns = [
|
|
const colorList = ['#58D5FF', '#73ACFF', '#FDD56A', '#FDB36A', '#FD866A','#9E87FF']
|
|
const colorList = ['#58D5FF', '#73ACFF', '#FDD56A', '#FDB36A', '#FD866A','#9E87FF']
|
|
var option = {
|
|
var option = {
|
|
tooltip: {
|
|
tooltip: {
|
|
- trigger: 'item'
|
|
|
|
|
|
+ trigger: 'item',
|
|
|
|
+ formatter: "{a} <br/>{b} : {c} ({d}%)"
|
|
|
|
+ },
|
|
|
|
+ toolbox: {
|
|
|
|
+ show : true,
|
|
|
|
+
|
|
},
|
|
},
|
|
title: {
|
|
title: {
|
|
text: '年龄分布',
|
|
text: '年龄分布',
|
|
@@ -1345,6 +1359,25 @@ const publicColumns = [
|
|
left: 'left',
|
|
left: 'left',
|
|
|
|
|
|
},
|
|
},
|
|
|
|
+ // grid: {
|
|
|
|
+ // right: '5%',
|
|
|
|
+ // top: '20%',
|
|
|
|
+ // left:'15%',
|
|
|
|
+ // bottom: '10%',
|
|
|
|
+ // width: '20%'
|
|
|
|
+ // },
|
|
|
|
+ legend: {
|
|
|
|
+
|
|
|
|
+ type:"scroll",
|
|
|
|
+ orient: 'vertical',
|
|
|
|
+ left:'2%',
|
|
|
|
+ align:'left',
|
|
|
|
+ top:'middle',
|
|
|
|
+ textStyle: {
|
|
|
|
+ color:'#8C8C8C'
|
|
|
|
+ },
|
|
|
|
+ height:200
|
|
|
|
+ },
|
|
series: [{
|
|
series: [{
|
|
type: 'pie',
|
|
type: 'pie',
|
|
// center: ['30%', '30%'],
|
|
// center: ['30%', '30%'],
|
|
@@ -1392,17 +1425,17 @@ const publicColumns = [
|
|
return option
|
|
return option
|
|
},
|
|
},
|
|
//点击分页
|
|
//点击分页
|
|
- sort(pagination, filters, sorter, { currentDataSource }){
|
|
|
|
- console.log(pagination)
|
|
|
|
- this.ipagination.current=pagination.current;
|
|
|
|
- this.ipagination.pageSize=pagination.pageSize;
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
|
|
+ // sort(pagination, filters, sorter, { currentDataSource }){
|
|
|
|
+ // console.log(pagination)
|
|
|
|
+ // this.ipagination.current=pagination.current;
|
|
|
|
+ // this.ipagination.pageSize=pagination.pageSize;
|
|
|
|
+ // this.getEchartData()
|
|
|
|
+ // },
|
|
materialTableChange(pagination, filters, sorter, { currentDataSource }){
|
|
materialTableChange(pagination, filters, sorter, { currentDataSource }){
|
|
console.log(pagination)
|
|
console.log(pagination)
|
|
this.materialipagination.current=pagination.current;
|
|
this.materialipagination.current=pagination.current;
|
|
this.materialipagination.pageSize=pagination.pageSize;
|
|
this.materialipagination.pageSize=pagination.pageSize;
|
|
-
|
|
|
|
|
|
+ this.getRelativeData()
|
|
},
|
|
},
|
|
|
|
|
|
tabChange(key){
|
|
tabChange(key){
|
|
@@ -1415,104 +1448,314 @@ const publicColumns = [
|
|
}else{
|
|
}else{
|
|
this.materialColumns=[...directional,...publicColumns]
|
|
this.materialColumns=[...directional,...publicColumns]
|
|
}
|
|
}
|
|
- this.getRelativeData()
|
|
|
|
|
|
+ // this.getRelativeData()
|
|
},
|
|
},
|
|
|
|
|
|
getEchartData(){
|
|
getEchartData(){
|
|
this.spinning=true;
|
|
this.spinning=true;
|
|
|
|
+ this.loading=true
|
|
let params=this.handlerParams();
|
|
let params=this.handlerParams();
|
|
params.dataType=this.value
|
|
params.dataType=this.value
|
|
- postAction('',params).then(res=>{
|
|
|
|
|
|
+ postAction('/ai/analyze/chart/targetOrMaterial',params).then(res=>{
|
|
console.log(res)
|
|
console.log(res)
|
|
|
|
+ this.spinning=false;
|
|
|
|
+ this.loading=false
|
|
|
|
+ if(res.success){
|
|
|
|
|
|
- var province = ['北京', '广东', '浙江', '湖南', '河南', '安徽', '重庆', '山东', '江西', '四川', '江苏', '湖北', '福建', '上海', '广西', '河北', '陕西', '云南', '海南', '黑龙江', '辽宁', '山西', '天津', '甘肃', '内蒙古', '新疆', '宁夏', '吉林', '贵州', '青海', '西藏', '澳门', '香港', '台湾'];
|
|
|
|
- var data = [3554, 241, 296, 221, 206, 152, 147, 121, 109, 108, 99, 91, 80, 80, 58, 48, 56, 51, 43, 37, 34, 27, 24, 24, 16, 13, 12, 9, 9, 6, 0, 7, 8, 8]
|
|
|
|
- this.initEchart('mapEchart',this.handlerMapEchartOption(province,data))
|
|
|
|
-
|
|
|
|
- var data1=[
|
|
|
|
- {value:20, name:'男'},
|
|
|
|
- {value:30, name:'女'},
|
|
|
|
- {value:25, name:'其他'},
|
|
|
|
|
|
+ this.age=res.result.age
|
|
|
|
+ this.gender=res.result.gender
|
|
|
|
+ this.region=res.result.region
|
|
|
|
+ var province = ['北京', '广东', '浙江', '湖南', '河南', '安徽', '重庆', '山东', '江西', '四川', '江苏', '湖北', '福建', '上海', '广西', '河北', '陕西', '云南', '海南', '黑龙江', '辽宁', '山西', '天津', '甘肃', '内蒙古', '新疆', '宁夏', '吉林', '贵州', '青海', '西藏', '澳门', '香港', '台湾'];
|
|
|
|
|
|
- ]
|
|
|
|
|
|
+ let params=this.handlerRegion(province,this.region)
|
|
|
|
+ console.log(params)
|
|
|
|
+ this.initEchart('mapEchart',this.handlerMapEchartOption(province,params))
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ let genderData=this.handlerGender(this.gender)
|
|
|
|
+ this.initEchart('sexEchart',this.handlerSexOption(ageData))
|
|
|
|
|
|
- this.initEchart('sexEchart',this.handlerSexOption(data1))
|
|
|
|
|
|
+
|
|
|
|
+ let ageData=this.handlerAge(this.age)
|
|
|
|
+ this.initEchart('ageEchart',this.handlerAgeOption(ageData))
|
|
|
|
+ this.spinning=false
|
|
|
|
|
|
- var data2= [
|
|
|
|
- {
|
|
|
|
- name: 'first',
|
|
|
|
- value: 1
|
|
|
|
- }, {
|
|
|
|
- name: 'second',
|
|
|
|
- value: 2
|
|
|
|
- }, {
|
|
|
|
- name: 'third',
|
|
|
|
- value: 3
|
|
|
|
- }, {
|
|
|
|
- name: 'fourth',
|
|
|
|
- value: 4
|
|
|
|
- }, {
|
|
|
|
- name: 'fifth',
|
|
|
|
- value: 5
|
|
|
|
- }, {
|
|
|
|
- name: 'sixth',
|
|
|
|
- value: 6
|
|
|
|
- }]
|
|
|
|
- this.initEchart('ageEchart',this.handlerAgeOption(data2))
|
|
|
|
- this.spinning=false
|
|
|
|
|
|
+ if(this.tableValue==1){
|
|
|
|
+ this.tableData=res.result.region
|
|
|
|
+ }else if(this.tableValue==2){
|
|
|
|
+ this.tableData=res.result.gender
|
|
|
|
+ }else if(this.tableValue==3){
|
|
|
|
+ this.tableData=res.result.age
|
|
|
|
+ }
|
|
|
|
+ }
|
|
})
|
|
})
|
|
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
+ handlerRegion(province,data){
|
|
|
|
+
|
|
|
|
+ let value=[];
|
|
|
|
+ switch (this.value) {
|
|
|
|
+ case 1:
|
|
|
|
+ province.forEach((ele,index)=>{
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+ if(item.province==ele){
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return item.cost
|
|
|
|
+ }else{
|
|
|
|
+ return 0
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ break;
|
|
|
|
+ case 2:
|
|
|
|
+ province.forEach((ele,index)=>{
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+ if(item.province==ele){
|
|
|
|
+
|
|
|
|
+ if(item.photoShow){
|
|
|
|
+ return item.photoShow
|
|
|
|
+ }else{
|
|
|
|
+ return 0
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+ case 3:
|
|
|
|
+ province.forEach((ele,index)=>{
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+ if(item.province==ele){
|
|
|
|
+ if(item.photoClick){
|
|
|
|
+ return item.photoClick
|
|
|
|
+ }else{
|
|
|
|
+ return 0
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+ case 4:
|
|
|
|
+ province.forEach((ele,index)=>{
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+ if(item.province==ele){
|
|
|
|
+ if(item.aclick){
|
|
|
|
+ return item.aclick
|
|
|
|
+ }else{
|
|
|
|
+ return 0
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+
|
|
|
|
+ default:
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
|
|
+ return value
|
|
|
|
+ },
|
|
|
|
+ handlerGender(data){
|
|
|
|
+ let value=[];
|
|
|
|
+ switch (this.value) {
|
|
|
|
+ case 1:
|
|
|
|
+
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.cost,
|
|
|
|
+ name:item.gender
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ break;
|
|
|
|
+ case 2:
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.photoShow,
|
|
|
|
+ name:item.gender
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ break;
|
|
|
|
+ case 3:
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.photoClick,
|
|
|
|
+ name:item.gender
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+ case 4:
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.aclick,
|
|
|
|
+ name:item.gender
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+
|
|
|
|
+ default:
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
|
|
+ return value
|
|
|
|
+ },
|
|
|
|
+ handlerAge(data){
|
|
|
|
+ let value=[];
|
|
|
|
+ switch (this.value) {
|
|
|
|
+ case 1:
|
|
|
|
+
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.cost,
|
|
|
|
+ name:item.ageSegment
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ break;
|
|
|
|
+ case 2:
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.photoShow,
|
|
|
|
+ name:item.ageSegment
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ break;
|
|
|
|
+ case 3:
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.photoClick,
|
|
|
|
+ name:item.ageSegment
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+ case 4:
|
|
|
|
+ value=data.map(item=>{
|
|
|
|
+
|
|
|
|
+ if(item.cost){
|
|
|
|
+ return {
|
|
|
|
+ value:item.aclick,
|
|
|
|
+ name:item.ageSegment
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+
|
|
|
|
+ default:
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
|
|
+ return value
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
getDetailTableData(){
|
|
getDetailTableData(){
|
|
- this.loading=true
|
|
|
|
|
|
+
|
|
let params=this.handlerParams();
|
|
let params=this.handlerParams();
|
|
- params.dataType=this.tableValue
|
|
|
|
- postAction('',params).then(res=>{
|
|
|
|
- console.log(res)
|
|
|
|
- this.loading=false
|
|
|
|
- this.tableData=res.result
|
|
|
|
- })
|
|
|
|
|
|
+ if(params.accountId&&(params.targetIds||params.codes)){
|
|
|
|
+ params.dataType=this.tableValue
|
|
|
|
+ this.loading=true
|
|
|
|
+ postAction('',params).then(res=>{
|
|
|
|
+ console.log(res)
|
|
|
|
+ this.loading=false
|
|
|
|
+ this.tableData=res.result.list
|
|
|
|
+ })
|
|
|
|
+ }else{
|
|
|
|
+
|
|
|
|
+ }
|
|
},
|
|
},
|
|
|
|
|
|
getRelativeData(){
|
|
getRelativeData(){
|
|
- this.materialloading=true
|
|
|
|
|
|
+
|
|
let params=this.handlerParams();
|
|
let params=this.handlerParams();
|
|
// params.dataType=this.tableValue
|
|
// params.dataType=this.tableValue
|
|
- postAction('/ai/analyze/report/targetOrMaterial',params).then(res=>{
|
|
|
|
|
|
+ if(params.accountId&&(params.targetIds||params.codes)){
|
|
|
|
+ this.materialloading=true
|
|
|
|
+ postAction('/ai/analyze/report/targetOrMaterial',params).then(res=>{
|
|
console.log(res)
|
|
console.log(res)
|
|
this.materialloading=false
|
|
this.materialloading=false
|
|
- if(res.success){
|
|
|
|
- this.materialtableData=res.result
|
|
|
|
- this.ipagination.total=res.result.total;
|
|
|
|
- }else{
|
|
|
|
- this.$message.error('出错了')
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
|
|
+ if(res.success){
|
|
|
|
+ this.materialtableData=res.result.list
|
|
|
|
+ this.ipagination.total=res.result.total;
|
|
|
|
+ }else{
|
|
|
|
+ this.$message.error('出错了')
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
|
|
- })
|
|
|
|
|
|
+ })
|
|
|
|
+ }else{
|
|
|
|
+ this.$message.error('请选择账户、策略等信息')
|
|
|
|
+ }
|
|
|
|
+
|
|
},
|
|
},
|
|
|
|
|
|
search(){
|
|
search(){
|
|
|
|
+
|
|
this.getRelativeData()
|
|
this.getRelativeData()
|
|
|
|
+ // this.getDetailTableData()
|
|
|
|
+ this.getEchartData()
|
|
},
|
|
},
|
|
|
|
|
|
handlerParams(){
|
|
handlerParams(){
|
|
let params={};
|
|
let params={};
|
|
params.accountId=this.accountIds
|
|
params.accountId=this.accountIds
|
|
if(this.tabKey==1){
|
|
if(this.tabKey==1){
|
|
- params.type='target'
|
|
|
|
- params.strategyId=this.directionalId[0].split('_')[0]
|
|
|
|
- params.targetIds=this.directionalId.map(item=>{
|
|
|
|
- return item.split('_')[1]
|
|
|
|
- })
|
|
|
|
|
|
+ if(this.directionalId&&this.directionalId.length){
|
|
|
|
+ params.type='target'
|
|
|
|
+ params.strategyId=this.directionalId[0].split('_')[0]
|
|
|
|
+ params.targetIds=this.directionalId.map(item=>{
|
|
|
|
+ return item.split('_')[1]
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
}else{
|
|
}else{
|
|
params.type='material'
|
|
params.type='material'
|
|
- params.strategyId=this.materialId[0].split('_')[0]
|
|
|
|
- params.codes=this.materialId.map(item=>{
|
|
|
|
- return item.split('_')[1]
|
|
|
|
- })
|
|
|
|
|
|
+ if(this.materialId&&this.materialId.length){
|
|
|
|
+ params.strategyId=this.materialId[0].split('_')[0]
|
|
|
|
+ params.codes=this.materialId.map(item=>{
|
|
|
|
+ return item.split('_')[1]
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
}
|
|
}
|
|
if(this.dateRange&&this.dateRange.length>0){
|
|
if(this.dateRange&&this.dateRange.length>0){
|
|
params.startDate=this.dateRange[0].format('YYYY-MM-DD')
|
|
params.startDate=this.dateRange[0].format('YYYY-MM-DD')
|
|
@@ -1526,56 +1769,104 @@ const publicColumns = [
|
|
|
|
|
|
|
|
|
|
mounted() {
|
|
mounted() {
|
|
- this.$nextTick(()=>{
|
|
|
|
- var province = ['北京', '广东', '浙江', '湖南', '河南', '安徽', '重庆', '山东', '江西', '四川', '江苏', '湖北', '福建', '上海', '广西', '河北', '陕西', '云南', '海南', '黑龙江', '辽宁', '山西', '天津', '甘肃', '内蒙古', '新疆', '宁夏', '吉林', '贵州', '青海', '西藏', '澳门', '香港', '台湾'];
|
|
|
|
- var data = [3554, 241, 296, 221, 206, 152, 147, 121, 109, 108, 99, 91, 80, 80, 58, 48, 56, 51, 43, 37, 34, 27, 24, 24, 16, 13, 12, 9, 9, 6, 0, 7, 8, 8]
|
|
|
|
- this.initEchart('mapEchart',this.handlerMapEchartOption(province,data))
|
|
|
|
|
|
+ // this.$nextTick(()=>{
|
|
|
|
+ // var province = ['北京', '广东', '浙江', '湖南', '河南', '安徽', '重庆', '山东', '江西', '四川', '江苏', '湖北', '福建', '上海', '广西', '河北', '陕西', '云南', '海南', '黑龙江', '辽宁', '山西', '天津', '甘肃', '内蒙古', '新疆', '宁夏', '吉林', '贵州', '青海', '西藏', '澳门', '香港', '台湾'];
|
|
|
|
+ // var data = [3554, 241, 296, 221, 206, 152, 147, 121, 109, 108, 99, 91, 80, 80, 58, 48, 56, 51, 43, 37, 34, 27, 24, 24, 16, 13, 12, 9, 9, 6, 0, 7, 8, 8]
|
|
|
|
+ // this.initEchart('mapEchart',this.handlerMapEchartOption(province,data))
|
|
|
|
|
|
- var data1=[
|
|
|
|
- {value:20, name:'男'},
|
|
|
|
- {value:30, name:'女'},
|
|
|
|
- {value:25, name:'其他'},
|
|
|
|
|
|
+ // var data1=[
|
|
|
|
+ // {value:20, name:'男'},
|
|
|
|
+ // {value:30, name:'女'},
|
|
|
|
+ // {value:25, name:'其他'},
|
|
|
|
|
|
- ]
|
|
|
|
|
|
+ // ]
|
|
|
|
|
|
- this.initEchart('sexEchart',this.handlerSexOption(data1))
|
|
|
|
|
|
+ // this.initEchart('sexEchart',this.handlerSexOption(data1))
|
|
|
|
|
|
- var data2= [
|
|
|
|
- {
|
|
|
|
- name: 'first',
|
|
|
|
- value: 1
|
|
|
|
- }, {
|
|
|
|
- name: 'second',
|
|
|
|
- value: 2
|
|
|
|
- }, {
|
|
|
|
- name: 'third',
|
|
|
|
- value: 3
|
|
|
|
- }, {
|
|
|
|
- name: 'fourth',
|
|
|
|
- value: 4
|
|
|
|
- }, {
|
|
|
|
- name: 'fifth',
|
|
|
|
- value: 5
|
|
|
|
- }, {
|
|
|
|
- name: 'sixth',
|
|
|
|
- value: 6
|
|
|
|
- }]
|
|
|
|
- this.initEchart('ageEchart',this.handlerAgeOption(data2))
|
|
|
|
|
|
+ // var data2= [
|
|
|
|
+ // {
|
|
|
|
+ // name: 'first',
|
|
|
|
+ // value: 1
|
|
|
|
+ // }, {
|
|
|
|
+ // name: 'second',
|
|
|
|
+ // value: 2
|
|
|
|
+ // }, {
|
|
|
|
+ // name: 'third',
|
|
|
|
+ // value: 3
|
|
|
|
+ // }, {
|
|
|
|
+ // name: 'fourth',
|
|
|
|
+ // value: 4
|
|
|
|
+ // }, {
|
|
|
|
+ // name: 'fifth',
|
|
|
|
+ // value: 5
|
|
|
|
+ // }, {
|
|
|
|
+ // name: 'sixth',
|
|
|
|
+ // value: 6
|
|
|
|
+ // }]
|
|
|
|
+ // this.initEchart('ageEchart',this.handlerAgeOption(data2))
|
|
|
|
|
|
- })
|
|
|
|
|
|
+ // })
|
|
let userInfo=localStorage.getItem('pro__Login_Userinfo');
|
|
let userInfo=localStorage.getItem('pro__Login_Userinfo');
|
|
let userId=''
|
|
let userId=''
|
|
if(userInfo){
|
|
if(userInfo){
|
|
this.userId=JSON.parse(userInfo).value.id
|
|
this.userId=JSON.parse(userInfo).value.id
|
|
}
|
|
}
|
|
- getAction('/ctop/userAllocation/getAccountIdsByUserId',{
|
|
|
|
- userId:this.userId,
|
|
|
|
|
|
+ new Promise((resolve,reject)=>{
|
|
|
|
+ getAction('/ctop/userAllocation/getAccountIdsByUserId',{
|
|
|
|
+ userId:this.userId,
|
|
|
|
+ }).then(res=>{
|
|
|
|
+ console.log(res)
|
|
|
|
+ if(res.success){
|
|
|
|
+ this.accountList=res.result
|
|
|
|
+ this.accountIds=res.result[0].account_id;
|
|
|
|
+
|
|
|
|
+ this.treeData=[];
|
|
|
|
+ this.directionalId=[];
|
|
|
|
+ getAction('/ai/analyze/getStrategyAndTarget', {
|
|
|
|
+ accountId:this.accountIds
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if(res.success){
|
|
|
|
+ // console.log(res);
|
|
|
|
+ if(res.result){
|
|
|
|
+ res.result.forEach((element,index) => {
|
|
|
|
+ if(element){
|
|
|
|
+ this.treeData.push({});
|
|
|
|
+ this.treeData[index].title=element.strategy_name +'_('+ element.id +')';
|
|
|
|
+ this.treeData[index].value='strategy'+element.id;
|
|
|
|
+ this.treeData[index].key=element.id;
|
|
|
|
+
|
|
|
|
+ this.treeData[index].children=[];
|
|
|
|
+
|
|
|
|
+ if(element.targets.length&&element.targets[0]){
|
|
|
|
+ element.targets.forEach((ele,i)=>{
|
|
|
|
+ this.treeData[index].children.push({});
|
|
|
|
+ this.treeData[index].children[i].title=ele.target_type+'_'+ele.target_content
|
|
|
|
+ this.treeData[index].children[i].value=element.id+'_'+ele.id;
|
|
|
|
+ this.treeData[index].children[i].key=element.id+'_'+ele.id;
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ // console.log(this.treeData)
|
|
|
|
+ this.directionalId=[this.treeData[0].children[0].value]
|
|
|
|
+ resolve()
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ }else{
|
|
|
|
+ this.$message.error('账户信息获取错误!')
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
}).then(res=>{
|
|
}).then(res=>{
|
|
- console.log(res)
|
|
|
|
- if(res.success){
|
|
|
|
- this.accountList=res.result
|
|
|
|
- }
|
|
|
|
|
|
+ this.search()
|
|
|
|
+
|
|
})
|
|
})
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
},
|
|
},
|
|
filters: {
|
|
filters: {
|
|
toPercentage(val) {
|
|
toPercentage(val) {
|