上下班统计

assets/js/config.constant.js

@@ -132,6 +132,8 @@ app.constant('JS_REQUIRES', {
         'taskDetailedCtr':'assets/js/controllers/task/taskDetailedCtrl.js',//任务清单
         'workingFormCtr':'assets/js/controllers/working/workingFormCtr.js',//上下班管理
         'workingHistoryFormCtr':'assets/js/controllers/working/workingHistoryFormCtr.js',//每日上下班记录
+        'workingStatisticsCtrl':'assets/js/controllers/working/workingStatisticsCtrl.js',//上下班统计
+        'workingStatisticsDetailCtrl':'assets/js/controllers/working/workingStatisticsDetailCtrl.js',//上下班统计-详情
         //*** outside service
         'dnsmanageCtrl': 'assets/js/controllers/externalservice/dnsmanageCtrl.js',
         'emailhandleCtrl': 'assets/js/controllers/externalservice/emailhandleCtrl.js',

assets/js/config.router.js

@@ -514,6 +514,26 @@ app.config(['$authProvider', '$httpProvider', '$stateProvider', '$urlRouterProvi
                 ncyBreadcrumb: {
                     label: 'incident list'
                 }
+            }).state('app.working.statistics', {
+                url: '/statistics/:startTime/:endTime',
+                templateUrl: "assets/views/working/statistics.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'angularBootstrapNavTree', 'multi.select.tree', 'spin', 'ladda', 'angular-ladda', 'ui.grid', 'moment', 'angularPrint', 'angularFileUpload', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'moment', 'workingStatisticsCtrl'),
+                title: 'incident.LIST',
+                pdKey: 'bpm_incident',
+                icon: 'ti-list',
+                ncyBreadcrumb: {
+                    label: 'incident list'
+                }
+            }).state('app.working.statisticsDetail', {
+                url: '/statistics/:userId/:userName/:startTime/:endTime/:msg/:msgType',
+                templateUrl: "assets/views/working/statisticsDetail.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'angularBootstrapNavTree', 'multi.select.tree', 'spin', 'ladda', 'angular-ladda', 'ui.grid', 'moment', 'angularPrint', 'angularFileUpload', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'moment', 'workingStatisticsDetailCtrl'),
+                title: 'incident.LIST',
+                pdKey: 'bpm_incident',
+                icon: 'ti-list',
+                ncyBreadcrumb: {
+                    label: 'incident list'
+                }
             }).state('app.incident.editor', {
                 url: '/editor/{taskId}/{processInstanceId}/{dataId}',
                 templateUrl: "assets/views/customform/index.html",

assets/js/controllers/mainCtrl.js

@@ -2342,6 +2342,11 @@ app.controller('AppCtrl', ['$rootScope', '$scope', '$state', '$translate', '$loc
                     item.tipshow = true;
                   }
                 }
+                if (response.alarmCount > 0) {
+                  if (item.id == 58) {
+                    item.tipshow = true;
+                  }
+                }
                 if (item.children) {
                   angular.forEach(item.children, function (index) {
                     if (response.hjzxCount !== null && response.hjzxCount !== undefined) {
@@ -2427,6 +2432,16 @@ app.controller('AppCtrl', ['$rootScope', '$scope', '$state', '$translate', '$loc
                       }
                     }
 
+                    if (response.alarmCount !== null && response.alarmCount !== undefined) {
+                      if (index.id == 1227) {
+                        if (response.alarmCount < 100) {
+                          index.tipnum = response.alarmCount;
+                        } else {
+                          index.tipnum = "99+";
+                        }
+                      }
+                    }
+
 
                     if (response.toAuditCount && response.toReleaseCount && (parseInt(response.toReleaseCount) + parseInt(response.toAuditCount)) > 0) {
                       if (index.id == 23) {

assets/js/controllers/working/workingStatisticsCtrl.js

@@ -0,0 +1,127 @@
+'use strict';
+app.controller('workingStatisticsCtrl', ["$scope", "$rootScope", "$state", "$stateParams", "$timeout", "$interval", "$http", "$cookieStore", "SweetAlert", "Restangular", "api_report", "api_statistic", "moment", 'api_user_data', 'api_login', 'api_bpm', function ($scope, $rootScope, $state, $stateParams, $timeout, $interval, $http, $cookieStore, SweetAlert, Restangular, api_report, api_statistic, moment, api_user_data, api_login, api_bpm) {
+    console.info($stateParams);
+    $scope.stateParams = {
+        startTime: $stateParams.startTime ? moment(+$stateParams.startTime).format('YYYY-MM-DD') : '',
+        endTime: $stateParams.endTime ? moment(+$stateParams.endTime).format('YYYY-MM-DD')  : '',
+    };
+    // 根据路由参数重置
+    $scope.paramsReset = function(){
+        $scope.searchstate = 'none';
+        $scope.starttimesModel = $scope.stateParams.startTime ? $scope.stateParams.startTime : '';
+        $scope.endtimesModel = $scope.stateParams.endTime ? $scope.stateParams.endTime : '';
+    }
+    //日期选择
+    $scope.nowtimes = moment().format('YYYY-MM-DD')//当前日期;
+    //上周
+    $scope.week = function () {
+        $scope.searchstate = "week";
+        var weeks = new Date().getDay();
+        $scope.starttimesModel = moment(new Date().getTime() - 86400000 * (weeks + 6)).format('YYYY-MM-DD');
+        $scope.endtimesModel = moment(new Date().getTime() - 86400000 * (weeks)).format('YYYY-MM-DD');
+    }
+    //上月
+    $scope.month = function () {
+        $scope.searchstate = "month";
+        $scope.starttimesModel = moment().startOf('month').add(-1, 'M').format('YYYY-MM-DD');
+        $scope.endtimesModel = moment().endOf('month').add(-1, 'M').format('YYYY-MM-DD');
+    }
+    //去年
+    $scope.year = function () {
+        $scope.searchstate = "year";
+        $scope.starttimesModel = moment().startOf('year').add(-1, 'y').format('YYYY-MM-DD');
+        $scope.endtimesModel = moment().endOf('year').add(-1, 'y').format('YYYY-MM-DD');
+    }
+    // 今天
+    $scope.today = function () {
+        $scope.searchstate = "today";
+        $scope.starttimesModel = moment().format('YYYY-MM-DD');
+        $scope.endtimesModel = moment().format('YYYY-MM-DD');
+    }
+    //近N日
+    $scope.day = function (num) {
+        num = num > 1 ? num : 1;
+        $scope.searchstate = "none";
+        $scope.starttimesModel = moment().subtract(num, "days").format("YYYY-MM-DD");
+        $scope.endtimesModel = moment().subtract(1, "days").format("YYYY-MM-DD");
+    }
+    
+    //选择上一周，上个月，去年
+    $scope.chooseDate = function (date) {
+        switch (date) {
+            case 'week':
+                $scope.week();
+                break;
+            case 'month':
+                $scope.month();
+                break;
+            case 'year':
+                $scope.year();
+                break;
+            case 'today':
+                $scope.today();
+                break;
+        }
+    };
+    /**
+     *日历
+     */
+    //打开开始日期选择框
+    $scope.startOpen = function ($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        $scope.endOpened = false;
+        $scope.startOpened = !$scope.startOpened;
+    };
+    //打开结束日期选择框
+    $scope.endOpen = function ($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        $scope.startOpened = false;
+        $scope.endOpened = !$scope.endOpened;
+    };
+    //重置
+    $scope.reload = function (isReload) {
+        //点击重置时传true，切换tab传false
+        if (isReload) {
+            $scope.week();
+        }
+        $scope.searchstate = 'none';
+        $scope.sortActive = 'totaltop';
+        $scope.name = 'total';//表格排序，字段名称
+        $scope.type = 'desc';//表格排序，排序方式desc,asc
+        $scope.direction = 'top';//箭头方向 top,bottom
+        $scope.mdxquery();
+    };
+    $scope.isArrays = function (arr) {
+        return Array.isArray(arr);
+    };
+    //综合统计
+    $scope.zhtj_list = null;//表格列表
+    /**
+     *  查询
+     */
+    $scope.mdxquery = function () {
+        $scope.zhtj_list = null;
+        // 请求列表
+        api_login.onlineCount({
+            "type": 'count',
+            "startTime": $scope.starttimesModel ? moment($scope.starttimesModel).format('YYYY-MM-DD') + ' 00:00:00' : undefined,
+            "endTime": $scope.endtimesModel ? moment($scope.endtimesModel).format('YYYY-MM-DD') + ' 23:59:59' : undefined,
+        }).then(function (res) {
+            if (res.status == 200) {
+                $scope.zhtj_list = res.data || [];//表格列表
+            }
+        })
+    };
+    // 详情
+    $scope.goToDetail = function(rowData, msg, msgType){
+        let startTime = $scope.starttimesModel ? moment($scope.starttimesModel).valueOf() : '';
+        let endTime = $scope.endtimesModel ? moment($scope.endtimesModel).valueOf() : '';
+        $state.go('app.working.statisticsDetail', {userId: rowData[0], userName: rowData[1], startTime, endTime, msg, msgType });
+    }
+    //默认
+    $stateParams.startTime ? $scope.paramsReset() : $scope.week();
+    //初始化
+    $scope.mdxquery();
+}])

assets/js/controllers/working/workingStatisticsDetailCtrl.js

@@ -0,0 +1,133 @@
+'use strict';
+app.controller('workingStatisticsDetailCtrl', ["$scope", "$rootScope", "$state", "$stateParams", "$timeout", "$interval", "$http", "$cookieStore", "SweetAlert", "Restangular", "api_report", "api_statistic", "moment", 'api_user_data', 'api_login', 'api_bpm', function ($scope, $rootScope, $state, $stateParams, $timeout, $interval, $http, $cookieStore, SweetAlert, Restangular, api_report, api_statistic, moment, api_user_data, api_login, api_bpm) {
+    console.info($stateParams);
+    $scope.stateParams = {
+        userId: +$stateParams.userId,
+        userName: $stateParams.userName,
+        startTime: $stateParams.startTime ? moment(+$stateParams.startTime).format('YYYY-MM-DD') : '',
+        endTime: $stateParams.endTime ? moment(+$stateParams.endTime).format('YYYY-MM-DD')  : '',
+        msg: $stateParams.msg,
+        msgType: $stateParams.msgType,
+    };
+    // 根据路由参数重置
+    $scope.paramsReset = function(){
+        $scope.searchstate = 'none';
+        $scope.starttimesModel = $scope.stateParams.startTime ? $scope.stateParams.startTime : '';
+        $scope.endtimesModel = $scope.stateParams.endTime ? $scope.stateParams.endTime : '';
+    }
+    // 返回上一页
+    $scope.goBack = function(){
+        let startTime = $scope.starttimesModel ? moment($scope.starttimesModel).valueOf() : '';
+        let endTime = $scope.endtimesModel ? moment($scope.endtimesModel).valueOf() : '';
+        $state.go('app.working.statistics', {startTime, endTime });
+    }
+    //日期选择
+    $scope.nowtimes = moment().format('YYYY-MM-DD')//当前日期;
+    //上周
+    $scope.week = function () {
+        $scope.searchstate = "week";
+        var weeks = new Date().getDay();
+        $scope.starttimesModel = moment(new Date().getTime() - 86400000 * (weeks + 6)).format('YYYY-MM-DD');
+        $scope.endtimesModel = moment(new Date().getTime() - 86400000 * (weeks)).format('YYYY-MM-DD');
+    }
+    //上月
+    $scope.month = function () {
+        $scope.searchstate = "month";
+        $scope.starttimesModel = moment().startOf('month').add(-1, 'M').format('YYYY-MM-DD');
+        $scope.endtimesModel = moment().endOf('month').add(-1, 'M').format('YYYY-MM-DD');
+    }
+    //去年
+    $scope.year = function () {
+        $scope.searchstate = "year";
+        $scope.starttimesModel = moment().startOf('year').add(-1, 'y').format('YYYY-MM-DD');
+        $scope.endtimesModel = moment().endOf('year').add(-1, 'y').format('YYYY-MM-DD');
+    }
+    // 今天
+    $scope.today = function () {
+        $scope.searchstate = "today";
+        $scope.starttimesModel = moment().format('YYYY-MM-DD');
+        $scope.endtimesModel = moment().format('YYYY-MM-DD');
+    }
+    //近N日
+    $scope.day = function (num) {
+        num = num > 1 ? num : 1;
+        $scope.searchstate = "none";
+        $scope.starttimesModel = moment().subtract(num, "days").format("YYYY-MM-DD");
+        $scope.endtimesModel = moment().subtract(1, "days").format("YYYY-MM-DD");
+    }
+    
+    //选择上一周，上个月，去年
+    $scope.chooseDate = function (date) {
+        switch (date) {
+            case 'week':
+                $scope.week();
+                break;
+            case 'month':
+                $scope.month();
+                break;
+            case 'year':
+                $scope.year();
+                break;
+            case 'today':
+                $scope.today();
+                break;
+        }
+    };
+    /**
+     *日历
+     */
+    //打开开始日期选择框
+    $scope.startOpen = function ($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        $scope.endOpened = false;
+        $scope.startOpened = !$scope.startOpened;
+    };
+    //打开结束日期选择框
+    $scope.endOpen = function ($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        $scope.startOpened = false;
+        $scope.endOpened = !$scope.endOpened;
+    };
+    //重置
+    $scope.reload = function (isReload) {
+        //点击重置时传true，切换tab传false
+        if (isReload) {
+            $scope.paramsReset();
+        }
+        $scope.searchstate = 'none';
+        $scope.sortActive = 'totaltop';
+        $scope.name = 'total';//表格排序，字段名称
+        $scope.type = 'desc';//表格排序，排序方式desc,asc
+        $scope.direction = 'top';//箭头方向 top,bottom
+        $scope.mdxquery();
+    };
+    $scope.isArrays = function (arr) {
+        return Array.isArray(arr);
+    };
+    //综合统计
+    $scope.zhtj_list = null;//表格列表
+    /**
+     *  查询
+     */
+    $scope.mdxquery = function () {
+        $scope.zhtj_list = null;
+        // 请求列表
+        api_login.onlineCount({
+            "type": 'info',
+            "userId": $scope.stateParams.userId,
+            "infoType": $scope.stateParams.msgType,
+            "startTime": $scope.starttimesModel ? moment($scope.starttimesModel).format('YYYY-MM-DD') + ' 00:00:00' : undefined,
+            "endTime": $scope.endtimesModel ? moment($scope.endtimesModel).format('YYYY-MM-DD') + ' 23:59:59' : undefined,
+        }).then(function (res) {
+            if (res.status == 200) {
+                $scope.zhtj_list = res.data || [];//表格列表
+            }
+        })
+    };
+    //默认
+    $scope.paramsReset();
+    //初始化
+    $scope.mdxquery();
+}])

assets/js/main.js

@@ -512,6 +512,9 @@ app.factory('api_report_data', ['UserRestangular', function (UserRestangular) {
 app.factory('api_login', ['UserRestangular', function (UserRestangular) {
     var loginService = UserRestangular.all("auth");
     return {
+        onlineCount: function (data) {
+            return loginService.customPOST(data, 'onlineCount', {});
+        },
         getProjectName: function () {
             return loginService.customGET('getSysName');
         },

assets/views/working/statistics.html

@@ -0,0 +1,548 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">上下班统计
+                <i tooltip='上下班统计，查看相关数据。' tooltip-placement="right"
+                    class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i>
+            </h1>
+        </div>
+    </div>
+</section>
+<div class="col-md-12 col-sm-12">
+    <div class="row deck_body" ng-controller="workingStatisticsCtrl">
+        <div class="service_head">
+            <div class="deck_head_L ac">
+                <span>上下班统计</span>
+            </div>
+        </div>
+        <div class="deck_cont">
+            <!-- 筛选条件 -->
+            <div class="deck_cont_head">
+                <form class="col-xs-12 col-sm-12 form-inline P-0 clearfix">
+                    <!-- 选择日期 -->
+                    <div class="selectDate P-0 fl">
+                        <div class="selectDate-hd clearfix">
+                            <p class="fl">选择日期：</p>
+                            <div class="lastDate fr"><span ng-class="{active:searchstate=='week'}"
+                                    ng-click="chooseDate('week')">上一周</span>|<span
+                                    ng-class="{active:searchstate=='month'}"
+                                    ng-click="chooseDate('month')">上一月</span>
+                                    <!-- |<span
+                                    ng-class="{active:searchstate=='year'}"
+                                    ng-click="chooseDate('year')">上一年</span>|<span
+                                    ng-class="{active:searchstate=='today'}" ng-click="chooseDate('today')">今天</span> -->
+                            </div>
+                        </div>
+                        <div class="clearfix">
+                            <div class="form-group fl">
+                                <input placeholder="开始日期" type="text" ng-readonly="true" class="form-control smallline"
+                                    datepicker-popuptime="yyyy-MM-dd" ng-model="starttimesModel" max-date="endtimesModel"
+                                    is-open="startOpened" ng-init="startOpened = false" ng-click="startOpen($event)" />
+                                <i class="iconfont icon-yuqixinxiu form-dataIcon"></i>
+                            </div>
+                            <span class="form-line fl">一</span>
+                            <div class="form-group fl">
+                                <input placeholder="结束日期" type="text" ng-readonly="true" class="form-control smallline"
+                                    datepicker-popuptime="yyyy-MM-dd" ng-model="endtimesModel" min-date="starttimesModel"
+                                    max-date="nowtimes" is-open="endOpened" ng-init="endOpened = false"
+                                    ng-click="endOpen($event)" />
+                                <i class="iconfont icon-yuqixinxiu form-dataIcon"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 搜索重置 -->
+                    <div class="col-xs-3 col-sm-3 pull-right P-0 searchBtnBox">
+                        <div class="btn btn_search fl" ng-click="mdxquery(name, type)">搜索</div>
+                        <div class="btn btn_reset fl" ng-click="reload(true)">重置</div>
+                    </div>
+                </form>
+            </div>
+            <!-- 上下班统计 -->
+            <div class="deck_cont_body">
+                <div class="deck_cont_body_TB1" ng-if="isArrays(zhtj_list)&&zhtj_list.length>0">
+                    <div class="TB">
+                        <div class="TB_cont">
+                            <table class="jry_table jry_table_head" cellspacing="0" cellpadding="16"
+                                style="font-weight:normal !important;table-layout:fixed">
+                                <thead>
+                                    <tr>
+                                        <th style="width:5%">
+                                            序号
+                                        </th>
+                                        <th style="width:19%" tooltip='姓名' tooltip-placement="top">
+                                            姓名
+                                        </th>
+                                        <th style="width:19%" tooltip='显示当前人员时间范围内所有日期的打卡记录' tooltip-placement="top">
+                                            打卡天数
+                                        </th>
+                                        <th style="width:19%" tooltip='显示当前人员时间范围内所有日期的打卡记录并且迟到的记录' tooltip-placement="top">
+                                            迟到次数
+                                        </th>
+                                        <th style="width:19%" tooltip='显示当前人员时间范围内所有日期的打卡记录并且早退的记录' tooltip-placement="top">
+                                            早退次数
+                                        </th>
+                                        <th style="width:19%" tooltip='显示当前人员时间范围内所有日期的打卡记录并且未打下班卡的记录' tooltip-placement="top">
+                                            未打卡下班次数
+                                        </th>
+                                    </tr>
+                                </thead>
+                            </table>
+                            <div class="jry_table_wrap" ng-nicescroll>
+                                <table class="jry_table jry_table_body" cellspacing="0" cellpadding="16"
+                                    style="font-weight:normal !important;margin-bottom: 16px;table-layout:fixed">
+                                    <tbody class="tbody-hover service_form-hover">
+                                        <tr ng-repeat="rowData in zhtj_list">
+                                            <td style="width:5%">
+                                                {{$index+1}}
+                                            </td>
+                                            <td style="width:19%">
+                                                {{rowData[1]}}
+                                            </td>
+                                            <td class="cursor" style="width:19%" ng-click="goToDetail(rowData, '打卡天数', 'punch')">
+                                                {{rowData[2]}}
+                                            </td>
+                                            <td class="cursor" style="width:19%" ng-click="goToDetail(rowData, '迟到次数', 'late')">
+                                                {{rowData[3]}}
+                                            </td>
+                                            <td class="cursor" style="width:19%" ng-click="goToDetail(rowData, '早退次数', 'early')">
+                                                {{rowData[4]}}
+                                            </td>
+                                            <td class="cursor" style="width:19%" ng-click="goToDetail(rowData, '未打卡下班次数', 'workEarly')">
+                                                {{rowData[5]}}
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="noData" ng-if="isArrays(zhtj_list)&&zhtj_list.length==0">查询无记录</div>
+                <div class="noData" ng-if="!isArrays(zhtj_list)"><img src="/assets/images/loading.gif" alt=""></div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+<style>
+    p {
+        margin-bottom: 0;
+    }
+
+    em,
+    i,
+    strong {
+        font-style: normal;
+    }
+
+    .searchBtnBox {
+        padding-top: 30px;
+    }
+
+    .deck_body {
+        height: 100%;
+        background: #f9f9f9;
+        padding: 16px;
+    }
+
+    .service_head {
+        height: 50px;
+        width: 100%
+    }
+
+    .service_head .deck_head_L {
+        float: left;
+        width: 100%;
+        height: 100%;
+        text-align: center;
+        border-top: 5px solid #EAEAEA;
+        color: #717171;
+        font-size: 14px;
+        line-height: 45px;
+        cursor: pointer;
+    }
+
+    .service_head .deck_head_R {
+        float: left;
+        width: 50%;
+        height: 100%;
+        text-align: center;
+        border-top: 5px solid #EAEAEA;
+        color: #717171;
+        font-size: 14px;
+        line-height: 45px;
+        cursor: pointer;
+    }
+
+    .ac {
+        background: #E6EEF4;
+        color: #353535 !important;
+        border-top: 5px solid #79A3C4 !important;
+    }
+
+    .deck_cont {
+        width: 100%;
+        height: 100%;
+        padding: 16px;
+        background: #fff;
+        border-width: 0px 1px 1px 1px;
+        border-width: 0px 1px 1px 1px;
+        border-color: #EAEAEA;
+        border-style: solid;
+    }
+
+    .deck_cont_head {
+        border-bottom: 1px solid #EAEAEA;
+        padding: 16px 10px 16px 10px;
+        zoom: 1;
+    }
+
+    .deck_cont_head::after {
+        content: "";
+        display: block;
+        height: 0;
+        clear: both;
+        visibility: hidden;
+    }
+
+    .P-0 {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+
+    .P-T-15 {
+        padding-top: 16px;
+    }
+
+    .form-control.smallline {
+        width: 120px;
+        height: 34px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #999;
+        font-size: 12px;
+    }
+
+    .deck_cont_body_TB1 {
+        padding-top: 16px;
+    }
+
+    .deck_cont_body_TB2 {
+        padding-top: 16px;
+    }
+
+    .TB_head {
+        width: 100%;
+        height: 54px
+    }
+
+    .TB_head_L {
+        float: left;
+        height: 100%;
+        border-left: 8px solid #005395;
+        padding: 0px 16px;
+    }
+
+    .TB_head_R {
+        float: left;
+        height: 100%;
+        border-left: 8px solid #49A9EE;
+        padding: 0px 16px;
+    }
+
+    .TB_ITEM {
+        float: left;
+        margin-right: 16px;
+        text-align: center;
+    }
+
+    .MR_15 {
+        margin-right: 16px;
+    }
+
+    .TB_ITEM p {
+        font-size: 12px;
+        color: #666
+    }
+
+    .TB_ITEM span {
+        font-size: 24px;
+        color: #333;
+        line-height: 1.2;
+    }
+
+    .TB_LDZH{
+        text-align: center;
+    }
+
+    .TB_LDZH p {
+        font-size: 14px;
+        color: #666
+    }
+
+    .TB_LDZH span {
+        font-size: 32px;
+        color: #333;
+        line-height: 1.2;
+    }
+
+    .TB_ZHL {
+        height: 100%;
+        padding-top: 22px;
+    }
+
+    .TB_ZHL p {
+        font-size: 12px;
+        color: #7B7B7B
+    }
+
+    .TB_ZHL span {
+        font-weight: 600;
+        font-size: 22px;
+    }
+
+    .TB_cont {
+        height: 350px;
+        width: 100%;
+        /* overflow-x: hidden; */
+        /* overflow-y: auto; */
+    }
+
+    .TB_cont #ldzh {
+        height: 100%;
+    }
+
+    .TB_cont #sjfx {
+        height: 100%;
+    }
+
+    .TB_cont #sjqs {
+        height: 100%;
+    }
+
+    .TB_cont #sjpd {
+        height: 100%;
+    }
+
+    .TB_head_R1 {
+        border-color: #005395;
+    }
+
+    .TB_LB {
+        height: 100%;
+        width: 100%;
+        border: 1px solid #EAEAEA;
+    }
+
+    .TB_LB_head {
+        height: 50px;
+        background: #FAFAFA;
+        border-bottom: 1px solid #EAEAEA;
+        color: #333;
+        font-size: 14px;
+    }
+
+    .TB_LB_body {
+        height: 40px;
+        border-bottom: 1px solid #EAEAEA;
+        color: #7B7B7B;
+    }
+
+    .TB_LB_item {
+        height: 100%;
+        float: left;
+        text-align: center;
+        line-height: 40px;
+        border-right: 1px solid #EAEAEA;
+    }
+
+    .TB_LB_head .TB_LB_item {
+        line-height: 50px;
+        font-weight: 600;
+    }
+
+    .btn-default {
+        height: 30px;
+    }
+
+    .form-line {
+        height: 34px;
+        line-height: 34px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #979797;
+    }
+
+    .form-dataIcon {
+        color: #ddd;
+        font-size: 16px;
+        position: absolute;
+        right: 8px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+
+    .selectDate {
+        width: 270px;
+    }
+
+    .selectDate .selectDate-hd {
+        margin-bottom: 8px;
+    }
+
+    .selectDate .lastDate {
+        color: #ddd;
+    }
+
+    .selectDate .lastDate span {
+        margin-left: 4px;
+        margin-right: 4px;
+        color: #005395;
+        font-size: 12px;
+        cursor: pointer;
+    }
+
+    .selectDate .lastDate span.active {
+        border-bottom: 1px solid #005395;
+    }
+
+    .selectDate .lastDate span:last-child {
+        margin-right: 0;
+    }
+
+    .searchBtnBox .btn {
+        width: 60px;
+        height: 34px;
+        line-height: 26px;
+        margin: 0 0 0 8px;
+    }
+
+    .btn_search {
+        background-color: #005395;
+    }
+
+    .btn_reset {
+        background-color: #fff;
+        border: 1px solid #ddd;
+    }
+
+    .btn_reset:hover {
+        border: 1px solid #999;
+        color: #666;
+    }
+
+    .btn_export {
+        padding: 3px 16px;
+        background-color: #e6eef4;
+        border: 1px #005395 solid;
+        color: #005395;
+    }
+
+    .btn_export:hover {
+        color: #79a3c4;
+        border-color: #79a3c4;
+    }
+
+    .TB_ITEMS {
+        margin-left: 24px;
+        margin-top: 10px;
+    }
+
+    /* table */
+    .jry_table_wrap {
+        margin-top: -1px;
+        height: 310px;
+        overflow-x: hidden;
+        overflow-y: auto;
+    }
+
+    .jry_table {
+        border: 1px solid #ddd;
+        text-align: center;
+        width: 100%;
+        position: relative;
+    }
+
+    .jry_table_head {
+        margin-top: 16px;
+        background-color: #f9f9f9;
+    }
+
+    .jry_table_head th {
+        cursor: pointer;
+    }
+
+    .jry_table_body .tbody-hover {
+        width: 100%;
+    }
+
+    .jry_table_body .tbody-hover.service_form-hover td.cursor {
+        cursor: pointer;
+    }
+
+    .jry_table_body .tbody-hover.service_form-hover td.cursor:hover {
+        text-decoration: underline;
+    }
+
+    .jry_table th,
+    .jry_table td {
+        word-wrap: break-word;
+        padding: 6px 8px;
+        border: 1px solid #ddd;
+    }
+
+    .jry_table th {
+        text-align: center;
+        font-size: 13px;
+    }
+
+    .jry_table th strong {
+        position: relative;
+    }
+
+    .sort-wrap {
+        position: absolute;
+        right: -12px;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 12px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        line-height: normal;
+    }
+
+    .sortItem {
+        font-size: 12px;
+        color: #ddd;
+        height: 12px;
+        cursor: pointer;
+        position: absolute;
+    }
+
+    .sortItem.active {
+        color: #999;
+    }
+
+    .sortItem.icon-xiangshang {
+        bottom: -2px;
+    }
+
+    .sortItem.icon-xiangxia {
+        top: -2px;
+    }
+    /* 查询无记录 */
+    .noData{
+        font-size: 16px;
+        text-align: center;
+        font-weight: bold;
+        margin-top: 16px;
+        width: 100%;
+        min-height: 420px;
+    }
+
+    .form-control.smallline {
+        background-color: #fff;
+    }
+</style>

assets/views/working/statisticsDetail.html

@@ -0,0 +1,573 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">上下班统计
+                <i tooltip='上下班统计，查看相关数据。' tooltip-placement="right"
+                    class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i>
+            </h1>
+        </div>
+    </div>
+</section>
+<div class="col-md-12 col-sm-12">
+    <div class="row deck_body" ng-controller="workingStatisticsDetailCtrl">
+        <div class="service_head">
+            <div class="deck_head_L ac">
+                <span>{{stateParams.userName}}-{{stateParams.msg}}</span>
+            </div>
+        </div>
+        <div class="deck_cont">
+            <!-- 筛选条件 -->
+            <div class="deck_cont_head">
+                <form class="col-xs-12 col-sm-12 form-inline P-0 clearfix">
+                    <!-- 选择日期 -->
+                    <div class="selectDate P-0 fl">
+                        <div class="selectDate-hd clearfix">
+                            <p class="fl">选择日期：</p>
+                            <div class="lastDate fr"><span ng-class="{active:searchstate=='week'}"
+                                    ng-click="chooseDate('week')">上一周</span>|<span
+                                    ng-class="{active:searchstate=='month'}"
+                                    ng-click="chooseDate('month')">上一月</span>
+                                    <!-- |<span
+                                    ng-class="{active:searchstate=='year'}"
+                                    ng-click="chooseDate('year')">上一年</span>|<span
+                                    ng-class="{active:searchstate=='today'}" ng-click="chooseDate('today')">今天</span> -->
+                            </div>
+                        </div>
+                        <div class="clearfix">
+                            <div class="form-group fl">
+                                <input placeholder="开始日期" type="text" ng-readonly="true" class="form-control smallline"
+                                    datepicker-popuptime="yyyy-MM-dd" ng-model="starttimesModel" max-date="endtimesModel"
+                                    is-open="startOpened" ng-init="startOpened = false" ng-click="startOpen($event)" />
+                                <i class="iconfont icon-yuqixinxiu form-dataIcon"></i>
+                            </div>
+                            <span class="form-line fl">一</span>
+                            <div class="form-group fl">
+                                <input placeholder="结束日期" type="text" ng-readonly="true" class="form-control smallline"
+                                    datepicker-popuptime="yyyy-MM-dd" ng-model="endtimesModel" min-date="starttimesModel"
+                                    max-date="nowtimes" is-open="endOpened" ng-init="endOpened = false"
+                                    ng-click="endOpen($event)" />
+                                <i class="iconfont icon-yuqixinxiu form-dataIcon"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 搜索重置 -->
+                    <div class="col-xs-3 col-sm-3 pull-right P-0 searchBtnBox">
+                        <div class="btn btn_search fl" ng-click="mdxquery(name, type)">搜索</div>
+                        <div class="btn btn_reset fl" ng-click="reload(true)">重置</div>
+                        <div class="btn btn_reset fl" ng-click="goBack()">返回</div>
+                    </div>
+                </form>
+            </div>
+            <!-- 上下班统计 -->
+            <div class="deck_cont_body">
+                <div class="deck_cont_body_TB1" ng-if="isArrays(zhtj_list)&&zhtj_list.length>0">
+                    <div class="TB">
+                        <div class="TB_cont">
+                            <table class="jry_table jry_table_head" cellspacing="0" cellpadding="16"
+                                style="font-weight:normal !important;table-layout:fixed">
+                                <thead>
+                                    <tr>
+                                        <th style="width:10%">
+                                            序号
+                                        </th>
+                                        <th style="width:10%" tooltip='日期' tooltip-placement="top">
+                                            日期
+                                        </th>
+                                        <th style="width:10%" tooltip='姓名' tooltip-placement="top">
+                                            姓名
+                                        </th>
+                                        <th style="width:10%" tooltip='公司' tooltip-placement="top">
+                                            公司
+                                        </th>
+                                        <th style="width:10%" tooltip='上班打卡时间' tooltip-placement="top">
+                                            上班打卡时间
+                                        </th>
+                                        <th style="width:10%" tooltip='上班打卡地址' tooltip-placement="top">
+                                            上班打卡地址
+                                        </th>
+                                        <th style="width:10%" tooltip='是否迟到' tooltip-placement="top">
+                                            是否迟到
+                                        </th>
+                                        <th style="width:10%" tooltip='下班打卡时间' tooltip-placement="top">
+                                            下班打卡时间
+                                        </th>
+                                        <th style="width:10%" tooltip='下班打卡地址' tooltip-placement="top">
+                                            下班打卡地址
+                                        </th>
+                                        <th style="width:10%" tooltip='是否早退' tooltip-placement="top">
+                                            是否早退
+                                        </th>
+                                    </tr>
+                                </thead>
+                            </table>
+                            <div class="jry_table_wrap" ng-nicescroll>
+                                <table class="jry_table jry_table_body" cellspacing="0" cellpadding="16"
+                                    style="font-weight:normal !important;margin-bottom: 16px;table-layout:fixed">
+                                    <tbody class="tbody-hover service_form-hover">
+                                        <tr ng-repeat="rowData in zhtj_list">
+                                            <td style="width:10%">
+                                                {{$index+1}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[0] | date:"yyyy-MM-dd HH:mm:ss"}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[1]}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[2]}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[3] | date:"yyyy-MM-dd HH:mm:ss"}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[4]}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[5] == 1 ? '是' : '否'}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[6] | date:"yyyy-MM-dd HH:mm:ss"}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[7]}}
+                                            </td>
+                                            <td style="width:10%">
+                                                {{rowData[8] == 1 ? '是' : '否'}}
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="noData" ng-if="isArrays(zhtj_list)&&zhtj_list.length==0">查询无记录</div>
+                <div class="noData" ng-if="!isArrays(zhtj_list)"><img src="/assets/images/loading.gif" alt=""></div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+<style>
+    p {
+        margin-bottom: 0;
+    }
+
+    em,
+    i,
+    strong {
+        font-style: normal;
+    }
+
+    .searchBtnBox {
+        padding-top: 30px;
+    }
+
+    .deck_body {
+        height: 100%;
+        background: #f9f9f9;
+        padding: 16px;
+    }
+
+    .service_head {
+        height: 50px;
+        width: 100%
+    }
+
+    .service_head .deck_head_L {
+        float: left;
+        width: 100%;
+        height: 100%;
+        text-align: center;
+        border-top: 5px solid #EAEAEA;
+        color: #717171;
+        font-size: 14px;
+        line-height: 45px;
+        cursor: pointer;
+    }
+
+    .service_head .deck_head_R {
+        float: left;
+        width: 50%;
+        height: 100%;
+        text-align: center;
+        border-top: 5px solid #EAEAEA;
+        color: #717171;
+        font-size: 14px;
+        line-height: 45px;
+        cursor: pointer;
+    }
+
+    .ac {
+        background: #E6EEF4;
+        color: #353535 !important;
+        border-top: 5px solid #79A3C4 !important;
+    }
+
+    .deck_cont {
+        width: 100%;
+        height: 100%;
+        padding: 16px;
+        background: #fff;
+        border-width: 0px 1px 1px 1px;
+        border-width: 0px 1px 1px 1px;
+        border-color: #EAEAEA;
+        border-style: solid;
+    }
+
+    .deck_cont_head {
+        border-bottom: 1px solid #EAEAEA;
+        padding: 16px 10px 16px 10px;
+        zoom: 1;
+    }
+
+    .deck_cont_head::after {
+        content: "";
+        display: block;
+        height: 0;
+        clear: both;
+        visibility: hidden;
+    }
+
+    .P-0 {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+
+    .P-T-15 {
+        padding-top: 16px;
+    }
+
+    .form-control.smallline {
+        width: 120px;
+        height: 34px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #999;
+        font-size: 12px;
+    }
+
+    .deck_cont_body_TB1 {
+        padding-top: 16px;
+    }
+
+    .deck_cont_body_TB2 {
+        padding-top: 16px;
+    }
+
+    .TB_head {
+        width: 100%;
+        height: 54px
+    }
+
+    .TB_head_L {
+        float: left;
+        height: 100%;
+        border-left: 8px solid #005395;
+        padding: 0px 16px;
+    }
+
+    .TB_head_R {
+        float: left;
+        height: 100%;
+        border-left: 8px solid #49A9EE;
+        padding: 0px 16px;
+    }
+
+    .TB_ITEM {
+        float: left;
+        margin-right: 16px;
+        text-align: center;
+    }
+
+    .MR_15 {
+        margin-right: 16px;
+    }
+
+    .TB_ITEM p {
+        font-size: 12px;
+        color: #666
+    }
+
+    .TB_ITEM span {
+        font-size: 24px;
+        color: #333;
+        line-height: 1.2;
+    }
+
+    .TB_LDZH{
+        text-align: center;
+    }
+
+    .TB_LDZH p {
+        font-size: 14px;
+        color: #666
+    }
+
+    .TB_LDZH span {
+        font-size: 32px;
+        color: #333;
+        line-height: 1.2;
+    }
+
+    .TB_ZHL {
+        height: 100%;
+        padding-top: 22px;
+    }
+
+    .TB_ZHL p {
+        font-size: 12px;
+        color: #7B7B7B
+    }
+
+    .TB_ZHL span {
+        font-weight: 600;
+        font-size: 22px;
+    }
+
+    .TB_cont {
+        height: 350px;
+        width: 100%;
+        /* overflow-x: hidden; */
+        /* overflow-y: auto; */
+    }
+
+    .TB_cont #ldzh {
+        height: 100%;
+    }
+
+    .TB_cont #sjfx {
+        height: 100%;
+    }
+
+    .TB_cont #sjqs {
+        height: 100%;
+    }
+
+    .TB_cont #sjpd {
+        height: 100%;
+    }
+
+    .TB_head_R1 {
+        border-color: #005395;
+    }
+
+    .TB_LB {
+        height: 100%;
+        width: 100%;
+        border: 1px solid #EAEAEA;
+    }
+
+    .TB_LB_head {
+        height: 50px;
+        background: #FAFAFA;
+        border-bottom: 1px solid #EAEAEA;
+        color: #333;
+        font-size: 14px;
+    }
+
+    .TB_LB_body {
+        height: 40px;
+        border-bottom: 1px solid #EAEAEA;
+        color: #7B7B7B;
+    }
+
+    .TB_LB_item {
+        height: 100%;
+        float: left;
+        text-align: center;
+        line-height: 40px;
+        border-right: 1px solid #EAEAEA;
+    }
+
+    .TB_LB_head .TB_LB_item {
+        line-height: 50px;
+        font-weight: 600;
+    }
+
+    .btn-default {
+        height: 30px;
+    }
+
+    .form-line {
+        height: 34px;
+        line-height: 34px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #979797;
+    }
+
+    .form-dataIcon {
+        color: #ddd;
+        font-size: 16px;
+        position: absolute;
+        right: 8px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+
+    .selectDate {
+        width: 270px;
+    }
+
+    .selectDate .selectDate-hd {
+        margin-bottom: 8px;
+    }
+
+    .selectDate .lastDate {
+        color: #ddd;
+    }
+
+    .selectDate .lastDate span {
+        margin-left: 4px;
+        margin-right: 4px;
+        color: #005395;
+        font-size: 12px;
+        cursor: pointer;
+    }
+
+    .selectDate .lastDate span.active {
+        border-bottom: 1px solid #005395;
+    }
+
+    .selectDate .lastDate span:last-child {
+        margin-right: 0;
+    }
+
+    .searchBtnBox .btn {
+        width: 60px;
+        height: 34px;
+        line-height: 26px;
+        margin: 0 0 0 8px;
+    }
+
+    .btn_search {
+        background-color: #005395;
+    }
+
+    .btn_reset {
+        background-color: #fff;
+        border: 1px solid #ddd;
+    }
+
+    .btn_reset:hover {
+        border: 1px solid #999;
+        color: #666;
+    }
+
+    .btn_export {
+        padding: 3px 16px;
+        background-color: #e6eef4;
+        border: 1px #005395 solid;
+        color: #005395;
+    }
+
+    .btn_export:hover {
+        color: #79a3c4;
+        border-color: #79a3c4;
+    }
+
+    .TB_ITEMS {
+        margin-left: 24px;
+        margin-top: 10px;
+    }
+
+    /* table */
+    .jry_table_wrap {
+        margin-top: -1px;
+        height: 310px;
+        overflow-x: hidden;
+        overflow-y: auto;
+    }
+
+    .jry_table {
+        border: 1px solid #ddd;
+        text-align: center;
+        width: 100%;
+        position: relative;
+    }
+
+    .jry_table_head {
+        margin-top: 16px;
+        background-color: #f9f9f9;
+    }
+
+    .jry_table_head th {
+        cursor: pointer;
+    }
+
+    .jry_table_body .tbody-hover {
+        width: 100%;
+    }
+
+    .jry_table_body .tbody-hover.service_form-hover td.cursor {
+        cursor: pointer;
+    }
+
+    .jry_table_body .tbody-hover.service_form-hover td.cursor:hover {
+        text-decoration: underline;
+    }
+
+    .jry_table th,
+    .jry_table td {
+        word-wrap: break-word;
+        padding: 6px 8px;
+        border: 1px solid #ddd;
+    }
+
+    .jry_table th {
+        text-align: center;
+        font-size: 13px;
+    }
+
+    .jry_table th strong {
+        position: relative;
+    }
+
+    .sort-wrap {
+        position: absolute;
+        right: -12px;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 12px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        line-height: normal;
+    }
+
+    .sortItem {
+        font-size: 12px;
+        color: #ddd;
+        height: 12px;
+        cursor: pointer;
+        position: absolute;
+    }
+
+    .sortItem.active {
+        color: #999;
+    }
+
+    .sortItem.icon-xiangshang {
+        bottom: -2px;
+    }
+
+    .sortItem.icon-xiangxia {
+        top: -2px;
+    }
+    /* 查询无记录 */
+    .noData{
+        font-size: 16px;
+        text-align: center;
+        font-weight: bold;
+        margin-top: 16px;
+        width: 100%;
+        min-height: 420px;
+    }
+
+    .form-control.smallline {
+        background-color: #fff;
+    }
+</style>