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>-->
    <div class="row">
        <form  class="form-horizontal" style="margin:0px;">
            <div class="form-group" style="margin:0px;">
        <div class="div-month">
            <!--<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">
            <select class="form-control" id="first">
            <!--<option value="30">连云港</option>
            <option value="31">盐城</option>
            <option value="32">南通</option>-->
            </select>
        </div>
        <div class="div-station"><select class="form-control" id="second"></select></div>
        <div class="div-button"><button class="btn btn-primary" type="button">查询</button></div></div>
        </div>
        </form>
    </div>
    <div class="line-1"></div>

    <div class="border-line">
    <div class="row-3"><div><span>收费站12个月考核得分总体变化趋势分析</span></div></div>
    <div id="tollStation-year-assess" style="height: 100%;height:400px;"></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 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><span>考核得分排行榜</span></div></div>
    <div id="people-score-rank" style="height: 100%;height:400px;"></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() {

    });
</script>