feat:业绩统计报表

src/App.vue

@@ -43,9 +43,6 @@
             </div>
           </div>
           <ul class="myul">
-            <!-- <li class="myli" v-if="value === '2'">
-              <sales-report-rejected />
-            </li> -->
             <li class="myli" v-if="value === '3'">
               <sales-report-rejected-new :date="dadataTime" />
             </li>
@@ -58,12 +55,11 @@
             <li class="myli" v-else-if="value === '6'">
               <moon-cake-post-report />
             </li>
-            <!-- <li class="myli" v-else-if="value === '2'">
-              <sales-report />
+
+            <li class="myli" v-else-if="value === '10'">
+              <performance-statistics-report />
             </li>
-            <li class="myli" v-else-if="value === '3'">
-              <sales-report-m />
-            </li> -->
+
             <li class="myli" v-else>
               <sales-report-rejected-settlement-new :date="dadataTime" />
             </li>
@@ -74,13 +70,16 @@
   </div>
 </template>
 <script>
+import PerformanceStatisticsReport from "@/components/PerformanceStatisticsReport.vue";
+
 export default {
+  components: { PerformanceStatisticsReport },
   data() {
     return {
       options: [
         {
           value: "1",
-          label: "业绩达成报表(含退货)-产品确认单",
+          label: "业绩达成报表(含退货)-产品确认单"
         },
         // {
         //   value: "2",
@@ -88,32 +87,32 @@ export default {
         // },
         {
           value: "3",
-          label: "采销平台业绩达成报表",
+          label: "采销平台业绩达成报表"
         },
         {
           value: "4",
-          label: "516退货报表",
+          label: "516退货报表"
         },
         {
           value: "5",
-          label: "2022月饼销售统计",
+          label: "2022月饼销售统计"
         },
         {
           value: "6",
-          label: "2022月饼库存统计",
+          label: "2022月饼库存统计"
         },
-        // {
-        //   value: "3",
-        //   label: "销售退货报表",
-        // },
+        {
+          value: "10",
+          label: "业绩统计报表"
+        }
       ],
       pickerOptions: {
         disabledDate(time) {
           return time.getTime() > Date.now();
-        },
+        }
       },
-      value: "3",
-      dadataTime: "",
+      value: "10",
+      dadataTime: ""
     };
   },
   async created() {
@@ -134,8 +133,8 @@ export default {
     },
     changeOption(index) {
       this.value = this.options[index].value;
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="scss">

src/api/report.js

@@ -0,0 +1,9 @@
+// 物业管理员
+import http from "@/api/axios";
+import { reportApi } from "@/config";
+const api = "admin/";
+
+export default {
+  //业绩统计
+  list: (data, params) => http(reportApi + api + "stats", data, "post", params)
+};

src/components/PerformanceStatisticsReport.vue

@@ -0,0 +1,164 @@
+<template>
+  <div class="SalesReportRejectedNew">
+    <!-- <div class="title">业绩达成报表(含退货)-产品确认单</div> -->
+    <!-- stripe -->
+    <el-table
+      :data="tableData"
+      v-loading="loading"
+      border
+      :max-height="maxHeight"
+      :size="'mini'"
+      style="width: 100%"
+      row-key="id"
+      default-expand-all
+      :row-class-name="tableRowClassName"
+      :tree-props="{ children: 'child', hasChildren: 'hasChildren' }"
+    >
+      <el-table-column prop="p" label="业绩类型" fixed="left" min-width="120">
+      </el-table-column>
+      <el-table-column label="本日金额" min-width="120" align="center">
+        <el-table-column show-overflow-tooltip label="销售" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.dtotal | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="退款" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.thfee | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column label="本周金额" min-width="120" align="center">
+        <el-table-column show-overflow-tooltip label="销售" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.wtotal | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="退款" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.wthfee | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column label="本月金额" min-width="120" align="center">
+        <el-table-column show-overflow-tooltip label="销售指标" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.tips | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column show-overflow-tooltip label="销售" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.total | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          label="销售完成率"
+          min-width="95"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.rate ? scope.row.rate + "%" : "" }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="退款" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.mthfee | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="净销售" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.thtotal | toThousandFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          label="净销售完成率"
+          min-width="95"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.thrate ? scope.row.thrate + "%" : "" }}</span>
+          </template>
+        </el-table-column>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import asyncRequest from "@/api/report";
+import setHeight from "@/mixins/index";
+
+export default {
+  name: "SalesReportRejectedNew",
+  props: ["date"],
+  mixins: [setHeight],
+  watch: {
+    date: function(val) {
+      this.dataTime = val;
+      if (val) {
+        this.searchList();
+      }
+    }
+  },
+  data() {
+    return {
+      dataTime: this.date,
+      loading: false,
+      maxHeight: "0",
+      tableData: []
+    };
+  },
+  async created() {
+    window.onresize = () => {
+      this.getHeight();
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.getHeight();
+    });
+    this.searchList();
+  },
+  methods: {
+    tableRowClassName({ row, rowIndex }) {
+      if ((row && row.child && row.child.length > 0) || rowIndex === 0) {
+        return "warning-row";
+      } else {
+        return "";
+      }
+    },
+    async searchList() {
+      this.loading = true;
+      this.tableData = [];
+      const res = await asyncRequest.list({});
+
+      if (res.code === 0 && res.data && res.data.length > 0) {
+        this.tableData = res.data;
+        this.tableData.map((v1, i1) => {
+          v1.id = i1 + "";
+          v1.p = v1.p ? v1.p : v1.depart;
+          if (v1.child && v1.child.length > 0) {
+            v1.child.map((v2, i2) => {
+              v2.id = "" + v1 + i2;
+              return v2;
+            });
+          }
+          return v1;
+        });
+      } else {
+        this.tableData = [];
+      }
+      this.getHeight();
+      this.loading = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.SalesReportRejectedNew {
+}
+</style>

src/components/SalesReportM.vue

@@ -40,7 +40,7 @@ export default {
     return {
       loading: false,
       maxHeight: "0",
-      tableData: [],
+      tableData: []
     };
   },
   async created() {
@@ -66,8 +66,8 @@ export default {
       }
       this.getHeight();
       this.loading = false;
-    },
-  },
+    }
+  }
 };
 </script>
 

