cxw-010203

src/views/ForumDetails/index.vue

@@ -1,15 +1,15 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-13 15:17:14
- * @LastEditTime: 2021-10-14 09:01:07
+ * @LastEditTime: 2021-11-09 13:26:17
  * @LastEditors: Please set LastEditors
  * @Description: 论坛洞察详情
  * @FilePath: /data-show/src/views/ForumDetails/index.vue
 -->
 <template>
-    <div class="d-container" v-loading="load">
+    <div class="d-container">
         <div class="fd-outter">
-            <div class="fd-d1">
+            <div class="fd-d1" v-loading="load">
                <v-label-div title="论坛洞察详情"> 
                    <v-btn @click="goback">返回洞察详情</v-btn>
                </v-label-div>
@@ -22,13 +22,13 @@
                     </div>
                </div>
             </div>
-            <div class="fd-d2">
+            <div class="fd-d2" v-loading="load1">
                 <v-label-div title="传播态势"/> 
                 <div class="fd-d2-inner">
                    <v-echarts :opt="opt1"></v-echarts> 
                 </div>
             </div>
-            <div class="fd-d2">
+            <div class="fd-d2" v-loading="load2">
                 <v-label-div title="TOP5车型传播态势"/> 
                 <div class="fd-d2-inner">
                     <v-echarts :opt="opt2"></v-echarts>
