<!-- 招聘会 -->
<template>
  <view style="padding-bottom: 30px; ">
    <view v-if="items.length">
      <uni-card v-for="val in items" :key="val.id">
        <image v-if="val?.previewImg" class="ss-m-t-10" :src="val.previewImg" mode="widthFix" style="width: 100%; height: auto; border-radius: 6px;"></image>
        <view class="ss-m-t-20">活动时间：{{ timesTampChange(val.startTime, 'Y-M-D') }}至{{ timesTampChange(val.endTime, 'Y-M-D') }}</view>
        <button class="ss-m-t-20 ss-m-b-10" style="background-color: #00897B; color: #fff;" type="primary" @tap="handleToJobFairEnterprises(val)">查看详情</button>
      </uni-card>
    </view>
    <view v-else class="nodata-img-parent">
      <image src="https://minio.citupro.com/dev/static/nodata.png" mode="widthFix" style="width: 100vw;height: 100vh;"></image>
    </view>
  </view>
</template>
<script setup>
import { ref }  from 'vue'
import { getJobFairList } from '@/api/jobFair'
import { timesTampChange } from '@/utils/date'

const items = ref([])

// 获得招聘会列表
const getList = async () => {
  const res = await getJobFairList()
  items.value = res?.data || []
}
getList()

//招聘会
const handleToJobFairEnterprises = (val) => {
  if (!val?.id) {
    uni.showToast({ title: '进去招聘会失败！', icon: 'none' })
  }
  let url = `/pagesB/jobFair/${Number(val?.category) ? 'positionClassification': 'enterprisesClassification'}?jobFairId=${val.id}`
  // const tagData = val?.tag?.length ? JSON.stringify(val.tag) : null
  // if (tagData) url = url + `&tagData=${tagData}`
  console.log('url:', url)
	uni.navigateTo({url})
	// let text = val.title ? val.title.replace(/<[^>]+>/g, ' ') : '' // 去掉所有 HTML 标签
	// text = text ? text.replace(/\s+/g, ' ').trim() : '' // 去掉多余的空格
	// uni.navigateTo({
	// 	url: `/pagesB/jobFair/enterprises?jobFairId=${val.id}&jobFairName=${text}`
	// })
}

</script>
<style lang="scss" scoped>
.line {
  border-top: 1px solid #ccc;
}
</style>