zuel-itsm-3.0.2/assets/views/report/service_form.html

<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="service_formCtrl">
        <div class="service_head">
            <div class="deck_head_L" ng-class="{ac:tap=='ZHTJ'}" ng-click="active('ZHTJ')">
                <span>综合统计</span>
            </div>
            <div class="deck_head_L" ng-class="{ac:tap=='DHTJ'}" ng-click="active('DHTJ')">
                <span>电话统计</span>
            </div>
            <div class="deck_head_L" ng-class="{ac:tap=='WEB'}" ng-click="active('WEB')">
                <span>微信/WEB统计</span>
            </div>
            <div class="deck_head_L" ng-class="{ac:tap=='DHLYTJ'}" ng-click="active('DHLYTJ')">
                <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 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 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)" ng-disabled="disabledParentGroup">重置</div>
                        <div class="btn btn_export fl" ng-click="export()" id="exportToExcel"
                            ng-disabled="disabledParentGroup">导出</div>
                    </div>
                </form>
            </div>
            <!-- 综合统计 -->
            <div class="deck_cont_body" ng-if="tap=='ZHTJ'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(zhtj_list)&&zhtj_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='电话总数 + 微信/web总数 + 电话留言总数 + 柜台受理数' tooltip-placement="top">
                                    <p>请求总数</p>
                                    <span>{{zhtj_req_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='从服务台打电话过来（只算呼入，不算呼出）的数量' tooltip-placement="top">
                                        <p>电话总数</p>
                                        <span>{{zhtj_req_phone}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='通过门户网站的web页面建单数 + 通过微信报修建单数。（不包含已撤回的单）' tooltip-placement="top">
                                        <p>微信/WEB总数</p>
                                        <span>{{zhtj_req_wxweb}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='电话留言数' tooltip-placement="top">
                                        <p>电话留言总数</p>
                                        <span>{{zhtj_req_msg}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='通过柜台建单数（建单时事件来源选项，选择了柜台选项的才算）' tooltip-placement="top">
                                        <p>柜台</p>
                                        <span>{{zhtj_req_desk}}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='电话转换数（打过来的电话不一定会建单） + 微信/web转换数 + 电话留言转换数（留言不一定会建单） + 柜台转换数' tooltip-placement="top">
                                    <p>工单转换总数</p>
                                    <span>{{zhtj_trans_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='工单事件来选选项是：柜台，电话，微信/web，留言。这四种类型的工单建单后，直接处理数量' tooltip-placement="top">
                                        <p>直接处理数量</p>
                                        <span>{{zhtj_p_total}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='工单事件来选选项是：柜台，电话，微信/web，留言。这四种类型的工单建单后，派代处理数量' tooltip-placement="top">
                                        <p>派单数量</p>
                                        <span>{{zhtj_unp_total}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <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:6%">
                                            序号
                                        </th>
                                        <th style="width:11%" tooltip='未被删除的用户，服务台角色的建单人' tooltip-placement="top">
                                            人员
                                        </th>
                                        <th style="width:11%" ng-click="tableSort('total')" tooltip='建单总数' tooltip-placement="top">
                                            <strong>
                                                建单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:11%" ng-click="tableSort('p_total')" tooltip='直接处理工单数' tooltip-placement="top">
                                            <strong>
                                                直接处理数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'p_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'p_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:11%" ng-click="tableSort('unp_total')" tooltip='派代处理工单数' tooltip-placement="top">
                                            <strong>
                                                派单处理工单数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'unp_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'unp_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:11%" ng-click="tableSort('handle_phone')" tooltip='工单事件来选选项是：电话类型的工单数' tooltip-placement="top">
                                            <strong>
                                                电话接听数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'handle_phonetop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'handle_phonebottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:17%" ng-click="tableSort('handle_wxweb')" tooltip='工单事件来选选项是：微信/web类型的工单数' tooltip-placement="top">
                                            <strong>
                                                微信/web报修处理数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'handle_wxwebtop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'handle_wxwebbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:11%" ng-click="tableSort('handle_msg')" tooltip='工单事件来选选项是：留言类型的工单数' tooltip-placement="top">
                                            <strong>
                                                留言处理数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'handle_msgtop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'handle_msgbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:11%" ng-click="tableSort('handle_desk')" tooltip='工单事件来选选项是：柜台类型的工单数' tooltip-placement="top">
                                            <strong>
                                                柜台受理数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'handle_desktop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'handle_deskbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                            <div class="jry_table_wrap" style="overflow-y: overlay;">
                                <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">
                                        <tr
                                            ng-repeat="rowData in zhtj_list">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:11%">
                                                {{rowData.userName}}
                                            </td>
                                            <td style="width:11%">
                                                {{rowData.total}}
                                            </td>
                                            <td style="width:11%">
                                                {{rowData.p_total}}
                                            </td>
                                            <td style="width:11%">
                                                {{rowData.unp_total}}
                                            </td>
                                            <td style="width:11%">
                                                {{rowData.handle_phone}}
                                            </td>
                                            <td style="width:17%">
                                                {{rowData.handle_wxweb}}
                                            </td>
                                            <td style="width:11%">
                                                {{rowData.handle_msg}}
                                            </td>
                                            <td style="width:11%">
                                                {{rowData.handle_desk}}
                                            </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 class="deck_cont_body" ng-if="tap=='DHTJ'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(dhtj_list)&&dhtj_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='接听数 + 未接数' tooltip-placement="top">
                                    <p>来电总数</p>
                                    <span>{{dhtj_req_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='从服务台打电话过来（只算呼入，不算呼出）的接听数量' tooltip-placement="top">
                                        <p>接听数量</p>
                                        <span>{{dhtj_req_answer}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='从服务台打电话过来（只算呼入，不算呼出）的未接数量' tooltip-placement="top">
                                        <p>未接数量</p>
                                        <span>{{dhtj_req_miss}}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='事件来源是：电话的。直接处理数 + 派单数' tooltip-placement="top">
                                    <p>电话建单总数</p>
                                    <span>{{dhtj_p_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='事件来源是：电话。直接处理工单数' tooltip-placement="top">
                                        <p>直接解决数量</p>
                                        <span>{{dhtj_p_phone}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='事件来源是：电话。派单工单数' tooltip-placement="top">
                                        <p>派单数量</p>
                                        <span>{{dhtj_unp_phone}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <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:6%">
                                            序号
                                        </th>
                                        <th style="width:14%" tooltip='未被删除的用户，服务台角色的建单人' tooltip-placement="top">
                                            人员
                                        </th>
                                        <th style="width:20%" ng-click="tableSort('answer')" tooltip='从服务台打电话过来（只算呼入，不算呼出）的接听数量' tooltip-placement="top">
                                            <strong>
                                                接听数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'answertop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'answerbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:20%" ng-click="tableSort('total')" tooltip='事件来源是：电话的。直接处理数 + 派单数' tooltip-placement="top">
                                            <strong>
                                                建单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:20%" ng-click="tableSort('p_total')" tooltip='事件来源是：电话。直接处理工单数' tooltip-placement="top">
                                            <strong>
                                                直接解决数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'p_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'p_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:20%" ng-click="tableSort('unp_total')" tooltip='事件来源是：电话。派单工单数' tooltip-placement="top">
                                            <strong>
                                                派单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'unp_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'unp_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </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">
                                        <tr
                                            ng-repeat="rowData in dhtj_list">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:14%">
                                                {{rowData.userName}}
                                            </td>
                                            <td style="width:20%">
                                                {{rowData.answer}}
                                            </td>
                                            <td style="width:20%">
                                                {{rowData.total}}
                                            </td>
                                            <td style="width:20%">
                                                {{rowData.p_total}}
                                            </td>
                                            <td style="width:20%">
                                                {{rowData.unp_total}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="noData" ng-if="isArrays(dhtj_list)&&dhtj_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(dhtj_list)"><img src="/assets/images/loading.gif" alt=""></div>
            </div>
            <!-- 微信/WEB统计 -->
            <div class="deck_cont_body" ng-if="tap=='WEB'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(web_list)&&web_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='通过门户网站的web页面建单数 + 通过微信报修建单数。（不包含已撤回的单）' tooltip-placement="top">
                                    <p>微信/WEB报修总数</p>
                                    <span>{{web_req_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='通过门户网站的web页面建单数 + 通过微信报修转换成建单的数量' tooltip-placement="top">
                                        <p>转换数量</p>
                                        <span>{{web_req_trans}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='通过门户网站的web页面建单数 + 通过微信报修转换成不受理的数量' tooltip-placement="top">
                                        <p>不受理数量</p>
                                        <span>{{web_req_reject}}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='直接解决数 + 派单数' tooltip-placement="top">
                                    <p>微信/WEB转换总数</p>
                                    <span>{{web_trans_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='转换后。直接处理工单数' tooltip-placement="top">
                                        <p>直接解决数量</p>
                                        <span>{{web_p_total}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='转换后。派单工单数' tooltip-placement="top">
                                        <p>派单数量</p>
                                        <span>{{web_unp_total}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <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:6%">
                                            序号
                                        </th>
                                        <th style="width:14%" tooltip='未被删除的用户，服务台角色的建单人' tooltip-placement="top">
                                            人员
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('completed')" tooltip='已经处理过的web/微信报修。不受理 + 转换数量（不包含已撤回的单）' tooltip-placement="top">
                                            <strong>
                                                受理报修数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'completedtop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'completedbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('reject')" tooltip='通过门户网站的web页面建单数 + 通过微信报修转换成不受理的数量' tooltip-placement="top">
                                            <strong>
                                                不受理数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'rejecttop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'rejectbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('total')" tooltip='通过门户网站的web页面建单数 + 通过微信报修转换成建单的数量' tooltip-placement="top">
                                            <strong>
                                                转换数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('p_total')" tooltip='转换后。直接处理工单数' tooltip-placement="top">
                                            <strong>
                                                直接解决数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'p_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'p_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('unp_total')" tooltip='转换后。派单工单数' tooltip-placement="top">
                                            <strong>
                                                派单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'unp_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'unp_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </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">
                                        <tr
                                            ng-repeat="rowData in web_list">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:14%">
                                                {{rowData.userName}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.completed}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.reject}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.total}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.p_total}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.unp_total}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="noData" ng-if="isArrays(web_list)&&web_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(web_list)"><img src="/assets/images/loading.gif" alt=""></div>
            </div>
            <!-- 电话留言统计 -->
            <div class="deck_cont_body" ng-if="tap=='DHLYTJ'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(dhlytj_list)&&dhlytj_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='电话留言总数（含未处理，已处理，不受理）' tooltip-placement="top">
                                    <p>电话留言总数</p>
                                    <span>{{dhlytj_req_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='建单的数量' tooltip-placement="top">
                                        <p>建单总数</p>
                                        <span>{{dhlytj_req_trans}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='不受理的数量' tooltip-placement="top">
                                        <p>不受理总数</p>
                                        <span>{{dhlytj_req_reject}}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl" tooltip='直接解决数 + 派单数' tooltip-placement="top">
                                    <p>电话留言转换总数</p>
                                    <span>{{dhlytj_trans_total}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM" tooltip='转换后。直接处理工单数' tooltip-placement="top">
                                        <p>直接解决总数</p>
                                        <span>{{dhlytj_p_total}}</span>
                                    </div>
                                    <div class="TB_ITEM" tooltip='转换后。派单工单数' tooltip-placement="top">
                                        <p>派单总数</p>
                                        <span>{{dhlytj_unp_total}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <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:6%">
                                            序号
                                        </th>
                                        <th style="width:14%" tooltip='未被删除的用户，服务台角色的建单人' tooltip-placement="top">
                                            人员
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('completed')" tooltip='已经处理过的电话留言。不受理 + 建单总数（不包含未处理的单）' tooltip-placement="top">
                                            <strong>
                                                受理总数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'completedtop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'completedbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('reject')" tooltip='不受理的数量' tooltip-placement="top">
                                            <strong>
                                                不受理总数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'rejecttop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'rejectbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('total')" tooltip='建单的数量' tooltip-placement="top">
                                            <strong>
                                                建单总数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('p_total')" tooltip='转换后。直接处理工单数' tooltip-placement="top">
                                            <strong>
                                                直接解决总数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'p_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'p_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:16%" ng-click="tableSort('unp_total')" tooltip='转换后。派单工单数' tooltip-placement="top">
                                            <strong>
                                                派单总数
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'unp_totaltop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'unp_totalbottom'}"></i>
                                                </em>
                                            </strong>
                                        </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">
                                        <tr
                                            ng-repeat="rowData in dhlytj_list">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:14%">
                                                {{rowData.userName}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.completed}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.reject}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.total}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.p_total}}
                                            </td>
                                            <td style="width:16%">
                                                {{rowData.unp_total}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="noData" ng-if="isArrays(dhlytj_list)&&dhlytj_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(dhlytj_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: 25%;
        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 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>