From 6c8b2babdc320e821c6980b216b234f11cbe5942 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Fri, 14 Nov 2025 14:20:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E4=BD=93=E5=BA=93=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/EnterpriseDetail.vue           | 29 +++++--
 .../child/AccountOpeningCertificateDetail.vue | 23 +++--
 .../components/child/BasicInfoDetail.vue      | 75 +++++++++++------
 .../components/child/LegalPersonDetail.vue    | 84 ++++++++++++-------
 4 files changed, 140 insertions(+), 71 deletions(-)

diff --git a/src/views/enterpriseLibrary/enterprise/components/EnterpriseDetail.vue b/src/views/enterpriseLibrary/enterprise/components/EnterpriseDetail.vue
index 7d039a4..5da1bc7 100644
--- a/src/views/enterpriseLibrary/enterprise/components/EnterpriseDetail.vue
+++ b/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;
-    overflow-y: auto;
+    display: flex;
+    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,15 +126,15 @@ export default {
     display: flex;
     justify-content: flex-end;
     align-items: center;
-    margin-bottom: 20px;
     gap: 12px;
+    flex-shrink: 0;
 }
 
 .edit-btn {
     width: 98px;
     height: 36px;
     background: #EAA819;
-    box-shadow: 0px 4px 8px 0px rgba(255,156,51,0.5);
+    box-shadow: 0px 4px 8px 0px rgba(255, 156, 51, 0.5);
     border-radius: 4px 4px 4px 4px;
     border-color: #EAA819;
     color: #fff;
@@ -131,7 +146,7 @@ export default {
     &:hover {
         background: #ffb733;
         border-color: #ffb733;
-        box-shadow: 0px 6px 12px 0px rgba(255,156,51,0.6);
+        box-shadow: 0px 6px 12px 0px rgba(255, 156, 51, 0.6);
         transform: translateY(-1px);
     }
 }
diff --git a/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue b/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue
index 66307b6..573c894 100644
--- a/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue
+++ b/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue
@@ -6,13 +6,22 @@
         </div>
 
         <div class="detail-content">
-            <!-- 开户许可证 -->
-            <FileOrImageDisplay label="开户许可证" :file="form.fileList[0]" :image-url="form.url" />
-            <!-- 开户银行 -->
-            <DetailItem label="开户银行" :value="form.openingBank" />
-            <!-- 开户账号 -->
-            <DetailItem label="开户账号" :value="form.openingAccount" />
-            
+            <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>
diff --git a/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue b/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue
index 31af500..4f02d1b 100644
--- a/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue
+++ b/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue
@@ -6,22 +6,48 @@
         </div>
 
         <div class="detail-content">
-            <!-- 营业执照 -->
-            <FileOrImageDisplay label="营业执照" :file="form.fileList[0]" :image-url="form.url" />
-            <!-- 企业名称 -->
-            <DetailItem label="企业名称" :value="form.enterpriseName" />
-            <!-- 统一社会信用代码 -->
-            <DetailItem label="统一社会信用代码" :value="form.enterpriseCode" />
-            <!-- 注册资本 -->
-            <DetailItem label="注册资本" :value="form.registeredCapital" />
-            <!-- 成立日期 -->
-            <DetailItem label="成立日期" :value="form.establishedDate" />
-            <!-- 营业期限 -->
-            <DetailItem label="营业期限" :value="form.businessTerm" />
-            <!-- 住所 -->
-            <DetailItem label="住所" :value="form.residence" />
-            <!-- 经营范围 -->
-            <DetailItem label="经营范围" :value="form.businessScope" />
+            <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>
@@ -47,12 +73,12 @@ export default {
                 enterpriseName: '',
                 enterpriseCode: '',
                 registeredCapital: '',
-                establishedDate:'',
+                establishedDate: '',
                 businessTerm: '',
                 residence: '',
                 businessScope: '',
-                url:null,
-                fileList:[]
+                url: null,
+                fileList: []
             }
         }
     },
