张雄 3 years ago
parent e935bcfb97
commit 6434bc74b6

@ -7,7 +7,7 @@
* @FilePath: /data-show/src/views/BrandComparison/comparisonOfPositiveTopicsInTheForum/index.vue
-->
<template>
<div class="cpt-outter" v-loading="load">
<div class="cpt-outter">
<v-label-div
title="论坛正面话题对比"
:showLine="false"

@ -20,8 +20,8 @@
</template>
<script>
import { getInteractCount0528C } from "@/api/BrandComparison/BrandWeibo.js";
import { createSingleColumnar } from "@/utils/gol/singleColumnar";
// import { getInteractCount0528C } from "@/api/BrandComparison/BrandWeibo.js";
// import { createSingleColumnar } from "@/utils/gol/singleColumnar";
export default {
name: "comparisonOfTheNumberOfWeiboInteractions",
data() {
@ -31,46 +31,45 @@ export default {
sBrand: "",
},
opt: {},
load: false,
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getBComparison;
let brands = [];
arr.forEach((ele) => {
brands.push(ele.name);
});
this.form.sBrand = brands.toString();
this.getData();
},
getData() {
return new Promise((resolve, reject) => {
let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getInteractCount0528C(obj)
.then((res) => {
let data = res.data || [];
let dx = [];
let ds = [];
data.forEach((ele) => {
dx.push(ele.key);
ds.push(ele.value);
});
this.opt = createSingleColumnar(dx, ds);
this.load = false;
resolve(data);
})
.catch(() => {
reject(false);
});
});
},
},
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getBComparison;
// let brands = [];
// arr.forEach((ele) => {
// brands.push(ele.name);
// });
// this.form.sBrand = brands.toString();
// this.getData();
// },
// getData() {
// return new Promise((resolve, reject) => {
// let obj = Object.assign({}, this.getCtime2, this.form);
// this.load = true;
// getInteractCount0528C(obj)
// .then((res) => {
// let data = res.data || [];
// let dx = [];
// let ds = [];
// data.forEach((ele) => {
// dx.push(ele.key);
// ds.push(ele.value);
// });
// this.opt = createSingleColumnar(dx, ds);
// this.load = false;
// resolve(data);
// })
// .catch(() => {
// reject(false);
// });
// });
// },
// },
};
</script>
<style lang="less" scoped>

@ -11,7 +11,7 @@
<v-label-div title="论坛信息概括对比" :showLine="false" :eStyle="{'border-style': 'none'}"/>
<div class="saco-item" v-for="(item,index) in sourceData" :key="index">
<span class="s1">{{item.key}}</span>
<div class="d1">
<!-- <div class="d1">
<img class="d1-m1" src="../../../assets/images/BrandInsight/ic_lt.png">
<div class="d1-d1">
<span class="ss1">论坛信息量</span>
@ -38,13 +38,13 @@
<span class="ss1">论坛评论量</span>
<span class="ss2">{{item.interactCount}}</span>
</div>
</div>
</div> -->
</div>
</div>
</template>
<script>
import {getCount0528C} from "@/api/BrandComparison/BbsBrand.js"
// import {getCount0528C} from "@/api/BrandComparison/BbsBrand.js"
export default {
name: "summaryAndComparisonOfForumInformation",
data() {
@ -57,35 +57,35 @@ export default {
sourceData: [],
}
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getBComparison;
let brands = [];
arr.forEach(ele => {
brands.push(ele.name)
});
this.form.sBrand = brands.toString();
this.getData();
},
getData() {
return new Promise((resolve, reject) => {
let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getCount0528C(obj).then((res) => {
let data = res.data || [];
this.sourceData = data;
this.load = false;
resolve(data)
}).catch(() => {
reject(false)
});
});
}
}
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getBComparison;
// let brands = [];
// arr.forEach(ele => {
// brands.push(ele.name)
// });
// this.form.sBrand = brands.toString();
// this.getData();
// },
// getData() {
// return new Promise((resolve, reject) => {
// let obj = Object.assign({}, this.getCtime2, this.form);
// this.load = true;
// getCount0528C(obj).then((res) => {
// let data = res.data || [];
// this.sourceData = data;
// this.load = false;
// resolve(data)
// }).catch(() => {
// reject(false)
// });
// });
// }
// }
}
</script>

