阿丽 3 years ago
parent 51f8a15efc
commit b1a4897169

@ -0,0 +1,28 @@
import httpService from "@/request"
// 品牌声量TOP20排行
export function getBrandSourceType0528(params) {
let obj = Object.assign({action: 'getBrandSourceType0528',sType: 'Marketing'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'get',
params: obj
})
}
// 重点活跃媒体TOP10排行
export function getWebsite(params) {
let obj = Object.assign({action: 'getWebsite',sType: 'Marketing'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'get',
params: obj
})
}
// 品牌销量榜TOP10排行
export function getCheZhuBrandMKTCount0528(params) {
let obj = Object.assign({action: 'getCheZhuBrandMKTCount0528',sType: 'Marketing'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'get',
params: obj
})
}

@ -8,12 +8,12 @@
*/
import * as echarts from "echarts";
const data = [
[['10000人以上',37.5,100000000,'A7','无工作经验'],['1000-5000人',11.46,100000000,'A5','无工作经验'],['500-1000人',16,100000000,'A4','无工作经验'],['150-500人',16.92,100000000,'A3','无工作经验'],['50-150人',22.5,100000000,'A2','无工作经验'],['少于50人',11.11,100000000,'A1','无工作经验']],
[['10000人以上',48.21,150000000,'B7','1-3年经验'],['5000-10000人',50,150000000,'B6','1-3年经验'],['1000-5000人',67.7,150000000,'B5','1-3年经验'],['500-1000人',31,150000000,'B4','1-3年经验'],['150-500人',43.85,150000000,'B3','1-3年经验'],['50-150人',39.17,150000000,'B2','1-3年经验'],['少于50人',46.67,150000000,'B1','1-3年经验']],
[['10000人以上',10.71,200000000,'C7','3-5年经验'],['5000-10000人',50,200000000,'C6','3-5年经验'],['1000-5000人',14.58,200000000,'C5','3-5年经验'],['500-1000人',37,200000000,'C4','3-5年经验'],['150-500人',24.62,200000000,'C3','3-5年经验'],['50-150人',28.33,200000000,'C2','3-5年经验'],['少于50人',31.11,200000000,'C1','3-5年经验']],
[['10000人以上',3.57,250000000,'D7','5-7年经验'],['1000-5000人',5.21,250000000,'D5','5-7年经验'],['500-1000人',12,250000000,'D4','5-7年经验'],['150-500人',12.31,250000000,'D3','5-7年经验'],['50-150人',6.67,250000000,'D2','5-7年经验'],['少于50人',11.11,250000000,'D1','5-7年经验']],
[['500-1000人',4,300000000,'E4','7-10年经验'],['150-500人',0.77,300000000,'E3','7-10年经验'],['50-150人',0.83,300000000,'E2','7-10年经验']],
[['1000-5000人',1.04,350000000,'F5','10年以上经验'],['150-500人',1.54,350000000,'F3','10年以上经验'],['50-150人',2.5,350000000,'F2','10年以上经验']],
[['24:00',37.5,100000000,'A7','车展'],['16:00',11.46,100000000,'A5','车展'],['12:00',16,100000000,'A4','车展'],['08:00',16.92,100000000,'A3','车展'],['04:00',22.5,100000000,'A2','车展'],['00:00',11.11,100000000,'A1','车展']],
[['24:00',48.21,150000000,'B7','新车上市'],['20:00',50,150000000,'B6','新车上市'],['16:00',67.7,150000000,'B5','新车上市'],['12:00',31,150000000,'B4','新车上市'],['08:00',43.85,150000000,'B3','新车上市'],['04:00',39.17,150000000,'B2','新车上市'],['00:00',46.67,150000000,'B1','新车上市']],
[['24:00',10.71,200000000,'C7','3-5年经验'],['20:00',50,200000000,'C6','3-5年经验'],['16:00',14.58,200000000,'C5','3-5年经验'],['12:00',37,200000000,'C4','3-5年经验'],['08:00',24.62,200000000,'C3','3-5年经验'],['04:00',28.33,200000000,'C2','3-5年经验'],['00:00',31.11,200000000,'C1','3-5年经验']],
[['24:00',3.57,250000000,'D7','5-7年经验'],['16:00',5.21,250000000,'D5','5-7年经验'],['12:00',12,250000000,'D4','5-7年经验'],['08:00',12.31,250000000,'D3','5-7年经验'],['04:00',6.67,250000000,'D2','5-7年经验'],['00:00',11.11,250000000,'D1','5-7年经验']],
[['12:00',4,300000000,'E4','7-10年经验'],['08:00',0.77,300000000,'E3','7-10年经验'],['04:00',0.83,300000000,'E2','7-10年经验']],
[['16:00',1.04,350000000,'F5','10年以上经验'],['08:00',1.54,350000000,'F3','10年以上经验'],['04:00',2.5,350000000,'F2','10年以上经验']],
];
export default function createOpt() {
return {
@ -28,7 +28,7 @@ export default function createOpt() {
textStyle: { //图例文字的样式
color: '#fff'
},
data: ['无工作经验', '1-3年经验','3-5年经验','5-7年经验','7-10年经验','10年以上经验']
data: ['车展', '新车上市','3-5年经验','5-7年经验','7-10年经验','10年以上经验']
},
grid: {
left: '3%',
@ -48,12 +48,8 @@ export default function createOpt() {
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
},
xAxis: {
data:['少于50人','50-150人','150-500人','500-1000人','1000-5000人','5000-10000人','10000人以上'],
splitLine: {
lineStyle: {
type: 'dashed'
}
},
type: 'category',
boundaryGap: false,
axisTick: {
show: false,
},
@ -63,10 +59,10 @@ export default function createOpt() {
color: "#fff",
},
},
data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00']
},
yAxis: {
type: 'value',
axisLine: {
show: false,
lineStyle: {
@ -75,19 +71,15 @@ export default function createOpt() {
},
splitLine: {
lineStyle: {
type: 'dashed',
type: "dashed", // y轴分割线类型
color: "#012b4b",
}
},
scale: true,
axisLabel : {
formatter: '{value} %'
},
},
},
series: [
{
name: '无工作经验',
name: '车展',
data: data[0],
type: 'scatter',
symbolSize: function (data) {
@ -110,7 +102,7 @@ export default function createOpt() {
},
{
name: '1-3年经验',
name: '新车上市',
data: data[1],
type: 'scatter',
symbolSize: function (data) {
@ -132,97 +124,6 @@ export default function createOpt() {
}
},
{
name: '3-5年经验',
data: data[2],
type: 'scatter',
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(255, 192, 0, 0.5)',
shadowOffsetY: 5,
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: 'rgb(255, 192, 0)'
}, {
offset: 1,
color: 'rgb(255, 192, 0)'
}])
}
}
},
{
name: '5-7年经验',
data: data[3],
type: 'scatter',
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(91, 155, 213, 0.)',
shadowOffsetY: 5,
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: 'rgb(91, 155, 213)'
}, {
offset: 1,
color: 'rgb(91, 155, 213)'
}])
}
}
},
{
name: '7-10年经验',
data: data[4],
type: 'scatter',
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(112, 173, 71, 0.5)',
shadowOffsetY: 5,
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: 'rgb(112, 173, 71)'
}, {
offset: 1,
color: 'rgb(112, 173, 71)'
}])
}
}
},
{
name: '10年以上经验',
data: data[5],
type: 'scatter',
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(129, 227, 238, 0.5)',
shadowOffsetY: 5,
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: 'rgb(129, 227, 238)'
}, {
offset: 1,
color: 'rgb(25, 183, 207)'
}])
}
}
},
]
};

