feat(productSale): 产品销售统计列表

i8n.js

@@ -53,7 +53,7 @@ module.exports = {
   CK_KS_121: '订单开票',
   CK_KS_122: '伞下新增安置业绩',
   CK_KS_123: '订单日期',
-  CK_KS_124: '出货明细汇总统计',
+  CK_KS_124: '产品销售统计',
   CK_KS_125: '报单汇总',
   CK_KS_126: '累计金额',
   CK_KS_127: '出库单',

src/api/logistics.js

@@ -2,76 +2,73 @@ import request from '@/utils/request'
 
 // 商品订单列表接口
 export function getOrderLists(params) {
-    return request({
+  return request({
-        url: '/sale/manage/order/order-invoicing-list',
+    url: '/sale/manage/order/order-invoicing-list',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 export function getOrderList(params) {
-    return request({
+  return request({
-        url: '/sale/manage/order/query-order-list',
+    url: '/sale/manage/order/query-order-list',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 // 查看商品订单列表接口
 export function getFindOrderList(params) {
-    return request({
+  return request({
-        url: '/sale/manage/order/get-order-list',
+    url: '/sale/manage/order/get-order-list',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-//订单类型枚举
+// 订单类型枚举
 export function getOrderType(params) {
-    return request({
+  return request({
-        url: '/system/pub/enums/order-type',
+    url: '/system/pub/enums/order-type',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
-//撤单类型枚举
+// 撤单类型枚举
 export function getCancleType(params) {
-    return request({
+  return request({
-        url: 'system/pub/enums/cancel-the-order',
+    url: 'system/pub/enums/cancel-the-order',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-//出货明细汇总统计订单类型下拉选
+// 产品销售统计订单类型下拉选
 export function getOrderTypeRepurchaseAll(params) {
-    return request({
+  return request({
-        url: '/system/pub/enums/order-shipment',
+    url: '/system/pub/enums/order-shipment',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-
+// 伞下直推新增业绩-订单类型下拉选
-
-//伞下直推新增业绩-订单类型下拉选
 export function getUnderAddOrderType(params) {
-    return request({
+  return request({
-        url: '/system/pub/enums/order-business',
+    url: '/system/pub/enums/order-business',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-//伞下直推新增业绩（新）订单类型下拉选
+// 伞下直推新增业绩（新）订单类型下拉选
 export function getUnderAddOrderTypeNew(params) {
-    return request({
+  return request({
-        url: '/system/pub/enums/orderUp-business',
+    url: '/system/pub/enums/orderUp-business',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-
+// 收益类型
-//收益类型
 export function getYieldType(params) {
   return request({
     url: '/system/manage/bd-bonus-items/list',
@@ -79,7 +76,7 @@ export function getYieldType(params) {
     params
   })
 }
-//收益状态
+// 收益状态
 export function getYieldStatus(params) {
   return request({
     url: '/system/pub/enums/bonus-income-status',
@@ -88,87 +85,83 @@ export function getYieldStatus(params) {
   })
 }
 
-//发货方式
+// 发货方式
 export function getDeliveryList(params) {
-    return request({
+  return request({
-        url: '/system/pub/enums/delivery-list',
+    url: '/system/pub/enums/delivery-list',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-
+// 支付方式
-
-//支付方式
 export function getOrderPayType(params) {
-    return request({
+  return request({
-        url: '/system/pub/enums/order-pay-type',
+    url: '/system/pub/enums/order-pay-type',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-//查询自提清单
+// 查询自提清单
 export function getOrderSelfList(data) {
-    return request({
+  return request({
-        url: '/sale/manage/order-business/self-list?pageNum=' + data.pageNum + '&pageSize=' + data.pageSize,
+    url: '/sale/manage/order-business/self-list?pageNum=' + data.pageNum + '&pageSize=' + data.pageSize,
-        method: 'post',
+    method: 'post',
-        data
+    data
-    })
+  })
 }
 
-//自提清单-同意1/驳回3
+// 自提清单-同意1/驳回3
 export function selfApprove(data) {
-    return request({
+  return request({
-        url: '/sale/manage/order-business/self-approve',
+    url: '/sale/manage/order-business/self-approve',
-        method: 'post',
+    method: 'post',
-        data
+    data
-    })
+  })
 }
 
-
+// 查询修改地址列表
-//查询修改地址列表
 export function getModifyAddress(params) {
-    return request({
+  return request({
-        url: '/member/manage/self-modify-address/list',
+    url: '/member/manage/self-modify-address/list',
-        method: 'get',
+    method: 'get',
-        params
+    params
-    })
+  })
 }
 
-//自提清单-申请自提
+// 自提清单-申请自提
 export function saveSelfOrder(data) {
-    return request({
+  return request({
-        url: '/sale/manage/order-business/self-order',
+    url: '/sale/manage/order-business/self-order',
-        method: 'post',
+    method: 'post',
-        data
+    data
-    })
+  })
 }
-//修改地址查询详情
+// 修改地址查询详情
 export function queryPass(data) {
-    return request({
+  return request({
-        url: '/member/manage/self-modify-address/queryPass',
+    url: '/member/manage/self-modify-address/queryPass',
-        method: 'post',
+    method: 'post',
-        data
+    data
-    })
+  })
 }
 
-//修改地址驳回
+// 修改地址驳回
 export function rejectAddress(data) {
-    return request({
+  return request({
-        url: '/member/manage/self-modify-address/reject',
+    url: '/member/manage/self-modify-address/reject',
-        method: 'post',
+    method: 'post',
-        data
+    data
-    })
+  })
 }
 
-//订单添加开票备注
+// 订单添加开票备注
 export function updateOrderRemarks(data) {
-    return request({
+  return request({
-        url: '/sale/manage/order/update-order-remarks',
+    url: '/sale/manage/order/update-order-remarks',
-        method: 'post',
+    method: 'post',
-        data
+    data
-    })
+  })
 }
 
-

src/api/statistics.js

@@ -107,19 +107,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
   })

src/assets/languages/zhCn.js

@@ -1443,7 +1443,7 @@ const zhCn = {
     PleaseEnterTheDetailedAddress: "请输入详细地址",
     PrefectureAndCity: "地市",
     districtAndCounty: "区县",
-    ShipmentDetailsSummaryStatistics: "出货明细汇总统计",
+    ShipmentDetailsSummaryStatistics: "产品销售统计",
     ConsumptionType: "消费类型",
     quantity: "数量",
     NewResettlementPerformanceUnderTheUmbrella: "伞下新增安置业绩",

src/router/index.js

@@ -2258,16 +2258,16 @@ export const constantRoutes = [
         meta: { title: '伞下直推' }
       },
       {
-        path: 'shippingSummary',
+        path: 'productSaleStatistics',
-        name: 'ShippingSummary',
+        name: 'ProductSaleStatistics',
-        component: () => import('@/views/statistics/shippingSummary'),
+        component: () => import('@/views/statistics/productSaleStatistics'),
-        meta: { title: '出货明细汇总统计' }
+        meta: { title: '产品销售统计' }
       },
       {
-        path: 'shippingSummaryDetail',
+        path: 'productSaleStatisticsDetail',
-        name: 'ShippingSummaryDetail',
+        name: 'ProductSaleStatisticsDetail',
-        component: () => import('@/views/statistics/shippingSummaryDetail'),
+        component: () => import('@/views/statistics/productSaleStatisticsDetail'),
-        meta: { title: '出货明细汇总统计' },
+        meta: { title: '产品销售统计详情' },
         hidden: true
       },
       {

src/utils/date.js

@@ -4,3 +4,12 @@ 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')
+}

src/views/goodsManage/productList/index.vue

@@ -21,6 +21,11 @@
                 <el-input v-model="select.productCode" clearable />
               </el-form-item>
             </el-col>
+            <el-col :span="4">
+              <el-form-item label="仓储编号">
+                <el-input v-model="select.wmsCode" clearable />
+              </el-form-item>
+            </el-col>
             <el-col :span="4">
               <el-form-item :label="'产品属性'">
                 <el-select v-model="select.productAttr" clearable>
@@ -271,6 +276,12 @@
             width="120"
             :label="'产品编号'"
           />
+          <el-table-column
+            align="center"
+            prop="wmsCode"
+            width="120"
+            label="仓储编号"
+          />
           <el-table-column
             align="center"
             prop="custName"

src/views/statistics/productSaleStatistics.vue

@@ -9,41 +9,33 @@
       <el-form label-width="100px">
         <el-row>
           <el-col :span="4">
-            <el-form-item :label="'产品名称'" prop="productName">
+            <el-form-item label="仓储编号" prop="productName">
-              <el-input v-model="queryParams.productName" clearable />
+              <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="4">
+          <el-col :span="8">
-            <el-form-item :label="'产品分类'" prop="pkClassify">
+            <el-form-item label="时间范围" prop="timeRange">
-              <el-select
+              <el-date-picker
-                v-model="queryParams.pkClassify"
+                v-model="timeRange"
-                clearable
+                value-format="yyyy-MM-dd"
-                :placeholder="'请选择'"
+                type="daterange"
-              >
+                :clearable="false"
-                <el-option
+                :range-separator="'至'"
-                  v-for="item in classifyAllList"
+                :start-placeholder="'开始日期'"
-                  :key="item.pkId"
+                :end-placeholder="'结束日期'"
-                  :label="item.name"
+                @change="changeTime"
-                  :value="item.pkId"
+              />
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="4">
-            <el-form-item :label="'荣誉奖衔'" prop="pkAwards">
-              <el-select
-                v-model="queryParams.pkAwards"
-                clearable
-                :placeholder="'请选择'"
-              >
-                <el-option
-                  v-for="item in awardsList"
-                  :key="item.pkId"
-                  :label="item.awardsName"
-                  :value="item.pkId"
-                />
-              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
@@ -58,7 +50,7 @@
                 "
               >
                 {{ '搜索' }}</el-button>
-              <el-button class="my_reset" @click="reChongzhi">
+              <el-button class="my_reset" @click="resetHandle">
                 {{ '重置' }}</el-button>
             </div>
           </el-col>
@@ -82,58 +74,40 @@
           @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="'产品编号'"
+            label="产品编号"
           />
           <el-table-column
             align="center"
             prop="productName"
-            :label="'产品名称'"
+            label="产品名称"
             min-width="180px"
           />
-          <el-table-column
-            align="center"
-            prop="classifyName"
-            :label="'产品分类'"
-          />
-          <el-table-column
-            align="center"
-            prop="price"
-            :label="'产品价格' + `(${isLocalSymbol()})`"
-          >
-            <template slot-scope="scope">
-              {{ scope.row.price | numFilter }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="awardsName"
-            :label="'荣誉奖衔'"
-          />
-          <el-table-column
-            align="center"
-            prop="awardsPrice"
-            :label="'奖衔' + '价格' + `(${isLocalSymbol()})`"
-          >
-            <template slot-scope="scope">
-              {{ (scope.row.awardsPrice | numFilter) || "0.00" }}
-            </template>
-          </el-table-column>
           <el-table-column
             align="center"
             prop="quantity"
-            :label="'数量'"
+            label="销量"
           />
-
           <el-table-column
             align="center"
-            prop="priceTotal"
+            prop="colsele"
-            :label="'总价格' + `(${isLocalSymbol()})`"
+            label="操作"
           >
             <template slot-scope="scope">
-              {{ scope.row.priceTotal | numFilter }}
+              <el-button
+                type="text"
+                style="color: #48b2fd; padding: 0"
+                @click.native.prevent="goDetail(scope.row)"
+              >
+                查看详情
+              </el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -152,11 +126,16 @@
 <script>
 import topBar from '@/components/topBar'
 import * as sta from '@/api/statistics'
-import * as del from '@/api/delivery.js'
+import * as log from '@/api/logistics.js'
-import { getAwardsListChiose } from '@/api/level'
 import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
+import { getMonthFirstDay, getMonthLastDay } from '@/utils/date'
+const initSearch = {
+  productCode: '',
+  productName: '',
+  wmsCode: ''
+}
 export default {
-  name: 'ShippingSummaryDetail',
+  name: 'ProductSaleStatistics',
   components: {
     topBar
   },
@@ -169,47 +148,59 @@ export default {
   },
   data() {
     return {
-      moren: 'shippingSummaryDetail',
+      moren: 'productSaleStatisticsDetail',
       topList: [
         {
-          name: '出货明细汇总统计',
+          name: '产品销售统计',
-          path: 'shippingSummaryDetail'
+          path: 'productSaleStatisticsDetail'
         }
       ],
       tableData: [],
       loading: false,
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
-        pkProduct: '',
+      },
-        orderType: ''
+      timeRange: [
+        getMonthFirstDay(),
+        getMonthLastDay()
+      ],
+      select: {
+        ...initSearch
       },
       total: 0,
-      pkProduct: '',
       multipleSelection: [],
-      classifyAllList: [],
+      orderTypeList: []
-      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()
     this.getOthers()
   },
   methods: {
     isLocalSymbol,
     isLocals,
-    getOthers() {
+    goDetail(val) {
-      // 获取产品分类
+      this.$router.push({
-      del.getClassifyAll().then((res) => {
+        path: 'productSaleStatisticsDetail',
-        this.classifyAllList = res.data
+        query: {
+          params: JSON.stringify({
+            ...this.select,
+            wmsCode: val.wmsCode,
+            startTime: this.timeRange[0],
+            endTime: this.timeRange[1]
+          })
+        }
       })
-      getAwardsListChiose().then((res) => {
+    },
-        this.awardsList = res.rows
+    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
       })
     },
     // 导出
@@ -220,29 +211,43 @@ export default {
         type: 'warning'
       }).then((_) => {
         this.download(
-          '/report/manager/member-report/product-shipping-details-info-list-export',
+          '/report/manager/member-report/product-shipping-export',
-          { ...this.queryParams },
+          Object.assign({}, this.queryParams, this.select),
-          `${'出货明细汇总统计'}${new Date().getTime()}.xlsx`
+          `${'产品销售统计'}${new Date().getTime()}.xlsx`
         )
       })
     },
     handleSelectionChange(val) {
       this.multipleSelection = val
     },
-    reChongzhi() {
+    resetHandle() {
       this.queryParams = {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
-        pkProduct: ''
+      }
+
+      this.timeRange = [
+        getMonthFirstDay(),
+        getMonthLastDay()
+      ]
+      this.select = {
+        ...initSearch,
+        startTime: this.timeRange[0],
+        endTime: this.timeRange[1]
       }
       this.getSearch()
     },
     getSearch() {
       this.loading = true
-      this.queryParams.pkProduct = this.pkProduct
+      const params = {
-      sta.getShippingSummaryDetail(Object.assign({}, this.queryParams, this.params)).then((res) => {
+        ...this.queryParams,
+        ...this.select,
+        startTime: this.timeRange[0],
+        endTime: this.timeRange[1]
+      }
+      sta.getShippingSummary(params).then((res) => {
         this.loading = false
-        if (res.code == 200) {
+        if (res.code === 200) {
           this.tableData = res.rows
           this.total = res.total
         }
@@ -255,7 +260,7 @@ export default {
 }
 </script>
 
-        <style lang="scss" scoped>
+      <style lang="scss" scoped>
 ::v-deep .el-image-viewer__close {
   right: 500px;
 }

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 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>

src/views/statistics/shippingSummary.vue

@@ -1,354 +0,0 @@
-<template>
-  <div class="page">
-    <topBar
-      v-if="topList.length > 0"
-      :topList="topList"
-      :moren="moren"
-    ></topBar>
-    <div class="thetopbox">
-      <el-form label-width="100px">
-        <el-row>
-          <el-col :span="4">
-            <el-form-item :label="'产品名称'" prop="productName">
-              <el-input clearable v-model="select.productName"></el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="4">
-            <el-form-item :label="'订单类型'" prop="orderType">
-              <el-select
-                clearable
-                :placeholder="'请选择'"
-                v-model="select.orderType"
-              >
-                <el-option
-                  v-for="item in orderTypeList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item :label="'订单日期'" prop="thetimes">
-              <el-date-picker
-                v-model="select.thetimes"
-                @change="changeTime"
-                value-format="yyyy-MM-dd"
-                type="daterange"
-                :clearable="false"
-                :range-separator="'至'"
-                :start-placeholder="'开始日期'"
-                :end-placeholder="'结束日期'"
-              >
-              </el-date-picker>
-            </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="reChongzhi">
-                {{ '重置' }}</el-button
-              >
-            </div>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-    <div class="main">
-      <div class="maintop">
-        <div class="mainbtn">
-          <el-button size="small" class="thebtn1" @click="handleExport">
-            {{ '导出' }}</el-button
-          >
-        </div>
-      </div>
-      <div class="maintable">
-        <el-table
-          :data="tableData"
-          v-loading="loading"
-          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>
-          <el-table-column
-            align="center"
-            prop="productCode"
-            :label="'产品编号'"
-          >
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="productName"
-            :label="'产品名称'"
-            min-width="180px"
-          >
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="classifyName"
-            :label="'产品分类'"
-          >
-          </el-table-column>
-
-          <!-- <el-table-column
-            align="center"
-            prop="productPrice"
-            :label="'产品价格' + `(${isLocalSymbol()})`"
-          >
-            <template slot-scope="scope">
-              {{ scope.row.productPrice | numFilter }}
-            </template>
-          </el-table-column> -->
-          <el-table-column
-            align="center"
-            prop="productUnit"
-            :label="'产品单位'"
-          >
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="orderTypeStr"
-            :label="'订单类型'"
-          >
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="quantity"
-            :label="'数量'"
-          >
-          </el-table-column>
-
-          <el-table-column
-            align="center"
-            prop="productTotalPrice"
-            :label="'合计' + '价格' + `(${isLocalSymbol()})`"
-          >
-            <template slot-scope="scope">
-              {{ scope.row.productTotalPrice | numFilter }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="colsele"
-            :label="'操作'"
-          >
-            <template slot-scope="scope">
-              <el-button
-                @click.native.prevent="goDetail(scope.row)"
-                type="text"
-                style="color: #48b2fd; padding: 0"
-              >
-                {{ '查看详情' }}
-              </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";
-export default {
-  name: "ShippingSummaryDetail",
-  components: {
-    topBar,
-  },
-  filters: {
-    numFilter(value) {
-      // 截取当前数据到小数点后两位
-      let realVal = parseFloat(value).toFixed(2);
-      return realVal;
-    },
-  },
-  data() {
-    return {
-      moren: "shippingSummaryDetail",
-      topList: [
-        {
-          name: '出货明细汇总统计',
-          path: "shippingSummaryDetail",
-        },
-      ],
-      tableData: [],
-      loading: false,
-      queryParams: {
-        pageNum: 1,
-        pageSize: 50,
-      },
-      select: {
-        thetimes: [],
-      },
-      total: 0,
-      multipleSelection: [],
-      orderTypeList: [],
-    };
-  },
-  created() {
-    this.getSearch();
-    this.getOthers();
-  },
-  methods: {
-    isLocalSymbol,
-    isLocals,
-    goDetail(val) {
-      this.$router.push({
-        path: "shippingSummaryDetail",
-        query: {
-          pkProduct: val.pkProduct,
-          orderType: val.orderType,
-          params: JSON.stringify(this.select),
-        },
-      });
-    },
-    changeTime(val) {
-      this.select.startTime=val ? val[0] : "";
-      this.select.endTime =val? val[1] : "";
-    },
-    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-details-export",
-          Object.assign({}, this.queryParams, this.select),
-          `${'出货明细汇总统计'}${new Date().getTime()}.xlsx`
-        );
-      });
-    },
-    handleSelectionChange(val) {
-      this.multipleSelection = val;
-    },
-    reChongzhi() {
-      this.queryParams = {
-        pageNum: 1,
-        pageSize: 50,
-      };
-      this.select={}
-      this.getSearch();
-    },
-    getSearch() {
-      this.loading = true;
-      sta.getShippingSummary(Object.assign({}, this.queryParams, this.select)).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>
-