主体库页面修改
This commit is contained in:
parent
cbdcc8c0c0
commit
6c8b2babdc
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue