wkc/ccdi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

统一项目分析弹窗圆角样式

Browse Source
This commit is contained in:
wkc
2026-05-06 17:03:55 +08:00
parent 266108ac06
commit 6f6f2d264c
7 changed files with 158 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisAbnormalTab.vue
View File

@@ -336,6 +336,7 @@ export default {
.abnormal-card {
border: 1px solid #d9e1ed;
border-radius: 6px;
background: #fff;
overflow: hidden;
}
@@ -368,7 +369,8 @@ export default {
}
.abnormal-table {
border-radius: 0;
border: 1px solid #e2e8f0;
border-radius: 6px;
overflow: hidden;
}
@@ -411,6 +413,7 @@ export default {
padding: 16px;
border: 1px solid #d9e1ed;
background: #ffffff;
border-radius: 6px;
}
.object-card__header {
@@ -460,6 +463,7 @@ export default {
padding: 12px;
border: 1px solid #dbeafe;
border-left: 3px solid #245b8f;
border-radius: 6px;
background: #f4f8fd;
}
@@ -513,7 +517,7 @@ export default {
height: 28px;
padding: 0 10px;
border: 1px solid #c8d6e8;
border-radius: 2px;
border-radius: 6px;
background: #ffffff;
color: #245b8f;
font-size: 12px;

75
ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue
View File

@@ -269,14 +269,13 @@ export default {
display: flex;
flex-direction: column;
min-height: calc(92vh - 64px);
border: 1px solid #dde3ec;
background: #ffffff;
background: #f5f7fb;
overflow: hidden;
}
.project-analysis-header {
padding: 14px 24px;
border-bottom: 1px solid #dde3ec;
border-bottom: 1px solid #dbe4ef;
background: #ffffff;
}
@@ -305,20 +304,20 @@ export default {
min-height: 30px;
padding: 0 12px;
border: 1px solid #bfd0e2;
border-radius: 2px;
border-radius: 6px;
background: #eef4f9;
}
.project-analysis-header__meta-label {
color: #637187;
font-size: 13px;
font-size: 12px;
font-weight: 600;
color: #637187;
}
.project-analysis-header__meta-value {
color: #245b8f;
font-size: 13px;
font-weight: 600;
color: #245b8f;
}
.project-analysis-header__close {
@@ -326,7 +325,7 @@ export default {
width: 34px;
height: 34px;
border: none;
border-radius: 2px;
border-radius: 6px;
background: transparent;
color: #8d99aa;
font-size: 18px;
@@ -348,7 +347,7 @@ export default {
max-height: calc(92vh - 96px);
padding: 20px 28px 28px;
overflow: auto;
background: #ffffff;
background: #f5f7fb;
}
.project-analysis-workspace--sidebar-collapsed {
@@ -377,29 +376,50 @@ export default {
.project-analysis-layout__main {
flex: 1;
min-width: 0;
border-left: 0;
padding-left: 24px;
margin-left: 24px;
border: 1px solid #dbe4ef;
border-radius: 6px;
background: #ffffff;
overflow: hidden;
}
.project-analysis-workspace--sidebar-collapsed .project-analysis-layout__main {
padding-left: 18px;
margin-left: 18px;
}
.project-analysis-layout__alert {
margin-bottom: 20px;
margin-bottom: 16px;
}
.project-analysis-tabs {
margin-top: -2px;
margin-top: 0;
}
@media (max-width: 1100px) {
.project-analysis-workspace {
flex-direction: column;
}
.project-analysis-layout__sidebar {
position: static;
flex: none;
max-width: none;
width: 100%;
}
.project-analysis-layout__main {
width: 100%;
margin-top: 16px;
margin-left: 0;
}
}
</style>
<style lang="scss">
.project-analysis-dialog {
margin-top: 2vh !important;
border-radius: 0;
background: #ffffff;
border-radius: 8px;
background: #f5f7fb;
overflow: hidden;
.el-dialog__header {
@@ -408,41 +428,44 @@ export default {
.el-dialog__body {
padding: 0;
background: #ffffff;
background: #f5f7fb;
}
}
.project-analysis-tabs {
.el-tabs__header {
margin: 0;
padding: 0 20px;
border-bottom: 1px solid #dbe4ef;
background: #ffffff;
}
.el-tabs__nav-wrap::after {
height: 1px;
background: #dde3ec;
display: none;
}
.el-tabs__item {
height: 52px;
padding: 0 24px !important;
height: 46px;
padding: 0 22px !important;
color: #2a374a;
font-size: 16px;
font-size: 14px;
font-weight: 500;
line-height: 52px;
line-height: 46px;
}
.el-tabs__item.is-active {
color: #245b8f;
font-weight: 700;
font-weight: 600;
}
.el-tabs__active-bar {
height: 4px;
height: 2px;
background: #245b8f;
}
.el-tabs__content {
padding-top: 20px;
padding: 20px;
background: #ffffff;
}
}
</style>

60
ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue
View File

@@ -141,10 +141,11 @@ export default {
.sidebar-profile-card {
position: relative;
border: 1px solid #dfe6ef;
border-radius: 3px;
border: 1px solid #dbe4ef;
border-radius: 6px;
background: #ffffff;
box-shadow: none;
overflow: hidden;
}
.sidebar-card-toggle {
@@ -159,7 +160,7 @@ export default {
height: 24px;
padding: 0;
border: 1px solid #d5dfeb;
border-radius: 2px;
border-radius: 6px;
background: #ffffff;
color: #4f6077;
font-size: 12px;
@@ -193,16 +194,16 @@ export default {
.sidebar-profile__name-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
align-items: flex-start;
gap: 12px;
}
.sidebar-profile__name {
color: #111827;
font-size: 26px;
font-weight: 700;
margin-top: 8px;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: #0f172a;
min-width: 0;
word-break: break-all;
}
@@ -211,17 +212,15 @@ export default {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 74px;
height: 32px;
min-height: 26px;
padding: 0 10px;
border: 1px solid #f0c6c1;
border-radius: 2px;
background: #fff3f2;
color: #c43d33;
font-size: 14px;
border: 1px solid #edcaca;
border-radius: 6px;
background: #fbefef;
font-size: 12px;
font-weight: 600;
line-height: 30px;
text-align: center;
line-height: 24px;
color: #ad2f2f;
}
.sidebar-profile__meta {
@@ -244,16 +243,15 @@ export default {
.sidebar-profile__label,
.sidebar-summary__count-label {
color: #637187;
font-size: 13px;
font-size: 12px;
color: #64748b;
}
.sidebar-profile__value,
.sidebar-summary__count-value {
color: #172033;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
font-size: 13px;
line-height: 1.6;
color: #0f172a;
word-break: break-all;
}
@@ -289,15 +287,15 @@ export default {
}
.sidebar-tag-list ::v-deep(.el-tag) {
height: 28px;
padding: 0 10px;
border: 1px solid #cad8eb;
border-radius: 2px;
height: 26px;
padding: 0 9px;
border: 1px solid #bfd0e2;
border-radius: 6px;
background: #ffffff;
color: #245b8f;
font-size: 12px;
font-weight: 600;
line-height: 26px;
line-height: 24px;
}
.sidebar-collapsed-card {
@@ -308,8 +306,8 @@ export default {
min-height: 220px;
width: 46px;
padding: 44px 0 14px;
border: 1px solid #dfe6ef;
border-radius: 3px;
border: 1px solid #dbe4ef;
border-radius: 6px;
background: #ffffff;
color: #637187;
writing-mode: vertical-rl;