parent
724554637b
commit
c6ee2a958d
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 51 KiB |
@ -0,0 +1,153 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-11 18:42:58
|
||||
* @LastEditTime: 2021-11-29 10:48:33
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 品牌数据
|
||||
* @FilePath: /data-show/src/views/BrandInsight/brandData/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="bd-outter">
|
||||
<v-label-div title="品牌数据"></v-label-div>
|
||||
<div class="bd-inner">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import { getBrandOverviewCount0528, getAffections } from "@/api/BrandInsight";
|
||||
export default {
|
||||
name: "brandData",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
count: 0,
|
||||
countArr: [],
|
||||
form: {
|
||||
token: "",
|
||||
sBrand: "",
|
||||
},
|
||||
affObj: {
|
||||
a: 0,
|
||||
b: 0,
|
||||
c: 0,
|
||||
z: 0,
|
||||
},
|
||||
};
|
||||
},
|
||||
// created() {
|
||||
// this.form.token = this.getToken;
|
||||
// this.form.sBrand = this.getBrand.brandname || this.brand;
|
||||
// this.load = true;
|
||||
// Promise.all([
|
||||
// this.getBrandOverviewCount0528(),
|
||||
// this.getAffections(),
|
||||
// ]).then(() => {
|
||||
// this.load = false;
|
||||
// });
|
||||
// },
|
||||
// methods: {
|
||||
// getBrandOverviewCount0528() {
|
||||
// return new Promise((resolve, reject) => {
|
||||
// let obj = Object.assign({}, this.getCtime2, this.form);
|
||||
// getBrandOverviewCount0528(obj)
|
||||
// .then((res) => {
|
||||
// this.count = res.data.count;
|
||||
// this.countArr = res.data.data || [];
|
||||
// resolve(true);
|
||||
// })
|
||||
// .catch(() => {
|
||||
// reject(false);
|
||||
// });
|
||||
// });
|
||||
// },
|
||||
// getAffections() {
|
||||
// return new Promise((resolve, reject) => {
|
||||
// let obj = Object.assign({}, this.getCommTime, this.form);
|
||||
// getAffections(obj)
|
||||
// .then((res) => {
|
||||
// let data = res.data || {};
|
||||
// this.affObj.a = data["正面"] || 0;
|
||||
// this.affObj.b = data["中性"] || 0;
|
||||
// this.affObj.c = data["负面"] || 0;
|
||||
// this.affObj.z =
|
||||
// this.affObj.a * 1 +
|
||||
// this.affObj.b * 1 +
|
||||
// this.affObj.c * 1;
|
||||
// resolve(true);
|
||||
// })
|
||||
// .catch(() => {
|
||||
// reject(false);
|
||||
// });
|
||||
// });
|
||||
// },
|
||||
// },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.bd-outter {
|
||||
width: 620px;
|
||||
height: 272px;
|
||||
border: 2px solid #0f2a4d;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.bd-inner {
|
||||
padding: 16px;
|
||||
.bd-o-d1 {
|
||||
width: 588px;
|
||||
height: 88px;
|
||||
border: 1px solid #0f2a4d;
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.d1 {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
.m1 {
|
||||
display: block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.s1 {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
.s2 {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 44px;
|
||||
font-family: Bebas;
|
||||
margin-right: 16px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 276px;
|
||||
cursor: pointer;
|
||||
.s2-s1 {
|
||||
display: block;
|
||||
width: 102px;
|
||||
height: 36px;
|
||||
background: #3373cc;
|
||||
margin-right: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.pd-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
border-bottom: 1px solid #173b6d;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,74 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-12 09:03:51
|
||||
* @LastEditTime: 2021-11-01 09:58:03
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 品牌TOP车型
|
||||
* @FilePath: /data-show/src/views/BrandInsight/brandTop/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="bt-outter">
|
||||
<v-label-div title="品牌TOP车型"></v-label-div>
|
||||
<div class="bt-inner">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import {getCartypeTop10} from "@/api/BrandInsight"
|
||||
// import createOpt from "./opt"
|
||||
export default {
|
||||
name: "brand-top",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
token: "",
|
||||
sBrand: '奥迪',
|
||||
},
|
||||
opt: {},
|
||||
}
|
||||
},
|
||||
// created() {
|
||||
// this.form.token = this.getToken;
|
||||
// this.form.sBrand = this.getBrand.brandname || this.brand;
|
||||
// this.getData()
|
||||
// },
|
||||
// methods: {
|
||||
// getData() {
|
||||
// this.load = true;
|
||||
// let obj = Object.assign({},this.getCtime2, this.form);
|
||||
// getCartypeTop10(obj).then(res => {
|
||||
// let data = res.data || {};
|
||||
// let dx = [];
|
||||
// let ds = [];
|
||||
// for(let key in data) {
|
||||
// dx.push(key);
|
||||
// ds.push(data[key])
|
||||
// }
|
||||
// this.opt = createOpt(dx,ds);
|
||||
// this.load = false;
|
||||
// })
|
||||
// },
|
||||
// clickEchars(data) {
|
||||
// let ele = data[0];
|
||||
// let model = ele.axisValueLabel;
|
||||
// this.setModel({name: model});
|
||||
// this.$router.push("/modelInsight");
|
||||
// }
|
||||
// }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.bt-outter {
|
||||
width: 620px;
|
||||
height: 272px;
|
||||
border: 2px solid #0f2a4d;
|
||||
margin-top: 16px;
|
||||
.bt-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,41 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 16:33:38
|
||||
* @LastEditTime: 2021-11-01 18:06:19
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/forumCommunicationTrend/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="fct-outter">
|
||||
<v-label-div title="论坛传播态势" :showLine="false" :eStyle="{ 'border-style': 'none' }"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "forum-communication-trend",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.fct-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
.fct-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 16:48:36
|
||||
* @LastEditTime: 2021-11-01 18:07:12
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/forumHotTopicDirection/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="fhtd-outter">
|
||||
<v-label-div title="论坛热议话题方向" :showLine="false" :eStyle="{ 'border-style': 'none' }" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "forumHotTopicDirection",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
token: "",
|
||||
},
|
||||
d1: [],
|
||||
d2: [],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.fhtd-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.fhtd-inner {
|
||||
padding: 0px 16px 16px 16px;
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,43 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 18:43:22
|
||||
* @LastEditTime: 2021-11-01 18:57:42
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/keyMedia/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="km-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "keyMedia",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
token: "",
|
||||
sBrand: "奥迪",
|
||||
},
|
||||
opt: {},
|
||||
pdata: []
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.km-outter {
|
||||
position: relative;
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.km-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,99 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-12 10:50:44
|
||||
* @LastEditTime: 2021-11-17 15:56:14
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 热门事件列表
|
||||
* @FilePath: /data-show/src/views/BrandInsight/popularEventsList/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="pe-ouuter">
|
||||
<v-label-div title="热门事件列表" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
|
||||
<div class="pe-inner">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import { getHotEventsList0528 } from "@/api/BrandInsight";
|
||||
export default {
|
||||
name: "popularEventsList",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
token: "",
|
||||
iPageIndex: 1,
|
||||
iPageSize: 100,
|
||||
},
|
||||
config: {},
|
||||
darr: []
|
||||
};
|
||||
},
|
||||
// created() {
|
||||
// this.form.token = this.getToken;
|
||||
// this.form.sBrand = this.getBrand.brandname || this.brand;
|
||||
// this.getData();
|
||||
// },
|
||||
// methods: {
|
||||
// getData() {
|
||||
// let obj = Object.assign({}, this.getCtime2, this.form);
|
||||
// this.load = true;
|
||||
// getHotEventsList0528(obj).then((res) => {
|
||||
// let data = res.data || [];
|
||||
// let arr = [];
|
||||
// let arr2 = [];
|
||||
// data.forEach((ele) => {
|
||||
// let a = [
|
||||
// `<span style='cursor: pointer;'>${ele.events_title}</span>`,
|
||||
// ele.count,
|
||||
// ele.ctime,
|
||||
// ele.events_series
|
||||
// ];
|
||||
// let b = [
|
||||
// `<span style='cursor: pointer;'>${ele.events_title}</span>`,
|
||||
// ele.count,
|
||||
// ele.ctime,
|
||||
// ele.events_series,
|
||||
// ele.events_id
|
||||
// ];
|
||||
// arr.push(a);
|
||||
// arr2.push(b);
|
||||
// });
|
||||
// this.darr = arr2;
|
||||
// this.config = {
|
||||
// headerBGC: "rgba(16,33,59)",
|
||||
// oddRowBGC: "#173b6d",
|
||||
// evenRowBGC: "rgba(69, 149, 244, 0)",
|
||||
// columnWidth: [550,80,100,80],
|
||||
// rowNum: 6,
|
||||
// header: ["事件列表", "影响力", "时间", "关联车型"],
|
||||
// data: arr,
|
||||
// };
|
||||
// this.load = false;
|
||||
// });
|
||||
// },
|
||||
// handlerItem(row) {
|
||||
// let ele = this.darr[row.rowIndex];
|
||||
// if(row.columnIndex === 0) {
|
||||
// let id = ele[4];
|
||||
// this.$router.push({path: '/eventDEC', query: {events_id: id}});
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pe-ouuter {
|
||||
width: 912px;
|
||||
height: 412px;
|
||||
.pe-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,109 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-12 11:06:58
|
||||
* @LastEditTime: 2021-11-16 15:43:24
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 热门事件
|
||||
* @FilePath: /data-show/src/views/BrandInsight/popularEvents/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="pe-outter">
|
||||
<v-label-div title="热点事件" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
|
||||
<div class="pe-inner">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import moment from "moment";
|
||||
// import { getHotEventsType } from "@/api/BrandInsight";
|
||||
// import createOpt from "./opt";
|
||||
export default {
|
||||
name: "popularEvents",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {},
|
||||
};
|
||||
},
|
||||
// created() {
|
||||
// this.form.token = this.getToken;
|
||||
// this.form.sBrand = this.getBrand.brandname || this.brand;
|
||||
// this.getData();
|
||||
// },
|
||||
// methods: {
|
||||
// getData() {
|
||||
// let obj = Object.assign({}, this.getCtime2, this.form);
|
||||
// this.load = true;
|
||||
// getHotEventsType(obj).then((res) => {
|
||||
// let data = res.data;
|
||||
// let arr = data.Data || [];
|
||||
// let type = data.Type || {};
|
||||
// let obj = {};
|
||||
// Object.keys(type).forEach((ele) => {
|
||||
// obj[ele] = [];
|
||||
// });
|
||||
// this.sortDataArr(arr)
|
||||
// let dx = [];
|
||||
// arr.forEach((ele) => {
|
||||
// let m1 = moment(ele.maxSourcetime).format('HH:mm');
|
||||
// // let m2 = moment(m1).valueOf()
|
||||
// dx.push(m1)
|
||||
// let a = [
|
||||
// m1,
|
||||
// ele.events_count * 1,
|
||||
// ele.events_influence,
|
||||
// ele.events_brand,
|
||||
// ele.events_title,
|
||||
// ele.events_type,
|
||||
// ele.maxSourcetime,
|
||||
// ele.summary,
|
||||
// ];
|
||||
// obj[ele.events_type].push(a);
|
||||
// });
|
||||
|
||||
// this.opt = createOpt(dx, obj);
|
||||
// this.load = false;
|
||||
// });
|
||||
// },
|
||||
// // 数组排序
|
||||
// sortDataArr(arr) {
|
||||
// for(let i=0; i < arr.length; i++) {
|
||||
// for(let j = i+1; j < arr.length; j++) {
|
||||
// let t1 = moment(arr[i].maxSourcetime).format('HH:mm');
|
||||
// let t2 = moment(arr[j].maxSourcetime).format('HH:mm');
|
||||
// let a = t1.split(":");
|
||||
// let x1 = a[0]*60 + a[1]*1;
|
||||
// let b = t2.split(":");
|
||||
// let x2 = b[0]*60 + b[1]*1;
|
||||
// let diff = x2 - x1;
|
||||
// if(diff < 0) {
|
||||
// let ele1 = arr[i];
|
||||
// let ele2 = arr[j];
|
||||
// let ele3 = ele1;
|
||||
// arr[i] = ele2;
|
||||
// arr[j] = ele3;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pe-outter {
|
||||
width: 928px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.pe-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,40 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 19:16:46
|
||||
* @LastEditTime: 2021-11-01 09:59:02
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/popularwordCloud/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="pwc-outter">
|
||||
<v-label-div title="热门词云" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "popularwordCloud",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
token: "",
|
||||
sBrand: "奥迪",
|
||||
},
|
||||
opt: {},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pwc-outter {
|
||||
width: 628px;
|
||||
height: 412px;
|
||||
.pwd-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,39 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 18:35:53
|
||||
* @LastEditTime: 2021-11-01 09:59:10
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/rearWingPropagationSituation/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="rwps-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "rearWingPropagationSituation",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
token: "",
|
||||
sBrand: "奥迪",
|
||||
},
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.rwps-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
.rwps-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,39 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 18:18:20
|
||||
* @LastEditTime: 2021-11-01 09:59:18
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/spreadTOPmodels/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="stm-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "spreadTOPmodels",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
token: "",
|
||||
sBrand: '奥迪',
|
||||
},
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.stm-outter {
|
||||
width: 628px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.stm-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,168 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-12 09:32:35
|
||||
* @LastEditTime: 2021-12-03 18:50:01
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 舆情传播趋势
|
||||
* @FilePath: /data-show/src/views/BrandInsight/titsopo/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="tit-outter" v-loading="load">
|
||||
<div class="tit-header">
|
||||
<a-button type="primary" size="small" v-has="'btn_brand_datalist'">进入数据列表页</a-button>
|
||||
<a-button type="primary" style="margin-left: 1rem;margin-right: 1rem;" size="small" :loading="btnLoading" v-has="'btn_brand_toppt'">导出报告</a-button>
|
||||
</div>
|
||||
<div class="tit-inner">
|
||||
<vLabel-div title="舆情传播趋势"></vLabel-div>
|
||||
<div class="tit-bd">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import { getSourcetypeTime, getToPptTask } from "@/api/BrandInsight";
|
||||
// import moment from "moment";
|
||||
// import createOpt from "./opt";
|
||||
export default {
|
||||
name: "titsopo",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
// load: false,
|
||||
// btnLoading: false,
|
||||
form: {
|
||||
token: "",
|
||||
sBrand: "奥迪",
|
||||
},
|
||||
opt: {},
|
||||
};
|
||||
},
|
||||
// created() {
|
||||
// this.form.token = this.getToken;
|
||||
// this.form.sBrand = this.getBrand.brandname || this.brand;
|
||||
// this.getData();
|
||||
// },
|
||||
// methods: {
|
||||
// // 获取数据
|
||||
// getData() {
|
||||
// let obj = Object.assign({}, this.getCtime2, this.form);
|
||||
// this.load = true;
|
||||
// getSourcetypeTime(obj).then((res) => {
|
||||
// let data = res.data || [];
|
||||
// let dx = [];
|
||||
// let ds = [];
|
||||
// data.forEach((ele) => {
|
||||
// let time = ele.Time;
|
||||
// let value = ele.Data;
|
||||
// dx.push(time);
|
||||
// ds.push(value);
|
||||
// });
|
||||
// this.opt = createOpt(dx, ds);
|
||||
// this.load = false;
|
||||
// });
|
||||
// },
|
||||
// // 前往数据表格
|
||||
// goIDE() {
|
||||
// if(!this.btnPrm('btn_brand_datalist')) {
|
||||
// return
|
||||
// }
|
||||
// let startTime = "";
|
||||
// let endTime = moment(new Date()).format("YYYY-MM-DD HH:mm:ss");
|
||||
// let cTime2 = this.getCtime2;
|
||||
// let sTimeType = 34;
|
||||
// sTimeType = cTime2.sTimeType
|
||||
// if(cTime2.sTimeType == 4) {
|
||||
// startTime = cTime2.sStartTime;
|
||||
// endTime = cTime2.sEndTime;
|
||||
// } else {
|
||||
// startTime = "";
|
||||
// endTime = ""
|
||||
// }
|
||||
// this.$router.push({
|
||||
// path: "/industryDataExport",
|
||||
// query: {
|
||||
// startTime,
|
||||
// endTime,
|
||||
// sTimeType,
|
||||
// token: this.getToken,
|
||||
// action: "getList",
|
||||
// sType: "BrandData",
|
||||
// brand: this.form.sBrand,
|
||||
// title: "品牌-行业数据",
|
||||
// },
|
||||
// });
|
||||
// },
|
||||
// //
|
||||
// clickEchars(data = []) {
|
||||
// if(!this.btnPrm('btn_brand_datalist')) {
|
||||
// return
|
||||
// }
|
||||
// let qudao = [];
|
||||
// let startTime = "";
|
||||
// let endTime = moment(new Date()).format("YYYY-MM-DD HH:mm:ss");
|
||||
// console.log(data)
|
||||
// data.forEach((ele) => {
|
||||
// let seriesName = ele.seriesName;
|
||||
// startTime = ele.name;
|
||||
// qudao.push(seriesName);
|
||||
// });
|
||||
// let sTimeType = 4;
|
||||
// this.$router.push({
|
||||
// path: "/industryDataExport",
|
||||
// query: {
|
||||
// startTime,
|
||||
// endTime,
|
||||
// qudao,
|
||||
// sTimeType,
|
||||
// token: this.getToken,
|
||||
// action: "getList",
|
||||
// sType: "BrandData",
|
||||
// brand: this.form.sBrand,
|
||||
// title: "品牌-行业数据",
|
||||
// },
|
||||
// });
|
||||
// },
|
||||
// // 导出报告
|
||||
// exportData() {
|
||||
// let obj = Object.assign({}, this.getCtime2, this.form);
|
||||
// obj.sType = 'ToBrandPptV6'
|
||||
// this.btnLoading = true;
|
||||
// getToPptTask(obj).then(() => {
|
||||
// this.$notification.open({
|
||||
// message: `数据生成中`,
|
||||
// description: '请前往个人中心查看下载进度',
|
||||
// placement: 'bottomRight',
|
||||
// });
|
||||
// this.btnLoading = false;
|
||||
// })
|
||||
// }
|
||||
// },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.tit-outter {
|
||||
width: 618px;
|
||||
height: 560px;
|
||||
margin-left: 16px;
|
||||
.tit-header {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
background: linear-gradient(270deg, #07192f 0%, #010b19 100%);
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
.tit-inner {
|
||||
width: 100%;
|
||||
height: 490px;
|
||||
margin-top: 16px;
|
||||
border: 2px solid #0f2a4d;
|
||||
.tit-bd {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,81 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 14:19:53
|
||||
* @LastEditTime: 2021-11-01 09:59:47
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 微博KOL
|
||||
* @FilePath: /data-show/src/views/BrandInsight/weiboKol/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="wk-outter">
|
||||
<div class="wk-inner">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "weiboKol",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {},
|
||||
labelData: [],
|
||||
total: 0,
|
||||
colors: [
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wk-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
.wk-inner {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.wk-in-d1 {
|
||||
width: 310px;
|
||||
height: 100%;
|
||||
.wk-in-d1-dd1 {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
.wk-in-d2 {
|
||||
width: 310px;
|
||||
height: auto;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,78 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 15:06:47
|
||||
* @LastEditTime: 2021-11-01 10:00:02
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/weiboPortraits/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="wp-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "weiboPortraits",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
token: "",
|
||||
},
|
||||
attestation: [], // 认证
|
||||
sex: [], // 性别
|
||||
region: [], // 地区
|
||||
opt: {},
|
||||
labelData: [],
|
||||
totalData: 0,
|
||||
colors: [
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wp-outter {
|
||||
width: 628px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.wp-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
.wp-in-d1 {
|
||||
width: 310px;
|
||||
height: 100%;
|
||||
}
|
||||
.wp-in-d2 {
|
||||
width: 310px;
|
||||
height: auto;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,42 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 15:24:48
|
||||
* @LastEditTime: 2021-11-01 10:00:09
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/weiboVolumeTrend/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="wvt-outter">
|
||||
<v-label-div title="微博声量趋势" :showLine="false" :eStyle="{ 'border-style': 'none' }">
|
||||
</v-label-div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "weibo-volume-trend",
|
||||
props: ["brand"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wvt-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.wvt-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,104 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-25 13:20:36
|
||||
* @LastEditTime: 2021-11-29 10:22:21
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/ModelInsight/ml-brand-data/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="mbd-outter">
|
||||
<v-label-div title="车型数据"></v-label-div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "ml-brand-data",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
totalArr: [],
|
||||
count: 0,
|
||||
countPercent: 0,
|
||||
affObj: {
|
||||
a: 0,
|
||||
b: 0,
|
||||
c: 0,
|
||||
z: 0,
|
||||
},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.mbd-outter {
|
||||
width: 620px;
|
||||
height: 580px;
|
||||
border: 2px solid #0f2a4d;
|
||||
.mbd-inner {
|
||||
padding: 16px;
|
||||
.mbd-d1 {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
border: 1px solid #0f2a4d;
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.d1 {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
.m1 {
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.s1 {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
color: #fcfdfe;
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
.d2 {
|
||||
font-size: 44px;
|
||||
font-family: Bebas;
|
||||
color: #ffffff;
|
||||
margin-right: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.s2 {
|
||||
margin-right: 0px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
cursor: pointer;
|
||||
width: 274px;
|
||||
.s2-s1 {
|
||||
display: block;
|
||||
width: 102px;
|
||||
height: 36px;
|
||||
background: #3373cc;
|
||||
margin-right: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.pd-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
border-bottom: 1px solid #173b6d;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,55 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-12 09:32:35
|
||||
* @LastEditTime: 2021-12-03 18:49:25
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 舆情传播趋势
|
||||
* @FilePath: /data-show/src/views/BrandInsight/titsopo/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="tit-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "ml-tts",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.tit-outter {
|
||||
width: 618px;
|
||||
height: 560px;
|
||||
margin-left: 16px;
|
||||
.tit-header {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
background: linear-gradient(270deg, #07192f 0%, #010b19 100%);
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
.tit-inner {
|
||||
width: 100%;
|
||||
height: 490px;
|
||||
margin-top: 16px;
|
||||
border: 2px solid #0f2a4d;
|
||||
.tit-bd {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,30 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 16:33:38
|
||||
* @LastEditTime: 2021-11-01 17:38:06
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/forumCommunicationTrend/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="fct-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "ml-forum-communication-trend",
|
||||
props: ["brand", "model"],
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.fct-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
.fct-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,55 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 16:48:36
|
||||
* @LastEditTime: 2021-11-10 09:34:24
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/forumHotTopicDirection/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="fhtd-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlForumHotTopicDirection",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {},
|
||||
labelData: [],
|
||||
totalData: 0,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.fhtd-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.wp-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
.wp-in-d1 {
|
||||
width: 310px;
|
||||
height: 100%;
|
||||
}
|
||||
.wp-in-d2 {
|
||||
width: 310px;
|
||||
height: auto;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 18:43:22
|
||||
* @LastEditTime: 2021-11-01 17:57:02
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/keyMedia/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="km-outter" v-loading="load">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlKeyMedia",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {},
|
||||
pdata: []
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.km-outter {
|
||||
position: relative;
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.km-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-12 10:50:44
|
||||
* @LastEditTime: 2021-11-17 16:00:09
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 热门事件列表
|
||||
* @FilePath: /data-show/src/views/BrandInsight/popularEventsList/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="pe-ouuter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlPopularEventsList",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
config: {
|
||||
},
|
||||
darr: []
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pe-ouuter {
|
||||
width: 912px;
|
||||
height: 412px;
|
||||
.pe-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,42 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-12 11:06:58
|
||||
* @LastEditTime: 2021-11-16 15:48:12
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 热门事件
|
||||
* @FilePath: /data-show/src/views/BrandInsight/popularEvents/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="pe-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlPopularEvents",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pe-outter {
|
||||
width: 928px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.pe-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,41 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 19:16:46
|
||||
* @LastEditTime: 2021-11-01 18:00:10
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/popularwordCloud/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="pwc-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlPopularwordCloud",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pwc-outter {
|
||||
width: 628px;
|
||||
height: 412px;
|
||||
.pwd-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,41 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 18:35:53
|
||||
* @LastEditTime: 2021-11-01 18:00:52
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/rearWingPropagationSituation/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="rwps-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlRearWingPropagationSituation",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.rwps-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
.rwps-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,75 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 18:18:20
|
||||
* @LastEditTime: 2021-11-01 18:01:30
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/spreadTOPmodels/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="stm-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlSpreadTOPmodels",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
labelData: [],
|
||||
totalData: 0,
|
||||
opt: {},
|
||||
colors: [
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
],
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.stm-outter {
|
||||
width: 628px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.wp-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
.wp-in-d1 {
|
||||
width: 310px;
|
||||
height: 100%;
|
||||
}
|
||||
.wp-in-d2 {
|
||||
width: 310px;
|
||||
height: auto;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,83 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 14:19:53
|
||||
* @LastEditTime: 2021-11-01 18:02:07
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 微博KOL
|
||||
* @FilePath: /data-show/src/views/BrandInsight/weiboKol/index.vue
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="wk-outter">
|
||||
<div class="wk-inner">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlWeiboKol",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
total: 0,
|
||||
labelData: [],
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {},
|
||||
colors: [
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wk-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
.wk-inner {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.wk-in-d1 {
|
||||
width: 310px;
|
||||
height: 100%;
|
||||
.wk-in-d1-dd1 {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
.wk-in-d2 {
|
||||
width: 310px;
|
||||
height: auto;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,79 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 15:06:47
|
||||
* @LastEditTime: 2021-11-10 09:42:52
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/weiboPortraits/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="wp-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "mlWeiboPortraits",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
attestation: [], // 认证
|
||||
sex: [], // 性别
|
||||
region: [], // 地区
|
||||
opt: {},
|
||||
labelData: [],
|
||||
totalData: 0,
|
||||
colors: [
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#54BF93",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
"#54BF93",
|
||||
"#3373CC",
|
||||
"#CC9D12",
|
||||
"#f15c80",
|
||||
"#e4d354",
|
||||
"#8085e8",
|
||||
"#8d4653",
|
||||
"#91e8e1",
|
||||
"#f7a35c",
|
||||
"#90ed7d",
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wp-outter {
|
||||
width: 628px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.wp-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
.wp-in-d1 {
|
||||
width: 310px;
|
||||
height: 100%;
|
||||
}
|
||||
.wp-in-d2 {
|
||||
width: 310px;
|
||||
height: auto;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,41 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-12 15:24:48
|
||||
* @LastEditTime: 2021-11-01 18:03:30
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/BrandInsight/weiboVolumeTrend/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="wvt-outter">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "ml-weibo-volume-trend",
|
||||
props: ["brand", "model"],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sBrand: "",
|
||||
sSeriesName: "",
|
||||
token: "",
|
||||
},
|
||||
opt: {},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wvt-outter {
|
||||
width: 630px;
|
||||
height: 412px;
|
||||
margin-left: 16px;
|
||||
.wvt-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue