<template>
	<view class="TalentDemandStyle" :class="{empitCenter:!list || list.length === 0}">
		<uni-list v-if="list.length>0">
			<uni-list-item ellipsis="1" v-for="item in list" :title="'职位：'+ item.JobName"
				:note="item.UnitName + '（' + item.Leader + '）'" type="line" clickable @click="jump(item.ID)">
				<template v-slot:footer>
					<view class="slot-tag">
						<u-tag :text="item.EducationEquirement" plain size="mini"></u-tag>
						<u-tag :text="item.SkillDemand" plain size="mini" style="margin-left: 40rpx;"></u-tag>
					</view>
				</template>
			</uni-list-item>

		</uni-list>
		<u-empty v-else mode="list" icon="../../static/image/data.jpg">
		</u-empty>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: []
			}
		},
		async mounted() {
			await this.init()
		},
		methods: {
			jump(data) {
				uni.navigateTo({
					url: '/pages/TalentDemand/detail?id=' + data
				})
			},
			async init() {
				this.list = await this.HTTP_GET(
					'/api/ht/rc/list'
				)
			}
		},
	}
</script>

<style lang="less" scoped>
	.TalentDemandStyle {

		.slot-tag {
			display: flex;

			span {
				display: flex;
			}

		}

		&.empitCenter {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: calc(100vh - 44px);
			padding-bottom: 200rpx !important;
		}
	}
</style>