报表

assets/css/styles.css

@@ -2043,7 +2043,7 @@ fieldset[disabled] .btn-statebutton.btn-o.active {
 }
 
 .pointfont {
-    cursor: pointer;
+    cursor: auto;
 }
 
 

assets/js/controllers/report/deck_reportCtrl.js

@@ -1,5 +1,5 @@
 'use strict';
-app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "SweetAlert", "Restangular", "api_report", "api_statistic", "moment", 'api_user_data', function ($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, SweetAlert, Restangular, api_report, api_statistic, moment, api_user_data) {
+app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "SweetAlert", "Restangular", "api_report", "api_statistic", "moment", 'api_user_data','api_deck_report', function ($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, SweetAlert, Restangular, api_report, api_statistic, moment, api_user_data,api_deck_report) {
     $scope.tap = 'LDZS';
     // 选择日期：
     $scope.dateSelected = [{
@@ -28,6 +28,16 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
     }
     $scope.parameters.paramDateFrom = $scope.starttimes;
     $scope.parameters.paramDateTo = $scope.endtimes;
+    $scope.searchkeys = {
+        dateSelected: {id:-1,name:""}//选中
+    };
+    // 重置
+    $scope.reset = function(){
+        $scope.parameters.paramDateFrom = moment(new Date().getTime() - 86400000 * (weeks + 6)).format('YYYY-MM-DD');
+        $scope.parameters.paramDateTo = moment(new Date().getTime() - 86400000 * (weeks)).format('YYYY-MM-DD');
+        $scope.searchkeys.dateSelected = {id:-1,name:""}
+        $scope.getData();
+    }
     // n天前
     $scope.GetDateStr = function (AddDayCount) {
         var dd = new Date();
@@ -98,13 +108,7 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
     $scope.active = function (name) {
         $scope.tap = name
         if ($scope.tap == 'LDZS') {
-            setTimeout(function () {
-                barechart();
-                barechart1({id:"sjfx1",name:'来电数量',unit:'个'});
-                barechart1({id:"sjfx2",name:'接听通话时长',unit:'秒'});
-                barechart1({id:"sjfx3",name:'接听电话平均时长',unit:'秒'});
-                barechart1({id:"sjfx4",name:'未接电话',unit:'个'});
-            }, 500);
+            $scope.getData();
         } else {
             setTimeout(function () {
                 barechart2();
@@ -113,16 +117,92 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
         }
     }
     // 请求人
-    api_user_data.fetchDataList('requester', {
-        "idx": 0,
-        "sum": 10
-    }).then(function (response) {
-        if (response) {
-            if (response.status = 200) {
-                $scope.requester = response.list;
+    // api_user_data.fetchDataList('requester', {
+    //     "idx": 0,
+    //     "sum": 10
+    // }).then(function (response) {
+    //     if (response) {
+    //         if (response.status = 200) {
+    //             $scope.requester = response.list;
+    //         }
+    //     }
+    // })
+    //获取数据
+    $scope.total = 0;//来电总数
+    $scope.trans = 0;//建单总数
+    $scope.trans_percent = 0;//来电转换率
+    $scope.dataList = [];//柱状图-按月统计来电量
+    $scope.dataList_name = [];//横轴名称
+    $scope.dataList_totalNum = [];//来电总数
+    $scope.dataList_buildNum = [];//建单总数
+
+    $scope.hourList = [];//24小时来电趋势图-按小时统计来电量
+    $scope.hourList_name = [];
+    $scope.hourList_countNum = [];
+
+    $scope.timeList = [];//未接听数-按月统计
+    $scope.timeList_name = [];
+    $scope.timeList_sumNum = [];
+    $scope.timeList_avgNum = [];
+
+    $scope.missList = [];//接听通话时长和平均时长-按月统计
+    $scope.missList_name = [];
+    $scope.missList_countNum = [];
+    $scope.getData = function(){
+        api_deck_report.fetchLdzsNumList({
+            "startTime": $scope.parameters.paramDateFrom,
+            "endTime": $scope.parameters.paramDateTo,
+        }).then(function (res) {
+            if(res){
+                // 来电总数顶部数字
+                if(res.title){
+                    $scope.total = res.title.total || 0;
+                    $scope.trans = res.title.trans || 0;
+                    $scope.trans_percent = res.title.trans_percent || 0;
+                }
+                // 柱状图-按月统计来电量
+                if(res.dataList){
+                    var arr = Object.values(res.dataList);
+                    $scope.dataList = arr.map(ress=>{
+                        return {
+                            time:ress.time,
+                            total:ress.total || 0,
+                            trans:ress.trans || 0
+                        }
+                    })
+                    $scope.dataList_name = $scope.dataList.map(v=>v.time);//横轴名称
+                    $scope.dataList_totalNum = $scope.dataList.map(v=>v.total);//来电总数
+                    $scope.dataList_buildNum = $scope.dataList.map(v=>v.trans);//建单总数
+                }
+                // 24小时来电趋势图-按小时统计来电量
+                if(res.hourList){
+                    $scope.hourList = res.hourList || [];
+                    $scope.hourList_name = $scope.hourList.map(v=>v.time);//横轴名称
+                    $scope.hourList_countNum = $scope.hourList.map(v=>v.count);//数量
+                }
+                // 接听通话时长和平均时长-按月统计
+                if(res.timeList){
+                    $scope.timeList = res.timeList || [];
+                    $scope.timeList_name = $scope.timeList.map(v=>v.time);//横轴名称
+                    $scope.timeList_sumNum = $scope.timeList.map(v=>v.sum);//通话时长
+                    $scope.timeList_avgNum = $scope.timeList.map(v=>v.avg);//平均时长
+                }
+                // 未接听数-按月统计
+                if(res.missList){
+                    $scope.missList = res.missList || [];
+                    $scope.missList_name = $scope.missList.map(v=>v.time);//横轴名称
+                    $scope.missList_countNum = $scope.missList.map(v=>v.count);//未接听数
+                }
+                //渲染图表
+                barechart();
+                barechart1({id:"sjfx1",name:'来电数量',unit:'个',data:{x:$scope.hourList_name,y:$scope.hourList_countNum}});
+                barechart1({id:"sjfx2",name:'接听通话时长',unit:'秒',data:{x:$scope.timeList_name,y:$scope.timeList_sumNum}});
+                barechart1({id:"sjfx3",name:'接听电话平均时长',unit:'秒',data:{x:$scope.timeList_name,y:$scope.timeList_avgNum}});
+                barechart1({id:"sjfx4",name:'未接电话',unit:'个',data:{x:$scope.missList_name,y:$scope.missList_countNum}});
             }
-        }
-    })
+        })
+    }
+    $scope.getData();
     // 选择日期
     $scope.onChangeDate = function (s) {
         console.log(s)
@@ -203,7 +283,7 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
                         // type: 'dotted'
                     },
                 },
-                data: ['10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12']
+                data: $scope.dataList_name
             }],
             yAxis: [{
                     type: 'value',
@@ -257,7 +337,7 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
                             color: '#005395'
                         }
                     },
-                    data: [20, 12, 31, 23, 56, 78, 92, 12, 23]
+                    data: $scope.dataList_totalNum
                 }, {
                     name: '建单总数',
                     type: 'bar',
@@ -266,7 +346,7 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
                             color: '#1CA58F'
                         }
                     },
-                    data: [10, 20, 5, 5, 2, 32, 34, 56, 23]
+                    data: $scope.dataList_buildNum
                 }
             ]
         };
@@ -335,7 +415,7 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
                         // type: 'dotted'
                     },
                 },
-                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+                data: options.data.x
             }],
             yAxis: [{
                 type: 'value',
@@ -370,7 +450,7 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
                         color: '#005395'
                     }
                 },
-                data: [10, 20, 5, 23, 12, 3, 63, 12, 23, 34, 76, 45]
+                data: options.data.y
             }]
         };
         if (option1 && typeof option1 === "object") {
@@ -663,18 +743,4 @@ app.controller('deck_reportCtrl', ["$scope", "$rootScope", "$state", "$timeout",
             myChart.hideLoading();
         }
     }
-
-
-
-
-
-    setTimeout(function () {
-        barechart();
-        barechart1({id:"sjfx1",name:'来电数量',unit:'个'});
-        barechart1({id:"sjfx2",name:'接听通话时长',unit:'秒'});
-        barechart1({id:"sjfx3",name:'接听电话平均时长',unit:'秒'});
-        barechart1({id:"sjfx4",name:'未接电话',unit:'个'});
-    }, 1000);
-
-
 }])

assets/js/controllers/report/event_formCtrl.js

@@ -211,9 +211,9 @@ app.controller('event_formCtrl', ["$scope", "$rootScope", "$state", "$timeout",
                 $scope.groupSelectedOne.value = $scope.groupSelected[0];//选择处理人/组
                 break;
             case 'SFGS'://三方公司
-                $scope.sortActive = 'sumtop';
-                $scope.name = 'sum';//表格排序，字段名称
-                $scope.mdxquery('sum', 'desc');
+                $scope.sortActive = 'i_totaltop';
+                $scope.name = 'i_total';//表格排序，字段名称
+                $scope.mdxquery('i_total', 'desc');
                 $scope.companySelectedOne.value = {id:-1,name:''};//选择三方公司
                 break;
             case 'QYDD'://区域地点
@@ -284,10 +284,10 @@ app.controller('event_formCtrl', ["$scope", "$rootScope", "$state", "$timeout",
     $scope.clrz_satisfactionRatio = 0;//满意度
     //三方公司
     $scope.sfgs_list = null;//表格列表
-    $scope.sfgs_num = 0;//公司总数
-    $scope.sfgs_num1 = 0;//人员总数
-    $scope.sfgs_num2 = 0;//解决事件总数
-    $scope.sfgs_resolvedTime = '0分';//平均解决时长
+    $scope.sfgs_c_total = 0;//公司总数
+    $scope.sfgs_u_total = 0;//人员总数
+    $scope.sfgs_p_total = 0;//解决事件总数
+    $scope.sfgs_p_time = '0分';//平均解决时长
     //区域地点
     $scope.qydd_list = null;//表格列表
     $scope.qydd_num = 0;//事件总数数量
@@ -302,7 +302,13 @@ app.controller('event_formCtrl', ["$scope", "$rootScope", "$state", "$timeout",
      */
     $scope.mdxquery = function (name, type) {
         if (!name) {
-            name = $scope.tap == 'SJZS' ? 'accdate' : 'sum';
+            if($scope.tap == 'SJZS'){
+                name = 'accdate';
+            }else if($scope.tap == 'SFGS'){
+                name = 'i_total';
+            }else{
+                name = 'sum';
+            }
         }
         type = type || 'desc';
         switch ($scope.tap) {
@@ -433,10 +439,10 @@ app.controller('event_formCtrl', ["$scope", "$rootScope", "$state", "$timeout",
                         api_event_form.fetchSfgsList(postData).then(function (res) {
                             if (res.stats == 200) {
                                 $scope.sfgs_list = res.dataList;//表格列表
-                                $scope.sfgs_num = res.sum;//公司总数
-                                $scope.sfgs_num1 = res.sum1;//人员总数
-                                $scope.sfgs_num2 = res.responseTime;//解决事件总数
-                                $scope.sfgs_resolvedTime = res.resolvedTime;//平均解决时长
+                                $scope.sfgs_c_total = res.title.c_total;//公司总数
+                                $scope.sfgs_u_total = res.title.u_total;//人员总数
+                                $scope.sfgs_p_total = res.title.p_total;//解决事件总数
+                                $scope.sfgs_p_time = res.title.p_time;//平均解决时长
                             }
                         })
                     }

assets/js/main.js

@@ -2027,6 +2027,21 @@ app.factory('api_event_form', ['eventFormApi', function (eventFormApi) {
         }
     };
 }]);
+// 服务台分析-seimin
+app.factory('deckReportApi', function (Restangular) {
+    return Restangular.withConfig(function (RestangularConfigurer) {
+        RestangularConfigurer.setBaseUrl(serverIp + '/report');
+    });
+});
+app.factory('api_deck_report', ['deckReportApi', function (deckReportApi) {
+    var dataService = deckReportApi.all("data");
+    return {
+        // 来电总数
+        fetchLdzsNumList: function (data) {
+            return dataService.customPOST(data, 'service_phone_total');
+        },
+    };
+}]);
 // 登录后判断版本-seimin
 app.factory('isCategoryApi', function (Restangular) {
     return Restangular.withConfig(function (RestangularConfigurer) {

assets/views/report/deck_report.html

@@ -88,9 +88,8 @@
                         <div class="form-group pull-right " style="margin-right: 15px;">
                             <button class="btn btn-searchbutton steelbutton" ng-click="mdxquery('all')" type="button">搜索</button>
                         </div> -->
-                        <div class="btn btn_search" ng-click="mdxquery('all')">搜索</div>
-                        <div class="btn btn_clean" ng-click="reload()" id="exportToPdf"
-                            ng-disabled="disabledParentGroup">重置</div>
+                        <div class="btn btn_search" ng-click="getData()">搜索</div>
+                        <div class="btn btn_clean" ng-click="reset()" id="exportToPdf">重置</div>
                     </div>
                 </form>
             </div>
@@ -105,7 +104,7 @@
                             <div class="TB_head_L">
                                 <div class="TB_LDZH" tooltip='接听数 + 未接数' tooltip-placement="top">
                                     <p>来电总数 (个)</p>
-                                    <span>300</span>
+                                    <span>{{total}}</span>
                                 </div>
                                 <!-- <div class="TB_ITEMS">
                                     <div class="TB_ITEM">
@@ -125,13 +124,13 @@
                             <div class="TB_head_L noLeft">
                                 <div class="TB_LDZH" tooltip='通过来电转弹屏建单的工单总数' tooltip-placement="top">
                                     <p>建单总数 (个)</p>
-                                    <span>300</span>
+                                    <span>{{trans}}</span>
                                 </div>
                             </div>
                             <div class="TB_head_L noLeft">
-                                <div class="TB_LDZH" tooltip='建单总数\(来电总数\100)' tooltip-placement="top">
+                                <div class="TB_LDZH" tooltip='(建单总数/来电总数)*100' tooltip-placement="top">
                                     <p>来电转换率 (%)</p>
-                                    <span>300</span>
+                                    <span>{{trans_percent}}%</span>
                                 </div>
                             </div>
                             <!-- <div class="TB_head_R">

assets/views/report/event_form.html

@@ -10,7 +10,7 @@
 </section>
 <div class="col-md-12 col-sm-12">
     <div class="row deck_body" ng-controller="event_formCtrl">
-        <div class="deck_head">
+        <div class="event_head">
             <div class="deck_head_L" ng-class="{ac:tap=='SJZS'}" ng-click="active('SJZS')">
                 <span>事件总数</span>
             </div>
@@ -20,7 +20,7 @@
             <div class="deck_head_L" ng-class="{ac:tap=='CLRZ'}" ng-click="active('CLRZ')">
                 <span>处理人/组</span>
             </div>
-            <div class="deck_head_L" ng-if="false" ng-class="{ac:tap=='SFGS'}" ng-click="active('SFGS')">
+            <div class="deck_head_L" ng-class="{ac:tap=='SFGS'}" ng-click="active('SFGS')">
                 <span>三方公司</span>
             </div>
             <div class="deck_head_L" ng-class="{ac:tap=='QYDD'}" ng-click="active('QYDD')">
@@ -539,20 +539,20 @@
                             <div class="TB_head_L">
                                 <div class="TB_LDZH fl" tooltip='第三方公司名称' tooltip-placement="top">
                                     <p>公司总数</p>
-                                    <span>{{sfgs_num}}</span>
+                                    <span>{{sfgs_c_total}}</span>
                                 </div>
                                 <div class="TB_ITEMS fl">
                                     <div class="TB_ITEM" tooltip='第三方公司下面的人员总数' tooltip-placement="top">
                                         <p>人员总数</p>
-                                        <span>{{sfgs_num1}}</span>
+                                        <span>{{sfgs_u_total}}</span>
                                     </div>
                                     <div class="TB_ITEM" tooltip='第三方公司人员处理事件总数。已关闭的单子' tooltip-placement="top">
                                         <p>解决事件总数</p>
-                                        <span>{{sfgs_num2}}</span>
+                                        <span>{{sfgs_p_total}}</span>
                                     </div>
                                     <div class="TB_ITEM" tooltip='每个单子的平均解决时长' tooltip-placement="top">
                                         <p>平均解决时长</p>
-                                        <span>{{sfgs_resolvedTime}}%</span>
+                                        <span>{{sfgs_p_time}}</span>
                                     </div>
                                 </div>
                             </div>
@@ -565,42 +565,42 @@
                                         <th style="width:6%">
                                             序号
                                         </th>
-                                        <th style="width:22%" ng-click="tableSort('accdate')" tooltip='第三方公司名称' tooltip-placement="top">
+                                        <th style="width:22%" ng-click="tableSort('userName')" tooltip='第三方公司名称' tooltip-placement="top">
                                             公司名称
                                         </th>
-                                        <th style="width:18%" ng-click="tableSort('sum')" tooltip='此公司下的人员数量' tooltip-placement="top">
+                                        <th style="width:18%" ng-click="tableSort('u_total')" tooltip='此公司下的人员数量' tooltip-placement="top">
                                             <strong>
                                                 人员总数
                                                 <em class="sort-wrap">
-                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'sumtop'}"></i>
-                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'sumbottom'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'u_totaltop'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'u_totalbottom'}"></i>
                                                 </em>
                                             </strong>
                                         </th>
-                                        <th style="width:18%" ng-click="tableSort('responseTime')" tooltip='此人员处理的工单数量' tooltip-placement="top">
+                                        <th style="width:18%" ng-click="tableSort('i_total')" tooltip='此人员处理的工单数量' tooltip-placement="top">
                                             <strong>
                                                 事件数量
                                                 <em class="sort-wrap">
-                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'responseTimetop'}"></i>
-                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'responseTimebottom'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'i_totaltop'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'i_totalbottom'}"></i>
                                                 </em>
                                             </strong>
                                         </th>
-                                        <th style="width:18%" ng-click="tableSort('resolvedTime')" tooltip='接单时间 – 建单时间' tooltip-placement="top">
+                                        <th style="width:18%" ng-click="tableSort('response_time')" tooltip='接单时间 – 建单时间' tooltip-placement="top">
                                             <strong>
                                                 平均响应时长
                                                 <em class="sort-wrap">
-                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'resolvedTimetop'}"></i>
-                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'resolvedTimebottom'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'response_timetop'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'response_timebottom'}"></i>
                                                 </em>
                                             </strong>
                                         </th>
-                                        <th style="width:18%" ng-click="tableSort('resolvedTime')" tooltip='处理完成时间 –  接单时间' tooltip-placement="top">
+                                        <th style="width:18%" ng-click="tableSort('resolved_time')" tooltip='处理完成时间 –  接单时间' tooltip-placement="top">
                                             <strong>
                                                 平均解决时长
                                                 <em class="sort-wrap">
-                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'resolvedTimetop'}"></i>
-                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'resolvedTimebottom'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'resolved_timetop'}"></i>
+                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'resolved_timebottom'}"></i>
                                                 </em>
                                             </strong>
                                         </th>
@@ -616,19 +616,19 @@
                                                 {{$index+1}}
                                             </td>
                                             <td style="width:22%">
-                                                {{rowData.accdate}}
+                                                {{rowData.userName}}
                                             </td>
                                             <td style="width:18%">
-                                                {{rowData.sum}}
+                                                {{rowData.u_total}}
                                             </td>
                                             <td style="width:18%">
-                                                {{rowData.responseTime}}
+                                                {{rowData.i_total}}
                                             </td>
                                             <td style="width:18%">
-                                                {{rowData.resolvedTime}}
+                                                {{rowData.response_time}}
                                             </td>
                                             <td style="width:18%">
-                                                {{rowData.allresult}}
+                                                {{rowData.resolved_time}}
                                             </td>
                                         </tr>
                                     </tbody>
@@ -799,15 +799,14 @@
         padding: 16px;
     }
 
-    .deck_head {
+    .event_head {
         height: 50px;
         width: 100%
     }
 
-    .deck_head .deck_head_L {
+    .event_head .deck_head_L {
         float: left;
-        /* width: 16.66%; */
-        width: 20%;
+        width: 16.66%;
         height: 100%;
         text-align: center;
         border-top: 5px solid #EAEAEA;
@@ -817,7 +816,7 @@
         cursor: pointer;
     }
 
-    .deck_head .deck_head_R {
+    .event_head .deck_head_R {
         float: left;
         width: 50%;
         height: 100%;

assets/views/report/service_form.html

@@ -10,7 +10,7 @@
 </section>
 <div class="col-md-12 col-sm-12">
     <div class="row deck_body" ng-controller="service_formCtrl">
-        <div class="deck_head">
+        <div class="service_head">
             <div class="deck_head_L" ng-class="{ac:tap=='ZHTJ'}" ng-click="active('ZHTJ')">
                 <span>综合统计</span>
             </div>
@@ -651,12 +651,12 @@
         padding: 16px;
     }
 
-    .deck_head {
+    .service_head {
         height: 50px;
         width: 100%
     }
 
-    .deck_head .deck_head_L {
+    .service_head .deck_head_L {
         float: left;
         width: 25%;
         height: 100%;
@@ -668,7 +668,7 @@
         cursor: pointer;
     }
 
-    .deck_head .deck_head_R {
+    .service_head .deck_head_R {
         float: left;
         width: 50%;
         height: 100%;