@ -14,7 +14,7 @@
<div class="ttm-item" v-for="(item,index) in showData" :key="index">
<span class="s1" :style="{color: colors[index]}">{{item.name}}</span>
<div class="d1">
<v-echarts :opt="item.drawOpt"></v-echarts>
<!-- <v-echarts :opt="item.drawOpt"></v-echarts> -->
</div>
</div>
</div>
@ -22,8 +22,8 @@
</template>
<script>
import {getSourceTopCount0528C} from "@/api/BrandComparison/BrandWeiyi.js"
import {createSingleColumnar} from "@/utils/gol/singleColumnar"
// import {getSourceTopCount0528C} from "@/api/BrandComparison/BrandWeiyi.js"
// import {createSingleColumnar} from "@/utils/gol/singleColumnar"
export default {
name: "tailTOPMedia",
data() {
@ -38,52 +38,52 @@ export default {
load: false
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getBComparison;
let brands = [];
arr.forEach(ele => {
brands.push(ele.name)
});
this.form.sBrand = brands.toString();
this.getData();
},
getData() {
return new Promise((resolve, reject) => {
let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getSourceTopCount0528C(obj).then((res) => {
let data = res.data || [];
let sourceData = [];
let colorList = this.colors;
let index = 0;
data.forEach( ele => {
let mediaList = [];
let valueList = [];
ele.value.forEach( e => {
mediaList.push(e.key);
valueList.push(e.value);
});
let o = {
name: ele.key,
drawOpt: createSingleColumnar(mediaList,valueList,colorList[index])
};
index += 1;
sourceData.push(o);
this.showData = sourceData;
});
this.load = false;
resolve(data)
}).catch(() => {
reject(false)
});
});
}
}
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getBComparison;
// let brands = [];
// arr.forEach(ele => {
// brands.push(ele.name)
// });
// this.form.sBrand = brands.toString();
// this.getData();
// },
// getData() {
// return new Promise((resolve, reject) => {
// let obj = Object.assign({}, this.getCtime2, this.form);
// this.load = true;
// getSourceTopCount0528C(obj).then((res) => {
// let data = res.data || [];
// let sourceData = [];
// let colorList = this.colors;
// let index = 0;
// data.forEach( ele => {
// let mediaList = [];
// let valueList = [];
// ele.value.forEach( e => {
// mediaList.push(e.key);
// valueList.push(e.value);
// });
// let o = {
// name: ele.key,
// drawOpt: createSingleColumnar(mediaList,valueList,colorList[index])
// };
// index += 1;
// sourceData.push(o);
// this.showData = sourceData;
// });
// this.load = false;
// resolve(data)
// }).catch(() => {
// reject(false)
// });
// });
// }
// }
};
</script>

@ -9,7 +9,7 @@
<template>
<div class="mccm-outter">
<v-label-div title="切换车型">
<a-button style="margin-right: 1rem" :loading="btnLoading" @click="handlerExport" v-if="getMComparison.length > 0" v-has="'btn_model_c_toppt'"></a-button>
<!-- <a-button style="margin-right: 1rem" :loading="btnLoading" @click="handlerExport" v-if="getMComparison.length > 0" v-has="'btn_model_c_toppt'"></a-button> -->
<v-btn @click="goback"></v-btn>
</v-label-div>
<div class="mccm-inner">
@ -33,8 +33,8 @@
</template>
<script>
import { getToPptTask } from "@/api/BrandInsight";
import { getUserSeriesName } from "@/api/comm";
// import { getToPptTask } from "@/api/BrandInsight";
// import { getUserSeriesName } from "@/api/comm";
export default {
name: "brandCompateHeader",
props: {
@ -45,18 +45,18 @@ export default {
},
},
},
watch: {
data: {
handler(val) {
if (val.length > 0) {
val.forEach((ele, index) => {
this.list[index] = Object.assign(this.list[index], ele);
});
}
},
immediate: true,
},
},
// watch: {
// data: {
// handler(val) {
// if (val.length > 0) {
// val.forEach((ele, index) => {
// this.list[index] = Object.assign(this.list[index], ele);
// });
// }
// },
// immediate: true,
// },
// },
data() {
return {
btnLoading: false,
@ -104,90 +104,90 @@ export default {
],
};
},
created() {
this.brand = this.getBrand.brandname || "奥迪";
this.modelData();
},
methods: {
goback() {
this.$router.go(-1);
},
//
modelData() {
let model = this.getModel.name || "";
if (!model) {
this.getUserSeriesName(this.brand);
} else {
this.model = model;
}
},
//
getUserSeriesName(brandName) {
this.form.token = this.getToken;
this.form.sBrandName = brandName;
getUserSeriesName(this.form).then((res) => {
let data = res.data || [];
this.model = data[0].name;
});
},
//
handlerChoose(n) {
this.chooseIndex = n;
this.modelShow = true;
},
//
handlerDel(n) {
let row = this.list[n];
row.brand = "";
row.model = "";
row.isDel = false;
let filterArr = this.list.filter((ele) => {
return ele.brand && ele.model;
});
this.$emit("del", n);
this.$emit("change", filterArr);
},
//
handlerBrand(arr) {
let n = this.list.findIndex((ele) => ele.model === arr[1].name);
if (n != -1) return;
let row = this.list[this.chooseIndex];
row.brand = arr[0].brandname;
row.model = arr[1].name;
row.isDel = true;
let filterArr = this.list.filter((ele) => {
return ele.brand && ele.model;
});
this.$emit("change", filterArr);
},
handlerExport() {
this.btnLoading = true;
let arr = this.getMComparison;
let brands = [];
let models = [];
arr.forEach((ele) => {
brands.push(ele.brand);
models.push(ele.model);
});
let sBrand = brands.toString();
let sSeriesName = models.toString();
let obj = Object.assign({}, this.getCtime2, {
token: this.getToken,
iContrastType: 2,
sBrand: sBrand,
sSeriesName: sSeriesName,
sType: 'ToSeriesPptV6'
});
getToPptTask(obj).then(() => {
this.$notification.open({
message: `数据生成中`,
description: '请前往个人中心查看下载进度',
placement: 'bottomRight',
});
this.btnLoading = false;
})
}
},
// created() {
// this.brand = this.getBrand.brandname || "";
// this.modelData();
// },
// methods: {
// goback() {
// this.$router.go(-1);
// },
// //
// modelData() {
// let model = this.getModel.name || "";
// if (!model) {
// this.getUserSeriesName(this.brand);
// } else {
// this.model = model;
// }
// },
// //
// getUserSeriesName(brandName) {
// this.form.token = this.getToken;
// this.form.sBrandName = brandName;
// getUserSeriesName(this.form).then((res) => {
// let data = res.data || [];
// this.model = data[0].name;
// });
// },
// //
// handlerChoose(n) {
// this.chooseIndex = n;
// this.modelShow = true;
// },
// //
// handlerDel(n) {
// let row = this.list[n];
// row.brand = "";
// row.model = "";
// row.isDel = false;
// let filterArr = this.list.filter((ele) => {
// return ele.brand && ele.model;
// });
// this.$emit("del", n);
// this.$emit("change", filterArr);
// },
// //
// handlerBrand(arr) {
// let n = this.list.findIndex((ele) => ele.model === arr[1].name);
// if (n != -1) return;
// let row = this.list[this.chooseIndex];
// row.brand = arr[0].brandname;
// row.model = arr[1].name;
// row.isDel = true;
// let filterArr = this.list.filter((ele) => {
// return ele.brand && ele.model;
// });
// this.$emit("change", filterArr);
// },
// handlerExport() {
// this.btnLoading = true;
// let arr = this.getMComparison;
// let brands = [];
// let models = [];
// arr.forEach((ele) => {
// brands.push(ele.brand);
// models.push(ele.model);
// });
// let sBrand = brands.toString();
// let sSeriesName = models.toString();
// let obj = Object.assign({}, this.getCtime2, {
// token: this.getToken,
// iContrastType: 2,
// sBrand: sBrand,
// sSeriesName: sSeriesName,
// sType: 'ToSeriesPptV6'
// });
// getToPptTask(obj).then(() => {
// this.$notification.open({
// message: ``,
// description: '',
// placement: 'bottomRight',
// });
// this.btnLoading = false;
// })
// }
// },
};
</script>

