employ-front/pages_subpack/category/index.vue

<template>
	<view class="se-m-10">
		<u-sticky>
			<view class="se-px-20 se-pt-10 se-zi-s se-bgc-white">
				<u-search height="40" placeholder="搜索" :showAction="true" v-model="keyword" @search="onSearch()"
					@clickIcon="onSearch()" 
					@clear="onSearch"
					@custom="onSearch()"></u-search>
			</view>
			<u-tabs class="se-bgc-white se-pb-20" :current="current" lineWidth="30" lineColor="#FF7A31" :activeStyle="{
					color: '#303133',
					fontWeight: 'bold',
					transform: 'scale(1.05)'
				}" :inactiveStyle="{
					color: '#606266',
					transform: 'scale(1)'
				}" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" :list="navList" @click="navClick($event)">
			</u-tabs>
		</u-sticky>
		
		<!-- 使用列表组件渲染数据 -->
		<template v-if="current==0">
			<enterprise :rolelist="rlist"></enterprise>
		</template>
		<template v-if="current==1">
			<master :taskList="tList"></master>
		</template>

	</view>
</template>

<script>
	import {
		bannerList,
		taskList,
		rolelist,
		industryList,
		querySeekList,
		getSysText
	} from "@/common/api.js"
	import master from "@/components/list/master.vue"
	import enterprise from "@/components/list/enterprise.vue"
	
	export default {
		components: {
			master,
			enterprise
		},
		data() {
			return {
				tpageNo: 1,
				tpageSize: 20,
				tList: [],

				rpageNo: 1,
				rpageSize: 20,
				rlist: [],
				id: null,
				keyword: "",
				current: 0,
				navList: [{
						name: '求职大厅',
					},
					{
						name: '招聘大厅',
					}
				],
			}
		},
		onLoad(options) {
			this.id = options.id
			if (options.title) {
				uni.setNavigationBarTitle({
					title: options.title
				})
			}
			// this.onTaskList()
			this.onRolelist()
		},
		onReachBottom() {
			let that = this
			if (that.current == 0) {
				that.rpageNo = that.rpageNo + 1
				that.onRolelist()
			} else if (that.current == 1) {
				that.tpageNo = that.tpageNo + 1
				this.onTaskList()
			}
		},
		onPullDownRefresh() {
			let that = this
			if (that.current == 0) {
				that.rpageNo = 1
				that.rlist = []
				that.onRolelist()
			} else if (that.current == 1) {
				that.tpageNo = 1
				that.tList = []
				this.onTaskList()
			}
		},
		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); // 返回保留两位小数的公里数
			}
		},
		methods: {
			navClick(event) {
				this.current = event.index
				this.keyword = ""
				if (event.index == 0) {
					this.rpageNo = 1
					this.onRolelist()
				} else if (event.index == 1) {
					this.tpageNo = 1
					this.onTaskList()
				}
			},
			onSearch() {
				let that = this
				if (that.current == 0) {
					that.rpageNo = 1
					that.onRolelist()
				} else if (that.current == 1) {
					that.tpageNo = 1
					this.onTaskList()
				}
			},
			onRolelist() {
				querySeekList({
					pageNo: this.rpageNo,
					pageSize: this.rpageSize,
					address: this.keyword,
					categoryOne: this.id,
				}).then(response => {
					console.info("response", response)
					if (this.rpageNo == 1) {
						this.rlist = response.result.records
					} else {
						this.rlist = this.rlist.concat(response.result.records)
					}
				}).catch(error => {

				})
			},
			onTaskList() {
				taskList({
					latitude: uni.getStorageSync("latitude"),
					longitude: uni.getStorageSync("longitude"),
					pageNo: this.tpageNo,
					title: this.keyword,
					categoryOne: this.id,
					pageSize: this.tpageSize
				}).then(response => {
					if (this.tpageNo == 1) {
						this.tList = response.result.records
					} else {
						this.tList = this.tList.concat(response.result.records)
					}
				}).catch(error => {

				})
			},
			onTaskDetail(event) {
				console.info(event)
				uni.navigateTo({
					url: "/pages_subpack/work-detail/index?id=" + event.id
				})
			},
			onRoleDetail(event) {
				console.info("event", event)
				uni.navigateTo({
					url: "/pages_subpack/master-detail/index?id=" + event.id
				})
			},
			onCustomerService(phome) {
				let that = this
				// let obj = that.$utils.getkeyContent('phone')
				if (uni.canIUse('makePhoneCall')) {
					uni.makePhoneCall({
						phoneNumber: String(phome),
						success: function() {
							console.log('拨打电话成功');
						},
						fail: function() {
							console.log('拨打电话失败');
						}
					});
				} else {
					console.log('你的设备不支持拨打电话功能');
				}

			},
		}
	}
</script>

<style>
</style>