chore: 初始开源发布

docs/manual/mini-program/devices.md

@@ -0,0 +1,39 @@
+# 卡片详情
+
+从首页查询结果点击“详情”后进入卡片详情页。首页会以公开来源打开详情，因此未登录或公开来源都会使用受限展示模式。
+
+## 公开详情展示内容
+
+公开模式包含两组信息：
+
+- 基础信息：卡号、卡状态、在线状态；
+- 流量信息：已用流量。
+
+![卡片详情中的基础信息和流量信息](/images/manual/mini-program/card-details-traffic.png)
+
+卡号可能已经脱敏，页面显示什么就以什么为准。点击或长按卡号行可以复制当前显示值。
+
+公开模式不会展示完整 IMSI、IMEI、备注、总流量、剩余流量、会话信息、APN、IPv4、IPv6 和服务状态，也不会提供重启、开通数据、停用数据等操作按钮。
+
+## 登录后详情
+
+登录并通过权限校验后，设备列表和卡片详情可以展示更完整的账号范围数据，例如 MSISDN、ICCID、IMSI、设备 IMEI、套餐流量和同步时间。字段是否出现取决于接口返回值和账号权限。
+
+<div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start;">
+  <figure style="margin: 0;">
+    <img src="/images/manual/mini-program/devices-list-account-data-v2.jpg" alt="登录后的设备列表和账号范围数据" style="display: block; width: 100%; height: auto;">
+  </figure>
+  <figure style="margin: 0;">
+    <img src="/images/manual/mini-program/devices-search-account-data-v2.jpg" alt="全部设备中的账号范围数据" style="display: block; width: 100%; height: auto;">
+  </figure>
+  <figure style="margin: 0;">
+    <img src="/images/manual/mini-program/card-details-account-data-v2.jpg" alt="登录后的卡片详情账号范围数据" style="display: block; width: 100%; height: auto;">
+  </figure>
+</div>
+
+
+## 查不到详情时
+
+- 确认查询号码没有空格或遗漏字符；
+- 从首页重新查询后再点击“详情”；
+- 若页面提示当前账号没有权限，请使用公开查询，或联系账号管理员确认数据范围。