@ -7,13 +7,13 @@
* @FilePath: /data-show/src/views/BrandComparison/comparisonOfPositiveTopicsInTheForum/index.vue
-->
<template>
<div class="cpt-outter" v-loading="load">
<div class="cpt-outter">
<v-label-div title="论坛负面话题对比" :showLine="false" :eStyle="{'border-style': 'none'}" />
<div class="cpt-inner">
<div class="cpt-item" v-for="(item,index) in list" :key="index">
<span class="s1" :style="{color: colors[index]}">{{item.name}}</span>
<div class="d1">
<v-echarts :opt="item.drawOpt"></v-echarts>
<!-- <v-echarts :opt="item.drawOpt"></v-echarts> -->
</div>
</div>
</div>
@ -21,8 +21,8 @@
</template>
<script>
import { getTopicPosAndTopicNeg0528C } from "@/api/ModelComparison";
import { createSideSingleColumn } from "@/utils/gol/sideSingleColumn";
// import { getTopicPosAndTopicNeg0528C } from "@/api/ModelComparison";
// import { createSideSingleColumn } from "@/utils/gol/sideSingleColumn";
export default {
name: "comparisonOfPositiveTopicsInTheForum",
data() {
@ -45,48 +45,48 @@ export default {
list: [],
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getMComparison || [];
let brands = [];
let models = [];
arr.forEach((ele) => {
brands.push(ele.brand);
models.push(ele.model);
});
this.form.sBrand = brands.toString();
this.form.sSeriesName = models.toString();
this.getData();
},
getData() {
let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getTopicPosAndTopicNeg0528C(obj).then((res) => {
let data = res.data || [];
let arr = [];
data.forEach((ele) => {
let z = ele.value[1].value || [];
let dx = [];
let ds = [];
z.forEach((e) => {
dx.push(e.key);
ds.push(e.value);
});
let obj = {
name: ele.key,
drawOpt: createSideSingleColumn(dx, ds, "#bd9312"),
};
arr.push(obj);
});
this.list = arr;
this.load = false;
});
},
},
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getMComparison || [];
// let brands = [];
// let models = [];
// arr.forEach((ele) => {
// brands.push(ele.brand);
// models.push(ele.model);
// });
// this.form.sBrand = brands.toString();
// this.form.sSeriesName = models.toString();
// this.getData();
// },
// getData() {
// let obj = Object.assign({}, this.getCtime2, this.form);
// this.load = true;
// getTopicPosAndTopicNeg0528C(obj).then((res) => {
// let data = res.data || [];
// let arr = [];
// data.forEach((ele) => {
// let z = ele.value[1].value || [];
// let dx = [];
// let ds = [];
// z.forEach((e) => {
// dx.push(e.key);
// ds.push(e.value);
// });
// let obj = {
// name: ele.key,
// drawOpt: createSideSingleColumn(dx, ds, "#bd9312"),
// };
// arr.push(obj);
// });
// this.list = arr;
// this.load = false;
// });
// },
// },
};
</script>

@ -7,13 +7,13 @@
* @FilePath: /data-show/src/views/BrandComparison/comparisonOfPositiveTopicsInTheForum/index.vue
-->
<template>
<div class="cpt-outter" v-loading="load">
<div class="cpt-outter">
<v-label-div title="论坛正面话题对比" :showLine="false" :eStyle="{'border-style': 'none'}"/>
<div class="cpt-inner">
<div class="cpt-item" v-for="(item,index) in list" :key="index">
<span class="s1" :style="{color: colors[index]}">{{item.name}}</span>
<div class="d1">
<v-echarts :opt="item.drawOpt"></v-echarts>
<!-- <v-echarts :opt="item.drawOpt"></v-echarts> -->
</div>
</div>
</div>
@ -21,8 +21,8 @@
</template>
<script>
import { getTopicPosAndTopicNeg0528C } from "@/api/ModelComparison";
import {createSideSingleColumn} from "@/utils/gol/sideSingleColumn"
// import { getTopicPosAndTopicNeg0528C } from "@/api/ModelComparison";
// import {createSideSingleColumn} from "@/utils/gol/sideSingleColumn"
export default {
name: "comparisonOfPositiveTopicsInTheForum",
data() {
@ -45,48 +45,48 @@ export default {
list: [],
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getMComparison || [];
let brands = [];
let models = [];
arr.forEach((ele) => {
brands.push(ele.brand);
models.push(ele.model);
});
this.form.sBrand = brands.toString();
this.form.sSeriesName = models.toString();
this.getData();
},
getData() {
let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getTopicPosAndTopicNeg0528C(obj).then((res) => {
let data = res.data || [];
let arr = [];
data.forEach((ele) => {
let z = ele.value[0].value || [];
let dx = [];
let ds = [];
z.forEach((e) => {
dx.push(e.key);
ds.push(e.value);
});
let obj = {
name: ele.key,
drawOpt: createSideSingleColumn(dx, ds, "#3373CC"),
};
arr.push(obj);
});
this.list = arr;
this.load = false;
});
},
},
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getMComparison || [];
// let brands = [];
// let models = [];
// arr.forEach((ele) => {
// brands.push(ele.brand);
// models.push(ele.model);
// });
// this.form.sBrand = brands.toString();
// this.form.sSeriesName = models.toString();
// this.getData();
// },
// getData() {
// let obj = Object.assign({}, this.getCtime2, this.form);
// this.load = true;
// getTopicPosAndTopicNeg0528C(obj).then((res) => {
// let data = res.data || [];
// let arr = [];
// data.forEach((ele) => {
// let z = ele.value[0].value || [];
// let dx = [];
// let ds = [];
// z.forEach((e) => {
// dx.push(e.key);
// ds.push(e.value);
// });
// let obj = {
// name: ele.key,
// drawOpt: createSideSingleColumn(dx, ds, "#3373CC"),
// };
// arr.push(obj);
// });
// this.list = arr;
// this.load = false;
// });
// },
// },
}
</script>