@@ -67,17 +93,17 @@ export default {
                 businessTerm: this.detailData.businessTerm,
                 residence: this.detailData.residence,
                 businessScope: this.detailData.businessScope,
-                url:fileList[0]?.fileType === '1'? fileList[0]?.lsFilePath : null,
-                fileList:fileList,
+                url: fileList[0]?.fileType === '1' ? fileList[0]?.lsFilePath : null,
+                fileList: fileList,
             }
         },
-        getFileList(businessType){
+        getFileList(businessType) {
             return this.detailData.fileList.filter(item => item.businessType === businessType).map(item => {
                 return {
                     name: item.fileName,
                     filePath: item.filePath,
-                    lsFilePath:item.lsFilePath,
-                    fileType:item.fileType
+                    lsFilePath: item.lsFilePath,
+                    fileType: item.fileType
                 };
             });
         }
@@ -107,5 +133,4 @@ export default {
         font-size: 20px;
     }
 }
-
 </style>
\ No newline at end of file
diff --git a/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue b/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue
index 16954b4..b32c85f 100644
--- a/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue
+++ b/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue
@@ -6,20 +6,41 @@
         </div>
 
         <div class="detail-content">
-            <!-- 身份证人像面 -->
-            <FileOrImageDisplay label="身份证人像面" :file="form.fileList[0]" :image-url="form.url" />
-            <!-- 身份证国徽面 -->
-            <FileOrImageDisplay label="身份证国徽面" :file="form.fileList2[0]" :image-url="form.url2" />
-            <!-- 法人姓名 -->
-            <DetailItem label="法人姓名" :value="form.legalPersonName" />
-            <!-- 法人身份证号 -->
-            <DetailItem label="法人身份证号" :value="form.legalPersonIdCard" />
-            <!-- 身份证有效期 -->
-            <DetailItem label="身份证有效期" :value="form.idCardStartDate" />
-            <!-- 法人职务 -->
-            <DetailItem label="法人职务" :value="form.legalPersonPosition" />
-            <!-- 法人联系方式 -->
-            <DetailItem label="法人联系方式" :value="form.legalPersonPhone" />
+            <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>
@@ -41,16 +62,16 @@ export default {
     },
     data() {
         return {
-            form:{
-                legalPersonName:'',
-                legalPersonIdCard:'',
-                idCardStartDate:'',
-                legalPersonPosition:'',
-                legalPersonPhone:'',
-                url:null,
-                url2:null,
-                fileList:[],
-                fileList2:[],
+            form: {
+                legalPersonName: '',
+                legalPersonIdCard: '',
+                idCardStartDate: '',
+                legalPersonPosition: '',
+                legalPersonPhone: '',
+                url: null,
+                url2: null,
+                fileList: [],
+                fileList2: [],
             }
         }
     },
@@ -64,19 +85,19 @@ export default {
                 idCardStartDate: this.detailData.idCardStartDate,
                 legalPersonPosition: this.detailData.legalPersonPosition,
                 legalPersonPhone: this.detailData.legalPersonPhone,
-                url:fileList[0]?.fileType === '1'? fileList[0]?.lsFilePath : null,
-                url2:fileList2[0]?.fileType === '1'? fileList2[0]?.lsFilePath : null,
-                fileList:fileList,
-                fileList2:fileList2,
+                url: fileList[0]?.fileType === '1' ? fileList[0]?.lsFilePath : null,
+                url2: fileList2[0]?.fileType === '1' ? fileList2[0]?.lsFilePath : null,
+                fileList: fileList,
+                fileList2: fileList2,
             }
         },
-        getFileList(businessType){
+        getFileList(businessType) {
             return this.detailData.fileList.filter(item => item.businessType === businessType).map(item => {
                 return {
                     name: item.fileName,
                     filePath: item.filePath,
-                    lsFilePath:item.lsFilePath,
-                    fileType:item.fileType
+                    lsFilePath: item.lsFilePath,
+                    fileType: item.fileType
                 };
             });
         }
@@ -106,5 +127,4 @@ export default {
         font-size: 20px;
     }
 }
-
 </style>
\ No newline at end of file