Fullstack/iboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(V0.2): 任务模块界面调整 —— 首屏/项目管理/底部安全距离
Docker Build and Push / build-image (push) Successful in 4m8s
Details

Browse Source 
按 2026-10-24 评审的 5 条调整实现 (需求 T-VW-08~10 / T-PJ-11/12 / T-UI-11):

首屏 (T-VW-08/09):
- /task 改为「上=最近项目条(3 个+更多入口), 下=当前项目任务管理」
- 完整项目列表迁至 /task/list, 从「更多项目」进入; /task/:pid 保留供深链

最近项目排序 (T-VW-10):
- 卡片长按 300ms 拖动换位, 结果存设备端 prefs.recentOrder
- 顺序 = 手动排序 > 最近访问(recentIds) > 列表序, 归档项目不展示

项目管理 (T-PJ-11/12):
- 新增 ProjectManage: 成员 / 看板列 / 项目信息 三分区统一入口
- 项目信息含 改名 / 归档切换 / 删除(个人项目隐藏) / 退出(仅创建人)
- 项目页头部只留「项目管理 + 新增」, 移除散置的成员/列设置按钮

底部安全距离 (T-UI-11):
- 任务详情 / 人员选择 / 拷贝弹层 padding-bottom = 安全区 + 20px
- 小屏下弹层 maxHeight + 内部滚动, 底部按钮完整可见

