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

23
src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue
View File

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

75
src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue
View File

@ -6,22 +6,48 @@
</div> </div>
<div class="detail-content"> <div class="detail-content">
<!-- 营业执照 --> <el-row>
<FileOrImageDisplay label="营业执照" :file="form.fileList[0]" :image-url="form.url" /> <el-col :span="8">
<!-- 企业名称 --> <!-- 营业执照 -->
<DetailItem label="企业名称" :value="form.enterpriseName" /> <FileOrImageDisplay label="营业执照" :file="form.fileList[0]" :image-url="form.url" />
<!-- 统一社会信用代码 --> </el-col>
<DetailItem label="统一社会信用代码" :value="form.enterpriseCode" /> </el-row>
<!-- 注册资本 --> <el-row :gutter="24">
<DetailItem label="注册资本" :value="form.registeredCapital" /> <el-col :span="8">
<!-- 成立日期 --> <!-- 企业名称 -->
<DetailItem label="成立日期" :value="form.establishedDate" /> <DetailItem label="企业名称" :value="form.enterpriseName" />
<!-- 营业期限 --> </el-col>
<DetailItem label="营业期限" :value="form.businessTerm" /> <el-col :span="8">
<!-- 住所 --> <!-- 统一社会信用代码 -->
<DetailItem label="住所" :value="form.residence" /> <DetailItem label="统一社会信用代码" :value="form.enterpriseCode" />
<!-- 经营范围 --> </el-col>
<DetailItem label="经营范围" :value="form.businessScope" /> <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>
</div> </div>
</template> </template>
@ -47,12 +73,12 @@ export default {
enterpriseName: '', enterpriseName: '',
enterpriseCode: '', enterpriseCode: '',
registeredCapital: '', registeredCapital: '',
establishedDate:'', establishedDate: '',
businessTerm: '', businessTerm: '',
residence: '', residence: '',
businessScope: '', businessScope: '',
url:null, url: null,
fileList:[] fileList: []
} }
} }
}, },
@ -67,17 +93,17 @@ export default {
businessTerm: this.detailData.businessTerm, businessTerm: this.detailData.businessTerm,
residence: this.detailData.residence, residence: this.detailData.residence,
businessScope: this.detailData.businessScope, businessScope: this.detailData.businessScope,
url:fileList[0]?.fileType === '1'? fileList[0]?.lsFilePath : null, url: fileList[0]?.fileType === '1' ? fileList[0]?.lsFilePath : null,
fileList:fileList, fileList: fileList,
} }
}, },
getFileList(businessType){ getFileList(businessType) {
return this.detailData.fileList.filter(item => item.businessType === businessType).map(item => { return this.detailData.fileList.filter(item => item.businessType === businessType).map(item => {
return { return {
name: item.fileName, name: item.fileName,
filePath: item.filePath, filePath: item.filePath,
lsFilePath:item.lsFilePath, lsFilePath: item.lsFilePath,
fileType:item.fileType fileType: item.fileType
}; };
}); });
} }
@ -107,5 +133,4 @@ export default {
font-size: 20px; font-size: 20px;
} }
} }
</style> </style>

84
src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue
View File

@ -6,20 +6,41 @@
</div> </div>
<div class="detail-content"> <div class="detail-content">
<!-- 身份证人像面 --> <el-row :gutter="24">
<FileOrImageDisplay label="身份证人像面" :file="form.fileList[0]" :image-url="form.url" /> <el-col :span="8">
<!-- 身份证国徽面 --> <!-- 身份证人像面 -->
<FileOrImageDisplay label="身份证国徽面" :file="form.fileList2[0]" :image-url="form.url2" /> <FileOrImageDisplay label="身份证人像面" :file="form.fileList[0]" :image-url="form.url" />
<!-- 法人姓名 --> </el-col>
<DetailItem label="法人姓名" :value="form.legalPersonName" /> <el-col :span="8">
<!-- 法人身份证号 --> <!-- 身份证国徽面 -->
<DetailItem label="法人身份证号" :value="form.legalPersonIdCard" /> <FileOrImageDisplay label="身份证国徽面" :file="form.fileList2[0]" :image-url="form.url2" />
<!-- 身份证有效期 --> </el-col>
<DetailItem label="身份证有效期" :value="form.idCardStartDate" /> </el-row>
<!-- 法人职务 --> <el-row :gutter="24">
<DetailItem label="法人职务" :value="form.legalPersonPosition" /> <el-col :span="8">
<!-- 法人联系方式 --> <!-- 法人姓名 -->
<DetailItem label="法人联系方式" :value="form.legalPersonPhone" /> <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>
</div> </div>
</template> </template>
@ -41,16 +62,16 @@ export default {
}, },
data() { data() {
return { return {
form:{ form: {
legalPersonName:'', legalPersonName: '',
legalPersonIdCard:'', legalPersonIdCard: '',
idCardStartDate:'', idCardStartDate: '',
legalPersonPosition:'', legalPersonPosition: '',
legalPersonPhone:'', legalPersonPhone: '',
url:null, url: null,
url2:null, url2: null,
fileList:[], fileList: [],
fileList2:[], fileList2: [],
} }
} }
}, },
@ -64,19 +85,19 @@ export default {
idCardStartDate: this.detailData.idCardStartDate, idCardStartDate: this.detailData.idCardStartDate,
legalPersonPosition: this.detailData.legalPersonPosition, legalPersonPosition: this.detailData.legalPersonPosition,
legalPersonPhone: this.detailData.legalPersonPhone, legalPersonPhone: this.detailData.legalPersonPhone,
url:fileList[0]?.fileType === '1'? fileList[0]?.lsFilePath : null, url: fileList[0]?.fileType === '1' ? fileList[0]?.lsFilePath : null,
url2:fileList2[0]?.fileType === '1'? fileList2[0]?.lsFilePath : null, url2: fileList2[0]?.fileType === '1' ? fileList2[0]?.lsFilePath : null,
fileList:fileList, fileList: fileList,
fileList2:fileList2, fileList2: fileList2,
} }
}, },
getFileList(businessType){ getFileList(businessType) {
return this.detailData.fileList.filter(item => item.businessType === businessType).map(item => { return this.detailData.fileList.filter(item => item.businessType === businessType).map(item => {
return { return {
name: item.fileName, name: item.fileName,
filePath: item.filePath, filePath: item.filePath,
lsFilePath:item.lsFilePath, lsFilePath: item.lsFilePath,
fileType:item.fileType fileType: item.fileType
}; };
}); });
} }
@ -106,5 +127,4 @@ export default {
font-size: 20px; font-size: 20px;
} }
} }
</style> </style>