docs: sync reviewed public manuals

Sync manuals, navigation and screenshots from open-source c8fa783 while preserving public README, LICENSE and history.

docs/manual/mini-program/index.md

@@ -4,7 +4,7 @@ title: 小程序端使用手册
 
 # 小程序端使用手册
 
-本文介绍 iotLCM 平台当前已开放的页面及操作功能，具体可用内容以账号实际权限为准。当前版本以**公开查卡和状态排查**为主，业务办理入口暂未开放。
+当前小程序版本为v1.0.2。无需登录可使用公开查卡和卡片排查；登录后可使用账号获授权的设备、办理和服务功能。
 
 <div class="mini-program-entry">
   <figure class="mini-program-entry__qr">
@@ -20,17 +20,22 @@ title: 小程序端使用手册
 | --- | --- | --- |
 | 首页 | 已开放 | 手动输入、扫码、拍照识别并查询卡片 |
 | 卡片详情 | 已开放 | 公开查询只展示卡号、卡状态、在线状态和已用流量 |
-| 卡片排查 | 已开放 | 输入卡号查看状态摘要；流量趋势仅对管理员账号显示 |
-| 账号密码登录 | 已开放 | 企业、代理商和终端用户使用已有账号登录 |
-| 设备列表 | 登录后使用 | 显示当前账号权限范围内的卡片；未登录不要用此页进行公开查卡 |
-| 办理、订单、工单、预警、开停数据等 | 暂未开放 | 入口或路由会提示“当前版本暂未开放此功能” |
-| 微信登录、注册、绑定卡片、卡片更多操作 | 暂未开放 | 本版本不提供这些入口 |
+| 卡片排查 | 已开放 | 输入卡号查看状态摘要；历史流量趋势仍限顶层管理员 |
+| 登录 | 已开放 | 支持账号密码或手机号短信验证码；多个身份时选择本次账号 |
+| 设备列表 | 登录后使用 | 查看账号权限范围内的卡片，支持搜索、筛选、刷新和详情 |
+| 办理 | 登录后按权限显示 | 卡片排查、卡片划拨、客户管理、工单和批次日志等按身份与权限显示 |
+| 消息与我的 | 登录后使用 | 查看站内消息、个人资料和授权的业务工作台入口 |
+| 续费、变更与加油包 | 暂未开放 | 当前版本暂未开放 |
+| 订单、预警、余额充值 | 暂未开放 | 当前版本暂未开放 |
+| 绑定卡片、停复机等卡片更多操作 | 暂未开放 | 当前版本不提供这些操作；有划拨权限时可使用卡片划拨 |
+
+当前底部导航为“首页、设备、办理、我的”。
 
 ## 推荐流程
 
 1. 打开小程序首页，在“卡片查询”中输入 ICCID、MSISDN、IMSI 或 IMEI。
 
-![小程序首页卡片查询输入框](/images/manual/mini-program/home-card-query.png)
+![小程序首页卡片查询输入框](/images/manual/mini-program/home-card-query-v102.png)
 
 2. 也可以点击“扫码”读取卡片条码，或点击“拍照”识别卡片上的 ICCID。
 
@@ -42,52 +47,62 @@ title: 小程序端使用手册
 
 4. 需要查看公开字段时点击“详情”；需要判断异常原因时点击“卡片排查”。
 
-<div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start;">
+<div class="manual-image-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; align-items: start;">
   <figure style="margin: 0;">
-    <img src="/images/manual/mini-program/query-actions-v2.jpg" alt="首页查询结果中的详情和卡片排查入口" style="display: block; width: 100%; height: auto;">
+    <img src="/images/manual/mini-program/query-actions-v102.png" alt="首页查询结果中的详情和卡片排查入口" style="display: block; width: 100%; height: auto; aspect-ratio: 1 / 2; object-fit: contain; object-position: top;">
     <figcaption style="text-align: center;">首页入口</figcaption>
   </figure>
   <figure style="margin: 0;">
-    <img src="/images/manual/mini-program/card-details-v2.jpg" alt="卡片详情页展示的公开字段" style="display: block; width: 100%; height: auto;">
+    <img src="/images/manual/mini-program/card-details-v102.png" alt="卡片详情页展示的公开字段" style="display: block; width: 100%; height: auto; aspect-ratio: 1 / 2; object-fit: contain; object-position: top;">
     <figcaption style="text-align: center;">卡片详情</figcaption>
   </figure>
   <figure style="margin: 0;">