@@ -47,6 +47,8 @@ export default {
     data() {
         return {
             load: false,
+            load1: false,
+            load2: false,
             opt1: {},
             opt2: createOptD2(),
             msg: "",
@@ -67,13 +69,16 @@ export default {
     methods: {
         getDdta1(){
              let obj = Object.assign({}, this.getCtime2, this.form);
+             this.load = true;
             getBbsInsightAnalysis(obj).then(res => {
                 let data = res.msg;
                 this.msg = data;
+                this.load = false;
             })
         },
         getDdta2(){
              let obj = Object.assign({}, this.getCtime2, this.form);
+             this.load1 = true;
             getBbsCountTime(obj).then(res => {
                 let data = res.data || [];
                 let dx = [];
@@ -85,10 +90,12 @@ export default {
                     ds.push(value);
                 });
                 this.opt1 = createOptD1(dx, ds);
+                this.load1 = false;
             })
         },
         getDdta3(){
             let obj = Object.assign({}, this.getCtime2, this.form);
+            this.load2 = true;
             getBbsBrandTime(obj).then(res => {
                 let data = res.data || [];
                 let dx = [];
@@ -100,10 +107,9 @@ export default {
                     ds.push(value);
                 });
                 this.opt2 = createOptD2(dx, ds);
-            
+                this.load2 = false;
             })
         },
-
         goback() {
             this.$router.go(-1)
         }

src/views/WeiboDetails/modelPopularity/index.vue

@@ -1,14 +1,14 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 18:42:40
- * @LastEditTime: 2021-10-14 18:59:42
+ * @LastEditTime: 2021-11-09 11:58:09
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/modelPopularity/index.vue
 -->
 
 <template>
-  <div class="mp-outter">
+  <div class="mp-outter" v-loading="load">
     <v-label-div title="车型热度">
       <div>
         <v-tab-group
@@ -37,6 +37,7 @@ export default {
   name: "modelPopularity",
   data() {
     return {
+      load: false,
       form: {
         sBrand: "",
         token: "",
@@ -61,6 +62,7 @@ export default {
 
   methods: {
     getData() {
+      this.load = true;
       Promise.all([
         this.getHotSeries(),
         this.getHotTypes(),
@@ -69,6 +71,7 @@ export default {
       ]).then(() => {
         // 什么也不执行
         this.handlerTab(0);
+        this.load = false;
       });
     },
     //热门

src/views/WeiboDetails/negativeOpinionKOL/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-16 15:18:44
- * @LastEditTime: 2021-10-16 15:58:24
+ * @LastEditTime: 2021-11-09 13:14:13
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/positiveViewKOL/index.vue
 -->
 <template>
-    <div class="pv-outter">
+    <div class="pv-outter" v-loading="load">
         <v-label-div title="负面观点KOL">
         </v-label-div>
         <div class="pv-inner">
@@ -31,6 +31,7 @@ export default {
     data() {
         return {
             ds:[],
+            load: false,
             form: {
                 sBrand: "",
                 sQingGan: "2",
@@ -47,6 +48,7 @@ export default {
     methods: {
         getData() {
             let obj = Object.assign({}, this.getCtime2, this.form);
+            this.load = true;
             getCoreDiffuseWeiBo0528(obj).then(res => {
                 let data = res.data || [];
                 //用户名: data._sourse.user_author
@@ -62,6 +64,7 @@ export default {
                     arr.push(o);
                 })
                 this.ds = arr;
+                this.load = false;
             });
         },
     }

src/views/WeiboDetails/positiveViewKOL/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-16 15:18:44
- * @LastEditTime: 2021-10-16 15:56:52
+ * @LastEditTime: 2021-11-09 13:15:15
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/positiveViewKOL/index.vue
 -->
 <template>
-  <div class="pv-outter">
+  <div class="pv-outter" v-loading="load">
     <v-label-div title="正面观点KOL"> </v-label-div>
     <div class="pv-inner">
       <div class="pv-item" v-for="(item, index) in ds" :key="index">
@@ -32,6 +32,7 @@ export default {
   data() {
     return {
       ds: [],
+      load: false,
       form: {
         sBrand: "",
         sQingGan: "1",
@@ -48,6 +49,7 @@ export default {
   methods: {
     getData() {
       let obj = Object.assign({}, this.getCtime2, this.form);
+      this.load = true;
       getCoreDiffuseWeiBo0528(obj).then((res) => {
         let data = res.data || [];
         //用户名: data._sourse.user_author
@@ -63,6 +65,7 @@ export default {
           arr.push(o);
         });
         this.ds = arr;
+        this.load = false;
       });
     },
   },

src/views/WeiboDetails/weiboCharacters/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 10:48:56
- * @LastEditTime: 2021-10-14 11:00:50
+ * @LastEditTime: 2021-11-09 13:16:07
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/weiboCharacters/index.vue
 -->
 <template>
-  <div class="wc-outter">
+  <div class="wc-outter" v-loading="load">
     <v-label-div title="微博人物画像">
       <div>
         <v-tab-group
@@ -89,6 +89,7 @@ export default {
     // 获取后台数据
     getData() {
       let obj = Object.assign({}, this.getCtime2, this.form);
+      this.load = true;
       getSexMergeWeiBo(obj).then((res) => {
         let data = res.data || {};
         let RegionWeiBo = data.RegionWeiBo;
@@ -98,6 +99,7 @@ export default {
         this.attestation = this.toArr(attestation);
         this.sex = this.toArr(sex);
         this.doVal(this.sex);
+        this.load = false;
       });
     },
     // 将对象变成数组

src/views/WeiboDetails/weiboCommunicationTrend/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 10:11:41
- * @LastEditTime: 2021-10-14 10:22:06
+ * @LastEditTime: 2021-11-09 13:16:55
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/weiboCommunicationTrend/index.vue
 -->
 <template>
-    <div class="wct-outter">
+    <div class="wct-outter" v-loading="load">
         <v-label-div title="微博传播趋势">
         </v-label-div>
         <div class="wct-inner">

src/views/WeiboDetails/weiboContentType/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 10:24:56
- * @LastEditTime: 2021-10-14 10:46:41
+ * @LastEditTime: 2021-11-09 13:17:24
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/weiboContentType/index.vue
 -->
 <template>
-  <div class="wct-outter">
+  <div class="wct-outter" v-loading="load">
     <v-label-div title="微博内容类型"> </v-label-div>
     <div class="wct-inner">
       <div class="d1">
@@ -79,8 +79,8 @@ export default {
       getWtypeWeiBo0528(obj).then((res) => {
         let data = res.data || [];
         this.doVal(data);
+        this.load = false;
       });
-      console.log();
     },
     doVal(arr = []) {
       let total = 0;

src/views/WeiboDetails/weiboSpreadFission/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 19:15:58
- * @LastEditTime: 2021-10-14 19:39:06
+ * @LastEditTime: 2021-11-09 13:18:14
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/weiboSpreadFission/index.vue
 -->
 <template>
-    <div class="wsf-outter">
+    <div class="wsf-outter" v-loading="load">
         <v-label-div title="微博传播裂变">
         </v-label-div>
         <div class="wsf-inner">
@@ -25,6 +25,7 @@ export default {
     data() {
         return {
             opt: {},
+            load: false,
             form: {
                 token:"",
                 sBrand:""
@@ -39,8 +40,10 @@ export default {
     methods: {
         drawGraph() {
             let obj = Object.assign({}, this.getCtime2, this.form);
+            this.load = true;
             getGraphData(obj).then(res => {
-                this.opt = createOpt(res.data)
+                this.opt = createOpt(res.data);
+                this.load = false;
             });
         }
     }

src/views/WeiboDetails/weiboTonalDistribution/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 19:41:24
- * @LastEditTime: 2021-11-05 10:02:09
+ * @LastEditTime: 2021-11-09 13:20:35
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/weiboTonalDistribution/index.vue
 -->
 <template>
-  <div class="wtd-outter">
+  <div class="wtd-outter" v-loading="load">
     <v-label-div title="调性分布"> </v-label-div>
     <div class="wtd-inner">
       <div class="wtd-item" v-for="(value,key) in obj"
@@ -26,6 +26,7 @@ export default {
   name: "wtd-outter",
   data() {
     return {
+      load: false,
       form: {
         token: "",
         sBrand: "",
@@ -49,6 +50,7 @@ export default {
   methods: {
     getData() {
       let obj = Object.assign({}, this.getCtime2, this.form);
+      this.load = true;
       getBoauthenAffectionsWeiBo0528(obj).then(res => {
           let data = res.data;
           data.forEach(ele => {
@@ -85,6 +87,7 @@ export default {
                   break;
               }
           })
+          this.load = false;
       });
     },
   },

src/views/WeiboDetails/weiboUserActiveArea/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 11:25:20
- * @LastEditTime: 2021-10-14 15:06:40
+ * @LastEditTime: 2021-11-09 13:21:04
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/index.vue
 -->
 <template>
-  <div class="wua-outter">
+  <div class="wua-outter" v-loading="load">
     <v-label-div title="微博用户活跃地区"> </v-label-div>
     <div class="wua-inner">
       <div class="d1">
@@ -28,6 +28,7 @@ export default {
   name: "weiboUserActiveArea",
   data() {
     return {
+      load: false,
       form: {
         sBrand: "",
         token: "",
@@ -62,6 +63,7 @@ export default {
         let dm = arr //省份和数据
         this.opt1 = createOptD1(dx, ds);
         this.opt2 = createOptD2(dm);
+        this.load = false;
       });
     },
     // 将对象变成数组