优化

src/views/BprogramAmount/BprogramAmount.vue

@@ -44,11 +44,12 @@ export default {
               show: false,
             },
             data: [
+              "美妆购买总用户数",
               "单次三个项目",
               "单次两个项目",
               "三次到店用户数",
               "两次到店用户数",
-              "美妆购买总用户数",
+              '总付费用户数',
               "总用户数",
             ],
           },
@@ -78,11 +79,12 @@ export default {
               },
             },
             data: [
+              this.listData.beauty_products,
               this.listData.three_project,
               this.listData.two_project,
               this.listData.user_three,
               this.listData.user_two,
-              this.listData.beauty_products,
+              this.listData.total_consumer_users,
               this.listData.total_user,
             ],
           },

src/views/productRatio/productRatio.vue

@@ -15,6 +15,10 @@ export default {
   methods: {
     // 保存项目top10信息
     getTopList() {
+      this.topList = [];
+            if (this.listData == "") {
+        return;
+      }
       this.listData.forEach((item) => {
         let arr = {};
         arr.value = item.num;
@@ -66,8 +70,10 @@ export default {
   watch: {
     listData: {
       handler(val) {
+        this.getTopList();
         this.myEcharts();
       },
+      deep: true, // 深度监听父组件传过来对象变化
     },
   },
   mounted() {

src/views/programAmount/programAmount.vue

@@ -50,9 +50,9 @@ export default {
             },
             data: [
               "总测肤用户数",
-              "付费总用户数",
-              "充值总用户数",
-              "多次卡购买总用户数",
+              "付费用户数",
+              "充值用户数",
+              "多次卡购买用户数",
               "新注册用户数",
               "新测肤用户数",
             ],

src/views/projectRatio/projectRatio.vue

@@ -15,12 +15,16 @@ export default {
   methods: {
     // 保存项目top10信息
     getTopList() {
-      this.listData.forEach(item=>{
-        let arr = {}
-        arr.value = item.num
-        arr.name = item.project_name
-        this.topList.push(arr)
-      })
+      this.topList = [];
+      if (this.listData == "") {
+        return;
+      }
+      this.listData.forEach((item) => {
+        let arr = {};
+        arr.value = item.num;
+        arr.name = item.project_name;
+        this.topList.push(arr);
+      });
     },
     //先定义个方法
     myEcharts() {
@@ -44,7 +48,7 @@ export default {
             // name: "Access From",
             type: "pie",
             radius: "50%",
-            data:this.topList,
+            data: this.topList,
             // data: [
             //   {
             //     name: this.listData[0].project_name,
@@ -80,8 +84,10 @@ export default {
   watch: {
     listData: {
       handler(val) {
+        this.getTopList();
         this.myEcharts();
       },
+      deep: true, // 深度监听父组件传过来对象变化
     },
   },
   mounted() {