|
|
@@ -1,12 +1,23 @@ |
|
|
|
<!-- 上下游企业单个item --> |
|
|
|
<template> |
|
|
|
<div class="item_box" @click="goDetail(companyInfo.companyId)"> |
|
|
|
<img class="company_img" :src="formatImg(companyInfo.logo[0])" alt="企业图片" /> |
|
|
|
<img |
|
|
|
v-if="companyInfo && companyInfo.logo && companyInfo.logo.length > 0" |
|
|
|
class="company_img" |
|
|
|
:src="formatImg(companyInfo && companyInfo.logo && companyInfo.logo.length > 0 ? companyInfo.logo[0] : '--')" |
|
|
|
alt="企业图片" |
|
|
|
/> |
|
|
|
<div class="company_img no-logo" v-else> |
|
|
|
<span v-if="companyInfo.companyName">{{ companyInfo.companyName.slice(0, 4) }}</span> |
|
|
|
<br /> |
|
|
|
<span v-if="companyInfo.companyName">{{ companyInfo.companyName.slice(4, 8) }}</span> |
|
|
|
</div> |
|
|
|
<div class="info_box pointer"> |
|
|
|
<div class="title_box"> |
|
|
|
<span class="company_title" :title="companyInfo.companyName"> |
|
|
|
{{ companyInfo.companyName }} |
|
|
|
</span> |
|
|
|
<span |
|
|
|
class="company_title" |
|
|
|
:title="companyInfo.companyName" |
|
|
|
>{{ companyInfo.companyName }}</span> |
|
|
|
<span |
|
|
|
:class="[ |
|
|
|
'claim_state', |
|
|
@@ -16,9 +27,7 @@ |
|
|
|
? 'claimed' |
|
|
|
: 'not_claim', |
|
|
|
]" |
|
|
|
> |
|
|
|
{{ companyInfo.claimState.text }} |
|
|
|
</span> |
|
|
|
>{{ companyInfo.claimState.text || '--' }}</span> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
class="company_info" |
|
|
@@ -26,10 +35,10 @@ |
|
|
|
`法人:${companyInfo.legalPerson};状态:${companyInfo.enterpriseState};注册资本:${companyInfo.registeredCapital};信用代码:${companyInfo.creditCode}` |
|
|
|
" |
|
|
|
> |
|
|
|
<span>法人:{{ companyInfo.legalPerson }}</span> |
|
|
|
<span>状态:{{ companyInfo.enterpriseState }}</span> |
|
|
|
<span>注册资本:{{ companyInfo.registeredCapital }}</span> |
|
|
|
<span>信用代码:{{ companyInfo.creditCode }}</span> |
|
|
|
<span>法人:{{ companyInfo.legalPerson || '--' }}</span> |
|
|
|
<span>状态:{{ companyInfo.enterpriseState || '--'}}</span> |
|
|
|
<span>注册资本:{{ companyInfo.registeredCapital || '--'}}</span> |
|
|
|
<span>信用代码:{{ companyInfo.creditCode || '--' }}</span> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
class="company_info" |
|
|
@@ -40,13 +49,11 @@ |
|
|
|
" |
|
|
|
> |
|
|
|
<span>成立日期:{{ companyInfo.establishOn | formatDate("YYYY-MM-DD") }}</span> |
|
|
|
<span v-if="companyInfo.ownerIndustry">行业:{{ companyInfo.ownerIndustry }}</span> |
|
|
|
<span>地址:{{ companyInfo.businessAddress }}</span> |
|
|
|
<span v-if="companyInfo.ownerIndustry">行业:{{ companyInfo.ownerIndustry || '--' }}</span> |
|
|
|
<span>地址:{{ companyInfo.businessAddress || '--'}}</span> |
|
|
|
</div> |
|
|
|
<div class="advantage_box" v-if="enterpriseLabel.length > 0" :title="enterpriseLabel"> |
|
|
|
<span v-for="item in enterpriseLabel" :key="item"> |
|
|
|
{{ item }} |
|
|
|
</span> |
|
|
|
<span v-for="item in enterpriseLabel" :key="item">{{ item }}</span> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
:class="[ |
|
|
@@ -119,6 +126,15 @@ export default { |
|
|
|
margin-bottom: 30px; |
|
|
|
.company_img { |
|
|
|
@include size(280px, 180px); |
|
|
|
&.no-logo { |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
box-sizing: border-box; |
|
|
|
border: 1px solid #ddd; |
|
|
|
font-weight: bold; |
|
|
|
padding-top: 60px; |
|
|
|
// line-height: 90px; |
|
|
|
} |
|
|
|
} |
|
|
|
.info_box { |
|
|
|
flex: 1; |
|
|
@@ -146,10 +162,12 @@ export default { |
|
|
|
@include border-box; |
|
|
|
} |
|
|
|
.claimed { |
|
|
|
background: url("~@assets/image/company/bg_claimed.png") no-repeat; |
|
|
|
background: url("~@assets/image/company/bg_claimed.png") |
|
|
|
no-repeat; |
|
|
|
} |
|
|
|
.not_claim { |
|
|
|
background: url("~@assets/image/company/bg_not_claim.png") no-repeat; |
|
|
|
background: url("~@assets/image/company/bg_not_claim.png") |
|
|
|
no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
.company_info { |