收口项目分析弹窗右侧主区节奏

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

@@ -10,6 +10,7 @@
           <div class="abnormal-card__title">{{ group.groupName || "异常明细" }}</div>
         </div>
 
+        <div class="abnormal-card__content">
           <el-table
             v-if='group.groupType === "BANK_STATEMENT"'
             :data="getStatementPageRecords(group)"
@@ -104,6 +105,7 @@
               </div>
             </article>
           </div>
+        </div>
       </section>
     </template>
     <el-empty v-else :image-size="80" description="暂无异常明细" />
@@ -186,7 +188,7 @@ export default {
 }
 
 .abnormal-card__header {
-  margin-bottom: 16px;
+  margin-bottom: 14px;
 }
 
 .abnormal-card__title {
@@ -195,6 +197,11 @@ export default {
   color: #0f172a;
 }
 
+.abnormal-card__content {
+  display: grid;
+  gap: 16px;
+}
+
 .abnormal-card__subtitle {
   font-size: 12px;
   color: #64748b;

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

@@ -302,6 +302,6 @@ export default {
 }
 
 .project-analysis-tabs {
-  margin-top: -4px;
+  margin-top: -8px;
 }
 </style>

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

@@ -1,7 +1,7 @@
 <template>
-  <section class="project-analysis-placeholder-tab">
-    <div class="placeholder-title">{{ tabData.label }}</div>
-    <div class="placeholder-text">{{ tabData.description }}</div>
+  <section class="project-analysis-placeholder-tab placeholder-panel">
+    <div class="placeholder-title placeholder-panel__title">{{ tabData.label }}</div>
+    <div class="placeholder-text placeholder-panel__text">{{ tabData.description }}</div>
   </section>
 </template>
 
@@ -22,9 +22,10 @@ export default {
 
 <style lang="scss" scoped>
 .project-analysis-placeholder-tab {
-  min-height: 560px;
+  min-height: 0;
   padding: 24px;
   border: 1px solid #e2e8f0;
+  border-radius: 16px;
   background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
 }
 

ruoyi-ui/tests/unit/project-analysis-dialog-abnormal-tab.test.js

@@ -16,18 +16,28 @@ const abnormalTab = fs.readFileSync(
   ),
   "utf8"
 );
+const placeholderTab = fs.readFileSync(
+  path.resolve(
+    __dirname,
+    "../../src/views/ccdiProject/components/detail/ProjectAnalysisPlaceholderTab.vue"
+  ),
+  "utf8"
+);
 
 [
   "<project-analysis-abnormal-tab",
   ':detail-data="dialogData.abnormalDetail"',
-  "source-summary",
+  'class="project-analysis-tabs"',
 ].forEach((token) => assert(dialog.includes(token), token));
 
+assert(!dialog.includes("project-analysis-layout__main-scroll"), "主区不应再有独立滚动容器");
+
 [
   "detailData.groups",
   'group.groupType === "BANK_STATEMENT"',
   'group.groupType === "OBJECT"',
   "group.groupName",
+  "abnormal-card__content",
   "statementPageSize: 5",
   "statementPageMap",
   "slice(startIndex, startIndex + this.statementPageSize)",
@@ -48,3 +58,9 @@ const abnormalTab = fs.readFileSync(
   "extraFields",
   "grid-template-columns: minmax(0, 1fr)",
 ].forEach((token) => assert(abnormalTab.includes(token), token));
+
+[
+  "placeholder-panel",
+  "placeholder-panel__title",
+  "placeholder-panel__text",
+].forEach((token) => assert(placeholderTab.includes(token), token));