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
+3
View File
@@ -1040,7 +1040,10 @@
padding: 0;
margin: 0;
font-weight: normal !important;
font-size: inherit !important;
line-height: inherit;
height: auto !important;
vertical-align: baseline;
&::before {
display: none;
+1 -1
View File
@@ -30,7 +30,7 @@
</el-button>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'success' : 'danger'">
<el-tag :type="row.status === 1 ? 'success' : 'danger'" class="status-text">
{{ row.status === 1 ? '启用' : '禁用' }}
</el-tag>
</template>
+1 -1
View File
@@ -47,7 +47,7 @@
{{ row.limitCount }} / {{ row.limitPeriod }} {{ timeUnitLabel(row.timeUnit) }}
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'success' : 'danger'">
<el-tag :type="row.status === 1 ? 'success' : 'danger'" class="status-text">
{{ row.status === 1 ? '启用' : '禁用' }}
</el-tag>
</template>
+1 -1
View File
@@ -55,7 +55,7 @@
</el-button>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+1 -1
View File
@@ -63,7 +63,7 @@
</el-autocomplete>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+1 -1
View File
@@ -31,7 +31,7 @@
</el-button>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+2 -2
View File
@@ -32,7 +32,7 @@
</el-button>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
@@ -255,7 +255,7 @@ export default {
addDisplay: false,
editDisplay: false,
value: 1,
minWidth: 100,
minWidth: 110,
},
],
},
+1 -1
View File
@@ -64,7 +64,7 @@
<span>港口/码头</span>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+1 -1
View File
@@ -55,7 +55,7 @@
</el-button>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
@@ -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;
}
+2 -2
View File
@@ -62,13 +62,13 @@
</template>
<template #contractStage="{ row }">
<el-tag :type="stageTagType(row.contractStage)">
<el-tag :type="stageTagType(row.contractStage)" class="status-text">
{{ displayStatus(row, 'contractStage') }}
</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>
@@ -45,7 +45,7 @@
</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>
+1 -1
View File
@@ -18,7 +18,7 @@
@on-load="onLoad"
>
<template #suspensionState="{ row }">
<el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
<el-tag class="status-text">{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
</template>
</avue-crud>
<el-dialog
+1 -1
View File
@@ -49,7 +49,7 @@
<el-tag>v{{ row.version }}</el-tag>
</template>
<template #suspensionState="{ row }">
<el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
<el-tag class="status-text">{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
</template>
<template #category="{ row }">
<el-tag>{{ row.categoryName }}</el-tag>
@@ -15,7 +15,7 @@
show-overflow-tooltip
>
<template #default="{ row }">
<el-tag v-if="column.status" :type="statusType(row.approvalStatus)">
<el-tag v-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
{{ row[column.prop] || '-' }}
</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+1 -1
View File
@@ -89,7 +89,7 @@
<el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">
{{ row[column.prop] }}
</el-link>
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
{{ displayValue(row[column.prop]) }}
</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+1 -1
View File
@@ -95,7 +95,7 @@
<el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">
{{ row[column.prop] }}
</el-link>
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
{{ displayValue(row[column.prop]) }}
</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+1 -1
View File
@@ -114,7 +114,7 @@
<el-link v-if="column.link" type="primary" @click="openView(row)">{{
row[column.prop]
}}</el-link>
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">{{
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">{{
row[column.prop] || '-'
}}</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+1 -1
View File
@@ -93,7 +93,7 @@
<el-link v-if="column.link" type="primary" @click="openDetail(row)">
{{ displayValue(row[column.prop]) }}
</el-link>
<el-tag v-else-if="column.status" :type="statusType(row.claimStatus)">
<el-tag v-else-if="column.status" :type="statusType(row.claimStatus)" class="status-text">
{{ displayValue(row[column.prop]) }}
</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+1 -1
View File
@@ -76,7 +76,7 @@
{{ displayValue(row[column.prop]) }}
</el-link>
<span v-else-if="column.link">{{ displayValue(row[column.prop]) }}</span>
<el-tag v-else-if="column.status" :type="statusType(row.claimStatus)">
<el-tag v-else-if="column.status" :type="statusType(row.claimStatus)" class="status-text">
{{ displayValue(row[column.prop]) }}
</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+1 -1
View File
@@ -45,7 +45,7 @@
</el-link>
</template>
<template #status="{ row }">
<el-tag>{{ row.statusName }}</el-tag>
<el-tag class="status-text">{{ row.statusName }}</el-tag>
</template>
<template #category="{ row }">
<el-tag>{{ row.categoryName }}</el-tag>
+1 -1
View File
@@ -45,7 +45,7 @@
</el-link>
</template>
<template #status="{ row }">
<el-tag>{{ row.statusName }}</el-tag>
<el-tag class="status-text">{{ row.statusName }}</el-tag>
</template>
<template #category="{ row }">
<el-tag>{{ row.categoryName }}</el-tag>
@@ -115,12 +115,13 @@
show-overflow-tooltip
>
<template #default="{ row }">
<el-tag v-if="column.prop === 'matchResult'" :type="matchTagType(row.matchResult)">{{
<el-tag v-if="column.prop === 'matchResult'" :type="matchTagType(row.matchResult)" class="status-text">{{
matchName(row.matchResult)
}}</el-tag>
<el-tag
v-else-if="column.prop === 'updateResult'"
:type="updateTagType(row.updateResult)"
class="status-text"
>{{ updateName(row.updateResult) }}</el-tag
>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
@@ -182,7 +183,7 @@
show-overflow-tooltip
>
<template #default="{ row }">
<el-tag v-if="column.prop === 'matchStatus'" :type="matchTagType(row.matchStatus)">{{
<el-tag v-if="column.prop === 'matchStatus'" :type="matchTagType(row.matchStatus)" class="status-text">{{
matchName(row.matchStatus)
}}</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+1 -1
View File
@@ -108,7 +108,7 @@
<el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">{{
row[column.prop]
}}</el-link>
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">{{
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">{{
displayValue(row[column.prop])
}}</el-tag>
<span v-else-if="column.money">{{ formatMoney(row[column.prop], row.currency) }}</span>
+1
View File
@@ -33,6 +33,7 @@
</template>
<template #lockStatus="{ row }">
<el-tag
class="status-text"
:type="row.expired ? 'info' : row.lockStatus === 'LOCKED' ? 'danger' : row.lockStatus === 'PRE_LOCKED' ? 'warning' : 'success'"
size="small"
>
+1 -1
View File
@@ -49,7 +49,7 @@
{{ getLeaderValue(row.leaderId, 'phone') }}
</template>
<template #status="{ row }">
<el-tag :type="Number(row.status) === 1 ? 'success' : 'info'">
<el-tag :type="Number(row.status) === 1 ? 'success' : 'info'" class="status-text">
{{ Number(row.status) === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+2 -2
View File
@@ -43,7 +43,7 @@
<el-tag @click="handleRowClick(row)" style="cursor: pointer">{{ row.code }}</el-tag>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
<el-dialog :title="`[${dictValue}]字典配置`" append-to-body v-model="box" width="1000px">
@@ -86,7 +86,7 @@
</el-link>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</el-dialog>
+2 -2
View File
@@ -43,7 +43,7 @@
<el-tag @click="handleRowClick(row)" style="cursor: pointer">{{ row.code }}</el-tag>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
<el-dialog :title="`[${dictValue}]字典配置`" append-to-body v-model="box" width="1000px">
@@ -86,7 +86,7 @@
</el-link>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</el-dialog>
+1 -1
View File
@@ -34,7 +34,7 @@
</el-link>
</template>
<template #status="{ row }">
<el-tag>{{ row.status === 1 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.status === 1 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</basic-container>
+2 -2
View File
@@ -73,7 +73,7 @@
<el-link v-if="column.link && row[column.prop]" type="primary" @click="openWaybill(row)">
{{ row[column.prop] }}
</el-link>
<el-tag v-else-if="column.tag" :type="tagType(row, column.prop)" effect="plain">
<el-tag v-else-if="column.tag" :type="tagType(row, column.prop)" effect="plain" class="status-text">
{{ row[column.prop] || '-' }}
</el-tag>
<span v-else>{{ row[column.prop] || '-' }}</span>
@@ -126,7 +126,7 @@
<el-link v-if="field.link && detail[field.prop]" type="primary" @click="openWaybill(detail)">
{{ detail[field.prop] }}
</el-link>
<el-tag v-else-if="field.tag" :type="tagType(detail, field.prop)" effect="plain">
<el-tag v-else-if="field.tag" :type="tagType(detail, field.prop)" effect="plain" class="status-text">
{{ detail[field.prop] || '-' }}
</el-tag>
<span v-else>{{ detail[field.prop] || '-' }}</span>
+1 -1
View File
@@ -63,7 +63,7 @@
{{ String(row.organizationName || '').replace(/^[\s\u3000]+/, '') }}
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+1 -1
View File
@@ -65,7 +65,7 @@
{{ String(row.organizationName || '').replace(/^[\s\u3000]+/, '') }}
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+2 -2
View File
@@ -62,7 +62,7 @@
{{ String(row.organizationName || '').replace(/^[\s\u3000]+/, '') }}
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
@@ -70,7 +70,7 @@
<span>-</span>
</template>
<template #certificationStatus="{ row }">
<el-tag :type="getCertificationStatus(row).type">
<el-tag :type="getCertificationStatus(row).type" class="status-text">
{{ getCertificationStatus(row).label }}
</el-tag>
</template>
+1 -1
View File
@@ -31,7 +31,7 @@
</el-button>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
<template #menu="scope">
<el-link
+2 -2
View File
@@ -35,7 +35,7 @@
</el-button>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</el-col>
@@ -71,7 +71,7 @@
</el-button>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</el-col>
+2 -2
View File
@@ -35,7 +35,7 @@
</el-button>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</el-col>
@@ -75,7 +75,7 @@
</el-button>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</el-col>
+2 -2
View File
@@ -41,7 +41,7 @@
</el-button>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</div>
@@ -96,7 +96,7 @@
</el-link>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</div>
+2 -2
View File
@@ -41,7 +41,7 @@
</el-button>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</div>
@@ -96,7 +96,7 @@
</el-link>
</template>
<template #isSealed="{ row }">
<el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
<el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
</template>
</avue-crud>
</div>
+3 -1
View File
@@ -49,6 +49,7 @@
</template>
<template #accessType="{ row }">
<el-tag
class="status-text"
:class="
row.accessType === 'formal' ? 'archive-tag--deep-blue' : 'archive-tag--light-blue'
"
@@ -58,6 +59,7 @@
</template>
<template #approvalStatus="{ row }">
<el-tag
class="status-text"
:class="{
'archive-tag--deep-blue': row.approvalStatus === 'approved',
'archive-tag--light-blue': row.approvalStatus === 'reviewing',
@@ -72,7 +74,7 @@
</el-tag>
</template>
<template #status="{ row }">
<el-tag :type="row.status === 1 ? 'primary' : 'info'">
<el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
{{ row.status === 1 ? '启用' : '停用' }}
</el-tag>
</template>
+1 -1
View File
@@ -33,7 +33,7 @@
<el-tag>v{{ row.processDefinitionVersion }}</el-tag>
</template>
<template #processIsFinished="{ row }">
<el-tag>{{ row.processIsFinished === 'finished' ? '已完成' : '未完成' }}</el-tag>
<el-tag class="status-text">{{ row.processIsFinished === 'finished' ? '已完成' : '未完成' }}</el-tag>
</template>
</avue-crud>
<flow-design
+1 -1
View File
@@ -42,7 +42,7 @@
<el-tag>v{{ row.version }}</el-tag>
</template>
<template #suspensionState="{ row }">
<el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
<el-tag class="status-text">{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
</template>
<template #category="{ row }">
<el-tag>{{ row.categoryName }}</el-tag>