添加月饼统计

src/App.vue

@@ -52,6 +52,12 @@
             <li class="myli" v-else-if="value === '4'">
               <return-report :date="dadataTime" />
             </li>
+            <li class="myli" v-else-if="value === '5'">
+              <moon-cake-report />
+            </li>
+            <li class="myli" v-else-if="value === '6'">
+              <moon-cake-post-report />
+            </li>
             <!-- <li class="myli" v-else-if="value === '2'">
               <sales-report />
             </li>
@@ -88,6 +94,14 @@ export default {
           value: "4",
           label: "516退货报表",
         },
+        {
+          value: "5",
+          label: "2022月饼销售统计",
+        },
+        {
+          value: "6",
+          label: "2022月饼库存统计",
+        },
         // {
         //   value: "3",
         //   label: "销售退货报表",
@@ -98,7 +112,7 @@ export default {
           return time.getTime() > Date.now();
         },
       },
-      value: "3",
+      value: "5",
       dadataTime: "",
     };
   },
@@ -114,7 +128,7 @@ export default {
       return y + "-" + (M < 10 ? "0" + M : M) + "-" + (d < 10 ? "0" + d : d);
     },
     selectChange() {
-      if (this.value+"" !== '2') {
+      if (this.value + "" !== "2") {
         this.dadataTime = this.transformTime();
       }
     },

src/api/index.js

@@ -1,21 +1,32 @@
 // 物业管理员
-import http from '@/api/axios'
-import { baseApi, cxApi } from '@/config'
-const api = 'Stats/'
+import http from "@/api/axios";
+import { baseApi, cxApi } from "@/config";
+const api = "Stats/";
 export default {
-    // 销售统计
-    list: (data, params) => http(baseApi + api + 'yunshu', data, 'post', params),
-    // 销售退货统计
-    rejected: (data, params) => http(baseApi + api + 'tongji', data, 'post', params),
-    // 退货统计
-    MReturn: (data, params) => http(baseApi + api + 'tuihuo', data, 'post', params),
-    // 退货统计
-    qrdcptj: (data, params) => http(baseApi + api + 'qrdcptj', data, 'post', params),
-    // 部门合并后的指标
-    departtj: (data, params) => http(baseApi + api + 'departtj', data, 'post', params),
-    // 部门合并后的指标(新)
-    statlist: (data, params) => http(cxApi + 'admin/statlist', data, 'post', params),
-    // 516退货
-    thlist: (data, params) => http(baseApi + api + 'departth', data, 'post', params),
-
-}
+  // 销售统计
+  list: (data, params) => http(baseApi + api + "yunshu", data, "post", params),
+  // 销售退货统计
+  rejected: (data, params) =>
+    http(baseApi + api + "tongji", data, "post", params),
+  // 退货统计
+  MReturn: (data, params) =>
+    http(baseApi + api + "tuihuo", data, "post", params),
+  // 退货统计
+  qrdcptj: (data, params) =>
+    http(baseApi + api + "qrdcptj", data, "post", params),
+  // 部门合并后的指标
+  departtj: (data, params) =>
+    http(baseApi + api + "departtj", data, "post", params),
+  // 部门合并后的指标(新)
+  statlist: (data, params) =>
+    http(cxApi + "admin/statlist", data, "post", params),
+  // 516退货
+  thlist: (data, params) =>
+    http(baseApi + api + "departth", data, "post", params),
+  // 2022月饼销售统计
+  salereport: (data, params) =>
+    http(cxApi + "/admin/salereport", data, "post", params),
+  // 2022月饼库存统计
+  bkreport: (data, params) =>
+    http(cxApi + "//admin/bkreport", data, "post", params),
+};

src/components/index.js

@@ -6,6 +6,8 @@ import SalesReportM from "./SalesReportM";
 import SalesReportRejectedSettlementNew from "./SalesReportRejectedSettlementNew";
 import SalesReportRejectedNew from "./SalesReportRejectedNew"
 import returnReport from "./returnReport"
