# 员工亲属实体关联查询区布局优化实施记录

## 修改内容

- 将员工亲属实体关联页查询区的“统一社会信用代码”字段调整为局部宽标签，不扩大整页所有查询项标签宽度。
- 保持查询区两行均为 8/8/8 三列对齐，只缩短“统一社会信用代码”输入框宽度，避免长标签挤压或换行。
- 为查询表单标签增加不换行约束，避免长标签撑高搜索区行高。

## 影响范围

- 前端页面：`ruoyi-ui/src/views/ccdiStaffEnterpriseRelation/index.vue`
- 未修改查询参数、接口、表格字段、导入逻辑、权限配置和后端代码。

## 验证情况

- 已执行前端结构检查，确认员工调动记录和图谱模块没有纳入本次改动。
- 已使用 Node 22.22.3 + npm 10.9.8 执行 `npm run build:prod`，构建通过；因本机 Node 14.21.3 缺少 npm，未使用 `.nvmrc` 指向版本。
- 已通过真实前端页面 `http://127.0.0.1:8088/maintain/staffEnterpriseRelation` 验证：
  - 两行查询项均保持三列对齐，列起点一致。
  - “统一社会信用代码”标签单行显示，标签宽度 136px，输入框宽度约 187px。
  - 页面无横向溢出。