From e6bb5e6dc6dd102adaf4b8a1c42f5f178cc26bc8 Mon Sep 17 00:00:00 2001
From: Codex <codex@local>
Date: Tue, 30 Jun 2026 17:48:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(M08-B):=20=E8=A1=A5=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E7=85=A7=E7=89=87=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                   |  4 +-
 admin/src/components/CleaningTasksPanel.vue | 56 +++++++++++++++++++++
 admin/src/styles.css                        | 29 ++++++++++-
 docs/devlogs/2026-06-25-M08-B-保洁端.md     | 13 ++++-
 docs/feature-status.md                      |  4 +-
 docs/module-status.md                       |  6 +--
 scripts/check-admin-m08-b.mjs               |  4 ++
 7 files changed, 105 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 9a497f6..7669e5d 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@
 ## 目录
 
 - `backend/`：Fastify + TypeScript 后端 API；若实际后端位于仓库根目录，以 `docs/repository-map.md` 为准
-- `admin/`：Vue3 后台管理端，已接入 M08-B 保洁运营工作台、协作者管理、结算详情、统计明细、每日趋势、保洁员资料管理、微信绑定状态、保洁员选择器和任务/结算筛选，必须适配桌面、平板和手机
+- `admin/`：Vue3 后台管理端，已接入 M08-B 保洁运营工作台、协作者管理、任务详情照片预览、结算详情、统计明细、每日趋势、保洁员资料管理、微信绑定状态、保洁员选择器和任务/结算筛选，必须适配桌面、平板和手机
 - `miniapp/`：微信原生小程序
 - `database/`：迁移、种子和兼容 SQL
 - `deploy/`：Nginx、PM2、EMQX 模板与部署版本
