From d1508a85fb29f147a13b7caf453c1bce19fd11d0 Mon Sep 17 00:00:00 2001
From: yechenhao <yechenhao>
Date: Mon, 18 May 2020 16:50:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=B8=8A=E4=BC=A0=E9=97=A8?=
 =?UTF-8?q?=E5=BA=97=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/data/StoreDetail.vue        | 384 ++++++++++++++++++++++++++
 src/router/index.js                   |   6 +
 src/services/datacenter/DataCenter.js |   8 +
 3 files changed, 398 insertions(+)
 create mode 100644 src/pages/data/StoreDetail.vue

diff --git a/src/pages/data/StoreDetail.vue b/src/pages/data/StoreDetail.vue
new file mode 100644
index 0000000..d123468
--- /dev/null
+++ b/src/pages/data/StoreDetail.vue
@@ -0,0 +1,384 @@
+<template>
+    <div>
+        <Row :gutter="32">
+            <i-col span="32">
+                <row>
+                    <row class="search-row">
+                        <span class="left-15">选择日期</span>
+                        <DatePicker v-model="dateRange" class="left-15 date-picker" type="daterange"
+                                    placement="bottom-start"
+                                    split-panels placeholder="请选择日期区间"></DatePicker>
+                        <span class="left-15 txt-font-a">零售公司</span>
+                        <Select v-model="companyId" filterable class="left-15 txt-font-a search-select"
+                                @on-change="companySelect">
+                            <Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
+                        </Select>
+                        <span class="left-15 txt-font-a">店铺</span>
+                        <Select filterable placeholder="全部" v-model="shopId" class="left-15 txt-font-a search-select"
+                                 @on-change="downShopChange">
+                            <Option v-for="item in shopList" :value="item.id" :key="item.id">{{ item.name }}</Option>
+                        </Select>
+
+                        <Button type="primary" @click="searchCustomerDataBtnClick"
+                                class="txt-font-a search-btn">查询
+                        </Button>
+                        <Button type="primary" @click="exportData"
+                                class="txt-font-a search-btn">导出数据
+                        </Button>
+
+                    </row>
+                    <row>
+                        <Table ref="table"  :loading="loading" :columns="columns1" :data="data1" style="margin-top: 20px;" size="small"
+                               no-data-text="--"></Table>
+                    </row>
+                    <Page :total="totalSize" :current="pageNum" :page-size="pageSize" show-elevator show-total
+                          placement="top" @on-change="handlePage" class-name="ks-page"></Page>
+                </row>
+            </i-col>
+        </Row>
+    </div>
+</template>
+<script>
+    import customerDetail from "../../services/datacenter/DataCenter";
+    import zeroExtend from "../../services/customer/zeroExtend";
+    import staff from "../../services/staff/staff";
+
+    export default {
+        inject: ['checkParamBlank'],
+        data() {
+            return {
+              loading: false,
+              userId:  JSON.parse(sessionStorage.getItem("loginInfo")).userId,
+              //开始时间，结束时间
+              totalSize: null,
+              pageNum: 1,
+              pageSize: 10,
+              startDate: null,
+              endDate: null,
+              customerName: null,
+              dateRange: [],
+              customerList: [],
+              companyList: [],
+              companyId: 0,
+              organizationalList: [],
+              shopId: null,
+              shopList: [],
+              customerData: {},
+              columns1: [
+                {
+                  title: '序号',
+                  key: 'number'
+                },
+                {
+                  title: '店铺',
+                  key: 'storeName'
+                },
+                {
+                  title: '店铺编号',
+                  key: 'storeCode'
+                },
+                {
+                  title: '所属零售公司',
+                  key: 'companyName'
+                },
+                {
+                  title: '新增客户数',
+                  key: 'newContactCnt'
+                },
+                {
+                  title: '聊天总数',
+                  key: 'chatCnt'
+                },
+                {
+                  title: '发消息数',
+                  key: 'messageCnt'
+                },
+                {
+                  title: '已回复聊天占比',
+                  key: 'replyPercentage'
+                },
+                {
+                  title: '平均回复时长',
+                  key: 'avgReplyTime'
+                },
+                {
+                    title: '删除/拉黑成员客户数',
+                    key: 'negativeFeedbackCnt'
+                }
+                ],
+                data1: [
+                ]
+            }
+        },
+        mounted: function () {
+            this.getStorerData();
+            this.getSelectList();
+            this.downShopData();
+
+        },
+        methods: {
+            /**基础数据：区域list、零售公司list、好友list*/
+            getSelectList: function () {
+                let that = this;
+                let request = {
+                    userId: this.userId,
+                };
+                zeroExtend.getSelectListRequest(request, function (data) {
+                    if (data.data.code !== "0000") {
+                        that.$Message.error("系统异常");
+                    }
+                    data = data.data.results;
+                    if (data) {
+                        that.organizationalList = data;
+                        that.companyList = that.organizationalList.filter(item => item.level === 2);
+                    }
+                    //插入全部选项
+                    that.insertAllOption();
+                });
+            },
+            searchCustomerDataBtnClick: function () {
+                this.totalSize = null;
+                this.getStorerData();
+            },
+            exportData() {
+                let that = this;
+                let stdate = null;
+                let eddate = null;
+                if (that.dateRange[0]) {
+                    stdate = this.$moment(that.dateRange[0]).format("YYYY-MM-DD");
+                    eddate = this.$moment(that.dateRange[1]).format("YYYY-MM-DD");
+                }
+
+
+                let csvdata = [];
+                let request =
+                    {
+                        userId: that.userId,
+                        startDate: stdate,
+                        endDate: eddate,
+                        companyId: that.changeData(that.companyId),
+                        shopId: that.changeData(that.shopId),
+                        sellerId: that.changeData(that.sellerId),
+                        pageNum: 1,
+                        pageSize: that.totalSize
+                    };
+                customerDetail.dataDetail(request, function (data) {
+                    data = data.data.results;
+                    if (data) {
+                        for (let i = 0; i < data.length; i++) {
+                            let entity = data[i];
+                            if (entity) {
+                                if (i === 0) that.totalSize = entity.totalSize;
+                                let birthday = entity.birthday;
+                                let createTime = entity.createTime;
+                                if (birthday) {
+                                    entity.birthday = that.$moment(birthday).format("MM-DD")
+                                }
+                                if (createTime) {
+                                    entity.createTime = that.$moment(createTime).format("YYYY-MM-DD")
+                                }
+                                that.checkParamBlank(entity);
+                                csvdata.push(entity);
+
+                            }
+
+                        }
+                        if (stdate == null) {
+                            stdate = "--";
+                        }
+                        if (eddate == null) {
+                            eddate = "--";
+                        }
+
+                        let title = "客户明细";
+                        require.ensure([], () => {
+                            const {export_json_to_excel} = require('../../excel/Export2Excel');
+                            const tHeader = ['序号', '好友名称', '所属门店', '店铺编号', '所属导购', '工号', '创建时间', '好友手机号', '关联会员', '会员等级', '会员生日'];
+                            // 属性名
+                            const filterVal = ['number', 'name', 'shopName', 'shopCode', 'sellerName', 'sellerCode', 'createTime', 'phone', 'vipName', 'vipLevel', 'birthday'];
+                            // 数据
+                            const list = csvdata;  //把data里的tableData存到list
+                            const data = that.formatJson(filterVal, list);
+                            export_json_to_excel(tHeader, data, title);
+                        });
+                    }
+                })
+
+            },
+            getStorerData: function () {
+                let that = this;
+                this.loading = true;
+                that.data1 = [];
+                let stdate = null;
+                let eddate = null;
+                if (that.dateRange[0]) {
+                    stdate = this.$moment(that.dateRange[0]).format("YYYY-MM-DD");
+                    eddate = this.$moment(that.dateRange[1]).format("YYYY-MM-DD");
+                }
+
+                let request =
+                    {
+                        userId: that.userId,
+                        startDate: stdate,
+                        endDate: eddate,
+                        companyId: that.changeData(that.companyId),
+                        shopId: that.changeData(that.shopId),
+                        pageNum: that.pageNum,
+                        pageSize: that.pageSize,
+                    };
+                customerDetail.storeDataDetail(request, function (data) {
+                    that.data1 = [];
+                    that.loading = false;
+                    data = data.data.results;
+                    if (data) {
+                        that.totalSize = data.total;
+                        for (let i = 0; i < data.list.length; i++) {
+                            let entity = data.list[i];
+                            if (entity) {
+                                that.data1.push(entity);
+                            }
+
+                        }
+                    }
+                }, function () {
+                    that.loading = false;
+                });
+            },
+            //插入全部选项
+            insertAllOption: function () {
+                if (this.companyList.length === 0 || this.companyList[0].id !== 0) {
+                    this.companyList.splice(0, 0, {"id": 0, "name": "全部"});
+                }
+                if (this.shopList.length === 0 || this.shopList[0].id !== 0) {
+                    this.shopList.splice(0, 0, {"id": 0, "name": "全部"});
+                }
+            },
+            downShopData: function (selected) {
+                let that = this;
+                let companyId = selected;
+                if (!selected) {
+                    companyId = that.companyId;
+                }
+                let customerIds = [];
+                this.customerList = [];
+                if (companyId === 0) {
+                    //
+                } else {
+                    this.customerList = this.organizationalList.filter(item => item.parentId === companyId && item.level === 3);
+                    this.insertAllOption();
+                }
+                customerIds = this.customerList.map(item => item.id);
+
+                let request =
+                    {userId: that.userId, customerIds: JSON.stringify(customerIds)};
+                staff.downShopData(request, function (data) {
+                    data = data.data.results;
+                    if (data) {
+                        that.shopList = [{"id": 0, "name": "全部"}];
+                        for (let i = 0; i < data.length; i++) {
+                            let entity = data[i];
+                            if (entity) {
+                                that.shopList.push(entity);
+                            }
+                        }
+                    }
+                })
+            },
+            //零售公司选择
+            companySelect: function () {
+
+                //加载店铺
+                this.downShopData(this.companyId);
+
+                this.selectedStore = 0;
+
+                let that = this;
+                that.downSellerData();
+            },
+
+            downShopChange: function () {
+
+                let that = this;
+                that.downSellerData();
+            },
+            changeData: function (value) {
+                if (value == 0) {
+                    return null;
+                }
+                return value;
+            },
+            //切页处理
+            handlePage: function (value) {
+                this.pageNum = value;
+                this.getStorerData();
+            },
+
+            // /**商品mainList*/
+            // getMainList: function(){
+            //
+            // },
+            // //切页处理
+            // handlePage:function (value) {
+            //
+            // },
+
+        },
+        computed: {
+            options1() {
+                let that = this;
+                return {
+                    disabledDate(date) {
+                        if (that.endDate == null || that.endDate == "") {
+                            return false;
+                        } else {
+                            return date && date.valueOf() > that.endDate;
+                        }
+                    }
+                }
+
+            },
+            options2() {
+                let that = this;
+                return {
+                    disabledDate(date) {
+                        if (that.startDate == null || that.startDate == "") {
+                            return false;
+                        } else {
+                            return date && date.valueOf() < that.startDate;
+                        }
+                    }
+                }
+            },
+        }
+    }
+</script>
+<style scoped>
+
+    .left-15 {
+        margin-left: 15px;
+    }
+
+    .txt-font-a {
+        font-size: 16px;
+    }
+
+    .search-row {
+        height: 90px;
+        background: #f7f8fa;
+        border: 1px solid #E8ECF2;
+        line-height: 90px;
+    }
+
+    .date-picker {
+        width: 240px;
+    }
+
+    .search-select {
+        width: 190px;
+    }
+
+  .search-btn{
+    margin-left: 20px;
+  }
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index d6a8dd1..0d14182 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,6 +15,7 @@ import AddCustomerTable from "@/pages/analysis/AddCustomerTable";
 import ApplyCustomerTable from "@/pages/analysis/ApplyCustomerTable";
 import ZeroExtendDetail from "@/pages/home/ZeroExtendDetail";
 import CustomerDetail from "@/pages/data/CustomerDetail";
