1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045 |
- <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="deck_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">
- <p>请求总数</p>
- <span>{{zhtj_req_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>电话总数</p>
- <span>{{zhtj_req_phone}}</span>
- </div>
- <div class="TB_ITEM">
- <p>微信/WEB总数</p>
- <span>{{zhtj_req_wxweb}}</span>
- </div>
- <div class="TB_ITEM">
- <p>电话留言总数</p>
- <span>{{zhtj_req_msg}}</span>
- </div>
- <div class="TB_ITEM">
- <p>柜台</p>
- <span>{{zhtj_req_desk}}</span>
- </div>
- </div>
- </div>
- <div class="TB_head_L">
- <div class="TB_LDZH fl">
- <p>工单转换总数</p>
- <span>{{zhtj_trans_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>直接处理数量</p>
- <span>{{zhtj_p_total}}</span>
- </div>
- <div class="TB_ITEM">
- <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%">
- 人员
- </th>
- <th style="width:11%" ng-click="tableSort('total')">
- <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')">
- <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')">
- <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')">
- <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')">
- <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')">
- <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')">
- <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" ng-nicescroll nice-scroll-end="topEndComplete()">
- <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">
- <p>来电总数</p>
- <span>{{dhtj_req_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>接听数量</p>
- <span>{{dhtj_req_answer}}</span>
- </div>
- <div class="TB_ITEM">
- <p>未接数量</p>
- <span>{{dhtj_req_miss}}</span>
- </div>
- </div>
- </div>
- <div class="TB_head_L">
- <div class="TB_LDZH fl">
- <p>电话建单总数</p>
- <span>{{dhtj_p_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>直接解决</p>
- <span>{{dhtj_p_phone}}</span>
- </div>
- <div class="TB_ITEM">
- <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%">
- 人员
- </th>
- <th style="width:20%" ng-click="tableSort('answer')">
- <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')">
- <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')">
- <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')">
- <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">
- <p>微信/WEB报修总数</p>
- <span>{{web_req_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>转换数量</p>
- <span>{{web_req_trans}}</span>
- </div>
- <div class="TB_ITEM">
- <p>不受理数量</p>
- <span>{{web_req_reject}}</span>
- </div>
- </div>
- </div>
- <div class="TB_head_L">
- <div class="TB_LDZH fl">
- <p>微信/WEB转换总数</p>
- <span>{{web_trans_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>直接解决</p>
- <span>{{web_p_total}}</span>
- </div>
- <div class="TB_ITEM">
- <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%">
- 人员
- </th>
- <th style="width:16%" ng-click="tableSort('completed')">
- <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')">
- <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')">
- <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')">
- <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')">
- <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">
- <p>电话留言总数</p>
- <span>{{web_req_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>建单总数</p>
- <span>{{web_req_trans}}</span>
- </div>
- <div class="TB_ITEM">
- <p>不受理总数</p>
- <span>{{web_req_reject}}</span>
- </div>
- </div>
- </div>
- <div class="TB_head_L">
- <div class="TB_LDZH fl">
- <p>电话留言转换总数</p>
- <span>{{web_trans_total}}</span>
- </div>
- <div class="TB_ITEMS fl">
- <div class="TB_ITEM">
- <p>直接解决总数</p>
- <span>{{web_p_total}}</span>
- </div>
- <div class="TB_ITEM">
- <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%">
- 人员
- </th>
- <th style="width:16%" ng-click="tableSort('completed')">
- <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')">
- <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')">
- <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')">
- <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')">
- <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;
- }
- .deck_head {
- height: 50px;
- width: 100%
- }
- .deck_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;
- }
- .deck_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>
|