|
@@ -2,30 +2,49 @@
|
|
|
<view class="defaultBgc" style="height: 100vh;">
|
|
|
<scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore">
|
|
|
<view v-if="list.length > 0">
|
|
|
- <uni-card v-for="(item,index) in list" :key="index" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)" >
|
|
|
- <view class="f-horizon">
|
|
|
- <image class="avatar" :src="item.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
|
|
|
- <view class="f-straight" style="width:60vw;">
|
|
|
- <view class="title-des">{{ item.enterprise.name }}</view>
|
|
|
- <view class="s-word">
|
|
|
- <span class="dis">
|
|
|
- <view class="show-more" :style="{'width': item.enterprise.industryName == '' ? '15vw' : '30vw'}">
|
|
|
- {{ item.enterprise.industryName ? item.enterprise.industryName : '行业未知' }}
|
|
|
- </view>
|
|
|
- <span class="divider ss-m-10"> | </span>
|
|
|
- <span>{{ item.enterprise.scaleName || '规模未知' }}</span>
|
|
|
- </span>
|
|
|
- </view>
|
|
|
+ <view v-for="(item, index) in list" :key="index" class="ss-m-t-20">
|
|
|
+ <view class="sub-li-bottom">
|
|
|
+ <view class="avatarBox">
|
|
|
+ <image class="r-avatar" :src="getUserAvatar(item.contact.avatar, item.contact.sex)"></image>
|
|
|
+ </view>
|
|
|
+ <view class="ss-m-l-30">
|
|
|
+ <span>{{ item.contact?.name || ' -- ' }}</span>
|
|
|
+ <span class="ss-m-x-10"> | </span>
|
|
|
+ <span>{{ item.post?.nameCn || '--' }}</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view style="border-bottom: 1px dashed #ccc;"></view>
|
|
|
- <view class="ss-m-t-20 d-flex align-center justify-end">
|
|
|
- <image class="r-avatar" :src="getUserAvatar(item.contact.avatar, item.contact.sex)"></image>
|
|
|
- <text class="ss-m-l-20">
|
|
|
- {{ item.contact.name }} | {{ item.post.nameCn }}
|
|
|
- </text>
|
|
|
+ <view style="background-color: #fff;" class="ss-p-30">
|
|
|
+ <view class="d-flex align-center">
|
|
|
+ <image :src="item.enterprise.logoUrl" class="avatar" style="width: 60px; height: 60px;"></image>
|
|
|
+ <view style="flex: 1;" class="ss-m-l-30">
|
|
|
+ <view class="enterprise-name ellipsis">{{ item.enterprise.name }}</view>
|
|
|
+ <!-- 行业规模 -->
|
|
|
+ <view class="ss-m-y-15 font-size-12">
|
|
|
+ <span class="tag-gap color-666">
|
|
|
+ <span>{{ item.enterprise.financingName }}</span>
|
|
|
+ <span class="ss-m-x-10" v-if="item.enterprise.financingName && item.enterprise.industryName">|</span>
|
|
|
+ <span>{{item.enterprise.industryName }}</span>
|
|
|
+ <span class="ss-m-x-10" v-if="item.enterprise.industryName && item.enterprise.scaleName">|</span>
|
|
|
+ <span>{{item.enterprise.scaleName }}</span>
|
|
|
+ </span>
|
|
|
+ </view>
|
|
|
+ <!-- 标签 -->
|
|
|
+ <view>
|
|
|
+ <uni-tag
|
|
|
+ v-for="(tag, i) in item.enterprise.tagList || []"
|
|
|
+ :key="i"
|
|
|
+ class="ss-m-r-10"
|
|
|
+ :text="tag"
|
|
|
+ inverted="false"
|
|
|
+ size="mini"
|
|
|
+ custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7;"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ <view class="color-666 font-size-13 ss-m-t-20">查看时间:{{ timesTampChange(item.updateTime) }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </uni-card>
|
|
|
+ </view>
|
|
|
<uni-load-more :status="status" />
|
|
|
</view>
|
|
|
<view v-else class="nodata-img-parent">
|
|
@@ -40,6 +59,7 @@ import { ref } from 'vue'
|
|
|
import { getInterestedMePage } from '@/api/user'
|
|
|
import { dealDictObjData } from '@/utils/position'
|
|
|
import { getUserAvatar } from '@/utils/avatar'
|
|
|
+import { timesTampChange } from '@/utils/date'
|
|
|
|
|
|
const status = ref('more')
|
|
|
const queryParams = ref({
|
|
@@ -71,5 +91,22 @@ const loadingMore = () => {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-
|
|
|
+.sub-li-bottom {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
|
|
|
+ font-size: 13px;
|
|
|
+ padding: 5px 30rpx;
|
|
|
+ .avatarBox {
|
|
|
+ max-width: 40px;
|
|
|
+ max-height: 40px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.enterprise-name {
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ width: 70vw;
|
|
|
+ max-width: 70vw;
|
|
|
+}
|
|
|
</style>
|