You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
332 lines
12 KiB
332 lines
12 KiB
import brokenLines from "../../../components/option/stackingLineOption"
|
|
import histogram from "../../../components/option/singleColumnarOption"
|
|
import stack from "../../../components/option/stackedBarChart"
|
|
import multipleColumn from "../../../components/option/multipleColumn"
|
|
import sHistogram from "../../../components/option/sColumnarOption"
|
|
const app = getApp()
|
|
const dColor = ['#FF4852','#FFBF00', '#FF6E25', '#20CC62', '#00D6D6', '#00AAFF', '#7257FF']
|
|
Component({
|
|
data: {
|
|
imageUrl: getApp().globalData.imageUrl,
|
|
showChart: true,
|
|
transformOption: brokenLines([], [], [], []),
|
|
transformOption2: brokenLines([], [], [], []),
|
|
brandOption: histogram([], [], [], '#0084FF'),
|
|
brandOption2: histogram([], [], [], '#20cc62'),
|
|
brandOption3: multipleColumn([], [], []),
|
|
brandOption4: sHistogram(),
|
|
brandOption5: multipleColumn([], [], []),
|
|
stackOption: stack([], [], ['#00aaff', '#20cc62', '#ff4852']),
|
|
boxArr: new Array(6),
|
|
topActive: 0, //品牌传播
|
|
brandTop: [],
|
|
brandTopData: [],
|
|
negativeWordActive: 0, //词云
|
|
positiveWordActive: 0, //词云
|
|
positiveWord: [],
|
|
positive:[],
|
|
negative:[],
|
|
negativeWord: [], //负面
|
|
wdCloudPos: [],
|
|
wdCloudNeg: [],
|
|
},
|
|
lifetimes: {
|
|
attached() {
|
|
let brandRatioTime = wx.getStorageSync('brandRatioTime') || 34
|
|
let sBrand = wx.getStorageSync('sBrand')
|
|
this.setData({
|
|
boxArr: wx.getStorageSync('modelsData')
|
|
})
|
|
let SeriesName = []
|
|
this.data.boxArr.forEach((ele) => {
|
|
if (ele) SeriesName.push(ele.name)
|
|
})
|
|
//信息量趋势数据
|
|
app.globalData.request({
|
|
action: 'getCountTime0528C',
|
|
sType: 'BrandOverview',
|
|
token: app.globalData.getStorage('token'),
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
let dtime = []
|
|
let dVal = []
|
|
let dataObj = {}
|
|
for (let i of res) {
|
|
dtime.push(i.key)
|
|
for (let j of i.value) {
|
|
let obj = {
|
|
key: j.key,
|
|
value: j.value
|
|
}
|
|
if (!dataObj.hasOwnProperty(j.key)) {
|
|
dataObj[j.key] = []
|
|
}
|
|
dataObj[j.key].push(obj)
|
|
}
|
|
}
|
|
Object.keys(dataObj).forEach(ele => {
|
|
dVal.push(dataObj[ele])
|
|
})
|
|
this.setData({
|
|
transformOption: brokenLines(SeriesName, dVal, dColor, dtime),
|
|
})
|
|
})
|
|
//整体信息量
|
|
app.globalData.request({
|
|
action: 'getContrastCount0528C',
|
|
token: app.globalData.getStorage('token'),
|
|
sType: 'BrandOverview',
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
let dx = []
|
|
let dy = []
|
|
for (let i of res) {
|
|
dx.push(i.key)
|
|
dy.push(i.value)
|
|
}
|
|
this.setData({
|
|
brandOption: histogram(dx, dy, [], '#0084FF'),
|
|
})
|
|
})
|
|
//整体互动人数
|
|
app.globalData.request({
|
|
action: 'getInteractCount0528C',
|
|
token: app.globalData.getStorage('token'),
|
|
sType: 'BrandOverview',
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
let dx = []
|
|
let dy = []
|
|
for (let i of res) {
|
|
dx.push(i.key)
|
|
dy.push(i.value)
|
|
}
|
|
this.setData({
|
|
brandOption2: histogram(dx, dy, [], '#20cc62'),
|
|
})
|
|
})
|
|
//品牌条形对比
|
|
app.globalData.request({
|
|
action: 'getAffectionsC',
|
|
token: app.globalData.getStorage('token'),
|
|
sType: 'BrandOverview',
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
let yMsg = []
|
|
let data = [
|
|
[],
|
|
[],
|
|
[]
|
|
]
|
|
for (let i of res) {
|
|
yMsg.push(i.Name)
|
|
data[0].push(i.Data['正面'])
|
|
data[1].push(i.Data['中性'])
|
|
data[2].push(i.Data['负面'])
|
|
}
|
|
this.setData({
|
|
stackOption: stack(yMsg, data, ['#00aaff', '#20cc62', '#ff4852'])
|
|
})
|
|
})
|
|
//渠道分布
|
|
app.globalData.request({
|
|
action: 'getSourcetypeC',
|
|
token: app.globalData.getStorage('token'),
|
|
sType: 'BrandOverview',
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
let arr = []
|
|
let channelMsg = []
|
|
for (let i of res) {
|
|
let obj = {
|
|
name: i.Name
|
|
}
|
|
let da = []
|
|
Object.keys(i.Data).forEach(ele => {
|
|
da.push(i.Data[ele])
|
|
channelMsg.push(ele)
|
|
})
|
|
obj.data = da
|
|
arr.push(obj)
|
|
}
|
|
channelMsg = [...new Set(channelMsg)]
|
|
this.setData({
|
|
brandOption3: multipleColumn(SeriesName, channelMsg, arr),
|
|
})
|
|
})
|
|
//品牌事件对比
|
|
app.globalData.request({
|
|
action: 'getSourcetypeC',
|
|
sType: 'HotEvent0528',
|
|
token: app.globalData.getStorage('token'),
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}, 'http://cloud.sws010.com/api/v7.ashx').then(res => {
|
|
let channelMsg = []
|
|
let dataArr = []
|
|
for (let [index, i] of res.entries()) {
|
|
if (index == 0) {
|
|
channelMsg = Object.keys(i.Data)
|
|
}
|
|
let obj = {}
|
|
obj.name = i.Name
|
|
obj.data = Object.keys(i.Data).map(ele => {
|
|
return i.Data[ele]
|
|
})
|
|
dataArr.push(obj)
|
|
}
|
|
this.setData({
|
|
brandOption5: multipleColumn(SeriesName, channelMsg, dataArr),
|
|
})
|
|
})
|
|
//重点媒体
|
|
app.globalData.request({
|
|
action: 'getSourceCount0528C',
|
|
token: app.globalData.getStorage('token'),
|
|
sType: 'BrandOverview',
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
let xMsg = []
|
|
for (let i of res[0].value) {
|
|
xMsg.push(i.key)
|
|
}
|
|
let data = new Array(res.length).fill([])
|
|
data = data.map(ele => {
|
|
ele = JSON.stringify(ele)
|
|
ele = JSON.parse(ele)
|
|
return ele
|
|
})
|
|
for (let [index, i] of res.entries()) {
|
|
for (let j of i.value) {
|
|
data[index].push(j.value)
|
|
}
|
|
}
|
|
//横轴，数据，纵轴
|
|
this.setData({
|
|
brandOption4: sHistogram(xMsg, data, SeriesName, dColor)
|
|
})
|
|
})
|
|
//品牌传播TOP媒体
|
|
app.globalData.request({
|
|
action: 'getSourceTopCount0528C',
|
|
token: app.globalData.getStorage('token'),
|
|
sType: 'BrandOverview',
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
this.setData({
|
|
brandTop: [res[0], res[1]],
|
|
brandTopData: res
|
|
})
|
|
})
|
|
//销量对比
|
|
app.globalData.request({
|
|
action: 'getCheZhuCountTimeC',
|
|
token: app.globalData.getStorage('token'),
|
|
sType: 'Marketing1C',
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res => {
|
|
let dDate = []
|
|
let dVal = new Array(res.Data[0].value.length).fill([])
|
|
dVal = dVal.map(ele => {
|
|
ele = JSON.stringify(ele)
|
|
ele = JSON.parse(ele)
|
|
return ele
|
|
})
|
|
for (let i of res.Data) {
|
|
dDate.push(i.key)
|
|
for (let [index, j] of i.value.entries()) {
|
|
dVal[index].push(j)
|
|
}
|
|
}
|
|
this.setData({
|
|
salesDate: res.Time,
|
|
transformOption2: brokenLines(SeriesName, dVal, dColor, dDate),
|
|
})
|
|
})
|
|
// 正负词云
|
|
app.globalData.request({
|
|
action: 'getPositiveAndNegative0528C',
|
|
token: app.globalData.getStorage('token'),
|
|
sType:'BrandOverview',
|
|
...brandRatioTime,
|
|
iContrastType: '2',
|
|
sBrand:sBrand.join(','),
|
|
sSeriesName: SeriesName.join(',')
|
|
}).then(res=>{
|
|
let positiveArr = [];
|
|
let negativeArr = [];
|
|
res.forEach(ele => {
|
|
let positiveList = ele.value[0].value;
|
|
let negativeList = ele.value[1].value;
|
|
let objPos = {
|
|
name: ele.key,
|
|
list: positiveList
|
|
};
|
|
let objNeg = {
|
|
name: ele.key,
|
|
list: negativeList
|
|
};
|
|
positiveArr.push(objPos);
|
|
negativeArr.push(objNeg);
|
|
});
|
|
this.setData({
|
|
wdCloudPos: positiveArr,
|
|
wdCloudNeg: negativeArr
|
|
})
|
|
})
|
|
},
|
|
|
|
},
|
|
methods: {
|
|
//品牌传播top媒体
|
|
changeModalHot(event) {
|
|
let obj = {
|
|
0: [this.data.brandTopData[0] || {}, this.data.brandTopData[1] || {}],
|
|
1: [this.data.brandTopData[2] || {}, this.data.brandTopData[3] || {}],
|
|
2: [this.data.brandTopData[4] || {}, this.data.brandTopData[5] || {}]
|
|
}
|
|
let index = event.detail.index
|
|
this.setData({
|
|
topActive: index,
|
|
brandTop: obj[index]
|
|
})
|
|
},
|
|
changeNegative(event) {
|
|
let index = event.detail.index
|
|
this.setData({
|
|
negativeWordActive: index
|
|
})
|
|
},
|
|
changePositive(event) {
|
|
let index = event.detail.index
|
|
this.setData({
|
|
positiveWordActive: index
|
|
})
|
|
},
|
|
}
|
|
}) |