style(detail): 统一章节标题 class + 改红字提示为灰字 (对齐 ProjectsNew)

- 3 处 .section-title → .new-card-title (项目信息已用, 现在全页统一)
- 2 处 .hint-red → .hint-text (灰字 #909399, 跟 ProjectsNew 一致)
- 删 .section-title / .hint-red 冗余样式块
- 加 .hint-text 样式 (1:1 抄 ProjectsNew L378-380)
- 业务逻辑 0 改动

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
郭庆泰
2026-08-20 23:49:20 +08:00
co-authored by Claude
parent 13c4bd4e76
commit c2030b1564
@@ -35,8 +35,8 @@
</el-form>
<!-- ================= 2. 角色劳务设置 ================= -->
<div class="section-title">角色劳务设置</div>
<p class="hint-red">*角色劳务设置针对该项目所有会议生效</p>
<div class="new-card-title">角色劳务设置</div>
<p class="hint-text">*角色劳务设置针对该项目所有会议生效</p>
<table class="info-table role-labor-table">
<colgroup>
<col style="width:120px">
@@ -65,8 +65,8 @@
</div>
<!-- ================= 3. 支持单位监督员 ================= -->
<div class="section-title">支持单位监督员</div>
<p class="hint-red">*增加只显示已点支持意向的</p>
<div class="new-card-title">支持单位监督员</div>
<p class="hint-text">*增加只显示已点支持意向的</p>
<div class="monitor-list">
<div v-for="(m, idx) in monitors" :key="idx" class="monitor-row">
<span class="monitor-num">{{ idx + 1 }}.</span>
@@ -80,7 +80,7 @@
</div>
<!-- ================= 4. 已发布公告 ================= -->
<div class="section-title">已发布公告</div>
<div class="new-card-title">已发布公告</div>
<div class="toolbar">
<el-button type="primary" @click="openUpload">发布公告</el-button>
<el-button @click="loadAnnouncements">刷新</el-button>
@@ -398,11 +398,6 @@ onMounted(async () => {
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
.breadcrumb .current { color: #262626; font-weight: 500; }
.section-title {
font-size: 14px; font-weight: 600; color: #262626; margin: 16px 0 12px;
padding-left: 8px; border-left: 3px solid var(--brand-primary);
}
/* 项目信息: 11 字段, 一列竖排 (el-form + 文本, 无分隔线) */
.info-form { padding-top: 4px; }
.info-form :deep(.el-form-item) { margin-bottom: 8px; }
@@ -447,8 +442,10 @@ onMounted(async () => {
.info-table th { background: #fafafa; padding: 10px 12px; text-align: left; color: #1a1a1a; font-weight: 600; border-bottom: 1px solid #f0f0f0; white-space: nowrap; }
.info-table td { padding: 10px 12px; border-bottom: 1px solid #f5f5f5; color: #595959; vertical-align: middle; }
/* 红字提示 */
.hint-red { font-size: 12px; color: #ff0000; line-height: 1.7; margin: 4px 0 16px; }
/* 提示 (灰色, 跟 ProjectsNew 一致) */
.hint-text { font-size: 12px; color: #909399; margin: 8px 0; line-height: 1.6; }
.hint-text p { margin-bottom: 4px; }
.hint-text p:last-child { margin-bottom: 0; }
/* 工具栏 */
.toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }