DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 统一优化异议处理页面的整体UI样式风格

Browse Source 
本次提交对wms异议处理页面的所有组件样式进行了统一调整：
1.  替换了老旧的复古文档风格配色，统一使用现代中性色调的Tailwind CSS风格色值
2.  调整了字体大小、行高、间距等排版参数，优化页面整体可读性
3.  统一了卡片、边框、圆角的样式规范，移除冗余的衬线字体配置
4.  调整了页面容器背景色，从暖白纸色改为更清爽的工业风浅色主题
5.  优化了空状态、流程步骤等组件的视觉表现，保持整体风格统一
This commit is contained in:
砂糖
2026-07-03 15:37:37 +08:00
parent 7236e02813
commit 89e7a9d56a
10 changed files with 276 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
klp-ui/src/views/wms/post/objection/components/FlowOverviewSection.vue
View File

@@ -65,55 +65,52 @@ export default {
<style scoped>
.section-container {
margin-bottom: 6px;
margin-bottom: 4px;
}
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 32px 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 20px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
.flow-steps {
padding: 8px 0 4px;
padding: 6px 0 4px;
}
.flow-steps >>> .el-step.is-wait .el-step__icon-inner,
.flow-steps >>> .el-step.is-wait .el-step__title {
color: #c0c4cc;
color: #94a3b8;
}
.flow-steps >>> .el-step.is-process .el-step__icon-inner,
.flow-steps >>> .el-step.is-process .el-step__title {
color: #409eff;
color: #2563eb;
}
.flow-steps >>> .el-step.is-finish .el-step__icon-inner,
.flow-steps >>> .el-step.is-finish .el-step__title {
color: #67c23a;
color: #52c41a;
}
.flow-steps >>> .el-step__description {
@@ -125,15 +122,14 @@ export default {
align-items: center;
justify-content: flex-end;
gap: 6px;
margin-top: 6px;
padding-top: 8px;
border-top: 1px dashed #e0dcd6;
margin-top: 4px;
padding-top: 6px;
border-top: 1px solid #e2e8f0;
}
.status-label {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
color: #8c8c8c;
letter-spacing: 0.3px;
color: #64748b;
letter-spacing: 0.2px;
}
</style>