签证身份合规时间线

发表于 2026-06-25

最后修改 2026-06-25

阅读量 —

该页面演示 VisaComplianceTimeline 组件：按时间比例分轨展示一名留学生的签证身份、雇主担保与学校在册覆盖情况，自动检测身份断档和缺失的担保信息。

演示一：从 JSON 文件加载

数据来自 docs/assets/json/visa-timeline-json/example-student.json，传入文件基名即可：

签证身份 · 合规时间线

暂无身份记录

<VisaComplianceTimeline student="example-student" />

演示二：直接传入数据

无需 JSON 文件，直接在页面 <script setup> 中定义 segments 数组传入：

张三 · 合规时间线

检测到 1 处合规风险

• 身份断档：07/17/2025 – 09/12/2025（约 57 天未覆盖）

OPT STEM OPT CPT

20222023202420252026

签证身份

雇主担保

学校在册

今天

OPT

STEM OPT

CPT

Hsihung Inc.

Datapolar LLC

Atomeocean

Atomeocean

示例大学

<script setup>
import VisaComplianceTimeline from '@ao-components/VisaComplianceTimeline.vue'

const segments = [
  { status: 'OPT',      employer: 'Hsihung Inc.',  start: '2022-08-02', end: '2023-07-17' },
  { status: 'STEM_OPT', employer: 'Datapolar LLC', start: '2023-07-18', end: '2025-04-20' },
  { status: 'STEM_OPT', employer: 'Atomeocean',    start: '2025-04-21', end: '2025-07-17' },
  { status: 'CPT',      employer: 'Atomeocean', school: '示例大学', start: '2025-09-12', end: null },
]
</script>

<VisaComplianceTimeline :segments="segments" student-name="张三" />

数据字段说明

字段	必填	说明
status	是	身份代码：F1 / CPT / OPT / STEM_OPT / H1B / OTHER
employer	工作类身份必填	雇主 / 担保公司（OPT、STEM_OPT、H1B）
school	学习类身份必填	在册学校（CPT、F1）
start	是	起始日期，格式 YYYY-MM-DD
end	否	结束日期；留空或 null 表示「至今」

合规判定逻辑

• 身份断档：签证身份轨各时间段的并集若存在空隙（超过 1 天），标红并在顶部结论中列出。上方示例中 07/17/2025 – 09/12/2025 即为一处约 57 天的断档。
• 担保缺失：工作类身份（OPT / STEM OPT / H1B）缺少 employer、学习类身份（CPT / F1）缺少 school 时会被标记。
• 全部连续且担保齐全时，顶部显示绿色「身份连续合规，无断档」。