zuel-itsm-3.0.2/assets/views/report/event_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="event_formCtrl">
        <div class="deck_head">
            <div class="deck_head_L" ng-class="{ac:tap=='SJZS'}" ng-click="active('SJZS')">
                <span>事件总数</span>
            </div>
            <div class="deck_head_L" ng-class="{ac:tap=='SJLX'}" ng-click="active('SJLX')">
                <span>事件类型</span>
            </div>
            <div class="deck_head_L" ng-class="{ac:tap=='CLRZ'}" ng-click="active('CLRZ')">
                <span>处理人/组</span>
            </div>
            <div class="deck_head_L" ng-class="{ac:tap=='QYDD'}" ng-click="active('QYDD')">
                <span>区域地点</span>
            </div>
            <div class="deck_head_L" ng-class="{ac:tap=='SJLY'}" ng-click="active('SJLY')">
                <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="count fl" ng-if="tap=='SJZS'">
                        <div class="dateItem dayBy" ng-click="dateItemClick('day')"
                            ng-class="{active:dateItem == 'day'}">按日统计</div>
                        <div class="dateItem monthBy" ng-click="dateItemClick('month')"
                            ng-class="{active:dateItem == 'month'}">按月统计</div>
                        <div class="dateItem yearBy" ng-click="dateItemClick('year')"
                            ng-class="{active:dateItem == 'year'}">按年统计</div>
                    </div>
                    <!-- 选择日期 -->
                    <div class="selectDate P-0 fl">
                        <div class="selectDate-hd clearfix">
                            <p class="fl">选择日期：</p>
                            <div class="lastDate fr">
                                <span ng-class="{active:searchstate=='year3'}" ng-click="chooseDate('year3')"
                                    ng-if="dateItem == 'year'">近三年</span>
                                <strong ng-if="dateItem == 'year'">|</strong>
                                <span ng-class="{active:searchstate=='year5'}" ng-click="chooseDate('year5')"
                                    ng-if="dateItem == 'year'">近五年</span>
                                <span ng-class="{active:searchstate=='month3'}" ng-click="chooseDate('month3')"
                                    ng-if="dateItem == 'month'">近三月</span>
                                <strong ng-if="dateItem == 'month'">|</strong>
                                <span ng-class="{active:searchstate=='month6'}" ng-click="chooseDate('month6')"
                                    ng-if="dateItem == 'month'">近六月</span>
                                <span ng-class="{active:searchstate=='week1'}" ng-click="chooseDate('week1')"
                                    ng-if="dateItem == 'day'">上一周</span>
                                <strong ng-if="dateItem == 'day'">|</strong>
                                <span ng-class="{active:searchstate=='month1'}" ng-click="chooseDate('month1')"
                                    ng-if="dateItem == 'day'">上一月</span>
                                <strong ng-if="tap=='SJLY'">|</strong>
                                <span ng-class="{active:searchstate=='year1'}" ng-click="chooseDate('year1')"
                                    ng-if="tap=='SJLY'">上一年</span>
                            </div>
                        </div>
                        <div class="clearfix">
                            <div class="form-group fl">
                                <input type="text" ng-readonly="true" ng-change="timesChange(datepickerOptionsStart.datepickerMode)" ng-required="true" class="form-control smallline" uib-datepicker-popup="{{datepickerPopuptime}}" ng-model="starttimesModel" is-open="startOpened" ng-init="startOpened = false" ng-click="startOpen($event)" datepicker-options="datepickerOptionsStart" show-button-bar="false" />
                                <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" ng-change="timesChange(datepickerOptionsEnd.datepickerMode)" ng-required="true" class="form-control smallline" uib-datepicker-popup="{{datepickerPopuptime}}" ng-model="endtimesModel" is-open="endOpened" ng-init="endOpened = false" ng-click="endOpen($event)" datepicker-options="datepickerOptionsEnd" show-button-bar="false" />
                                <i class="iconfont icon-yuqixinxiu form-dataIcon"></i>
                            </div>
                        </div>
                    </div>
                    <!-- 事件分类级别 -->
                    <div class="selectSj P-0 fl" ng-if="tap=='SJLX'">
                        <div class="selectSj-hd">
                            <p>事件分类级别：</p>
                        </div>
                        <ui-select class="sj-select" ng-model="sjSelectedOne.value" theme="bootstrap">
                            <ui-select-match placeholder="一级分类">
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in sjSelected">
                                <div ng-bind-html="item.name"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <!-- 选择处理人/组 -->
                    <div class="selectSj P-0 fl" ng-if="tap=='CLRZ'">
                        <div class="selectSj-hd">
                            <p>选择处理人/组：</p>
                        </div>
                        <ui-select class="sj-select" ng-model="groupSelectedOne.value" theme="bootstrap">
                            <ui-select-match placeholder="全部">
                                {{$select.selected.groupName}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in groupSelected">
                                <div ng-bind-html="item.groupName"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <!-- 区域地点 -->
                    <div class="selectSj P-0 fl" ng-if="tap=='QYDD'">
                        <div class="selectSj-hd">
                            <p>区域/地点：</p>
                        </div>
                        <ui-select class="sj-select" ng-model="areaSelectedOne.value" theme="bootstrap">
                            <ui-select-match placeholder="区域">
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in areaSelected">
                                <div ng-bind-html="item.name"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <!-- 搜索重置 -->
                    <div class="col-xs-3 col-sm-3 pull-right P-0 searchBtnBox">
                        <div class="btn btn_search fl" ng-click="mdxquery()">搜索</div>
                        <div class="btn btn_reset fl" ng-click="reload()" 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=='SJZS'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(sjzs_list)&&sjzs_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>事件总数</p>
                                    <span>{{sjzs_num}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>平均响应时间</p>
                                        <span>{{sjzs_responseTime}}</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>平均解决时间</p>
                                        <span>{{sjzs_resolvedTime}}</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>满意度</p>
                                        <span>{{sjzs_satisfactionRatio}}%</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:10%" ng-click="tableSort('accdate')">
                                            <strong>
                                                时间
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'accdatetop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'accdatebottom'}"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%" ng-click="tableSort('sum')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:18%" ng-click="tableSort('responseTime')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:18%" ng-click="tableSort('resolvedTime')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            完全解决
                                        </th>
                                        <th style="width:10%">
                                            部分解决
                                        </th>
                                        <th style="width:6%">
                                            其他
                                        </th>
                                        <th style="width:14%" ng-click="tableSort('satisfactionRatio')">
                                            <strong>
                                                满意度(%)
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang" ng-class="{active:sortActive == 'satisfactionRatiotop'}"></i>
                                                    <i class="sortItem iconfont icon-xiangxia" ng-class="{active:sortActive == 'satisfactionRatiobottom'}"></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 sjzs_list">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:10%">
                                                {{rowData.accdate}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.sum}}
                                            </td>
                                            <td style="width:18%">
                                                {{rowData.responseTime}}
                                            </td>
                                            <td style="width:18%">
                                                {{rowData.resolvedTime}}
                                            </td>
                                            <td style="width:10%">
                                                {{rowData.allresult}}
                                            </td>
                                            <td style="width:10%">
                                                {{rowData.partresult}}
                                            </td>
                                            <td style="width:6%">
                                                {{rowData.otherresult}}
                                            </td>
                                            <td style="width:14%">
                                                {{rowData.satisfactionRatio}}%
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="noData" ng-if="isArrays(sjzs_list)&&sjzs_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(sjzs_list)"><img src="/assets/images/loading.gif" alt=""></div>
            </div>
            <!-- 事件类型 -->
            <div class="deck_cont_body" ng-if="tap=='SJLX'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(sjlx_list)&&sjlx_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>事件总数</p>
                                    <span>{{sjlx_num}}</span>
                                </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:22%">
                                            事件类型
                                        </th>
                                        <th style="width:10%" ng-click="tableSort('sum')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            类型占比
                                        </th>
                                        <th style="width:14%" ng-click="tableSort('responseTime')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:14%" ng-click="tableSort('resolvedTime')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            完全解决
                                        </th>
                                        <th style="width:8%">
                                            部分解决
                                        </th>
                                        <th style="width:8%">
                                            其他
                                        </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 sjlx_list">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:22%">
                                                {{rowData.category}}
                                            </td>
                                            <td style="width:10%">
                                                {{rowData.sum}}
                                            </td>
                                            <td style="width:10%">
                                                {{rowData.proportion}}
                                            </td>
                                            <td style="width:14%">
                                                {{rowData.responseTime}}
                                            </td>
                                            <td style="width:14%">
                                                {{rowData.resolvedTime}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.allresult}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.partresult}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.otherresult}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="noData" ng-if="isArrays(sjlx_list)&&sjlx_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(sjlx_list)"><img src="/assets/images/loading.gif" alt=""></div>
            </div>
            <!-- 处理人/组 -->
            <div class="deck_cont_body" ng-if="tap=='CLRZ'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(clrz_list)&&clrz_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>事件总数</p>
                                    <span>{{clrz_num}}</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>平均响应时间</p>
                                        <span>{{clrz_responseTime}}</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>平均解决时间</p>
                                        <span>{{clrz_resolvedTime}}</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>满意度</p>
                                        <span>{{clrz_satisfactionRatio}}%</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%" rowspan="2">
                                            序号
                                        </th>
                                        <th style="width:7%" rowspan="2">
                                            处理{{tableGroupSelectedOne == 1?'组':'人'}}
                                        </th>
                                        <th style="width:7%" rowspan="2" ng-click="tableSort('sum')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:7%" rowspan="2">
                                            事件占比
                                        </th>
                                        <th style="width:32%" colspan="4">
                                            按时响应
                                        </th>
                                        <th style="width:32%" colspan="4">
                                            按时解决
                                        </th>
                                        <th style="width:7%" rowspan="2">
                                            满意度(%)
                                        </th>
                                    </tr>
                                    <tr>
                                        <th style="width:8%">
                                            按时响应
                                        </th>
                                        <th style="width:8%">
                                            超时响应
                                        </th>
                                        <th style="width:8%">
                                            平均响应时间
                                        </th>
                                        <th style="width:8%">
                                            超时响应占比
                                        </th>
                                        <th style="width:8%">
                                            按时解决
                                        </th>
                                        <th style="width:8%">
                                            超时解决
                                        </th>
                                        <th style="width:8%">
                                            平均解决时间
                                        </th>
                                        <th style="width:8%">
                                            超时解决占比
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                            <div class="jry_table_wrap jry_table_wrap2" 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 clrz_list">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:7%">
                                                {{rowData.name}}
                                            </td>
                                            <td style="width:7%">
                                                {{rowData.sum}}
                                            </td>
                                            <td style="width:7%">
                                                {{rowData.proportion}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.responseOnTime}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.responseOverTime}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.responseTime}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.overTimeProportion}}%
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.resolvedOnTime}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.resolvedOverTime}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.resolvedTime}}
                                            </td>
                                            <td style="width:8%">
                                                {{rowData.resolvedTimeProportion}}%
                                            </td>
                                            <td style="width:7%">
                                                {{rowData.satisfactionRatio}}%
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="noData" ng-if="isArrays(clrz_list)&&clrz_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(clrz_list)"><img src="/assets/images/loading.gif" alt=""></div>
            </div>
            <!-- 区域地点 -->
            <div class="deck_cont_body" ng-if="tap=='QYDD'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(qydd_list)&&qydd_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>事件总数</p>
                                    <span>{{qydd_num}}</span>
                                </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:10%">
                                            序号
                                        </th>
                                        <th style="width:30%">
                                            区域/地点
                                        </th>
                                        <th style="width:30%" ng-click="tableSort('sum')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:30%">
                                            事件占比
                                        </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 qydd_list">
                                            <td style="width:10%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:30%">
                                                {{rowData.name}}
                                            </td>
                                            <td style="width:30%">
                                                {{rowData.sum}}
                                            </td>
                                            <td style="width:30%">
                                                {{rowData.proportion}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="noData" ng-if="isArrays(qydd_list)&&qydd_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(qydd_list)"><img src="/assets/images/loading.gif" alt=""></div>
            </div>
            <!-- 事件来源 -->
            <div class="deck_cont_body" ng-if="tap=='SJLY'">
                <div class="deck_cont_body_TB1" ng-if="isArrays(sjly_list)&&sjly_list.length>0">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>事件总数</p>
                                    <span>{{sjly_num}}</span>
                                </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:10%">
                                            序号
                                        </th>
                                        <th style="width:30%">
                                            事件来源
                                        </th>
                                        <th style="width:30%" ng-click="tableSort('sum')">
                                            <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>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:30%">
                                            事件来源占比
                                        </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 sjly_list">
                                            <td style="width:10%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:30%">
                                                {{rowData.name}}
                                            </td>
                                            <td style="width:30%">
                                                {{rowData.sum}}
                                            </td>
                                            <td style="width:30%">
                                                {{rowData.proportion}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="noData" ng-if="isArrays(sjly_list)&&sjly_list.length==0">查询无记录</div>
                <div class="noData" ng-if="!isArrays(sjly_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;
        font-weight: 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: 20%;
        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;
    }

    .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 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: 311px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .jry_table_wrap2 {
        height: 280px;
    }

    .jry_table {
        border: 1px solid #ddd;
        text-align: center;
        width: 100%;
        position: relative;
        font-size: 13px;
    }

    .jry_table_head {
        margin-top: 16px;
        background-color: #f9f9f9;
    }

    .jry_table_head th {
        cursor: pointer;
    }

    .jry_table_head * {
        font-weight: bold;
    }

    .jry_table_body .tbody-hover {
        width: 100%;
    }

    .jry_table th,
    .jry_table td {
        word-wrap: break-word;
        padding: 6px 2px;
        border: 1px solid #ddd;
    }

    .jry_table th {
        text-align: center;
    }

    .jry_table 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;
    }

    /* 按年月日统计 */
    .count {
        margin-top: 28px;
        margin-right: 16px;
    }

    .count .dateItem {
        width: 80px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        border: 1px solid #ddd;
        float: left;
        cursor: pointer;
    }

    .count .dateItem:hover {
        border-color: #e6eef4;
        background-color: #e6eef4;
    }

    .count .dateItem.active {
        border-color: #005395;
        background-color: #e6eef4;
        color: #005395;
    }

    /* 事件分类级别 */
    .selectSj {
        width: 258px;
        margin-left: 16px;
    }

    .selectSj .selectSj-hd {
        margin-bottom: 8px;
    }

    .selectSj .sj-select {
        width: 100%;
    }

    .selectSj .sj-select .ui-select-match-text {
        color: #999;
    }
    /* 查询无记录 */
    .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>