yunyang
/
carInsightSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cxw-010203

Browse Source
prod
lily.zhang 4 years ago
parent 3916776e1a
commit 7cc89ef3de
21 changed files with 131 additions and 69 deletions
Show Stats Download Patch File Download Diff File

2
src/lycomponents/iHeaderBrand/index.vue
Unescape View File

@ -30,7 +30,7 @@
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-range-picker v-model="selTime" :disabled-date="disabledDate" style="margin-left: 0.8rem" @calendarChange="calendarPriceRangeChange" :size="$vuiSize" valueFormat="YYYY-MM-DD" v-if="form.sTimeType == selVal" @change="handlerChangeTime"> <a-range-picker show-time v-model="selTime" :disabled-date="disabledDate" style="margin-left: 0.8rem" @calendarChange="calendarPriceRangeChange" :size="$vuiSize" valueFormat="YYYY-MM-DD HH:mm:ss" v-if="form.sTimeType == selVal" @change="handlerChangeTime">
<a-icon slot="suffixIcon" type="calendar" /> <a-icon slot="suffixIcon" type="calendar" />
</a-range-picker> </a-range-picker>

14
src/styles/antd.less
Unescape View File

@ -239,3 +239,17 @@
.ant-checkbox-disabled + span { .ant-checkbox-disabled + span {
color: #fff !important; color: #fff !important;
} }
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
background-color: #010B19 !important;
}
li.ant-calendar-time-picker-select-option-selected {
background-color: #010B19 !important;
}
.ant-calendar-range .ant-calendar-header {
border-bottom: 1px solid #ccc !important;
}
.ant-calendar-time-picker-select li {
&:hover {
background: #3373CC !important;
}
}