+import StoreDetail from "@/pages/data/StoreDetail";
 import IncreaseData from '@/pages/shop/IncreaseData';
 import IncreaseDataCompany from '@/pages/shop/IncreaseDataCompany';
 import IncreaseDataStaff from '@/pages/shop/IncreaseDataStaff';
@@ -211,6 +212,11 @@ const router = new Router({
           name: 'CustomerDetail',
           component: CustomerDetail,
         },
+        {
+          path: '/store/data/detail',
+          name: 'StoreDetail',
+          component: StoreDetail,
+        },
         {
           path: '/no/permission',
           name: 'NoPermission',
diff --git a/src/services/datacenter/DataCenter.js b/src/services/datacenter/DataCenter.js
index abb19fd..b9bed5f 100644
--- a/src/services/datacenter/DataCenter.js
+++ b/src/services/datacenter/DataCenter.js
@@ -11,6 +11,13 @@ export function dataDetail(params, call, errorCallBack) {
     return http.post('/customer/info',params).then(call).catch(errorCallBack)
 }
 
+/**
+ * 查询客户数据明细
+ */
+export function storeDataDetail(params, call, errorCallBack) {
+    return http.post('/store/promotion/data/behavior',params).then(call).catch(errorCallBack)
+}
+
 /**
  * 下拉框数据导购
  */
@@ -49,6 +56,7 @@ export function downCompanyData(params, call) {
 export default {
     dataDetail: dataDetail,
     downSellerData: downSellerData,
+    storeDataDetail,
     downShopData,
     downRegionData,
     editCustomerData,