bonus
/
smart-bid-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

主体库页面修改

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/enterpriseLibrary/enterprise/components/EnterpriseDetail.vue
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,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);
}
}

11
src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue
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>

43
src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue
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>
@ -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>

56
src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue
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>
@ -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>