cxw-010203

src/lycomponents/iSwitchBrand/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-15 09:16:31
- * @LastEditTime: 2021-10-28 18:30:26
+ * @LastEditTime: 2021-11-01 17:46:27
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/lycomponents/iSwitchBrand/index.vue
@@ -128,6 +128,7 @@ export default {
         },
         // 获取品牌
         getBrands() {
+            if(!this.getToken) return;
             return new Promise((resolve, reject) => {
                 this.form.token = this.getToken;
                 getUserBrand(this.form).then((res) => {

src/lycomponents/iSwitchModel/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-15 09:16:31
- * @LastEditTime: 2021-10-28 18:48:18
+ * @LastEditTime: 2021-11-01 17:45:28
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/lycomponents/iSwitchBrand/index.vue
@@ -146,8 +146,9 @@ export default {
         },
         // 获取品牌
         getBrands() {
+            if(!this.getToken) return;
+            this.form.token = this.getToken;
             return new Promise((resolve, reject) => {
-                this.form.token = this.getToken;
                 getUserBrand(this.form)
                     .then((res) => {
                         let data = res.data;
@@ -182,6 +183,7 @@ export default {
         },
         // 获取车型
         getUserSeriesName(brandName) {
+            if(!this.getToken) return;
              this.form.token = this.getToken;
              this.form.sBrandName = brandName;
             getUserSeriesName(this.form).then(res => {

src/views/ModelInsight/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-25 13:12:20
- * @LastEditTime: 2021-11-01 17:21:17
+ * @LastEditTime: 2021-11-01 17:53:34
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/ModelInsight/index.vue
@@ -102,6 +102,10 @@ export default {
             modelShow: false,
             brand: "",
             model: "",
+            form: {
+                token: "",
+                sBrandName: ""
+            }
         };
     },
     created() {

src/views/ModelInsight/ml-brand-data/index.vue

@@ -1,14 +1,14 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-25 13:20:36
- * @LastEditTime: 2021-11-01 13:48:39
+ * @LastEditTime: 2021-11-01 17:34:18
  * @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">
+    <div class="mbd-outter" v-loading="load">
         <v-label-div title="品牌数据"></v-label-div>
         <div class="mbd-inner">
             <div class="mbd-d1">
@@ -74,6 +74,7 @@ export default {
     data() {
         return {
             width: 274,
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -97,8 +98,10 @@ export default {
                     this.form.token = this.getToken;
                     this.form.sBrand = this.brand;
                     this.form.sSeriesName = this.model;
-                    this.getData1();
-                    this.getData2();
+                    this.load = true;
+                    Promise.all([this.getData1(),  this.getData2()]).then(() => {
+                        this.load = false;
+                    })  
                 }
             },
             immediate: true,
@@ -107,24 +110,37 @@ export default {
     created() {},
     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.countPercent)
+            return new Promise((resolve, reject) => {
+                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;
+                        resolve(data);
+                    })
+                    .catch(() => {
+                        reject(false);
+                    });
             });
         },
         getData2() {
-            let obj = Object.assign({}, this.getCtime2, 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;
+            return new Promise((resolve, reject) => {
+                let obj = Object.assign({}, this.getCtime2, 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(data)    
+                }).catch(() => {
+                    reject(false);
+                });
             });
         },
     },
@@ -164,7 +180,7 @@ export default {
                 }
             }
             .d2 {
-                font-size: 44px; 
+                font-size: 44px;
                 font-family: Bebas;
                 color: #ffffff;
                 margin-right: 16px;

src/views/ModelInsight/ml-tts/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: xw
  * @Date: 2021-10-12 09:32:35
- * @LastEditTime: 2021-11-01 14:45:45
+ * @LastEditTime: 2021-11-01 17:35:19
  * @LastEditors: Please set LastEditors
  * @Description: 舆情传播趋势
  * @FilePath: /data-show/src/views/BrandInsight/titsopo/index.vue
 -->
 <template>
-    <div class="tit-outter">
+    <div class="tit-outter" v-loading="load">
         <div class="tit-header">
             <a-button type="primary" size="small" @click="goIDE">进入数据列表页</a-button>
             <a-button type="primary" style="margin-left: 16px;margin-right: 16px;" size="small">导出报告</a-button>
@@ -30,6 +30,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -69,6 +70,7 @@ export default {
         // 获取后台数据
         getData() {
             let obj = Object.assign({}, this.getCtime2, this.form);
+            this.load = true;
             getSourcetypeTime(obj).then((res) => {
                 let data = res.data || [];
                 let dx = [];
@@ -80,6 +82,7 @@ export default {
                     ds.push(value);
                 });
                 this.opt = createOpt(dx, ds);
+                this.load = false;
             });
         },
          clickEchars(data = []) {

src/views/ModelInsight/mlForumCommunicationTrend/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 16:33:38
- * @LastEditTime: 2021-11-01 16:05:14
+ * @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 class="fct-outter" v-loading="load">
        <v-label-div title="论坛传播态势" :showLine="false" :eStyle="{ 'border-style': 'none' }"/> 
        <div class="fct-inner">
            <v-echarts :opt="opt"></v-echarts>
@@ -23,6 +23,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+             load: false,
              form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -47,6 +48,7 @@ export default {
     methods: {
         getData() {
             let obj = Object.assign({}, this.getCtime2, this.form);
+            this.load = true;
             getBbsCountTime(obj).then(res => {
                 let data = res.data || [];
                 let dx = [];
@@ -58,6 +60,7 @@ export default {
                     ds.push(value);
                 })
                 this.opt = createOpt(dx, ds);
+                this.load = false;
             })
         }
     }

src/views/ModelInsight/mlForumHotTopicDirection/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 16:48:36
- * @LastEditTime: 2021-11-01 16:25:45
+ * @LastEditTime: 2021-11-01 17:56:17
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/BrandInsight/forumHotTopicDirection/index.vue
 -->
 <template>
-    <div class="fhtd-outter">
+    <div class="fhtd-outter" v-loading="load">
         <v-label-div title="调性分布" :showLine="false" :eStyle="{ 'border-style': 'none' }" />
         <div class="wp-inner">
             <div class="wp-in-d1">
@@ -31,6 +31,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -78,6 +79,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getAffections2(obj).then(res => {
                 let data = res.data;
@@ -98,6 +100,7 @@ export default {
                     "#3373CC",
                     "#CC9D12",
                 ]);
+                this.load = false;
             })
         }
     }

src/views/ModelInsight/mlKeyMedia/index.vue

@@ -1,14 +1,14 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 18:43:22
- * @LastEditTime: 2021-11-01 17:18:30
+ * @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">
+    <div class="km-outter" v-loading="load">
         <v-label-div title="重点媒体" :showLine="false" :eStyle="{'border-style': 'none'}">
             <v-pagination :data="pdata" :style="{}" @change="handlerData"></v-pagination>
         </v-label-div>
@@ -27,6 +27,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -51,6 +52,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
            let obj = Object.assign({}, this.getCtime2, this.form);
            getWebsite(obj).then(res => {
                let data = res.data || {};
@@ -63,6 +65,7 @@ export default {
                    arr.push(obj)
                }
                this.pdata = arr;
+               this.load = false;
            }) 
         },
         handlerData(val = []) {

src/views/ModelInsight/mlPopularEvents/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: xw
  * @Date: 2021-10-12 11:06:58
- * @LastEditTime: 2021-11-01 15:15:10
+ * @LastEditTime: 2021-11-01 17:57:58
  * @LastEditors: Please set LastEditors
  * @Description: 热门事件
  * @FilePath: /data-show/src/views/BrandInsight/popularEvents/index.vue
 -->
 <template>
-    <div class="pe-outter">
+    <div class="pe-outter" v-loading="load">
         <v-label-div title="热点事件" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
         <div class="pe-inner">
             <v-echarts :opt="opt"></v-echarts>
@@ -23,6 +23,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -46,6 +47,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getHotEventsType(obj).then(res => {
                 let data = res.data;
@@ -73,6 +75,7 @@ export default {
                     obj[ele.events_type].push(a);
                 });
                 this.opt = createOpt(obj);
+                this.load = false;
             })
         }
     }

src/views/ModelInsight/mlPopularEventsList/index.vue

@@ -1,14 +1,14 @@
 <!--
  * @Author: xw
  * @Date: 2021-10-12 10:50:44
- * @LastEditTime: 2021-11-01 15:07:45
+ * @LastEditTime: 2021-11-01 17:59:06
  * @LastEditors: Please set LastEditors
  * @Description: 热门事件列表
  * @FilePath: /data-show/src/views/BrandInsight/popularEventsList/index.vue
 -->
 
 <template>
-    <div class="pe-ouuter">
+    <div class="pe-ouuter" v-loading="load">
         <v-label-div title="热门事件列表" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
         <div class="pe-inner">
             <dv-scroll-board :config="config" :style="{ width: '100%', height: '20rem' }" />
@@ -23,6 +23,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -48,6 +49,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getHotEventsList0528(obj).then((res) => {
                 let data = res.data || [];
@@ -70,6 +72,7 @@ export default {
                     header: ["事件列表", "影响力", "时间", "关联车型"],
                     data: arr,
                 };
+                this.load = false;
             });
         },
     },

src/views/ModelInsight/mlPopularwordCloud/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 19:16:46
- * @LastEditTime: 2021-11-01 17:26:50
+ * @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 class="pwc-outter" v-loading="load">
        <v-label-div title="热门词云" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
        <div class="pwd-inner">
            <v-echarts :opt="opt"></v-echarts>
@@ -23,6 +23,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -46,10 +47,12 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
            let obj = Object.assign({}, this.getCtime2, this.form); 
            getHotWord(obj).then(res => {
                let data = res.data;
                this.opt = createWordCloud(data);
+               this.load = false;
            })
         }
     }

src/views/ModelInsight/mlRearWingPropagationSituation/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 18:35:53
- * @LastEditTime: 2021-11-01 17:04:11
+ * @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 class="rwps-outter" v-loading="load">
         <v-label-div title="尾翼传播态势" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
         <div class="rwps-inner">
             <v-echarts :opt="opt"></v-echarts>
@@ -23,6 +23,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -46,6 +47,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getWeiYiVolumeTime(obj).then(res => {
                 let data = res.data || [];
@@ -58,6 +60,7 @@ export default {
                     ds.push(value);
                 })
                 this.opt = createOpt(dx,ds)
+                this.load = false;
             })
         }
     }

