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