prod
lily.zhang 3 years ago
parent 904b9e9be6
commit d8cf8297f7

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 16:16:41 * @Date: 2021-10-13 16:16:41
* @LastEditTime: 2021-10-14 09:00:47 * @LastEditTime: 2021-11-08 17:28:58
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 尾翼洞察详情 * @Description: 尾翼洞察详情
* @FilePath: /data-show/src/views/TailInsightDetails/index.vue * @FilePath: /data-show/src/views/TailInsightDetails/index.vue
@ -9,7 +9,7 @@
<template> <template>
<div class="d-container"> <div class="d-container">
<div class="tid-outter"> <div class="tid-outter">
<div class="tid-d1"> <div class="tid-d1" v-loading="load">
<v-label-div title="尾翼洞察详情"> <v-label-div title="尾翼洞察详情">
<v-btn @click="goback"></v-btn> <v-btn @click="goback"></v-btn>
</v-label-div> </v-label-div>
@ -51,6 +51,7 @@ export default {
}, },
data() { data() {
return { return {
load: false,
msg: "", msg: "",
form: { form: {
sBrand: "", sBrand: "",
@ -66,9 +67,11 @@ export default {
methods: { methods: {
getDdta(){ getDdta(){
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getWeiYiInsightAnalysis(obj).then(res => { getWeiYiInsightAnalysis(obj).then(res => {
let data = res.msg; let data = res.msg;
this.msg = data; this.msg = data;
this.load = false;
}) })
}, },
goback() { goback() {

@ -1,13 +1,13 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 16:54:12 * @Date: 2021-10-13 16:54:12
* @LastEditTime: 2021-10-13 17:40:37 * @LastEditTime: 2021-11-08 17:19:36
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/TailInsightDetails/mediaDistribution/index.vue * @FilePath: /data-show/src/views/TailInsightDetails/mediaDistribution/index.vue
--> -->
<template> <template>
<div class="md-outter"> <div class="md-outter" v-loading="load">
<v-label-div title="媒体分布"></v-label-div> <v-label-div title="媒体分布"></v-label-div>
<div class="md-inner"> <div class="md-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
@ -22,6 +22,7 @@ export default {
name: "mediaDistribution", name: "mediaDistribution",
data() { data() {
return { return {
load: false,
opt: {}, opt: {},
form: { form: {
sBrand: "", sBrand: "",
@ -59,10 +60,12 @@ export default {
methods: { methods: {
getDdta(){ getDdta(){
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getSourcetype0528(obj).then(res => { getSourcetype0528(obj).then(res => {
let data = res.data || []; let data = res.data || [];
this.labelData = data; this.labelData = data;
this.opt = createOpt(data, this.colors); this.opt = createOpt(data, this.colors);
this.load = false;
}) })
}, },
}, },

@ -1,16 +1,16 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 17:54:56 * @Date: 2021-10-13 17:54:56
* @LastEditTime: 2021-10-13 18:07:49 * @LastEditTime: 2021-11-08 17:26:04
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/TailInsightDetails/popular-word-cloud/index.vue * @FilePath: /data-show/src/views/TailInsightDetails/popular-word-cloud/index.vue
--> -->
<template> <template>
<div class="pwc-outter"> <div class="pwc-outter" v-loading="load">
<v-label-div title="热门词云" :showLine="false" :eStyle="{'border-style': 'none'}"> <v-label-div title="热门词云" :showLine="false" :eStyle="{'border-style': 'none'}">
<v-tab-group :btns="['正面', '负面']" @change="handlerChange"></v-tab-group> <v-tab-group :btns="['正面', '负面']" @change="handlerChange"></v-tab-group>
</v-label-div> </v-label-div>
<div class="pwc-inner"> <div class="pwc-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
@ -18,51 +18,55 @@
</template> </template>
<script> <script>
import createWordCloud from "@/utils/gol/bubbleWord"; import createWordCloud from "@/utils/gol/bubbleWord";
import {getPositive,getNegative} from '@/api/TailInsightdetails' import { getPositive, getNegative } from "@/api/TailInsightdetails";
export default { export default {
name: "popular-word-cloud", name: "popular-word-cloud",
props: ["brand", "model"], props: ["brand", "model"],
data() { data() {
return { return {
load: false,
type: 0,
form: { form: {
sBrand: "", sBrand: "",
token: "", token: "",
}, },
opt: {} opt: {},
} };
}, },
created() { created() {
this.form.token = this.getToken; this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || '奥迪'; this.form.sBrand = this.getBrand.brandname || "奥迪";
this.getData1(); this.getData1();
this.getData2(); },
}, methods: {
methods: { handlerChange(n) {
handlerChange(n) {
this.type = n; this.type = n;
this.getData1(); if(n === 0) {
this.getData2(); this.getData1();
} else {
this.getData2();
}
}, },
getData1(){ getData1() {
this.load = true; this.load = true;
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getPositive(obj).then(res => { getPositive(obj).then((res) => {
let data = res.data; let data = res.data;
this.opt = createWordCloud(data); this.opt = createWordCloud(data);
this.load = false; this.load = false;
}); });
}, },
getData2(){ getData2() {
this.load = true; this.load = true;
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getNegative(obj).then(res => { getNegative(obj).then((res) => {
let data = res.data; let data = res.data;
this.opt = createWordCloud(data); this.opt = createWordCloud(data);
this.load = false; this.load = false;
}) });
}, },
}, },
} };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 18:14:01 * @Date: 2021-10-13 18:14:01
* @LastEditTime: 2021-11-08 16:50:27 * @LastEditTime: 2021-11-08 17:19:08
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/TailInsightDetails/rearWingInformationList/index.vue * @FilePath: /data-show/src/views/TailInsightDetails/rearWingInformationList/index.vue
@ -33,7 +33,7 @@
</a-form-item> </a-form-item>
</a-form> </a-form>
<div class="rwl-tb"> <div class="rwl-tb">
<v-table :columns="columns" :data="tdata" :pagination="pagination" @change="handlerPage"></v-table> <v-table :columns="columns" :loading="tableLoading" :data="tdata" :pagination="pagination" @change="handlerPage"></v-table>
</div> </div>
</div> </div>
</div> </div>
@ -47,6 +47,7 @@ export default {
data() { data() {
return { return {
load: false, load: false,
tableLoading: false,
form: { form: {
sSource: "", sSource: "",
token: "", token: "",
@ -133,6 +134,7 @@ export default {
// //
getData() { getData() {
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.tableLoading = true;
getList0528(obj).then((res) => { getList0528(obj).then((res) => {
let data = res.data || []; let data = res.data || [];
let arr = []; let arr = [];
@ -151,8 +153,10 @@ export default {
this.tdata = arr; this.tdata = arr;
let totalNum = res.totalNum || 0; let totalNum = res.totalNum || 0;
this.pagination.total = totalNum; this.pagination.total = totalNum;
this.tableLoading = false;
}); });
}, },
//
handlerChangeModel() { handlerChangeModel() {
this.form.iPageIndex = 1; this.form.iPageIndex = 1;
this.pagination.current = 1; this.pagination.current = 1;

@ -1,13 +1,13 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 16:45:48 * @Date: 2021-10-13 16:45:48
* @LastEditTime: 2021-10-13 16:52:57 * @LastEditTime: 2021-11-08 17:27:08
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/TailInsightDetails/rearWingPropagationSituation/index.vue * @FilePath: /data-show/src/views/TailInsightDetails/rearWingPropagationSituation/index.vue
--> -->
<template> <template>
<div class="rwps-outter"> <div class="rwps-outter" v-loading="load">
<v-label-div title="尾翼传播态势"></v-label-div> <v-label-div title="尾翼传播态势"></v-label-div>
<div class="rwps-inner"> <div class="rwps-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
@ -22,6 +22,7 @@ export default {
name: "rearWingPropagationSituation", name: "rearWingPropagationSituation",
data() { data() {
return { return {
load: false,
opt: {}, opt: {},
form: { form: {
sBrand: "", sBrand: "",
@ -37,6 +38,7 @@ export default {
methods: { methods: {
getDdta(){ getDdta(){
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getWeiYiVolumeTime(obj).then(res => { getWeiYiVolumeTime(obj).then(res => {
let data = res.data || []; let data = res.data || [];
let dx = []; let dx = [];
@ -48,6 +50,7 @@ export default {
ds.push(value); ds.push(value);
}); });
this.opt = createOpt(dx, ds); this.opt = createOpt(dx, ds);
this.load = false;
}) })
}, },
} }

@ -1,13 +1,13 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 17:42:57 * @Date: 2021-10-13 17:42:57
* @LastEditTime: 2021-10-13 17:52:09 * @LastEditTime: 2021-11-08 17:28:00
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/TailInsightDetails/theOverallToneOfTheTail/index.vue * @FilePath: /data-show/src/views/TailInsightDetails/theOverallToneOfTheTail/index.vue
--> -->
<template> <template>
<div class="tot-outter"> <div class="tot-outter" v-loading="load">
<v-label-div title="尾翼整体调性"></v-label-div> <v-label-div title="尾翼整体调性"></v-label-div>
<div class="tot-inner"> <div class="tot-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
@ -22,6 +22,7 @@ export default {
name: "theOverallToneOfTheTail", name: "theOverallToneOfTheTail",
data() { data() {
return { return {
load: false,
opt: {}, opt: {},
form: { form: {
sBrand: "", sBrand: "",
@ -37,6 +38,7 @@ export default {
methods: { methods: {
getDdta(){ getDdta(){
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getAffections(obj).then(res => { getAffections(obj).then(res => {
let data = res.data || {}; let data = res.data || {};
let arr = []; let arr = [];
@ -48,6 +50,7 @@ export default {
arr.push(obj) arr.push(obj)
} }
this.opt = createOpt(arr); this.opt = createOpt(arr);
this.load = false;
}) })
}, },
} }

Loading…
Cancel
Save