VisualInspection/VisualInspection/view/statistics/toll_station_statistics.html

<script src="/js/lib/echarts/build/dist/echarts.js"></script>
<script src="/js/statistics/common_statistic.js?__inline"></script>
<script src="/js/statistics/toll_station_statistics.js"></script>
<link rel="stylesheet" type="text/css" href="/css/statistics/toll_station_statistics.css">
<div class="container-fluid">
    <!--<div class="row-1"><span>收费站统计</span></div>
    <div class="line-1"></div>-->
    <form  class="form-horizontal" style="margin:0px;">
        <div class="form-group" style="margin:0px;">
            <div class="row">
                <div class="div-month col-sm-1">
                    <!--<select>-->
                        <!--<option value="1">一月</option>
                        <option value="2">二月</option>
                        <option value="3">三月</option>
                        <option value="4">四月</option>
                        <option value="5">五月</option>
                        <option value="6">六月</option>
                        <option value="7">七月</option>
                        <option value="8">八月</option>
                        <option value="9">九月</option>
                        <option value="10">十月</option>
                        <option value="11">十一月</option>
                        <option value="12">十二月</option>-->
                        <!--</select>-->
                    <input id="month_date" class="form-control form-date" type="text" placeholder="请选择" style="height:30px;">
                </div>
                <!-- <div class="div-roadManage col-sm-2"> -->
                    <!-- <select class="form-control" id="first"> -->
                    <!--<option value="30">连云港</option>
                    <option value="31">盐城</option>
                    <option value="32">南通</option>-->
                    <!-- </select> -->
                <!-- </div> -->
                <div class="div-station col-sm-2"><select class="form-control" id="second"></select></div>
                <div class="div-button col-sm-2"><button class="btn btn-info2 col-sm-6" type="button">查询</button></div>
            </div>
        </div>
    </div>
    </form>
    <!-- <div class="line-1"></div> -->

    <div class="border-line">
    <div class="title-div"><span>收费站12个月考核得分总体变化趋势分析</span></div>
    <div id="tollStation-year-assess" style="height:100%;height:400px;"></div>
    </div>

    <div class="row">
        <div class="col-sm-6">
            <div class="border-no">
                <div class="title-div"><span>收费站考核扣分情况占比</span></div>
                <div id="tollStation-points-assess" style="width:100%;height:400px;float:left;background-color: #fff;"></div>
            </div>
        </div>
            <!-- <div class="line-3"></div> -->
        <div class="col-sm-6">
            <div class="border-no">
                <div class="title-div" id="progress"><span class="title-span">道管中心得分排名</span><div class="btn-change">
                        <div title="切换" class="view_change" title="切换排行榜"></div></div></div>
                <div class="title-div" id="backward" style="display:none;"><span>考核退步Top5排行榜</span></div>
                <!-- <div id="roadManager-score-rank" style="width:100%;height:400px;float:left;background-color: #fff;"></div> -->
                <div id="progress-rank-assess" style="width:100%;height:400px;float:left;"></div>
                <div id="backward-rank-assess" style="display:none;width:100%;height:400px;float:left;"></div>
            </div>
        </div>
    </div>
    <!-- <div class="border-line">
    <div class="row-4">
        <div class="col-1"><span>收费站考核扣分情况占比</span></div><div class="line-2"></div>
        <div class="col-1" id="progress"><span>考核进步Top5排行榜</span><div class="btn-change">
            <div title="切换" class="view_change" title="切换排行榜"></div></div></div>
        <div class="col-1" id="backward" style="display:none;"><span>考核退步Top5排行榜</span></div>
    </div>
    <div class="row-5">
        <div id="tollStation-points-assess" style="width:49%;height:400px;float:left;"></div>
        <div class="line-3"></div>
        <div id="progress-rank-assess" style="width:49%;height:400px;float:left;"></div>
        <div id="backward-rank-assess" style="display:none;width:49%;height:400px;float:left;"></div>
    </div>
    </div> -->

    
    <div class="border-line">
    <div class="row-6"><div class="title-div"><span>考核得分排行榜</span></div></div>
    <div id="people-score-rank" style="width:100%;height:380px;"></div>
    </div>
    <div class="row-6"><div class="title-div"><span>各个问题类别的扣分情况</span></div></div>
    <div id="each-people-points" style="width:100%;height:400px;float:left;"></div>
    <div class="row">
        <div class="col-sm-6">
            <div class="border-no">
                <div class="title-div"><span>温馨服务检查问题类别占比</span></div>
                <div id="server-check-type" style="width:100%;height:400px;float:left;"></div>
            </div>
        </div>
        <!-- <div class="col-sm-6">
            <div class="border-no">
                <div class="title-div"><span>各个问题类别的扣分情况</span></div>
                <div id="each-people-points" style="width:100%;height:400px;float:left;"></div>
            </div>
        </div> -->
    </div>
  <!-- <div class="border-line">
    <div class="row-7">
        <div class="col-1"><span>温馨服务检查问题类别占比</span></div><div class="line-2"></div>
        <div class="col-1"><span>各个问题类别的扣分情况</span></div>
    </div>
    <div class="row-8">
        <div id="server-check-type" style="width:49%;height:400px;float:left;"></div>
        <div class="line-3"></div>
        <div id="each-people-points" style="width:49%;height:400px;float:left;"></div>
    </div>
  </div> -->
  
</div>
<script>
    $(document).ready(function() {
        $(".view_change").click(function(){
            if($(this).hasClass("active")){
                $(this).removeClass("active");
            }else{
                 $(this).addClass("active");
            }
        })
    });
</script>