@ -7,21 +7,21 @@
* @FilePath: /data-show/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractions/index.vue
-->
<template>
<div class="cotn-outter" v-loading="load">
<div class="cotn-outter">
<v-label-div
title="微博互动人数对比"
:showLine="false"
:eStyle="{ 'border-style': 'none' }"
></v-label-div>
<div class="cotn-inner">
<v-echarts :opt="opt"></v-echarts>
<!-- <v-echarts :opt="opt"></v-echarts> -->
</div>
</div>
</template>
<script>
import { getInteractCount0528C } from "@/api/BrandComparison/BrandWeibo.js";
import { createSingleColumnar } from "@/utils/gol/singleColumnar";
// import { getInteractCount0528C } from "@/api/BrandComparison/BrandWeibo.js";
// import { createSingleColumnar } from "@/utils/gol/singleColumnar";
export default {
name: "comparisonOfTheNumberOfWeiboInteractions",
data() {
@ -36,46 +36,46 @@ export default {
opt: {}
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getMComparison;
let brands = [];
let models = [];
arr.forEach((ele) => {
brands.push(ele.brand);
models.push(ele.model);
});
this.form.sBrand = brands.toString();
this.form.sSeriesName = models.toString();
this.getData();
},
getData() {
return new Promise((resolve, reject) => {
let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getInteractCount0528C(obj)
.then((res) => {
let data = res.data || [];
let dx = [];
let ds = [];
data.forEach((ele) => {
dx.push(ele.key);
ds.push(ele.value);
});
this.opt = createSingleColumnar(dx, ds, '#54BF93');
this.load = false;
resolve(data);
})
.catch(() => {
reject(false);
});
});
},
},
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getMComparison;
// let brands = [];
// let models = [];
// arr.forEach((ele) => {
// brands.push(ele.brand);
// models.push(ele.model);
// });
// this.form.sBrand = brands.toString();
// this.form.sSeriesName = models.toString();
// this.getData();
// },
// getData() {
// return new Promise((resolve, reject) => {
// let obj = Object.assign({}, this.getCtime2, this.form);
// this.load = true;
// getInteractCount0528C(obj)
// .then((res) => {
// let data = res.data || [];
// let dx = [];
// let ds = [];
// data.forEach((ele) => {
// dx.push(ele.key);
// ds.push(ele.value);
// });
// this.opt = createSingleColumnar(dx, ds, '#54BF93');
// this.load = false;
// resolve(data);
// })
// .catch(() => {
// reject(false);
// });
// });
// },
// },
};
</script>
<style lang="less" scoped>

