主体库页面修改

src/views/enterpriseLibrary/enterprise/components/EnterpriseDetail.vue

@@ -11,10 +11,15 @@
                 <el-col :span="6" class="pane-left">
                     <BasicInfoDetail ref="basicInfoDetail" :detailData="detailData" />
                 </el-col>
+            </el-row>
+            <el-row :gutter="24" class="content-row">
                 <!-- 法人信息 -->
                 <el-col :span="6" class="pane-center">
                     <LegalPersonDetail ref="legalPersonDetail" :detailData="detailData" />
                 </el-col>
+
+            </el-row>
+            <el-row :gutter="24" class="content-row">
                 <!-- 开户证明 -->
                 <el-col :span="6" class="pane-right">
                     <AccountOpeningCertificateDetail ref="accountOpeningCertificateDetail" :detailData="detailData" />
@@ -75,14 +80,24 @@ export default {
 
 <style scoped lang="scss">
 .app-container {
+    height: calc(100vh - 84px);
+    width: 100%;
     padding: 24px;
+    box-sizing: border-box;
     background: linear-gradient(180deg, #F1F6FF 20%, #E5EFFF 100%);
-    min-height: 100vh;
+    display: flex;
-    overflow-y: auto;
+    flex-direction: column;
+    overflow: hidden;
+    position: relative;
+    margin: 0;
 }
 
 .content-body {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
     margin-top: 20px;
+    min-height: 0; // 确保 flex 子元素可以正确收缩
 }
 
 .content-row {
@@ -97,11 +112,11 @@ export default {
 .pane-right {
     background: #fff;
     border-radius: 16px 16px 16px 16px;
-    min-height: 600px;
+    min-height: 300px;
     box-shadow: 0px 4px 20px 0px rgba(31, 35, 55, 0.1);
     // border: 1px solid #e8f4ff;
     padding: 0;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
     flex: 1;
     min-width: 0;
 }
@@ -111,8 +126,8 @@ export default {
     display: flex;
     justify-content: flex-end;
     align-items: center;
-    margin-bottom: 20px;
     gap: 12px;
+    flex-shrink: 0;
 }
 
 .edit-btn {

src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue

@@ -6,13 +6,22 @@
         </div>
 
         <div class="detail-content">
+            <el-row>
+                <el-col :span="8">
                     <!-- 开户许可证 -->
                     <FileOrImageDisplay label="开户许可证" :file="form.fileList[0]" :image-url="form.url" />
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="8">
                     <!-- 开户银行 -->
                     <DetailItem label="开户银行" :value="form.openingBank" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 开户账号 -->
                     <DetailItem label="开户账号" :value="form.openingAccount" />
-            
+                </el-col>
+            </el-row>
         </div>
     </div>
 </template>

src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue

@@ -6,22 +6,48 @@
         </div>
 
         <div class="detail-content">
+            <el-row>
+                <el-col :span="8">
                     <!-- 营业执照 -->
                     <FileOrImageDisplay label="营业执照" :file="form.fileList[0]" :image-url="form.url" />
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="8">
                     <!-- 企业名称 -->
                     <DetailItem label="企业名称" :value="form.enterpriseName" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 统一社会信用代码 -->
                     <DetailItem label="统一社会信用代码" :value="form.enterpriseCode" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 注册资本 -->
                     <DetailItem label="注册资本" :value="form.registeredCapital" />
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="8">
                     <!-- 成立日期 -->
                     <DetailItem label="成立日期" :value="form.establishedDate" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 营业期限 -->
                     <DetailItem label="营业期限" :value="form.businessTerm" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 住所 -->
                     <DetailItem label="住所" :value="form.residence" />
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="24">
                     <!-- 经营范围 -->
                     <DetailItem label="经营范围" :value="form.businessScope" />
+                </el-col>
+            </el-row>
+
+            
         </div>
     </div>
 </template>
@@ -107,5 +133,4 @@ export default {
         font-size: 20px;
     }
 }
-
 </style>

src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue

@@ -6,20 +6,41 @@
         </div>
 
         <div class="detail-content">
+            <el-row :gutter="24">
+                <el-col :span="8">
                     <!-- 身份证人像面 -->
                     <FileOrImageDisplay label="身份证人像面" :file="form.fileList[0]" :image-url="form.url" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 身份证国徽面 -->
                     <FileOrImageDisplay label="身份证国徽面" :file="form.fileList2[0]" :image-url="form.url2" />
+                </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="8">
                     <!-- 法人姓名 -->
                     <DetailItem label="法人姓名" :value="form.legalPersonName" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 法人身份证号 -->
                     <DetailItem label="法人身份证号" :value="form.legalPersonIdCard" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 身份证有效期 -->
                     <DetailItem label="身份证有效期" :value="form.idCardStartDate" />
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="8">
                     <!-- 法人职务 -->
                     <DetailItem label="法人职务" :value="form.legalPersonPosition" />
+                </el-col>
+                <el-col :span="8">
                     <!-- 法人联系方式 -->
                     <DetailItem label="法人联系方式" :value="form.legalPersonPhone" />
+                </el-col>
+            </el-row>
         </div>
     </div>
 </template>
@@ -106,5 +127,4 @@ export default {
         font-size: 20px;
     }
 }
-
 </style>