<template>
	<div class="g_flex_row_center" style="margin-top: 120px" v-if="!showPage">
		<rh-loading text="加载中..."></rh-loading>
	</div>
	<div class="p-root-detail-user g_w_all g_bg_page g_kuaishou" v-if="showPage">
		<view class="background-container g_position_fixed" style="width: 100%; overflow: hidden; z-index: 0">
			<view
				class="u-navbar-fixed"
				:style="{
					'background-image': info.supplierAccountCoverUrl ? `url(${info.supplierAccountCoverUrl})` : 'url(https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/dailibaoming/v3/mbg.jpg)',
					'background-size': '100% 100%',
					width: 'calc(100vw + ' + backgroundScale + 'px)',
					height: 'calc(' + (100 / 1.4).toFixed(2) + 'vw + ' + moveDistance + 'px)',
					'transform-origin': '50% 0%',
					transform: `scale(${1 + backgroundScale * 0.008})`,
				}"
			>
			</view>
		</view>
		<u-navbar backIconColor="#333" :borderBottom="false" :immersive="true" :customBack="goHome" :background="{ background: navColor }" :backIconName="fromShare ? 'home' : 'arrow-left'"></u-navbar>
		<scroll-view :refresher-enabled="true" class="scroll-container" scroll-y style="height: 100vh" refresher-default-style="none" @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd" :refresher-threshold="0" @refresherrefresh="refreshJobList" @scroll="scroll" @scrolltolower="reachBottom">
			<view
				class="u-navbar-fixed"
				:style="{
					width: 'calc(100vw + ' + backgroundScale + 'px)',
					height: 'calc(' + (100 / 1.78).toFixed(2) + 'vw + ' + backgroundScale + 'px)',
					'transform-origin': '50% 0%',
					transform: `scale(${1 + backgroundScale * 0.008})`,
				}"
			>
			</view>
			<div class="con-obj g_position_rela">
				<view class="m-info g_p_20 g_pt_12 g_pb_8 g_bg_f g_position_rela" hover-class="none" style="margin-top: 0; border-radius: 8px; width: calc(100% - 20px)">
					<view class="g_flex_row_start">
						<view class="g_w_71">
							<view class="g_position_abso g_p_4 g_radius_50 g_bg_f" style="top: -20px">
								<rh-image :radius="50" :size="128" :url="info.logo || 'https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/ibocai/storeDefault.jpg'" />
							</view>
						</view>
						<view class="g_flex_1 g_ml_11">
							<view class="g_flex_row_between flex_center">
								<view class="g_flex_row_start flex_center" style="line-height: 22px">
									<view class="g_flex_none g_ell_1 g_fs_18 g_fw_bold g_c_3" style="max-width: 300rpx">{{ info.fullName || info.agencyName || "-" }}</view>
								</view>
							</view>
						</view>
					</view>
					<view class="g_flex_row_start flex_center g_mt_18 g_fs_14 g_c_8" hover-class="thover" @click="goMore">
						<view class>{{ info.agencyName || info.fullName || "-" }}</view>
						<i class="iconfont icon-gengduo11" style="line-height: 22px; font-size: 10px"></i>
					</view>
					<div style>
						<div class="g_pt_12" style="height: 100%">
							<div class="g_flex_row_between">
								<div v-for="(item, index) in numSlot" :key="index" class="g_flex_row_center g_position_rela">
									<div class="g_flex_row_center flex_end">
										<div class="g_c_3 g_fw_600 g_mr_2 g_fs_20" style="line-height: 1">{{ item.num }}</div>
										<div class="g_fs_12 g_c_6 g_flex_column_end">{{ item.name }}</div>
									</div>
								</div>
							</div>
						</div>
						<div class="g_pt_12 g_fs_14" style="height: 100%">{{ info.agencyDesp }}</div>
					</div>
					<div class="g_h_10"></div>

					<div class="">
						<quickLogin @successLogin="successLogin" v-if="!isLogin">
							<div style="width: calc(100% - 0px)" class>
								<rh-button btnText="申请关注" size="auto" type="primary" class></rh-button>
							</div>
						</quickLogin>

						<div style="width: calc(100vw - 40px)" v-else-if="isSelf">
							<!-- <rh-button primaryColor='#00b666' btnText="不能关注自己" size="auto" type="disabled"></rh-button> -->
						</div>
						<!--  -->
						<template v-else>
							<div style="width: calc(100vw - 40px)" class="g_flex_row_center" v-if="info.recordStatus == 1">
								<!-- 已关注 1 -->
								<!-- class="g_mr_10" -->
								<div class="g_flex_1">
									<rh-button btnText="已关注发单号" size="auto" @clickBtn="handleCancel" type="noStyle" class></rh-button>
								</div>
								<!-- <div class="g_ml_16 g_flex_1">
									<rh-button primaryColor='#00b666' btnText="联系客服" class="" type="noStyle" size="auto" @clickBtn="goIm"></rh-button>
								</div> -->
								<!-- <div style="width:calc((100vw - 50px) / 2);">
									<rh-button primaryColor='#00b666' btnText="联系客服" size="auto" type="disabled" class></rh-button>
								</div>-->
							</div>

							<div style="width: calc(100vw - 40px)" class="g_flex_row_center" v-else-if="info.recordStatus == 2">
								<div class="g_flex_1">
									<rh-button btnText="互相关注" size="auto" type="noStyle" @clickBtn="handleCancel" class></rh-button>
								</div>
								<!-- <div class="g_ml_16 g_flex_1">
									<rh-button primaryColor='#00b666' btnText="联系客服" class="" type="noStyle" size="auto" @clickBtn="goIm"></rh-button>
								</div> -->
							</div>

							<div style="width: calc(100% - 0px)" v-else-if="(info.recordStatus == 3 || info.recordStatus == 4) && !isSelf">
								<rh-button btnText="申请关注" size="auto" :loading="btnLoading" type="primary" class @clickBtn="handleSubmit"></rh-button>
							</div>
							<!--  -->
							<div style="width: calc(100vw - 40px)" v-else-if="info.recordStatus == 5">
								<rh-button  btnText="申请中" icon="icon-time-circle g_mr_4" size="auto" type="noStyle" class></rh-button>
							</div>
							<div style="width: calc(100% - 0px)" v-else-if="info.recordStatus == 6 && !isSelf">
								<rh-button btnText="申请关注" size="auto" type="primary" :loading="btnLoading" class @clickBtn="handleSubmit"></rh-button>
							</div>
						</template>
					</div>
				</view>
				<div class="g_bg_f sticky" :style="{ top: stickyHeight + 'px' }" v-if="info.recordStatus == 1 || info.recordStatus == 2">
					<u-tabs bg-color="transparent" from="index" gutter="20" :list="tabInfo.list" :is-scroll="true" v-model="tabInfo.active" active-color="#000" bar-width="64" bar-height="6" @change="handleUpdateTab" font-size="32" duration="0.05" height="56"></u-tabs>
					<div class="m-search g_p_10 g_pt_8 bg_shawdoc g_flex_1" style="top: 0">
						<u-search v-model="keyword" class="g_flex_1" placeholder="搜索职位名称" bg-color="#ededed" :show-action="false" placeholder-class="g_c_c" :input-style="{ fontSize: '16px' }" height="80" search-icon-color="#999999" :maxlength="20" @input="checkLength" @clear="searchJob" @search="searchJob"></u-search>
					</div>
				</div>

				<!-- 基本信息 -->
				<div class="g_h_all g_bg_f_5">
					<div v-if="jobDetailShow || jobDetailShow == 'true'">
						<!-- 正常职位 -->
						<div class="m-detail">
							<div class="g_h_10"></div>
							<rh-job-list :recordStatus="info.recordStatus" @successLogin="jobLogin" :isSelf="isSelf" :showShare="false" :list="query.list" :loading="loading" :speed="speed" :isShowLoginBtn="isLogin ? false : true" :query="query" emptyText="暂无职位" emptySubText=" " />
						</div>

						<div v-if="info.himSeeBtn == 0" style="padding-top: 260rpx">
							<rh-empty text="您关注的发单号暂未发布职位" />
						</div>
					</div>
				</div>
			</div>
		</scroll-view>
		<applyFlow ref="applyFlow" @updateInfo="updateInfo" :userInfo="userInfo" :shareAgencyId="uid" :agencyInfo="agencyInfo"></applyFlow>
	</div>