@ -7,21 +7,21 @@
* @FilePath: /data-show/src/views/BrandComparison/comparisonOfWeiboInformation/index.vue
-->
<template>
<div class="cowi-outter" v-loading="load">
<div class="cowi-outter">
<v-label-div
title="微博信息量对比"
:showLine="false"
:eStyle="{ 'border-style': 'none' }"
></v-label-div>
<div class="cowi-inner">
<v-echarts :opt="opt"></v-echarts>
<!-- <v-echarts :opt="opt"></v-echarts> -->
</div>
</div>
</template>
<script>
import { getContrastCount0528C } from "@/api/BrandComparison/BrandWeibo.js";
import { createSingleColumnar } from "@/utils/gol/singleColumnar";
// import { getContrastCount0528C } from "@/api/BrandComparison/BrandWeibo.js";
// import { createSingleColumnar } from "@/utils/gol/singleColumnar";
export default {
name: "comparisonOfWeiboInformation",
data() {
@ -36,46 +36,46 @@ export default {
opt: {}
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getMComparison;
let brands = [];
let models = [];
arr.forEach((ele) => {
brands.push(ele.brand);
models.push(ele.model);
});
this.form.sBrand = brands.toString();
this.form.sSeriesName = models.toString();
this.getData();
},
getData() {
return new Promise((resolve, reject) => {
this.load = true;
let obj = Object.assign({}, this.getCtime2, this.form);
getContrastCount0528C(obj)
.then((res) => {
let data = res.data || [];
let dx = [];
let ds = [];
data.forEach(ele => {
dx.push(ele.key);
ds.push(ele.value)
})
this.opt = createSingleColumnar(dx,ds);
this.load = false;
resolve(data);
})
.catch(() => {
reject(false);
});
});
},
},
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getMComparison;
// let brands = [];
// let models = [];
// arr.forEach((ele) => {
// brands.push(ele.brand);
// models.push(ele.model);
// });
// this.form.sBrand = brands.toString();
// this.form.sSeriesName = models.toString();
// this.getData();
// },
// getData() {
// return new Promise((resolve, reject) => {
// this.load = true;
// let obj = Object.assign({}, this.getCtime2, this.form);
// getContrastCount0528C(obj)
// .then((res) => {
// let data = res.data || [];
// let dx = [];
// let ds = [];
// data.forEach(ele => {
// dx.push(ele.key);
// ds.push(ele.value)
// })
// this.opt = createSingleColumnar(dx,ds);
// this.load = false;
// resolve(data);
// })
// .catch(() => {
// reject(false);
// });
// });
// },
// },
};
</script>

@ -7,7 +7,7 @@
* @FilePath: /data-show/src/views/BrandComparison/brandTonalDistribution/index.vue
-->
<template>
<div class="bd-outter" v-loading="load">
<div class="bd-outter">
<v-label-div title="整体调性对比" :showLine="false" :eStyle="{ 'border-style': 'none' }"> </v-label-div>
<div class="bd-d1">
<div class="dd1" style="margin-left: 16px">
@ -23,25 +23,25 @@
</div>
</div>
<div class="bd-inner">
<roundata
<!-- <roundata
v-for="(item,index) in list"
:key="index"
:title="item.key"
:color="colors[index]"
:style="index === 0 ? 'margin-left: 4rem': 'margin-left: 7.5rem'"
:data="item.value"
></roundata>
></roundata> -->
</div>
</div>
</template>
<script>
import { getEventAffectionsC } from "@/api/ModelComparison";
import roundata from "./roundata";
// import { getEventAffectionsC } from "@/api/ModelComparison";
// import roundata from "./roundata";
export default {
name: "eventBrandTonalDistribution",
components: {
roundata,
},
data() {
return {
@ -58,39 +58,39 @@ export default {
]
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getMComparison;
let brands = [];
let models = [];
arr.forEach(ele => {
brands.push(ele.brand);
models.push(ele.model);
});
this.form.sBrand = brands.toString();
this.form.sSeriesName = models.toString();
this.getData();
},
//
getData() {
return new Promise((resolve, reject) => {
this.load = true;
let obj = Object.assign({}, this.getCtime2, this.form);
getEventAffectionsC(obj).then((res) => {
let data = res.data || [];
this.list = data;
this.load = false;
resolve(data)
}).catch(() => {
reject(false)
});
});
},
},
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getMComparison;
// let brands = [];
// let models = [];
// arr.forEach(ele => {
// brands.push(ele.brand);
// models.push(ele.model);
// });
// this.form.sBrand = brands.toString();
// this.form.sSeriesName = models.toString();
// this.getData();
// },
// //
// getData() {
// return new Promise((resolve, reject) => {
// this.load = true;
// let obj = Object.assign({}, this.getCtime2, this.form);
// getEventAffectionsC(obj).then((res) => {
// let data = res.data || [];
// this.list = data;
// this.load = false;
// resolve(data)
// }).catch(() => {
// reject(false)
// });
// });
// },
// },
};
</script>
<style lang="less" scoped>