@@ -121,7 +121,7 @@ WSL 已验证：EMQX `5.8.9`、MQTTX CLI `1.13.0`、EMQX 服务 `active (running
 项目已开发部分模块。具体完成度不得从 README 猜测，必须以现有代码、测试、数据库迁移、Git 历史以及 `docs/current-baseline.md`、`docs/module-status.md`、`docs/feature-status.md` 为准。
 
 - 当前执行游标：`M08-B`（PARTIAL）
-- 最近工程提交：`M08-B任务结算筛选增量`，本轮补齐任务/结算列表的门店和保洁员筛选。
+- 最近工程提交：`M08-B任务详情照片预览增量`，本轮补齐后台保洁任务详情、时间线和照片预览。
 - 下一工程目标：继续 M08-B，补更完整保洁运营管理界面。
 
 ## 版本递进
diff --git a/admin/src/components/CleaningTasksPanel.vue b/admin/src/components/CleaningTasksPanel.vue
index 386756f..647395c 100644
--- a/admin/src/components/CleaningTasksPanel.vue
+++ b/admin/src/components/CleaningTasksPanel.vue
@@ -90,6 +90,7 @@
       <el-table-column label="操作" width="270" fixed="right">
         <template #default="{ row }">
           <div class="row-actions">
+            <el-button size="small" :icon="ListChecks" @click="openDetail(row)">详情</el-button>
             <el-button size="small" :icon="UserPlus" @click="openAssign(row)">指派</el-button>
             <el-button size="small" :icon="Users" @click="openMembers(row)">成员</el-button>
             <el-button
@@ -250,6 +251,51 @@
       <el-button @click="memberDialog.open = false">关闭</el-button>
     </template>
   </el-dialog>
+
+  <el-dialog v-model="detailDialog.open" title="保洁任务详情" width="760px">
+    <div v-if="detailDialog.task" class="dialog-stack">
+      <div class="detail-grid">
+        <span>任务号<strong>{{ detailDialog.task.taskNo }}</strong></span>
+        <span>状态<strong>{{ detailDialog.task.status }}</strong></span>
+        <span>奖励<strong>{{ money(detailDialog.task.rewardCents) }}</strong></span>
+        <span>保洁员<strong>{{ compactText(detailDialog.task.cleanerUserId) }}</strong></span>
+      </div>
+      <el-descriptions :column="2" size="small" border>
+        <el-descriptions-item label="门店房间">
+          {{ detailDialog.task.storeName }} · {{ detailDialog.task.roomName || detailDialog.task.roomNo }}
+        </el-descriptions-item>
+        <el-descriptions-item label="订单">
+          {{ compactText(detailDialog.task.orderNo) }}
+        </el-descriptions-item>
+        <el-descriptions-item label="要求" :span="2">
+          {{ compactText(detailDialog.task.requirement) }}
+        </el-descriptions-item>
+        <el-descriptions-item label="驳回原因" :span="2">
+          {{ compactText(detailDialog.task.rejectReason) }}
+        </el-descriptions-item>
+      </el-descriptions>
+      <div class="timeline-grid">
+        <span>领取<strong>{{ shortDate(detailDialog.task.claimedAt) }}</strong></span>
+        <span>开始<strong>{{ shortDate(detailDialog.task.startedAt) }}</strong></span>
+        <span>提交<strong>{{ shortDate(detailDialog.task.submittedAt) }}</strong></span>
+        <span>完成<strong>{{ shortDate(detailDialog.task.completedAt) }}</strong></span>
+      </div>
+      <div class="photo-grid" v-if="detailDialog.task.photoUrls.length">
+        <el-image
+          v-for="url in detailDialog.task.photoUrls"
+          :key="url"
+          :src="url"
+          fit="cover"
+          :preview-src-list="detailDialog.task.photoUrls"
+          preview-teleported
+        />
+      </div>
+      <el-empty v-else description="暂无保洁照片" :image-size="80" />
+    </div>
+    <template #footer>
+      <el-button @click="detailDialog.open = false">关闭</el-button>
+    </template>
+  </el-dialog>
 </template>
 
 <script setup lang="ts">
@@ -258,6 +304,7 @@ import {
   BadgeCheck,
   Check,
   Image,
+  ListChecks,
   RefreshCw,
   RotateCcw,
   Search,
@@ -311,6 +358,10 @@ const filterDraft = reactive({ storeId: props.filters.storeId, cleanerUserId: pr
 const reclaimForm = reactive({ olderThanMinutes: 60, limit: 20 });
 const assignDialog = reactive({ open: false, taskId: '', cleanerUserId: '', note: '' });
 const rejectDialog = reactive({ open: false, taskId: '', reason: '' });
+const detailDialog = reactive<{ open: boolean; task: CleaningTask | null }>({
+  open: false,
+  task: null
+});
 const memberDialog = reactive({
   open: false,
   loading: false,
@@ -350,6 +401,11 @@ function submitFilters() {
   });
 }
 
+function openDetail(row: CleaningTask) {
+  detailDialog.open = true;
+  detailDialog.task = row;
+}
+
 function openAssign(row: CleaningTask) {
   assignDialog.open = true;
   assignDialog.taskId = row.id;
diff --git a/admin/src/styles.css b/admin/src/styles.css
index 53aa751..f1297c2 100644
--- a/admin/src/styles.css
+++ b/admin/src/styles.css
@@ -341,7 +341,8 @@ textarea {
   gap: 8px;
 }
 
-.detail-grid span {
+.detail-grid span,
+.timeline-grid span {
   display: grid;
   gap: 4px;
   min-width: 0;
@@ -353,6 +354,27 @@ textarea {
   background: #f5f8fb;
 }
 
+.timeline-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.photo-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.photo-grid .el-image {
+  width: 100%;
+  aspect-ratio: 1;
+  overflow: hidden;
+  border: 1px solid #e1e8f0;
+  border-radius: 8px;
+  background: #f5f8fb;
+}
+
 .trend-list {
   display: grid;
   gap: 10px;
@@ -401,7 +423,8 @@ textarea {
   font-size: 14px;
 }
 
-.detail-grid strong {
+.detail-grid strong,
+.timeline-grid strong {
   overflow: hidden;
   color: #18212f;
   font-size: 14px;
@@ -543,6 +566,8 @@ textarea {
 
   .member-form,
   .detail-grid,
+  .timeline-grid,
+  .photo-grid,
   .trend-row,
   .stats-filter,
   .stats-grid {
diff --git a/docs/devlogs/2026-06-25-M08-B-保洁端.md b/docs/devlogs/2026-06-25-M08-B-保洁端.md
index ed3ad8c..490537f 100644
--- a/docs/devlogs/2026-06-25-M08-B-保洁端.md
+++ b/docs/devlogs/2026-06-25-M08-B-保洁端.md
@@ -129,6 +129,13 @@
 - 后台任务列表和结算列表新增门店 ID 输入、保洁员下拉和筛选按钮，筛选条件会随分页、状态切换和刷新进入真实 admin-api 请求。
 - `backend/tests/cleaning-route.test.mjs` 覆盖任务/结算筛选参数透传；`scripts/check-admin-m08-b.mjs` 扩展检查筛选控件、API 参数和样式。
 
+## 2026-06-30 任务详情照片预览增量
+
+- 后台任务列表新增“详情”入口，管理员可在弹窗中查看任务号、状态、奖励、保洁员、门店房间、订单、保洁要求和驳回原因。
+- 任务详情弹窗新增领取、开始、提交和完成时间线，减少验收/驳回时在列表列之间来回查找。
+- 任务详情弹窗支持保洁照片缩略图与大图预览；无照片时显示空状态，便于待验收任务快速确认现场材料。
+- `scripts/check-admin-m08-b.mjs` 扩展检查任务详情弹窗、照片预览和时间线控件。
+
 ## 验收结果
 
 - `npm run build`（`backend/`）：PASS。
@@ -201,14 +208,16 @@
   - 任务结算筛选增量后 `npm run build`（`admin/`）：PASS。
   - 任务结算筛选增量后 `node tests/cleaning-route.test.mjs`：PASS，覆盖任务/结算筛选参数透传。
   - 任务结算筛选增量后 `node scripts/check-admin-m08-b.mjs`：PASS。
+  - 任务详情照片预览增量后 `npm run build`（`admin/`）：PASS。
+  - 任务详情照片预览增量后 `node scripts/check-admin-m08-b.mjs`：PASS。
 
 ## 状态
 
-M08-B 保持 `PARTIAL`。当前已完成保洁端任务大厅、我的任务、接单、开始、照片上传、提交验收、驳回补做、订单结束自动建任务、统计、管理员任务查询、指派、验收、驳回、超时回收、多人协作分账、待结算候选、正式结算单生成、确认、发放成功标记、发放失败记录、微信商家转账 API 适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、非生产 Mock 门禁、后台任务成员协作管理、结算单详情、统计明细、保洁员资料管理界面、手机号维护、微信绑定状态、每日统计趋势、任务/协作者/结算保洁员选择器以及任务/结算门店和保洁员筛选；真实商户现场联调和更完整的后台/小程序管理界面仍待继续。M08-A 的真机合法域名、真实微信支付和实物开门验证按外部条件阻塞保留，不阻断 M08-B 工程推进。
+M08-B 保持 `PARTIAL`。当前已完成保洁端任务大厅、我的任务、接单、开始、照片上传、提交验收、驳回补做、订单结束自动建任务、统计、管理员任务查询、指派、验收、驳回、超时回收、多人协作分账、待结算候选、正式结算单生成、确认、发放成功标记、发放失败记录、微信商家转账 API 适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、非生产 Mock 门禁、后台任务成员协作管理、任务详情照片预览、结算单详情、统计明细、保洁员资料管理界面、手机号维护、微信绑定状态、每日统计趋势、任务/协作者/结算保洁员选择器以及任务/结算门店和保洁员筛选；真实商户现场联调和更完整的后台/小程序管理界面仍待继续。M08-A 的真机合法域名、真实微信支付和实物开门验证按外部条件阻塞保留，不阻断 M08-B 工程推进。
 
 ## 提交
 
-- 工程提交：`M08-B任务结算筛选增量`
+- 工程提交：`M08-B任务详情照片预览增量`
 - 远端校验：待本轮 push 后执行 `HEAD == origin/main`。
 
 
diff --git a/docs/feature-status.md b/docs/feature-status.md
index a2c0b93..9cd5196 100644
--- a/docs/feature-status.md
+++ b/docs/feature-status.md
@@ -17,13 +17,13 @@
 | OPS-003 | 整仓发布清单 | M00-E/M10 | PARTIAL | `59d92c0` | `deploy-business.sh --dry-run` 可在 Windows/WSL 验证当前 HEAD 的 release manifest 结构；`check-release-manifest.ps1` 已接入 `test-all.ps1`；正式构建待项目生成。 | 后端/后台尚未生成，生产菜单未执行。 | M01/M09 后接入真实构建结果，并在生产菜单 2 生成真实 release manifest。 |
 | OPS-004 | 菜单式更新与环境监测 | M00-E/M10 | PARTIAL | `292ab7f` | `setup.sh` 已接入初始化、更新、MQTT、HTTPS、状态、备份、恢复、回滚和诊断菜单；`--backup-status` 已在 WSL 验证，可检查备份工具、目录和模板。 | 未在生产 Ubuntu 执行；真实备份配置未启用。 | 生产执行后补部署记录、真实备份和恢复演练记录。 |
 | IOT-001 | MQTT Broker 生产部署 | M00/M06 | PARTIAL | `d01f771` | 菜单 3 已支持 Ubuntu 24.04 amd64 原生安装/更新与复检；正式 Topic ACL 已固定；后端实现 MQTT.js 3.1、QoS 1、持久会话、自动重连、订阅恢复、健康检查、消息上限和真实硬件烟测运行器；Windows 全量测试通过，WSL EMQX 5.8.9 服务级检查通过。 | 缺生产 EMQX 安装、正式账号、ACL/端口/备份验收；WSL 本地账号未配置，真实硬件烟测按预期 SKIP。 | 由管理员在生产菜单 3 执行并登记结果；提供生产账号、DeviceID 和实物后执行 `node dist/devices/hardware-smoke-runner.js`。 |
-| SYS-001 | 微信原生小程序 | M00-C/M08 | PARTIAL | `M08-B任务结算筛选增量` | 微信原生模板已接入顾客端登录态、选店跳转、门店详情、房间列表、报价、预占、测试支付、订单生产微信预支付调起、充值微信支付调起、余额支付、优惠券/套餐下单抵扣参数与可视化选择器、受控 Wi-Fi、订单列表、订单详情、状态历史、取消入口、订单权限开门入口、续费、同门店换房、分享口令生成、个人中心余额/权益/账单汇总、充值计划/充值单入口、优惠券/套餐明细，以及保洁端任务大厅、我的任务、接单、开始、照片上传、提交验收、驳回补做入口、统计和管理侧验收/驳回/指派/结算/多人协作/发放 API；后端已接入微信商家转账适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、结算详情、管理统计、员工角色筛选、统计趋势、保洁员微信绑定状态和非生产 Mock 门禁；后台已建立保洁运营工作台，可维护任务协作者、查看结算单详情、统计明细、每日趋势、管理保洁员手机号/资料完整度、通过保洁员选择器完成任务指派/协作者/结算生成人员选择，按门店和保洁员筛选任务/结算列表，并查看微信转账真实商户前置条件；`backend npm run build`、`admin npm run build`、`node tests/cleaning-route.test.mjs` 和 `node scripts/check-admin-m08-b.mjs` 通过。 | M08-A 真机联调缺微信后台/商户/硬件条件；M08-B 真实商户现场联调和更完整管理界面待继续。 | 继续 M08-B，补更完整保洁运营管理界面。 |
+| SYS-001 | 微信原生小程序 | M00-C/M08 | PARTIAL | `M08-B任务详情照片预览增量` | 微信原生模板已接入顾客端登录态、选店跳转、门店详情、房间列表、报价、预占、测试支付、订单生产微信预支付调起、充值微信支付调起、余额支付、优惠券/套餐下单抵扣参数与可视化选择器、受控 Wi-Fi、订单列表、订单详情、状态历史、取消入口、订单权限开门入口、续费、同门店换房、分享口令生成、个人中心余额/权益/账单汇总、充值计划/充值单入口、优惠券/套餐明细，以及保洁端任务大厅、我的任务、接单、开始、照片上传、提交验收、驳回补做入口、统计和管理侧验收/驳回/指派/结算/多人协作/发放 API；后端已接入微信商家转账适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、结算详情、管理统计、员工角色筛选、统计趋势、保洁员微信绑定状态和非生产 Mock 门禁；后台已建立保洁运营工作台，可维护任务协作者、查看任务详情和照片预览、查看结算单详情、统计明细、每日趋势、管理保洁员手机号/资料完整度、通过保洁员选择器完成任务指派/协作者/结算生成人员选择，按门店和保洁员筛选任务/结算列表，并查看微信转账真实商户前置条件；`admin npm run build` 和 `node scripts/check-admin-m08-b.mjs` 通过。 | M08-A 真机联调缺微信后台/商户/硬件条件；M08-B 真实商户现场联调和更完整管理界面待继续。 | 继续 M08-B，补更完整保洁运营管理界面。 |
 | CFG-001 | 小程序品牌自定义 | M02-A/M03/M08 | PARTIAL | `8b8fb28` | 已建立 AppID/tenant 品牌配置表和 `/app-api/bootstrap`；同一 AppID 两租户隔离读取在 MySQL 8.4.9 实测通过。 | Logo/分享图片上传与小程序实际展示属于后续阶段。 | M03/M08 接入配置管理和小程序展示。 |
 | BKG-010 | 后台多小程序管理 | M02-A/M08/M10 | PARTIAL | `8b8fb28` | 已建立逻辑应用、租户绑定和租户配置模型；多租户 AppID 未指定租户会被拒绝。 | 尚无后台管理页面，多 AppID 真机配置未验证。 | M02-B/C 完成身份权限，M08 增加管理页面。 |
 | AUTH-001 | 多端统一小程序身份 | M02-B/M02-C/M08 | PARTIAL | `5a300a8` | 已实现微信 code 交换适配器、租户/AppID 隔离身份、JWT、服务端会话、当前用户和注销；禁用、角色/门店范围变化及管理员重置均使旧会话立即失效。 | 缺真实 AppSecret 真机联调和小程序动态角色界面。 | M08 完成小程序角色界面与真机登录。 |
 | AUTH-002 | 多级权限 | M02-B/M02-C/M08 | PARTIAL | `5a300a8` | 已建立六类角色、权限目录、用户角色和门店范围；后台员工 API 同时执行 capability、租户和门店范围校验，越权分配被拒绝并记录审计。 | 后续业务资源接口和前端按钮/菜单仍需逐模块接入。 | M03 起所有管理接口复用 capability 与数据范围；M08 完成前端菜单按钮控制。 |
 | CLN-001 | 保洁人员管理 | M08-B/M09 | PARTIAL | `M08-B保洁员选择器增量` | `CLEANER` 角色已接入 `cleaning.task.read/write` 和 `cleaning.statistics.read`，保洁接口按登录态、capability 和门店范围裁剪任务大厅；后台已可按 `CLEANER` 角色筛选员工，创建保洁员，编辑姓名/手机号/门店范围/备注，启停账号并重置会话；员工列表返回头像 URL 和微信小程序 openid 绑定状态，后台展示“已绑微信/未绑微信”和资料完整度标签，并复用该列表作为任务指派、协作者管理和生成结算单的可搜索保洁员选择源。 | 真实商户现场联调和更完整管理界面仍待继续。 | 继续 M08-B/M09，补更完整保洁运营管理界面。 |
-| CLN-002 | 保洁任务大厅 | M08-B/M09 | PARTIAL | `M08-B任务结算筛选增量` | 新增 `qipai_cleaning_tasks`、`qipai_cleaning_task_events`、`GET /app-api/cleaning/tasks/hall`、`GET /app-api/cleaning/tasks/mine`、接单、开始、照片上传、提交验收、驳回补做接口；订单 `FINISHED` 时同事务幂等创建 `WAITING` 保洁任务；管理侧已支持任务查询、按状态/门店/负责人或协作者筛选、指派、验收、驳回、超时回收、协作者查看/添加/移除、待结算候选、正式结算单生成/确认、发放成功标记、发放失败记录、微信转账发放、转账预检、主动同步、微信通知回调、结算单详情、管理统计、每日趋势和保洁员资料管理；小程序 `pages/cleaner/tasks` 已调用真实 app-api 并支持相机/相册上传；后台 `admin/` 已提供任务筛选、保洁员选择器指派、验收、驳回、超时回收、任务成员协作管理、结算详情、统计明细、每日趋势、保洁员资料、手机号维护、微信绑定状态和结算微信转账预检界面。 | 真实商户现场联调和更完整管理界面仍待继续。 | 继续 M08-B，补更完整保洁运营管理界面。 |
+| CLN-002 | 保洁任务大厅 | M08-B/M09 | PARTIAL | `M08-B任务详情照片预览增量` | 新增 `qipai_cleaning_tasks`、`qipai_cleaning_task_events`、`GET /app-api/cleaning/tasks/hall`、`GET /app-api/cleaning/tasks/mine`、接单、开始、照片上传、提交验收、驳回补做接口；订单 `FINISHED` 时同事务幂等创建 `WAITING` 保洁任务；管理侧已支持任务查询、按状态/门店/负责人或协作者筛选、任务详情和照片预览、指派、验收、驳回、超时回收、协作者查看/添加/移除、待结算候选、正式结算单生成/确认、发放成功标记、发放失败记录、微信转账发放、转账预检、主动同步、微信通知回调、结算单详情、管理统计、每日趋势和保洁员资料管理；小程序 `pages/cleaner/tasks` 已调用真实 app-api 并支持相机/相册上传；后台 `admin/` 已提供任务筛选、保洁员选择器指派、验收、驳回、超时回收、任务成员协作管理、结算详情、统计明细、每日趋势、保洁员资料、手机号维护、微信绑定状态和结算微信转账预检界面。 | 真实商户现场联调和更完整管理界面仍待继续。 | 继续 M08-B，补更完整保洁运营管理界面。 |
 | CLN-003 | 保洁统计 | M08-B/M09 | PARTIAL | `M08-B任务结算筛选增量` | 新增 `GET /app-api/cleaning/stats`，返回当前保洁员负责人/协作者任务状态计数和按成员分账计算的待结算金额，小程序展示已抢、进行、待验、完成和待结算金额；管理侧新增 `GET /admin-api/cleaning/statistics`，按租户、门店范围、日期和门店筛选返回状态分布、门店明细、结算口径、成员分账排行和每日趋势；后台首屏汇总改为使用管理侧统计接口，统计页支持今日、近7天、本月快捷周期和每日趋势条形展示，任务/结算列表支持门店和保洁员筛选以辅助定位统计异常。 | 真实商户现场联调和更完整管理界面待继续。 | M08-B/M09-C 补更完整管理界面。 |
 | STAFF-001 | 员工账号 | M02-D/M08 | PARTIAL | `5a300a8` | 已实现创建员工、分配角色/门店、禁用、备注、重置会话和审计；WSL MySQL 实测权限变化撤销活动会话。 | 后台与管理员小程序页面尚未实现。 | M08 接入管理界面。 |
 | BKG-002 | 后台用户管理 | M02-D/M08 | PARTIAL | `5a300a8` | 已实现分页筛选 API、注册/登录时间、状态、角色、门店范围以及手机号/IP 脱敏。 | Vue3 后台页面尚未实现。 | M08 实现响应式用户管理页面。 |
diff --git a/docs/module-status.md b/docs/module-status.md
index 54c337e..99d7eca 100644
--- a/docs/module-status.md
+++ b/docs/module-status.md
@@ -7,10 +7,10 @@ execution_cursor:
   stage_status: PARTIAL
   last_completed_stage: M07-D
   next_stage: M08-B
-  last_engineering_commit: `M08-B任务结算筛选增量`
+  last_engineering_commit: `M08-B任务详情照片预览增量`
   last_push_verified: true
   base_branch: main
-  blocked_reason: "M08-A 真机合法域名、真实微信支付和实物开门验证缺微信后台/商户/硬件现场条件；M08-B 已完成照片上传、驳回补做、订单结束自动建保洁任务、管理员查询/指派/验收/驳回、超时回收、待结算候选、正式结算单生成/确认、多保洁员协作分账策略、发放成功标记、发放失败记录、微信商家转账 API 适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、非生产 Mock 门禁、后台任务成员协作管理、结算单详情、统计明细、每日统计趋势、保洁员资料管理界面、手机号维护、微信绑定状态展示、任务/协作者/结算保洁员选择器以及任务/结算门店和保洁员筛选，仍需继续补真实商户现场联调和更完整的管理界面。M06-G 真实硬件联调仍缺生产 MQTT 账号/ACL、DeviceID、控制箱、门锁、插座和现场配线。"
+  blocked_reason: "M08-A 真机合法域名、真实微信支付和实物开门验证缺微信后台/商户/硬件现场条件；M08-B 已完成照片上传、驳回补做、订单结束自动建保洁任务、管理员查询/指派/验收/驳回、超时回收、待结算候选、正式结算单生成/确认、多保洁员协作分账策略、发放成功标记、发放失败记录、微信商家转账 API 适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、非生产 Mock 门禁、后台任务成员协作管理、任务详情照片预览、结算单详情、统计明细、每日统计趋势、保洁员资料管理界面、手机号维护、微信绑定状态展示、任务/协作者/结算保洁员选择器以及任务/结算门店和保洁员筛选，仍需继续补真实商户现场联调和更完整的管理界面。M06-G 真实硬件联调仍缺生产 MQTT 账号/ACL、DeviceID、控制箱、门锁、插座和现场配线。"
   updated_at: 2026-06-30T00:00:00+08:00
 ```
 