</template>

<script>
import quickLogin from "../../components/quickLogin.vue";
import applyFlow from "./components/applyFlow.vue";
export default {
	components: {
		quickLogin,
		applyFlow,
	},
	onPullDownRefresh() {
		uni.stopPullDownRefresh();
	},
	onReady() {
		this.G.setNavStyle();
	},
	mounted() {
		let systemInfo = uni.getSystemInfoSync();
		let height = systemInfo.platform == "ios" ? 44 : 48;

		this.stickyHeight = systemInfo.statusBarHeight + height;
	},
	// onShareAppMessage(){
	// 	return this.G.shareFun();
	// },
	data() {
		return {
			numSlot: [],
			showPage: false,
			stickyHeight: 0, // sticky距离顶部高度
			fromShare: false,
			btnLoading: false,
			background: {
				backgroundColor: "transparent",
			},

			userInfo: {},
			navColor: "rgb(255,255,255,0)",
			isLogin: null,
			isShowMore: true,
			isShowJob: true,
			goImLoading: false, // 客服点击loading
			loading: true,
			keyword: "", // 搜索内容
			speed: -1,
			query: {
				page: 1,
				size: 20,
				list: [],
				isFinish: -1,
			},
			agencyInfo: {},
			info: {
				avatar: "",
				agencyName: "",
				jobUpdateNum: 0,
			},

			uid: 0,
			type: 0,
			bindid: 0,
			dataArray: [
				{
					name: "职位",
					num: 120,
				},
				{
					name: "在招",
					num: 120,
				},
				{
					name: "关注",
					num: 108,
				},
				{
					name: "粉丝",
					num: 250,
				},
			],
			from: "",
			fromQRCode: false, // 是否来自扫码的判断
			jobDetailShow: true,
			isSelf: false, // 是否是自己的信息判断
			scene: "",
			tabInfo: {
				list: [
					{
						name: "全部",
						num: 0,
						tip: 0,
						classify: 2,
					},
					{
						name: "一手",
						num: 0,
						tip: 1,
						classify: 3,
					},
					{
						name: "最新",
						num: 0,
						tip: 2,
						classify: 1,
					},
				],
				active: 0,
			},
			disabled: false,
			inviteUserId: 0,

			refreshing: false,
			mtScroll: 0,
			moveDistance: 0,
			backgroundScale: 0, // 背景缩放比例
			startY: 0, // 触摸起始位置
			moveY: 0, // 触摸移动位置
			isTouching: false, // 是否正在触摸
		};
	},
	onPageScroll(e) {
		// if (e.scrollTop > 120) {
		// 	this.navColor = `rgb(255,255,255,${e.scrollTop / 200})`;
		// } else {
		// 	this.navColor = `rgb(255,255,255,0)`;
		// }
	},
	onLoad(options) {
		let that = this;
		console.log("用户详情页：", options, " version:", 1);

		this.loginId = uni.getStorageSync("apply-agencyId");
		that.isLogin = uni.getStorageSync("apply-token") ? true : false; // uni.getStorageSync("apply-token");
		this.userInfo = uni.getStorageSync("apply-userinfo");
		if (this.loginId == options.id && options.id) {
			this.isSelf = true;
		}
		if (options.scene) {
			var sceneStr = decodeURIComponent(options.scene);
			var sceneJson = this.G.sceneToJson(sceneStr);
			this.scene = options.scene;
			this.fromShare = true;

			console.log("sceneJson===", sceneJson);
			this.inviteUserId = sceneJson.id.split("_")[1]; //被关注团队的邀请人id
			this.uid = sceneJson.id.split("_")[0]; // 被关注团队的id
			this.fromQRCode = true; // 被关注团队的id
			that.G.watchUserPage("/root/detail/userShare");
		} else {
			this.uid = options.id;
			this.isShowMore = options.isShowMore ? true : false;
			this.isShowJob = options.isShowJob;
			this.fromShare = false;
			this.showPage = true;
		}
		this.type = options.type ? options.type : "";
		this.jobDetailShow = options.jobDetailShow || true;
		this.from = options.shareForm;
		if (options.bindid) {
			this.bindid = options.bindid;
		}
	},
	onShow() {
		let that = this;
		console.log("that.isLogin", that.isLogin);
		that.G.Get("/checkUserLogin", {}, (res) => {
			console.log("checkUserLogin", res);
			if (res) {
				// 已登录状态
				that.getAgencyInfo().then(() => {
					that.getAgencyById().then(() => {
						if (that.fromQRCode) {
							if (that.info.recordStatus == 1) {
								uni.switchTab({
									url: "/pages/home/index",
								});
								return;
							}
						}
						if (that.isLogin) {
							that.getDefault("init");
						} else {
							that.setJobList(that.info.jobList);
						}
					});
				});
			} else {
				// 未登录状态
				that.getAgencyById().then(() => {
					that.setJobList(that.info.jobList);
				});
			}
		});
		// if (!that.isLogin) {
		// 	that.loading = false;
		// 	that.speed = 0;
		// } else {
		// }
	},
	onReachBottom() {
		let that = this;
		if (!that.isLogin) {
			return false;
		}
		if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
			that.query.page++;
			that.getDefault("concat");
		}
	},
	methods: {
		scroll(e) {
			if (e.detail.scrollTop > 120) {
				this.navColor = `rgb(255,255,255,${e.detail.scrollTop / 200})`;
			} else {
				this.navColor = `rgb(255,255,255,0)`;
			}
		},
		// 触摸开始事件
		onTouchStart(e) {
			if (this.isTouching) {
				return false;
			}
			this.isTouching = true;
			this.mtScroll = 0;
			this.backgroundScale = 0;
			if (e.touches && e.touches.length > 0) {
				this.startY = e.touches[0].pageY;
			}
		},

		// 触摸移动事件
		onTouchMove(e) {
			if (!this.isTouching) return;

			if (e.touches && e.touches.length > 0) {
				this.moveY = e.touches[0].pageY;
				const moveDistance = this.moveY - this.startY;
				// && moveDistance < 200
				// 只有向下移动（moveDistance > 0）且移动距离合理时才触发下拉效果
				if (moveDistance > 0) {
					// 限制最大下拉距离
					const query = uni.createSelectorQuery().in(this);
					query
						.select(".scroll-container")
						.boundingClientRect((data) => {
							if (data) {
								const scrollTop = data.scrollTop || 0;
								// 只有在滚动到顶部且向下拉动时才执行缩放
								if (scrollTop <= 0) {
									// 根据移动距离计算缩放值，使效果更自然
									this.moveDistance = moveDistance;

									this.backgroundScale = Math.min(moveDistance * 0.2, 800); // 限制最大缩放值
									this.mtScroll = Math.min(moveDistance * 0.2, 800);
								}
							}
						})
						.exec();
				}
			}
		},

		// 触摸结束事件
		onTouchEnd() {
			let that = this;

			that.isTouching = false;
			const animationDuration = 300; // 动画持续时间(ms)
			const frameDuration = 16; // 每帧间隔(约60fps)
			const totalFrames = Math.ceil(animationDuration / frameDuration);
			// that.moveDistance = 0;
			// that.backgroundScale = 0;
			let currentFrame = 0;
			const startScale = that.backgroundScale;
			const startScroll = that.mtScroll;
			const animate = () => {
				currentFrame++;
				const progress = Math.min(currentFrame / totalFrames, 1);
				const easeOutQuart = 1 - Math.pow(1 - progress, 4);
				that.backgroundScale = startScale * (1 - easeOutQuart);
				that.moveDistance = startScale * (1 - easeOutQuart);
				that.mtScroll = startScroll * (1 - easeOutQuart);
				if (progress < 1) {
					setTimeout(animate, frameDuration);
				} else {
					that.moveDistance = 0;
					that.backgroundScale = 0;
					that.mtScroll = 0;
				}
			};
			animate();
		},
		onScrollToLower() {
			let that = this;
			if (!that.isLogin) {
				return false;
			}
			if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
				that.query.page++;
				that.getDefault("concat");
			}
		},

		goHome() {
			if (this.fromShare) {
				uni.switchTab({
					url: "/pages/home/index",
				});
			} else {
				uni.navigateBack({
					delta: 1,
				});
			}
		},
		searchJob() {
			this.query.list = [];
			this.query.page = 1;
			this.getDefault();
		},
		/**
		 * 获取登录人的团队信息
		 */
		getAgencyInfo() {
			let that = this;
			return new Promise((reso, reject) => {
				that.G.Get(that.api.login_agencyInfo, {}, (aRes) => {
					console.log("获取团队信息:", aRes);
					if (aRes.agency) {
						that.disabled = aRes.agency.fullName ? true : false;
						that.agencyInfo = { ...aRes.agency, fullName: aRes.agency.fullName ? aRes.agency.fullName : that.agencyInfo.fullName };
						uni.setStorageSync("agencyInfo", aRes.agency);
					}

					setTimeout(() => {
						reso();
					}, 200);
				});
			});
		},
		goMore() {
			let that = this,
				str = "";
			if (this.fromShare || this.isSelf) {
				return false;
			}
			this.G.isLogin();
			if (this.G.isLogin()) {
				console.log(that.isShowMore);
				console.log(that.info);
				if (that.isShowMore == true) {
					if (that.info.recordStatus == 2) {
						str = 3;
					} else {
						str = that.info.up;
					}
					console.log("that.type", that.type);
					uni.navigateTo({
						url: "/root/bind/more?delta=2&id=" + that.info.id + "&himSee=" + that.info.himSee + "&lookHim=" + that.info.lookHim + "&type=" + str + "&from=" + that.type + "&lid=" + that.info.lookHimOperateId + "&hid=" + that.info.himSeeOperateId,
					});
				}
			}
		},
		handleCancel() {
			let that = this;
			this.G.isLogin();
			if (this.G.isLogin()) {
				that.G.handleConfirm({
					content: "是否取消关注该发单号？",
					success: (res) => {
						if (res.confirm) {
							that.G.Get(
								that.api.bind_cancelApply + "/" + that.info.id,
								{
									agencyId: that.info.id,
								},
								() => {
									uni.showToast({
										icon: "success",
										title: "取消关注成功",
									});
									setTimeout(() => {
										that.getAgencyById();
										that.getDefault("init");
										// that.getList();
									}, 1500);
								}
							);
						}
					},
				});
			}
		},
		goDetailUser() {
			let that = this;
			return false;
			this.G.isLogin();
			if (this.G.isLogin()) {
				if (this.info.recordStatus == 1 || this.info.recordStatus == 2) {
					let params = {
						id: that.info.agencyId,
						type: that.type,
						bindid: that.info.id,
						isShowMore: true,
						isShowJob: true,
					};
					uni.navigateTo({
						url: "/root/detail/user?" + that.G.objToStr(params),
					});
				} else {
					if (that.isSelf) {
					} else {
						uni.showToast({
							title: "关注发单号后才可查看详情",
							icon: "none",
						});
					}
				}
			}
		},
		setJobList(recordList, $type) {
			let that = this;
			that.query.isFinish = recordList.length;
			recordList = that.G.toGetAddressv3(recordList);
			recordList = that.G.toGetAge(recordList);
			recordList = that.G.yijobCopy(recordList);
			if ($type == "init") {
				that.query.list = [];
				that.query.list =
					recordList.length > 0
						? recordList.map((item, index) => {
								return {
									...item,
									title: item.jobName,
									address: item.district + item.age,
									price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : that.G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
									fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
									cus_price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValueHtml(item.salaryClassify, item.salaryClassifyValue) : "月薪",
									gender: that.G.getGenderByMinAge(item),
									logo: item.agencyLogo,
									time: that.G.setDeadLine(item.updateTime, "jiaofu"),
									leafCateId: item.id,
									// serverPrice: that.G.setReturnFee(item.returnFee, item.returnFeeType),
									serverPrice: that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
									recruitmentSwitch: item.recruitment == 1 ? true : false,
									recruitmentImage: item.recruitment,
									isToday: item.today == 0 ? false : true,
									active: 0,
								};
						  })
						: [];
			} else {
				that.query.list = that.query.list.concat(
					recordList.length > 0
						? recordList.map((item, index) => {
								return {
									...item,
									title: item.jobName,
									address: item.district + item.age,
									price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : that.G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
									fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
									gender: that.G.getGenderByMinAge(item),
									logo: item.agencyLogo,
									time: that.G.setDeadLine(item.updateTime, "jiaofu"),
									leafCateId: item.id,
									// serverPrice: that.G.setReturnFee(item.returnFee, item.returnFeeType),
									serverPrice: that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
									recruitmentSwitch: item.recruitment == 1 ? true : false,
									recruitmentImage: item.recruitment,
									isToday: item.today == 0 ? false : true,
									active: 0,
								};
						  })
						: []
				);
			}
		},
		getDefault($type) {
			let that = this;
			console.log("$type", $type);
			this.G.isLogin();
			that.loading = true;
			let params = {
				pageNum: that.query.page,
				pageSize: that.query.size,
				agencyId: that.info.id,
				keys: that.keyword,
			};
			console.log("that.tabInfo.active", that.tabInfo.active);
			if (that.tabInfo.active == 1) {
				params.jobClassify = 1;
			} else if (that.tabInfo.active == 2) {
				params.recruitment = 1;
			}
			if (this.G.isLogin()) {
				that.G.Post(that.api.job_list, params, (res) => {
					console.log("resresresresresres", res);
					that.loading = false;
					that.speed = res.recordCount;
					that.setJobList(res.recordList, $type);
					console.log("query.list", that.query.list);
				});
			}
		},
		checkLength(e) {
			if (e.length == 0) {
				this.keyword = "";
				this.getList();
			}
		},
		getList($type = "init") {
			let that = this;
			return;
			this.G.isLogin();
			if (this.G.isLogin()) {
				if (this.info.recordStatus == 1 || this.info.recordStatus == 2) {
					that.getDefault($type);
				}
			}
		},
		goDetailJob($item) {
			let that = this;
			return false;
			this.G.isLogin();
			if (this.G.isLogin()) {
				if (that.isSelf) {
					uni.navigateTo({
						url: "/root/detail/job?id=" + $item.leafCateId,
					});
				} else if (this.info.recordStatus == 1 || this.info.recordStatus == 2) {
					uni.navigateTo({
						url: "/root/detail/job?id=" + $item.leafCateId,
					});
				} else {
					uni.showToast({
						title: "关注发单号后才可查看详情",
						icon: "none",
					});
				}
			}
		},
		inviteSubmit() {
			let that = this;
			console.log("info", that.info);
			// return;
			uni.showModal({
				title: "关注发单号",
				content: "关注发单号后，您可以查看该账号职位的更新，确定要关注吗？",
				confirmColor: "#576B95",
				success(modalRes) {
					if (modalRes.confirm) {
						that.G.Post(
							that.api.user_updateInviteId,
							{
								agencyIds: that.info.agencyId,
							},
							(res) => {
								uni.showToast({
									title: "关注成功",
								});
								setTimeout(() => {
									that.getAgencyById();
								}, 800);
							}
						);
					} else if (modalRes.cancel) {
						console.log("用户点击取消");
					}
				},
				fail() {},
			});
		},

		// 获取分享人团队信息(包含与登录者的关注关系)
		getAgencyById() {
			let that = this;
			return new Promise((reso, reject) => {
				this.G.Get(this.api.order_getAgencyByIdForApply, { agencyId: that.uid, inviteUserId: this.inviteUserId }, (res) => {
					console.log("resresresresresres++++++++++++++", res);
					console.log("resresresresresres++++++++++++++", that.agencyInfo);
					console.log("resresresresresres++++++++++++++", that.isSelf);
					that.info = res;
					// that.speed = res.jobList.length;

					that.showPage = true;

					if (res.id == that.agencyInfo.id) {
						that.isSelf = true;
					}
					that.numSlot = [
						// {
						// 	name: "总职位",
						// 	num: that.info.jobNum,
						// },
						{
							name: "在招",
							num: that.info.recruitmentJobNum,
						},
						{
							name: "关注",
							num: that.info.upNum,
						},
						{
							name: "粉丝",
							num: that.info.downNum,
						},
					];
					// that.getList()

					reso();
				});
			});
		},
		successLogin(e) {
			let that = this;
			this.isLogin = true;
			console.log("successLogin", e);
			this.userInfo = uni.getStorageSync("apply-userinfo");
			that.getAgencyInfo().then(() => {
				that.getAgencyById().then(() => {
					// that.query.page++;
					console.log("Boolean(e.agencyId)", Boolean(e.agencyId));
					if (Boolean(e.agencyId) == false || that.info.recordStatus == 3 || that.info.recordStatus == 4 || that.info.recordStatus == 6) {
						that.handleSubmit();
					} else {
						if (that.info.recordStatus == 5) {
							uni.showToast({
								title: "已发起关注申请, 正在等待通过",
								icon: "none",
							});
						}
					}
					that.getDefault("init");
				});
			});
		},
		// 组件关注后更新信息
		updateInfo() {
			let that = this;
			that.getAgencyInfo().then(() => {
				that.getAgencyById().then(() => {
					that.G.checkToken();
				});
			});
		},
		jobLogin() {
			let that = this;
			this.isLogin = true;
			this.userInfo = uni.getStorageSync("apply-userinfo");
			that.getAgencyInfo().then(() => {
				that.getAgencyById().then(() => {
					// that.query.page++;
					that.getDefault("init");
				});
			});
		},
		handleSubmit() {
			let that = this;
			this.G.isLogin();
			if (this.G.isLogin()) {
				if (that.userInfo.agencyId && that.userInfo.fullName) {
					// that.submitConfirm = true;
					// that.$refs.applyFlow.applyFlowWidthoutAgencyConfirm();
					that.$refs.applyFlow.applyFlowConfirm();
				} else {
					that.$refs.applyFlow.applyFlowWidthoutAgencyConfirm();
				}
			}
		},

		handleUpdateTab(e) {
			let that = this;
			console.log("eeeeeee", e);
			that.tabInfo.active = e;
			that.speed = -1;
			that.query.list = [];
			that.query.page = 1;
			that.getDefault();
		},
		goIm() {
			let that = this;
			if (that.goImLoading) {
				return false;
			}

			that.goImLoading = true;
			that.F.wyyxGet(that.api.job_get_agency_cus + "?agencyId=" + that.uid, {}, (cusData) => {
				that.F.wyyxPost(
					that.api.wyyx_create,
					{
						// senderUserId: uni.getStorageSync("apply-uid"),
						// receiverUserId: cusData,
						senderAccid: uni.getStorageSync("im-accid"),
						receiverAccid: cusData.accid,
					},
					(res) => {
						uni.$UIKitStore.uiStore.selectConversation(res.conversationId);
						uni.navigateTo({
							url: "/root/NEUIKit/pages/Chat/index",
						});
						that.goImLoading = false;
					},
					() => {}
				);
			});
		},
	},
};
</script>

<style lang="scss">
.p-root-detail-user {
}
.m-detail {
	background: #ededed;
}
.m-info {
	width: calc(100%);
	margin: 0 auto;

	.data-box {
		.item {
			width: 33.3333%;
		}
	}
}
.scroll-area {
	height: 100vh;
}
.sticky {
	position: sticky;
	// top: 95px;
	left: 0;
	z-index: 100;
}
</style>
