feat(phone): 手持端首页菜单图标更新为 V2 版本

按 documents/5.5寸首页新样式/icons v2 一一替换 drawable-nodpi 下 21 个
img_pda_menu_* 资源（国际 12 含分组箭头、国内 9），资源名不变、代码零改动。
设计稿文件名「出港抵运」对应菜单「出港运抵」(gjc_arrive)。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

.claude/skills/phone-adapt/SKILL.md

@@ -183,14 +183,16 @@ if (DeviceUtil.isPhone()) viewModel.initPhoneExtras()
 手机端首页是 `module_p` 的 `PDAEnterActivity`，「国际」Tab 的菜单在
 `module_p/.../ui/enter/gj/GjViewModel.kt`（国内在 `gn/GnViewModel.kt`）。
 **菜单是手写清单，不是接口下发**；权限串只做过滤（`authList.contains(bean.key)`）。
+2026-10-21 起清单按 `documents/5.5寸首页新样式/` 设计稿分组（`PdaMenuGroup`），新入口加进对应分组。
 
 适配完页面不回来加一行，手机上就**根本没有入口**——出库交接第一版就漏了这步，
 只能靠 adb 直启才能进去。加法：
 
 ```kotlin
+// 加在 GjViewModel.groups 的「国际出港」分组里
 ActionBean(
     "出港移库",
-    R.drawable.gjc_yi_ku_icon,                   // 图标复用 Pad 同款，复制 PNG 到 module_p/res/drawable-xxhdpi/
+    R.drawable.img_pda_menu_gjc_move,            // 设计稿宫格图标（icons/ 源图转 PNG 放 drawable-nodpi，放 xxhdpi 会糊）；没有新图标的沿用旧图标
     Constant.AuthName.GjcYiKuListActivity,       // 权限串与 Pad 端菜单一致
     ARouterConstants.ACTIVITY_URL_INT_EXP_MOVE   // 填了 route 就走通用跳转，无需 when 分支
 ),

.claude/skills/zentao-bug/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: zentao-bug
-description: 读取禅道（njlkairport.chandao.net，开源版 18.8）中的 Bug 单——我的 Bug 列表、单个 Bug 的标题/描述/截图/评论/修改历史/附件——并按 AirLogistics 项目规范定位代码完成修复。禅道 18.8 没有 API 2.0，官方 zentao-cli / MCP 不可用，必须用本 skill 的 zentao.py。当用户提到"禅道"、"bug 单"、"我的 bug"、"修 bug"、"处理 bug"、给出 Bug 编号（如 "#632"、"bug 632"）或禅道链接（bug-view-xxx.html / my-work-bug.html）时使用。
+description: 读取禅道（njlkairport.chandao.net，开源版 18.8）中的 Bug 单——我的 Bug 列表、单个 Bug 的标题/描述/截图/评论/修改历史/附件——并按 AirLogistics 项目规范定位代码完成修复，也可在禅道上解决、指派 Bug（如转给后端并附问题说明）。禅道 18.8 没有 API 2.0，官方 zentao-cli / MCP 不可用，必须用本 skill 的 zentao.py。当用户提到"禅道"、"bug 单"、"我的 bug"、"修 bug"、"处理 bug"、给出 Bug 编号（如 "#632"、"bug 632"）或禅道链接（bug-view-xxx.html / my-work-bug.html）时使用。
 ---
 
 # 禅道 Bug 读取与修复
@@ -30,6 +30,7 @@ python3 $Z view 632                       # Bug 详情（Markdown）
 python3 .claude/skills/zentao-bug/zentao.py login --account <账号>
 ```
 
+必须在**独立的终端窗口**里执行——Claude Code 的 `! <命令>` 没有 TTY，密码提示会直接 EOFError。
 密码交互输入、不回显；默认存入 macOS 钥匙串，此后会话过期会自动重新登录（`--no-keychain` 则不保存）。
 **不要向用户索要密码，也不要替用户在命令行里带密码登录。**
 
@@ -46,12 +47,37 @@ python3 .claude/skills/zentao-bug/zentao.py login --account <账号>
 
 ## 写回禅道
 
-暂未实现（写操作会改动线上 Bug 状态，需用户确认后再加）。修复完成后由用户在禅道手动"解决"，
+```bash
-可附上提交号与改动摘要供用户粘贴。
+python3 $Z resolve 621 622 --comment 已解决 --dry-run   # 先预览
+python3 $Z resolve 621 622 --comment 已解决             # 提交
+```
+
+等同网页「解决」表单，默认：解决方案 `fixed`（已解决）、解决版本 `trunk`（主干）；**解决日期与指派给取网页表单渲染出的默认值**
+（服务器当前时间 / 创建人，可用 `--date` / `--assign-to` 覆盖），其余字段不动；备注默认留空，团队习惯只写「已解决」，不写业务细节。
+只处理激活状态的单子，提交后回读校验状态。
+
+- **写操作会改动线上状态，只在用户明确要求时执行**；只解决确实修好、且没有待确认疑问的单子。
+  无缺陷 / 需后端修复 / 有疑问的保持激活，并向用户列出原因（无缺陷应选「设计如此」等其他方案，不要标「已解决」）
+- 接口提交**不会**自动补表单默认值，所以先 GET 解决表单 HTML 读出 `resolvedDate` 与 `assignedTo` 的选中项再原样提交；
+  解决日期不能用本机时间：本机可能在美西时区，禅道服务器是北京时间（#621 曾因此写成本机时间）
+
+### 指派（转给后端等）
+
+```bash
+python3 $Z assign 627 --to 陶雨佳 --comment-file /path/c627.txt --dry-run   # 先预览
+python3 $Z assign 627 --to 陶雨佳 --comment-file /path/c627.txt             # 提交
+```
+
+等同网页「指派」表单：`--to` 接受账号（如 `TYJ`）或姓名，状态保持激活，提交后回读校验指派人。
+需后端修复的单子转给后端时，备注照搬 `documents/后端接口对接问题清单.xlsx` 对应行
+（接口地址 / 问题类型 / 问题描述 / 期望调整 / 前端现状），并注明清单序号；多行备注用 `--comment-file`，换行会转成 `<br />`。
 
 ## 实现说明
 
 - 认证：`POST /api.php/v1/tokens` 换 Token；数据走页面 JSON 模式（`.html` → `.json`），Cookie `zentaosid=<Token>`。
-- 接口：`/my-work-bug-<type>-0-id_desc-0-<perPage>-<page>.json`、`/bug-view-<id>.json`、`/file-read-<fileID>.<ext>`。
+- 接口：`/my-work-bug-<type>-0-id_desc-0-<perPage>-<page>.json`、`/bug-view-<id>.json`、`/file-read-<fileID>.<ext>`；
+  解决：GET `/bug-resolve-<id>.json` 取版本/用户选项，POST `/bug-resolve-<id>.html?onlybody=yes` 表单
+  （resolution/resolvedBuild/resolvedDate/assignedTo/status=resolved/comment）；
+  指派：GET `/bug-assignTo-<id>.json` 取用户，POST `/bug-assignTo-<id>.html?onlybody=yes` 表单（assignedTo/status/mailto[]/comment）。
 - REST v1 的 `/products/<id>/bugs` 只返回激活中的 Bug，不能替代"我的 Bug"页面。
 - 凭据：Token 在 `~/.config/zentao-lite/config.json`（0600），密码只在钥匙串（服务名 `zentao-lite`）。`logout` 一并清除。

.claude/skills/zentao-bug/zentao.py

@@ -173,6 +173,27 @@ class Client:
                 self._relogin()
         raise AuthError("无法获取数据")
 
+    def post_form(self, path, fields):
+        """提交页面表单（与网页点击「保存」相同）；返回响应 HTML（禅道用 <script>alert/parent 跳转回执）。"""
+        body = urllib.parse.urlencode(fields).encode()
+        for _ in range(2):
+            req = urllib.request.Request(self.url + path, data=body, headers={
+                "Cookie": f"zentaosid={self.cfg['token']}", "Token": self.cfg["token"],
+                "Content-Type": "application/x-www-form-urlencoded",
+                "Referer": self.url + path,
+            })
+            try:
+                with urllib.request.urlopen(req, timeout=60) as resp:
+                    text = resp.read().decode("utf-8", "replace")
+            except urllib.error.HTTPError as e:
+                if e.code != 401:
+                    raise
+                text = "user-login"
+            if "user-login" not in text:
+                return text
+            self._relogin()
+        raise AuthError("无法提交表单")
+
     def download(self, path, dest):
         for _ in range(2):
             try:
@@ -490,6 +511,117 @@ def cmd_view(args):
         print(f"（已保存到 {out_dir / 'bug.md'}，图片 {len(fetcher.files)} 张）")
 
 
+def form_defaults(client, bug_id):
+    """读取网页「解决」表单渲染出的默认值：解决日期（服务器时间，北京时间）与指派给（禅道默认选中创建人）。
+    接口提交不会自动补默认值，必须先取表单再原样带上；不能用本机时间，本机可能在其他时区。"""
+    with client._open(f"/bug-resolve-{bug_id}.html?onlybody=yes") as resp:
+        page = resp.read().decode("utf-8", "replace")
+    date = re.search(r"name='resolvedDate'[^>]*value='([^']+)'", page)
+    select = re.search(r"<select name='assignedTo'.*?</select>", page, re.S)
+    assigned = select and re.search(r"<option value='([^']*)' selected", select.group(0))
+    if not date or not assigned or not assigned.group(1):
+        die(f"#{bug_id} 未能从解决表单读取默认的解决日期 / 指派给，可用 --date / --assign-to 指定")
+    return date.group(1), assigned.group(1)
+
+
+def cmd_resolve(args):
+    """解决 Bug：等同网页「解决」表单。默认解决方案=已解决、解决版本=主干(trunk)、
+    解决日期与指派给取网页表单默认值（服务器时间 / 创建人）；只处理激活状态的单子，提交后回读校验。"""
+    client = Client(load_config())
+    failed = 0
+    for bug_id in args.ids:
+        form = client.page(f"/bug-resolve-{bug_id}.json")
+        bug = (form or {}).get("bug")
+        if not bug:
+            print(f"#{bug_id} 跳过：不存在或无权查看")
+            failed += 1
+            continue
+        title = html.unescape(bug["title"])
+        if bug["status"] != "active":
+            print(f"#{bug_id} 跳过：当前状态为「{STATUS.get(bug['status'], bug['status'])}」，只解决激活的 Bug（{title}）")
+            continue
+        builds = form.get("builds") or {}
+        if args.build not in builds:
+            die(f"解决版本 {args.build} 不在可选列表中：{', '.join(k for k in builds if k)}")
+        default_date, default_assigned = form_defaults(client, bug_id)
+        assigned = args.assign_to or default_assigned
+        fields = {
+            "resolution": args.resolution, "duplicateBug": "", "buildExecution": "",
+            "resolvedBuild": args.build, "buildName": "",
+            "resolvedDate": args.date or default_date,
+            "assignedTo": assigned, "status": "resolved", "comment": args.comment or "",
+        }
+        desc = (f"#{bug_id} {title} → {RESOLUTIONS.get(args.resolution, args.resolution)}，"
+                f"版本 {builds[args.build]}，指派给 {(form.get('users') or {}).get(assigned, assigned)}")
+        if args.dry_run:
+            print(f"[dry-run] {desc}")
+            continue
+        resp = client.post_form(f"/bug-resolve-{bug_id}.html?onlybody=yes", fields)
+        after = client.page(f"/bug-view-{bug_id}.json").get("bug") or {}
+        if after.get("status") == "resolved":
+            print(f"已解决 {desc}")
+        else:
+            alerts = re.findall(r"alert\((['\"])(.*?)\1\)", resp)
+            print(f"#{bug_id} 失败：提交后状态仍为 {after.get('status')}"
+                  + (f"，禅道提示：{'; '.join(html.unescape(a[1]) for a in alerts)}" if alerts else ""))
+            failed += 1
+    if failed:
+        sys.exit(1)
+
+
+def resolve_user(users, who):
+    """按账号或姓名定位用户：先精确匹配账号，再按「姓名」匹配（禅道显示名形如 T:陶雨佳）。"""
+    if who in users:
+        return who
+    hits = [k for k, v in users.items() if k and v.split(":", 1)[-1] == who]
+    if len(hits) == 1:
+        return hits[0]
+    die(f"找不到唯一的用户「{who}」" + (f"，候选：{', '.join(hits)}" if hits else ""))
+
+
+def comment_html(text):
+    """备注是富文本，纯文本换行在网页上会被合并，逐行转义后用 <br /> 连接。"""
+    return "<br />".join(html.escape(line) for line in text.splitlines())
+
+
+def cmd_assign(args):
+    """指派 Bug：等同网页「指派」表单（指派给 + 备注），状态保持激活；提交后回读校验指派人。"""
+    client = Client(load_config())
+    comment = args.comment
+    if args.comment_file:
+        comment = Path(args.comment_file).read_text(encoding="utf-8").strip()
+    failed = 0
+    for bug_id in args.ids:
+        form = client.page(f"/bug-assignTo-{bug_id}.json")
+        bug = (form or {}).get("bug")
+        if not bug:
+            print(f"#{bug_id} 跳过：不存在或无权查看")
+            failed += 1
+            continue
+        users = form.get("users") or {}
+        account = resolve_user(users, args.to)
+        title = html.unescape(bug["title"])
+        desc = f"#{bug_id} {title} → 指派给 {users.get(account, account)}"
+        if args.dry_run:
+            print(f"[dry-run] {desc}")
+            if comment:
+                print("  备注：\n  " + comment.replace("\n", "\n  "))
+            continue
+        fields = {"assignedTo": account, "status": bug["status"], "mailto[]": "",
+                  "comment": comment_html(comment) if comment else ""}
+        resp = client.post_form(f"/bug-assignTo-{bug_id}.html?onlybody=yes", fields)
+        after = client.page(f"/bug-view-{bug_id}.json").get("bug") or {}
+        if after.get("assignedTo") == account:
+            print(f"已指派 {desc}")
+        else:
+            alerts = re.findall(r"alert\((['\"])(.*?)\1\)", resp)
+            print(f"#{bug_id} 失败：提交后指派人仍为 {after.get('assignedTo')}"
+                  + (f"，禅道提示：{'; '.join(html.unescape(a[1]) for a in alerts)}" if alerts else ""))
+            failed += 1
+    if failed:
+        sys.exit(1)
+
+
 def main():
     ap = argparse.ArgumentParser(description="禅道 18.x Bug 读取工具")
     sub = ap.add_subparsers(dest="cmd", required=True)
@@ -515,6 +647,24 @@ def main():
     p.add_argument("--json", action="store_true")
     p.set_defaults(func=cmd_view)
 
+    p = sub.add_parser("resolve", help="解决 Bug（写操作，会改动禅道线上状态）")
+    p.add_argument("ids", type=int, nargs="+")
+    p.add_argument("--resolution", choices=tuple(RESOLUTIONS), default="fixed", help="默认 fixed（已解决）")
+    p.add_argument("--build", default="trunk", help="解决版本，默认 trunk（主干）")
+    p.add_argument("--assign-to", help="指派给（账号），默认取表单默认值（即创建人）")
+    p.add_argument("--date", help="解决日期 YYYY-MM-DD HH:MM:SS，默认取服务器当前时间")
+    p.add_argument("--comment", default="", help="备注，默认留空")
+    p.add_argument("--dry-run", action="store_true", help="只打印将要做的修改，不提交")
+    p.set_defaults(func=cmd_resolve)
+
+    p = sub.add_parser("assign", help="指派 Bug 并附备注（写操作，会改动禅道线上状态）")
+    p.add_argument("ids", type=int, nargs="+")
+    p.add_argument("--to", required=True, help="指派给：账号（如 TYJ）或姓名（如 陶雨佳）")
+    p.add_argument("--comment", default="", help="备注，多行用换行分隔")
+    p.add_argument("--comment-file", help="从文件读取备注（多行内容推荐用这个）")
+    p.add_argument("--dry-run", action="store_true", help="只打印将要做的修改，不提交")
+    p.set_defaults(func=cmd_assign)
+
     args = ap.parse_args()
     try:
         args.func(args)

CHANGELOG.md

@@ -8,6 +8,18 @@
 ## [Unreleased]
 
 ### 变更 (Changed)
+- 【5.5 寸首页改版 · 2026-10-21】手持端首页 `PDAEnterActivity` 四个 Tab 按 `documents/5.5寸首页新样式/` 设计稿
+  1:1 还原（仅 module_p，平板不经过该页，零影响）：
+  ① 国内/国际 Tab 改为「分组标题栏 + 三列宫格」（新增 `PdaMenuGroup` / `PdaMenuRenderer`），分组与顺序按设计稿，
+  20 个入口换设计稿新图标（源 GIF/PNG 统一转 PNG 放 drawable-nodpi——放 xxhdpi 实测解码后再放大发糊），
+  设计稿未画的入口追加到组尾沿用旧图标；
+  权限过滤 `authList.contains(key)` 与改版前逐字一致——ADMIN 账号改版前后入口集合 diff 为空（国内 9、国际 12），
+  21 个入口逐个点击跳转目标与原映射一致。
+  ② 首页航班动态改为卡片 + 国内/国际、进港/出港分段 + 日期卡片（‹ › 前后翻日）+ 浅色表格 + 右下设置悬浮钮；
+  默认方向按设计稿改为「进港」；日期改为补零格式（原选择器会写出 `2026-10-5`），选择器从当前选中日期打开。
+  ③ 底部 Tab 栏、消息铃铛与角标、状态栏（#3B71E8）按设计稿重做（Tab 图标 16dp 并与文字水平居中，
+  不照搬设计稿偏左上的 16px 图形），「我的」顶栏同步新导航栏样式；分段控件 padding 计入 1dp 描边以上下居中；消息铃铛四个 Tab 统一按国内/国际设计稿位置（首页设计稿略有偏差），切 Tab 不再移动；
+  首页 AutoSize 基准由 400 改为设计稿画布 390。删除 module_p 中不再引用的旧菜单/Tab 图标副本 19 个。
 - 【手机适配分支合入主干 · 2026-10-11】`feature/phone-ui-adaptation` 合并入 `main`，此后平板与 5.5 寸手机只在
   `main` 上同时开发。合并以平板业务为准：
   ① 主干 58 个平板提交（运抵海关放行/运抵状态筛选/海关回执、出库交接装机状态/允许装机、出港移库详情与侧滑编辑、

CLAUDE.md