@ -7,7 +7,7 @@
* @FilePath: /data-show/src/views/BrandComparison/overallWordCloudComparison/index.vue
-->
<template>
<div class="owcc-outter" v-loading="load">
<div class="owcc-outter">
<v-label-div title="整体词云对比"> </v-label-div>
<div class="owcc-inner">
<div class="owcc-item" v-for="(item, index) in dataSource" :key="index">
@ -23,7 +23,7 @@
></v-tab-group>
</v-label-div>
<div class="owcc-draw">
<v-echarts :opt="item.opt"></v-echarts>
<!-- <v-echarts :opt="item.opt"></v-echarts> -->
</div>
</div>
</div>
@ -31,8 +31,8 @@
</template>
<script>
import { getPositiveAndNegative0528C } from "@/api/BrandComparison";
import createWordCloud from "@/utils/gol/bubbleWord";
// import { getPositiveAndNegative0528C } from "@/api/BrandComparison";
// import createWordCloud from "@/utils/gol/bubbleWord";
export default {
name: "overallWordCloudComparison",
data() {
@ -56,59 +56,59 @@ export default {
dataSource: []
};
},
created() {
this.initData();
},
methods: {
initData() {
this.form.token = this.getToken;
let arr = this.getMComparison;
let brands = [];
let models = [];
arr.forEach((ele) => {
brands.push(ele.brand);
models.push(ele.model);
});
this.form.sBrand = brands.toString();
this.form.sSeriesName = models.toString();
this.getData();
},
getData() {
return new Promise((resolve, reject) => {
this.load = true;
let obj = Object.assign({}, this.getCtime2, this.form);
getPositiveAndNegative0528C(obj)
.then((res) => {
let data = res.data || [];
let arr = [];
data.forEach(ele => {
let obj = {
name: ele.key,
p: ele.value[0].value,
s: ele.value[1].value,
opt: createWordCloud(ele.value[0].value),
tapIndex: 0
}
arr.push(obj);
})
this.dataSource = arr;
this.load = false;
resolve(data);
})
.catch(() => {
reject(false);
});
});
},
handlerTab(n,item) {
item.tapIndex = n;
if(n === 0) {
item.opt = createWordCloud(item.p)
} else {
item.opt = createWordCloud(item.s)
}
}
},
// created() {
// this.initData();
// },
// methods: {
// initData() {
// this.form.token = this.getToken;
// let arr = this.getMComparison;
// let brands = [];
// let models = [];
// arr.forEach((ele) => {
// brands.push(ele.brand);
// models.push(ele.model);
// });
// this.form.sBrand = brands.toString();
// this.form.sSeriesName = models.toString();
// this.getData();
// },
// getData() {
// return new Promise((resolve, reject) => {
// this.load = true;
// let obj = Object.assign({}, this.getCtime2, this.form);
// getPositiveAndNegative0528C(obj)
// .then((res) => {
// let data = res.data || [];
// let arr = [];
// data.forEach(ele => {
// let obj = {
// name: ele.key,
// p: ele.value[0].value,
// s: ele.value[1].value,
// opt: createWordCloud(ele.value[0].value),
// tapIndex: 0
// }
// arr.push(obj);
// })
// this.dataSource = arr;
// this.load = false;
// resolve(data);
// })
// .catch(() => {
// reject(false);
// });
// });
// },
// handlerTab(n,item) {
// item.tapIndex = n;
// if(n === 0) {
// item.opt = createWordCloud(item.p)
// } else {
// item.opt = createWordCloud(item.s)
// }
// }
// },
};
</script>

@ -13,7 +13,7 @@
</v-label-div>
<div class="mfdh-inner">
<div class="mfdh-in-d1">
{{this.form.sSeriesName|doStr(8)}}
{{this.form.sSeriesName|doStr(8)}}
</div>
<span class="mfdh-in-d2"> </span>
<div class="mfdh-in-d3" style="width: 20rem">

Loading…
Cancel
Save