VisualInspection/VisualInspection/view/statistics/road_manage_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/road_manage_statistics.js"></script>
<link rel="stylesheet" type="text/css" href="/css/statistics/road_manage_statistics.css">
<div class="container-fluid">
    <!--<div class="row-1"><span>道管中心统计</span></div>-->
    <!--<div class="line-1"></div>-->
    <div class="row">
        <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>-->
             <input id="month_date" class="form-control form-date" type="text" placeholder="请选择" style="height:30px;">   
            </div>
        <div class="div-roadManage"><select class="form-control">
            <!--<option value="30">连云港</option>
            <option value="31">盐城</option>
            <option value="32">南通</option>-->
            </select></div>
        <div class="div-button"><button class="btn btn-primary">查询</button></div></div>
    </div>
    <!-- <div class="line-1"></div> -->

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

  <div class="border-line" style="display:none;">
    <div class="row-7">
        <div class="col-1 title-div"><span>人员考核得分前十名</span></div><div class="line-2"></div>
        <div class="col-1 title-div"><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 class="title-div"><span>人员考核得分后20名</span></div></div>
    <div id="people-rank-suf" style="height: 100%;height:400px;padding-right:10px;"></div>
    </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>
</script>