dandelionPlatformToB-uni-v3/root/other/channelPage.vue

<template>
	<view class="p-home-inedx g_w_all g_bg_f_5 g_kuaishou" :class="computeCode == -1 ? 'g_flex_column_center' : ''">
		<view v-show="computeCode == -1" class="g_flex_column_center">
			<rh-loading marginBottom="g_mb_130" />
		</view>
		<view v-show="computeCode > -1">
			<!-- #ifdef APP-PLUS || H5 || MP-KUAISHOU -->
			<u-navbar v-if="false" :is-back="false" :title="globalData.title" :background="background" title-size="36" title-color="#ffffff" :title-bold="false">
				<!-- #ifdef APP-PLUS -->
				<view class="slot-wrap g_flex_column_center g_position_rela" style="padding-left: 16px; padding-top: 10rpx" @click="handleOpenCamera">
					<i class="iconfont icon-saoyisao-hui g_c_3" style="font-size: 40rpx"></i>
				</view>
				<!-- #endif -->
			</u-navbar>
			<!-- #endif -->
			<!-- 搜索区 -->
			<view class="sticky g_bg_f">
				<view class="g_position_rela g_flex_row_center g_pt_10 g_pb_10" @touchmove.stop.prevent>
					<!-- <view class="g_text_c g_c_c g_fs_12" style="width: 100vw; position: absolute; top: -32px; z-index: 9999999">{{ "最近更新" + (jobNum || "-") + "条信息" }}</view> -->
					<view class="the_city g_flex_column_center" style hover-class="thover" @click="goCity">
						<view class="g_flex_row_center">
							<view class="g_fs_16 g_fw_600 g_ml_10" style="min-width: 36px; display: inline-block">{{ selectedCity }} </view>
							<view class="g_flex_column_center">
								<view class="iconfont icon-zhankai g_fs_12" style="display: inline-block"></view>
							</view>
						</view>
					</view>
					<view class="m-search g_p_10 g_pt_8 g_position_abso bg_shawdoc g_flex_1" style="top: 0" id="searchInputBox">
						<u-search v-model="query.keys" class="g_flex_1" placeholder="搜索职位名称" bg-color="#f5f5f5" :show-action="false" placeholder-class="g_c_c" :input-style="{ fontSize: '16px' }" height="80" search-icon-color="#999999" :maxlength="20" @clear="searchJob" @search="searchJob"></u-search>
						<!-- <view class="g_w_all g_h_40 g_position_abso" style="left: 0; z-index: 9999" @click.stop="goSearch"> </view> -->
					</view>
				</view>

				<view class="g_bg_f g_flex_row_between flex_center" @touchmove.stop.prevent style="box-shadow: 0px 2px 3px 0px rgba(214, 214, 214, 0.3)" id="tttop">
					<view class="g_flex_1">
						<u-tabs bg-color="transparent" from="index" :list="tabInfo.list" :is-scroll="true" :current="tabInfo.active" :active-color="globalData.themeColor" bar-width="64" bar-height="6" @change="handleUpdateTab" font-size="34" duration="0.05" height="76"></u-tabs>
					</view>
					<!-- <view v-if="true || (isMember && hasPermission)" class="g_mr_8" @click="goShare" > 批量分享 </view> -->

					<view class="csbf" @click="chooseNl('sort')">
						{{ sortList.list[sortList.active].showName }}
						<span class="iconfont icon-shouqi g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow == 'sort'"></span>
						<span class="iconfont icon-zhankai g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow != 'sort'"></span>
						<view class="sortMask" v-if="whichOneShow == 'sort'">
							<view class="sortContainer" style="overflow: hidden" @click.stop>
								<view v-for="(item, index) in sortList.list" @click="sortJob(index)" :key="index" :class="sortList.active == index ? 'g_border_main g_c_main' : 'g_border_f'" class="g_fs_16 g_fw_600 g_mt_16 g_bg_f" style="border-radius: 30px; padding: 8px 16px">{{ item.name }}</view>
							</view>
						</view>
					</view>
					<view class="csbf" style="z-index: 99999999" @click="chooseNl('special')" data-type="special">
						筛选
						<span class="iconfont icon-shouqi g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow == 'special'"></span>
						<span class="iconfont icon-zhankai g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow != 'special'"></span>
						<g-filter :show="whichOneShow" ref="filterChild" top="103px" :getFilterDataNew="getFilterData" @filterObj="receiveFromChild"></g-filter>
					</view>
					<scroll-view class="filterTag bt1" v-if="getFilterData.jobCategoryLabelObjects.length > 0 || getFilterData.jobSpecialLabelObjects.length > 0 || getFilterData.sex != '-1' || (getFilterData.ageRangeStr && getFilterData.ageRangeStr != '16-60')" :scroll-x="true" :scroll-y="false" scroll-top="0" scroll-left="0" scroll-into-view scroll-with-animation="false" enable-flex enable-back-to-top="false">
						<div class="g_flex_row_between flex_center flex_nw g_w_all">
							<div class="g_flex_row_start flex_nw" style="line-height: 44px">
								<div class="tc genderTag f14 por" style="min-width: 60px" v-if="getFilterData.ageRangeStr != '' && getFilterData.ageRangeStr != '16-60'">
									<div class="por" @click.stop="deleteAge">
										{{ getFilterData.ageRangeStr }}
										<div class="clear_icon iconfont icon-dianji"></div>
									</div>
								</div>

								<div class="tc genderTag f14 por" style="min-width: 60px" v-if="getFilterData.sex != '-1'">
									<div class="por" @click.stop="deleteSex">
										{{ getFilterData.sex == 1 ? "收男工" : getFilterData.sex == 2 ? "收女工" : getFilterData.sex == 3 ? "男女都收" : "" }}
										<!-- {{getFilterData.jobCategoryLabelObjects.length > 0}} {{getFilterData.jobSpecialLabelObjects.length > 0}} -->
										<div class="clear_icon iconfont icon-dianji"></div>
									</div>
								</div>
								<div class="brandTag ml8" v-if="getFilterData.jobCategoryLabelObjects.length > 0">
									<block v-for="(item, index) in getFilterData.jobCategoryLabelObjects" :key="index">
										<div class="por" @click.stop="deleteJobCategoryLabel(item.id)">
											{{ item.name }}
											<div class="clear_icon iconfont icon-dianji"></div>
										</div>
									</block>
								</div>

								<div class="specialTag ml8">
									<block v-for="(item, index) in getFilterData.jobSpecialLabelObjects" :key="index">
										<div class="por" @click.stop="deleteJobSpecialLabel(item.id)">
											{{ item.name }}
											<div class="clear_icon iconfont icon-dianji"></div>
										</div>
									</block>
								</div>
								<!-- <div class="specialTag" wx:if="{{selectJobList.length > 0}}">
                  <block wx:for="{{selectJobList}}" wx:key="index">
                    <div class="por" catchtap="deleteMark" data-item="{{item}}">
                      {{item.name}}
                      <div class="clear_icon iconfont icon-qingchu"></div>
                    </div>
                  </block>
                </div> -->
							</div>
							<div class="clear" @click.stop="clearFilter1" data-type="outerClear">
								<span class="iconfont icon-shanchu f14"></span>
								清除
							</div>
						</div>
					</scroll-view>
				</view>
			</view>
			<!-- 列表区 -->
			<scroll-view class="m-list" id="listBox" refresher-default-style="none" refresher-background="#ededed" :refresher-enabled="true" :refresher-triggered="isTrigger" @refresherrefresh="refreshJobList" :scroll-top="resetScroll" :scroll-into-view="scrollTo" style="" :style="{ height: `calc(100vh - ${103}px)` }" :scroll-y="true" @scrolltolower="reachBottom" @scroll="() => (resetScroll != 0 ? (resetScroll = 0) : '')">
				<!-- {{ platform }} -->
				<view class="">
					<!-- 金刚轮播区 -->

					<view class="g_position_rela">
						<!-- :isuse="tabInfo.active == 1 ? 'fujin' : 'rijie'" -->
						<view class="g_h_8"> </view>
						<g-yi-list-job :pt="tabInfo.active == 0 ? 0 : 120" from="home" class="g_h_all" :list="query.list" @clickCard="goDetail" @successLogin="successLogin" :loading="loading" :speed="speed" :reload="reload" :query="query" :isShowLoginBtn="isLogin ? false : true" :emptyText="isLogin ? '没有符合条件的职位' : '您还没有登录，请登录后查看所有职位'" />
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
import filter from "../../pages/home/child/filter.vue";
import gYiListJob from "@/components/list/job.vue";