-    <img src="/images/manual/mini-program/card-diagnosis-v2.jpg" alt="卡片排查页展示的状态摘要" style="display: block; width: 100%; height: auto;">
+    <img src="/images/manual/mini-program/card-diagnosis-v102.png" alt="卡片排查页展示的状态摘要" style="display: block; width: 100%; height: auto; aspect-ratio: 1 / 2; object-fit: contain; object-position: top;">
     <figcaption style="text-align: center;">卡片排查</figcaption>
   </figure>
 </div>
 
-5. 如果需要停复机、开通数据服务、套餐办理、预警或工单，请等待后续版本开放。
+5. 如需工单、客户管理、卡片划拨或批次日志，请登录后在“办理”或“我的”查看获授权的入口；续费、变更与加油包暂未开放。
 
-## 账号密码登录
+<div class="manual-image-grid" style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; width: 100%; max-width: 440px; margin: 24px auto;">
+  <figure style="margin: 0;">
+    <img src="/images/manual/mini-program/user-workbench-v102.png" alt="我的页面中的工单服务、客户管理和批次执行日志入口" style="display: block; width: 100%; height: auto;">
+    <figcaption style="text-align: center;">“我的”业务工作台入口</figcaption>
+  </figure>
+  <figure style="margin: 0;">
+    <img src="/images/manual/mini-program/business-entry-v102.png" alt="办理页面中的卡片划拨、工单服务、客户管理和批次执行日志入口" style="display: block; width: 100%; height: auto;">
+    <figcaption style="text-align: center;">“办理”中的业务入口</figcaption>
+  </figure>
+</div>
+
+## 登录与账号选择
 
 1. 在需要账号数据的页面进入登录页，或在首页点击登录入口。
 
-<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start;">
+<div class="manual-image-grid" style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; width: 100%; max-width: 440px; margin: 24px auto;">
   <figure style="margin: 0;">
-    <img src="/images/manual/mini-program/login-entry-home.jpg" alt="从首页底部的我的入口进入登录" style="display: block; width: 100%; height: auto;">
+    <img src="/images/manual/mini-program/login-entry-home-v102.png" alt="从首页底部的我的入口进入登录" style="display: block; width: 100%; height: auto;">
     <figcaption style="text-align: center;">首页“我的”入口</figcaption>
   </figure>
   <figure style="margin: 0;">
-    <img src="/images/manual/mini-program/login-page-entry.jpg" alt="登录页中的账号密码登录入口" style="display: block; width: 100%; height: auto;">
+    <img src="/images/manual/mini-program/login-page-entry-v102.png" alt="登录页中的账号密码登录入口" style="display: block; width: 100%; height: auto;">
     <figcaption style="text-align: center;">账号密码登录</figcaption>
   </figure>
 </div>
 
-2. 输入已有账号和密码，完成页面要求的安全验证后点击“登录”。
+2. 选择“密码登录”，输入已有手机号或用户名及密码，点击“登录”；或选择“验证码登录”，输入手机号，获取验证码时完成滑块验证，再输入收到的短信验证码登录。
 
-![账号密码登录表单](/images/manual/mini-program/account-password-login.png)
+![密码登录与验证码登录选项](/images/manual/mini-program/account-login-methods-v102.png)
 
 3. 如果同一账号匹配多个登录身份，按页面提示选择本次要进入的账号。
 4. 登录成功后返回原页面；设备页会按账号权限加载卡片数据。
 
-![登录后设备页按账号权限加载卡片数据](/images/manual/mini-program/devices-page.png)
+![登录后首页显示账号权限范围内的我的设备](/images/manual/mini-program/login-success-home-v102.png)
 
-当前版本不开放注册和微信登录。“忘记密码”页面会提示短信服务接入后开放，无法登录时请联系账号管理员或客服。
+当前版本未开放注册、微信登录和找回密码。无法登录时请联系账号管理员或客服。
 
 ## 使用边界
 
-- 公开查询和排查结果仅供辅助判断，最终以运营商和业务系统状态为准。
 - 未登录查询不会展示完整 IMSI、IMEI、APN、IP、套餐内部信息等受限字段。
 - 请勿在查询、排查或反馈内容中提交身份证号、银行卡号等无关敏感信息；密码只应填写在登录表单中。
 
@@ -96,4 +111,8 @@ title: 小程序端使用手册
 - [首页查卡、扫码与拍照](./home)
 - [卡片详情](./devices)
 - [卡片排查](./diagnosis)
-- [常见问题](./faq)
+- [登录后办理概览](./business)
+- [客户管理与卡片划拨](./customers-and-allocation)
+- [工单服务](./work-orders)
+- [批次执行日志](./execution-logs)
+- [消息与个人中心](./messages-and-profile)