Merge branch 'dev' of 47.94.45.65:angelo/web-retail-admin into test

2025-08-21 14:12:49 +08:00 · 2025-08-21 14:12:49 +08:00 · 99605232da
parent 7b5780bc85 d99c5b2f15
commit 99605232da
7 changed files with 1097 additions and 531 deletions
--- a/package.json
+++ b/package.json
@ -18,6 +18,7 @@
    "@riophae/vue-treeselect": "^0.4.0",
    "axios": "0.18.1",
    "core-js": "3.6.5",
+    "dayjs": "^1.11.13",
    "echarts": "^5.4.2",
    "element-ui": "2.13.2",
    "file-saver": "^2.0.5",
--- a/src/api/logistics.js
+++ b/src/api/logistics.js
@ -41,17 +41,15 @@ export function getCancleType(params) {
  })
 }

-//出货明细汇总统计订单类型下拉选
+// 产品销售统计订单类型下拉选
 export function getOrderTypeRepurchaseAll(params) {
  return request({
-        url: '/system/pub/enums/order-business',
+    url: '/system/pub/enums/order-shipment',
    method: 'get',
    params
  })
 }

-
-
 // 伞下直推新增业绩-订单类型下拉选
 export function getUnderAddOrderType(params) {
  return request({
@ -70,7 +68,6 @@ export function getUnderAddOrderTypeNew(params) {
  })
 }

-
 // 收益类型
 export function getYieldType(params) {
  return request({
@ -97,8 +94,6 @@ export function getDeliveryList(params) {
  })
 }

-
-
 // 支付方式
 export function getOrderPayType(params) {
  return request({
@ -126,7 +121,6 @@ export function selfApprove(data) {
  })
 }

-
 // 查询修改地址列表
 export function getModifyAddress(params) {
  return request({
@ -171,4 +165,3 @@ export function updateOrderRemarks(data) {
  })
 }

-
--- a/src/api/statistics.js
+++ b/src/api/statistics.js
@ -95,7 +95,6 @@ export function getYesornoList(params) {
  })
 }

-
 // 伞下直推列表
 export function getUmbrellaPushList(params) {
  return request({
@ -149,20 +148,19 @@ export function getResettleAchieveNew(params) {
  })
 }

-
-//出货明细汇总统计列表
+// 产品销售统计列表
 export function getShippingSummary(params) {
  return request({
-        url: '/report/manager/member-report/product-shipping-details-list',
+    url: '/report/manager/member-report/product-shipping',
    method: 'get',
    params
  })
 }

-//出货明细汇总统计详情列表
+// 产品销售统计详情列表
 export function getShippingSummaryDetail(params) {
  return request({
-        url: '/report/manager/member-report/product-shipping-details-info-list',
+    url: '/report/manager/member-report/product-shipping-details',
    method: 'get',
    params
  })
@ -271,7 +269,6 @@ export function deleteLcDataList(data) {
  })
 }

-
 // 数据报表-联创列表查询单条
 export function getOneLcData(params) {
  return request({
@ -531,7 +528,6 @@ export function getVertexAchieveStatList(params) {
  })
 }

-
 // 订单类型枚举
 export function getOrderType(params) {
  return request({
@ -575,7 +571,6 @@ export function getMonthlyRankList(params) {
  })
 }

-
 // 产品销量排行
 export function getProductSalesStat(params) {
  return request({
@ -601,7 +596,3 @@ export function waresSales(params) {
  })
 }

-
-
-
-
--- a/src/router/index.js
+++ b/src/router/index.js
@ -2826,6 +2826,19 @@ export const constantRoutes = [
        component: () => import('@/views/statistics/underDirectpush'),
        meta: { title: '伞下直推' }
      },
+      {
+        path: 'productSaleStatistics',
+        name: 'ProductSaleStatistics',
+        component: () => import('@/views/statistics/productSaleStatistics'),
+        meta: { title: '产品销售统计' }
+      },
+      {
+        path: 'productSaleStatisticsDetail',
+        name: 'ProductSaleStatisticsDetail',
+        component: () => import('@/views/statistics/productSaleStatisticsDetail'),
+        meta: { title: '产品销售统计详情' },
+        hidden: true
+      },
      {
        path: 'rePurchaseStatisitics',
        name: 'RePurchaseStatisitics',
--- a/src/utils/date.js
+++ b/src/utils/date.js
@ -0,0 +1,15 @@
+import dayjs from 'dayjs'
+
+export function getBeforeDays(n = 1) {
+  return dayjs().subtract(n, 'day').format('YYYY-MM-DD')
+}
+
+// 获取本月第一天
+export function getMonthFirstDay() {
+  return dayjs().startOf('month').format('YYYY-MM-DD')
+}
+
+// 获取本月最后一天
+export function getMonthLastDay() {
+  return dayjs().endOf('month').format('YYYY-MM-DD')
+}
--- a/src/views/statistics/productSaleStatistics.vue
+++ b/src/views/statistics/productSaleStatistics.vue
@ -0,0 +1,336 @@
+<template>
+  <div class="page">
+    <topBar
+      v-if="topList.length > 0"
+      :top-list="topList"
+      :moren="moren"
+    />
+    <div class="thetopbox">
+      <el-form label-width="100px">
+        <el-row>
+          <el-col :span="4">
+            <el-form-item label="仓储编号" prop="productName">
+              <el-input v-model="select.wmsCode" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label="产品编号" prop="productName">
+              <el-input v-model="select.productCode" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label="产品名称" prop="productName">
+              <el-input v-model="select.productName" clearable />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="时间范围" prop="timeRange">
+              <el-date-picker
+                v-model="timeRange"
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                :clearable="false"
+                :range-separator="'至'"
+                :start-placeholder="'开始日期'"
+                :end-placeholder="'结束日期'"
+                @change="changeTime"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <div class="searchbox">
+              <el-button
+                class="my_search"
+                @click="
+                  () => {
+                    getSearch();
+                    getCzNum();
+                  }
+                "
+              >
+                {{ '搜索' }}</el-button>
+              <el-button class="my_reset" @click="resetHandle">
+                {{ '重置' }}</el-button>
+            </div>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="main">
+      <div class="maintop">
+        <div class="mainbtn">
+          <el-button v-hasButtons="['ProductSaleStatisticsExport']" size="small" class="thebtn1" @click="handleExport">
+            导出</el-button>
+        </div>
+      </div>
+      <div class="maintable">
+        <el-table
+          v-loading="loading"
+          :data="tableData"
+          height="700px"
+          style="width: 100%"
+          :header-cell-style="{ background: '#EEEEEE' }"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column prop="colsele" type="selection" width="55" />
+          <el-table-column
+            align="center"
+            prop="wmsCode"
+            label="仓储编号"
+          />
+          <el-table-column
+            align="center"
+            prop="productCode"
+            label="产品编号"
+          />
+          <el-table-column
+            align="center"
+            prop="productName"
+            label="产品名称"
+            min-width="180px"
+          />
+          <el-table-column
+            align="center"
+            prop="quantity"
+            label="销量"
+          />
+          <el-table-column
+            align="center"
+            prop="colsele"
+            label="操作"
+          >
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                style="color: #48b2fd; padding: 0"
+                @click.native.prevent="goDetail(scope.row)"
+              >
+                查看详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getSearch"
+    />
+  </div>
+</template>
+
+<script>
+import topBar from '@/components/topBar'
+import * as sta from '@/api/statistics'
+import * as log from '@/api/logistics.js'
+import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
+import { getMonthFirstDay, getMonthLastDay } from '@/utils/date'
+const initSearch = {
+  productCode: '',
+  productName: '',
+  wmsCode: ''
+}
+export default {
+  name: 'ProductSaleStatistics',
+  components: {
+    topBar
+  },
+  filters: {
+    numFilter(value) {
+      // 截取当前数据到小数点后两位
+      const realVal = parseFloat(value).toFixed(2)
+      return realVal
+    }
+  },
+  data() {
+    return {
+      moren: 'productSaleStatistics',
+      topList: [
+        {
+          name: '产品销售统计',
+          path: 'productSaleStatistics'
+        }
+      ],
+      tableData: [],
+      loading: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 50
+      },
+      timeRange: [
+        getMonthFirstDay(),
+        getMonthLastDay()
+      ],
+      select: {
+        ...initSearch,
+        startTime: getMonthFirstDay(),
+        endTime: getMonthLastDay()
+      },
+      total: 0,
+      multipleSelection: [],
+      orderTypeList: []
+    }
+  },
+  created() {
+    this.getSearch()
+    this.getOthers()
+  },
+  methods: {
+    isLocalSymbol,
+    isLocals,
+    goDetail(val) {
+      this.$router.push({
+        path: 'productSaleStatisticsDetail',
+        query: {
+          params: JSON.stringify({
+            ...this.select,
+            wmsCode: val.wmsCode,
+            startTime: this.timeRange[0],
+            endTime: this.timeRange[1]
+          })
+        }
+      })
+    },
+    changeTime(val) {
+      this.select.startTime = val ? val[0] : null
+      this.select.endTime = val ? val[1] : null
+    },
+    getOthers() {
+      // 获取订单类型
+      log.getOrderTypeRepurchaseAll().then((res) => {
+        this.orderTypeList = res.data
+      })
+    },
+    // 导出
+    handleExport() {
+      this.$confirm('是否确认导出所有数据项?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then((_) => {
+        this.download(
+          '/report/manager/member-report/product-shipping-export',
+          Object.assign({}, this.queryParams, this.select),
+          `${'产品销售统计'}${new Date().getTime()}.xlsx`
+        )
+      })
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    resetHandle() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 50
+      }
+
+      this.timeRange = [
+        getMonthFirstDay(),
+        getMonthLastDay()
+      ]
+      this.select = {
+        ...initSearch,
+        startTime: this.timeRange[0],
+        endTime: this.timeRange[1]
+      }
+      this.getSearch()
+    },
+    getSearch() {
+      this.loading = true
+      const params = {
+        ...this.queryParams,
+        ...this.select,
+        startTime: this.timeRange[0],
+        endTime: this.timeRange[1]
+      }
+      sta.getShippingSummary(params).then((res) => {
+        this.loading = false
+        if (res.code === 200) {
+          this.tableData = res.rows
+          this.total = res.total
+        }
+      })
+    },
+    getCzNum() {
+      this.queryParams.pageNum = 1
+    }
+  }
+}
+</script>
+
+      <style lang="scss" scoped>
+::v-deep .el-image-viewer__close {
+  right: 500px;
+}
+::v-deep .dizhi .el-cascader {
+  width: 100%;
+}
+::v-deep .el-range-editor.el-input__inner {
+  width: 100%;
+}
+::v-deep .el-table thead {
+  color: #000000;
+}
+::v-deep .el-table .warning-row {
+  background: #f9f9f9;
+}
+.page {
+  padding: 10px 20px;
+  background: #f9f9f9;
+  font-size: 14px;
+  .thetopbox {
+    padding: 15px 20px 15px 0;
+    background: #ffffff;
+    border-radius: 8px;
+    .searchbox {
+      display: flex;
+      align-items: center;
+      margin-left: 40px;
+    }
+    .searchtitle {
+      margin-right: 10px;
+    }
+    .searchbtn {
+      background: #08143f;
+      color: #ffffff;
+    }
+  }
+  .main {
+    //margin-top: 20px;
+    background: #f9f9f9;
+    //border-radius: 8px;
+    //box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
+
+    .maintop {
+      display: flex;
+      // padding: 10px 0;
+      justify-content: space-between;
+      align-items: center;
+      .mainbtn {
+        .thebtn1 {
+          color: #ffffff;
+          background: #ffad41;
+          width: 68px;
+          height: 32px;
+        }
+        .thebtn2 {
+          color: #ffffff;
+          background: #009b58;
+          width: 68px;
+          height: 32px;
+        }
+        .thebtn3 {
+          color: #ffffff;
+          background: #c8161d;
+          width: 68px;
+          height: 32px;
+        }
+      }
+    }
+  }
+}
+</style>
--- a/src/views/statistics/productSaleStatisticsDetail.vue
+++ b/src/views/statistics/productSaleStatisticsDetail.vue
@ -0,0 +1,217 @@
+<template>
+  <div class="page">
+    <topBar
+      v-if="topList.length > 0"
+      :top-list="topList"
+      :moren="moren"
+    />
+    <div class="main">
+      <div class="maintop">
+        <div class="mainbtn">
+          <el-button v-hasButtons="['ProductSaleStatisticsDetailExport']" size="small" class="thebtn1" @click="handleExport">
+            {{ '导出' }}</el-button>
+        </div>
+      </div>
+      <div class="maintable">
+        <el-table
+          v-loading="loading"
+          :data="tableData"
+          height="700px"
+          style="width: 100%"
+          :header-cell-style="{ background: '#EEEEEE' }"
+        >
+          <el-table-column
+            align="center"
+            prop="wmsCode"
+            :label="'仓储编号'"
+          />
+          <el-table-column
+            align="center"
+            prop="specialAreaVal"
+            label="所属专区"
+            min-width="180px"
+          />
+          <el-table-column
+            align="center"
+            prop="isMakerGiftVal"
+            label="商品类型"
+          />
+          <el-table-column
+            align="center"
+            prop="quantity"
+            label="销量"
+          />
+        </el-table>
+      </div>
+    </div>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getSearch"
+    />
+  </div>
+</template>
+
+<script>
+import topBar from '@/components/topBar'
+import * as sta from '@/api/statistics'
+export default {
+  name: 'ProductSaleStatisticsDetail',
+  components: {
+    topBar
+  },
+  filters: {
+    numFilter(value) {
+      // 截取当前数据到小数点后两位
+      const realVal = parseFloat(value).toFixed(2)
+      return realVal
+    }
+  },
+  data() {
+    return {
+      moren: 'productSaleStatisticsDetail',
+      topList: [
+        {
+          name: '产品销售统计',
+          path: 'productSaleStatisticsDetail'
+        }
+      ],
+      tableData: [],
+      loading: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 50,
+        pkProduct: '',
+        orderType: ''
+      },
+      total: 0,
+      pkProduct: '',
+      multipleSelection: [],
+      classifyAllList: [],
+      awardsList: [],
+      params: {}
+    }
+  },
+  created() {
+    this.pkProduct = this.$route.query.pkProduct
+    this.queryParams.orderType = this.$route.query.orderType
+    this.params = JSON.parse(this.$route.query.params)
+    delete this.params.orderType
+    this.getSearch()
+  },
+  methods: {
+    // 导出
+    handleExport() {
+      this.$confirm('是否确认导出所有数据项?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then((_) => {
+        this.download(
+          '/report/manager/member-report/product-shipping-details-export',
+          { ...this.queryParams, ...this.params },
+          `${'产品销售统计'}${new Date().getTime()}.xlsx`
+        )
+      })
+    },
+
+    reChongzhi() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 50,
+        pkProduct: ''
+      }
+      this.getSearch()
+    },
+    getSearch() {
+      this.loading = true
+      this.queryParams.pkProduct = this.pkProduct
+      sta.getShippingSummaryDetail(Object.assign({}, this.queryParams, this.params)).then((res) => {
+        this.loading = false
+        if (res.code === 200) {
+          this.tableData = res.rows
+          this.total = res.total
+        }
+      })
+    },
+    getCzNum() {
+      this.queryParams.pageNum = 1
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-image-viewer__close {
+  right: 500px;
+}
+::v-deep .dizhi .el-cascader {
+  width: 100%;
+}
+::v-deep .el-range-editor.el-input__inner {
+  width: 100%;
+}
+::v-deep .el-table thead {
+  color: #000000;
+}
+::v-deep .el-table .warning-row {
+  background: #f9f9f9;
+}
+.page {
+  padding: 10px 20px;
+  background: #f9f9f9;
+  font-size: 14px;
+  .thetopbox {
+    padding: 15px 20px 15px 0;
+    background: #ffffff;
+    border-radius: 8px;
+    .searchbox {
+      display: flex;
+      align-items: center;
+      margin-left: 40px;
+    }
+    .searchtitle {
+      margin-right: 10px;
+    }
+    .searchbtn {
+      background: #08143f;
+      color: #ffffff;
+    }
+  }
+  .main {
+    //margin-top: 20px;
+    background: #f9f9f9;
+    //border-radius: 8px;
+    //box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
+
+    .maintop {
+      display: flex;
+      // padding: 10px 0;
+      justify-content: space-between;
+      align-items: center;
+      .mainbtn {
+        .thebtn1 {
+          color: #ffffff;
+          background: #ffad41;
+          width: 68px;
+          height: 32px;
+        }
+        .thebtn2 {
+          color: #ffffff;
+          background: #009b58;
+          width: 68px;
+          height: 32px;
+        }
+        .thebtn3 {
+          color: #ffffff;
+          background: #c8161d;
+          width: 68px;
+          height: 32px;
+        }
+      }
+    }
+  }
+}
+</style>