From e5ab40f9722408f244097fac94c36d66f63111fb Mon Sep 17 00:00:00 2001
From: kevin jiang <kevin.jiang@kiisoo.com>
Date: Wed, 8 Apr 2020 19:19:05 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=A8=E5=BA=97=E6=8E=A8=E5=B9=BF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=BC=80=E5=8F=91=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 kiisoo-ic-ui/src/iview.js                     |   2 +
 .../src/pages/shop/IncreaseDataRegion.vue     | 114 ++++++++++++++-
 .../src/pages/shop/IncreaseDataStaff.vue      | 134 +++++++++++++++++-
 .../src/pages/shop/IncreaseDataStore.vue      | 123 +++++++++++++++-
 kiisoo-ic-ui/src/router/index.js              |   8 ++
 5 files changed, 372 insertions(+), 9 deletions(-)

diff --git a/kiisoo-ic-ui/src/iview.js b/kiisoo-ic-ui/src/iview.js
index 341e221..17668c2 100644
--- a/kiisoo-ic-ui/src/iview.js
+++ b/kiisoo-ic-ui/src/iview.js
@@ -18,6 +18,7 @@ import {
     Col,
     Select,
     Option,
+    DatePicker
 } from "view-design";
 import 'view-design/dist/styles/iview.css';
 
@@ -41,3 +42,4 @@ Vue.component('Row', Row);
 Vue.component('i-col', Col);
 Vue.component('Select', Select);
 Vue.component('Option', Option);
+Vue.component('DatePicker', DatePicker);
diff --git a/kiisoo-ic-ui/src/pages/shop/IncreaseDataRegion.vue b/kiisoo-ic-ui/src/pages/shop/IncreaseDataRegion.vue
index 02b1cea..6fbc3b0 100644
--- a/kiisoo-ic-ui/src/pages/shop/IncreaseDataRegion.vue
+++ b/kiisoo-ic-ui/src/pages/shop/IncreaseDataRegion.vue
@@ -1,15 +1,123 @@
 <template>
     <div>
-        <p>IncreaseDataRegion</p>
+        <Row style="margin-top: 20px;width: 100%;background-color: #F7F8FA;">
+            <i-col span="24" style="text-align: left;padding-left: 10px;">
+                <Row class="row-style">
+                    <i-col span="1" style="text-align: right;">
+                        <span class="region">区域选择</span>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <Select v-model="selectedRegion" filterable style="width: 200px;">
+                            <Option v-for="item in regionList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+                        </Select>
+                    </i-col>
+                    <i-col span="1" style="text-align: right;">
+                        <p class="region">时间</p>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <DatePicker type="daterange" placement="bottom-end" placeholder="Select date" style="width: 200px"
+                                    @on-change="onChangeDateLister"></DatePicker>
+                    </i-col>
+                    <i-col span="4">
+                        <Button type="primary">查询</Button>
+                    </i-col>
+                    <i-col span="10" style="text-align: right;padding-right: 20px;">
+                        <Button type="primary">导出数据</Button>
+
+                    </i-col>
+                </Row>
+            </i-col>
+        </Row>
+
+        <Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
     </div>
 </template>
 
 <script>
     export default {
-        name: "IncreaseDataRegion"
+        name: "IncreaseDataRegion",
+        data() {
+            return {
+                selectedRegion: null,
+                regionList: [],
+                columns1: [
+                    {
+                        title: '序号',
+                        key: 'id'
+                    },
+                    {
+                        title: '区域名称',
+                        key: 'regionName'
+                    },
+                    {
+                        title: '总客户数',
+                        key: 'customerNum'
+                    },
+                    {
+                        title: '新增客户数',
+                        key: 'addNum'
+                    },
+                    {
+                        title: '日增好友平均',
+                        key: 'avg'
+                    },
+                    {
+                        title: '删除/拉黑成员客户数（累计）',
+                        key: 'rate'
+                    }
+                ],
+                data1: [
+                    {
+                        id: 1,
+                        regionName: '区域1',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 2,
+                        regionName: '区域2',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 3,
+                        regionName: '区域3',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 4,
+                        regionName: '区域4',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    }
+                ]
+            }
+        },
+        methods: {
+            onChangeDateLister: function () {
+
+
+            }
+        }
     }
 </script>
 
 <style scoped>
