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

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="sum-panel">
13  <div class="sp-item"><b>¥18.6万</b><span>本月结算</span></div>
14  <div class="sp-item"><b>¥4,860</b><span>待结算</span></div>
15  <div class="sp-item"><b>28 笔</b><span>待打款</span></div>
16  <div class="sp-item"><b>99.2%</b><span>按时率</span></div>
17</div>
18<div class="filter-tabs">
19  <div class="filter-tab sel">全部</div>
20  <div class="filter-tab">待确认</div>
21  <div class="filter-tab">待打款</div>
22  <div class="filter-tab">已结算</div>
23</div>
24<div class="section-title">结算队列</div>
25<div id="settleList"></div>
26<div class="card" style="text-align:center">
27  <div class="btn btn-primary" style="width:60%;display:inline-block" data-toast="28 笔已批量打款，预计 5 分钟内到账">💳 批量结算打款</div>
28  <div style="font-size:11px;color:#b0896b;margin-top:8px">资金托管至平台账户，完工确认后自动放款 · 打款凭证自动留存</div>
29</div>
30
31
32<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="" href="apps.html"><span class="icon">✅</span>报名考勤</a><a class=" active" href="settle.html"><span class="icon">💰</span>结算</a><a class="" href="stats.html"><span class="icon">📊</span>报表</a></nav>
33<script src="../data.js"></script>
34<script>
35  var sl = document.getElementById('settleList');
36  var h = '';
37  window.DATA.settles.forEach(function (s) {
38    h += '<div class="review-card"><div class="rc-head">' + s.name + ' <span class="st ' + (s.st === '已结算' ? 'pass' : 'wait') + '">' + s.st + '</span></div>'
39      + '<div class="rc-meta">' + s.n + ' 人 · ' + s.time + ' · 打卡台账完整</div>'
40      + '<div class="rc-ops"><i class="view">查看明细</i><i class="pass">' + (s.st === '已结算' ? '查看回款' : '确认并打款') + '</i></div></div>';
41  });
42  sl.innerHTML = h;
43</script>
44<script src="../app.js"></script>
45</body>
46</html>