💻 代码预览 · 小草兼职平台

1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>报名与考勤 · 小草兼职</title>
7<link rel="stylesheet" href="../style.css"/>
8</head>
9<body>
10
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>报名与考勤</h1><span class="right"></span></header>
12<div class="filter-tabs">
13  <div class="filter-tab sel">全部</div>
14  <div class="filter-tab">待确认</div>
15  <div class="filter-tab">待录取</div>
16  <div class="filter-tab">打卡台账</div>
17  <div class="filter-tab">完工确认</div>
18</div>
19<div class="section-title">报名审核</div>
20<div class="review-card">
21  <div class="rc-head">商超促销员（日结）· 8 人报名 <span class="st wait">待确认</span></div>
22  <div class="rc-meta">学生：李同学（已认证）· 王同学（已认证）· 张同学（待认证）…<br/>到岗时间：08-15 10:00 · 华润万家雁塔店</div>
23  <div class="rc-ops"><i class="pass">批量录取</i><i class="reject">驳回</i><i class="view">名单</i></div>
24</div>
25<div class="review-card">
26  <div class="rc-head">会展志愿者（2天）· 12 人报名 <span class="st wait">待确认</span></div>
27  <div class="rc-meta">学生：刘同学 · 陈同学 · 赵同学 …（均已实名认证）<br/>到岗时间：08-16 08:30 · 西安国际会展中心</div>
28  <div class="rc-ops"><i class="pass">批量录取</i><i class="reject">驳回</i><i class="view">名单</i></div>
29</div>
30<div class="section-title">今日打卡台账</div>
31<div class="card" style="font-size:12px;color:#5a4632;line-height:2">
32  📍 商超促销员：8 人已全部打卡（08-14 09:58-10:02）<br/>
33  📍 会展志愿者：12 人已到岗 11 人 · 1 人异常（迟到 30 分钟）<br/>
34  ⚠️ 异常处理：缺卡 2 人次 · 迟到 3 人次 · 已自动标记待核实
35</div>
36<div class="section-title">完工与申诉</div>
37<div class="review-card">
38  <div class="rc-head">校园快递分拣（校内）完工确认 <span class="st wait">待确认</span></div>
39  <div class="rc-meta">5 人已完成 · 总工时 60h · 打卡记录完整<br/>学生确认完工 5/5 · 商家确认 0/1</div>
40  <div class="rc-ops"><i class="pass">确认完工</i><i class="view">查看台账</i></div>
41</div>
42
43<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>工作台</a><a class="" href="jobs.html"><span class="icon">📋</span>职位审核</a><a class=" active" href="apps.html"><span class="icon">✅</span>报名考勤</a><a class="" href="settle.html"><span class="icon">💰</span>结算</a><a class="" href="stats.html"><span class="icon">📊</span>报表</a></nav>
44<script src="../data.js"></script>
45
46<script src="../app.js"></script>
47</body>
48</html>