已验证: 97 文件语法 0 错误、相对导入 0 缺失
This commit is contained in:
jif2.zhang
2026-10-24 20:32:44 +08:00
parent 6153b9db99
commit 0cdbfb434f
13 changed files with 771 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/V0.2/任务模块/任务模块界面设计.html
+211 -59
View File
@@ -100,6 +100,28 @@
.sdot.pill{width:auto;height:auto;border-radius:999px;font-size:10px;padding:1px 6px;color:#fff;line-height:14px}
.sdot.pill.todo{background:#a8b0ba} .sdot.pill.doing{background:var(--primary)} .sdot.pill.done{background:var(--success)}
/* ---------- 首屏 · 最近项目条 (T-VW-08/10) ---------- */
.rp-bar { display: flex; gap: 8px; padding: 10px 12px 6px; overflow-x: auto; flex-shrink: 0; }
.rp-card {
flex: 0 0 96px; background: #fff; border-radius: 10px; padding: 9px 10px;
box-shadow: 0 1px 2px rgba(0,0,0,.04); cursor: pointer; position: relative;
border: 1.5px solid transparent;
}
.rp-card.on { border-color: var(--primary); background: #f5f9ff; }
.rp-card .rp-ico {
width: 26px; height: 26px; border-radius: 7px; color: #fff; font-size: 11px;
font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.rp-card .rp-name { font-size: 12px; font-weight: 600; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-card .rp-meta { font-size: 9.5px; color: var(--weak); margin-top: 1px; }
.rp-card .rp-grip { position: absolute; top: 5px; right: 6px; color: #d3d8de; font-size: 10px; letter-spacing: -1px; }
.rp-more {
flex: 0 0 auto; align-self: stretch; display: flex; flex-direction: column; align-items: center;
justify-content: center; gap: 3px; color: var(--muted); font-size: 10.5px; cursor: pointer; padding: 0 6px;
}
.rp-more .rp-more-ico { width: 30px; height: 30px; border-radius: 50%; background: #f2f3f5; color: #9aa1aa; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.rp-drag-tip { font-size: 9.5px; color: var(--weak); padding: 0 14px 2px; }
/* ---------- 项目列表 ---------- */
.proj-head{padding:12px 14px 8px;display:flex;align-items:center}
.proj-head b{font-size:18px;font-weight:700}
@@ -186,7 +208,7 @@
.sw-toggle.on{background:var(--primary)}
.sw-toggle.on::after{left:19px}
.mask{position:absolute;inset:28px 0 0 0;background:rgba(0,0,0,.45);z-index:9}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:12px 12px 0 0;padding:16px 16px 14px;z-index:10;max-height:640px;overflow:hidden}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:12px 12px 0 0;padding:16px 16px calc(env(safe-area-inset-bottom, 0px) + 20px);z-index:10;max-height:640px;overflow:hidden}
.sheet-title{font-size:16px;font-weight:700;margin-bottom:4px}
.sheet-sub{font-size:11.5px;color:var(--weak);margin-bottom:14px}
.field{margin-bottom:13px}
@@ -284,23 +306,119 @@
</div>
</div>
<h2>2 项目列表 <span class="sub">入口 · 个人默认项目 · 归档分组</span></h2>
<p class="desc">顶级 Tab「任务」的第一屏。个人默认项目置顶且不可删除、不可加成员（T-PJ-01~04）；普通协作项目可增删成员（T-PJ-05/06）。</p>
<h2>2 任务首屏 <span class="sub">最近项目条（可排序）+ 当前项目任务管理 · 更多进项目列表</span></h2>
<p class="desc">首屏<b>上部</b>为最近使用的 3 个项目卡片 + 「更多项目」入口（T-VW-08），卡片可长按拖动排序（T-VW-10，设备端记忆）；<b>下部</b>直接是当前选中项目的任务管理视图（T-VW-09，默认上次访问的项目），不必先进项目列表。完整项目列表从「更多项目」进入。</p>
<div class="stage">
<div class="shot">
<div class="phone">
<div class="navbar-sm">任务</div>
<div class="body">
<div class="proj-head">
<b>我的项目</b>
<div class="right">
<div class="mini-btn">+ 归档</div>
<div class="mini-btn solid">+ 新建</div>
<div class="body" style="display:flex;flex-direction:column">
<!-- 上: 最近项目条 -->
<div class="rp-bar">
<div class="rp-card">
<div class="rp-ico" style="background:#1677ff">张</div>
<div class="rp-name">张三的任务</div>
<div class="rp-meta">12 个任务</div>
<div class="rp-grip">⠿</div>
</div>
<div class="rp-card on">
<div class="rp-ico" style="background:#00b578">APP</div>
<div class="rp-name">APP 改版</div>
<div class="rp-meta">28 个任务</div>
<div class="rp-grip">⠿</div>
</div>
<div class="rp-card">
<div class="rp-ico" style="background:#ff8f1f">二</div>
<div class="rp-name">APP 二期</div>
<div class="rp-meta">9 个任务</div>
<div class="rp-grip">⠿</div>
</div>
<div class="rp-more">
<div class="rp-more-ico">▤</div>
更多项目
</div>
</div>
<div class="rp-drag-tip">长按卡片可调整顺序（本机记忆）</div>
<div class="proj-item">
<!-- 下: 当前项目的任务管理 -->
<div class="navbar-sub" style="margin-top:4px">
<span class="title">APP 改版</span>
<div class="right">
<div class="mini-btn">项目管理</div>
<div class="mini-btn solid">+ 新增</div>
</div>
</div>
<div class="pv-head">
<div class="seg"><div class="on">列表</div><div>看板</div></div>
<div class="right"><div class="mini-btn grey">过滤</div></div>
</div>
<div style="flex:1;min-height:0;overflow:hidden;padding-bottom:4px">
<div class="task-row" style="margin:0 12px 7px">
<div class="box"><svg viewBox="0 0 14 14" width="11" height="11"><path d="M2.5 7.2l3 3 6-6.4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round"/></svg></div>
<div class="task-main">
<div class="task-title">登录接口返回 500</div>
<div class="task-meta">
<span class="sdot doing"></span><span>执行中</span>
<span class="col">Doing</span>
<span class="assignee">张三</span>
<span class="members">+ 李四、王五</span>
</div>
</div>
<div class="task-right"><span class="more">›</span></div>
</div>
<div class="task-row" style="margin:0 12px 7px">
<div class="box"><svg viewBox="0 0 14 14" width="11" height="11"><path d="M2.5 7.2l3 3 6-6.4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round"/></svg></div>
<div class="task-main">
<div class="task-title">首页改版视觉走查</div>
<div class="task-meta">
<span class="sdot doing"></span><span>执行中</span>
<span class="col">Doing</span>
<span class="assignee">李四</span>
</div>
</div>
<div class="task-right"><span class="more">›</span></div>
</div>
<div class="task-row done" style="margin:0 12px 7px">
<div class="box"><svg viewBox="0 0 14 14" width="11" height="11"><path d="M2.5 7.2l3 3 6-6.4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round"/></svg></div>
<div class="task-main">
<div class="task-title">需求评审</div>
<div class="task-meta">
<span class="sdot done"></span><span>完成</span>
<span class="col">Done</span>
<span class="assignee">王五</span>
</div>
</div>
<div class="task-right"><span class="more">›</span></div>
</div>
</div>
</div>
<div class="tabbar">
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M8 12h8M12 8v8"/></svg>打卡</div>
<div class="tab on"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="4" y="5" width="16" height="15" rx="2"/><path d="M8 10h8M8 14h5"/><path d="M9 5V3M15 5V3"/></svg>任务</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 19V9M10 19V5M16 19v-7M22 19H2"/></svg>宏观</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 13h4l2-5 3 10 2-5h7"/></svg>监控</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="8" r="3.2"/><path d="M5 20c1.2-4 4-6 7-6s5.8 2 7 6"/></svg>我</div>
</div>
</div>
<div class="caption">
<b>任务首屏（T-VW-08/09）</b>
<p>上：最近 3 个项目卡片，当前项目主色描边高亮；长按「⠿」拖动排序（T-VW-10，设备端）。下：当前项目的任务管理，默认上次访问的项目。项目页头部仅保留<b>「项目管理」+「+ 新增」</b>两个入口（T-PJ-11）。</p>
</div>
</div>
<div class="shot">
<div class="phone">
<div class="navbar-sm">任务</div>
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">我的项目</span>
<div class="right">
<div class="mini-btn solid">+ 新建</div>
</div>
</div>
<div class="body scroll">
<div class="proj-item" style="margin-top:8px">
<div class="pico" style="background:#1677ff">张</div>
<div class="pmain">
<div class="ptitle">张三的任务 <span class="badge">个人</span></div>
@@ -354,32 +472,8 @@
</div>
</div>
<div class="caption">
<b>说明</b>
<p>个人默认项目带「个人」徽标，无删除入口；归档项目降透明并单独分组。Tab 共 5 项，<b>任务位于打卡之后</b>（T-PM-06），默认首页仍为打卡。</p>
</div>
</div>
<div class="shot">
<div class="phone">
<div class="navbar-sm">任务</div>
<div class="body">
<div class="empty" style="padding-top:120px">
<div class="ico">▤</div>
<p>还没有协作项目</p>
<div class="mini-btn solid">新建项目</div>
</div>
</div>
<div class="tabbar">
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M8 12h8M12 8v8"/></svg>打卡</div>
<div class="tab on"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="4" y="5" width="16" height="15" rx="2"/><path d="M8 10h8M8 14h5"/><path d="M9 5V3M15 5V3"/></svg>任务</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 19V9M10 19V5M16 19v-7M22 19H2"/></svg>宏观</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 13h4l2-5 3 10 2-5h7"/></svg>监控</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="8" r="3.2"/><path d="M5 20c1.2-4 4-6 7-6s5.8 2 7 6"/></svg>我</div>
</div>
</div>
<div class="caption">
<b>空状态（T-UI-08）</b>
<p>无协作项目时展示空态与 CTA；个人默认项目始终存在，故不会出现完全空白。</p>
<b>我的项目列表（从「更多项目」进入）</b>
<p>完整项目列表：个人默认项目带「个人」徽标、无删除入口；归档项目降透明分组。选择项目后返回首屏并切换当前项目（T-VW-09）。</p>
</div>
</div>
</div>
@@ -395,14 +489,14 @@
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right">
<div class="mini-btn">⋯</div>
<div class="mini-btn">项目管理</div>
<div class="mini-btn solid">+ 新增</div>
</div>
</div>
<div class="body scroll">
<div class="pv-head">
<div class="seg"><div class="on">列表</div><div>看板</div></div>
<div class="right"><div class="mini-btn grey">过滤</div><div class="mini-btn grey">成员</div></div>
<div class="right"><div class="mini-btn grey">过滤</div></div>
</div>
<div class="group-title">Doing <span class="cnt">2</span></div>
@@ -496,12 +590,12 @@
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body scroll">
<div class="pv-head">
<div class="seg"><div class="on">列表</div><div>看板</div></div>
<div class="right"><div class="mini-btn grey">过滤</div><div class="mini-btn grey">成员</div></div>
<div class="right"><div class="mini-btn grey">过滤</div></div>
</div>
<div class="group-title">Done <span class="cnt">3</span></div>
@@ -563,12 +657,12 @@
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body" style="padding-top:8px">
<div class="pv-head" style="padding-bottom:6px">
<div class="seg"><div>列表</div><div class="on">看板</div></div>
<div class="right"><div class="mini-btn grey">列设置</div></div>
<div class="right"><div class="mini-btn grey">过滤</div></div>
</div>
<div class="board-wrap" style="height:calc(100% - 44px)">
@@ -668,12 +762,12 @@
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body" style="padding-top:8px">
<div class="pv-head" style="padding-bottom:6px">
<div class="seg"><div>列表</div><div class="on">看板</div></div>
<div class="right"><div class="mini-btn grey">列设置</div></div>
<div class="right"><div class="mini-btn grey">过滤</div></div>
</div>
<div class="board-wrap" style="height:calc(100% - 44px)">
@@ -838,12 +932,12 @@
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body" style="padding-top:8px">
<div class="pv-head" style="padding-bottom:6px">
<div class="seg"><div>列表</div><div class="on">看板</div></div>
<div class="right"><div class="mini-btn grey">列设置</div></div>
<div class="right"><div class="mini-btn grey">过滤</div></div>
</div>
<div class="board-wrap" style="height:calc(100% - 44px)">
<div class="bcol">
@@ -895,7 +989,7 @@
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body" style="position:relative">
<div class="mask"></div>
@@ -958,7 +1052,7 @@
</div>
<div class="caption">
<b>详情（扩展信息收起）</b>
<p>负责人默认填入创建者本人，可清空为「未指派」（T-TK-09/10）。扩展信息卡片默认收起，右侧标出条目数。</p>
<p>负责人默认填入创建者本人，可清空为「未指派」（T-TK-09/10）。扩展信息卡片默认收起，右侧标出条目数。弹层底部预留 <b>安全区 + 20px</b>（T-UI-11）：删除按钮不被手势条遮挡，小屏下弹层内部滚动、底部按钮始终完整可见。</p>
</div>
</div>
@@ -968,7 +1062,7 @@
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body" style="position:relative">
<div class="mask"></div>
@@ -1043,10 +1137,67 @@
</div>
</div>
<h2>7 成员与跨项目拷贝 <span class="sub">项目成员唯一选人源 · 拷贝非移动</span></h2>
<p class="desc">负责人与任务成员只能从<b>当前项目成员</b>中选择（T-AS-03/04）；跨项目操作是<b>拷贝</b>（T-CP-01），新任务创建人为操作者（T-CP-04）。</p>
<h2>7 项目管理 · 成员与跨项目拷贝 <span class="sub">统一入口：成员 / 列设置 / 项目信息</span></h2>
<p class="desc">项目页头部的「项目管理」进入统一管理页（T-PJ-11），含<b>成员</b>、<b>列设置</b>、<b>项目信息</b>三个分区；负责人与任务成员只能从<b>当前项目成员</b>中选择（T-AS-03/04）；跨项目操作是<b>拷贝</b>（T-CP-01）。</p>
<div class="stage">
<div class="shot">
<div class="phone">
<div class="navbar-sm">任务</div>
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">项目管理 · APP 改版</span>
</div>
<div class="body scroll">
<div class="set-hint" style="padding-top:12px">
项目内所有成员权限均等、全读写（T-PM-02）；以下配置对全体成员即时生效。
</div>
<div class="section-h" style="margin:6px 14px 8px">成员（4）</div>
<div class="set-row" style="padding:12px 14px">
<div class="avatar">张</div>
<span class="pn" style="flex:1;font-size:13.5px">张三 <span class="tag grey" style="margin-left:6px">创建人</span></span>
<span class="link">管理 ›</span>
</div>
<div class="section-h" style="margin:14px 14px 8px">看板列</div>
<div class="set-row" style="padding:12px 14px">
<span class="pn" style="flex:1;font-size:13px;color:var(--muted)">Plan · Doing · Action · Done</span>
<span class="link">列设置 ›</span>
</div>
<div class="section-h" style="margin:14px 14px 8px">项目信息</div>
<div class="set-row" style="padding:12px 14px">
<span class="pn" style="flex:1;font-size:13.5px">项目名称</span>
<span style="font-size:12.5px;color:var(--muted)">APP 改版</span>
</div>
<div class="set-row" style="padding:12px 14px">
<span class="pn" style="flex:1;font-size:13.5px">归档项目</span>
<span class="link">归档</span>
</div>
<div class="set-row" style="padding:12px 14px">
<span class="pn" style="flex:1;font-size:13.5px;color:var(--danger)">删除项目</span>
<span class="link danger">删除</span>
</div>
<div class="set-hint">
个人默认项目不出现「删除项目」；退出项目仅创建人可见（T-PJ-07）。删除与退出均有二次确认。
</div>
</div>
<div class="tabbar">
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M8 12h8M12 8v8"/></svg>打卡</div>
<div class="tab on"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="4" y="5" width="16" height="15" rx="2"/><path d="M8 10h8M8 14h5"/><path d="M9 5V3M15 5V3"/></svg>任务</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 19V9M10 19V5M16 19v-7M22 19H2"/></svg>宏观</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 13h4l2-5 3 10 2-5h7"/></svg>监控</div>
<div class="tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="8" r="3.2"/><path d="M5 20c1.2-4 4-6 7-6s5.8 2 7 6"/></svg>我</div>
</div>
</div>
<div class="caption">
<b>项目管理（T-PJ-11/12）</b>
<p>三分区：成员（增删）、列设置（进入第 5 节的列设置页）、项目信息（改名 / 归档 / 删除 / 退出）。项目页头部不再散置成员与列设置入口。</p>
</div>
</div>
<div class="shot">
<div class="phone">
<div class="navbar-sm">任务</div>
@@ -1105,7 +1256,7 @@
<div class="navbar-sub">
<span class="back">‹</span>
<span class="title">APP 改版</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body" style="position:relative">
<div class="mask"></div>
@@ -1173,7 +1324,7 @@
<div class="navbar-sm">任务</div>
<div class="navbar-sub">
<span class="back">‹</span><span class="title">APP 二期</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body">
<div class="pv-head"><div class="seg"><div class="on">列表</div><div>看板</div></div></div>
@@ -1198,7 +1349,7 @@
<div class="navbar-sm">任务</div>
<div class="navbar-sub">
<span class="back">‹</span><span class="title">APP 二期</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body">
<div class="pv-head"><div class="seg"><div class="on">列表</div><div>看板</div></div></div>
@@ -1224,7 +1375,7 @@
<div class="navbar-sm">任务</div>
<div class="navbar-sub">
<span class="back">‹</span><span class="title">APP 二期</span>
<div class="right"><div class="mini-btn">⋯</div><div class="mini-btn solid">+ 新增</div></div>
<div class="right"><div class="mini-btn">项目管理</div><div class="mini-btn solid">+ 新增</div></div>
</div>
<div class="body">
<div class="pv-head"><div class="seg"><div class="on">列表</div><div>看板</div></div></div>
@@ -1249,14 +1400,15 @@
<h2>9 需求点对照 <span class="sub">界面稿 ↔ 需求编号</span></h2>
<table>
<tr><th style="width:120px">界面</th><th>对应需求点</th></tr>
<tr><td>2 项目列表</td><td><code>T-PJ-01~10</code>、<code>T-PM-06</code>、<code>T-PM-07</code>、<code>T-UI-08</code></td></tr>
<tr><td>3 列表视图</td><td><code>T-VW-01~07</code>、<code>T-ST-04/05/09</code>、<code>T-AS-01/02</code>、<code>T-FL-11</code>、<code>T-TK-12</code></td></tr>
<tr><td>2 任务首屏</td><td><code>T-VW-08/09/10</code>、<code>T-VW-03~07</code>、<code>T-PM-06/07</code>、<code>T-PJ-11</code>（头部入口）</td></tr>
<tr><td>2′ 我的项目列表</td><td><code>T-PJ-01~10</code>、<code>T-UI-08</code></td></tr>
<tr><td>3 列表视图</td><td><code>T-VW-01/02</code>、<code>T-ST-04/05/09</code>、<code>T-AS-01/02</code>、<code>T-FL-11</code>、<code>T-TK-12</code></td></tr>
<tr><td>3′ 保留退场</td><td><code>T-FL-05/09</code>、<code>T-EX-18</code></td></tr>
<tr><td>4 看板视图</td><td><code>T-BD-01~16</code>、<code>T-UI-02/07</code>、<code>T-ST-06/07/09</code>、<code>T-ST-12~15</code></td></tr>
<tr><td>5 列设置</td><td><code>T-COL-01~10</code>、<code>T-BD-02/09/10</code>、<code>T-FL-01~15</code></td></tr>
<tr><td>5′ 自动归位</td><td><code>T-BD-14/16</code>、<code>T-EX-04/05</code></td></tr>
<tr><td>6 任务详情</td><td><code>T-TK-01~13</code>、<code>T-ST-03</code>、<code>T-AS-05</code>、<code>T-EX-07</code></td></tr>
<tr><td>7 成员 / 拷贝</td><td><code>T-AS-03/04/06/07</code>、<code>T-PM-01~05</code>、<code>T-CP-01~09</code>、<code>T-EX-06/08</code></td></tr>
<tr><td>6 任务详情</td><td><code>T-TK-01~13</code>、<code>T-ST-03</code>、<code>T-AS-05</code>、<code>T-EX-07</code>、<code>T-UI-11</code>（底部安全距离）</td></tr>
<tr><td>7 项目管理 / 成员 / 拷贝</td><td><code>T-PJ-11/12</code>、<code>T-AS-03/04/06/07</code>、<code>T-PM-01~05</code>、<code>T-CP-01~09</code>、<code>T-EX-06/08</code></td></tr>
<tr><td>8 三态</td><td><code>T-UI-08/09/10</code>、<code>T-EX-02/10</code></td></tr>
</table>