From 7efbe93bdb75762f50a1d2d104e05a9e4db49ea2 Mon Sep 17 00:00:00 2001
From: jyy <935090232@qq.com>
Date: Wed, 02 Dec 2020 15:21:39 +0800
Subject: [PATCH] 修改人头统计计算

---
 zq-erp/src/main/resources/templates/views/admin/hive-erp/analysis/customerFlow.html |   85 +++++++++++++++++++++++++++---------------
 1 files changed, 54 insertions(+), 31 deletions(-)

diff --git a/zq-erp/src/main/resources/templates/views/admin/hive-erp/analysis/customerFlow.html b/zq-erp/src/main/resources/templates/views/admin/hive-erp/analysis/customerFlow.html
index f18170b..57e1e13 100644
--- a/zq-erp/src/main/resources/templates/views/admin/hive-erp/analysis/customerFlow.html
+++ b/zq-erp/src/main/resources/templates/views/admin/hive-erp/analysis/customerFlow.html
@@ -31,7 +31,8 @@
                 </button>
             </div>
         </div>
-        <div class="form-group mr-20" id="timeBox">
+        <div class="form-group mr-20 mt-20" id="timeBox">
+
             <label>统计范围</label>
 
             <input name="beginTime" type="text" autocomplete="off"
@@ -39,7 +40,7 @@
                 name="endTime" type="text" class="form-control datetimepicker" autocomplete="off"
                 id="endTime">
         </div>
-        <div class="form-group mr-20">
+        <div class="form-group mr-20  ">
             <label>统计单位</label>
             <select name="statisticsUnit" class=" form-control " id="unitSelect"
                     style="width: 80px">
@@ -52,11 +53,32 @@
     </form>
     <!-- 搜索框部分en -->
 
-    <div class="row chartsBox">
+    <div class="row chartsBox "  style="margin-top: 40px">
         <div class=" col-md-12">
             <div class="echarts" id="echarts-line-chart2"></div>
         </div>
     </div>
+
+   <!-- <div class="row chartsBox "  style="margin-top: 40px">
+        <div class=" col-md-12" id="table">
+            <table class="table table-striped" >
+                <thead>
+                <tr>
+                    <th>时间</th>
+                    <th v-for="name in legend" >{{name}}</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr v-for="(item,index) in xAxis">
+                    <td>{{item}}</td>
+
+                    <td v-for="data in series[index].data" >{{data}}</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+-->
 
 </div>
 <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
@@ -66,6 +88,7 @@
 <script type="text/javascript" th:src="@{/plugin/StringUtil.js}"></script>
 <script type="text/javascript" th:src="@{/plugin/moment.min.js}"></script>
 <script type="text/javascript" th:src="@{/js/systools/ChartsUtils.js}"></script>
+<script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script>
 
 <script>
 
@@ -76,7 +99,9 @@
 
     // 基于准备好的dom,初始化echarts实例
     var myChart2 = echarts.init(document.getElementById('echarts-line-chart2'), 'macarons');
-
+    myChart2.on('click', function (params) {
+        console.log(params);
+    });
 
     // 指定图表的配置项和数据
     function getption(title) {
@@ -113,6 +138,12 @@
             yAxis: {
                 type: 'value'
             },
+            series: [{
+                name: '人头数',
+                type: 'line',
+                smooth: true,
+                data: [1,2]
+            }],
             dataZoom: [
                 {
                     id: 'dataZoomX',
@@ -121,23 +152,6 @@
                     filterMode: 'filter'
                 }
             ],
-            series: [{
-                name: '客流量',
-                type: 'line',
-                smooth: true,
-                data: [],
-                markLine: {
-                    data: [
-                        {type: 'average', name: '平均值'}
-                    ]
-                },
-                markPoint: {
-                    data: [
-                        {type: 'max', name: '最大值'},
-                        {type: 'min', name: '最小值'}
-                    ]
-                },
-            }],
             animation: true,
             animationDuration: 1000,
             animationDurationUpdate: 1000,
@@ -151,19 +165,18 @@
 
     //加载数据
     function loadData() {
-
-
-
         //加载门店客流对比
         myChart2.showLoading();
         $.AjaxProxy({
             p: MForm.toJson("#serchform"),
             c: false,
-        }).invoke(basePath+"/admin/analysis/vipVisitTendency",
+        }).invoke(basePath+"/admin/analysis/vipVisitCompare",
             function (loj) {
                 var map = loj.getValue("mapInfo");
-                var option = getption("门店客流趋势对比");
+                console.log(map);
+                var option = getption("门店人头数对比");
                 option.series = map.series;
+                console.log("option.series",option.series);
                 option.legend.data = map.legendData;
                 option.xAxis.data = map.xAxis;
                 console.log(option);
@@ -171,18 +184,28 @@
                 myChart2.setOption(option);
                 myChart2.hideLoading();
 
-
-
             });
-
-
     }
-
     var ChartsUtils = new ChartsUtils(loadData);
     ChartsUtils.setDataPackTimeValue();
     ChartsUtils.loadChartData();
 
 
+
+    function  buildTable(map){
+        console.log(buildTable,map);
+        var app = new Vue({
+            el: '#table',
+            data: {
+                series : map.series,
+                legend : map.legendData,
+                xAxis : map.xAxis
+            }
+        } );
+    }
+
+
+
 </script>
 
 </body>

--
Gitblit v1.9.1