 qinzhenpen
|
511abe73b9
|
fix(task-review): 评阅预览改用最新学生页并修复新版样式门控失配
1. previewMap 三处指向已废弃的旧页面，改为 router 实际引用的最新页面：
industry-demand-analysis -> demand/industry-demand-analysis.vue
competitive-environment-analysis -> demand/competitive-environment-analysis.vue
market-opportunity-selection -> product/market-opportunity-selection.vue
并在文件头补充契约注释（必须与 router 一致，不得指向废弃页面）。
2. 修复评阅预览"看起来仍在用废弃页面"的根因，两重原因叠加：
a) /task-review-preview 是脱离 Layout 的独立路由，DOM 里没有 .studentLayout
与 section.app-main，导致学生页新版皮肤的门控选择器
`#app .studentLayout section.app-main:has(.xxx-page) …` 集体失配，
页面静默回落全局旧版样式（胶囊满宽、步骤说明小字重新出现、按钮配色不一致）。
模板外层补两级空壳祖先容器，只补壳、不渲染顶栏侧栏。
b) 预览 iframe 宽约 1000px，命中 student-training.scss 的
@media (max-width: 1100px)：`#app .student-training-shell .step-tab
{ width: 100% }`（特异性 1,2,0）压过预览自身 :deep() 覆盖（0,4,0），
步骤胶囊被撑成整行、只剩第一个可见并出现横向滚动条。
新增非 scoped 样式用更高特异性复位宽度，并压掉布局级背景与内边距。
实测（真实 Chrome，1000px 视口，与预览 iframe 同宽）：
修复前 胶囊宽 952px x4、导航区 scrollWidth 3874/952（溢出）；
修复后 214/169/199/200px、952/952（无溢出），与学生端外观一致。
|
7 hours ago |