src/config/env.development.js

@@ -1,14 +1,15 @@
 // 本地
 module.exports = {
-  title: '业绩报表',
-  baseApi: 'http://inv.sitw.wanyuhengtong.com/',
-  cxApi: 'http://stock.api.wanyuhengtong.com/',
+  title: "业绩报表",
+  baseApi: "http://inv.sitw.wanyuhengtong.com/",
+  cxApi: "http://stock.api.wanyuhengtong.com/",
   fileURL: `https://api2.edu.futurelab.tv`,
-  appId: 'wx5ac3a2c2d72b6f26',
+  reportApi: "http://cxinv.api.caixiao365.com/",
+  appId: "wx5ac3a2c2d72b6f26",
   ding: {
     //企业id
     CorpId: "dingc78fa4301e1a424a35c2f4657eb6378f",
     //应用凭证
     AgentId: "1184953963"
   }
-}
+};

src/config/env.production.js

@@ -1,14 +1,15 @@
 // 生产环境
 module.exports = {
-  title: '业绩报表',
-  baseApi: 'http://inv.sitw.wanyuhengtong.com/',
-  cxApi: 'http://stock.api.wanyuhengtong.com/',
+  title: "业绩报表",
+  baseApi: "http://inv.sitw.wanyuhengtong.com/",
+  cxApi: "http://stock.api.wanyuhengtong.com/",
   fileURL: `https://api2.edu.futurelab.tv`,
-  appId: 'wx5ac3a2c2d72b6f26',
+  reportApi: "http://cxinv.api.caixiao365.com/",
+  appId: "wx5ac3a2c2d72b6f26",
   ding: {
     //企业id
     CorpId: "dingc78fa4301e1a424a35c2f4657eb6378f",
     //应用凭证
     AgentId: "1184953963"
   }
-}
+};

src/config/env.staging.js

@@ -1,13 +1,14 @@
 // 测试环境
 module.exports = {
-  title: '业绩报表',
-  baseApi: 'http://inv.sit.wanyuhengtong.com/',
+  title: "业绩报表",
+  baseApi: "http://inv.sit.wanyuhengtong.com/",
   fileURL: `https://api2.edusit.zretchome.com`,
-  appId: 'wx5ac3a2c2d72b6f26',
-  ding:{
-     //企业id
-     CorpId: "dingc78fa4301e1a424a35c2f4657eb6378f",
-     //应用凭证
-     AgentId:"1184953963"
+  reportApi: "http://cxinv.api.caixiao365.com/",
+  appId: "wx5ac3a2c2d72b6f26",
+  ding: {
+    //企业id
+    CorpId: "dingc78fa4301e1a424a35c2f4657eb6378f",
+    //应用凭证
+    AgentId: "1184953963"
   }
-}
+};

src/config/index.js

@@ -1,3 +1,3 @@
 // 根据环境引入不同配置 process.env.NODE_ENV
-const config = require('./env.' + process.env.NODE_ENV)
-module.exports = config
+const config = require("./env." + process.env.NODE_ENV);
+module.exports = config;