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

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 id="userList"></div>
21<div class="section-title">投诉处理</div>
22<div class="review-card">
23  <div class="rc-head">学生投诉：某商家拒付薪资 <span class="st wait">处理中</span></div>
24  <div class="rc-meta">投诉人：王同学 · 涉事职位：XX 促销（日结）<br/>金额 ¥150 · 已核实打卡记录 8h 完整 · 启动薪资保障垫付</div>
25  <div class="rc-ops"><i class="pass">垫付并追偿</i><i class="view">详情</i></div>
26</div>
27
28
29<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏠</span>工作台</a><a class="" href="jobs.html"><span class="icon">📋</span>职位审核</a><a class="" 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>
30<script src="../data.js"></script>
31<script>
32  var ul = document.getElementById('userList');
33  var h = '';
34  window.DATA.users.forEach(function (u) {
35    var stCls = u.st === '待审' ? 'wait' : (u.st === '通过' ? 'pass' : 'rej');
36    h += '<div class="review-card"><div class="rc-head">' + u.name + ' <span class="st ' + stCls + '">' + u.st + '</span></div>'
37      + '<div class="rc-meta">' + u.type + '<br/>' + u.meta + '</div>'
38      + '<div class="rc-ops">' + (u.st === '待审' ? '<i class="pass">通过认证</i><i class="reject">驳回</i>' : '<i class="view">查看详情</i>') + '</div></div>';
39  });
40  ul.innerHTML = h;
41</script>
42<script src="../app.js"></script>
43</body>
44</html>