cxw-010203

src/views/BrandInsight/forumCommunicationTrend/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 16:33:38
- * @LastEditTime: 2021-11-01 09:58:14
+ * @LastEditTime: 2021-11-01 18:06:19
  * @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"],
     data() {
         return {
+            load: false,
              form: {
                 sBrand: "",
                 token: "",
@@ -37,6 +38,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getBbsCountTime(obj).then(res => {
                 let data = res.data || [];
@@ -49,6 +51,7 @@ export default {
                     ds.push(value);
                 })
                 this.opt = createOpt(dx, ds)
+                this.load = false
             })
         }
     }

src/views/BrandInsight/forumHotTopicDirection/index.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 16:48:36
- * @LastEditTime: 2021-11-01 09:58:25
+ * @LastEditTime: 2021-11-01 18:07:12
  * @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="fhtd-inner">
             <div class="d1">
@@ -31,6 +31,7 @@ export default {
     },
     data() {
         return {
+            load: false,
             form: {
                 sBrand: "",
                 token: "",
@@ -55,12 +56,14 @@ export default {
             return newArray;
         },
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getHotTopic0528(obj).then((res) => {
                 let data = res.data || [];
                 let groupedArray = this.group(data, 5);
                 this.d1 = groupedArray[0];
                 this.d2 = groupedArray[1];
+                this.load = false;
             });
         },
     },

src/views/BrandInsight/keyMedia/index.vue

@@ -1,14 +1,14 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 18:43:22
- * @LastEditTime: 2021-11-01 09:58:35
+ * @LastEditTime: 2021-11-01 18:57:42
  * @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>
@@ -26,6 +26,7 @@ export default {
     props: ["brand"],
     data() {
         return {
+            load: false,
             form: {
                 token: "",
                 sBrand: "奥迪",
@@ -41,6 +42,7 @@ export default {
     },
     methods: {
         getData() {
+            this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
             getWebsite(obj).then((res) => {
                 let data = res.data || {};
@@ -53,7 +55,7 @@ export default {
                    arr.push(obj)
                 }
                this.pdata = arr;
-               
+               this.load = false;
             });
         },
         handlerData(val = []) {