src/views/ModelInsight/mlSpreadTOPmodels/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 18:18:20
- * @LastEditTime: 2021-11-01 16:50:14
+ * @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 class="stm-outter" v-loading="load">
         <v-label-div title="阅读量占比分布" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
         <div class="wp-inner">
             <div class="wp-in-d1">
@@ -30,6 +30,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -77,6 +78,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getClicksDistribution(obj).then(res => {
                 let data = res.data || [];
@@ -91,6 +93,7 @@ export default {
                     "#3373CC",
                     "#CC9D12",
                 ]);
+                this.load = false;
             })
         }
     }

src/views/ModelInsight/mlWeiboKol/index.vue

@@ -1,14 +1,14 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 14:19:53
- * @LastEditTime: 2021-11-01 15:30:06
+ * @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-outter" v-loading="load">
         <div class="wk-inner">
             <div class="wk-in-d1">
                 <v-label-div title="微博KOL" :showLine="false" :eStyle="{ 'border-style': 'none' }"></v-label-div>
@@ -33,6 +33,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             total: 0,
             labelData: [],
             form: {
@@ -80,6 +81,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getBoauthenCount0528(obj).then((res) => {
                 let data = res.data || [];
@@ -90,6 +92,7 @@ export default {
                 this.total = total;
                 this.labelData = data;
                 this.opt = createOpt(data, this.colors);
+                this.load = false;
             });
         },
     },

