menduner-uniapp/pagesA/collect/company.vue

<template>
  <view>
    <scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore" style="height: 100vh;">
      <view v-if="items.length">
        <view v-for="(item, index) in items" :key="index" class="list-item default-border list-item-bgc" @click="jumpToEnterpriseDetail(item.id)">
          <view class="d-flex align-center">
            <view class="enterAvatar default-radius default-border">
              <image class="enterAvatar default-radius" :src="item.logoUrl || 'https://minio.menduner.com/dev/cd7f5e26a239fb0ab335585e04c709b065f52832fc31539b3a5423224fc6d16c.png'"></image>
            </view>
            <view style="flex: 1;" class="ss-m-l-30">
              <view class="enterprise-name ellipsis MiSans-Semibold default-text-color">{{ formatName(item.anotherName || item.name) }}</view>
              <view class="ss-m-y-15 font-size-12">
                <span class="tag-gap color-666">
                  <span class="MiSans-Normal ss-m-r-10">{{item.industryName }}</span>
                  <span class="MiSans-Normal">{{item.scaleName }}</span>
                </span>
              </view>
              <view>
                <uni-tag 
                  v-for="(tag, i) in item.tagList || []"
                  :key="i"
                  class="ss-m-r-10"
                  :text="tag"
                  inverted="false"
                  size="mini"
                  custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7; font-family: MiSans-Normal;"
                />
              </view>
            </view>
          </view>
        </view>
        <uni-load-more :status="status" />
      </view>
      <view v-else class="nodata-img-parent">
        <image src="https://minio.menduner.com/dev/bb43df1dc91945e05ee93da76e49b34f87b0d10203eb76c20e2d4999a13b9a0a.png" mode="widthFix" style="width: 100vw;height: 100vh;"></image>
      </view>
    </scroll-view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { getSubscribeEnterprise } from '@/api/user'
import { dealDictArrayData, jumpToEnterpriseDetail } from '@/utils/position'
import { formatName } from '@/utils/getText'

const items = ref([])
const status = ref('more')
const queryParams = ref({
  pageSize: 10,
  pageNo: 1
})

const getList = async () => {
  const { data } = await getSubscribeEnterprise(queryParams.value)
  let list = data?.list || []
  if (list?.length) {
    list = dealDictArrayData([], list)
    items.value = items.value.concat(list)
  }
  status.value = items.value?.length === +data.total ? 'noMore' : 'more'
}
getList()

// 加载更多
const loadingMore = () => {
  status.value = 'loading'
  queryParams.value.pageNo++
  getList()
}
</script>

<style scoped lang="scss">
.enterprise-name {
  font-weight: bold;
  font-size: 30rpx;
  width: 62vw;
}
.list-item {
  margin: 30rpx;
  border-radius: 20rpx;
  padding: 30rpx;
  box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.17);
  &:last-child {
    margin-bottom: 0;
  }
}
.enterAvatar {
  width: 60px;
  height: 60px;
}
</style>