| | |
| | | </div> |
| | | </div> |
| | | <div class="layui-col-md6 layui-col-sm12 layui-col-xs12"> |
| | | <div class="layui-col-md-offset5"> |
| | | <div class="layui-col-md-offset4"> |
| | | <table class="login-count-table"> |
| | | <tr> |
| | | <td>今日IP</td> |
| | | <td>今日访问</td> |
| | | <td>总访问量</td> |
| | | <td>今日业绩</td> |
| | | <td>昨日业绩</td> |
| | | <td>本月业绩</td> |
| | | <td>上月业绩</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="count" id="today-ip"> |
| | | <td class="count" id="today"> |
| | | 0 |
| | | </td> |
| | | <td class="count" id="today-visit-count"> |
| | | <td class="count" id="lastDay"> |
| | | 0 |
| | | </td> |
| | | <td class="count" id="total-visit-count"> |
| | | <td class="count" id="thisMonth"> |
| | | 0 |
| | | </td> |
| | | <td class="count" id="lastMonth"> |
| | | 0 |
| | | </td> |
| | | </tr> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="layui-col-md6 layui-col-sm6 layui-col-xs12"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-body"> |
| | | <div id="chart" style="height: 350px"></div> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="layui-card">--> |
| | | <!-- <div class="layui-card-body">--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | ]; |
| | | var index = Math.floor((Math.random() * welcomeArr.length)); |
| | | var welcomeMessage = time + ',<a id="febs-index-user">' + currentUser.username + '</a>,' + welcomeArr[index]; |
| | | $view.find('#today-ip').text(data.todayIp).end() |
| | | .find('#today-visit-count').text(data.todayVisitCount).end() |
| | | .find('#total-visit-count').text(data.totalVisitCount).end() |
| | | $view.find('#today').text(data.today).end() |
| | | .find('#lastDay').text(data.lastDay).end() |
| | | .find('#thisMonth').text(data.thisMonth).end() |
| | | .find('#lastMonth').text(data.lastMonth).end() |
| | | .find('#user-dept').text(currentUser.deptName ? currentUser.deptName : '暂无所属部门').end() |
| | | .find('#user-role').text(currentUser.roleName ? currentUser.roleName : '暂无角色').end() |
| | | .find('#last-login-time').text(currentUser.lastLoginTime ? currentUser.lastLoginTime : '第一次访问系统').end() |
| | |
| | | }); |
| | | if (!contain) totalVisitCount.push(0); |
| | | }); |
| | | |
| | | var options = { |
| | | chart: { |
| | | height: 350, |
| | | type: 'area', |
| | | toolbar: { |
| | | show: false |
| | | } |
| | | }, |
| | | colors: ['#1890ff', '#0acf97'], |
| | | plotOptions: { |
| | | bar: { |
| | | horizontal: false, |
| | | columnWidth: '32rem' |
| | | } |
| | | }, |
| | | dataLabels: { |
| | | enabled: false |
| | | }, |
| | | stroke: { |
| | | width: [3, 3], |
| | | curve: 'smooth' |
| | | }, |
| | | series: [{ |
| | | name: '总数', |
| | | data: totalVisitCount |
| | | }, { |
| | | name: '您', |
| | | data: yourVisitCount |
| | | }], |
| | | xaxis: { |
| | | categories: lastTenDays, |
| | | axisTicks: { |
| | | show: true |
| | | }, |
| | | axisBorder: { |
| | | show: true, |
| | | color: '#f1f1f1' |
| | | } |
| | | }, |
| | | fill: { |
| | | type: 'gradient', |
| | | gradient: { |
| | | shadeIntensity: 1, |
| | | inverseColors: false, |
| | | opacityFrom: 0.5, |
| | | opacityTo: 0, |
| | | stops: [0, 90, 100] |
| | | } |
| | | }, |
| | | title: { |
| | | text: '近10天系统访问记录', |
| | | align: 'left', |
| | | style: { |
| | | color: 'rgba(0, 0, 0, .65)' |
| | | } |
| | | }, |
| | | tooltip: { |
| | | y: { |
| | | formatter: function (val) { |
| | | return "访问次数 " + val + " 次" |
| | | } |
| | | } |
| | | }, |
| | | grid: { |
| | | row: { |
| | | colors: ['transparent', 'transparent'], |
| | | opacity: 0.2 |
| | | }, |
| | | borderColor: '#f1f1f1' |
| | | } |
| | | }; |
| | | |
| | | new ApexCharts( |
| | | document.querySelector("#chart"), |
| | | options |
| | | ).render(); |
| | | } |
| | | |
| | | $view.on('click', '#febs-index-user',function () { |