commit message

seller/src/views/statistics/goods.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <Affix :offset-top="100">
+      <Card class="card fixed-bottom">
+        <affixTime :closeShop="true" @selected="clickBreadcrumb"/>
+      </Card>
+    </Affix>
+    <Card class="card">
+
+      <Tabs @on-click="handleClickType">
+        <TabPane label="热门商品订单数量" name="NUM">
+          <Table :columns="columns" :data="data"></Table>
+        </TabPane>
+        <TabPane label="热门商品订单金额" name="PRICE">
+          <Table :columns="columns" :data="data"></Table>
+        </TabPane>
+      </Tabs>
+
+    </Card>
+  </div>
+</template>
+<script>
+import * as API_Goods from "@/api/goods";
+import Cookies from "js-cookie";
+export default {
+  data() {
+    return {
+      params: { // 请求参数
+        searchType: "LAST_SEVEN",
+        year: "",
+        month: "",
+        storeId: JSON.parse(Cookies.get("userInfo")).id || '',
+        type: "NUM"
+      },
+      columns: [ // 表格表头
+        {
+          title: "商品名称",
+          key: "goodsName",
+        },
+        {
+          title: "销售数量",
+          key: "num",
+        },
+        {
+          title: "销售金额",
+          key: "price",
+          render: (h, params) => {
+            return h(
+              "div",
+              this.$options.filters.unitPrice(params.row.price)
+            );
+          },
+        },
+      ],
+      data: [], // 表格数据
+    };
+  },
+  methods: {
+    handleClickType(name) {
+      this.params.type = name;
+      this.getData();
+    },
+
+    clickBreadcrumb(item, index) {
+      let callback = item;
+      let type = this.params.type;
+      this.params = {...callback};
+      this.params.type = type;
+      this.getData();
+    },
+    getData() {
+      Promise.all([API_Goods.goodsStatistics(this.params)]).then((res) => {
+        if (res[0].result) {
+          this.data = res[0].result;
+        }
+      });
+    },
+  },
+  mounted() {
+    this.getData();
+  },
+};
+</script>
+<style scoped lang="scss">
+.page-col {
+  text-align: right;
+  margin: 10px 0;
+}
+
+.order-col {
+  display: flex;
+
+  > div {
+    margin-right: 8px;
+    padding: 16px;
+    font-size: 15px;
+  }
+}
+
+.order-list {
+  display: flex;
+}
+
+.tips {
+  margin: 0 8px;
+}
+
+.card {
+  margin-bottom: 10px;
+}
+</style>