7.27(维修分析

src/api/statistics.js

@@ -54,4 +54,38 @@ export function maintenanceAnalysisLattice(data) {
     method: 'post',
     data,
   });
+}
+
+
+//进店台次分车型占比 /api/admin/merchant/monthly/maintenance/analysis/model/ratio
+export function maintenanceAnalysisModelRatio(data) {
+  return request({
+    url: '/admin/merchant/monthly/maintenance/analysis/model/ratio',
+    method: 'post',
+    data,
+  });
+}
+//进店台次分所属公司占比 /api/admin/merchant/monthly/maintenance/analysis/company
+export function maintenanceAnalysisCompany(data) {
+  return request({
+    url: '/admin/merchant/monthly/maintenance/analysis/company',
+    method: 'post',
+    data,
+  });
+}
+//维保产值按车型占比 /api/admin/merchant/monthly/maintenance/analysis/yield/model
+export function maintenanceAnalysisYieldModel(data) {
+  return request({
+    url: '/admin/merchant/monthly/maintenance/analysis/yield/model',
+    method: 'post',
+    data,
+  });
+}
+//维保产值按所属公司占比 /api/admin/merchant/monthly/maintenance/analysis/yield/company
+export function maintenanceAnalysisYieldCompany(data) {
+  return request({
+    url: '/admin/merchant/monthly/maintenance/analysis/yield/company',
+    method: 'post',
+    data,
+  });
 }

src/views/statistics/components/accessoryEcharts.vue

@@ -15,7 +15,7 @@ import * as echarts from 'echarts';
 import { brokenLineApi } from '@/api/dashboard';
 export default {
   name: 'accessoryEcharts',
-  props: ['id', 'title'],
+  props: ['id', 'title','pieData'],
   data() {
     return {
       lineData: [],
@@ -52,19 +52,9 @@ export default {
           },
           series: [
             {
-              name: 'Access From',
               type: 'pie',
               radius: '50%',
-              data: [
-                { value: 1048, name: '北汽EU5' },
-                { value: 735, name: '启辰D60' },
-                { value: 580, name: '东风E70' },
-                { value: 484, name: '别克蔚蓝6' },
-                { value: 300, name: '特斯拉' },
-                { value: 450, name: '广汽' },
-                { value: 900, name: '吉利帝豪' },
-                { value: 600, name: 'NAT' },
-              ],
+              data: this.pieData,
               emphasis: {
                 itemStyle: {
                   shadowBlur: 10,

src/views/statistics/maintenance/index.vue

@@ -118,16 +118,16 @@
       <!-- 四 -->
       <el-row :gutter="20">
         <el-col :span="6">
-          <AccessoryEcharts :id="'pie1'" :title="'进店台次分车型占比'"></AccessoryEcharts>
+          <AccessoryEcharts :id="'pie1'" :title="'进店台次分车型占比'" :pieData="pieData1"></AccessoryEcharts>
         </el-col>
         <el-col :span="6">
-          <AccessoryEcharts :id="'pie2'" :title="'进店台次分所属公司占比'"></AccessoryEcharts>
+          <AccessoryEcharts :id="'pie2'" :title="'进店台次分所属公司占比'" :pieData="pieData2"></AccessoryEcharts>
         </el-col>
         <el-col :span="6">
-          <AccessoryEcharts :id="'pie3'" :title="'维保产值按车型占比'"></AccessoryEcharts>
+          <AccessoryEcharts :id="'pie3'" :title="'维保产值按车型占比'" :pieData="pieData3"></AccessoryEcharts>
         </el-col>
         <el-col :span="6">
-          <AccessoryEcharts :id="'pie4'" :title="'维保产值按所属公司占比'"></AccessoryEcharts>
+          <AccessoryEcharts :id="'pie4'" :title="'维保产值按所属公司占比'" :pieData="pieData4"></AccessoryEcharts>
         </el-col>
       </el-row>
       <!-- 三 -->
@@ -415,7 +415,7 @@
 
 <script>
 import { merchantListApi } from "@/api/merchant"
-import { maintenanceAnalysisLattice } from "@/api/statistics.js"
+import { maintenanceAnalysisLattice,maintenanceAnalysisModelRatio, maintenanceAnalysisCompany, maintenanceAnalysisYieldModel, maintenanceAnalysisYieldCompany  } from "@/api/statistics.js"
 import AccessoryEcharts from '../components/accessoryEcharts';
 import ConsumeEcharts from '../components/consumeEcharts';
 export default {
@@ -441,7 +441,14 @@ export default {
       accessory: {},
       //维保利润
       profit: {},
-
+         //饼图1
+         pieData1:[],
+      //饼图2
+      pieData2:[],
+      //饼图3
+      pieData3:[],
+      //饼图4
+      pieData4:[],
     };
   },
   mounted() {
@@ -490,7 +497,35 @@ export default {
         //维保利润
         this.profit = res.profit
       })
-    }
+    },
+    //进店台次分车型占比
+    maintenanceAnalysisModelRatioFn() {
+      maintenanceAnalysisModelRatio(this.tableFrom).then(res => {
+        this.pieData1=res
+        console.log(1, res);
+      })
+    },
+    //进店台次分所属公司占比
+    maintenanceAnalysisCompanyFn() {
+      maintenanceAnalysisCompany(this.tableFrom).then(res => {
+        console.log(2, res);
+        this.pieData2=res
+      })
+    },
+    //维保产值按车型占比
+    maintenanceAnalysisYieldModelFn() {
+      maintenanceAnalysisYieldModel(this.tableFrom).then(res => {
+        console.log(3, res);
+        this.pieData3=res
+      })
+    },
+    //维保产值按所属公司占比
+    maintenanceAnalysisYieldCompanyFn() {
+      maintenanceAnalysisYieldCompany(this.tableFrom).then(res => {
+        console.log(4, res);
+        this.pieData4=res
+      })
+    },
   }
 };
 </script>