style(business): 统一业务状态标签为文字+颜色样式
- 新增全局 `.status-text` 样式,去除 el-tag 背景和边框,仅保留彩色文字和跟随文字颜色的圆点 - 业务状态相关的 el-tag 标签全部加上 `class="status-text"`,覆盖调度状态、审批状态、运单状态等全站业务状态展示 - 统一发货模板查看弹窗的卡片样式,新增分区块样式与运费信息展示板块 - 调整发货模板弹窗详情 label 宽度,所有 el-descriptions 的 label 宽度统一为 140px 以保证视觉一致 - 表格列内嵌输入控件全宽默认样式生效,无需单独设置跨度,解决输入框显示不足问题 - 弹窗中的部分表单和导入区域使用 `section-card` 统一卡片风格 - 客商档案查看模式改为独立路由,实现查看与编辑隔离并调整对应操作按钮文案 - 相关样式调整及细节优化,包括运费单位颜色等辅助样式,保证界面细节统一规范
This commit is contained in:
@@ -146,7 +146,7 @@
|
||||
<template #header>
|
||||
<div class="voucher-manage-page__dialog-title">凭证详情</div>
|
||||
</template>
|
||||
<el-descriptions v-loading="detailLoading" :column="2" border>
|
||||
<el-descriptions v-loading="detailLoading" :column="2" border class="voucher-manage-page__detail-desc">
|
||||
<el-descriptions-item label="项目名称">
|
||||
{{ detailValue(detailRow.projectName) }}
|
||||
</el-descriptions-item>
|
||||
@@ -1076,5 +1076,17 @@ load();
|
||||
:deep(.el-table__body tr:nth-child(even) > td) {
|
||||
background: #fafafa;
|
||||
}
|
||||
&__detail-desc {
|
||||
:deep(.el-descriptions__table) {
|
||||
table-layout: fixed;
|
||||
th, td {
|
||||
width: 50%;
|
||||
}
|
||||
.el-descriptions__label,
|
||||
.el-descriptions__content {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user