employ-front/pages_subpack/hire/index.vue

<template>
	<view>
		<view class="se-m-20 se-br-20 se-bs-b se-bgc-white se-py-20 se-px-30" v-for="(items,indexs) in taskList"
			:key="indexs" @click="onMasterDetail(items)">
			<view class="se-flex se-flex-h-sb">
				<view class="se-flex se-fw-6">
					<text class="se-c-black se-fs-30">{{items.title}}</text>
					<text class="se-mx-10 se-b-l"></text>
					<text class="se-fs-28 se-c-orange">日薪:{{items.salaryDay}}</text>
				</view>
				<view class="se-c-orange se-fs-32 se-fw-6">
					{{items.salaryMin}}-{{items.salaryMax}}k
				</view>
			</view>
			<view class="se-py-10">
				<text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5"
					v-if="items.categoryOne_dictText">{{items.categoryOne_dictText}}</text>
				<text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5"
					v-if="items.categoryTwo_dictText">{{items.categoryTwo_dictText}}</text>
				<text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5"
					v-if="items.payType_dictText">{{items.payType_dictText}}</text>
			</view>
			<view class="se-flex se-flex-h-sb">
				<view class="se-flex se-flex-h-c">
					<u-icon name="map"></u-icon>
					<text
						class="se-c-text-sub se-fs-24 se-pr-10">{{items.latitude,items.longitude | getDistance}}km</text>
					<text class="se-c-text-sub se-fs-24 se-pl-10 se-b-l se-toe-3"
						style="max-width: 220rpx;">{{items.address}}</text>
				</view>
				<view class="se-c-text se-c-text-sub se-fs-24">
					{{items.createTime | formatTime}}
				</view>
				<view v-if="!items.employOrder.length"
                style="flex-shrink: 0;"
					@click.stop="onEditJob(items)"
					class="se-flex se-flex-h-c se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-fw-6">
					<text class="se-ml-5">修改</text>
				</view>
				<view v-if="!items.employOrder.length"
                style="flex-shrink: 0;"
					@click.stop="onDeleteJob(items)"
					class="se-flex se-flex-h-c se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-fw-6">
					<text class="se-ml-5">删除</text>
				</view>
				<view v-else
                style="flex-shrink: 0;"
					class="se-flex se-flex-h-c se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-fw-6">
					<text class="se-ml-5">{{ items.employOrder.length }}人接单</text>
				</view>
			</view>
		</view>
		<u-empty v-if="taskList && taskList.length==0" mode="list"></u-empty>
	</view>
</template>

<script>
	import {
		queryJobListByUserId,
		deleteJob
	} from "@/common/api.js"

	export default {
		data() {
			return {
				taskList: [

				]
			}
		},

		filters: {
			formatTime(time) {
				const timestamp = new Date(time).getTime();
				const currentTime = new Date().getTime();
				console.info("currentTime", currentTime)
				const diff = (currentTime - timestamp) / 1000; // 时间差，单位：秒

				// 计算月差，判断是否超过一个月
				const oneMonthInSeconds = 30 * 24 * 60 * 60;
				if (diff > oneMonthInSeconds) {
					let date = new Date(timestamp);
					let year = date.getFullYear();
					let month = date.getMonth() + 1;
					let day = date.getDate();

					if (month < 10) month = "0" + month;
					if (day < 10) day = "0" + day;

					return `${year}-${month}-${day}`;
				} else {
					// 计算秒、分钟、小时的差值
					if (diff < 60) {
						return `${Math.floor(diff)}秒钟前`;
					} else if (diff < 60 * 60) {
						return `${Math.floor(diff / 60)}分钟前`;
					} else if (diff < 60 * 60 * 24) {
						return `${Math.floor(diff / 60 / 60)}小时前`;
					} else {
						// 显示天数
						return `${Math.floor(diff / 60 / 60 / 24)}天前`;
					}
				}
			},
			formDate(date) {
				return dayjs(date).format("YYYY-MM-DD").fromNow();
			},
			getDistance(lat1, lng1) {
				let lng2 = uni.getStorageSync("longitude")
				let lat2 = uni.getStorageSync("latitude")
				if (!lng2 && !lat2) {
					return "请授权"
				}
				const R = 6371; // 地球半径，单位：km
				const radLat1 = (lat1 * Math.PI) / 180;
				const radLat2 = (lat2 * Math.PI) / 180;
				const deltaLat = radLat2 - radLat1;
				const deltaLng = ((lng2 - lng1) * Math.PI) / 180;

				const a =
					Math.sin(deltaLat / 2) * Math.sin(deltaLat / 2) +
					Math.cos(radLat1) *
					Math.cos(radLat2) *
					Math.sin(deltaLng / 2) *
					Math.sin(deltaLng / 2);

				const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
				return (R * c).toFixed(2); // 返回保留两位小数的公里数
			}
		},
		onShow() {
			this.onQueryJobListByUserId();
		},
		methods: {
			onMasterDetail(event) {
				// 如果有订单，跳转到订单列表页面
				if(event.employOrder && event.employOrder.length > 0){
					// 传递工作ID
					uni.navigateTo({
						url: "/pages_subpack/hire/order-list?jobId=" + event.id
					});
				}else{
					// 没有订单，跳转到工作详情页面
					uni.navigateTo({
						url: "/pages_subpack/work-detail/index?id=" + event.id
					});
				}
			},
			onQueryJobListByUserId() {
				console.log("进入了我发布的招聘页面")
				queryJobListByUserId({}).then(response => {
					this.taskList = response.result.records
				}).catch(error => {

				})
			},
			onEditJob(item) {
				// 跳转到编辑招聘页面
				uni.navigateTo({
					url: `/pages_subpack/release/index?status=1&editId=${item.id}`
				});
			},
			onDeleteJob(item) {
				// 显示删除确认对话框
				uni.showModal({
					title: '确认删除',
					content: '确定要删除这条招聘信息吗？',
					success: (res) => {
						if (res.confirm) {
							this.deleteJobById(item.id);
						}
					}
				});
			},
			deleteJobById(jobId) {
				uni.showLoading({
					title: '删除中...'
				});
				// 调用删除API
				deleteJob({ jobId: jobId }).then(response => {
					uni.hideLoading();
					if (response.code === 200) {
						uni.showToast({
							title: '删除成功',
							icon: 'success'
						});
						// 重新加载列表
						this.onQueryJobListByUserId();
					} else {
						uni.showToast({
							title: response.message || '删除失败',
							icon: 'none'
						});
					}
				}).catch(error => {
					uni.hideLoading();
					uni.showToast({
						title: '删除失败',
						icon: 'none'
					});
				});
			}
		}
	}
</script>

<style>
</style>