@@ -24,6 +24,6 @@ execution_cursor:
 | M05 会员、余额、套餐、优惠券 | PARTIAL | `1680d73` | docs/devlogs/2026-06-22-M05-D-分账与收款配置.md | M05-A/B/C/D 工程闭环已完成：统一支付、微信支付退款、团购直订、门店收款账户、分账接收方、比例策略、授权门禁、幂等分账和对账查询均通过 Windows 与 WSL MySQL 回归；真实微信/团购/分账权限未提供，模块保持 PARTIAL/BLOCKED_EXTERNAL。 |
 | M06 设备、MQTT 与真实硬件联动 | PARTIAL | `d01f771` | docs/devlogs/2026-06-24-M06-G-真实硬件联调.md | M06-A 至 F 已完成 MQTT、拓扑、协议幂等、控制箱、Sub-1G 门锁、智慧插座和订单自动联动任务；M06-G 已补真实硬件烟测运行器，缺生产 MQTT 账号/ACL、DeviceID 和实物配线，保持 BLOCKED_EXTERNAL。 |
 | M07 会员、余额、充值、优惠券和套餐营销 | DONE | `ed0d455` | docs/devlogs/2026-06-24-M07-D-会员管理.md | M07-A 已完成现金/赠送双余额账本；M07-B 已完成充值优惠；M07-C 已完成优惠券/套餐权益底表和冻结、确认、退回的可靠补偿核销服务；M07-D 已完成会员画像、订单、消费、余额、充值、优惠券和套餐聚合查询。 |
-| M08 微信原生小程序完整业务 | PARTIAL | `M08-B任务结算筛选增量` | docs/devlogs/2026-06-25-M08-B-保洁端.md | M08-A 已完成顾客端选店、门店/房间浏览、报价、预占、测试支付、订单生产微信预支付调起、充值微信支付调起与通知入账、受控 Wi-Fi、订单列表、订单详情、状态历史、取消测算、取消订单、订单权限开门、顾客续费、同门店换房、分享口令生成、个人中心余额/权益/账单汇总、充值计划/充值单入口、优惠券/套餐明细、优惠券/套餐/余额下单抵扣工程闭环和权益可视化选择器；真机合法域名、真实微信支付和实物开门验证按 BLOCKED_EXTERNAL 旁路。M08-B 已完成保洁任务底表、权限、任务大厅、我的任务、接单、开始、照片上传、提交验收、驳回补做、订单结束自动建任务、统计、管理员查询、指派、验收、驳回、超时回收、待结算候选、正式结算单生成/确认、多保洁员协作分账策略、发放成功标记、发放失败记录、微信商家转账 API 适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、非生产 Mock 门禁、后台任务成员协作管理、结算单详情、统计明细、保洁员资料管理界面、手机号维护、微信绑定状态、每日统计趋势、任务/协作者/结算保洁员选择器以及任务/结算门店和保洁员筛选；真实商户现场联调和更完整的管理界面待继续。 |
+| M08 微信原生小程序完整业务 | PARTIAL | `M08-B任务详情照片预览增量` | docs/devlogs/2026-06-25-M08-B-保洁端.md | M08-A 已完成顾客端选店、门店/房间浏览、报价、预占、测试支付、订单生产微信预支付调起、充值微信支付调起与通知入账、受控 Wi-Fi、订单列表、订单详情、状态历史、取消测算、取消订单、订单权限开门、顾客续费、同门店换房、分享口令生成、个人中心余额/权益/账单汇总、充值计划/充值单入口、优惠券/套餐明细、优惠券/套餐/余额下单抵扣工程闭环和权益可视化选择器；真机合法域名、真实微信支付和实物开门验证按 BLOCKED_EXTERNAL 旁路。M08-B 已完成保洁任务底表、权限、任务大厅、我的任务、接单、开始、照片上传、提交验收、驳回补做、订单结束自动建任务、统计、管理员查询、指派、验收、驳回、超时回收、待结算候选、正式结算单生成/确认、多保洁员协作分账策略、发放成功标记、发放失败记录、微信商家转账 API 适配、转账中间态落库、主动轮询同步、微信转账通知回调、微信转账预检、非生产 Mock 门禁、后台任务成员协作管理、任务详情照片预览、结算单详情、统计明细、保洁员资料管理界面、手机号维护、微信绑定状态、每日统计趋势、任务/协作者/结算保洁员选择器以及任务/结算门店和保洁员筛选；真实商户现场联调和更完整的管理界面待继续。 |
 | M09 后台管理端完整业务 | TODO | - | - | - |
 | M10 部署、域名、验收和运维闭环 | TODO | - | - | - |
diff --git a/scripts/check-admin-m08-b.mjs b/scripts/check-admin-m08-b.mjs
index e8fa5c3..fa2c56d 100644
--- a/scripts/check-admin-m08-b.mjs
+++ b/scripts/check-admin-m08-b.mjs
@@ -65,6 +65,10 @@ for (const pattern of [
   '驳回',
   '回收',
   '成员',
+  '保洁任务详情',
+  'photo-grid',
+  'timeline-grid',
+  'el-image',
   '协作者管理',
   'photoUrls',
   'el-select',