162 lines
		
	
	
		
			6.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			162 lines
		
	
	
		
			6.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
<head>
 | 
						|
  <meta charset="UTF-8">
 | 
						|
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 | 
						|
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
						|
  <title>护校考勤</title>
 | 
						|
  <link rel="stylesheet" href="../../../public/layui/css/layui.css">
 | 
						|
  <link rel="stylesheet" href="../../../viewer/css/viewer.min.css">
 | 
						|
  <link rel="stylesheet" href="./css/index.css">
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
    <div id="cityManageContent">
 | 
						|
        <div id="mainTop">
 | 
						|
            <div>
 | 
						|
              <span class="setTitle"></span>
 | 
						|
              <span>-护校考勤</span>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
        <div id="mainContent">
 | 
						|
          <div class="layui-tab">
 | 
						|
            <ul class="layui-tab-title">
 | 
						|
              <li class="layui-this workInclockReport">护校考勤</li>
 | 
						|
              <li class="dailyAttendance">安全检查</li>
 | 
						|
            </ul>
 | 
						|
            <div class="layui-tab-content">
 | 
						|
              <!-- 护校考勤 -->
 | 
						|
              <div class="workInclock layui-tab-item layui-show">
 | 
						|
                <form class="layui-form" action="" id="mainContentC_schoolForm" lay-filter="mainContentC_schoolForm" >
 | 
						|
                          
 | 
						|
                  <div class="layui-inline">
 | 
						|
                      <label class="layui-form-label">派出所:</label>
 | 
						|
                      <div class="layui-input-inline"> 
 | 
						|
                          <select lay-filter="mainContentC_boroughSelect" id="mainContentC_boroughSelect" lay-search></select>
 | 
						|
                      </div>
 | 
						|
                  </div>
 | 
						|
                  <div class="layui-inline">
 | 
						|
                      <label class="layui-form-label">开始时间:</label>
 | 
						|
                      <div class="layui-input-inline"> 
 | 
						|
                        <input type="text" class="layui-input" id="clockHistoryStart" placeholder="请输入开始时间">
 | 
						|
                      </div>
 | 
						|
                  </div>
 | 
						|
                  <div class="layui-inline">
 | 
						|
                      <label class="layui-form-label">结束时间:</label>
 | 
						|
                      <div class="layui-input-inline"> 
 | 
						|
                        <input type="text" class="layui-input" id="clockHistoryEnd" placeholder="请输入开始时间">
 | 
						|
                      </div>
 | 
						|
                  </div>
 | 
						|
                  <div class="layui-inline">
 | 
						|
                      <button type="button" class="layui-btn selectClockHistoryBtn">查询</button>
 | 
						|
                      <button type="button" class="layui-btn exportSchoolHistoryBtn">学校统计</button>
 | 
						|
                      <button type="button" class="layui-btn exportPoliceHistoryBtn">派出所统计</button>
 | 
						|
                      <button type="button" class="layui-btn exportStationClockBtn">学校打卡</button>
 | 
						|
                    </div>
 | 
						|
                </form>
 | 
						|
                <div class="workInclockContent">
 | 
						|
                  <div class="workInclockContent_total">
 | 
						|
 | 
						|
                    <div>
 | 
						|
 | 
						|
                      <div class="signPersonNumber">
 | 
						|
                        <div class="signPersonContent">
 | 
						|
                          <p>保安</p>
 | 
						|
                          <p>
 | 
						|
                            <span class="guardCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
                          <p>民警</p>
 | 
						|
                          <p>
 | 
						|
                            <span  class="policeCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
 | 
						|
                        </div>
 | 
						|
                        <div  class="signPersonContent">
 | 
						|
                          <p>老师</p>
 | 
						|
                          <p>
 | 
						|
                            <span  class="teacherCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
                          <p>志愿者</p>
 | 
						|
                          <p>
 | 
						|
                            <span  class="volunteerCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
                        </div>
 | 
						|
                      </div>
 | 
						|
                      <div class="signPersonEchart"></div>
 | 
						|
                    </div>
 | 
						|
 | 
						|
                    <div class="clockPerson">
 | 
						|
                      <div class="signPersonNumber">
 | 
						|
                        <div class="signPersonContent">
 | 
						|
                          <p>保安</p>
 | 
						|
                          <p>
 | 
						|
                            <span  class="guardSignCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
                          <p>民警</p>
 | 
						|
                          <p>
 | 
						|
                            <span  class="policeSignCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
                        </div>
 | 
						|
                        <div class="signPersonContent">
 | 
						|
                          <p>老师</p>
 | 
						|
                          <p>
 | 
						|
                            <span  class="teacherSignCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
                          <p>志愿者</p>
 | 
						|
                          <p>
 | 
						|
                            <span  class="volunteerSignCount">0</span>
 | 
						|
                            <span>人</span>
 | 
						|
                          </p>
 | 
						|
                        </div>
 | 
						|
                      
 | 
						|
                       
 | 
						|
                      </div>
 | 
						|
                      <div class="clockPersonEchart"></div>
 | 
						|
                    </div>
 | 
						|
 | 
						|
 | 
						|
                    <div class="clockStation">
 | 
						|
                      <div class="signPersonNumber">
 | 
						|
                        <p>打卡学校</p>
 | 
						|
                        <p>
 | 
						|
                          <span class="clockStationCount">0</span>
 | 
						|
                          <span>所</span>
 | 
						|
                        </p>
 | 
						|
                        <p>未打卡学校</p>
 | 
						|
                        <p>
 | 
						|
                          <span  class="noClockStationCount">0</span>
 | 
						|
                          <span>所</span>
 | 
						|
                        </p>
 | 
						|
 | 
						|
                      </div>
 | 
						|
                      <div class="clockStationEchart"></div>
 | 
						|
                    </div>
 | 
						|
 | 
						|
                  </div>
 | 
						|
                  <div class="workInclockContent_table">
 | 
						|
                    <table class="layui-hide" id="workInclockTable" lay-filter="workInclockTable"></table>
 | 
						|
                  </div>
 | 
						|
                </div>
 | 
						|
 | 
						|
              </div>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
    <script src="../../../public/js/echarts501.min.js"></script>
 | 
						|
    <script src="../../../public/layui/layui.all.js"></script>
 | 
						|
    <script src="../../../public/js/jquery-3.4.1.min.js"></script>
 | 
						|
    <script src="../../../public/js/axios.min.js"></script>
 | 
						|
    <script src="../../../public/js/export2Excel.js"></script>
 | 
						|
    <script src="../../../public/js/setTilte.js"></script>
 | 
						|
    <script src="../../../viewer/js/viewer.min.js"></script>
 | 
						|
    <script src="../event.js"></script>
 | 
						|
    <script src="./js/index.js" type="module"></script>
 | 
						|
</body>
 | 
						|
</html> |