统一信息维护正式化外壳样式

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

@@ -216,23 +216,23 @@ export default {
 .project-analysis-dialog__body {
   display: flex;
   flex-direction: column;
-  border: 1px solid #e2e8f0;
-  border-radius: 24px;
-  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
+  min-height: calc(96vh - 64px);
+  border: 1px solid #dde3ec;
+  background: #ffffff;
   overflow: hidden;
 }
 
 .project-analysis-header {
-  padding: 24px 28px 18px;
-  border-bottom: 1px solid #e2e8f0;
-  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 65%);
+  padding: 32px 36px 24px;
+  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 {
@@ -240,49 +240,52 @@ export default {
 }
 
 .project-analysis-header__eyebrow {
-  font-size: 12px;
+  color: #65758d;
+  font-size: 16px;
   font-weight: 600;
-  letter-spacing: 0.08em;
-  color: #64748b;
+  line-height: 1;
 }
 
 .project-analysis-header__title {
-  margin-top: 8px;
-  font-size: 24px;
-  font-weight: 600;
-  line-height: 1.2;
-  color: #0f172a;
+  margin-top: 18px;
+  color: #101a2b;
+  font-size: 30px;
+  font-weight: 700;
+  line-height: 1;
 }
 
 .project-analysis-header__meta {
   display: inline-flex;
   align-items: center;
-  gap: 12px;
-  padding: 12px 14px;
-  border: 1px solid #fde68a;
-  border-radius: 999px;
-  background: #fffbeb;
+  gap: 10px;
+  min-height: 34px;
+  padding: 0 12px;
+  border: 1px solid #bfd0e2;
+  border-radius: 2px;
+  background: #eef4f9;
 }
 
 .project-analysis-header__meta-label {
-  font-size: 12px;
-  color: #92400e;
+  color: #637187;
+  font-size: 13px;
+  font-weight: 600;
 }
 
 .project-analysis-header__meta-value {
+  color: #245b8f;
   font-size: 13px;
   font-weight: 600;
-  color: #b45309;
 }
 
 .project-analysis-workspace {
   display: flex;
   align-items: flex-start;
-  gap: 24px;
+  gap: 36px;
   min-height: 700px;
-  max-height: calc(96vh - 170px);
-  padding: 24px 28px 28px;
+  max-height: calc(96vh - 168px);
+  padding: 36px;
   overflow: auto;
+  background: #ffffff;
 }
 
 .project-analysis-layout {
@@ -292,21 +295,73 @@ export default {
 }
 
 .project-analysis-layout__sidebar {
-  flex: 0 0 340px;
+  flex: 0 0 420px;
 }
 
 .project-analysis-layout__main {
   flex: 1;
   min-width: 0;
-  border-left: 1px solid #e2e8f0;
-  padding-left: 24px;
+  border-left: 1px solid #dde3ec;
+  padding-left: 36px;
 }
 
 .project-analysis-layout__alert {
-  margin-bottom: 16px;
+  margin-bottom: 20px;
 }
 
 .project-analysis-tabs {
-  margin-top: -8px;
+  margin-top: -6px;
+}
+</style>
+
+<style lang="scss">
+.project-analysis-dialog {
+  margin-top: 2vh !important;
+  border-radius: 0;
+  background: #f5f6f8;
+  overflow: hidden;
+
+  .el-dialog__header {
+    display: none;
+  }
+
+  .el-dialog__body {
+    padding: 0;
+    background: #f5f6f8;
+  }
+}
+
+.project-analysis-tabs {
+  .el-tabs__header {
+    margin: 0;
+  }
+
+  .el-tabs__nav-wrap::after {
+    height: 1px;
+    background: #dde3ec;
+  }
+
+  .el-tabs__item {
+    height: 46px;
+    padding: 0 24px !important;
+    color: #2a374a;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 46px;
+  }
+
+  .el-tabs__item.is-active {
+    color: #245b8f;
+    font-weight: 600;
+  }
+
+  .el-tabs__active-bar {
+    height: 3px;
+    background: #245b8f;
+  }
+
+  .el-tabs__content {
+    padding-top: 20px;
+  }
 }
 </style>