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:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user