4
src/views/BrandInsight/brandData/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-11 18:42:58 * @Date: 2021-10-11 18:42:58
* @LastEditTime: 2021-10-29 19:16:45 * @LastEditTime: 2021-11-01 09:57:44
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 品牌数据 * @Description: 品牌数据
* @FilePath: /data-show/src/views/BrandInsight/brandData/index.vue * @FilePath: /data-show/src/views/BrandInsight/brandData/index.vue
@ -91,7 +91,7 @@ export default {
methods: { methods: {
getBrandOverviewCount0528() { getBrandOverviewCount0528() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getBrandOverviewCount0528(obj) getBrandOverviewCount0528(obj)
.then((res) => { .then((res) => {
this.count = res.data.count; this.count = res.data.count;

4
src/views/BrandInsight/brandTop/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-12 09:03:51 * @Date: 2021-10-12 09:03:51
* @LastEditTime: 2021-10-27 10:49:45 * @LastEditTime: 2021-11-01 09:58:03
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 品牌TOP车型 * @Description: 品牌TOP车型
* @FilePath: /data-show/src/views/BrandInsight/brandTop/index.vue * @FilePath: /data-show/src/views/BrandInsight/brandTop/index.vue
@ -39,7 +39,7 @@ export default {
methods: { methods: {
getData() { getData() {
this.load = true; this.load = true;
let obj = Object.assign({},this.getCommTime, this.form); let obj = Object.assign({},this.getCtime2, this.form);
getCartypeTop10(obj).then(res => { getCartypeTop10(obj).then(res => {
let data = res.data || {}; let data = res.data || {};
let dx = []; let dx = [];

4
src/views/BrandInsight/forumCommunicationTrend/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 16:33:38 * @Date: 2021-10-12 16:33:38
* @LastEditTime: 2021-10-27 10:51:37 * @LastEditTime: 2021-11-01 09:58:14
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/forumCommunicationTrend/index.vue * @FilePath: /data-show/src/views/BrandInsight/forumCommunicationTrend/index.vue
@ -37,7 +37,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getBbsCountTime(obj).then(res => { getBbsCountTime(obj).then(res => {
let data = res.data || []; let data = res.data || [];
let dx = []; let dx = [];

4
src/views/BrandInsight/forumHotTopicDirection/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 16:48:36 * @Date: 2021-10-12 16:48:36
* @LastEditTime: 2021-10-27 10:51:52 * @LastEditTime: 2021-11-01 09:58:25
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/forumHotTopicDirection/index.vue * @FilePath: /data-show/src/views/BrandInsight/forumHotTopicDirection/index.vue
@ -55,7 +55,7 @@ export default {
return newArray; return newArray;
}, },
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getHotTopic0528(obj).then((res) => { getHotTopic0528(obj).then((res) => {
let data = res.data || []; let data = res.data || [];
let groupedArray = this.group(data, 5); let groupedArray = this.group(data, 5);

4
src/views/BrandInsight/keyMedia/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 18:43:22 * @Date: 2021-10-12 18:43:22
* @LastEditTime: 2021-10-27 10:52:13 * @LastEditTime: 2021-11-01 09:58:35
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/keyMedia/index.vue * @FilePath: /data-show/src/views/BrandInsight/keyMedia/index.vue
@ -41,7 +41,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getWebsite(obj).then((res) => { getWebsite(obj).then((res) => {
let data = res.data || {}; let data = res.data || {};
let arr = []; let arr = [];

4
src/views/BrandInsight/popularEvents/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-12 11:06:58 * @Date: 2021-10-12 11:06:58
* @LastEditTime: 2021-10-29 20:15:04 * @LastEditTime: 2021-11-01 09:58:44
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 热门事件 * @Description: 热门事件
* @FilePath: /data-show/src/views/BrandInsight/popularEvents/index.vue * @FilePath: /data-show/src/views/BrandInsight/popularEvents/index.vue
@ -39,7 +39,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true; this.load = true;
getHotEventsType(obj).then((res) => { getHotEventsType(obj).then((res) => {
let data = res.data; let data = res.data;

4
src/views/BrandInsight/popularEventsList/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-12 10:50:44 * @Date: 2021-10-12 10:50:44
* @LastEditTime: 2021-10-29 18:58:59 * @LastEditTime: 2021-11-01 09:58:55
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 热门事件列表 * @Description: 热门事件列表
* @FilePath: /data-show/src/views/BrandInsight/popularEventsList/index.vue * @FilePath: /data-show/src/views/BrandInsight/popularEventsList/index.vue
@ -40,7 +40,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true; this.load = true;
getHotEventsList0528(obj).then((res) => { getHotEventsList0528(obj).then((res) => {
let data = res.data || []; let data = res.data || [];

4
src/views/BrandInsight/popularwordCloud/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 19:16:46 * @Date: 2021-10-12 19:16:46
* @LastEditTime: 2021-10-27 10:52:45 * @LastEditTime: 2021-11-01 09:59:02
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/popularwordCloud/index.vue * @FilePath: /data-show/src/views/BrandInsight/popularwordCloud/index.vue
@ -38,7 +38,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true; this.load = true;
getHotWord(obj).then((res) => { getHotWord(obj).then((res) => {
let data = res.data; let data = res.data;

4
src/views/BrandInsight/rearWingPropagationSituation/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 18:35:53 * @Date: 2021-10-12 18:35:53
* @LastEditTime: 2021-10-27 10:52:53 * @LastEditTime: 2021-11-01 09:59:10
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/rearWingPropagationSituation/index.vue * @FilePath: /data-show/src/views/BrandInsight/rearWingPropagationSituation/index.vue
@ -38,7 +38,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true; this.load = true;
getWeiYiVolumeTime(obj).then(res => { getWeiYiVolumeTime(obj).then(res => {
let data = res.data || []; let data = res.data || [];

4
src/views/BrandInsight/spreadTOPmodels/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 18:18:20 * @Date: 2021-10-12 18:18:20
* @LastEditTime: 2021-10-27 10:53:04 * @LastEditTime: 2021-11-01 09:59:18
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/spreadTOPmodels/index.vue * @FilePath: /data-show/src/views/BrandInsight/spreadTOPmodels/index.vue
@ -38,7 +38,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({},this.getCommTime, this.form); let obj = Object.assign({},this.getCtime2, this.form);
this.load = true; this.load = true;
agetCartypeTop10(obj).then(res => { agetCartypeTop10(obj).then(res => {
let data = res.data || {}; let data = res.data || {};

4
src/views/BrandInsight/titsopo/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-12 09:32:35 * @Date: 2021-10-12 09:32:35
* @LastEditTime: 2021-10-28 13:12:46 * @LastEditTime: 2021-11-01 09:59:32
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 舆情传播趋势 * @Description: 舆情传播趋势
* @FilePath: /data-show/src/views/BrandInsight/titsopo/index.vue * @FilePath: /data-show/src/views/BrandInsight/titsopo/index.vue
@ -46,7 +46,7 @@ export default {
methods: { methods: {
// 获取数据 // 获取数据
getData() { getData() {
let obj = Object.assign({},this.getCommTime, this.form); let obj = Object.assign({},this.getCtime2, this.form);
this.load = true; this.load = true;
getSourcetypeTime(obj).then(res => { getSourcetypeTime(obj).then(res => {
let data = res.data || []; let data = res.data || [];

4
src/views/BrandInsight/weiboKol/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 14:19:53 * @Date: 2021-10-12 14:19:53
* @LastEditTime: 2021-10-27 10:53:25 * @LastEditTime: 2021-11-01 09:59:47
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 微博KOL * @Description: 微博KOL
* @FilePath: /data-show/src/views/BrandInsight/weiboKol/index.vue * @FilePath: /data-show/src/views/BrandInsight/weiboKol/index.vue
@ -72,7 +72,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true; this.load = true;
getBoauthenCount0528(obj).then((res) => { getBoauthenCount0528(obj).then((res) => {
let data = res.data || []; let data = res.data || [];

4
src/views/BrandInsight/weiboPortraits/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 15:06:47 * @Date: 2021-10-12 15:06:47
* @LastEditTime: 2021-10-27 10:53:36 * @LastEditTime: 2021-11-01 10:00:02
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/weiboPortraits/index.vue * @FilePath: /data-show/src/views/BrandInsight/weiboPortraits/index.vue
@ -108,7 +108,7 @@ export default {
// 获取数据 // 获取数据
getData() { getData() {
this.load = true; this.load = true;
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getSexMergeWeiBo(obj).then((res) => { getSexMergeWeiBo(obj).then((res) => {
let data = res.data; let data = res.data;
let attestation = data.attestation || {}; let attestation = data.attestation || {};

4
src/views/BrandInsight/weiboVolumeTrend/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-12 15:24:48 * @Date: 2021-10-12 15:24:48
* @LastEditTime: 2021-10-27 10:53:45 * @LastEditTime: 2021-11-01 10:00:09
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/weiboVolumeTrend/index.vue * @FilePath: /data-show/src/views/BrandInsight/weiboVolumeTrend/index.vue
@ -39,7 +39,7 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
let obj = Object.assign({}, this.getCommTime, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true; this.load = true;
getCountTime0528(obj).then(res => { getCountTime0528(obj).then(res => {
let data = res.data || []; let data = res.data || [];

45
src/views/Index/dynamicNumber/index.vue
Unescape View File

@ -1,13 +1,14 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-09 14:25:05 * @Date: 2021-10-09 14:25:05
* @LastEditTime: 2021-10-28 11:56:49 * @LastEditTime: 2021-11-01 11:37:58
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 大数据统计gif * @Description: 大数据统计gif
* @FilePath: /data-show/src/views/Index/dynamicNumber/index.vue * @FilePath: /data-show/src/views/Index/dynamicNumber/index.vue
--> -->
<template> <template>
<div class="dy-outter" v-loading="load"> <div class="dy-outter" v-loading="load">
<img src="../../../assets/images/Index/d3.gif" class="load-m1">
<div class="d1" @click="handlerClick(6)"> <div class="d1" @click="handlerClick(6)">
<span class="s1">APP</span> <span class="s1">APP</span>
<span class="s2"> <span class="s2">
@ -154,20 +155,24 @@ export default {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("../../../assets/images/Index/d3.gif"); .load-m1 {
background-repeat: no-repeat; position: absolute;
background-size: cover; width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.d1 { .d1 {
position: absolute; position: absolute;
display: flex; display: flex;
width: 280px; width: 280px;
height: 60px; height: 9%;
background-image: url("../../../assets/images/Index/img_jbtter.png"); background-image: url("../../../assets/images/Index/img_jbtter.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
top: 240px; top: 38%;
left: 0px; left: 0px;
cursor: pointer; cursor: pointer;
.s1 { .s1 {
@ -188,13 +193,13 @@ export default {
position: absolute; position: absolute;
display: flex; display: flex;
width: 280px; width: 280px;
height: 60px; height: 9%;
background-image: url("../../../assets/images/Index/img_jbtter.png"); background-image: url("../../../assets/images/Index/img_jbtter.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
top: 240px; top: 10%;
left: 0px; left: 0px;
cursor: pointer; cursor: pointer;
.s2 { .s2 {
@ -214,12 +219,12 @@ export default {
.d3 { .d3 {
position: absolute; position: absolute;
width: 320px; width: 320px;
height: 82px; height: 13%;
background-image: url("../../../assets/images/Index/img_jbtt.png"); background-image: url("../../../assets/images/Index/img_jbtt.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
left: 308px; left: 30%;
top: 323px; top: 47%;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
@ -241,23 +246,23 @@ export default {
} }
} }
.dd1 { .dd1 {
top: 360px !important; top: 58% !important;
left: 0px !important; left: 0px !important;
} }
.dd2 { .dd2 {
top: 60px !important; top: 15% !important;
left: 456px !important; left: 45% !important;
} }
.dd3 { .dd3 {
top: 220px !important; top: 36% !important;
left: 622px !important; left: 70% !important;
} }
.dd4 { .dd4 {
top: 360px !important; top: 60% !important;
left: 622px !important; left: 70% !important;
} }
.dd5 { .dd5 {
top: 460px !important; top: 72% !important;
left: 250px !important; left: 29% !important;
} }
</style> </style>

9
src/views/Index/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-08 09:17:42 * @Date: 2021-10-08 09:17:42
* @LastEditTime: 2021-10-29 21:47:51 * @LastEditTime: 2021-11-01 11:22:01
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 行业洞察 * @Description: 行业洞察
* @FilePath: /data-show/src/views/Index/index.vue * @FilePath: /data-show/src/views/Index/index.vue
@ -172,7 +172,7 @@ export default {
padding: 0px 16px 16px 16px; padding: 0px 16px 16px 16px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
height: calc(100vh - 84px); height: calc(100vh - 80px);
.d1 { .d1 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -188,13 +188,16 @@ export default {
margin-left: 16px; margin-left: 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
.d2-top { .d2-top {
width: 100%; width: 100%;
height: 644px; height: 59.4%;
overflow: hidden;
} }
.d2-bottom { .d2-bottom {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
height: 316px;
} }
} }
} }

7
src/views/Index/keyCommunicationPositions/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-08 16:37:30 * @Date: 2021-10-08 16:37:30
* @LastEditTime: 2021-11-01 09:16:04 * @LastEditTime: 2021-11-01 11:11:28
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 传播重点阵地 * @Description: 传播重点阵地
* @FilePath: /data-show/src/views/Index/key-communication-positions/index.vue * @FilePath: /data-show/src/views/Index/key-communication-positions/index.vue
@ -78,5 +78,10 @@ export default {
justify-content: flex-start; justify-content: flex-start;
padding: 0 16px; padding: 0 16px;
height: calc(100% - 48px); height: calc(100% - 48px);
overflow: hidden;
.d1 {
display: flex;
flex-direction: column;
}
} }
</style> </style>

4
src/views/ModelInsight/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-25 13:12:20 * @Date: 2021-10-25 13:12:20
* @LastEditTime: 2021-10-28 18:48:58 * @LastEditTime: 2021-11-01 09:54:33
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/ModelInsight/index.vue * @FilePath: /data-show/src/views/ModelInsight/index.vue
@ -10,7 +10,7 @@
<div class="d-container"> <div class="d-container">
<div class="ml-outter"> <div class="ml-outter">
<div class="ml-d1"> <div class="ml-d1">
<ml-brand-data></ml-brand-data> <ml-brand-data :brand="brand" :model="model"></ml-brand-data>
<div class="bdl-d1-dd2"> <div class="bdl-d1-dd2">
<img class="m1" src="../../assets/images/ModelInsight/img_cxdb.png" @click="goRouter('/brandComparison')" /> <img class="m1" src="../../assets/images/ModelInsight/img_cxdb.png" @click="goRouter('/brandComparison')" />
<div class="bdl-d1-dd2-d1"> <div class="bdl-d1-dd2-d1">

63
src/views/ModelInsight/ml-brand-data/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-25 13:20:36 * @Date: 2021-10-25 13:20:36
* @LastEditTime: 2021-10-28 19:17:26 * @LastEditTime: 2021-11-01 10:25:44
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/ModelInsight/ml-brand-data/index.vue * @FilePath: /data-show/src/views/ModelInsight/ml-brand-data/index.vue
@ -17,7 +17,15 @@
<span class="s1">传播数据总量</span> <span class="s1">传播数据总量</span>
</div> </div>
<div class="d2"> <div class="d2">
74,073,195 <a-popover title="传播数据总量">
<template slot="content">
<div class="pd-item" v-for="(item,index) in totalArr" :key="index">
<span>{{item.key}}</span>
<span>{{item.value}}</span>
</div>
</template>
<span class="s2">{{count}}</span>
</a-popover>
</div> </div>
</div> </div>
<div class="mbd-d1" style="margin-top: 16px"> <div class="mbd-d1" style="margin-top: 16px">
@ -26,7 +34,7 @@
<span class="s1">占品牌传播比例</span> <span class="s1">占品牌传播比例</span>
</div> </div>
<div class="d2"> <div class="d2">
30.50% {{countPercent}}%
</div> </div>
</div> </div>
<div class="mbd-d1" style="margin-top: 16px"> <div class="mbd-d1" style="margin-top: 16px">
@ -45,7 +53,7 @@
</template> </template>
<script> <script>
// import {getBrandOverviewCount0528} from "@/api/ModelInsight" import { getBrandOverviewCount0528 } from "@/api/ModelInsight";
export default { export default {
name: "ml-brand-data", name: "ml-brand-data",
props: ["brand", "model"], props: ["brand", "model"],
@ -54,19 +62,39 @@ export default {
form: { form: {
sBrand: "", sBrand: "",
sSeriesName: "", sSeriesName: "",
token: "" token: "",
} },
} totalArr: [],
count: 0,
countPercent: 0,
};
}, },
created() { watch: {
this.form.token = this.getToken; model: {
this.form.sBrand = this.brand; handler(val) {
this.form.sSeriesName = this.model; if (val) {
this.form.token = this.getToken;
this.form.sBrand = this.brand;
this.form.sSeriesName = this.model;
this.getData1();
}
},
immediate: true,
},
}, },
created() {},
methods: { methods: {
getData1() {
} let obj = Object.assign({}, this.getCtime2, this.form);
getBrandOverviewCount0528(obj).then((res) => {
let data = res.data;
this.count = data.count;
this.countPercent = data.countPercent;
this.totalArr = data.data;
console.log(this.totalArr)
});
},
},
}; };
</script> </script>
@ -120,4 +148,11 @@ export default {
} }
} }
} }
.pd-item {
display: flex;
justify-content: space-between;
color: #fff;
border-bottom: 1px solid #173b6d;
padding: 10px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save