@@ -1012,9 +1012,11 @@ Manifest 写死 `userLandscape` 时，即使 `BaseActivity` 在 `super.onCreate`
 | 国内 | `GnViewModel` | `module_p/.../ui/enter/gn/` |
 | 国际 | `GjViewModel` | `module_p/.../ui/enter/gj/` |
 
-**菜单项是手写清单，不是接口下发**。权限机制只做过滤：登录返回的权限串存在
+**菜单项是手写清单，不是接口下发**。登录接口只下发「分组 → 权限码」（`auths`，形如
-`SharedPreferenceUtil.getString(Constant.Share.authList)`（一个逗号分隔的长字符串），
+`{"IntExp":["AppIntExpCheckWeighing",…],"Supervision":[…]}`，存在
-菜单项按 `authList.contains(bean.key)` 决定显不显示。
+`SharedPreferenceUtil.getString(Constant.Share.authList)`），菜单名称/图标/跳转在平板和手机上都是前端写死的映射。
+手机端菜单项按 `authList.contains(bean.key)` 决定显不显示（`PdaMenuGroup.kt` 的 `filterByAuth()`，
+**2026-10-21 首页改版时刻意保持与改版前逐字一致**，保证同一账号的入口集合不变）。
 
 所以「适配完页面但手机首页看不到入口」的原因通常**不是没权限，而是清单里没加**。
 排查顺序：先确认权限串里有对应 key，再去看清单。
@@ -1025,25 +1027,43 @@ adb -s <serial> shell "run-as com.lukouguoji.aerologic \
   cat /data/data/com.lukouguoji.aerologic/shared_prefs/data.xml" | tr ',' '\n' | grep -oE "App[A-Za-z]+" | sort -u
 ```
 
-加一项就是加一行 —— `ActionBean` 的第 4 个参数填 ARouter 路由即可，无需写 when 分支
+**2026-10-21 起首页按 `documents/5.5寸首页新样式/` 设计稿改版**：清单按设计稿分组
+（`PdaMenuGroup(标题, 入口列表)`，如国际 Tab =「国际出港 / 国际进港 / 综合管理」），
+由 `PdaMenuRenderer` 渲染成「分组标题栏 + 三列宫格」，过滤后为空的分组整组隐藏。
+**分组口径以设计稿为准，不是接口的 auths 分组**（例如单证交接/转运记录在接口里属 Supervision，
+设计稿放在「国内出港」）。
+
+加一项就是在对应分组里加一行 —— `ActionBean` 的第 4 个参数填 ARouter 路由即可，无需写 when 分支
 （`module_p` 只依赖 `module_base`，看不到 `module_gjc` 等业务模块，跨模块只能走路由）：
 
 ```kotlin
