cxw-010203

src/views/TailInsightDetails/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @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
  * @Description: 尾翼洞察详情
  * @FilePath: /data-show/src/views/TailInsightDetails/index.vue
@@ -9,7 +9,7 @@
 <template>
     <div class="d-container">
         <div class="tid-outter">
-            <div class="tid-d1">
+            <div class="tid-d1" v-loading="load">
                 <v-label-div title="尾翼洞察详情">
                     <v-btn @click="goback">返回洞察详情</v-btn>
                 </v-label-div>
@@ -51,6 +51,7 @@ export default {
     },
      data() {
         return {
+            load: false,
             msg: "",
             form: {
                 sBrand: "",
@@ -66,9 +67,11 @@ export default {
     methods: {
         getDdta(){
              let obj = Object.assign({}, this.getCtime2, this.form);
+             this.load = true;
             getWeiYiInsightAnalysis(obj).then(res => {
                 let data = res.msg;
                 this.msg = data;
+                this.load = false;
             })
         },
         goback() {

src/views/TailInsightDetails/mediaDistribution/index.vue

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

src/views/TailInsightDetails/popular-word-cloud/index.vue

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

src/views/TailInsightDetails/rearWingInformationList/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @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
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/TailInsightDetails/rearWingInformationList/index.vue
@@ -33,7 +33,7 @@
                 </a-form-item>
             </a-form>
             <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>
@@ -47,6 +47,7 @@ export default {
     data() {
         return {
             load: false,
+            tableLoading: false,
             form: {
                 sSource: "",
                 token: "",
@@ -133,6 +134,7 @@ export default {
         // 获取列表数据
         getData() {
             let obj = Object.assign({}, this.getCtime2, this.form);
+            this.tableLoading = true;
             getList0528(obj).then((res) => {
                 let data = res.data || [];
                 let arr = [];
@@ -151,8 +153,10 @@ export default {
                 this.tdata = arr;
                 let totalNum = res.totalNum || 0;
                 this.pagination.total = totalNum;
+                this.tableLoading = false;
             });
         },
+        // 选择车型的数据
         handlerChangeModel() {
             this.form.iPageIndex = 1;
             this.pagination.current = 1;

src/views/TailInsightDetails/rearWingPropagationSituation/index.vue

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

src/views/TailInsightDetails/theOverallToneOfTheTail/index.vue

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