VisualInspection/VisualInspection/view/statistics/road_manage_statistics.html

<script src="/js/lib/echarts/build/dist/echarts.js"></script>
<script src="/js/statistics/road_manage_statistics.js"></script>
<link rel="stylesheet" type="text/css" href="/css/statistics/road_manage_statistics.css">
<div class="container-right">
    <!--<div class="row-1"><span>道管中心统计</span></div>-->
    <!--<div class="line-1"></div>-->
    <div class="row-2">
        <div>
            <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></div>
        <div class="div-roadManage"><select>
            <option value="30">连云港</option>
            <option value="31">盐城</option>
            <option value="32">南通</option>
            </select></div>
        <div class="div-button"><button>查询</button></div></div>
    </div>
    <div class="line-1"></div>

    <div class="border-line">
    <div class="row-3"><div><span>道管中心12个月考核得分总体变化趋势分析</span></div></div>
    <div id="roadManager-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"><span>收费站得分排名</span></div>
    </div>
    <div class="row-5">
        <div id="roadManager-points-assess" style="width:49%;height:400px;float:left;"></div>
        <div class="line-3"></div>
        <div id="tollStation-score-rank" style="width:49%;height:400px;float:left;"></div>
    </div>
    </div>

  <div class="border-line" style="display:none;">
    <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="people-rank-pre" style="width:49%;height:400px;float:left;"></div>
        <div class="line-3"></div>
        <!--<div id="people-rank-suf" style="width:49%;height:400px;float:left;"></div>-->
    </div>
  </div>

  <div class="border-line">
    <div class="row-3"><div><span>人员考核得分后20名</span></div></div>
    <div id="people-rank-suf" 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>