-
+    .region {
+        font-size: 14px;
+        line-height: 32px;
+    }
+    .row-style {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
 </style>
diff --git a/kiisoo-ic-ui/src/pages/shop/IncreaseDataStaff.vue b/kiisoo-ic-ui/src/pages/shop/IncreaseDataStaff.vue
index 040a683..2e5b9a4 100644
--- a/kiisoo-ic-ui/src/pages/shop/IncreaseDataStaff.vue
+++ b/kiisoo-ic-ui/src/pages/shop/IncreaseDataStaff.vue
@@ -1,15 +1,143 @@
 <template>
     <div>
-        <p>IncreaseDataStaff</p>
+        <Row style="margin-top: 20px;width: 100%;background-color: #F7F8FA;">
+            <i-col span="24" style="text-align: left;padding-left: 10px;">
+                <Row class="row-style">
+                    <i-col span="1" style="text-align: right;">
+                        <span class="region">区域选择</span>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <Select v-model="selectedRegion" filterable style="width: 200px;">
+                            <Option v-for="item in regionList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+                        </Select>
+                    </i-col>
+                    <i-col span="1" style="text-align: right;">
+                        <span class="region">店铺选择</span>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <Select v-model="selectedStore" filterable style="width: 200px;">
+                            <Option v-for="item in storeList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+                        </Select>
+                    </i-col>
+
+                    <i-col span="1" style="text-align: right;">
+                        <span class="region">导购选择</span>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <Select v-model="selectedStaff" filterable style="width: 200px;">
+                            <Option v-for="item in staffList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+                        </Select>
+                    </i-col>
+
+                    <i-col span="1" style="text-align: right;">
+                        <p class="region">时间</p>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <DatePicker type="daterange" placement="bottom-end" placeholder="Select date" style="width: 200px"
+                                    @on-change="onChangeDateLister"></DatePicker>
+                    </i-col>
+                    <i-col span="2">
+                        <Button type="primary">查询</Button>
+                    </i-col>
+                    <i-col span="2" style="text-align: right;padding-right: 20px;">
+                        <Button type="primary">导出数据</Button>
+                    </i-col>
+                </Row>
+            </i-col>
+        </Row>
+
+        <Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
     </div>
 </template>
 
 <script>
     export default {
-        name: "IncreaseDataStaff"
+        name: "IncreaseDataStaff",
+        data () {
+            return {
+                selectedRegion: null,
+                regionList: [],
+                selectedStore: null,
+                storeList: [],
+                selectedStaff: null,
+                staffList: [],
+                columns1: [
+                    {
+                        title: '序号',
+                        key: 'id'
+                    },
+                    {
+                        title: '区域名称',
+                        key: 'regionName'
+                    },
+                    {
+                        title: '总客户数',
+                        key: 'customerNum'
+                    },
+                    {
+                        title: '新增客户数',
+                        key: 'addNum'
+                    },
+                    {
+                        title: '日增好友平均',
+                        key: 'avg'
+                    },
+                    {
+                        title: '删除/拉黑成员客户数（累计）',
+                        key: 'rate'
+                    }
+                ],
+                data1: [
+                    {
+                        id: 1,
+                        regionName: '区域1',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 2,
+                        regionName: '区域2',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 3,
+                        regionName: '区域3',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 4,
+                        regionName: '区域4',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    }
+                ]
+            }
+        },
+        methods: {
+            onChangeDateLister: function () {
+
+            }
+        }
     }
 </script>
 
 <style scoped>
-
+    .region {
+        font-size: 14px;
+        line-height: 32px;
+    }
+    .row-style {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
 </style>
diff --git a/kiisoo-ic-ui/src/pages/shop/IncreaseDataStore.vue b/kiisoo-ic-ui/src/pages/shop/IncreaseDataStore.vue
index 4092a85..1873a98 100644
--- a/kiisoo-ic-ui/src/pages/shop/IncreaseDataStore.vue
+++ b/kiisoo-ic-ui/src/pages/shop/IncreaseDataStore.vue
@@ -1,15 +1,132 @@
 <template>
     <div>
-        <p>IncreaseDataStore</p>
+        <Row style="margin-top: 20px;width: 100%;background-color: #F7F8FA;">
+            <i-col span="24" style="text-align: left;padding-left: 10px;">
+                <Row class="row-style">
+                    <i-col span="1" style="text-align: right;">
+                        <span class="region">区域选择</span>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <Select v-model="selectedRegion" filterable style="width: 200px;">
+                            <Option v-for="item in regionList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+                        </Select>
+                    </i-col>
+                    <i-col span="1" style="text-align: right;">
+                        <span class="region">店铺选择</span>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <Select v-model="selectedStore" filterable style="width: 200px;">
+                            <Option v-for="item in storeList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+                        </Select>
+                    </i-col>
+                    <i-col span="1" style="text-align: right;">
+                        <p class="region">时间</p>
+                    </i-col>
+                    <i-col span="4" style="padding-left: 10px;">
+                        <DatePicker type="daterange" placement="bottom-end" placeholder="Select date" style="width: 200px"
+                                    @on-change="onChangeDateLister"></DatePicker>
+                    </i-col>
+                    <i-col span="4">
+                        <Button type="primary">查询</Button>
+                    </i-col>
+                    <i-col span="5" style="text-align: right;padding-right: 20px;">
+                        <Button type="primary">导出数据</Button>
+
+                    </i-col>
+                </Row>
+            </i-col>
+        </Row>
+
+        <Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
     </div>
 </template>
 
 <script>
     export default {
-        name: "IncreaseDataStore"
+        name: "IncreaseDataStore",
+        data () {
+            return {
+                selectedRegion: null,
+                regionList: [],
+                selectedStore: null,
+                storeList: [],
+                columns1: [
+                    {
+                        title: '序号',
+                        key: 'id'
+                    },
+                    {
+                        title: '区域名称',
+                        key: 'regionName'
+                    },
+                    {
+                        title: '总客户数',
+                        key: 'customerNum'
+                    },
+                    {
+                        title: '新增客户数',
+                        key: 'addNum'
+                    },
+                    {
+                        title: '日增好友平均',
+                        key: 'avg'
+                    },
+                    {
+                        title: '删除/拉黑成员客户数（累计）',
+                        key: 'rate'
+                    }
+                ],
+                data1: [
+                    {
+                        id: 1,
+                        regionName: '区域1',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 2,
+                        regionName: '区域2',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 3,
+                        regionName: '区域3',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    },
+                    {
+                        id: 4,
+                        regionName: '区域4',
+                        customerNum: 18,
+                        addNum: 99,
+                        avg: 80,
+                        rate: '2%'
+                    }
+                ]
+            }
+        },
+        methods: {
+            onChangeDateLister: function () {
+
+            }
+        }
     }
 </script>
 
 <style scoped>
-
+    .region {
+        font-size: 14px;
+        line-height: 32px;
+    }
+    .row-style {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
 </style>
diff --git a/kiisoo-ic-ui/src/router/index.js b/kiisoo-ic-ui/src/router/index.js
index 66271ef..60b72ae 100755
--- a/kiisoo-ic-ui/src/router/index.js
+++ b/kiisoo-ic-ui/src/router/index.js
@@ -52,6 +52,10 @@ const router = new Router({
           name: 'IncreaseManager',
           component: IncreaseManager,
           children: [
+            {
+              path: '/',
+              redirect: '/shop/increase/manager/store'
+            },
             {
               path: '/shop/increase/manager/store',
               name: 'IncreaseDataRegion',
@@ -69,6 +73,10 @@ const router = new Router({
           name: 'IncreaseData',
           component: IncreaseData,
           children: [
+            {
+              path: '/',
+              redirect: '/shop/increase/data/region'
+            },
             {
               path: '/shop/increase/data/region',
               name: 'IncreaseDataRegion',