src/views/ModelInsight/mlWeiboPortraits/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 15:06:47
- * @LastEditTime: 2021-11-01 15:39:09
+ * @LastEditTime: 2021-11-01 18:02:48
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/BrandInsight/weiboPortraits/index.vue
 -->
 <template>
-    <div class="wp-outter">
+    <div class="wp-outter" v-loading="load">
         <v-label-div title="微博人物画像" :showLine="false" :eStyle="{ 'border-style': 'none' }">
             <v-tab-group :btns="['性别', '认证', '地区']" @change="handlerTab"></v-tab-group>
         </v-label-div>
@@ -32,6 +32,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -115,6 +116,7 @@ export default {
         },
         // 获取后台数据
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getSexMergeWeiBo(obj).then((res) => {
                 let data = res.data;
@@ -157,6 +159,7 @@ export default {
                     "#3373CC",
                     "#CC9D12",
                 ]);
+                this.load = false;
             });
         },
     },

src/views/ModelInsight/mlWeiboVolumeTrend/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 15:24:48
- * @LastEditTime: 2021-11-01 15:52:11
+ * @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 class="wvt-outter" v-loading="load">
         <v-label-div title="微博声量趋势" :showLine="false" :eStyle="{ 'border-style': 'none' }">
         </v-label-div>
         <div class="wvt-inner">
@@ -24,6 +24,7 @@ export default {
     props: ["brand", "model"],
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 sSeriesName: "",
@@ -47,6 +48,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getCountTime0528(obj).then((res) => {
                 let data = res.data || [];
@@ -59,6 +61,7 @@ export default {
                     ds.push(value);
                 });
                 this.opt = createOpt(dx, ds);
+                this.load = false;
             });
         },
     },