<template>
|
<ContentScrollView style="background-color: transparent">
|
<div v-if="enterpriseDetail?.isReal" class="companyInfo-info-wrapper">
|
<div class="companyInfo-info-item">
|
<div class="companyInfo-info-item-label">企业名称</div>
|
<div class="companyInfo-info-item-content">{{ enterpriseDetail?.enterpriseName }}</div>
|
</div>
|
<div class="companyInfo-info-item">
|
<div class="companyInfo-info-item-label">统一社会信用代码</div>
|
<div class="companyInfo-info-item-content">{{ enterpriseDetail?.societyCreditCode }}</div>
|
</div>
|
<div class="companyInfo-info-item">
|
<div class="companyInfo-info-item-label">注册资本</div>
|
<div class="companyInfo-info-item-content">{{ enterpriseDetail?.registeredCapital }}</div>
|
</div>
|
<div class="companyInfo-info-item">
|
<div class="companyInfo-info-item-label">企业类型</div>
|
<div class="companyInfo-info-item-content">{{ enterpriseDetail?.enterpriseType }}</div>
|
</div>
|
<div class="companyInfo-info-item">
|
<div class="companyInfo-info-item-label">成立日期</div>
|
<div class="companyInfo-info-item-content">{{ enterpriseDetail?.establishmentDate }}</div>
|
</div>
|
<div class="companyInfo-info-item">
|
<div class="companyInfo-info-item-label">企业地址</div>
|
<div class="companyInfo-info-item-content">{{ enterpriseDetail?.address }}</div>
|
</div>
|
<div class="companyInfo-info-item">
|
<div class="companyInfo-info-item-label">经营范围</div>
|
<div class="companyInfo-info-item-content">
|
{{ enterpriseDetail?.mainBusiness }}
|
</div>
|
</div>
|
</div>
|
<div v-else class="company-info-unCertified-wrapper">
|
<img :src="IconNoCertified" class="company-info-unCertified-icon" />
|
<div class="company-info-unCertified-text">该企业尚未认证</div>
|
<div class="company-info-unCertified-text">请谨慎核实招聘信息</div>
|
</div>
|
</ContentScrollView>
|
</template>
|
|
<script setup lang="ts">
|
import IconNoCertified from '@/assets/task/icon-no-certified.png';
|
import { useEnterpriseDetail } from '@12333/hooks';
|
|
defineOptions({
|
name: 'CompanyInfo',
|
});
|
|
type Props = {
|
enterpriseId?: string;
|
};
|
|
const props = withDefaults(defineProps<Props>(), {});
|
|
const { enterpriseDetail } = useEnterpriseDetail({ id: toRef(props, 'enterpriseId') });
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
|
.companyInfo-info-wrapper {
|
background: #ffffff;
|
border-radius: 12px;
|
padding: 72px 28px 108px;
|
|
.companyInfo-info-item {
|
display: flex;
|
font-weight: 400;
|
font-size: 24px;
|
line-height: 36px;
|
margin-bottom: 24px;
|
|
&:last-child {
|
margin-bottom: 0;
|
}
|
|
.companyInfo-info-item-label {
|
color: boleGetCssVar('text-color', 'secondary');
|
margin-right: 54px;
|
width: 200px;
|
text-align: right;
|
}
|
|
.companyInfo-info-item-content {
|
flex: 1;
|
min-width: 0;
|
color: boleGetCssVar('text-color', 'primary');
|
}
|
}
|
}
|
|
.company-info-unCertified-wrapper {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
padding-top: 140px;
|
|
.company-info-unCertified-icon {
|
width: 320px;
|
height: 180px;
|
margin-bottom: 8px;
|
}
|
|
.company-info-unCertified-text {
|
font-weight: 400;
|
font-size: 32px;
|
color: boleGetCssVar('text-color', 'primary');
|
line-height: 48px;
|
}
|
}
|
</style>
|
