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

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

@@ -217,22 +217,21 @@ export default {
   display: flex;
   flex-direction: column;
   min-height: calc(96vh - 64px);
-  border: 1px solid #dde3ec;
-  background: #ffffff;
+  background: #f5f7fb;
   overflow: hidden;
 }
 
 .project-analysis-header {
-  padding: 32px 36px 24px;
-  border-bottom: 1px solid #dde3ec;
+  padding: 20px 28px 18px;
+  border-bottom: 1px solid #dbe4ef;
   background: #ffffff;
 }
 
 .project-analysis-header__main {
   display: flex;
-  align-items: flex-end;
+  align-items: flex-start;
   justify-content: space-between;
-  gap: 24px;
+  gap: 16px;
 }
 
 .project-analysis-header__title-group {
@@ -240,52 +239,52 @@ export default {
 }
 
 .project-analysis-header__eyebrow {
-  color: #65758d;
-  font-size: 16px;
+  font-size: 12px;
   font-weight: 600;
-  line-height: 1;
+  letter-spacing: 0;
+  color: #64748b;
 }
 
 .project-analysis-header__title {
-  margin-top: 18px;
-  color: #101a2b;
-  font-size: 30px;
-  font-weight: 700;
-  line-height: 1;
+  margin-top: 8px;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 1.2;
+  color: #0f172a;
 }
 
 .project-analysis-header__meta {
   display: inline-flex;
   align-items: center;
-  gap: 10px;
-  min-height: 34px;
+  gap: 12px;
+  min-height: 32px;
   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-workspace {
   display: flex;
   align-items: flex-start;
-  gap: 36px;
+  gap: 20px;
   min-height: 700px;
-  max-height: calc(96vh - 168px);
-  padding: 36px;
+  max-height: calc(96vh - 164px);
+  padding: 24px;
   overflow: auto;
-  background: #ffffff;
+  background: #f5f7fb;
 }
 
 .project-analysis-layout {
@@ -295,57 +294,90 @@ export default {
 }
 
 .project-analysis-layout__sidebar {
-  flex: 0 0 420px;
+  flex: 0 0 320px;
 }
 
 .project-analysis-layout__main {
   flex: 1;
   min-width: 0;
-  border-left: 1px solid #dde3ec;
-  padding-left: 36px;
+  border: 1px solid #dbe4ef;
+  border-radius: 6px;
+  background: #ffffff;
+  overflow: hidden;
 }
 
 .project-analysis-layout__alert {
-  margin-bottom: 20px;
+  margin-bottom: 16px;
 }
 
 .project-analysis-tabs {
-  margin-top: -6px;
+  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%;
+  }
 }
 </style>
 
 <style lang="scss">
 .project-analysis-dialog {
   margin-top: 2vh !important;
-  border-radius: 0;
-  background: #f5f6f8;
+  border-radius: 8px;
+  background: #f5f7fb;
   overflow: hidden;
 
   .el-dialog__header {
-    display: none;
+    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;
   }
 
   .el-dialog__body {
     padding: 0;
-    background: #f5f6f8;
+    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: 46px;
-    padding: 0 24px !important;
+    padding: 0 22px !important;
     color: #2a374a;
-    font-size: 16px;
+    font-size: 14px;
     font-weight: 500;
     line-height: 46px;
   }
@@ -356,12 +388,13 @@ export default {
   }
 
   .el-tabs__active-bar {
-    height: 3px;
+    height: 2px;
     background: #245b8f;
   }
 
   .el-tabs__content {
-    padding-top: 20px;
+    padding: 20px;
+    background: #ffffff;
   }
 }
 </style>