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