|
|
|
@ -4,11 +4,11 @@ |
|
|
|
<image class="image" :src="info.enterpriseLogo || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'"></image> |
|
|
|
<view class="content"> |
|
|
|
<view class="title"> |
|
|
|
<text class="text">{{ info.enterpriseName }}</text> |
|
|
|
<text class="text" style="width:410rpx;">{{ info.enterpriseName }}123123123</text> |
|
|
|
<image class="icon" :src="info.whetherCooperation ? '/static/imgs/general/cooperation-icon.png' : '/static/imgs/general/no-cooperation-icon.png'"></image> |
|
|
|
</view> |
|
|
|
<view class="desc"> |
|
|
|
<text>{{ transformBusiness(info.business) }}</text> |
|
|
|
<text class="text" style="width:520rpx;">{{ transformBusiness(info.business) }}</text> |
|
|
|
</view> |
|
|
|
<view v-if="info.whetherCooperation === 1" class="box-area"> |
|
|
|
<view class="box"> |
|
|
|
@ -55,12 +55,12 @@ |
|
|
|
<view class="other"> |
|
|
|
<view class="box"> |
|
|
|
<image class="icon" src="/static/imgs/client-list/navigation-icon.png"></image> |
|
|
|
<text class="text">{{ info.detailedAddress || '未知' }}</text> |
|
|
|
<text class="text" style="width:248rpx;">{{ info.detailedAddress || '未知' }}</text> |
|
|
|
</view> |
|
|
|
<view class="divide"></view> |
|
|
|
<view class="box"> |
|
|
|
<image class="icon" src="/static/imgs/client-list/phone-icon.png"></image> |
|
|
|
<text class="text">{{ info.legalPerson + ' ' + transformPhoneNum(info.contactNumber) }}</text> |
|
|
|
<text class="text" style="width:248rpx;">{{ info.legalPerson + ' ' + transformPhoneNum(info.contactNumber) }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -129,6 +129,7 @@ export default { |
|
|
|
width: 750rpx; |
|
|
|
background-color: #fff; |
|
|
|
.info { |
|
|
|
|
|
|
|
width: 750rpx; |
|
|
|
padding: 30rpx 32rpx 48rpx; |
|
|
|
border-bottom: 2rpx solid #dddddd; |
|
|
|
@ -145,11 +146,15 @@ export default { |
|
|
|
.content { |
|
|
|
flex-grow: 1; |
|
|
|
.title { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
justify-content: flex-start; |
|
|
|
flex-wrap: nowrap; |
|
|
|
.text { |
|
|
|
lines:1; |
|
|
|
text-overflow: ellipsis; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #000000; |
|
|
|
font-weight: 600; |
|
|
|
@ -164,8 +169,11 @@ export default { |
|
|
|
} |
|
|
|
.desc { |
|
|
|
margin-top: 14rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
color: #333333; |
|
|
|
|
|
|
|
.text { |
|
|
|
font-size: 26rpx; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
} |
|
|
|
.box-area { |
|
|
|
margin-top: 30rpx; |
|
|
|
@ -220,10 +228,18 @@ export default { |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
.text { |
|
|
|
|
|
|
|
font-size: 24rpx; |
|
|
|
color: #555555; |
|
|
|
lines:1; |
|
|
|
text-overflow: ellipsis; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style> |
|
|
|
.test { |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
</style> |