|
@@ -2754,3 +2754,32 @@
|
|
|
- 未决项仅剩:4 个载荷里没有数据源的列(`c_scope_brief`/`c_phone_number`/`c_email`/`c_industry`)
|
|
- 未决项仅剩:4 个载荷里没有数据源的列(`c_scope_brief`/`c_phone_number`/`c_email`/`c_industry`)
|
|
|
要补得先让后端在 410 接口返回它们
|
|
要补得先让后端在 410 接口返回它们
|
|
|
|
|
|
|
|
|
|
+## Session 065
|
|
|
|
|
+
|
|
|
|
|
+- **日期**:2026-09-20
|
|
|
|
|
+- **本轮目标**:用户指出政策详情面板「政策名称 / 政策所属部门」那一行的
|
|
|
|
|
+ **箭头位置边距太大,要和下方对齐**(截图 + devtools 标注 `.record-meta-info`)
|
|
|
|
|
+- **定位(靠 devtools 的盒模型读数,不是靠眼估)**:
|
|
|
|
|
+ - `.record-meta-info` 元素**只有 520px 宽**,而面板容器与下方两张卡片
|
|
|
|
|
+ (`.detail-body-grid`)都是整行宽 → 该行右侧空出一大块
|
|
|
|
|
+ - 两个 CSS 把它卡死了:名称列 `.meta-name { max-width: 462px }`、
|
|
|
|
|
+ 部门列 `.meta-no { width: 110px }`;且后者是写死的窄列,导致部门写全称时
|
|
|
|
|
+ (recordMode 的「政策所属部门」,如「青浦区人民政府办公室 区人社局 区委人才工作
|
|
|
|
|
+ 领导小组办公室会同区人力资源和社会保障局」)被挤成三行
|
|
|
|
|
+- **改法**(`PolicyMatch.vue` 的三条规则):
|
|
|
|
|
+ - `.record-meta-info` 加 `width: 100%`(容器 `.record-header-section` 本来就是 100%)
|
|
|
|
|
+ - `.meta-name`:`max-width: 462px` → `flex: 1 1 auto; min-width: 0`(占满剩余空间)
|
|
|
|
|
+ - `.meta-no`:`width: 110px` → `flex: 0 1 340px; min-width: 110px`(可伸展、下限不变)
|
|
|
|
|
+ - 移动端不受影响:该断点里 `.record-meta-info` 是 `display: none`,
|
|
|
|
|
+ 走的是另一个元素 `.mobile-record-meta-info`
|
|
|
|
|
+- **运行过的验证**:`npm run build` 通过;改动后的三条规则逐条读回源码核对
|
|
|
|
|
+- **已记录证据**:本文件 Session 065;根 `README.md` 的 20260920 节
|
|
|
|
|
+- **提交记录**:见下条提交(已按约定提交推送)
|
|
|
|
|
+- **更新过的文件或工件**:`src/components/Chat/PolicyMatch.vue`、根 `README.md`、本文件
|
|
|
|
|
+- **已知风险或未解决问题**:
|
|
|
|
|
+ - ⚠️ **未看到渲染结果**:这类改动的判定标准就是观感,需要用户刷新后确认
|
|
|
|
|
+ 「右边缘是否与下方卡片对齐」「部门文字是否还折三行」
|
|
|
|
|
+ - ⚠️ 这是对**既有 UI 的样式改动**(项目规则默认不动既有样式),本次是用户明确要求;
|
|
|
|
|
+ 若同一行的观感在别处(如非 recordMode 的「政策文号」)不合适,说一声即可再调
|
|
|
|
|
+- **下一步最佳动作**:用户刷新确认观感
|
|
|
|
|
+
|