VisualInspection/VisualInspection/view/statistics/personal_data_statistics.html

<script src="/js/lib/echarts/build/dist/echarts.js"></script>
<script src="/js/statistics/personal_data_statistics.js"></script>
<link rel="stylesheet" type="text/css" href="/css/statistics/personal_data_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="name"><span>刘娟</span></div>
            <div class="div-select div-button"><button>选择人员</button></div>-->
            <div class="name1"><span>请选择收费站：</span></div>
            <div class="div-select"><select id="select-dept"></select></button></div>
            <div class="div-select"><select id="select-personal"></select></button></div>
            <div class="div-start"><input placeholder="请选择考核开始时间"></input></div>
            <div class="div-to"><label>-</label></div>
            <div class="div-end"><input placeholder="请选择考核结束时间"></input></div>
            <div class="query div-button"><button>查询</button></div>
            <div class="export div-button"><button>导出</button></div>
        </div>
    </div> 
    <div class="line-1"></div>
    <!--<div class="row-3">
        <div class="dept">
            <div style="margin-top:14px;">
            <span>部门</span><br/><br/>   
            <a>收费站</a>
            </div>
        </div>
        <div class="line-4"></div>
        <div class="job">
            <div style="margin-top:14px;">
            <span>职务</span><br/><br/>
            <a>收费员</a>
            </div>
        </div>
        <div class="line-5"></div>
        <div class="current-month">
            <span style="margin-left:20px;">本月：</span>
            <span style="margin-left:50px;">部门排名：</span><span>6</span>
            <span style="margin-left:50px;">总排名：</span><span>20</span>
            <span style="margin-left:50px;">总扣分：</span><span>120</span>
            <span style="margin-left:50px;">平均单项扣分：</span><span>11</span>
        </div>
        <div class="line-6"></div>
        <div class="next-month">
            <span style="margin-left:20px;">下月：</span>
            <span style="margin-left:50px;">部门排名：</span><span>6</span>
            <span style="margin-left:50px;">总排名：</span><span>20</span>
            <span style="margin-left:50px;">总扣分：</span><span>120</span>
            <span style="margin-left:50px;">平均单项扣分：</span><span>11</span>
        </div>
    </div>-->

    <div class="row" style="width:100%;margin:0 auto;">
            <!-- 使用一个div来显示数据表格 -->
            <div class="datatable" data-checkable="true" data-sortable="true"></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="personal-score-statistics" style="width:49%;height:400px;float:left;"></div>
        <div class="line-3"></div>
        <div id="personal-check-type" style="width:49%;height:400px;float:left;"></div>
    </div>
  </div>
</div>
<script>
    $(document).ready(function() {
        
        // 仅选择日期
        $(".div-start input").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });
        // 仅选择日期
        $(".div-end input").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });
    });
</script>