-ActionBean(
+PdaMenuGroup(
-    "出港移库",
+    "国际出港", listOf(
-    R.drawable.gjc_yi_ku_icon,                        // 图标复用 Pad 端同款
+        ActionBean(
-    Constant.AuthName.GjcYiKuListActivity,            // 权限串，与 Pad 端菜单保持一致
+            "出港移库",
-    ARouterConstants.ACTIVITY_URL_INT_EXP_MOVE        // 有 route 就走通用跳转
+            R.drawable.img_pda_menu_gjc_move,             // 设计稿新版宫格图标
+            Constant.AuthName.GjcYiKuListActivity,        // 权限串，与 Pad 端菜单保持一致
+            ARouterConstants.ACTIVITY_URL_INT_EXP_MOVE    // 有 route 就走通用跳转
+        ),
+        …
+    )
 ),
 ```
 
-两点注意：
+注意：
 
 - **权限串与路由都要和 Pad 端菜单对齐**：以 `app/.../HomeFragment.kt` 里该权限对应的
   `ARouter.build(...)` 为准。同一业务常有新旧两个 Activity（如移库的 `GjcYiKuListActivity`
   与 `IntExpMoveActivity`），Pad 菜单实际跳的才是要适配的那个
-- **图标**：`module_p` 看不到 `module_gjc` 的资源，把 Pad 图标 PNG 复制一份到
+- **图标**：设计稿图标源文件在 `documents/5.5寸首页新样式/icons/`（约 167px 方图，自带「国际/国内」角标），
-  `module_p/src/main/res/drawable-xxhdpi/`（该模块既有 4 个图标就是这么放的，同名不同密度桶可共存）
+  统一转 PNG（源文件多为单帧 GIF，GIF 只有 256 色 + 1 位透明，不进资源）后放
+  `module_p/src/main/res/drawable-nodpi/img_pda_menu_*.png`，按 59.7dp 宫格居中裁剪 + 圆角显示。
+  **必须放 nodpi，不能放 xxhdpi**：167px 放 xxhdpi 会在 ~295dpi 设备上解码时先缩到 ≈103px，再被拉伸到
+  宫格的 110px，实测明显发糊；nodpi 原尺寸解码、由固定尺寸 ImageView 一次缩小，与浏览器渲染设计稿一致
+  **设计稿没有的入口追加到所属分组末尾、沿用旧图标**（如「板箱过磅」`gjc_fu_bang_icon`）
+- **改动清单后核对入口集合**：登录后分别在「国内 / 国际」Tab 用 `ui_probe.sh texts`（需滚动）导出入口名，
+  与改动前 `LC_ALL=C sort` 后 diff（CJK 文本不加 `LC_ALL=C` 排序不稳定，会 diff 出假差异）。
+  ADMIN 测试账号基线：国内 9 个、国际 12 个
 
 **示例：状态 Tab 零 ViewModel 改动**（`IntExpMoveActivity` 已实现）
 
@@ -1313,6 +1333,8 @@ adb shell am start -n com.lukouguoji.aerologic/com.lukouguoji.gjc.activity.IntEx
 | 布局构建报 `Error: The string "--" is not permitted within comments` | XML 注释中出现连续双横线（如写"兜底 \"--\""），XML 规范禁止 | 注释里改用文字描述（如「兜底双横线」），代码绑定表达式中的 `"--"` 不受影响 |
 | 多选页手机版点「全选」后底部「已选 N 项」不更新（单卡勾选正常） | 批量勾选在 `checkAllClick` 里直接 set，不走 FlowBus 的单卡 EVENT_CHECK_CHANGED 事件，`selectedCountText` 只在事件回调里更新 | `checkAllClick` 末尾自行同步 `selectedCountText`（平板布局不绑定该字段，无影响） |
 | 手机版数字输入框（`PhoneFormRow` 双向绑 Double 的 `xxxStr`）输入 "18" 变成 "81" | getter 由 Double 反推字符串（"1" → "1.0"），与输入框文本不等触发 `setText`，光标回到开头 | Bean 里保留输入原文（`@Transient` 私有 String），getter 优先返回原文（参考 `GjcCheckInRecord.trayTotalWeightStr`） |
+| 固定 dp 尺寸显示的位图图标在手机上发糊（设计稿里很清晰） | 位图放进了比「源像素 ÷ 显示 dp」更高的密度桶（如 167px 的宫格图放 xxhdpi，在 ~295dpi 设备上解码先缩到 103px，再拉伸到 110px 显示） | 只按固定 dp 尺寸显示的设计稿位图放 `drawable-nodpi`（原尺寸解码，View 一次缩小）；排查：截图放大对比设计稿，算 `源px × 设备dpi / 桶dpi` 是否小于显示 px |
+| 分段/胶囊控件里选中块上下不居中（上窄下宽） | 设计稿 CSS 的 `border` 计入盒子尺寸，而 Android shape 的 `stroke` 画在 background 上、不占 padding——照抄 CSS 的 `padding: 2px` 少了 1dp 描边 | 容器 padding = CSS padding + border 宽度（如 2 + 1 = 3dp），且容器高度用 `wrap_content`——写死 28dp 时 28/3/22dp 各自取整成 px，内框比选中块少 1px，选中块底边被截；用像素列取色（`magick … txt:-`）量上下间隙验证 |
 | XML 里 `bean.a ?? bean.b` 兜底不生效，字段明明有值却显示占位符 | 网络层转换器把 JSON null 归一成空串 `""`，DataBinding 的 `??` 只判 null 不判空串，永远取到左侧的空串 | 在 Bean 上加计算属性做 `isNullOrEmpty` 双兜底（如 `agentDisplay`），XML 绑计算属性（进港查询/出港查询代理人已踩过） |
 
 ---

app/src/main/res/layout/item_uld_list.xml

@@ -76,7 +76,8 @@
                 android:layout_width="16dp"
                 android:layout_height="16dp"
                 android:layout_marginStart="6dp"
-                android:src="@drawable/ic_phone_chevron_right" />
+                android:src="@drawable/ic_phone_chevron_right"
+                android:tint="@color/phone_text_body" />
 
         </LinearLayout>
 

documents/5.5寸首页新样式/5.5设计图html/dashboard.html

@@ -0,0 +1,881 @@
+<!DOCTYPE html>
+
+<html class="w-full h-full overflow-hidden" lang="zh-CN">
+<head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0, viewport-fit=cover" name="viewport"/>
+<title>首页</title>
+<script src="https://modao.cc/agent-py/static/source/js/tailwindcss.js"></script>
+<script src="https://modao.cc/agent-py/static/source/js/iconify-icon.min.js"></script>
+<style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    body {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #F0F3F7;
+      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
+        "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Source Han Sans SC",
+        "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
+      font-variant-numeric: tabular-nums;
+      font-feature-settings: "tnum";
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+    }
+
+    button {
+      font: inherit;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    .app-frame,
+    .app-frame *,
+    .app-frame *::before,
+    .app-frame *::after {
+      font-family: inherit;
+      font-variant-numeric: tabular-nums;
+      font-feature-settings: "tnum";
+    }
+
+    .app-frame {
+      width: 100%;
+      height: 100%;
+      max-width: min(393px, 100vw);
+      max-height: min(852px, 100vh);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      background: #F5F7FA;
+      position: relative;
+      --nav-height: 52px;
+      --tab-height: 68px;
+    }
+
+    .nav-bar {
+      height: var(--nav-height);
+    }
+
+    .nav-title {
+      font-size: clamp(16px, 4.8vw, 18px);
+      line-height: 1.3;
+      font-weight: 600;
+      letter-spacing: clamp(0px, 0.16vw, 0.3px);
+    }
+
+    .nav-bell {
+      width: clamp(30px, 9.4vw, 34px);
+      height: clamp(30px, 9.4vw, 34px);
+    }
+
+    .nav-bell iconify-icon {
+      width: clamp(18px, 5.6vw, 20px);
+      height: clamp(18px, 5.6vw, 20px);
+      filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
+    }
+
+    .nav-badge {
+      min-width: clamp(21px, 6.7vw, 24px);
+      font-size: clamp(10px, 2.9vw, 11px);
+      line-height: clamp(14px, 4.2vw, 15px);
+      letter-spacing: 0;
+    }
+
+    .tab-bar {
+      height: var(--tab-height);
+    }
+
+    .tab-bar iconify-icon {
+      width: clamp(22px, 6.7vw, 24px);
+      height: clamp(22px, 6.7vw, 24px);
+    }
+
+    .tab-bar .tab-icon-stack {
+      width: clamp(25px, 7.5vw, 27px);
+      height: clamp(22px, 6.7vw, 24px);
+    }
+
+    .tab-bar .tab-icon-stack > iconify-icon:first-child {
+      width: clamp(20px, 6.1vw, 22px);
+      height: clamp(20px, 6.1vw, 22px);
+    }
+
+    .tab-bar .tab-icon-stack > iconify-icon:last-child {
+      width: clamp(15px, 4.7vw, 17px);
+      height: clamp(15px, 4.7vw, 17px);
+    }
+
+    .tab-bar .tab-label {
+      font-size: 11.5px;
+      line-height: 1.4;
+      font-weight: 400;
+    }
+
+    .tab-bar .tab-label.is-active {
+      font-weight: 500;
+    }
+
+    .status-bar {
+      height: clamp(26px, 8.3vw, 30px);
+    }
+
+    .main-scroll {
+      scrollbar-width: none;
+      -ms-overflow-style: none;
+      overscroll-behavior-y: contain;
+      /* 为右下角悬浮的设置按钮留出避让空间，滚到底时列表不被遮挡 */
+      padding-bottom: calc(52px + var(--tab-height) + 16px + 20px);
+    }
+
+    .main-scroll::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+
+    /* 航班动态设置：右下角悬浮按钮，抬升到 tab 栏之上 */
+    .settings-fab {
+      position: fixed;
+      z-index: 40;
+      right: 16px;
+      bottom: calc(var(--tab-height) + 16px);
+      width: 52px;
+      height: 52px;
+      padding: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      border-radius: 999px;
+      background: #E8EFFD;
+      color: #3B71E8;
+      transform: translateZ(0);
+      box-shadow: 0 4px 14px rgba(31, 42, 51, 0.14);
+      cursor: pointer;
+      touch-action: manipulation;
+      transition: transform 140ms ease, box-shadow 140ms ease;
+    }
+
+    .settings-fab:active {
+      transform: translateZ(0) scale(0.96);
+      box-shadow: 0 2px 8px rgba(31, 42, 51, 0.18);
+    }
+
+    .settings-fab:focus-visible {
+      outline: 2px solid rgba(59, 113, 232, 0.55);
+      outline-offset: 2px;
+    }
+
+    .settings-fab .settings-fab-icon {
+      width: 23px;
+      height: 23px;
+      display: block;
+    }
+
+    /* 主卡片：白卡 + 1px 描边 + 轻阴影，与两页统一 */
+    .flight-card {
+      margin: clamp(10px, 3vw, 14px);
+      background: #FFFFFF;
+      border: 1px solid #EDF0F4;
+      border-radius: 10px;
+      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+    }
+
+    .card-head {
+      display: flex;
+      flex-wrap: nowrap;
+      align-items: center;
+      gap: 0;
+      padding: 10px clamp(10px, 3.4vw, 14px);
+      border-bottom: 1px solid #EEF1F5;
+    }
+
+    .card-title {
+      flex: none;
+      font-size: clamp(13px, 3.7vw, 14px);
+      line-height: 1.4;
+      font-weight: 400;
+      letter-spacing: 0.2px;
+      color: #16202A;
+      white-space: nowrap;
+    }
+
+    .scope-group {
+      display: flex;
+      align-items: center;
+      gap: 2px;
+      flex: none;
+      padding: 2px;
+      border-radius: 999px;
+      background: #F4F6F9;
+      border: 1px solid #EDF0F4;
+      /* 作为筛选行中的一个平级项，宽度按内容自适应，不拉伸 */
+      width: max-content;
+      max-width: 100%;
+      white-space: nowrap;
+      box-sizing: border-box;
+    }
+
+    .scope-option {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      padding: 0 clamp(5px, 1.6vw, 8px);
+      height: 24px;
+      border-radius: 999px;
+      background: transparent;
+      color: #6B7A8D;
+      font-size: 12px;
+      line-height: 1.4;
+      font-weight: 400;
+      white-space: nowrap;
+      cursor: pointer;
+      transition: background-color 140ms ease, color 140ms ease;
+    }
+
+    .scope-option.is-active {
+      background: #3B71E8;
+      color: #FFFFFF;
+      font-weight: 500;
+    }
+
+    /* 筛选行：国内/国际、进港/出港、日期控件为三个平级项。
+       控件本体按内容自适应，不拉伸；两段间隙为 flex 弹性间隔，
+       各占剩余空间的一半，因此首项贴左内边距、末项贴右内边距 */
+    .card-head > .scope-group,
+    .card-head > .date-group {
+      flex: 0 0 auto;
+      max-width: none;
+      white-space: nowrap;
+    }
+
+    .card-head > .gap-flex {
+      flex: 1 1 0%;
+      min-width: 0;
+      height: 1px;
+    }
+
+    .date-group {
+      display: flex;
+      align-items: center;
+      gap: 0;
+      white-space: nowrap;
+    }
+
+    .date-picker {
+      flex: none;
+      position: relative;
+      display: inline-flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 1px;
+      width: 30px;
+      height: 34px;
+      padding: 0;
+      border: 1px solid #EDF0F4;
+      border-radius: 7px;
+      background: #FFFFFF;
+      color: #3B71E8;
+      font-size: 8px;
+      line-height: 1.1;
+      letter-spacing: 0.2px;
+      white-space: nowrap;
+      cursor: pointer;
+      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
+      transition: border-color 140ms ease, box-shadow 140ms ease;
+    }
+
+    .date-picker:focus-visible,
+    .date-picker.is-open {
+      border-color: #3B71E8;
+      box-shadow: 0 0 0 2px rgba(59, 113, 232, 0.14), 0 1px 2px rgba(16, 24, 40, 0.04);
+      outline: none;
+    }
+
+    .date-picker .date-month {
+      font-size: 8px;
+      font-weight: 500;
+      line-height: 1.1;
+      color: #98A4B3;
+    }
+
+    .date-picker .date-day {
+      font-size: 13px;
+      font-weight: 600;
+      line-height: 1.1;
+      color: #3B71E8;
+    }
+
+    .date-step {
+      flex: none;
+      width: 22px;
+      height: 34px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      padding: 0;
+      background: transparent;
+      color: #16202A;
+      border-radius: 6px;
+      cursor: pointer;
+    }
+
+    .date-picker + .date-step,
+    .date-step + .date-picker {
+      margin-left: 3px;
+    }
+
+    .date-step.is-next {
+      margin-left: 3px;
+    }
+
+    .date-step iconify-icon {
+      display: inline-flex;
+      align-items: center;
+    }
+
+    .date-input {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0;
+      border: 0;
+      padding: 0;
+      cursor: pointer;
+    }
+
+    .dir-tab {
+      border: 0;
+      background: transparent;
+      padding: 0 clamp(5px, 1.6vw, 8px);
+      height: 24px;
+      margin: 0;
+      border-radius: 999px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: #6B7A8D;
+      font-size: 12px;
+      line-height: 1.4;
+      font-weight: 400;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: background-color 140ms ease, color 140ms ease;
+    }
+
+    .dir-tab.is-active {
+      background: #3B71E8;
+      color: #FFFFFF;
+      font-weight: 500;
+    }
+
+    .dir-tab + .dir-tab {
+      margin-left: 2px;
+    }
+
+    /* 导航栏右侧图标组：仅铃铛 */
+    .nav-actions {
+      display: flex;
+      align-items: center;
+      gap: 0;
+    }
+
+    .nav-icon-btn {
+      position: relative;
+      flex: none;
+      width: clamp(32px, 10vw, 34px);
+      height: clamp(32px, 10vw, 34px);
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      border-radius: 8px;
+      background: transparent;
+      color: #FFFFFF;
+      cursor: pointer;
+      transition: background-color 140ms ease, opacity 140ms ease;
+    }
+
+    .nav-icon-btn:active {
+      background: rgba(255, 255, 255, 0.14);
+      opacity: 0.8;
+    }
+
+    .nav-icon-btn:focus-visible {
+      outline: 2px solid rgba(255, 255, 255, 0.7);
+      outline-offset: 1px;
+    }
+
+    .nav-icon-btn iconify-icon {
+      width: clamp(17px, 5.4vw, 19px);
+      height: clamp(17px, 5.4vw, 19px);
+    }
+
+    .table-head {
+      display: grid;
+      grid-template-columns: 0.95fr 1fr 1.05fr 1fr;
+      align-items: center;
+      background: #F4F6F9;
+      border-bottom: 1px solid #EEF1F5;
+      padding: 0 4px;
+    }
+
+    .table-head span {
+      padding: 9px 4px;
+      text-align: center;
+      color: #6B7A8D;
+      font-size: 12.5px;
+      line-height: 1.4;
+      font-weight: 400;
+      letter-spacing: 0;
+      white-space: nowrap;
+    }
+
+    .table-body {
+      flex: 1;
+      min-height: 120px;
+      background: #FFFFFF;
+    }
+
+    .flight-row {
+      display: grid;
+      grid-template-columns: 0.95fr 1fr 1.05fr 1fr;
+      align-items: center;
+      padding: 0 4px;
+      border-bottom: 1px solid #EEF1F5;
+    }
+
+    .flight-row span {
+      padding: 9px 4px;
+      text-align: center;
+      color: #16202A;
+      font-size: 12.5px;
+      line-height: 1.4;
+      font-weight: 400;
+      letter-spacing: 0;
+      white-space: nowrap;
+      font-variant-numeric: tabular-nums;
+    }
+
+    .tab-button {
+      flex: 1;
+      min-width: 0;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      border: 0;
+      background: transparent;
+      color: #98A4B3;
+      cursor: pointer;
+      transition: color 140ms ease, transform 140ms ease;
+    }
+
+    .tab-button:active {
+      transform: scale(0.94);
+    }
+
+    .tab-button.is-active {
+      color: #3B71E8;
+    }
+
+    .toast {
+      position: absolute;
+      left: 50%;
+      bottom: 80px;
+      z-index: 60;
+      max-width: calc(100% - 44px);
+      width: max-content;
+      padding: 9px 16px;
+      border-radius: 999px;
+      background: rgba(29, 41, 57, 0.9);
+      color: #ffffff;
+      font-size: 12px;
+      line-height: 1.5;
+      text-align: center;
+      white-space: nowrap;
+      opacity: 0;
+      pointer-events: none;
+      transform: translate(-50%, 8px);
+      transition: opacity 180ms ease, transform 180ms ease;
+      box-shadow: 0 8px 24px rgba(18, 33, 49, 0.18);
+      backdrop-filter: blur(8px);
+    }
+
+    .toast.is-visible {
+      opacity: 1;
+      transform: translate(-50%, 0);
+    }
+
+    /* 5.51 寸小屏（窄屏或矮屏）收紧纵向节奏 */
+    @media (max-width: 374px), (max-height: 760px) {
+      .app-frame {
+        --nav-height: 46px;
+        --tab-height: 58px;
+      }
+
+      .nav-title {
+        font-size: 16px;
+      }
+
+      .tab-bar .tab-label {
+        font-size: 11px;
+      }
+
+      .flight-card {
+        margin: 8px;
+      }
+
+      .card-head {
+        gap: 0;
+        padding: 8px 9px;
+      }
+
+      .card-title {
+        font-size: 13px;
+      }
+
+      .scope-group {
+        gap: 2px;
+        padding: 2px;
+      }
+
+      .scope-option,
+      .dir-tab {
+        font-size: 11.5px;
+        height: 22px;
+        padding: 0 clamp(4px, 1.3vw, 7px);
+      }
+
+      .date-picker {
+        width: 27px;
+        height: 31px;
+        border-radius: 6px;
+      }
+
+      .settings-fab {
+        right: 12px;
+        bottom: calc(var(--tab-height) + 12px);
+        width: 48px;
+        height: 48px;
+      }
+
+      .settings-fab .settings-fab-icon {
+        width: 21px;
+        height: 21px;
+      }
+
+      .date-picker .date-month {
+        font-size: 7px;
+      }
+
+      .date-picker .date-day {
+        font-size: 12px;
+      }
+
+      .date-step {
+        width: 19px;
+        height: 31px;
+      }
+
+      .date-step iconify-icon {
+        width: 15px;
+        height: 15px;
+      }
+
+      .dir-tab {
+        height: 22px;
+        margin: 0;
+      }
+
+      .table-head span {
+        padding: 8px 2px;
+        font-size: 11.5px;
+      }
+
+      .flight-row span {
+        padding: 8px 2px;
+        font-size: 11.5px;
+      }
+
+      .toast {
+        bottom: 72px;
+        font-size: 11px;
+        line-height: 1.5;
+        padding: 8px 14px;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .tab-button,
+      .nav-icon-btn,
+      .settings-fab,
+      .toast {
+        transition: none;
+      }
+    }
+
+    @media (max-width: 359px) {
+      .table-head,
+      .flight-row {
+        padding: 0 2px;
+      }
+
+      .table-head span,
+      .flight-row span {
+        padding: 8px 1px;
+        font-size: 10.5px;
+        letter-spacing: -0.2px;
+      }
+    }
+  </style>
+</head>
+<body>
+<div class="app-frame">
+<!-- 顶部系统状态栏 -->
+<header class="flex-none bg-[#3B71E8] text-white">
+<div class="status-bar flex items-center justify-between px-3">
+<div class="flex items-center gap-[7px]">
+<span class="text-[11.5px] font-semibold tracking-[0.2px]">16:48</span>
+</div>
+<div aria-label="Wi-Fi" class="flex min-w-0 items-center gap-[5px]">
+<iconify-icon class="opacity-95" height="14" icon="mdi:wifi" width="14"></iconify-icon>
+</div>
+</div>
+</header>
+<!-- 蓝色导航栏 -->
+<nav aria-label="首页导航栏" class="nav-bar relative z-20 flex flex-none items-center justify-center bg-[#3B71E8] text-white">
+<h1 class="nav-title">首页</h1>
+<div class="nav-actions absolute right-[8px] top-1/2 -translate-y-1/2">
+<button aria-label="通知，507 条消息" class="nav-icon-btn text-white" onclick="showNotificationToast()" type="button">
+<iconify-icon class="drop-shadow-[0_1px_1px_rgba(0,0,0,0.12)]" icon="mdi:bell-outline"></iconify-icon>
+<span class="nav-badge absolute -right-[2px] top-[0px] rounded-full bg-[#e1192d] px-[4px] text-center font-semibold text-white shadow-[0_1px_2px_rgba(145,16,31,0.35)]">507</span>
+</button>
+</div>
+</nav>
+<!-- 主内容滚动区 -->
+<main class="main-scroll min-h-0 flex flex-1 flex-col overflow-y-auto overflow-x-hidden bg-[#F5F7FA]" id="mainContent">
+<section aria-label="航班动态" class="flight-card">
+<!-- 首行：国内/国际 + 进港/出港分段 + 图标式日期 -->
+<div class="card-head">
+<div aria-label="国内国际" class="scope-group" role="radiogroup">
+<button aria-checked="true" class="scope-option is-active" data-scope="国内" onclick="selectScope(this)" role="radio" type="button">国内</button>
+<button aria-checked="false" class="scope-option" data-scope="国际" onclick="selectScope(this)" role="radio" type="button">国际</button>
+</div>
+<span aria-hidden="true" class="gap-flex"></span>
+<div aria-label="进港出港方向" class="scope-group" role="radiogroup">
+<button aria-checked="true" class="dir-tab is-active" data-dir="进港" onclick="selectDirection(this)" role="radio" type="button">进港</button>
+<button aria-checked="false" class="dir-tab" data-dir="出港" onclick="selectDirection(this)" role="radio" type="button">出港</button>
+</div>
+<span aria-hidden="true" class="gap-flex"></span>
+<div class="date-group">
+<button aria-label="前一天" class="date-step date-step-prev" data-date-step="-1" onclick="stepDate(-1)" type="button">
+<iconify-icon height="18" icon="mdi:chevron-left" width="18"></iconify-icon>
+</button>
+<button aria-label="选择日期" class="date-picker" id="datePicker" type="button">
+<span class="date-month" id="dateMonth">10月</span>
+<span class="date-day" id="dateDay">20</span>
+<input aria-label="日期" class="date-input" id="dateInput" type="date" value="2026-10-20"/>
+</button>
+<button aria-label="后一天" class="date-step is-next" data-date-step="1" onclick="stepDate(1)" type="button">
+<iconify-icon height="18" icon="mdi:chevron-right" width="18"></iconify-icon>
+</button>
+</div>
+</div>
+<!-- 表头 -->
+<div class="table-head" role="row">
+<span role="columnheader">航班号</span>
+<span role="columnheader">航程</span>
+<span role="columnheader">地区类型</span>
+<span role="columnheader">计划起飞</span>
+</div>
+<!-- 数据区 -->
+<div aria-label="航班动态列表" class="table-body">
+<div class="flight-row" role="row">
+<span role="cell">MU2222</span>
+<span role="cell">HFE-PEK</span>
+<span role="cell">国内</span>
+<span role="cell">12:20</span>
+</div>
+<div class="flight-row" role="row">
+<span role="cell">MU6895</span>
+<span role="cell">HFE-LAX</span>
+<span role="cell">国际</span>
+<span role="cell">02:26</span>
+</div>
+</div>
+</section>
+</main>
+<!-- 右下角悬浮：航班动态设置 -->
+<button aria-label="航班动态设置" class="settings-fab" onclick="showToast('航班动态设置')" type="button">
+<svg aria-hidden="true" class="settings-fab-icon" focusable="false" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" fill="#3B71E8"></path>
+</svg>
+</button>
+<!-- 底部 Tab 栏 -->
+<nav aria-label="底部导航" class="tab-bar relative z-30 flex flex-none items-stretch border-t border-[#EDF0F4] bg-white pb-[4px] shadow-[0_-1px_2px_rgba(16,24,40,0.04)]">
+<button aria-current="page" aria-label="首页，当前页面" class="tab-button is-active" onclick="switchTab('首页')" type="button">
+<iconify-icon icon="mdi:home"></iconify-icon>
+<span class="tab-label is-active">首页</span>
+</button>
+<button aria-label="国内" class="tab-button" onclick="switchTab('国内')" type="button">
+<iconify-icon icon="mdi:earth"></iconify-icon>
+<span class="tab-label">国内</span>
+</button>
+<button aria-label="国际" class="tab-button" onclick="switchTab('国际')" type="button">
+<span class="tab-icon-stack relative inline-flex items-center justify-center">
+<iconify-icon class="absolute bottom-0 left-0" icon="mdi:earth"></iconify-icon>
+<iconify-icon class="absolute right-0 top-0 -rotate-[14deg]" icon="mdi:airplane"></iconify-icon>
+</span>
+<span class="tab-label">国际</span>
+</button>
+<button aria-label="我的" class="tab-button" onclick="switchTab('我的')" type="button">
+<iconify-icon icon="mdi:account-circle-outline"></iconify-icon>
+<span class="tab-label">我的</span>
+</button>
+</nav>
+<div aria-live="polite" class="toast" id="toast" role="status"></div>
+</div>
+<script>
+    let toastTimer = null;
+
+    function showToast(message) {
+      const toast = document.getElementById("toast");
+      if (!toast) return;
+
+      toast.textContent = message;
+      toast.classList.add("is-visible");
+
+      if (toastTimer) {
+        clearTimeout(toastTimer);
+      }
+
+      toastTimer = setTimeout(function () {
+        toast.classList.remove("is-visible");
+      }, 1800);
+    }
+
+    function showNotificationToast() {
+      showToast("您有 507 条待处理消息");
+    }
+
+    function selectScope(target) {
+      const options = document.querySelectorAll(".scope-option");
+      for (let i = 0; i < options.length; i++) {
+        const isTarget = options[i] === target;
+        options[i].classList.toggle("is-active", isTarget);
+        options[i].setAttribute("aria-checked", isTarget ? "true" : "false");
+      }
+    }
+
+    function selectDirection(target) {
+      const tabs = document.querySelectorAll(".dir-tab");
+      for (let i = 0; i < tabs.length; i++) {
+        const isTarget = tabs[i] === target;
+        tabs[i].classList.toggle("is-active", isTarget);
+        tabs[i].setAttribute("aria-checked", isTarget ? "true" : "false");
+      }
+    }
+
+    function switchTab(name) {
+      if (name === "国内") {
+        window.location.href = "domestic.html";
+        return;
+      }
+
+      if (name === "国际") {
+        window.location.href = "home.html";
+        return;
+      }
+
+      if (name === "首页") {
+        const main = document.getElementById("mainContent");
+        if (main) {
+          main.scrollTo({ top: 0, behavior: "smooth" });
+        }
+        showToast("当前已在首页");
+        return;
+      }
+
+      showToast(name + "模块暂未接入");
+    }
+
+    (function () {
+      const datePicker = document.getElementById("datePicker");
+      const dateInput = document.getElementById("dateInput");
+      const dateMonth = document.getElementById("dateMonth");
+      const dateDay = document.getElementById("dateDay");
+      if (!datePicker || !dateInput || !dateMonth || !dateDay) return;
+
+      function renderDate(value) {
+        if (!value) return;
+        const parts = value.split("-");
+        const month = parseInt(parts[1], 10);
+        const day = parseInt(parts[2], 10);
+        if (!month || !day) return;
+        dateMonth.textContent = month + "月";
+        dateDay.textContent = String(day);
+        datePicker.setAttribute("aria-label", "选择日期，当前 " + month + "月" + day + "日");
+      }
+
+      window.stepDate = function (offset) {
+        const parts = dateInput.value.split("-");
+        const current = new Date(
+          parseInt(parts[0], 10) || 2026,
+          (parseInt(parts[1], 10) || 1) - 1,
+          parseInt(parts[2], 10) || 1
+        );
+        current.setDate(current.getDate() + offset);
+        const y = current.getFullYear();
+        const m = String(current.getMonth() + 1).padStart(2, "0");
+        const d = String(current.getDate()).padStart(2, "0");
+        dateInput.value = y + "-" + m + "-" + d;
+        renderDate(dateInput.value);
+      };
+
+      renderDate(dateInput.value);
+
+      datePicker.addEventListener("click", function (event) {
+        if (event.target === dateInput) return;
+        if (typeof dateInput.showPicker === "function") {
+          try {
+            dateInput.showPicker();
+          } catch (error) {
+            dateInput.focus();
+          }
+        }
+      });
+
+      dateInput.addEventListener("focus", function () {
+        datePicker.classList.add("is-open");
+      });
+
+      dateInput.addEventListener("blur", function () {
+        datePicker.classList.remove("is-open");
+      });
+
+      dateInput.addEventListener("change", function () {
+        if (dateInput.value) {
+          renderDate(dateInput.value);
+        }
+      });
+    })();
+  </script>
+</body>
+</html>

documents/5.5寸首页新样式/5.5设计图html/domestic.html

@@ -0,0 +1,535 @@
+<!DOCTYPE html>
+
+<html class="w-full h-full overflow-hidden" lang="zh-CN">
+<head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0, viewport-fit=cover" name="viewport"/>
+<title>国内业务</title>
+<script src="https://modao.cc/agent-py/static/source/js/tailwindcss.js"></script>
+<script src="https://modao.cc/agent-py/static/source/js/iconify-icon.min.js"></script>
+<style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    body {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #F0F3F7;
+      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
+        "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Source Han Sans SC",
+        "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
+      font-variant-numeric: tabular-nums;
+      font-feature-settings: "tnum";
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+    }
+
+    button {
+      font: inherit;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    /* 全页字体统一：覆盖 Tailwind 默认字体族，数字统一等宽 */
+    .app-frame,
+    .app-frame *,
+    .app-frame *::before,
+    .app-frame *::after {
+      font-family: inherit;
+      font-variant-numeric: tabular-nums;
+      font-feature-settings: "tnum";
+    }
+
+    .app-frame {
+      width: 100%;
+      height: 100%;
+      max-width: min(393px, 100vw);
+      max-height: min(852px, 100vh);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      background: #F5F7FA;
+      position: relative;
+      /* 以 360×640（5.51 寸 16:9）为小屏基准，宫格尺寸随视口宽度等比缩放 */
+      --tile-size: clamp(48px, 15.3vw, 60px);
+      --icon-size: calc(var(--tile-size) * 0.55);
+      --nav-height: 52px;
+      --tab-height: 68px;
+    }
+
+    .nav-bar {
+      height: var(--nav-height);
+    }
+
+    .nav-title {
+      font-size: clamp(16px, 4.8vw, 18px);
+      line-height: 1.3;
+      font-weight: 600;
+      letter-spacing: clamp(0px, 0.16vw, 0.3px);
+    }
+
+    .nav-bell {
+      width: clamp(30px, 9.4vw, 34px);
+      height: clamp(30px, 9.4vw, 34px);
+    }
+
+    .nav-bell iconify-icon {
+      width: clamp(22px, 6.9vw, 25px);
+      height: clamp(22px, 6.9vw, 25px);
+    }
+
+    .nav-badge {
+      min-width: clamp(21px, 6.7vw, 24px);
+      font-size: clamp(10px, 2.9vw, 11px);
+      line-height: clamp(14px, 4.2vw, 15px);
+      letter-spacing: 0;
+    }
+
+    .tab-bar {
+      height: var(--tab-height);
+    }
+
+    .tab-bar iconify-icon {
+      width: clamp(22px, 6.7vw, 24px);
+      height: clamp(22px, 6.7vw, 24px);
+    }
+
+    .tab-bar .tab-icon-stack {
+      width: clamp(25px, 7.5vw, 27px);
+      height: clamp(22px, 6.7vw, 24px);
+    }
+
+    .tab-bar .tab-icon-stack > iconify-icon:first-child {
+      width: clamp(20px, 6.1vw, 22px);
+      height: clamp(20px, 6.1vw, 22px);
+    }
+
+    .tab-bar .tab-icon-stack > iconify-icon:last-child {
+      width: clamp(15px, 4.7vw, 17px);
+      height: clamp(15px, 4.7vw, 17px);
+    }
+
+    .tab-bar .tab-label {
+      font-size: 11.5px;
+      line-height: 1.4;
+      font-weight: 400;
+    }
+
+    .tab-bar .tab-label.is-active {
+      font-weight: 500;
+    }
+
+    .status-bar {
+      height: clamp(26px, 8.3vw, 30px);
+    }
+
+    .main-scroll {
+      scrollbar-width: none;
+      -ms-overflow-style: none;
+      overscroll-behavior-y: contain;
+    }
+
+    .main-scroll::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+
+    .group-bar {
+      height: 41px;
+      flex: none;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 0 24px;
+      background: #F4F6F9;
+      border-top: 1px solid #FFFFFF;
+    }
+
+    .group-title {
+      font-size: clamp(13px, 3.7vw, 14px);
+      line-height: 1.4;
+      font-weight: 400;
+      letter-spacing: 0.2px;
+      color: #16202A;
+    }
+
+    .feature-grid {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      column-gap: 0;
+      row-gap: clamp(12px, 4.6vw, 18px);
+      background: #ffffff;
+      padding: clamp(14px, 4.6vw, 18px) clamp(12px, 5vw, 18px) clamp(18px, 6vw, 24px);
+    }
+
+    .group-arrow {
+      display: block;
+      flex: none;
+      width: auto;
+      height: clamp(12px, 3.6vw, 15px);
+      object-fit: contain;
+      filter: drop-shadow(0 1px 1px rgba(37, 99, 235, 0.28));
+    }
+
+    .feature-card {
+      width: 100%;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      background: transparent;
+      border: 0;
+      padding: 0;
+      cursor: pointer;
+      transition: transform 140ms ease;
+    }
+
+    .feature-card:active {
+      transform: scale(0.94);
+    }
+
+    .icon-tile {
+      width: var(--tile-size);
+      height: var(--tile-size);
+      flex: none;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: calc(var(--tile-size) * 0.267);
+      box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.92),
+        inset 0 -1px 0 rgba(255, 255, 255, 0.45),
+        0 6px 12px -7px rgba(54, 80, 99, 0.34);
+    }
+
+    .icon-tile.is-image {
+      color: transparent;
+      background: transparent;
+      box-shadow: 0 6px 12px -7px rgba(54, 80, 99, 0.26);
+    }
+
+    .icon-tile.is-image::before,
+    .icon-tile.is-image::after {
+      content: none;
+    }
+
+    .icon-tile.is-image > .tile-img {
+      display: block;
+      width: 100%;
+      height: 100%;
+      border-radius: inherit;
+      object-fit: cover;
+      object-position: center;
+      -webkit-user-drag: none;
+      user-select: none;
+    }
+
+    .feature-label {
+      margin-top: clamp(6px, 2.2vw, 10px);
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: #2d3640;
+      font-size: clamp(12px, 3.4vw, 13px);
+      line-height: 1.3;
+      font-weight: 400;
+      letter-spacing: 0;
+      white-space: nowrap;
+      text-align: center;
+    }
+
+    .tab-button {
+      flex: 1;
+      min-width: 0;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      border: 0;
+      background: transparent;
+      color: #98A4B3;
+      cursor: pointer;
+      transition: color 140ms ease, transform 140ms ease;
+    }
+
+    .tab-button:active {
+      transform: scale(0.94);
+    }
+
+    .tab-button.is-active {
+      color: #3B71E8;
+    }
+
+    .toast {
+      position: absolute;
+      left: 50%;
+      bottom: 80px;
+      z-index: 60;
+      max-width: calc(100% - 44px);
+      width: max-content;
+      padding: 9px 16px;
+      border-radius: 999px;
+      background: rgba(29, 41, 57, 0.9);
+      color: #ffffff;
+      font-size: 12px;
+      line-height: 1.5;
+      text-align: center;
+      white-space: nowrap;
+      opacity: 0;
+      pointer-events: none;
+      transform: translate(-50%, 8px);
+      transition: opacity 180ms ease, transform 180ms ease;
+      box-shadow: 0 8px 24px rgba(18, 33, 49, 0.18);
+      backdrop-filter: blur(8px);
+    }
+
+    .toast.is-visible {
+      opacity: 1;
+      transform: translate(-50%, 0);
+    }
+
+    /* 5.51 寸小屏（窄屏或矮屏）收紧纵向节奏，保证首屏完整 */
+    @media (max-width: 374px), (max-height: 760px) {
+      .app-frame {
+        --nav-height: 46px;
+        --tab-height: 58px;
+      }
+
+      .group-bar {
+        height: 35px;
+        gap: 8px;
+        padding: 0 16px;
+      }
+
+      .nav-title {
+        font-size: 16px;
+      }
+
+      .group-title {
+        font-size: 13px;
+      }
+
+      .feature-label {
+        font-size: 12px;
+      }
+
+      .tab-bar .tab-label {
+        font-size: 11px;
+      }
+
+      .group-arrow {
+        height: 12px;
+      }
+
+      .feature-grid {
+        row-gap: 12px;
+        padding: 14px 12px 18px;
+      }
+
+      .toast {
+        bottom: 72px;
+        font-size: 11px;
+        line-height: 1.5;
+        padding: 8px 14px;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .feature-card,
+      .tab-button,
+      .toast {
+        transition: none;
+      }
+    }
+  </style>
+</head>
+<body>
+<div class="app-frame">
+<!-- 顶部系统状态栏 -->
+<header class="flex-none bg-[#3B71E8] text-white">
+<div class="status-bar flex items-center justify-between px-3">
+<div class="flex items-center gap-[7px]">
+<span class="text-[11.5px] font-semibold tracking-[0.2px]">16:48</span>
+</div>
+<div aria-label="Wi-Fi" class="flex min-w-0 items-center gap-[5px]">
+<iconify-icon class="opacity-95" height="14" icon="mdi:wifi" width="14"></iconify-icon>
+</div>
+</div>
+</header>
+<!-- 蓝色导航栏 -->
+<nav aria-label="国内业务导航栏" class="nav-bar relative z-20 flex flex-none items-center justify-center bg-[#3B71E8] text-white">
+<h1 class="nav-title">国内业务</h1>
+<button aria-label="通知，341 条消息" class="nav-bell absolute right-[12px] top-1/2 flex -translate-y-1/2 items-center justify-center rounded-full active:bg-white/10" onclick="showNotificationToast()" type="button">
+<iconify-icon class="drop-shadow-[0_1px_1px_rgba(0,0,0,0.12)]" icon="mdi:bell-outline"></iconify-icon>
+<span class="nav-badge absolute -right-[2px] top-[0px] rounded-full bg-[#e1192d] px-[4px] text-center font-semibold text-white shadow-[0_1px_2px_rgba(145,16,31,0.35)]">341</span>
+</button>
+</nav>
+<!-- 主内容滚动区 -->
+<main class="main-scroll min-h-0 flex-1 overflow-y-auto overflow-x-hidden bg-[#F5F7FA]" id="mainContent">
+<!-- 国内出港 -->
+<section aria-labelledby="dom-outbound-title">
+<div class="group-bar">
+<img alt="" aria-hidden="true" class="group-arrow" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/f48cf8269922458abee299bf1f4bdfae.png"/>
+<h2 class="group-title" id="dom-outbound-title">国内出港</h2>
+</div>
+<div class="feature-grid">
+<button aria-label="出港收运" class="feature-card" onclick="openFeature('出港收运')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港收运图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/4dfe2842e40947c9916d27c6da2829a9.png"/>
+</span>
+<span class="feature-label">出港收运</span>
+</button>
+<button aria-label="出港复磅" class="feature-card" onclick="openFeature('出港复磅')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港复磅图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/d209b04e82874625ae8977733789486a.png"/>
+</span>
+<span class="feature-label">出港复磅</span>
+</button>
+<button aria-label="出港存放" class="feature-card" onclick="openFeature('出港存放')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港存放图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/3655ce17a68b4090870f929d7a510c64.png"/>
+</span>
+<span class="feature-label">出港存放</span>
+</button>
+<button aria-label="单证交接" class="feature-card" onclick="openFeature('单证交接')" type="button">
+<span class="icon-tile is-image">
+<img alt="单证交接图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/934528d010e74d1690dce7b20cee545c.png"/>
+</span>
+<span class="feature-label">单证交接</span>
+</button>
+<button aria-label="货物转运" class="feature-card" onclick="openFeature('货物转运')" type="button">
+<span class="icon-tile is-image">
+<img alt="货物转运图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/9c2d255f57d6416ab18713b02431023e.png"/>
+</span>
+<span class="feature-label">货物转运</span>
+</button>
+<button aria-label="转运记录" class="feature-card" onclick="openFeature('转运记录')" type="button">
+<span class="icon-tile is-image">
+<img alt="转运记录图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/50e01da375de4c1bb4574401ba60500c.png"/>
+</span>
+<span class="feature-label">转运记录</span>
+</button>
+</div>
+</section>
+<!-- 国内进港 -->
+<section aria-labelledby="dom-inbound-title">
+<div class="group-bar">
+<img alt="" aria-hidden="true" class="group-arrow" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/f48cf8269922458abee299bf1f4bdfae.png"/>
+<h2 class="group-title" id="dom-inbound-title">国内进港</h2>
+</div>
+<div class="feature-grid">
+<button aria-label="进港卸机" class="feature-card" onclick="openFeature('进港卸机')" type="button">
+<span class="icon-tile is-image">
+<img alt="进港卸机图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/153ca414db114dd487852b22727fb38f.png"/>
+</span>
+<span class="feature-label">进港卸机</span>
+</button>
+<button aria-label="进港移库" class="feature-card" onclick="openFeature('进港移库')" type="button">
+<span class="icon-tile is-image">
+<img alt="进港移库图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/2dc4ad4cc1884f4692da574db217e91e.png"/>
+</span>
+<span class="feature-label">进港移库</span>
+</button>
+</div>
+</section>
+<!-- 综合管理 -->
+<section aria-labelledby="dom-manage-title" class="pb-2">
+<div class="group-bar">
+<img alt="" aria-hidden="true" class="group-arrow" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/f48cf8269922458abee299bf1f4bdfae.png"/>
+<h2 class="group-title" id="dom-manage-title">综合管理</h2>
+</div>
+<div class="feature-grid" style="padding-bottom: clamp(16px, 5.6vw, 22px);">
+<button aria-label="事故签证" class="feature-card" onclick="openFeature('事故签证')" type="button">
+<span class="icon-tile is-image">
+<img alt="事故签证图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/2d2e97049ef44cfabbf1ed051702d567.png"/>
+</span>
+<span class="feature-label">事故签证</span>
+</button>
+</div>
+</section>
+</main>
+<!-- 底部 Tab 栏 -->
+<nav aria-label="底部导航" class="tab-bar relative z-30 flex flex-none items-stretch border-t border-[#EDF0F4] bg-white pb-[4px] shadow-[0_-1px_2px_rgba(16,24,40,0.04)]">
+<button aria-label="首页" class="tab-button" onclick="switchTab('首页')" type="button">
+<iconify-icon icon="mdi:home-outline"></iconify-icon>
+<span class="tab-label">首页</span>
+</button>
+<button aria-current="page" aria-label="国内，当前页面" class="tab-button is-active" onclick="switchTab('国内')" type="button">
+<iconify-icon icon="mdi:earth"></iconify-icon>
+<span class="tab-label is-active">国内</span>
+</button>
+<button aria-label="国际" class="tab-button" onclick="switchTab('国际')" type="button">
+<span class="tab-icon-stack relative inline-flex items-center justify-center">
+<iconify-icon class="absolute bottom-0 left-0" icon="mdi:earth"></iconify-icon>
+<iconify-icon class="absolute right-0 top-0 -rotate-[14deg]" icon="mdi:airplane"></iconify-icon>
+</span>
+<span class="tab-label">国际</span>
+</button>
+<button aria-label="我的" class="tab-button" onclick="switchTab('我的')" type="button">
+<iconify-icon icon="mdi:account-circle-outline"></iconify-icon>
+<span class="tab-label">我的</span>
+</button>
+</nav>
+<div aria-live="polite" class="toast" id="toast" role="status"></div>
+</div>
+<script>
+    let toastTimer = null;
+
+    function showToast(message) {
+      const toast = document.getElementById("toast");
+      if (!toast) return;
+
+      toast.textContent = message;
+      toast.classList.add("is-visible");
+
+      if (toastTimer) {
+        clearTimeout(toastTimer);
+      }
+
+      toastTimer = setTimeout(function () {
+        toast.classList.remove("is-visible");
+      }, 1800);
+    }
+
+    function openFeature(name) {
+      showToast(name + " · 功能即将开放");
+    }
+
+    function showNotificationToast() {
+      showToast("您有 341 条待处理消息");
+    }
+
+    function switchTab(name) {
+      if (name === "首页") {
+        window.location.href = "dashboard.html";
+        return;
+      }
+
+      if (name === "国际") {
+        window.location.href = "home.html";
+        return;
+      }
+
+      if (name === "国内") {
+        const main = document.getElementById("mainContent");
+        if (main) {
+          main.scrollTo({ top: 0, behavior: "smooth" });
+        }
+        showToast("当前已在国内业务");
+        return;
+      }
+
+      showToast(name + "模块暂未接入");
+    }
+  </script>
+</body>
+</html>

documents/5.5寸首页新样式/5.5设计图html/home.html

@@ -0,0 +1,694 @@
+<!DOCTYPE html>
+
+<html class="w-full h-full overflow-hidden" lang="zh-CN">
+<head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0, viewport-fit=cover" name="viewport"/>
+<title>国际业务</title>
+<script src="https://modao.cc/agent-py/static/source/js/tailwindcss.js"></script>
+<script src="https://modao.cc/agent-py/static/source/js/iconify-icon.min.js"></script>
+<style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    body {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #F0F3F7;
+      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
+        "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Source Han Sans SC",
+        "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
+      font-variant-numeric: tabular-nums;
+      font-feature-settings: "tnum";
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+    }
+
+    button {
+      font: inherit;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    /* 全页字体统一：覆盖 Tailwind 默认字体族，数字统一等宽 */
+    .app-frame,
+    .app-frame *,
+    .app-frame *::before,
+    .app-frame *::after {
+      font-family: inherit;
+      font-variant-numeric: tabular-nums;
+      font-feature-settings: "tnum";
+    }
+
+    .app-frame {
+      width: 100%;
+      height: 100%;
+      max-width: min(393px, 100vw);
+      max-height: min(852px, 100vh);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      background: #F5F7FA;
+      position: relative;
+      /* 以 360×640（5.51 寸 16:9）为小屏基准，宫格尺寸随视口宽度等比缩放 */
+      --tile-size: clamp(48px, 15.3vw, 60px);
+      --icon-size: calc(var(--tile-size) * 0.55);
+      --tag-size: clamp(28px, 8.9vw, 35px);
+      --tag-offset: calc(var(--tag-size) * 0.2);
+      --tag-line: calc(var(--tag-size) * 0.4);
+      --nav-height: 52px;
+      --tab-height: 68px;
+    }
+
+    .nav-bar {
+      height: var(--nav-height);
+    }
+
+    .nav-title {
+      font-size: clamp(16px, 4.8vw, 18px);
+      line-height: 1.3;
+      font-weight: 600;
+      letter-spacing: clamp(0px, 0.16vw, 0.3px);
+    }
+
+    .nav-bell {
+      width: clamp(30px, 9.4vw, 34px);
+      height: clamp(30px, 9.4vw, 34px);
+    }
+
+    .nav-bell iconify-icon {
+      width: clamp(22px, 6.9vw, 25px);
+      height: clamp(22px, 6.9vw, 25px);
+    }
+
+    .nav-badge {
+      min-width: clamp(21px, 6.7vw, 24px);
+      font-size: clamp(10px, 2.9vw, 11px);
+      line-height: clamp(14px, 4.2vw, 15px);
+      letter-spacing: 0;
+    }
+
+    .tab-bar {
+      height: var(--tab-height);
+    }
+
+    .tab-bar iconify-icon {
+      width: clamp(22px, 6.7vw, 24px);
+      height: clamp(22px, 6.7vw, 24px);
+    }
+
+    .tab-bar .tab-icon-stack {
+      width: clamp(25px, 7.5vw, 27px);
+      height: clamp(22px, 6.7vw, 24px);
+    }
+
+    .tab-bar .tab-icon-stack > iconify-icon:first-child {
+      width: clamp(20px, 6.1vw, 22px);
+      height: clamp(20px, 6.1vw, 22px);
+    }
+
+    .tab-bar .tab-icon-stack > iconify-icon:last-child {
+      width: clamp(15px, 4.7vw, 17px);
+      height: clamp(15px, 4.7vw, 17px);
+    }
+
+    .tab-bar .tab-label {
+      font-size: 11.5px;
+      line-height: 1.4;
+      font-weight: 400;
+    }
+
+    .tab-bar .tab-label.is-active {
+      font-weight: 500;
+    }
+
+    .status-bar {
+      height: clamp(26px, 8.3vw, 30px);
+    }
+
+    .main-scroll {
+      scrollbar-width: none;
+      -ms-overflow-style: none;
+      overscroll-behavior-y: contain;
+    }
+
+    .main-scroll::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+
+    .group-bar {
+      height: 41px;
+      flex: none;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 0 24px;
+      background: #F4F6F9;
+      border-top: 1px solid #FFFFFF;
+    }
+
+    .group-title {
+      font-size: clamp(13px, 3.7vw, 14px);
+      line-height: 1.4;
+      font-weight: 400;
+      letter-spacing: 0.2px;
+      color: #16202A;
+    }
+
+    .feature-grid {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      column-gap: 0;
+      row-gap: clamp(12px, 4.6vw, 18px);
+      background: #ffffff;
+      padding: clamp(14px, 4.6vw, 18px) clamp(12px, 5vw, 18px) clamp(18px, 6vw, 24px);
+    }
+
+    .group-arrow {
+      display: block;
+      flex: none;
+      width: auto;
+      height: clamp(12px, 3.6vw, 15px);
+      object-fit: contain;
+      filter: drop-shadow(0 1px 1px rgba(37, 99, 235, 0.28));
+    }
+
+    .feature-card {
+      width: 100%;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      background: transparent;
+      border: 0;
+      padding: 0;
+      cursor: pointer;
+      transition: transform 140ms ease;
+    }
+
+    .feature-card:active {
+      transform: scale(0.94);
+    }
+
+    .icon-tile {
+      width: var(--tile-size);
+      height: var(--tile-size);
+      flex: none;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: calc(var(--tile-size) * 0.267);
+      box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.92),
+        inset 0 -1px 0 rgba(255, 255, 255, 0.45),
+        0 6px 12px -7px rgba(54, 80, 99, 0.34);
+    }
+
+    .icon-tile::before {
+      content: "";
+      position: absolute;
+      top: calc(var(--tile-size) * 0.1);
+      left: calc(var(--tile-size) * 0.167);
+      width: calc(var(--tile-size) * 0.3);
+      height: calc(var(--tile-size) * 0.133);
+      border-radius: 999px;
+      background: rgba(255, 255, 255, 0.46);
+      filter: blur(2px);
+      pointer-events: none;
+    }
+
+    .icon-tile::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      border: 1px solid rgba(255, 255, 255, 0.5);
+      pointer-events: none;
+    }
+
+    .corner-tag {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: var(--tag-size);
+      height: var(--tag-size);
+      overflow: hidden;
+      border-top-left-radius: inherit;
+      pointer-events: none;
+      z-index: 3;
+    }
+
+    .corner-tag span {
+      position: absolute;
+      left: calc(var(--tag-size) * -0.429);
+      top: var(--tag-offset);
+      width: calc(var(--tag-size) * 1.714);
+      transform: rotate(-45deg);
+      background: linear-gradient(90deg, #4e97ff 0%, #2f7df6 53%, #2a73eb 100%);
+      color: #ffffff;
+      font-size: clamp(7px, 2.1vw, 8px);
+      line-height: var(--tag-line);
+      letter-spacing: 0.5px;
+      text-align: center;
+      font-weight: 500;
+      box-shadow: 0 1px 2px rgba(37, 99, 235, 0.32);
+    }
+
+    .icon-main {
+      filter: drop-shadow(0 2px 0 rgba(255, 255, 255, 0.22))
+        drop-shadow(0 3px 3px rgba(37, 56, 76, 0.18));
+    }
+
+    .icon-stage {
+      position: relative;
+      z-index: 2;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--icon-size);
+      height: var(--icon-size);
+    }
+
+    .icon-stage > iconify-icon {
+      width: calc(var(--icon-size) * 0.94);
+      height: calc(var(--icon-size) * 0.94);
+    }
+
+    .icon-stage > .icon-sub {
+      width: calc(var(--icon-size) * 0.62);
+      height: calc(var(--icon-size) * 0.62);
+    }
+
+    .icon-stage > .icon-mini {
+      width: calc(var(--icon-size) * 0.46);
+      height: calc(var(--icon-size) * 0.46);
+    }
+
+    .icon-tile.is-image {
+      color: transparent;
+      background: transparent;
+      box-shadow: 0 6px 12px -7px rgba(54, 80, 99, 0.26);
+    }
+
+    .icon-tile.is-image::before,
+    .icon-tile.is-image::after {
+      content: none;
+    }
+
+    .icon-tile.is-image > .tile-img {
+      display: block;
+      width: 100%;
+      height: 100%;
+      border-radius: inherit;
+      object-fit: cover;
+      object-position: center;
+      -webkit-user-drag: none;
+      user-select: none;
+    }
+
+    .mini-accent {
+      position: absolute;
+      right: calc(var(--tile-size) * -0.13);
+      bottom: calc(var(--tile-size) * -0.115);
+      width: calc(var(--tile-size) * 0.283);
+      height: calc(var(--tile-size) * 0.283);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 999px;
+      background: rgba(255, 255, 255, 0.9);
+      box-shadow: 0 2px 5px rgba(31, 48, 67, 0.12);
+      z-index: 4;
+    }
+
+    .mini-accent iconify-icon {
+      width: calc(var(--tile-size) * 0.19);
+      height: calc(var(--tile-size) * 0.19);
+    }
+
+    .feature-label {
+      margin-top: clamp(6px, 2.2vw, 10px);
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: #2d3640;
+      font-size: clamp(12px, 3.4vw, 13px);
+      line-height: 1.3;
+      font-weight: 400;
+      letter-spacing: 0;
+      white-space: nowrap;
+      text-align: center;
+    }
+
+    .tile-purple {
+      color: #8b66f4;
+      background:
+        radial-gradient(circle at 29% 22%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 42%),
+        linear-gradient(145deg, #f7f2ff 0%, #ece3ff 60%, #e4d8ff 100%);
+    }
+
+    .tile-mint {
+      color: #67c8bb;
+      background:
+        radial-gradient(circle at 29% 22%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0) 42%),
+        linear-gradient(145deg, #effcf9 0%, #ddf8f2 58%, #d4f4ed 100%);
+    }
+
+    .tile-blue {
+      color: #4b8df5;
+      background:
+        radial-gradient(circle at 29% 22%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0) 42%),
+        linear-gradient(145deg, #f1f6ff 0%, #e6efff 60%, #dce8ff 100%);
+    }
+
+    .tile-pink {
+      color: #ee6f7d;
+      background:
+        radial-gradient(circle at 29% 22%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0) 42%),
+        linear-gradient(145deg, #fff3f4 0%, #ffe6e9 58%, #ffdde2 100%);
+    }
+
+    .tile-peach {
+      color: #f2a34b;
+      background:
+        radial-gradient(circle at 29% 22%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0) 42%),
+        linear-gradient(145deg, #fff8ee 0%, #ffefdd 60%, #ffe8cf 100%);
+    }
+
+    .tile-green {
+      color: #35ae8b;
+      background:
+        radial-gradient(circle at 29% 22%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0) 42%),
+        linear-gradient(145deg, #f0fcf8 0%, #e0f8f1 58%, #d7f5ec 100%);
+    }
+
+    .tab-button {
+      flex: 1;
+      min-width: 0;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      border: 0;
+      background: transparent;
+      color: #98A4B3;
+      cursor: pointer;
+      transition: color 140ms ease, transform 140ms ease;
+    }
+
+    .tab-button:active {
+      transform: scale(0.94);
+    }
+
+    .tab-button.is-active {
+      color: #3B71E8;
+    }
+
+    .toast {
+      position: absolute;
+      left: 50%;
+      bottom: 80px;
+      z-index: 60;
+      max-width: calc(100% - 44px);
+      width: max-content;
+      padding: 9px 16px;
+      border-radius: 999px;
+      background: rgba(29, 41, 57, 0.9);
+      color: #ffffff;
+      font-size: 12px;
+      line-height: 1.5;
+      text-align: center;
+      white-space: nowrap;
+      opacity: 0;
+      pointer-events: none;
+      transform: translate(-50%, 8px);
+      transition: opacity 180ms ease, transform 180ms ease;
+      box-shadow: 0 8px 24px rgba(18, 33, 49, 0.18);
+      backdrop-filter: blur(8px);
+    }
+
+    .toast.is-visible {
+      opacity: 1;
+      transform: translate(-50%, 0);
+    }
+
+    /* 5.51 寸小屏（窄屏或矮屏）收紧纵向节奏，保证首屏完整 */
+    @media (max-width: 374px), (max-height: 760px) {
+      .app-frame {
+        --nav-height: 46px;
+        --tab-height: 58px;
+        --tag-offset: 5.4px;
+        --tag-line: 13px;
+      }
+
+      .group-bar {
+        height: 35px;
+        gap: 8px;
+        padding: 0 16px;
+      }
+
+      .nav-title {
+        font-size: 16px;
+      }
+
+      .group-title {
+        font-size: 13px;
+      }
+
+      .feature-label {
+        font-size: 12px;
+      }
+
+      .tab-bar .tab-label {
+        font-size: 11px;
+      }
+
+      .group-arrow {
+        height: 12px;
+      }
+
+      .feature-grid {
+        row-gap: 12px;
+        padding: 14px 12px 18px;
+      }
+
+      .toast {
+        bottom: 72px;
+        font-size: 11px;
+        line-height: 1.5;
+        padding: 8px 14px;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .feature-card,
+      .tab-button,
+      .toast {
+        transition: none;
+      }
+    }
+  </style>
+</head>
+<body>
+<div class="app-frame">
+<!-- 顶部系统状态栏 -->
+<header class="flex-none bg-[#3B71E8] text-white">
+<div class="status-bar flex items-center justify-between px-3">
+<div class="flex items-center gap-[7px]">
+<span class="text-[11.5px] font-semibold tracking-[0.2px]">16:48</span>
+</div>
+<div aria-label="Wi-Fi" class="flex min-w-0 items-center gap-[5px]">
+<iconify-icon class="opacity-95" height="14" icon="mdi:wifi" width="14"></iconify-icon>
+</div>
+</div>
+</header>
+<!-- 蓝色导航栏 -->
+<nav aria-label="国际业务导航栏" class="nav-bar relative z-20 flex flex-none items-center justify-center bg-[#3B71E8] text-white">
+<h1 class="nav-title">国际业务</h1>
+<button aria-label="通知，341 条消息" class="nav-bell absolute right-[12px] top-1/2 flex -translate-y-1/2 items-center justify-center rounded-full active:bg-white/10" onclick="showNotificationToast()" type="button">
+<iconify-icon class="drop-shadow-[0_1px_1px_rgba(0,0,0,0.12)]" icon="mdi:bell-outline"></iconify-icon>
+<span class="nav-badge absolute -right-[2px] top-[0px] rounded-full bg-[#e1192d] px-[4px] text-center font-semibold text-white shadow-[0_1px_2px_rgba(145,16,31,0.35)]">341</span>
+</button>
+</nav>
+<!-- 主内容滚动区 -->
+<main class="main-scroll min-h-0 flex-1 overflow-y-auto overflow-x-hidden bg-[#F5F7FA]" id="mainContent">
+<!-- 国际出港 -->
+<section aria-labelledby="outbound-title">
+<div class="group-bar">
+<img alt="" aria-hidden="true" class="group-arrow" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/f48cf8269922458abee299bf1f4bdfae.png"/>
+<h2 class="group-title" id="outbound-title">国际出港</h2>
+</div>
+<div class="feature-grid">
+<button aria-label="出港计重" class="feature-card" onclick="openFeature('出港计重')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港计重图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/1e9507a32e7c45dea0362c3cc87b98c2.gif"/>
+</span>
+<span class="feature-label">出港计重</span>
+</button>
+<button aria-label="出港抵运" class="feature-card" onclick="openFeature('出港抵运')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港抵运图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/1c4971c9a2d9459da4ee19b5b5431bf1.gif"/>
+</span>
+<span class="feature-label">出港抵运</span>
+</button>
+<button aria-label="出港交接" class="feature-card" onclick="openFeature('出港交接')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港交接图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/460f6760462b4690823a98613894ce6e.gif"/>
+</span>
+<span class="feature-label">出港交接</span>
+</button>
+<button aria-label="出港移库" class="feature-card" onclick="openFeature('出港移库')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港移库图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/0bc7fe8fff684d748b0b27f2a120c6ed.gif"/>
+</span>
+<span class="feature-label">出港移库</span>
+</button>
+<button aria-label="出港仓库" class="feature-card" onclick="openFeature('出港仓库')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港仓库图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/18258a4775944c13b120d486ea13e925.gif"/>
+</span>
+<span class="feature-label">出港仓库</span>
+</button>
+<button aria-label="出港查询" class="feature-card" onclick="openFeature('出港查询')" type="button">
+<span class="icon-tile is-image">
+<img alt="出港查询图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/6c6fa3ed9a1449f1a704dbb6415814a1.png"/>
+</span>
+<span class="feature-label">出港查询</span>
+</button>
+</div>
+</section>
+<!-- 国际进港 -->
+<section aria-labelledby="inbound-title">
+<div class="group-bar">
+<img alt="" aria-hidden="true" class="group-arrow" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/f48cf8269922458abee299bf1f4bdfae.png"/>
+<h2 class="group-title" id="inbound-title">国际进港</h2>
+</div>
+<div class="feature-grid">
+<button aria-label="进港理货" class="feature-card" onclick="openFeature('进港理货')" type="button">
+<span class="icon-tile is-image">
+<img alt="进港理货图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/cc9965b937344aca99bdf329fea23e91.gif"/>
+</span>
+<span class="feature-label">进港理货</span>
+</button>
+<button aria-label="提取出库" class="feature-card" onclick="openFeature('提取出库')" type="button">
+<span class="icon-tile is-image">
+<img alt="提取出库图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/7bcf76ae718e4da9a784a7003c3884a7.gif"/>
+</span>
+<span class="feature-label">提取出库</span>
+</button>
+<button aria-label="进港仓库" class="feature-card" onclick="openFeature('进港仓库')" type="button">
+<span class="icon-tile is-image">
+<img alt="进港仓库图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/2d325743d7004623a87c3982190fe1d9.gif"/>
+</span>
+<span class="feature-label">进港仓库</span>
+</button>
+<button aria-label="进港查询" class="feature-card" onclick="openFeature('进港查询')" type="button">
+<span class="icon-tile is-image">
+<img alt="进港查询图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/0fd94c77b8c644b8bb37c1b5d471fcaf.gif"/>
+</span>
+<span class="feature-label">进港查询</span>
+</button>
+</div>
+</section>
+<!-- 综合管理 -->
+<section aria-labelledby="manage-title" class="pb-2">
+<div class="group-bar">
+<img alt="" aria-hidden="true" class="group-arrow" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/f48cf8269922458abee299bf1f4bdfae.png"/>
+<h2 class="group-title" id="manage-title">综合管理</h2>
+</div>
+<div class="feature-grid" style="padding-bottom: clamp(16px, 5.6vw, 22px);">
+<button aria-label="ULD管理" class="feature-card" onclick="openFeature('ULD管理')" type="button">
+<span class="icon-tile is-image">
+<img alt="ULD管理图标" class="tile-img" draggable="false" src="https://modao.cc/agent-py/media/generated_images/2026-10-20/7b2321b0f277416abad0b61252c5730a.gif"/>
+</span>
+<span class="feature-label">ULD管理</span>
+</button>
+</div>
+</section>
+</main>
+<!-- 底部 Tab 栏 -->
+<nav aria-label="底部导航" class="tab-bar relative z-30 flex flex-none items-stretch border-t border-[#EDF0F4] bg-white pb-[4px] shadow-[0_-1px_2px_rgba(16,24,40,0.04)]">
+<button aria-label="首页" class="tab-button" onclick="switchTab('首页')" type="button">
+<iconify-icon icon="mdi:home-outline"></iconify-icon>
+<span class="tab-label">首页</span>
+</button>
+<button aria-label="国内" class="tab-button" onclick="switchTab('国内')" type="button">
+<iconify-icon icon="mdi:earth"></iconify-icon>
+<span class="tab-label">国内</span>
+</button>
+<button aria-current="page" aria-label="国际，当前页面" class="tab-button is-active" onclick="switchTab('国际')" type="button">
+<span class="tab-icon-stack relative inline-flex items-center justify-center">
+<iconify-icon class="absolute bottom-0 left-0" icon="mdi:earth"></iconify-icon>
+<iconify-icon class="absolute right-0 top-0 -rotate-[14deg]" icon="mdi:airplane"></iconify-icon>
+</span>
+<span class="tab-label is-active">国际</span>
+</button>
+<button aria-label="我的" class="tab-button" onclick="switchTab('我的')" type="button">
+<iconify-icon icon="mdi:account-circle-outline"></iconify-icon>
+<span class="tab-label">我的</span>
+</button>
+</nav>
+<div aria-live="polite" class="toast" id="toast" role="status"></div>
+</div>
+<script>
+    let toastTimer = null;
+
+    function showToast(message) {
+      const toast = document.getElementById("toast");
+      if (!toast) return;
+
+      toast.textContent = message;
+      toast.classList.add("is-visible");
+
+      if (toastTimer) {
+        clearTimeout(toastTimer);
+      }
+
+      toastTimer = setTimeout(function () {
+        toast.classList.remove("is-visible");
+      }, 1800);
+    }
+
+    function openFeature(name) {
+      showToast(name + " · 功能即将开放");
+    }
+
+    function showNotificationToast() {
+      showToast("您有 341 条待处理消息");
+    }
+
+    function switchTab(name) {
+      if (name === "首页") {
+        window.location.href = "dashboard.html";
+        return;
+      }
+
+      if (name === "国内") {
+        window.location.href = "domestic.html";
+        return;
+      }
+
+      if (name === "国际") {
+        const main = document.getElementById("mainContent");
+        if (main) {
+          main.scrollTo({ top: 0, behavior: "smooth" });
+        }
+        showToast("当前已在国际业务");
+        return;
+      }
+
+      showToast(name + "模块暂未接入");
+    }
+  </script>
+</body>
+</html>

module_base/build.gradle

@@ -149,7 +149,7 @@ dependencies {
     api 'com.github.li-xiaojun:XPopup:2.9.19'
 
     // 屏幕适配
-    api 'me.jessyan:autosize:1.2.+'
+    api 'me.jessyan:autosize:1.2.1'
 
     // 佳博打印SDK
     api(name: 'sdk2-2.0.4', ext: 'aar') {

module_base/src/main/res/layout/pda_item_image_select.xml

@@ -21,7 +21,8 @@
             android:layout_height="50dp"
             android:padding="10dp"
             android:layout_centerInParent="true"
-            android:src="@drawable/img_add" />
+            android:src="@drawable/img_add"
+            android:tint="@color/phone_primary" />
 
         <ImageView
             android:id="@+id/iv"

module_gjc/src/main/res/layout/activity_int_exp_arrive_sub_order.xml

@@ -18,6 +18,8 @@
 
     <data>
 
+        <import type="android.view.View" />
+
         <variable
             name="viewModel"
             type="com.lukouguoji.gjc.viewModel.IntExpArriveSubOrderViewModel" />
@@ -60,21 +62,52 @@
 
             </LinearLayout>
 
-            <!-- ==================== 列表 ==================== -->
+            <!-- ==================== 列表 + 空态 ==================== -->
-            <androidx.recyclerview.widget.RecyclerView
+            <FrameLayout
-                android:id="@+id/rv"
                 android:layout_width="match_parent"
                 android:layout_height="0dp"
-                android:layout_weight="1"
+                android:layout_weight="1">
-                android:clipToPadding="false"
+
-                android:overScrollMode="never"
+                <androidx.recyclerview.widget.RecyclerView
-                android:paddingTop="4dp"
+                    android:id="@+id/rv"
-                android:paddingBottom="12dp"
+                    android:layout_width="match_parent"
-                itemLayoutId="@{viewModel.itemLayoutId}"
+                    android:layout_height="match_parent"
-                viewHolder="@{viewModel.itemViewHolder}"
+                    android:clipToPadding="false"
-                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                    android:overScrollMode="never"
-                tools:itemCount="3"
+                    android:paddingTop="4dp"
-                tools:listitem="@layout/item_int_exp_arrive_sub_order" />
+                    android:paddingBottom="12dp"
+                    itemLayoutId="@{viewModel.itemLayoutId}"
+                    viewHolder="@{viewModel.itemViewHolder}"
+                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                    tools:itemCount="3"
+                    tools:listitem="@layout/item_int_exp_arrive_sub_order" />
+
+                <!-- 空态（Bug #631：无分单的运单也可进入本页） -->
+                <LinearLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center"
+                    android:gravity="center"
+                    android:orientation="vertical"
+                    android:visibility="@{viewModel.displayList.empty ? View.VISIBLE : View.GONE}">
+
+                    <ImageView
+                        android:layout_width="48dp"
+                        android:layout_height="48dp"
+                        android:src="@drawable/ic_phone_clipboard"
+                        android:tint="@color/phone_text_hint" />
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="12dp"
+                        android:text="暂无分单"
+                        android:textColor="@color/phone_text_hint"
+                        android:textSize="14sp" />
+
+                </LinearLayout>
+
+            </FrameLayout>
 
             <!-- ==================== 底部操作条 ==================== -->
             <com.lukouguoji.module_base.ui.weight.phone.PhoneBottomBar

module_gjc/src/main/res/layout/activity_int_exp_move_edit.xml

@@ -5,7 +5,8 @@
 
     详情（DetailsPageType.Details）：列表卡片「查看详情」进入，全部只读；
     编辑（DetailsPageType.Modify）：列表卡片「编辑」进入（对应平板侧滑「编辑」），仅备注与交接图片可改。
-    样式沿用设计稿 05_出港移库「运单详情」：蓝色表头卡片 + 两列字段网格；移库人/移库时间取列表数据（listBean）。
+    卡片样式与「出港货物」详情的运单信息 Tab（fragment_gjc_query_waybill.xml）一致：
+    bg_phone_card + 左侧蓝色短竖条标题 + 分割线 + PhoneKvItem 两列字段网格；移库人/移库时间取列表数据（listBean）。
 -->
 <layout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto">
@@ -14,8 +15,6 @@
 
         <import type="com.lukouguoji.module_base.common.DetailsPageType" />
 
-        <import type="com.lukouguoji.module_base.ui.weight.phone.PhoneFormRowType" />
-
         <import type="android.view.View" />
 
         <variable
@@ -42,180 +41,202 @@
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:orientation="vertical"
-                android:padding="16dp">
+                android:padding="12dp">
 
-                <!-- ==================== 卡片一：运单基本信息 ==================== -->
+                <!-- ==================== 卡片一：基本信息 ==================== -->
                 <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:background="@drawable/bg_phone_card"
-                    android:orientation="vertical">
+                    android:orientation="vertical"
+                    android:paddingHorizontal="14dp"
+                    android:paddingBottom="14dp">
 
-                    <!-- 蓝色表头：运单号 + 移交状态 -->
+                    <!-- 卡片头 -->
                     <LinearLayout
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:background="@drawable/bg_phone_card_header_blue"
                         android:gravity="center_vertical"
                         android:orientation="horizontal"
-                        android:paddingHorizontal="16dp"
                         android:paddingVertical="12dp">
 
+                        <View
+                            android:layout_width="4dp"
+                            android:layout_height="16dp"
+                            android:background="@color/phone_primary" />
+
                         <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="8dp"
+                            android:text="基本信息"
+                            android:textColor="@color/phone_text_title"
+                            android:textSize="15sp"
+                            android:textStyle="bold" />
+
+                    </LinearLayout>
+
+                    <com.google.android.material.divider.MaterialDivider
+                        android:layout_width="match_parent"
+                        android:layout_height="1px"
+                        android:layout_marginBottom="12dp"
+                        android:background="@color/phone_divider" />
+
+                    <!-- 运单号 | 移交状态 -->
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal">
+
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
                             android:layout_width="0dp"
                             android:layout_height="wrap_content"
                             android:layout_weight="1"
-                            android:text="@{viewModel.dataBean.wbNo}"
+                            title='@{"运单号"}'
-                            android:textColor="@color/white"
+                            value="@{viewModel.dataBean.wbNo}" />
-                            android:textSize="17sp"
-                            android:textStyle="bold" />
 
-                        <View
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                            android:layout_width="8dp"
+                            android:layout_width="0dp"
-                            android:layout_height="8dp"
-                            android:layout_marginEnd="6dp"
-                            android:background="@{viewModel.dataBean.moveState == 1 ? @drawable/bg_phone_dot_green : @drawable/bg_phone_dot_gray}" />
-
-                        <TextView
-                            android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
-                            android:text="@{viewModel.dataBean.moveStateText}"
+                            android:layout_weight="1"
-                            android:textColor="@color/white"
+                            title='@{"移交状态"}'
-                            android:textSize="14sp" />
+                            value="@{viewModel.dataBean.moveStateText}" />
 
                     </LinearLayout>
 
+                    <!-- 件数 | 重量 -->
                     <LinearLayout
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:orientation="vertical"
+                        android:layout_marginTop="12dp"
-                        android:padding="16dp">
+                        android:orientation="horizontal">
 
-                        <!-- 运单类型（红标签） -->
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                        <TextView
+                            android:layout_width="0dp"
-                            android:layout_width="wrap_content"
-                            android:layout_height="22dp"
-                            android:background="@drawable/bg_phone_tag_red"
-                            android:gravity="center"
-                            android:paddingHorizontal="8dp"
-                            android:text='@{viewModel.dataBean.awbTypeName == null || viewModel.dataBean.awbTypeName.empty ? "-" : viewModel.dataBean.awbTypeName}'
-                            android:textColor="@color/phone_tag_red_text"
-                            android:textSize="12sp"
-                            android:textStyle="bold" />
-
-                        <!-- 品名（主字段大字） -->
-                        <TextView
-                            android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
-                            android:layout_marginTop="12dp"
+                            android:layout_weight="1"
-                            android:layout_marginBottom="12dp"
+                            title='@{"件数"}'
-                            android:text='@{viewModel.dataBean.goods == null || viewModel.dataBean.goods.empty ? "-" : viewModel.dataBean.goods}'
+                            value='@{viewModel.dataBean.pc == null ? "" : String.valueOf(viewModel.dataBean.pc)}' />
-                            android:textColor="@color/phone_text_strong"
-                            android:textSize="22sp"
-                            android:textStyle="bold" />
 
-                        <!-- 第 1 行：件数 / 重量 -->
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                        <LinearLayout
+                            android:layout_width="0dp"
-                            android:layout_width="match_parent"
                             android:layout_height="wrap_content"
-                            android:orientation="horizontal">
+                            android:layout_weight="1"
-
+                            title='@{"重量"}'
-                            <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
+                            value='@{viewModel.dataBean.weight == null ? "" : String.valueOf(viewModel.dataBean.weight) + " kg"}' />
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                title='@{"件数"}'
-                                value='@{viewModel.dataBean.pc == null ? "" : String.valueOf(viewModel.dataBean.pc)}' />
-
-                            <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_marginStart="32dp"
-                                android:layout_weight="1"
-                                title='@{"重量"}'
-                                value='@{viewModel.dataBean.weight == null ? "" : String.valueOf(viewModel.dataBean.weight) + " kg"}' />
-
-                        </LinearLayout>
-
-                        <!-- 第 2 行：特码 / 代理人 -->
-                        <LinearLayout
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="12dp"
-                            android:orientation="horizontal">
-
-                            <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                title='@{"特码"}'
-                                value="@{viewModel.dataBean.spCode}" />
-
-                            <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_marginStart="32dp"
-                                android:layout_weight="1"
-                                title='@{"代理人"}'
-                                value="@{viewModel.dataBean.agentCode}" />
-
-                        </LinearLayout>
-
-                        <!-- 第 3 行：出运路径 / 承运人 -->
-                        <LinearLayout
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="12dp"
-                            android:orientation="horizontal">
-
-                            <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                title='@{"出运路径"}'
-                                value="@{viewModel.dataBean.range}" />
-
-                            <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_marginStart="32dp"
-                                android:layout_weight="1"
-                                title='@{"承运人"}'
-                                value="@{viewModel.dataBean.by}" />
-
-                        </LinearLayout>
 
                     </LinearLayout>
 
+                    <!-- 特码 | 代理人 -->
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="12dp"
+                        android:orientation="horizontal">
+
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            title='@{"特码"}'
+                            value="@{viewModel.dataBean.spCode}" />
+
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            title='@{"代理人"}'
+                            value="@{viewModel.dataBean.agentCode}" />
+
+                    </LinearLayout>
+
+                    <!-- 出运路径 | 承运人 -->
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="12dp"
+                        android:orientation="horizontal">
+
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            title='@{"出运路径"}'
+                            value="@{viewModel.dataBean.range}" />
+
+                        <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            title='@{"承运人"}'
+                            value="@{viewModel.dataBean.by}" />
+
+                    </LinearLayout>
+
+                    <!-- 运单类型（整行） -->
+                    <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="12dp"
+                        title='@{"运单类型"}'
+                        value="@{viewModel.dataBean.awbTypeName}" />
+
+                    <!-- 品名（整行） -->
+                    <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="12dp"
+                        title='@{"品名"}'
+                        value="@{viewModel.dataBean.goods}" />
+
                 </LinearLayout>
 
                 <!-- ==================== 卡片二：移库信息（列表数据，仅已移库显示） ==================== -->
                 <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:layout_marginTop="16dp"
+                    android:layout_marginTop="12dp"
                     android:background="@drawable/bg_phone_card"
                     android:orientation="vertical"
+                    android:paddingHorizontal="14dp"
+                    android:paddingBottom="14dp"
                     android:visibility="@{viewModel.listBean != null &amp;&amp; viewModel.listBean.isMoved ? View.VISIBLE : View.GONE}">
 
-                    <TextView
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:background="@drawable/bg_phone_card_header_green"
-                        android:paddingHorizontal="16dp"
-                        android:paddingVertical="10dp"
-                        android:text="移库信息"
-                        android:textColor="@color/white"
-                        android:textSize="15sp"
-                        android:textStyle="bold" />
-
                     <LinearLayout
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
+                        android:gravity="center_vertical"
                         android:orientation="horizontal"
-                        android:paddingHorizontal="16dp"
                         android:paddingVertical="12dp">
 
+                        <View
+                            android:layout_width="4dp"
+                            android:layout_height="16dp"
+                            android:background="@color/phone_primary" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="8dp"
+                            android:text="移库信息"
+                            android:textColor="@color/phone_text_title"
+                            android:textSize="15sp"
+                            android:textStyle="bold" />
+
+                    </LinearLayout>
+
+                    <com.google.android.material.divider.MaterialDivider
+                        android:layout_width="match_parent"
+                        android:layout_height="1px"
+                        android:layout_marginBottom="12dp"
+                        android:background="@color/phone_divider" />
+
+                    <!-- 移库人 | 移库时间 -->
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal">
+
                         <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
                             android:layout_width="0dp"
                             android:layout_height="wrap_content"
@@ -226,7 +247,6 @@
                         <com.lukouguoji.module_base.ui.weight.phone.PhoneKvItem
                             android:layout_width="0dp"
                             android:layout_height="wrap_content"
-                            android:layout_marginStart="32dp"
                             android:layout_weight="1"
                             title='@{"移库时间"}'
                             value="@{viewModel.listBean.opdate}" />
@@ -235,31 +255,52 @@
 
                 </LinearLayout>
 
-                <!-- ==================== 卡片三：交接图片（Bug #632：样式与进港移库「异常照片」一致——橙色表头 + 三列虚线加号槽位，长按图片出删除角标） ==================== -->
+                <!-- ==================== 卡片三：交接图片（三列加号槽位，长按图片出删除角标） ==================== -->
                 <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:layout_marginTop="16dp"
+                    android:layout_marginTop="12dp"
                     android:background="@drawable/bg_phone_card"
-                    android:orientation="vertical">
+                    android:orientation="vertical"
+                    android:paddingHorizontal="14dp"
+                    android:paddingBottom="14dp">
 
-                    <TextView
+                    <LinearLayout
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:background="@drawable/bg_phone_card_header_orange"
+                        android:gravity="center_vertical"
-                        android:paddingHorizontal="16dp"
+                        android:orientation="horizontal"
-                        android:paddingVertical="10dp"
+                        android:paddingVertical="12dp">
-                        android:text="交接图片"
-                        android:textColor="@color/white"
-                        android:textSize="15sp"
-                        android:textStyle="bold" />
 
+                        <View
+                            android:layout_width="4dp"
+                            android:layout_height="16dp"
+                            android:background="@color/phone_primary" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="8dp"
+                            android:text="交接图片"
+                            android:textColor="@color/phone_text_title"
+                            android:textSize="15sp"
+                            android:textStyle="bold" />
+
+                    </LinearLayout>
+
+                    <com.google.android.material.divider.MaterialDivider
+                        android:layout_width="match_parent"
+                        android:layout_height="1px"
+                        android:layout_marginBottom="6dp"
+                        android:background="@color/phone_divider" />
+
+                    <!-- 格子自带 6dp 外边距，左右各收回 6dp，让图片与上方字段左边缘对齐 -->
                     <androidx.recyclerview.widget.RecyclerView
                         android:id="@+id/rv_images"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
+                        android:layout_marginHorizontal="-6dp"
                         android:overScrollMode="never"
-                        android:padding="10dp"
                         itemLayoutId="@{viewModel.imageItemLayoutId}"
                         viewHolder="@{viewModel.imageItemViewHolder}"
                         app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
@@ -278,36 +319,69 @@
 
                 </LinearLayout>
 
-                <!-- ==================== 卡片四：补充信息（Bug #632：备注录入与保存，表头底色 #F3F4F6） ==================== -->
+                <!-- ==================== 卡片四：补充信息（Bug #632：备注录入与保存，无下划线） ==================== -->
                 <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:layout_marginTop="16dp"
+                    android:layout_marginTop="12dp"
                     android:background="@drawable/bg_phone_card"
-                    android:orientation="vertical">
+                    android:orientation="vertical"
+                    android:paddingHorizontal="14dp"
+                    android:paddingBottom="14dp">
 
-                    <!-- 表头文字色：Bug 单写的是白色，但白字在 #F3F4F6 上不可读，暂用标题深色，待确认 -->
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:gravity="center_vertical"
+                        android:orientation="horizontal"
+                        android:paddingVertical="12dp">
+
+                        <View
+                            android:layout_width="4dp"
+                            android:layout_height="16dp"
+                            android:background="@color/phone_primary" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="8dp"
+                            android:text="补充信息"
+                            android:textColor="@color/phone_text_title"
+                            android:textSize="15sp"
+                            android:textStyle="bold" />
+
+                    </LinearLayout>
+
+                    <com.google.android.material.divider.MaterialDivider
+                        android:layout_width="match_parent"
+                        android:layout_height="1px"
+                        android:layout_marginBottom="12dp"
+                        android:background="@color/phone_divider" />
+
+                    <!-- 备注：标签/数值字号与 PhoneKvItem 一致（12sp 灰标签 + 15sp 数值），编辑态可直接输入 -->
                     <TextView
-                        android:layout_width="match_parent"
+                        android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:background="@drawable/bg_phone_card_header_gray"
+                        android:text="备注"
-                        android:paddingHorizontal="16dp"
+                        android:textColor="@color/phone_text_hint"
-                        android:paddingVertical="10dp"
+                        android:textSize="12sp" />
-                        android:text="补充信息"
-                        android:textColor="@color/phone_text_title"
-                        android:textSize="15sp"
-                        android:textStyle="bold" />
 
-                    <com.lukouguoji.module_base.ui.weight.phone.PhoneFormRow
+                    <EditText
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:paddingHorizontal="16dp"
+                        android:layout_marginTop="2dp"
-                        android:paddingBottom="4dp"
+                        android:background="@null"
-                        enable="@{viewModel.pageType != DetailsPageType.Details}"
+                        android:enabled="@{viewModel.pageType != DetailsPageType.Details}"
-                        hint='@{"请输入备注"}'
+                        android:hint='@{viewModel.pageType == DetailsPageType.Details ? "-" : "请输入备注"}'
-                        title='@{"备注"}'
+                        android:importantForAutofill="no"
-                        type="@{viewModel.pageType == DetailsPageType.Details ? PhoneFormRowType.TEXT : PhoneFormRowType.INPUT}"
+                        android:inputType="text"
-                        value="@={viewModel.remark}" />
+                        android:maxLines="1"
+                        android:minHeight="24dp"
+                        android:padding="0dp"
+                        android:text="@={viewModel.remark}"
+                        android:textColor="@color/phone_text_title"
+                        android:textColorHint="@{viewModel.pageType == DetailsPageType.Details ? @color/phone_text_title : @color/phone_text_hint}"
+                        android:textSize="15sp" />
 
                 </LinearLayout>
 

module_gjc/src/main/res/layout/item_gjc_query.xml

@@ -104,7 +104,8 @@
                 android:layout_width="16dp"
                 android:layout_height="16dp"
                 android:layout_marginStart="6dp"
-                android:src="@drawable/ic_phone_chevron_right" />
+                android:src="@drawable/ic_phone_chevron_right"
+                android:tint="@color/phone_text_body" />
 
         </LinearLayout>
 

module_gjc/src/main/res/layout/item_gjc_weighing.xml

@@ -64,7 +64,8 @@
                 android:layout_width="16dp"
                 android:layout_height="16dp"
                 android:layout_marginStart="6dp"
-                android:src="@drawable/ic_phone_chevron_right" />
+                android:src="@drawable/ic_phone_chevron_right"
+                android:tint="@color/phone_text_hint" />
 
         </LinearLayout>
 

module_gjc/src/main/res/layout/item_int_exp_arrive.xml

@@ -185,35 +185,7 @@
 
             </LinearLayout>
 
-            <!-- 字段网格：海关放行 / 运单类型（Bug #626：待运抵不显示，仅已运抵显示，与原型一致） -->
+            <!-- 查看分单（Bug #631：无分单也显示，数量为 0） -->
-            <LinearLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="8dp"
-                android:orientation="horizontal"
-                android:visibility="@{`shipped`.equals(viewModel.currentTab) ? View.VISIBLE : View.GONE}">
-
-                <TextView
-                    android:layout_width="0dp"
-                    android:layout_height="wrap_content"
-                    android:layout_weight="1"
-                    android:text='@{"海关放行： " + bean.orDash(bean.cmdStatus)}'
-                    android:textColor="@color/phone_text_body"
-                    android:textSize="13sp"
-                    tools:text="海关放行： 已放行" />
-
-                <TextView
-                    android:layout_width="0dp"
-                    android:layout_height="wrap_content"
-                    android:layout_weight="1"
-                    android:text='@{"运单类型： " + bean.orDash(bean.awbName)}'
-                    android:textColor="@color/phone_text_body"
-                    android:textSize="13sp"
-                    tools:text="运单类型： 普通" />
-
-            </LinearLayout>
-
-            <!-- 查看分单（无分单数据时不显示） -->
             <TextView
                 android:layout_width="match_parent"
                 android:layout_height="36dp"
@@ -221,10 +193,9 @@
                 android:background="@drawable/bg_phone_btn_weak"
                 android:gravity="center"
                 android:onClick="@{()-> activity.openSubOrder(bean)}"
-                android:text='@{"查看分单 " + bean.haWbNumber}'
+                android:text='@{"查看分单 " + (bean.haWbNumber == null ? 0 : bean.haWbNumber)}'
                 android:textColor="@color/phone_primary"
                 android:textSize="14sp"
-                android:visibility="@{bean.haWbNumber != null &amp;&amp; bean.haWbNumber > 0 ? View.VISIBLE : View.GONE}"
                 tools:text="查看分单 3" />
 
         </androidx.appcompat.widget.LinearLayoutCompat>

module_gjc/src/main/res/layout/item_int_exp_storage_use.xml

@@ -95,7 +95,8 @@
                 android:layout_width="16dp"
                 android:layout_height="16dp"
                 android:layout_marginStart="6dp"
-                android:src="@drawable/ic_phone_chevron_right" />
+                android:src="@drawable/ic_phone_chevron_right"
+                android:tint="@color/phone_text_body" />
 
         </LinearLayout>
 

module_gjj/src/main/res/layout/item_int_imp_query.xml

@@ -104,7 +104,8 @@
                 android:layout_width="16dp"
                 android:layout_height="16dp"
                 android:layout_marginStart="6dp"
-                android:src="@drawable/ic_phone_chevron_right" />
+                android:src="@drawable/ic_phone_chevron_right"
+                android:tint="@color/phone_text_body" />
 
         </LinearLayout>
 

module_gjj/src/main/res/layout/item_int_imp_storage_use.xml

@@ -95,7 +95,8 @@
                 android:layout_width="16dp"
                 android:layout_height="16dp"
                 android:layout_marginStart="6dp"
-                android:src="@drawable/ic_phone_chevron_right" />
+                android:src="@drawable/ic_phone_chevron_right"
+                android:tint="@color/phone_text_body" />
 
         </LinearLayout>
 

module_p/src/main/java/com/sixin/module_p/ui/enter/PDAEnterActivity.kt

@@ -2,9 +2,11 @@ package com.sixin.module_p.ui.enter
 
 import android.content.Context.RECEIVER_EXPORTED
 import android.content.IntentFilter
+import android.graphics.Typeface
 import android.os.Build
 import android.os.Bundle
 import android.view.View
+import androidx.core.content.ContextCompat
 import com.alibaba.android.arouter.facade.annotation.Route
 import com.lukouguoji.module_base.base.CustomVP2Adapter
 import com.lukouguoji.module_base.bean.SocketEventBean
@@ -41,6 +43,9 @@ class PDAEnterActivity : BasePdaActivity<ActivityPdaenterBinding, PDAEnterViewMo
     override fun initOnCreate(savedInstanceState: Bundle?) {
         binding.viewModel = viewModel
 
+        // 状态栏与顶部导航栏同色（同业务页标题栏 phone_primary）
+        window.statusBarColor = ContextCompat.getColor(this, R.color.phone_primary)
+
         binding.vp.adapter =
             CustomVP2Adapter(viewModel.fragmentList, supportFragmentManager, lifecycle)
         binding.vp.isUserInputEnabled = false
@@ -48,6 +53,7 @@ class PDAEnterActivity : BasePdaActivity<ActivityPdaenterBinding, PDAEnterViewMo
 
         viewModel.index.observe(this) {
             binding.vp.setCurrentItem(it, false)
+            updateTabStyle(it)
         }
 
         FlowBus.with<Any>(ConstantEvent.LOGOUT)
@@ -93,6 +99,17 @@ class PDAEnterActivity : BasePdaActivity<ActivityPdaenterBinding, PDAEnterViewMo
         }
     }
 
+    /**
+     * Tab 切换时的纯 UI 调整：选中 Tab 文字加粗（设计稿 font-weight 500，选择器表达不了字重）
+     */
+    private fun updateTabStyle(index: Int) {
+        listOf(binding.tvTabHome, binding.tvTabGn, binding.tvTabGj, binding.tvTabMine)
+            .forEachIndexed { i, tv ->
+                tv.typeface = if (i == index) Typeface.create("sans-serif-medium", Typeface.NORMAL)
+                else Typeface.DEFAULT
+            }
+    }
+
     override fun onDestroy() {
         super.onDestroy()
         unregisterReceiver(receiver)
@@ -101,6 +118,7 @@ class PDAEnterActivity : BasePdaActivity<ActivityPdaenterBinding, PDAEnterViewMo
 
     override fun isBaseOnWidth() = true
 
-    override fun getSizeInDp(): Float = PDAHelper.PDA_WIDTH
+    /** 首页按 documents/5.5寸首页新样式/ 设计稿 390dp 画布等比还原（其余 PDA 页仍为 [PDAHelper.PDA_WIDTH]） */
+    override fun getSizeInDp(): Float = 390f
 
-}
+}

module_p/src/main/java/com/sixin/module_p/ui/enter/PdaMenuGroup.kt

@@ -0,0 +1,108 @@
+package com.sixin.module_p.ui.enter
+
+import android.view.LayoutInflater
+import android.view.View
+import android.widget.LinearLayout
+import android.widget.Space
+import com.lukouguoji.module_base.bean.ActionBean
+import com.lukouguoji.module_base.common.Constant
+import com.lukouguoji.module_base.db.perference.SharedPreferenceUtil
+import com.sixin.module_p.databinding.ItemPdaActionBinding
+import com.sixin.module_p.databinding.ItemPdaMenuGroupBinding
+
+/**
+ * 手持端首页「国内 / 国际」Tab 的菜单分组（标题 + 组内顺序取自 documents/5.5寸首页新样式/ 设计稿）
+ */
+data class PdaMenuGroup(
+    val title: String,
+    val items: List<ActionBean>
+)
+
+/**
+ * 按登录返回的 authList 过滤，**判定方式与改版前逐字一致**（`authList.contains(key)`），
+ * 保证改版前后同一账号看到的入口集合不变；过滤后为空的分组整组不显示
+ */
+fun List<PdaMenuGroup>.filterByAuth(): List<PdaMenuGroup> =
+    map { group ->
+        group.copy(items = group.items.filter {
+            SharedPreferenceUtil.getString(Constant.Share.authList).contains(it.key)
+        })
+    }.filter { it.items.isNotEmpty() }
+
+/**
+ * 把分组菜单渲染成设计稿的「分组标题栏 + 三列宫格」
+ *
+ * 入口数量是固定的小清单，直接按行铺 LinearLayout，比 RecyclerView 多类型 + 网格装饰简单，
+ * 也能精确还原设计稿的行距与内边距
+ */
+object PdaMenuRenderer {
+
+    private const val SPAN_COUNT = 3
+
+    /** 宫格行距（设计稿 row-gap 12px） */
+    private const val ROW_GAP_DP = 12f
+
+    /** 最后一组宫格底部内边距（设计稿 padding-bottom: clamp(16px, 5.6vw, 22px)） */
+    private const val LAST_GRID_PADDING_BOTTOM_DP = 22f
+
+    fun render(
+        container: LinearLayout,
+        groups: List<PdaMenuGroup>,
+        onItemClick: (ActionBean) -> Unit
+    ) {
+        container.removeAllViews()
+        val inflater = LayoutInflater.from(container.context)
+
+        groups.forEachIndexed { groupIndex, group ->
+            val groupBinding = ItemPdaMenuGroupBinding.inflate(inflater, container, true)
+            groupBinding.title = group.title
+            groupBinding.executePendingBindings()
+
+            val grid = groupBinding.llGrid
+            if (groupIndex == groups.lastIndex) {
+                grid.setPadding(
+                    grid.paddingLeft,
+                    grid.paddingTop,
+                    grid.paddingRight,
+                    grid.dp(LAST_GRID_PADDING_BOTTOM_DP)
+                )
+            }
+
+            group.items.chunked(SPAN_COUNT).forEachIndexed { rowIndex, rowItems ->
+                val row = LinearLayout(container.context).apply {
+                    orientation = LinearLayout.HORIZONTAL
+                }
+                grid.addView(
+                    row,
+                    LinearLayout.LayoutParams(
+                        LinearLayout.LayoutParams.MATCH_PARENT,
+                        LinearLayout.LayoutParams.WRAP_CONTENT
+                    ).apply {
+                        if (rowIndex > 0) topMargin = grid.dp(ROW_GAP_DP)
+                    }
+                )
+
+                rowItems.forEach { bean ->
+                    val cell = ItemPdaActionBinding.inflate(inflater, row, false)
+                    cell.bean = bean
+                    cell.ivIcon.setImageResource(bean.icon)
+                    // 圆角裁剪：XML 的 android:clipToOutline 仅 API 31+ 生效，需代码设置
+                    cell.ivIcon.clipToOutline = true
+                    cell.executePendingBindings()
+                    cell.ll.setOnClickListener { onItemClick(bean) }
+                    row.addView(cell.root, cellParams())
+                }
+                // 末行不足三个时补位，保证列宽一致
+                repeat(SPAN_COUNT - rowItems.size) {
+                    row.addView(Space(container.context), cellParams())
+                }
+            }
+        }
+    }
+
+    private fun cellParams() =
+        LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f)
+
+    /** 用 View 自身 resources 换算（已被 AutoSize 改写为当前页面基准） */
+    private fun View.dp(value: Float) = (value * resources.displayMetrics.density + 0.5f).toInt()
+}

module_p/src/main/java/com/sixin/module_p/ui/enter/gj/GjFragment.kt

@@ -2,13 +2,9 @@ package com.sixin.module_p.ui.enter.gj
 
 import androidx.fragment.app.Fragment
 import com.lukouguoji.module_base.base.BaseBindingFragment
-import com.lukouguoji.module_base.base.CommonAdapter
-import com.lukouguoji.module_base.interfaces.IOnItemClickListener
-import com.lukouguoji.module_base.ktx.addOnItemClickListener
-import com.lukouguoji.module_base.ktx.loge
-import com.lukouguoji.module_base.ktx.refresh
 import com.sixin.module_p.R
 import com.sixin.module_p.databinding.FragmentGjBinding
+import com.sixin.module_p.ui.enter.PdaMenuRenderer
 
 class GjFragment : BaseBindingFragment<FragmentGjBinding, GjViewModel>() {
     override fun layoutId(): Int {
@@ -22,16 +18,9 @@ class GjFragment : BaseBindingFragment<FragmentGjBinding, GjViewModel>() {
     override fun initOnViewCreated() {
         binding.viewModel = viewModel
 
-        binding.rv.adapter =
+        PdaMenuRenderer.render(binding.llMenu, viewModel.groups) {
-            CommonAdapter(requireContext(), R.layout.item_pda_action, GjViewHolder::class.java)
+            viewModel.onItemClick(it)
-
+        }
-        binding.rv.addOnItemClickListener(object : IOnItemClickListener {
-            override fun onItemClick(position: Int, type: Int) {
-                viewModel.onItemClick(position)
-            }
-        })
-
-        binding.rv.refresh(viewModel.actionList)
     }
 
     companion object {

module_p/src/main/java/com/sixin/module_p/ui/enter/gj/GjViewHolder.kt

@@ -1,13 +0,0 @@
-package com.sixin.module_p.ui.enter.gj
-
-import android.view.View
-import com.lukouguoji.module_base.base.BaseViewHolder
-import com.lukouguoji.module_base.bean.ActionBean
-import com.sixin.module_p.databinding.ItemPdaActionBinding
-
-class GjViewHolder(view: View) : BaseViewHolder<ActionBean, ItemPdaActionBinding>(view) {
-    override fun onBind(item: Any?, position: Int) {
-        binding.bean = getItemBean(item)
-        notifyItemClick(position, binding.ll)
-    }
-}

module_p/src/main/java/com/sixin/module_p/ui/enter/gj/GjViewModel.kt

@@ -4,12 +4,11 @@ import com.alibaba.android.arouter.launcher.ARouter
 import com.lukouguoji.module_base.base.BaseViewModel
 import com.lukouguoji.module_base.bean.ActionBean
 import com.lukouguoji.module_base.common.Constant
-import com.lukouguoji.module_base.db.perference.SharedPreferenceUtil
 import com.lukouguoji.module_base.ktx.loge
 import com.lukouguoji.module_base.router.ARouterConstants
 import com.sixin.module_p.R
-import com.sixin.module_p.ui.guobang.PdaGuoBangActivity
+import com.sixin.module_p.ui.enter.PdaMenuGroup
-import com.sixin.module_p.ui.lihuo.PdaLiHuoActivity
+import com.sixin.module_p.ui.enter.filterByAuth
 import com.sixin.module_p.ui.shouyun.PdaShouYunActivity
 import com.sixin.module_p.ui.zuzhuang.PdaZuZhuangActivity
 import dev.DevUtils
@@ -21,87 +20,95 @@ import dev.DevUtils
  * 某项没配 [ActionBean.key] 对应的权限串时不显示。所以新页面适配完之后
  * **必须回来这里加一行**，否则手机端首页根本没有入口。
  *
+ * 分组与组内顺序按 documents/5.5寸首页新样式/home.html 设计稿；设计稿没画的入口追加到
+ * 所属分组末尾并沿用旧图标。入口集合、权限串、跳转与改版前完全一致（过滤见 [filterByAuth]）。
+ *
  * 两类跳转：
  * - 带 [ActionBean.route] → 通用 ARouter 跳转（module_p 不依赖 module_gjc 等业务模块，
  *   跨模块只能走路由）。**5.5 寸适配页一律用这种，加一行即可。**
- * - 不带 route → 落到 [onItemClick] 的 when 分支（module_p 内部的 PDA 专用页面）
+ * - 不带 route → 落到 [onItemClick] 的 when 分支（module_p 内的 PDA 专用页面）
  */
 class GjViewModel : BaseViewModel() {
 
-    val actionList = listOf(
+    val groups = listOf(
-        // ===== module_p 内的 PDA 专用页面（无 route，走 when 分支） =====
+        PdaMenuGroup(
-        ActionBean("普货收运", R.drawable.gjc_shou_yun_icon, Constant.AuthName.GjcAppDomExpCheckin),
+            "国际出港", listOf(
-        ActionBean("板箱组装", R.drawable.img_bxzz, Constant.AuthName.GjcBanXListActivity),
+                ActionBean(
-        ActionBean("板箱过磅", R.drawable.gjc_fu_bang_icon, Constant.AuthName.GjcFuBangActivity),
+                    "出港计重",
-        ActionBean("进港理货", R.drawable.img_jglh, Constant.AuthName.GjjTallyListActivity),
+                    R.drawable.img_pda_menu_gjc_weighing,
-
+                    Constant.AuthName.GjcCheckWeighing,
-        // ===== 5.5 寸手机版已适配页面（图标复用 Pad 端同款，跳转走 ARouter） =====
+                    ARouterConstants.ACTIVITY_URL_GJC_WEIGHING_LIST
-        ActionBean(
+                ),
-            "出港移库",
+                ActionBean(
-            R.drawable.gjc_yi_ku_icon,
+                    "出港运抵",
-            Constant.AuthName.GjcYiKuListActivity,
+                    R.drawable.img_pda_menu_gjc_arrive,
-            ARouterConstants.ACTIVITY_URL_INT_EXP_MOVE
+                    Constant.AuthName.GjcIntExpArrive,
-        ),
+                    ARouterConstants.ACTIVITY_URL_INT_EXP_ARRIVE
-        ActionBean(
+                ),
-            "出库交接",
+                ActionBean(
-            R.drawable.img_gjc_chuku_jiaojie,
+                    "出库交接",
-            Constant.AuthName.GjcIntExpOutHandover,
+                    R.drawable.img_pda_menu_gjc_out_handover,
-            ARouterConstants.ACTIVITY_URL_INT_EXP_OUT_HANDOVER
+                    Constant.AuthName.GjcIntExpOutHandover,
-        ),
+                    ARouterConstants.ACTIVITY_URL_INT_EXP_OUT_HANDOVER
-        ActionBean(
+                ),
-            "出港计重",
+                ActionBean(
-            R.drawable.img_gjc_chugangjizhong,
+                    "出港移库",
-            Constant.AuthName.GjcCheckWeighing,
+                    R.drawable.img_pda_menu_gjc_move,
-            ARouterConstants.ACTIVITY_URL_GJC_WEIGHING_LIST
+                    Constant.AuthName.GjcYiKuListActivity,
-        ),
+                    ARouterConstants.ACTIVITY_URL_INT_EXP_MOVE
-        ActionBean(
+                ),
-            "出港运抵",
+                ActionBean(
-            R.drawable.img_gjc_chugang_diyun,
+                    "出港仓库",
-            Constant.AuthName.GjcIntExpArrive,
+                    R.drawable.img_pda_menu_gjc_storage,
-            ARouterConstants.ACTIVITY_URL_INT_EXP_ARRIVE
+                    Constant.AuthName.GjcIntExpStorageUse,
-        ),
+                    ARouterConstants.ACTIVITY_URL_INT_EXP_STORAGE_USE
-        ActionBean(
+                ),
-            "出港查询",
+                ActionBean(
-            R.drawable.gjc_query_icon,
+                    "出港查询",
-            Constant.AuthName.GjcQueryListActivity,
+                    R.drawable.img_pda_menu_gjc_query,
-            ARouterConstants.ACTIVITY_URL_GJC_QUERY_LIST
+                    Constant.AuthName.GjcQueryListActivity,
-        ),
+                    ARouterConstants.ACTIVITY_URL_GJC_QUERY_LIST
-        ActionBean(
+                ),
-            "出港仓库",
+                // ===== 设计稿未覆盖：module_p 内的 PDA 专用页面（无 route，走 when 分支），沿用旧图标 =====
-            R.drawable.gjc_cang_ku_icon,
+                ActionBean("普货收运", R.drawable.gjc_shou_yun_icon, Constant.AuthName.GjcAppDomExpCheckin),
-            Constant.AuthName.GjcIntExpStorageUse,
+                ActionBean("板箱组装", R.drawable.img_bxzz, Constant.AuthName.GjcBanXListActivity),
-            ARouterConstants.ACTIVITY_URL_INT_EXP_STORAGE_USE
+            )
-        ),
+        ),
-        ActionBean(
+        PdaMenuGroup(
-            "进港仓库",
+            "国际进港", listOf(
-            R.drawable.gjc_cang_ku_icon,   // Pad 端进港仓库菜单同样复用出港仓库图标
+                ActionBean(
-            Constant.AuthName.GjjWareHouseActivity,
+                    "提取出库",
-            ARouterConstants.ACTIVITY_URL_GJJ_WARE_HOUSE
+                    R.drawable.img_pda_menu_gjj_pick_up,
-        ),
+                    Constant.AuthName.IntImpPickUpDLV,
-        ActionBean(
+                    ARouterConstants.ACTIVITY_URL_INT_IMP_PICK_UP_DLV
-            "进港查询",
+                ),
-            R.drawable.gjj_query_icon,
+                ActionBean(
-            Constant.AuthName.GjjQueryListActivity,
+                    "进港仓库",
-            ARouterConstants.ACTIVITY_URL_GJJ_QUERY_LIST
+                    R.drawable.img_pda_menu_gjj_storage,
-        ),
+                    Constant.AuthName.GjjWareHouseActivity,
-        ActionBean(
+                    ARouterConstants.ACTIVITY_URL_GJJ_WARE_HOUSE
-            "提取出库",
+                ),
-            R.drawable.gjj_chu_ku_icon,
+                ActionBean(
-            Constant.AuthName.IntImpPickUpDLV,
+                    "进港查询",
-            ARouterConstants.ACTIVITY_URL_INT_IMP_PICK_UP_DLV
+                    R.drawable.img_pda_menu_gjj_query,
-        ),
+                    Constant.AuthName.GjjQueryListActivity,
-        // ULD管理属综合管理业务（Pad 端在「综合管理」菜单组），手机端首页暂无综合 Tab，挂在国际 Tab 下
+                    ARouterConstants.ACTIVITY_URL_GJJ_QUERY_LIST
-        ActionBean(
+                ),
-            "ULD管理",
+            )
-            com.lukouguoji.module_base.R.mipmap.cargo,   // 图标复用 Pad 端同款（在 module_base，直接引用）
+        ),
-            Constant.AuthName.ComprehensiveUld,          // 权限串与 Pad 端菜单一致
+        PdaMenuGroup(
-            ARouterConstants.ACTIVITY_URL_ULD_LIST
+            "综合管理", listOf(
-        ),
+                ActionBean(
-    ).filter { SharedPreferenceUtil.getString(Constant.Share.authList).contains(it.key) }
+                    "ULD管理",
-
+                    R.drawable.img_pda_menu_uld,
-    fun onItemClick(position: Int) {
+                    Constant.AuthName.ComprehensiveUld,          // 权限串与 Pad 端菜单一致
-        val bean = actionList.getOrNull(position) ?: return
+                    ARouterConstants.ACTIVITY_URL_ULD_LIST
+                ),
+            )
+        ),
+    ).filterByAuth()
 
+    fun onItemClick(bean: ActionBean) {
         // 配了路由的直接跳（5.5 寸适配页走这条）
         if (bean.route.isNotEmpty()) {
             ARouter.getInstance().build(bean.route).navigation()
@@ -117,14 +124,6 @@ class GjViewModel : BaseViewModel() {
                 PdaZuZhuangActivity.start(DevUtils.getTopActivity())
             }
 
-            "板箱过磅" -> {
-                PdaGuoBangActivity.start(DevUtils.getTopActivity())
-            }
-
-            "进港理货" -> {
-                PdaLiHuoActivity.start(DevUtils.getTopActivity())
-            }
-
             else -> {
                 loge("点击事件 ${bean.title} 未处理")
             }

module_p/src/main/java/com/sixin/module_p/ui/enter/gn/GnFragment.kt

@@ -2,14 +2,9 @@ package com.sixin.module_p.ui.enter.gn
 
 import androidx.fragment.app.Fragment
 import com.lukouguoji.module_base.base.BaseBindingFragment
-import com.lukouguoji.module_base.base.CommonAdapter
-import com.lukouguoji.module_base.interfaces.IOnItemClickListener
-import com.lukouguoji.module_base.ktx.addOnItemClickListener
-import com.lukouguoji.module_base.ktx.loge
-import com.lukouguoji.module_base.ktx.refresh
 import com.sixin.module_p.R
 import com.sixin.module_p.databinding.FragmentGnBinding
-import com.sixin.module_p.ui.enter.gj.GjViewHolder
+import com.sixin.module_p.ui.enter.PdaMenuRenderer
 
 class GnFragment : BaseBindingFragment<FragmentGnBinding, GnViewModel>() {
     override fun layoutId(): Int {
@@ -23,16 +18,9 @@ class GnFragment : BaseBindingFragment<FragmentGnBinding, GnViewModel>() {
     override fun initOnViewCreated() {
         binding.viewModel = viewModel
 
-        binding.rv.adapter =
+        PdaMenuRenderer.render(binding.llMenu, viewModel.groups) {
-            CommonAdapter(requireContext(), R.layout.item_pda_action, GjViewHolder::class.java)
+            viewModel.onItemClick(it)
-
+        }
-        binding.rv.addOnItemClickListener(object : IOnItemClickListener {
-            override fun onItemClick(position: Int, type: Int) {
-                viewModel.onItemClick(position)
-            }
-        })
-
-        binding.rv.refresh(viewModel.actionList)
     }
 
     companion object {

module_p/src/main/java/com/sixin/module_p/ui/enter/gn/GnViewModel.kt

@@ -5,11 +5,12 @@ import com.alibaba.android.arouter.launcher.ARouter
 import com.lukouguoji.module_base.base.BaseViewModel
 import com.lukouguoji.module_base.bean.ActionBean
 import com.lukouguoji.module_base.common.Constant
-import com.lukouguoji.module_base.db.perference.SharedPreferenceUtil
 import com.lukouguoji.module_base.ktx.logd
 import com.lukouguoji.module_base.ktx.loge
 import com.lukouguoji.module_base.router.ARouterConstants
 import com.sixin.module_p.R
+import com.sixin.module_p.ui.enter.PdaMenuGroup
+import com.sixin.module_p.ui.enter.filterByAuth
 import com.sixin.module_p.ui.enter.gn.document.PdaDocumentHandoverActivity
 import com.sixin.module_p.ui.gnc.cunfang.list.PdaGncCunFangListActivity
 import com.sixin.module_p.ui.gnc.fubang.add.PdaGncFuBangAddActivity
@@ -20,65 +21,53 @@ import com.sixin.module_p.ui.goods.transport.list.PdaGoodsTransportListActivity
 import com.sixin.module_p.ui.goods.transportLog.list.PdaTransportLogActivity
 import dev.DevUtils
 
+/**
+ * 手持端首页「国内业务」Tab
+ *
+ * 菜单是手写清单 + authList 权限过滤（同 [com.sixin.module_p.ui.enter.gj.GjViewModel]）。
+ * 分组与组内顺序按 documents/5.5寸首页新样式/domestic.html 设计稿；入口集合、权限串、
+ * 跳转与改版前完全一致（过滤见 [filterByAuth]）。
+ */
 class GnViewModel : BaseViewModel() {
 
-    val actionList = listOf(
+    val groups = listOf(
-        ActionBean(
+        PdaMenuGroup(
-            "出港收运",
+            "国内出港", listOf(
-            com.lukouguoji.module_base.R.drawable.img_gnc_shouyun,
+                ActionBean("出港收运", R.drawable.img_pda_menu_gnc_shou_yun, Constant.AuthName.AppDomExpCheckin),
-            Constant.AuthName.AppDomExpCheckin
+                ActionBean("出港复磅", R.drawable.img_pda_menu_gnc_fu_bang, Constant.AuthName.AppDomExpWeighting),
+                ActionBean("出港存放", R.drawable.img_pda_menu_gnc_cun_fang, Constant.AuthName.AppDomExpDeposit),
+                ActionBean("单证交接", R.drawable.img_pda_menu_document_handover, Constant.AuthName.DocumentHandover),
+                ActionBean("货物转运", R.drawable.img_pda_menu_goods_transport, Constant.AuthName.ComprehensiveTransfer),
+                ActionBean("转运记录", R.drawable.img_pda_menu_transport_log, Constant.AuthName.TransportLog),
+            )
         ),
-        ActionBean("出港复磅", R.drawable.gnc_fubang, Constant.AuthName.AppDomExpWeighting),
+        PdaMenuGroup(
-        ActionBean(
+            "国内进港", listOf(
-            "出港存放",
+                ActionBean("进港卸机", R.drawable.img_pda_menu_gnj_xie_ji, Constant.AuthName.MonitorInPack),
-            com.lukouguoji.module_base.R.drawable.img_gnc_cunfang,
+                ActionBean(
-            Constant.AuthName.AppDomExpDeposit
+                    "进港移库",
+                    R.drawable.img_pda_menu_gnj_move,
+                    Constant.AuthName.GnjYiKu,                        // 权限串与 Pad 端菜单一致（AppDomImpMove）
+                    ARouterConstants.ACTIVITY_URL_GNJ_MOVE_STASH_LIST // 与 Pad 首页菜单同一跳转页（app 模块，走路由）
+                ),
+            )
         ),
-        ActionBean(
+        PdaMenuGroup(
-            "进港卸机",
+            "综合管理", listOf(
-            com.lukouguoji.module_base.R.drawable.img_gnc_xieji,
+                ActionBean("事故签证", R.drawable.img_pda_menu_accident_visa, Constant.AuthName.ComprehensiveAccidentVisa),
-            Constant.AuthName.MonitorInPack
+            )
         ),
-        ActionBean(
+    ).filterByAuth()
-            "货物转运",
-            com.lukouguoji.module_base.R.drawable.img_gnc_huowuzhuanyun,
-            Constant.AuthName.ComprehensiveTransfer
-        ),
-        ActionBean(
-            "转运记录",
-            com.lukouguoji.module_base.R.mipmap.transport_log,
-            Constant.AuthName.TransportLog
-        ),
-        ActionBean(
-            "事故签证",
-            R.mipmap.mit_accident_visa,
-            Constant.AuthName.ComprehensiveAccidentVisa
-        ),
-        ActionBean(
-            "单证交接",
-            R.mipmap.gnc_document_handover,
-            Constant.AuthName.DocumentHandover
-        ),
-        ActionBean(
-            "进港移库",
-            R.drawable.gnj_yi_ku_icon,                        // 图标复制自 module_gnj（module_p 看不到业务模块资源）
-            Constant.AuthName.GnjYiKu,                        // 权限串与 Pad 端菜单一致（AppDomImpMove）
-            ARouterConstants.ACTIVITY_URL_GNJ_MOVE_STASH_LIST // 与 Pad 首页菜单同一跳转页（app 模块，走路由）
-        ),
-    )
-        .filter { SharedPreferenceUtil.getString(Constant.Share.authList).contains(it.key) }
 
 
-    fun onItemClick(position: Int) {
+    fun onItemClick(bean: ActionBean) {
-        val bean = actionList.getOrNull(position) ?: return
-
         // 配了路由的直接跳（5.5 寸适配页走这条，与 GjViewModel 同模式）
         if (bean.route.isNotEmpty()) {
             ARouter.getInstance().build(bean.route).navigation()
             return
         }
 
-        when (val title = actionList[position].title) {
+        when (val title = bean.title) {
             "出港收运" -> {
                 GncUnShouYunActivity.start(DevUtils.getTopActivity())
             }

module_p/src/main/java/com/sixin/module_p/ui/enter/home/HomeFragment.kt

@@ -1,8 +1,8 @@
 package com.sixin.module_p.ui.enter.home
 
-import android.widget.LinearLayout
+import android.graphics.Typeface
+import android.widget.TextView
 import androidx.fragment.app.Fragment
-import androidx.recyclerview.widget.LinearLayoutManager
 import com.lukouguoji.module_base.base.BaseBindingFragment
 import com.lukouguoji.module_base.base.CommonAdapter
 import com.sixin.module_p.R
@@ -25,9 +25,24 @@ class HomeFragment : BaseBindingFragment<FragmentPdaHomeBinding, HomeViewModel>(
             CommonAdapter(requireContext(), R.layout.item_pda_home, HomeViewHolder::class.java)
         viewModel.pageModel.bindSmartRefreshLayout(binding.srl, binding.rv, viewModel, this)
 
+        // 分段按钮选中态加粗（设计稿 font-weight 500，选择器表达不了字重）
+        viewModel.countryType.observe(viewLifecycleOwner) {
+            setMedium(binding.tvScopeGn, it != true)
+            setMedium(binding.tvScopeGj, it == true)
+        }
+        viewModel.type.observe(viewLifecycleOwner) {
+            setMedium(binding.tvDirArrival, it == HomeViewModel.TYPE_ARRIVAL)
+            setMedium(binding.tvDirLeave, it == HomeViewModel.TYPE_LEAVE)
+        }
+
         viewModel.refresh()
     }
 
+    private fun setMedium(tv: TextView, medium: Boolean) {
+        tv.typeface = if (medium) Typeface.create("sans-serif-medium", Typeface.NORMAL)
+        else Typeface.DEFAULT
+    }
+
     companion object {
         fun newInstance(): Fragment {
             return HomeFragment()

module_p/src/main/java/com/sixin/module_p/ui/enter/home/HomeViewHolder.kt

@@ -1,6 +1,5 @@
 package com.sixin.module_p.ui.enter.home
 
-import android.graphics.Color
 import android.view.View
 import com.lukouguoji.module_base.base.BaseViewHolder
 import com.lukouguoji.module_base.bean.FlightBean
@@ -10,12 +9,6 @@ class HomeViewHolder(view: View) : BaseViewHolder<FlightBean, ItemPdaHomeBinding
 
     override fun onBind(item: Any?, position: Int) {
         binding.bean = getItemBean(item)
-
-        if (position % 2 == 0) {
-            binding.ll.setBackgroundColor(Color.parseColor("#8c8c8c"))
-        } else {
-            binding.ll.setBackgroundColor(Color.parseColor("#41cea5"))
-        }
     }
 
 }

module_p/src/main/java/com/sixin/module_p/ui/enter/home/HomeViewModel.kt

@@ -3,6 +3,7 @@ package com.sixin.module_p.ui.enter.home
 import android.app.DatePickerDialog
 import androidx.lifecycle.LifecycleOwner
 import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.Transformations
 import androidx.lifecycle.observe
 import com.lukouguoji.module_base.base.BasePageViewModel
 import com.lukouguoji.module_base.http.net.NetApply
@@ -12,6 +13,7 @@ import com.lukouguoji.module_base.ktx.toRequestBody
 import com.sixin.module_p.ui.gnc.shouyun.dialog.PdaDaiShouYunFilterDialogModel
 import dev.DevUtils
 import dev.utils.common.DateUtils
+import java.util.Calendar
 
 class HomeViewModel : BasePageViewModel() {
 
@@ -19,8 +21,12 @@ class HomeViewModel : BasePageViewModel() {
     // 日期
     val date = MutableLiveData(DateUtils.formatDate(DateUtils.getCurrentTime(), "yyyy-MM-dd"))
 
-    // 类型
+    // 日期卡片的「10月」/「20」（设计稿 .date-picker 两行显示）
-    val type = MutableLiveData(TYPE_LEAVE)
+    val dateMonth = Transformations.map(date) { "${parseDate(it).get(Calendar.MONTH) + 1}月" }
+    val dateDay = Transformations.map(date) { parseDate(it).get(Calendar.DAY_OF_MONTH).toString() }
+
+    // 类型（设计稿默认「进港」= 到达）
+    val type = MutableLiveData(TYPE_ARRIVAL)
 
     // 航班类型- 0:国内, 1:国际
     val countryType = MutableLiveData(false)
@@ -28,7 +34,7 @@ class HomeViewModel : BasePageViewModel() {
     private val datePicker by lazy {
         DatePickerDialog(getTopActivity()).apply {
             setOnDateSetListener { _, year, month, dayOfMonth ->
-                date.value = "${year}-${month + 1}-${dayOfMonth}"
+                date.value = formatDate(Calendar.getInstance().apply { set(year, month, dayOfMonth) })
                 refresh()
             }
         }
@@ -69,10 +75,35 @@ class HomeViewModel : BasePageViewModel() {
         configModel.show()
     }
 
+    /**
+     * 国内 / 国际 切换（countryType 的 observer 负责刷新）
+     */
+    fun onCountryTypeChange(isGj: Boolean) {
+        if (countryType.value != isGj) countryType.value = isGj
+    }
+
+    /**
+     * 日期前后翻一天（设计稿日期两侧的 ‹ ›）
+     */
+    fun onDateStep(offset: Int) {
+        date.value = formatDate(parseDate(date.value).apply { add(Calendar.DAY_OF_MONTH, offset) })
+        refresh()
+    }
+
+    private fun parseDate(value: String?): Calendar =
+        DateUtils.getCalendar(DateUtils.parseDate(value, "yyyy-MM-dd") ?: java.util.Date())
+
+    private fun formatDate(calendar: Calendar): String =
+        DateUtils.formatDate(calendar.time, "yyyy-MM-dd")
+
     /**
      * 日期点击
      */
     fun onDateClick() {
+        // 从当前选中日期打开（‹ › 翻日后不再是今天）
+        parseDate(date.value).let {
+            datePicker.updateDate(it.get(Calendar.YEAR), it.get(Calendar.MONTH), it.get(Calendar.DAY_OF_MONTH))
+        }
         datePicker.show()
     }
 

module_p/src/main/res/color/phone_home_segment_text.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@android:color/white" android:state_selected="true" />
+    <item android:color="@color/phone_home_text_secondary" />
+</selector>

module_p/src/main/res/color/phone_home_tab_tint.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/phone_home_primary" android:state_selected="true" />
+    <item android:color="@color/phone_home_text_hint" />
+</selector>