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

补充项目分析个人详情页正式化样式

Browse Source
This commit is contained in:
wjj
2026-05-06 16:18:03 +08:00
committed by wkc
parent 0ea504f6b3
commit 9d3e8beceb
5 changed files with 256 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -217,21 +217,22 @@ export default {
display: flex;
flex-direction: column;
min-height: calc(96vh - 64px);
background: #f5f7fb;
border: 1px solid #dde3ec;
background: #ffffff;
overflow: hidden;
}
.project-analysis-header {
padding: 20px 28px 18px;
border-bottom: 1px solid #dbe4ef;
padding: 38px 54px 34px;
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
.project-analysis-header__main {
display: flex;
align-items: flex-start;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
gap: 24px;
}
.project-analysis-header__title-group {
@@ -239,52 +240,52 @@ export default {
}
.project-analysis-header__eyebrow {
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
color: #64748b;
color: #65758d;
font-size: 17px;
font-weight: 700;
line-height: 1;
}
.project-analysis-header__title {
margin-top: 8px;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: #0f172a;
margin-top: 24px;
color: #101a2b;
font-size: 34px;
font-weight: 700;
line-height: 1;
}
.project-analysis-header__meta {
display: inline-flex;
align-items: center;
gap: 12px;
min-height: 32px;
gap: 10px;
min-height: 34px;
padding: 0 12px;
border: 1px solid #bfd0e2;
border-radius: 6px;
border-radius: 2px;
background: #eef4f9;
}
.project-analysis-header__meta-label {
font-size: 12px;
font-weight: 600;
color: #637187;
font-size: 13px;
font-weight: 600;
}
.project-analysis-header__meta-value {
color: #245b8f;
font-size: 13px;
font-weight: 600;
color: #245b8f;
}
.project-analysis-workspace {
display: flex;
align-items: flex-start;
gap: 20px;
min-height: 700px;
max-height: calc(96vh - 164px);
padding: 24px;
gap: 56px;
min-height: 720px;
max-height: calc(96vh - 168px);
padding: 28px 54px 42px;
overflow: auto;
background: #f5f7fb;
background: #ffffff;
}
.project-analysis-layout {
@@ -294,107 +295,74 @@ export default {
}
.project-analysis-layout__sidebar {
flex: 0 0 320px;
flex: 0 0 38%;
max-width: 520px;
}
.project-analysis-layout__main {
flex: 1;
min-width: 0;
border: 1px solid #dbe4ef;
border-radius: 6px;
background: #ffffff;
overflow: hidden;
border-left: 1px solid #dde3ec;
padding-left: 56px;
}
.project-analysis-layout__alert {
margin-bottom: 16px;
margin-bottom: 20px;
}
.project-analysis-tabs {
margin-top: 0;
}
@media (max-width: 1100px) {
.project-analysis-workspace {
flex-direction: column;
}
.project-analysis-layout__sidebar {
flex: none;
width: 100%;
}
.project-analysis-layout__main {
width: 100%;
}
margin-top: -2px;
}
</style>
<style lang="scss">
.project-analysis-dialog {
margin-top: 2vh !important;
border-radius: 8px;
background: #f5f7fb;
border-radius: 0;
background: #f5f6f8;
overflow: hidden;
.el-dialog__header {
padding: 18px 24px;
border-bottom: 1px solid #dbe4ef;
background: #ffffff;
}
.el-dialog__title {
color: #101a2b;
font-size: 18px;
font-weight: 600;
line-height: 1;
}
.el-dialog__headerbtn {
top: 18px;
right: 22px;
display: none;
}
.el-dialog__body {
padding: 0;
background: #f5f7fb;
background: #f5f6f8;
}
}
.project-analysis-tabs {
.el-tabs__header {
margin: 0;
padding: 0 20px;
border-bottom: 1px solid #dbe4ef;
background: #ffffff;
}
.el-tabs__nav-wrap::after {
display: none;
height: 1px;
background: #dde3ec;
}
.el-tabs__item {
height: 46px;
padding: 0 22px !important;
height: 58px;
padding: 0 32px !important;
color: #2a374a;
font-size: 14px;
font-size: 18px;
font-weight: 500;
line-height: 46px;
line-height: 58px;
}
.el-tabs__item.is-active {
color: #245b8f;
font-weight: 600;
font-weight: 700;
}
.el-tabs__active-bar {
height: 2px;
height: 4px;
background: #245b8f;
}
.el-tabs__content {
padding: 20px;
background: #ffffff;
padding-top: 28px;
}
}
</style>