export default {
	components: {
		filter,
		"g-yi-list-job": gYiListJob,
	},
	onReady() {
		this.G.setNavStyle("home");
	},
	onShareAppMessage() {
		return this.G.shareFun();
	},
	onLoad(options) {
		// console.log("options", options);
		let that = this;
		that.formpage = "";
		that.navInfo = that.G.getNavInfo();

		uni.setNavigationBarTitle({
			title: that.globalData.title,
		});
		if (options.userId) {
			this.userId = options.userId;
			uni.setStorageSync("AGENCY_USER_ID", this.userId);
		}
		if (options.scene) {
			// console.log("XXXXXXXXXXXX");
			//扫小程序码携带参数
			var sceneStr = decodeURIComponent(options.scene);
			var sceneJson = this.G.sceneToJson(sceneStr);
			// console.log("sceneJson===", sceneJson);
			this.userId = sceneJson.i.split("_")[0];
			uni.setStorageSync("AGENCY_USER_ID", this.userId);
		}

		if (options.active) {
			this.tabInfo.active = options.active;
			this.query.picked = this.tabInfo.list[options.active].picked;
		}
		if (options.sortInd) {
			this.sortList.active = options.sortInd;
			this.query.sortTag = this.sortList.list[this.sortList.active].key;
		}
		that.query.page = 1;
		this.isLogin = uni.getStorageSync("apply-userinfo") ? true : false;
		this.query.size = this.isLogin ? 50 : 20;
		this.istype = options.manage ? "manage" : "";
		this.jobType = options.jobtype ? options.jobtype : "";
		this.shareJobIds = options.shareJobIds ? options.shareJobIds : "";
		this.sortTag = options.sortTag ? options.sortTag : "";
		if (options.params) {
			// console.log("options.params", options.params);
			let params = JSON.parse(options.params);
			if (params.keys != "附近热招") {
				this.query = { ...this.query, ...params };
				this.getList();
			} else {
				// 点击附近热招的逻辑
				that.sortList.active = 2;
				this.query.sortTag = 2;
				this.getLocation("setCity").then(() => {
					this.getList();
				});
			}
		} else if (options.jobparams) {
			// 从ai过来的职位不主动请求职位接口,等触发watch自动请求
			that.formpage = "hotjob";
			let params = JSON.parse(options.jobparams);
			// console.log("获取推荐职位参数 修改前：", params);
			this.query = { ...this.query, ...params };
			that.getFilterData = { ...that.getFilterData, ...params };
			that.selectedCity = params["cityName"];
			// console.log("获取推荐职位参数 修改后：", this.query, " == ", that.getFilterData);
		} else if (options.manage) {
			this.istype = "manage";
			// setTimeout(() => {S
			if (options.manage && JSON.parse(options.manage)) {
				let _data = JSON.parse(options.manage);
				// console.log("_data", _data);
				if (_data.city_id == "-1") {
					// 附近
					this.sortList.active = 2;
					this.query.sortTag = 2;
					this.jLabelIds = _data.keys_id;
					this.getLocation("setCity").then(() => {
						this.getList();
					});
				} else {
					// 具体城市
					that.selectedCity = _data.city_name;
					this.jLabelIds = _data.keys_id;
					that.getList();
				}
			}
			let jobFilter = this.$refs.filterChild.filterData.jobFilter;
			// console.log("this.jLabelIds", this.jLabelIds);
			// console.log("this.jLabelIds", JSON.parse(JSON.stringify(jobFilter)));
			let getJobFilter = function () {
				if (jobFilter["tagArray0"].length > 0) {
					let middleList = [];
					for (const k in jobFilter) {
						jobFilter[k].forEach((item) => {
							if (item.id == that.jLabelIds) {
								item.active = that.jLabelIds;
								middleList.push(item);
							}
						});
					}
					that.getFilterData.jobSpecialLabelObjects = JSON.parse(JSON.stringify(middleList));
				} else {
					setTimeout(() => {
						getJobFilter();
					}, 100);
				}
			};
			getJobFilter();
		} else if (options.jobtype) {
			that.jobType = 2;
			that.getList();
		} else if (options.shareJobIds) {
			that.shareJobIds = options.shareJobIds;
			that.getList();
		} else if (options.sortTag || options.sortTag == 0) {
			that.sortTag = options.sortTag;
			that.sortList.list.forEach((item, index) => {
				if (item.key == that.sortTag) {
					that.sortList.active = index;
				}
			});
			if (options.sortTag == 1) {
				that.sortList.active = 0;
			}
			// console.log("sortTagsortTagsortTagsortTag", options.sortTag, that.sortList.active);
			that.getList();
		} else if (options.istop == 1) {
			that.topRecommend = 1;
			that.sortList.active = 1;
			that.getList();
		} else {
			that.getList();
		}
		that.getJobNum();
		// #ifdef MP-WEIXIN
		this.searchAnimate();
		// #endif
	},
	data() {
		return {
			topRecommend: "",
			sortTag: "",
			shareJobIds: "",
			jobType: "",
			jLabelIds: "",
			istype: "",
			formpage: "",
			globalData: getApp().globalData,
			pageTitle: getApp().globalData.title,
			platform: uni.getSystemInfoSync().platform,
			userinfo: uni.getStorageSync("apply-userinfo"),
			resetScroll: 0, // 回到顶部
			isTrigger: false,
			selectedCity: "全国",
			envVersion: uni.getStorageSync("ENV_VERSION"), // 小程序环境判断
			isMember: uni.getStorageSync("IS_MINIAPP_MEMBER"), // 登陆者是否当前小程序成员的判断
			hasPermission: uni.getStorageSync("HAS_PERMISSION") == 1 ? true : false, // 登陆者是否有权限查看
			getFilterData: {
				sex: "-1",
				ageRangeStr: "",
				jobCategoryLabelIds: "",
				jobRequestLabelIds: "",
				jobSpecialLabelObjects: [],
				jobCategoryLabelObjects: [],
			},
			scrollTo: "",
			whichOneShow: "",
			background: {
				backgroundColor: "#3578f6",
			},
			isShowTab: false,
			showPop: false, // 显示关注邀请弹窗显示
			attentionList: [], // 关注列表
			subAttentionList: [],
			attentionConfig: {
				num: 1,
				size: 12,
			},
			checkAll: false, // 全选
			upInfo: {
				num: 0,
				list: [],
			},
			computeCode: 1,
			reload: 0, // 触发组件中数据的更新
			isLogin: true,
			navInfo: {},
			cdnBaseImg: this.G.store().cdnBaseImg,
			localBaseImg: this.G.store().localBaseImg,
			loading: true,
			speed: -1,
			query: {
				page: 1,
				size: 50,
				list: [],
				keys: "",
				isFinish: -1,
				ucj: 0, // 0 全部 1收藏
				sortTag: 2,
				picked: "",
			},
			keyword: "",
			tabInfo: {
				list: [
					{
						name: "全部",
						key: "0",
						picked: "",
					},
				],
				active: 0,
			},
			sortList: {
				list: [
					{
						name: "按工价",
						key: 1,
						showName: "按工价",
					},
					{
						name: "按时间",
						key: 0,
						showName: "按时间",
					},
					{
						name: "按距离",
						key: 2,
						showName: "按距离",
					},
				],
				active: 1,
			},
			// "在这里，使用世界前沿的人工智能技术，为用户甄选海量的高清美图，用更流畅，更快捷，更精准的搜索体验，带你去发现多彩的世界。"
			userId: 0,
			currentInfo: {},
			appInfo: uni.getStorageSync("miniApp-info"),
			jobNum: 0, // 48小时更新职位数
		};
	},
	mounted() {
		// console.log("mountedmountedmountedmountedmountedmounted");
		const query = uni.createSelectorQuery().in(this);
		// console.log("query", query);
		// 选择指定的 DOM 元素
	},
	onShow() {
		let that = this;
		// console.log("=========", that);

		that.loadSelectedCityFromCache();

		that.isShowTab = true;
		that.reload++;

		if (that.topRecommend == 1) {
			that.tabInfo = {
				list: [
					{
						name: "主推",
						key: "0",
						picked: "",
					},
				],
				active: 0,
			};
		} else {
			if (that.globalData.appId == "wxb0c590fd696b79be") {
				that.tabInfo = {
					list: [
						{
							name: "全部",
							key: "0",
							picked: "",
						},
						// {
						// 	name: "甄选",
						// 	key: "1",
						// 	picked: "1",
						// },
						// {
						// 	name: "三方",
						// 	key: "2",
						// 	picked: "0",
						// },
					],
					active: 0,
				};
			} else {
				that.tabInfo = {
					list: [
						{
							name: "全部",
							key: "0",
							picked: "",
						},
					],
					active: 0,
				};
			}
		}
	},
	onReachBottom() {
		let that = this;
		if ((!uni.getStorageSync("apply-token") && that.tabInfo.active == 1) || that.shareJobIds) {
			return false;
		}
		if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
			that.query.page++;
			that.getList("concat");
		}
	},
	methods: {
		// 获取48小时内职位更新数
		getJobNum() {
			// let url = this.data.choiceCollect ==
			let that = this;
			that.G.Get(that.api.get_jobList_num, {}, (res) => {
				// console.log("res", res);
				that.jobNum = res;
			});
		},
		loadSelectedCityFromCache() {
			// 假设缓存中的键名为 'selectedCity'
			const cachedCity = wx.getStorageSync("selectedCity");
			if (cachedCity) {
				if (this.selectedCity != cachedCity) {
					this.selectedCity = cachedCity;
					this.getList();
				}
			}
		},
		deleteSex() {
			// console.log("deleteSex");
			this.getFilterData.sex = -1;
			this.getList();
		},
		deleteAge() {
			// console.log("deleteAge");
			this.getFilterData.ageRangeStr = "";
			this.getList();
		},

		deleteJobCategoryLabel(id) {
			// console.log(id);
			this.getFilterData.jobCategoryLabelObjects = this.getFilterData.jobCategoryLabelObjects.filter((obj) => obj.id != id);

			const idsArray = this.getFilterData.jobCategoryLabelObjects.map((obj) => obj.id);
			// 将数组转换为字符串
			this.getFilterData.jobCategoryLabelIds = idsArray.join(",");
			// console.log("deleteJobCategoryLabel", this.getFilterData);

			this.getList();
		},
		deleteJobSpecialLabel(id) {
			this.query.page = 1;
			this.getFilterData.jobSpecialLabelObjects = JSON.parse(JSON.stringify(this.getFilterData.jobSpecialLabelObjects.filter((obj) => obj.id != id)));
			const idsArray = this.getFilterData.jobSpecialLabelObjects.map((obj) => obj.id);
			// 将数组转换为字符串
			this.getFilterData.jobRequestLabelIds = idsArray.join(",");
			this.jLabelIds = id;
			// console.log("deleteJobSpecialLabel", this.getFilterData);
			this.getList();
		},
		clearFilter1() {
			var that = this;
			this.query.page = 1;
			this.getFilterData.jobCategoryLabelIds = "";
			this.getFilterData.jobRequestLabelIds = "";
			that.jLabelIds = "";
			this.getFilterData.jobCategoryLabelObjects = [];
			this.getFilterData.jobSpecialLabelObjects = [];
			this.scrollTo = "";
			this.getFilterData.sex = -1;
			this.getFilterData.ageRangeStr = "";
			// console.log("this.getFilterData", this.getFilterData);
			this.$refs.filterChild.clearFilter();
			this.getList();

			setTimeout(() => {
				that.scrollTo = "listBox";
				// console.log("aaaaaaaaa");
			}, 1);
		},
		receiveFromChild(data) {
			// console.log(data);
			this.whichOneShow = "";
			this.getFilterData = JSON.parse(JSON.stringify(data));
			// console.log("getFilterData in receiveFromChild", this.getFilterData);
			this.getList();
			// this.messageFromChild = data.message;
		},
		chooseNl(type) {
			let that = this;
			that.scrollTo = "";
			that.whichOneShow = that.whichOneShow == type ? "" : type;
			setTimeout(() => {
				that.scrollTo = "tttop";
			}, 1);
		},
		handleOpenCamera() {
			let that = this;
			that.G.handleScanCode();
		},
		goPage($path) {
			uni.navigateTo({
				url: $path,
			});
		},
		reachBottom() {
			let that = this;
      // console.log('that.speed ',that.speed );
      // console.log('that.query.list.length ',that.query.list.length );
			if ((!uni.getStorageSync("apply-token") && that.tabInfo.active == 1) || !this.isLogin || that.speed <= that.query.list.length) {
				return false;
			}
			that.query.page++;
			that.getList("concat");
		},
		searchJob() {
			this.query.list = [];
			this.query.page = 1;
			this.getList();
		},
		refreshJobList() {
			let that = this;
			this.query.page = 1;
			this.isTrigger = true;
			this.getList().then(() => {
				// console.log("that.isTrigger", that.isTrigger);
				that.isTrigger = false;
				that.getJobNum();
			});
		}, 
		getList($type = "init") {
			let that = this,
				params = {};
			// uni.showLoading({
			// 	title: "加载中...",
			// });
			if ($type != "concat") {
				that.speed = -1;
			}
			params = {
				...that.getFilterData,
				pageNum: that.query.page,
				pageSize: that.query.size,
				keys: that.query.keys,
				sortTag: that.query.sortTag,
				picked: that.query.picked,
				recruitment: 1,
				classify: 1,
				workTypeStr: "",
				jobClassify: "",
				cityName: that.selectedCity == "全国" ? "" : that.selectedCity,
				brandIds: "",
			};
			// console.log("查看更多筛选that.istype:", that.istype, " jLabelIds:", that.jLabelIds, " params", params);
			if (that.istype == "manage") {
				params.jobRequestLabelIds = that.jLabelIds;
				that.istype = "";
			}
			if (!params.jobRequestLabelIds) {
				params.jobRequestLabelIds = that.jLabelIds;
			}

			if (that.query.sortTag !== 2) {
				params.lat = "";
				params.lng = "";
			} else {
				params.lat = that.currentInfo.latitude ? that.currentInfo.latitude : "";
				params.lng = that.currentInfo.longitude ? that.currentInfo.longitude : "";
			}

			// if (that.jobType == 2) {
			// 	params.jobType = 2;
			// }

			if (that.shareJobIds) {
				params.shareJobIds = that.shareJobIds;
				// that.shareJobIds = "";
			}

			if (that.sortTag) {
				params.sortTag = that.sortTag;
				// that.sortTag = "";
			}

			if (that.sortTag == -1) {
				params.sortTag = -1;
				params.topRecommend = -1;
				// that.sortTag = "";
			}

			if (that.topRecommend == 1) {
				params.topRecommend = 1;
			}

			return new Promise((resolve, reject) => {
				let _url = that.api.yi_job_list;

				if (that.jobType == 2) {
					_url = that.api.job_share;
				} else {
					_url = that.api.yi_job_list;
				}

				// console.log("_url", _url);
				that.G.Post(_url, params, (res) => {
					// console.log("一才职位列表：", res);
					that.computeCode = 1;
					let resData = {};
					resData = res.pageBean;
					// uni.hideLoading();
					if (resData.recordCount == 0) {
						that.loading = false;
					} else {
						that.loading = true;
					}
					that.speed = resData.recordCount;
					that.query.isFinish = resData.recordList.length;
					new Promise((reso) => {
						// console.log("resData.recordList123123", resData.recordList);
						try {
							// console.log("resData.recordList", resData.recordList);
							if (resData.recordList && resData.recordList.length > 0) {
								// console.log("resData.recordList7786787", resData.recordList);
								if (that.tabInfo.active == 1) {
									// 根据 distance 进行从小到大排序
									resData.recordList.sort((a, b) => a.distance - b.distance);
								}

								resData.recordList = that.G.toGetAddressv3(resData.recordList);
								resData.recordList = that.G.toGetAge(resData.recordList);
								that.G.Post("/yishoudan/labels/type/app/80", {}, (res) => {
									// console.log("els/type/app/80", res);
									uni.setStorageSync("JOB_REQUIRE_LIST", { data: res.labels, time: Date.now() });
									resData.recordList = that.G.yijobCopy(resData.recordList);
									reso();
								});
							} else {
								// console.log("resData.recordList123090890123", resData.recordList);
							}
						} catch (error) {
							// console.log("error", error);
						}
					}).then((res) => {
						// console.log("res123123", res);
						if ($type == "init") {
							that.query.list = [];
							uni.setStorageSync("lin-liu", 0);
							uni.setStorageSync("lin-bao", 0);
							that.query.list = resData.recordList.map((item, index) => {
								item.liuNum = uni.getStorageSync("lin-liu") ? uni.getStorageSync("lin-liu") : Math.floor(Math.random() * 1000);

								return {
									...item,
									liuNum: item.liuNum,
									baoNum: uni.getStorageSync("lin-bao") ? uni.getStorageSync("lin-bao") / 10 : Math.ceil(item.liuNum / 10),
									collected: item.collected ? true : false,
									cus_price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValueHtml(item.salaryClassify, item.salaryClassifyValue) : "月薪",
									gender: that.G.getGenderByMinAge(item),
									fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
								};
							});
							// console.log("that.query.list", that.query.list);
						} else {
							that.query.list = that.query.list.concat(
								resData.recordList.map((item, index) => {
									return {
										...item,
										liuNum: item.liuNum,
										baoNum: uni.getStorageSync("lin-bao") ? uni.getStorageSync("lin-bao") / 10 : Math.ceil(item.liuNum / 10),
										collected: item.collected ? true : false,
										cus_price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValueHtml(item.salaryClassify, item.salaryClassifyValue) : "月薪",
										gender: that.G.getGenderByMinAge(item),
										fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
									};
								})
							);
						}
						// console.log("that.query.list", that.query.list);
						resolve();
					});
					// console.log("resData.recordList1111111", resData.recordList);
				});
			});
		},
		goDetail($item) {
			// console.log("前往详情页", $item);
			uni.navigateTo({
				url: "/root/detail/job?id=" + $item.id,
			});
		},

		/**
		 * 搜索框的滚动监听变化
		 */
		searchAnimate() {
			return;
			let that = this;
			uni
				.createSelectorQuery()
				.select("#listBox")
				.fields(
					{
						scrollOffset: true,
						size: true,
					},
					(res) => {
						that.$mp.page.animate(
							"#searchInputBox",
							[
								{
									top: "10px",
									width: "100%",
								},
								{
									top: "-48px",
									width: "70%",
								},
							],
							800,
							{
								scrollSource: "#listBox",
								timeRange: 1000,
								startScrollOffset: 0,
								endScrollOffset: 60,
							}
						);
						that.$mp.page.animate(
							".the_city",
							[
								{
									color: "#333",
								},
								{
									color: "#fff",
								},
							],
							500,
							{
								scrollSource: "#listBox",
								timeRange: 1000,
								startScrollOffset: 0,
								endScrollOffset: 90,
							}
						);
					}
				)
				.exec();
		},
		shareJob(e) {
			// console.log(e);
			this.currentJob = e;
		},
		goSearch() {
			// this.G.isLogin();
			// if (this.G.isLogin()) {
			uni.navigateTo({
				url: "/root/other/search?from=home",
			});
			// }
		},
		goCity() {
			uni.navigateTo({
				url: "/root/other/city",
			});
		},
		getLocation(type) {
			let that = this;
			return new Promise((resolve, reject) => {
				uni.authorize({
					// 检测是否授权位置信息
					scope: "scope.userLocation",
					success() {
						// console.log("用户成功授权位置信息");
						uni.getLocation({
							type: "wgs84",
							success(res) {
								that.currentInfo = {
									latitude: res.latitude,
									longitude: res.longitude,
								};
								// console.log("type", type);
								if (type == "setCity") {
									that.getCity().then((res) => {
										// console.log("res", res);
										resolve();
									});
								}
							},
							fail(err) {
								// console.log(err);
							},
							complete() {
								resolve();
							},
						});
					},
					fail(err) {
						// console.log(err);
						// console.log("用户拒绝授权位置信息，再次提示用户授权");
						uni.showToast({
							title: "请在右上角设置中开启定位权限以显示距职位距离",
							icon: "none",
						});
						resolve();
						// that.showRefuseLocationPermission();
					},
					complete() {
						// console.log();
						// resolve();
					},
				});
			});
		},
		getCity() {
			let that = this;
			return new Promise((reso) => {
				this.G.Get(this.api.getCityNameByLatLng, { lng: this.currentInfo.longitude, lat: this.currentInfo.latitude }, (res) => {
					if (res) {
						that.selectedCity = res.replace("市", "");
						reso();
					}
					// console.log("res");
				});
			});
		},
		handleUpdateTab(e) {
			// console.log("获取tab数据：", e);
			let that = this;
			that.loading = true;
			that.speed = -1;
			that.tabInfo.active = e;
			switch (that.tabInfo.active) {
				case 0:
					that.query.picked = "";
					break;
				case 1:
					that.query.picked = 1;
					break;
				case 2:
					that.query.picked = 0;
					break;

				default:
					break;
			}
			this.resetScroll = 1;
			this.query.page = 1;
			that.getList();
			/* 如需登录：
				 this.tabInfo.active = e;
				 this.query.ucj = e;
				 this.speed = 0;
				 this.query.page = 1;
				 this.query.isFinish = 0;
				 this.loading = false;
				 this.query.list = [];
				 */
		},
		// 打开弹窗
		openPop() {
			uni.navigateTo({
				url: "/root/detail/select",
			});
		},

		// 批量分享
		goShare() {
			if (this.isLogin) {
				uni.navigateTo({
					url: "/root/detail/shareJob",
				});
			} else {
				uni.showModal({
					title: "登录提示",
					content: "该页面需要登录才能查看,是否登录",
					success(res) {
						if (res.confirm) {
							uni.navigateTo({
								url: "/pages/login/index",
							});
						} else {
						}
					},
				});
			}
		},
		successLogin() {
			uni.reLaunch({
				url: "/pages/home/index",
			});
		},
		sortJob(ind) {
			let that = this;
			this.sortList.active = ind;
			this.query.sortTag = this.sortList.list[ind].key;
			this.whichOneShow = "";
			if (this.query.sortTag === 2) {
				// 60 * 60 * 24
				if (that.currentInfo.latitude && new Date().getTime() - that.currentInfo.timestamp < 1000 * 10) {
					// console.log("inTime");
					this.getList();
				} else {
					// console.log("outTime");
					this.getLocation().then(() => {
						this.getList();
					});
				}
			} else {
				this.getList();
			}
		},
	},
};
</script>

