主体库页面修改

This commit is contained in:
cwchen 2025-11-14 14:20:53 +08:00
parent cbdcc8c0c0
commit 6c8b2babdc
4 changed files with 140 additions and 71 deletions

View File

@ -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,8 +126,8 @@ export default {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 20px;
gap: 12px;
flex-shrink: 0;
}
.edit-btn {

View File

@ -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>

View File

@ -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>

View File

@ -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>