+import moonCakeReport from "./moonCakeReport"
+import moonCakePostReport from "./moonCakePostReport"
 export default {
   install(Vue) {
     // 全局注册组件
@@ -16,7 +18,8 @@ export default {
     Vue.component(SalesReportRejectedSettlementNew.name, SalesReportRejectedSettlementNew);
     Vue.component(SalesReportRejectedNew.name, SalesReportRejectedNew)
     Vue.component(returnReport.name, returnReport)
-    
+    Vue.component(moonCakeReport.name, moonCakeReport)
+    Vue.component(moonCakePostReport.name, moonCakePostReport)
 
   }
 };

src/components/moonCakePostReport.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="moonCakePostReport">
+    <!-- <div class="title">业绩达成报表(含退货)-产品确认单</div> -->
+    <!-- stripe -->
+    <el-table
+      :data="tableData"
+      v-loading="loading"
+      border
+      :max-height="maxHeight"
+      :size="'mini'"
+      style="width: 100%"
+    >
+     <el-table-column prop="itemName" label="部门" fixed="left" min-width="120">
+      </el-table-column>
+      <el-table-column prop="sale_price" label="价格(元)"  min-width="120">
+      </el-table-column>
+   
+
+      <el-table-column show-overflow-tooltip label="备库数量" min-width="120">
+        <template slot-scope="scope">
+          <span>{{ scope.row.num | 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="120">
+        <template slot-scope="scope">
+          <span>{{ scope.row.usable_stock | toThousandFilter }}</span>
+        </template>
+      </el-table-column>
+
+    </el-table>
+  </div>
+</template>
+
+<script>
+import asyncRequest from "@/api/index";
+import setHeight from "@/mixins/index";
+export default {
+  name: "moonCakePostReport",
+  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: {
+    async searchList() {
+      this.loading = true;
+      this.tableData = [];
+      const { code, data } = await asyncRequest.bkreport({});
+      if (code === 0) {
+        this.tableData = data;
+      } else {
+        this.tableData = [];
+      }
+      this.getHeight();
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.moonCakePostReport {
+}
+</style>

src/components/moonCakeReport.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="moonCakeReport">
+    <el-table
+      :data="tableData"
+      v-loading="loading"
+      border
+      :max-height="maxHeight"
+      :size="'mini'"
+      :span-method="objectSpanMethod"
+      style="width: 100%"
+    >
+      <el-table-column prop="itemName" label="部门" fixed="left" width="60"/>
+     
+      <el-table-column show-overflow-tooltip label="价格(元)" min-width="120">
+        <template slot-scope="scope">
+          <span>{{ scope.row.sale_price | toThousandFilter }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column show-overflow-tooltip label="累计销售数量" min-width="120">
+        <template slot-scope="scope">
+          <span>{{ scope.row.num | toThousandFilter }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column show-overflow-tooltip label="金额(万元)" min-width="120">
+        <template slot-scope="scope">
+          <span>{{ scope.row.total_fee | toThousandFilter }}</span>
+        </template>
+      </el-table-column>
+       <el-table-column show-overflow-tooltip prop="good_code" label="成本商品编号"  min-width="160"/>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import asyncRequest from "@/api/index";
+import setHeight from "@/mixins/index";
+export default {
+  name: "moonCakeReport",
+  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: {
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      const { index, span_total } = row;
+      // console.log(column);
+      console.log(rowIndex);
+      console.log(columnIndex);
+      if (columnIndex === 0) {
+        if (index === 0) {
+          return {
+            rowspan: span_total,
+            colspan: 1,
+          };
+        } else {
+          return {
+            rowspan: 0,
+            colspan: 0,
+          };
+        }
+      }
+    },
+    async searchList() {
+      this.loading = true;
+      this.tableData = [];
+      const { code, data } = await asyncRequest.salereport({});
+      if (code === 0) {
+        data.forEach((a, ai) => {
+          a.child.forEach((b, bi) => {
+            let model = {
+              index: bi,
+              good_code: b.good_code,
+              itemName: a.itemName,
+              itemid: b.itemid,
+              num: b.num,
+              sale_price: b.sale_price,
+              total_fee: b.total_fee,
+              span_total: a.child.length,
+            };
+            this.tableData.push(model);
+          });
+        });
+        console.log(this.tableData);
+      } else {
+        this.tableData = [];
+      }
+      this.getHeight();
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.moonCakeReport {
+}
+</style>