112 lines
5.0 KiB
HTML
112 lines
5.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>打卡</title>
|
||
|
|
<link rel="stylesheet" href="./normalize.min.css">
|
||
|
|
<link rel="stylesheet" href="./style.css">
|
||
|
|
</head>
|
||
|
|
<body><!--partial:index.partial.html-->
|
||
|
|
<div class="job">
|
||
|
|
<div class="header">
|
||
|
|
<div class="logo">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||
|
|
<path xmlns="http://www.w3.org/2000/svg"
|
||
|
|
d="M512 503.5H381.7a48 48 0 01-45.3-32.1L265 268.1l-9-25.5 2.7-124.6L338.2 8.5l23.5 67.1L512 503.5z"
|
||
|
|
fill="#0473ff" data-original="#28b446"/>
|
||
|
|
<path xmlns="http://www.w3.org/2000/svg" fill="#0473ff" data-original="#219b38"
|
||
|
|
d="M361.7 75.6L265 268.1l-9-25.5 2.7-124.6L338.2 8.5z"/>
|
||
|
|
<path xmlns="http://www.w3.org/2000/svg"
|
||
|
|
d="M338.2 8.5l-82.2 234-80.4 228.9a48 48 0 01-45.3 32.1H0l173.8-495h164.4z" fill="#0473ff"
|
||
|
|
data-original="#518ef8"/>
|
||
|
|
</svg>
|
||
|
|
打卡
|
||
|
|
</div>
|
||
|
|
<div class="user-settings">
|
||
|
|
<div class="dark-light">
|
||
|
|
<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"
|
||
|
|
stroke-linejoin="round">
|
||
|
|
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<img class="user-profile" id="user-head" src="img/tx.png" alt="">
|
||
|
|
<div id="user-div">
|
||
|
|
<div id="username">未登陆</div>
|
||
|
|
<span id="login-span"><div class="alert-inline"><div><input class="login-input" id="employee-number"
|
||
|
|
type="text" placeholder="输入工号"></div><div><button
|
||
|
|
class="random-buttons" id="login">登陆</button></div></div></span>
|
||
|
|
<div id="logout-div" style="display: none">
|
||
|
|
<button class="random-buttons" id="logout">登出</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="dialog" style="display: none">
|
||
|
|
<div class="alert">
|
||
|
|
<div class="job-card-title" id="sign-date"><span style="font-size: 24px"></span></div>
|
||
|
|
<div class="alert-inline">
|
||
|
|
<div><input id="sign-begin-time" type="text" placeholder="输入上班时间"></div>
|
||
|
|
<div>
|
||
|
|
<button class="random-buttons" id="sign-begin-random">随机</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="alert-inline">
|
||
|
|
<div><input id="sign-end-time" type="text" placeholder="输入下班时间"></div>
|
||
|
|
<div>
|
||
|
|
<button class="random-buttons" id="sign-end-random">随机</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button class="search-buttons card-buttons begin-buttons" id="save-sign">保存</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="login_dialog" style="display: none">
|
||
|
|
<div class="alert">
|
||
|
|
<div class="job-card-title" ><span style="font-size: 24px">打卡信息</span></div>
|
||
|
|
<div class="alert-inline">
|
||
|
|
<div>
|
||
|
|
<label for="_user_input">用 户 名 : </label>
|
||
|
|
<input id="_user_input" readonly="readonly" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="alert-inline">
|
||
|
|
<div>
|
||
|
|
<label for="_project_id_input">项 目 I D: </label>
|
||
|
|
<input id="_project_id_input" readonly="readonly" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="alert-inline">
|
||
|
|
<div>
|
||
|
|
<label for="_project_name_input">项目名称: </label>
|
||
|
|
<input id="_project_name_input" readonly="readonly" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="alert-inline">
|
||
|
|
<div>
|
||
|
|
<label for="_area_input">打卡地区: </label>
|
||
|
|
<input id="_area_input" readonly="readonly" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="alert-inline">
|
||
|
|
<div>
|
||
|
|
<label for="_device_input">设备信息: </label>
|
||
|
|
<input id="_device_input" readonly="readonly" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="wrapper">
|
||
|
|
<div class="main-container">
|
||
|
|
<div class="searched-jobs">
|
||
|
|
<div class="searched-bar">
|
||
|
|
<div class="searched-show">打卡记录</div>
|
||
|
|
<!--<button class="search-button">餐补<span class="canbu-span"></span></button>--></div>
|
||
|
|
<div class="job-cards"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="./coco-message.js"></script>
|
||
|
|
<script src="./jquery.min.js"></script>
|
||
|
|
<script src="./script.js"></script>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|