@ -18,13 +18,32 @@
<script>
import {createSingleColumnar} from "@/utils/gol/singleColumnar"
import {getCheZhuBrandMKTCount0528} from "@/api/MarketingAnalysis"
export default {
name: "brandSalesRankingTOP10Ranking",
data() {
return {
opt: createSingleColumnar(['微博','汽车之家', '易车', '搜狐汽车', '懂车帝', '今日头条', '抖音', '微信', '一点资讯', '快手'], [6300, 6000, 5800, 5000, 4800, 4000, 3800, 3000, 2800, 2000], '#53bd90')
}
}
},
created() {
this.getData()
},
methods: {
//
handlerChange(n) {
this.form.sQueryType = n + 1;
this.getData()
},
//
getData() {
let obj = Object.assign({}, this.getCommTime, this.form);
getCheZhuBrandMKTCount0528(obj).then(res => {
let data = res.data;
this.pdata = data;
})
},
}
}
</script>

@ -7,18 +7,20 @@
* @FilePath: /data-show/src/views/MarketingAnalysis/brandVolumeTOP10/index.vue
-->
<template>
<div class="bvt-outter">
<div class="bvt-outter" >
<v-label-div title="品牌声量TOP10">
<v-btn @click="goPath"></v-btn>
</v-label-div>
<div class="bvt-inner">
<v-echarts :opt="opt"></v-echarts>
<v-pagination :data="pdata" :style="{position: 'absolute', right: '2px', bottom: '2px'}" @change="handlerData"></v-pagination>
</div>
</div>
</template>
<script>
import createOpt from "./opt"
import {getBrandSourceType0528} from "@/api/MarketingAnalysis"
export default {
name: "brandVolumeTOP10",
data() {
@ -26,10 +28,25 @@ export default {
opt: createOpt()
}
},
created() {
this.getData()
},
methods: {
goPath() {
//
handlerChange(n) {
this.form.sQueryType = n + 1;
this.getData()
},
}
//
getData() {
let obj = Object.assign({}, this.getCommTime, this.form);
getBrandSourceType0528(obj).then(res => {
let data = res.data;
this.pdata = data;
})
},
}
}
</script>

@ -19,13 +19,34 @@
<script>
import {createSingleColumnar} from "@/utils/gol/singleColumnar"
import {getWebsite} from "@/api/MarketingAnalysis"
export default {
name: "keyActiveMediaTOP10Ranking",
data() {
return {
opt: createSingleColumnar(['微博','汽车之家', '易车', '搜狐汽车', '懂车帝', '今日头条', '抖音', '微信', '一点资讯', '快手'], [6300, 6000, 5800, 5000, 4800, 4000, 3800, 3000, 2800, 2000])
}
}
},
created() {
this.getData()
},
methods: {
//
handlerChange(n) {
this.form.sQueryType = n + 1;
this.getData()
},
//
getData() {
let obj = Object.assign({}, this.getCommTime, this.form);
getWebsite(obj).then(res => {
let data = res.data;
this.pdata = data;
})
},
}
}
</script>

Loading…
Cancel
Save