| <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> |