style(ui): 全站 el-tag 状态语义统一为纯文本样式

- 按用户要求,将全站所有状态语义的 el-tag 加入 class="status-text"
- 覆盖范围包括业务状态、启用停用、工作流状态、是否封存等多达 35 余处文件
- 保留 el-tag 的 :type 绑定,仅通过样式隐藏背景边框及圆点,变为纯文本呈现
- 修正 .status-text 的 font-size、line-height、height、vertical-align,确保字体和单元格普通文本完全对齐
- 例外保留原样式的标签类型有类型标签、值类字段等,未受影响
- 更新 element-ui.scss 添加 .el-tag.status-text 的全局统一样式
- 相关模板中均添加了 class="status-text",保证样式一致自动生效
This commit is contained in:
2026-08-25 11:56:16 +08:00
parent 01c3bb5b57
commit 2bd9d8c047
43 changed files with 85 additions and 64 deletions
@@ -96,19 +96,19 @@
</template>
<template #status="{ row }">
<el-tag :type="statusTagType(row.status)">
<el-tag :type="statusTagType(row.status)" class="status-text">
{{ displayStatus(row, 'status') }}
</el-tag>
</template>
<template #businessStatus="{ row }">
<el-tag :type="statusTagType(row.businessStatus)">
<el-tag :type="statusTagType(row.businessStatus)" class="status-text">
{{ displayStatus(row, 'businessStatus') }}
</el-tag>
</template>
<template #approvalStatus="{ row }">
<el-tag :type="statusTagType(row.approvalStatus)">
<el-tag :type="statusTagType(row.approvalStatus)" class="status-text">
{{ displayStatus(row, 'approvalStatus') }}
</el-tag>
</template>
@@ -2177,15 +2177,15 @@
<span>|</span>
{{ detailRow.planNo || '-' }}
</h2>
<el-tag class="is-dispatching" effect="light">
<span class="detail-status-text is-dispatching">
{{ displayStatus(detailRow, 'businessStatus') }}
</el-tag>
<el-tag type="primary" effect="light">
</span>
<span class="detail-status-text detail-transport-type">
{{
detailRow.transportTypeName ||
formatTransportPlanDetailTransportType(detailRow.transportType)
}}
</el-tag>
</span>
</div>
<div class="business-crud-page__transport-plan-detail-overview">
<div class="business-crud-page__transport-plan-detail-fields">
@@ -2347,10 +2347,10 @@
<div class="business-crud-page__waybill-heading">
<strong>运单详情</strong>
<span>{{ detailRow.waybillNo || '-' }}</span>
<el-tag type="success">{{ displayStatus(detailRow, 'businessStatus') }}</el-tag>
<el-tag type="primary">
<span class="detail-status-text status-text-success">{{ displayStatus(detailRow, 'businessStatus') }}</span>
<span class="detail-status-text detail-transport-type">
{{ formatTransportPlanDetailTransportType(waybillTransportMode(detailRow)) }}
</el-tag>
</span>
<el-link
v-if="detailRow.id"
class="business-crud-page__waybill-route-change-link"
@@ -3246,7 +3246,7 @@
<span class="business-crud-page__dispatch-heading-no">
{{ dispatchDialogNo || '-' }}
</span>
<el-tag :type="statusTagType(dispatchRow.businessStatus)" effect="light">
<el-tag :type="statusTagType(dispatchRow.businessStatus)" effect="light" class="status-text">
{{ dispatchDialogStatusText }}
</el-tag>
<el-tag type="primary" effect="light">
@@ -13125,7 +13125,7 @@ export default {
height: auto;
max-height: none;
line-height: 20px;
white-space: pre-line;
//white-space: pre-line;
word-break: break-word;
text-overflow: clip;
}