<style lang="scss">
.ml8 {
	margin-left: 8px;
}

.por {
	position: relative;
}

.csbf {
	padding: 0px 8px;
	height: 28px;
	background-color: #f5f5f5;
	border-radius: 16px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
	box-sizing: border-box;
	// margin-top: 6px;
	margin-right: 12px;
}

.p-home-inedx {
	min-height: 100%;

	.m-more {
		position: absolute;
		left: 12rpx;
		bottom: -44rpx;
		width: 154px;
		background-color: #696969;
		box-shadow: 0px 2px 19px 0px rgba(179, 179, 179, 0.5);
		border-radius: 8px;
	}

	.suffix {
		position: absolute;
		right: 20rpx;
		top: 10px;
		z-index: 1;
		border-top-right-radius: 110rpx;
		border-bottom-right-radius: 110rpx;
	}

	.u-border {
		border-color: #fff !important;
		background-color: #fff;
	}

	.navigatorBar .tabs {
		position: relative;
		left: 50%;
		color: #fff;
		transform: translateX(-50%);
		justify-content: center;
		box-sizing: border-box;
	}

	.sticky {
		position: sticky;
		top: 0px;
		left: 0;
		z-index: 100;
	}

	#searchInputBox {
		display: flex;
		justify-content: space-between;
		padding: 0 10px;
		top: 10px;
		box-sizing: border-box;
		position: relative;
		z-index: 9999;
		width: 100vw;
	}
}


.specialnum {
	height: 16px;
	min-width: 16px !important;
	line-height: 16px;
	padding: 0px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 999px;
	background-color: #3578f6;
}

.quickapply {
	/* position: relative; */
	display: flex;
	justify-content: space-between;
	height: 80px;
	margin: 0 10px 0;
	padding-top: 10px;
	margin-bottom: 0;
	/* background-color: #fff; */
	overflow: hidden;
}

.quickapply button {
	display: flex;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

.sticky {
	position: sticky;
	top: 0px;
	left: 0;
	z-index: 999;
}

.quickapply button > view {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 50%;
	padding: 20px 24px;
	border-radius: 8px;
	background-color: #fff;
}

.quickapply button > view:last-child {
	margin-left: 10px;
}

.display-flex {
	display: flex;
	justify-content: space-between;
}

/* .quickapply button > view:first-child::after {
	content: "";
	width: 1px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #eee;
} */
.quickapply button > view .t-icon {
	width: 38px;
	height: 38px;
}

.quickapply button > view .info > view {
	text-align: left;
	line-height: 1.6;
}

.clear {
	position: sticky;
	right: 0px;
	top: 0px;
	height: 44px;
	min-width: 60px;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	background: linear-gradient(180deg, #f5f5f5, #ffffff 23%, #ffffff 79%, #f5f5f5);
	box-shadow: -12px 0px 8px -4px rgba(206, 206, 206, 0.6);
}

.clear_icon {
	position: absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 10px;
	border-radius: 50%;
	background-color: #fff;
	right: -2px;
	top: -2px;
	color: #aaa;
	/* font-size: 12px; */
}

.u-notice-box {
	margin-left: 0 !important;
}
.sortMask {
	position: absolute;
	top: 43px;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999999;
	background-color: rgba(0, 0, 0, 0.8);
}
.sortContainer {
	padding: 0 24px;
	animation: filterBox 0.35s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
	box-sizing: border-box;
	background-color: #f5f5f5;
	padding-bottom: 4px;
	border-radius: 0 0 8px 8px;
	height: 40% !important;
}
@keyframes filterBox {
	0% {
		height: 0;
		/* opacity: 0; */
	}
}
.gjFixed {
	position: absolute;
	top: 43px;
	// top: 0px;
	left: 0;
	width: 100vw;
	height: 100vh;
	/* right:0;
	  bottom:0; */
	z-index: 99999999;
	background-color: rgba(0, 0, 0, 0.8);
}

.sortMask {
	position: absolute;
	top: 103px;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999999;
	background-color: rgba(0, 0, 0, 0.8);
}
</style>