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="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>
                            </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="starttimes" max-date="endtimes"
                                    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="endtimes" min-date="starttimes"
                                    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('all')">搜索</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=='ZHTJ'">
                <div class="deck_cont_body_TB1">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>请求总数</p>
                                    <span>600</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>电话</p>
                                        <span>200 &nbsp;33%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>微信/WEB</p>
                                        <span>300 &nbsp;50%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>电话留言</p>
                                        <span>100 &nbsp;17%</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>工单转换总数</p>
                                    <span>300 &nbsp;50%</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>直接处理</p>
                                        <span>200 &nbsp;67%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>派单</p>
                                        <span>100 &nbsp;33%</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:24%">
                                            日期
                                        </th>
                                        <th style="width:8%">
                                            人员
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                建单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                建单占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:14%">
                                            <strong>
                                                直接处理数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:12%">
                                            <strong>
                                                直接处理占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                派单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                派单占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></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 [1,11,111,2,22,222,3,33,333,4,44,444,5,55,555,6,66,666,7,77,777,8,88,888,9,99,999]">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:24%">
                                                2018/08/09~2018/08/10
                                            </td>
                                            <td style="width:8%">
                                                阿明明
                                            </td>
                                            <td style="width:10%">
                                                891
                                            </td>
                                            <td style="width:8%">
                                                28%
                                            </td>
                                            <td style="width:14%">
                                                509
                                            </td>
                                            <td style="width:12%">
                                                25%
                                            </td>
                                            <td style="width:10%">
                                                96
                                            </td>
                                            <td style="width:8%">
                                                56%
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 电话统计 -->
            <div class="deck_cont_body" ng-if="tap=='DHTJ'">
                <div class="deck_cont_body_TB1">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>来电总数</p>
                                    <span>600</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>接听数量</p>
                                        <span>500 &nbsp;83%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>未接数量</p>
                                        <span>100 &nbsp;17%</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>电话建单总数</p>
                                    <span>450 &nbsp;90%</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>直接解决</p>
                                        <span>100 &nbsp;22%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>派单</p>
                                        <span>350 &nbsp;78%</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:24%">
                                            日期
                                        </th>
                                        <th style="width:8%">
                                            人员
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                接听数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                接听占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                未接数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                未接占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                建单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                建单占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                直接解决数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                直接解决占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                派单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                派单占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></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 [1,11,111,2,22,222,3,33,333,4,44,444,5,55,555,6,66,666,7,77,777,8,88,888,9,99,999]">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:24%">
                                                2018/08/09~2018/08/10
                                            </td>
                                            <td style="width:8%">
                                                阿明明
                                            </td>
                                            <td style="width:10%">
                                                891
                                            </td>
                                            <td style="width:10%">
                                                28%
                                            </td>
                                            <td style="width:10%">
                                                509
                                            </td>
                                            <td style="width:10%">
                                                25%
                                            </td>
                                            <td style="width:10%">
                                                96
                                            </td>
                                            <td style="width:10%">
                                                56%
                                            </td>
                                            <td style="width:8%">
                                                96
                                            </td>
                                            <td style="width:8%">
                                                56%
                                            </td>
                                            <td style="width:10%">
                                                96
                                            </td>
                                            <td style="width:10%">
                                                56%
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 微信/WEB统计 -->
            <div class="deck_cont_body" ng-if="tap=='WEB'">
                <div class="deck_cont_body_TB1">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>微信/WEB报修总数</p>
                                    <span>600</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>转换数量</p>
                                        <span>500 &nbsp;83%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>未转换数量</p>
                                        <span>100 &nbsp;17%</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>微信/WEB转换总数</p>
                                    <span>500</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>直接解决</p>
                                        <span>150 &nbsp;30%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>派单</p>
                                        <span>350 &nbsp;70%</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:24%">
                                            日期
                                        </th>
                                        <th style="width:8%">
                                            人员
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                转换数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                转换占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:14%">
                                            <strong>
                                                直接解决数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:12%">
                                            <strong>
                                                直接解决占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                派单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                派单占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></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 [1,11,111,2,22,222,3,33,333,4,44,444,5,55,555,6,66,666,7,77,777,8,88,888,9,99,999]">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:24%">
                                                2018/08/09~2018/08/10
                                            </td>
                                            <td style="width:8%">
                                                阿明明
                                            </td>
                                            <td style="width:10%">
                                                891
                                            </td>
                                            <td style="width:8%">
                                                28%
                                            </td>
                                            <td style="width:14%">
                                                509
                                            </td>
                                            <td style="width:12%">
                                                25%
                                            </td>
                                            <td style="width:10%">
                                                96
                                            </td>
                                            <td style="width:8%">
                                                56%
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 电话留言统计 -->
            <div class="deck_cont_body" ng-if="tap=='DHLYTJ'">
                <div class="deck_cont_body_TB1">
                    <div class="TB">
                        <div class="TB_head">
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>电话留言总数</p>
                                    <span>600</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>转换数量</p>
                                        <span>500 &nbsp;83%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>未转换数量</p>
                                        <span>100 &nbsp;17%</span>
                                    </div>
                                </div>
                            </div>
                            <div class="TB_head_L">
                                <div class="TB_LDZH fl">
                                    <p>电话留言转换总数</p>
                                    <span>500</span>
                                </div>
                                <div class="TB_ITEMS fl">
                                    <div class="TB_ITEM">
                                        <p>直接解决</p>
                                        <span>150 &nbsp;30%</span>
                                    </div>
                                    <div class="TB_ITEM">
                                        <p>派单</p>
                                        <span>350 &nbsp;70%</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:24%">
                                            日期
                                        </th>
                                        <th style="width:8%">
                                            人员
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                转换数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                转换占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:14%">
                                            <strong>
                                                直接解决数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:12%">
                                            <strong>
                                                直接解决占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:10%">
                                            <strong>
                                                派单数量
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></i>
                                                </em>
                                            </strong>
                                        </th>
                                        <th style="width:8%">
                                            <strong>
                                                派单占比
                                                <em class="sort-wrap">
                                                    <i class="sortItem iconfont icon-xiangshang"></i>
                                                    <i class="sortItem iconfont icon-xiangxia"></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 [1,11,111,2,22,222,3,33,333,4,44,444,5,55,555,6,66,666,7,77,777,8,88,888,9,99,999]">
                                            <td style="width:6%">
                                                {{$index+1}}
                                            </td>
                                            <td style="width:24%">
                                                2018/08/09~2018/08/10
                                            </td>
                                            <td style="width:8%">
                                                阿明明
                                            </td>
                                            <td style="width:10%">
                                                891
                                            </td>
                                            <td style="width:8%">
                                                28%
                                            </td>
                                            <td style="width:14%">
                                                509
                                            </td>
                                            <td style="width:12%">
                                                25%
                                            </td>
                                            <td style="width:10%">
                                                96
                                            </td>
                                            <td style="width:8%">
                                                56%
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </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;
    }

    .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: 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_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.icon-xiangshang {
        bottom: -2px;
    }

    .sortItem.icon-xiangxia {
        top: -2px;
    }

    .form-control.smallline {
        background-color: #fff;
    }
</style>