yizhizan-h5/pages/msg/im.vue

<template>
	<view>
		<!-- 顶部导航栏 -->
		<view class="top-navbar">
			<view class="navbar-content">
				<!-- 左侧返回按钮 -->
				<view class="navbar-left" @click="goBack">
					<u-icon name="arrow-leftward" size="48" color="#333"></u-icon>
				</view>
				
				<!-- 中间用户信息 -->
				<view class="navbar-center">
					<view v-if="userType==1" class="user-info">
						<view class="avatar-container">
							<image :src="postPushInfo.hr&&postPushInfo.hr.hrImg || '../../static/logo.png'" class="user-avatar" mode="aspectFill"></image>
							<view class="status-indicator"></view>
						</view>
						<view class="user-details">
							<view class="user-name">{{ postPushInfo.user&&postPushInfo.user.userName || '未知' }}</view>
							<view class="user-title">{{ postPushInfo.company ? postPushInfo.company.companyName : '未知公司' }} · {{postPushInfo.hr&&postPushInfo.hr.hrPosition || '未知'}}</view>
						</view>
					</view>
					<view v-else class="user-info">
						<view class="avatar-container">
							<image :src="resumesInfo.avatar || '../../static/logo.png'" class="user-avatar" mode="aspectFill"></image>
							<view class="status-indicator"></view>
						</view>
						<view class="user-details">
							<view class="user-name">{{ resumesInfo.userName || '未知' }}</view>
							<view class="user-title">{{ postPushInfo.ruleClassifyName || '未知岗位' }}</view>
						</view>
					</view>
				</view>
				
				<!-- 右侧更多按钮 -->
				<view class="navbar-right" @click="showMoreOptions">
					<u-icon name="more-dot-fill" size="38" color="#333"></u-icon>
				</view>
			</view>
		</view>
		
		<!-- 顶部操作 -->
		<view class="topSe flex justify-center" v-if="userType==1">
			<view class="topSe-box flex align-center justify-around">
				<view class="topSe-box-item flex flex-wrap justify-center" @click="currentPhone()">
					<image src="../../static/im/mobilePhone2.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						换电话
					</view>
					<view v-if="isSendPhone" class="status-indicator"><u-icon name="checkmark-circle-fill"></u-icon></view>
				</view>
				<view class="topSe-box-item flex flex-wrap justify-center" @click="currentWchat()">
					<image src="../../static/im/weiChat2.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						换微信
					</view>
					<view v-if="isSendWx" class="status-indicator"><u-icon name="checkmark-circle-fill"></u-icon></view>
				</view>
				<view class="topSe-box-item flex flex-wrap justify-center" @click="sendResumes()">
					<image src="../../static/im/orderInfo2.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						发简历
					</view>
					<view v-if="isSendResumes"  class="status-indicator"><u-icon name="checkmark-circle-fill"></u-icon></view>
				</view>
				<view class="topSe-box-item flex flex-wrap justify-center" @click="noIdtent()">
					<image src="../../static/im/nowei.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						无兴趣
					</view>
				</view>
			</view>
		</view>
		<view class="topSe flex justify-center" v-else>
			<view class="topSe-box flex align-center justify-around">
				<view class="topSe-box-item flex flex-wrap justify-center" @click="currentPhone()">
					<image src="../../static/im/mobilePhone.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						换电话
					</view>
					<view v-if="isSendPhone" class="status-indicator"><u-icon name="checkmark-circle-fill"></u-icon></view>
				</view>
				<view class="topSe-box-item flex flex-wrap justify-center" @click="currentWchat()">
					<image src="../../static/im/weiChat.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						换微信
					</view>
					<view v-if="isSendWx"  class="status-indicator"><u-icon name="checkmark-circle-fill"></u-icon></view>
				</view>
				<view class="topSe-box-item flex flex-wrap justify-center" @click="giveSendResumes()">
					<image src="../../static/im/orderInfo.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						求简历
					</view>
					<view v-if="isSendResumes" class="status-indicator"><u-icon name="checkmark-circle-fill"></u-icon></view>
				</view>
				<view class="topSe-box-item flex flex-wrap justify-center" @click="mianshiF()">
					<image src="../../static/im/mianshi.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<view class="" style="color: #999999;">
						约面试
					</view>
				</view>
			</view>
		</view>
		<scroll-view scroll-y="true" @touchstart="hideDrawer" @scroll="scroll" :scroll-top="scrollTop"
			style="height: calc(100vh - 360rpx);width: 100%;padding: 20rpx 0;">
			<!-- 温馨提示 -->
			<!-- <view class="xuanfu">
				<view class="xuanfu-box flex">
					<view class="" style="margin-right: 10rpx;">
						<image style="width: 30rpx;height: 30rpx;"
							src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/07/85e0d70ba1d9a78463b36bf7f92f6dca.png"
							mode=""></image>
					</view>
					<view class="">
						{{messages}}
					</view>
				</view>
			</view> -->
			<!-- 岗位简介 -->
			<view class="jobs flex justify-center" v-if="JSON.stringify(postPushInfo)!='{}'&&userType==1">
				<view class="jobs-box">
					<view class="gwList-box-item flex justify-center" @click="gotoInfo(postPushInfo.postPushId)">
						<view class="gwList-box-item-box">
							<view class="gwList-box-item-box-title flex justify-between align-center">
								<text>{{postPushInfo.stationName}}</text>
								<text>{{postPushInfo.salaryRange}}</text>
							</view>
							<!-- 公司和人数 -->
							<view class="gwList-box-item-box-name flex align-center">
								<text>{{postPushInfo.company?postPushInfo.company.companyName:''}}</text>
								<text
									v-if="postPushInfo.company">{{postPushInfo.company?postPushInfo.company.companyPeople:'0人'}}</text>
							</view>
							<view class="gwList-box-item-box-label flex align-center flex-wrap">
								<text
									style="color: #666666;font-size: 26rpx;padding: 10rpx;background: rgba(198, 198, 198, 0.1);border-radius: 8rpx;margin-right: 10rpx;margin-bottom: 20rpx;">
									{{postPushInfo.education}}
								</text>
								<text
									style="color: #666666;font-size: 26rpx;padding: 10rpx;background: rgba(198, 198, 198, 0.1);border-radius: 8rpx;margin-right: 10rpx;margin-bottom: 20rpx;">
									{{postPushInfo.experience}}
								</text>
								<text
									style="color: #666666;font-size: 26rpx;padding: 10rpx;background: rgba(198, 198, 198, 0.1);border-radius: 8rpx;margin-right: 10rpx;margin-bottom: 20rpx;"
									v-for="(ite,ind) in postPushInfo.positionWelfare" :key="ind">{{ite}}</text>
							</view>
							<!-- <view class="gwList-box-item-box-line"></view> -->
							<!-- 工作描述 -->
							<view class="gwList-box-item-box-info-text">
								<view :class="['job-description-item',!isJobDescExpanded?'job-description-itemAll':'']">{{postPushInfo.positionDetails}}</view>
								<!-- 展开/收起按钮 -->
								<view class="expand-btn" @click.stop="toggleJobDesc">
									<text class="expand-text">{{ isJobDescExpanded ? '收起' : '展开更多' }}</text>
								</view>
							</view>
							<!-- hr信息 -->
							<view class="gwList-box-item-box-info flex justify-between align-center">
								<view class="gwList-box-item-box-info-l flex align-center">
									<image
										:src="postPushInfo.hr&&postPushInfo.hr.hrImg?postPushInfo.hr.hrImg:'../../static/logo.png'"
										style="width: 58rpx;height: 58rpx;border-radius: 50%;margin-right: 20rpx;"
										mode=""></image>
									<view class="people">
										{{postPushInfo.user&&postPushInfo.user.userName?postPushInfo.user.userName:'未知'}}
									</view>·{{postPushInfo.hr&&postPushInfo.hr.hrPosition||'创始人'}}
								</view>
								<!-- 
									<view class="gwList-box-item-box-info-r flex justify-end">
										{{postPushInfo.county}} {{postPushInfo.address}}
									</view>	
								-->
							</view>

							<!-- 时间和收藏 -->
							<view class="time-favorite flex justify-between align-center">
								<view class="time-text">
									7月24日 14:34 向你发起的沟通
								</view>
								<view :class="['favorite-btn  flex align-center',postPushInfo.isCollection?'collectActived':'']" @click.stop="setCollection(postPushInfo.postPushId)">
									<text class="favorite-icon"><u-icon :name="postPushInfo.isCollection?'star-fill':'star'"></u-icon></text>
									<text class="favorite-text">收藏职位</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 简历简介 -->
			<view class="jobs flex justify-center" v-if="JSON.stringify(resumesInfo)!='{}'">
				<view class="talent-list">
					<view class="talent-card">
						<view class="talent-content">
							<!-- 头像和基本信息 -->
							<view class="talent-header">
								<image :src="resumesInfo.avatar" class="talent-avatar" mode="aspectFill"></image>
								<view class="talent-info">
									<view class="talent-name-section">
										<view class="talent-name">期望：{{ resumesInfo.intentionRuleClassifyName }} <text class="talentRange">{{resumesInfo.intentionSalaryRange}}</text></view>
										<!-- <view class="talent-tags">
											<view class="status-tag online" v-if="resumesInfo.isOnline">在线</view>
												<view class="status-tag hot" v-if="talent.isHot">热门搜索</view>
											<view class="status-tag active" v-if="resumesInfo.lastActive">{{ resumesInfo.lastActive }}
											</view>
										</view> -->
									</view>
									<!-- 经验和薪资 -->
									<view class="talent-experience">
										<text class="experience-text">{{ resumesInfo.resumesWorkExperience || 0 }}年</text>
										<text class="education-salary">{{ postPushInfo.education}}</text>
										<text class="education-salary">{{ postPushInfo.salaryRange}}</text>
										<text class="status-text">{{ jobStatusList[resumesInfo.resumesStatus].text}}</text>
									</view>
								</view>
							</view>
				
							<!-- 当前职位 -->
							<view class="current-job">
								<image src="../../static/images/aixin.svg" class="job-icon" mode="aspectFit"></image>
								<text class="job-text">{{ resumesInfo.companyName }}·{{ resumesInfo.lastWorkPosition }}</text>
							</view>
				
							<!-- 求职期望 -->
							<view class="job-expectation">
								<image src="../../static/images/xiangzi.svg" class="job-icon" mode="aspectFit"></image>
								<text class="expectation-text">求职期望: {{ resumesInfo.expectedPosition }}</text>
							</view>
				
							<!-- 技能标签 -->
							<view class="skill-tags">
								<view class="skill-tag" v-for="(skill, skillIndex) in resumesInfo.skills" :key="skillIndex">
									{{ skill }}
								</view>
							</view>
				
							<!-- 工作描述 -->
							<view class="job-description">
								<text class="description-text">{{ resumesInfo.adv }}</text>
							</view>
						</view>
						<view class="time-favorite flex justify-between align-center">
							<view class="time-text">
								7月24日 14:34 沟通的职位-亚马逊
							</view>
						</view>
					</view>
				</view>
			</view>

			<!-- 聊天记录 -->
			<view style="display: flex;flex-direction: column;" v-for="(item,index) in ListItem" :key="index" :id=" 'id-'+index">
				<view style="margin-top: 15rpx;width: 100%;text-align: center;font-size: 26rpx;color: #999999;"
					v-if="item.createTime">
					{{item.createTime}}
				</view>
				<view v-if="item.userId && userId != item.userId" style="width: 83%;margin-right: 15%;">
					<view class="chat-listitem" style="float: left;margin-left: 10rpx;">
						<view>
							<image @tap="goGuanZhu(item)" :src="item.avatar ? item.avatar : '/static/logo.png'"
								class="chat-listitem-image"></image>
						</view>
						<view v-if="item.content && item.messageType === 1" @longpress="copy(item.content)"
							class="chat-listitem-text"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">{{item.content}}</view>
						<view v-if="item.messageType === 20" @tap="sendCallVideo(2)"
							class="chat-listitem-text flex align-center"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							视频通话
							<image src="../../static/im/historyVideo_black.png"
								style="width: 50rpx;height: 50rpx;margin-left: 20rpx;" mode=""></image>
						</view>
						<view v-if="item.messageType === 21" @tap="sendCallVideo(1)"
							class="chat-listitem-text flex align-center"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							语音通话
							<image src="../../static/im/historyAudio_black.png"
								style="width: 50rpx;height: 50rpx;margin-left: 20rpx;" mode=""></image>
						</view>

						<!-- 互换手机号 -->
						<view v-if="item.content && item.messageType === 5 && item.content=='手机号请求'"
							@longpress="copy(item.content)" class="chat-listitem-text"
							style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-left: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
							<view class="flex align-center">
								<image src="../../static/im/mobilePhone.png"
									style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
								我想跟你交换手机号，是否同意？
							</view>
							<view class="flex justify-between" style="margin-top: 30rpx;font-size: 24rpx;">
								<view @click.stop="refuseFun(item.chatContentId)"
									class="flex justify-center align-center"
									style="width: 40%;height: 50rpx;background-color: #F5F5F5;border-radius: 12rpx;">
									拒绝
								</view>
								<view @click.stop="tongyi(item.messageType,item.chatContentId)"
									class="flex justify-center align-center"
									style="width: 40%;height: 50rpx;background-color: #D9FEED;border-radius: 12rpx;">
									同意
								</view>
							</view>
						</view>
						<view v-if="item.content && item.messageType === 5 && item.content!='手机号请求'"
							class="chat-listitem-text"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							已同意交换手机号
						</view>
						<view v-if="item.content && item.messageType === 7"
							@longpress="copyss(item.content,item.userType,'phone')" class="chat-listitem-text"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							<view class="" v-if="item.userType==1">
								我的手机号为：{{JSON.parse(item.content).userPhone}}
							</view>
							<view class="" v-else>
								我的手机号为：{{JSON.parse(item.content).companyPhone}}
							</view>

						</view>
						<!-- 互换微信号 -->
						<view v-if="item.content && item.messageType === 6 && item.content=='微信号请求'"
							@longpress="copy(item.content)" class="chat-listitem-text"
							style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-left: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
							<view class="flex align-center">
								<image src="../../static/im/weiChat.png"
									style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
								我想跟你交换微信号，是否同意？
							</view>
							<view class="flex justify-between" style="margin-top: 30rpx;font-size: 24rpx;">
								<view @click.stop="refuseFun(item.chatContentId)"
									class="flex justify-center align-center"
									style="width: 40%;height: 50rpx;background-color: #F5F5F5;border-radius: 12rpx;">
									拒绝
								</view>
								<view @click.stop="tongyi(item.messageType,item.chatContentId)"
									class="flex justify-center align-center"
									style="width: 40%;height: 50rpx;background-color: #D9FEED;border-radius: 12rpx;">
									同意
								</view>
							</view>
						</view>
						<view v-if="item.content && item.messageType === 6 && item.content!='微信号请求'"
							class="chat-listitem-text"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							已同意交换微信号
						</view>
						<view v-if="item.content && item.messageType === 8"
							@longpress="copyss(item.content,item.userType,'wx')" class="chat-listitem-text"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							<view class="" v-if="item.userType==1">
								我的微信号为：{{JSON.parse(item.content).userWx}}
							</view>
							<view class="" v-else>
								我的微信号为：{{JSON.parse(item.content).companyWx}}

							</view>

						</view>
						<view v-if="item.content && item.messageType === 9 && item.content=='简历请求'"
							@longpress="copy(item.content)" class="chat-listitem-text"
							style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-left: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
							<view class="flex align-center">
								<image src="../../static/im/orderInfo.png"
									style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
								我想要你的一份简历，是否同意？
							</view>
							<view class="flex justify-between" style="margin-top: 30rpx;font-size: 24rpx;">
								<view @click.stop="refuseFun(item.chatContentId)"
									class="flex justify-center align-center"
									style="width: 40%;height: 50rpx;background-color: #F5F5F5;border-radius: 12rpx;">
									拒绝
								</view>
								<view @click.stop="resumesTy()" class="flex justify-center align-center"
									style="width: 40%;height: 50rpx;background-color: #D9FEED;border-radius: 12rpx;">
									同意
								</view>
							</view>
						</view>
						<view v-if="item.content && item.messageType === 9 && item.content!='简历请求'"
							@longpress="copy(item.content)" class="chat-listitem-text"
							style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-left: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
							<view class="flex align-center">
								<image src="../../static/im/orderInfo.png"
									style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
								{{item.content}}
							</view>
						</view>
						<view v-if="item.content && item.messageType === 10" class="chat-listitem-text"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							{{item.content}}
						</view>
						<view v-if="item.content && item.messageType === 12" class="chat-listitem-text"
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
							{{item.content}}已拒绝
						</view>


						<image @tap="viewImg(item.content)" v-if="item.content && item.messageType === 2"
							:src="item.content" style="height: 200rpx;width: 200rpx;margin-left: 20rpx;"></image>
						<image class="chat-listitem-text" 
							v-if="item.content && item.messageType === 4"
							:src="ossUrl +item.content"
							style="height: 80rpx;width: 80rpx;margin-left: 20rpx;"></image>

						<view v-if="item.content && item.messageType === 3" class="chat-listitem-text bubble voice"
							:class="playMsgid == index?'play':''"
							style="margin-left: 20rpx;display: flex;align-items: center;"
							@tap="playVoice(item.content,index)">
							<image v-if="playMsgid != index" src="../../static/im/laba.png"
								style="width: 35upx;height: 40upx;margin-right: 10rpx;"></image>
							<image v-if="playMsgid == index" src="../../static/im/labagif.gif"
								style="width: 35upx;height: 40upx;margin-right: 10rpx;"></image>

							<view class="length">{{item.width ? item.width : 0}}</view>
						</view>
						<view class="chat-listitem-text "
							style="margin-left: 20rpx;color: #000000;background-color: #ffffff;"
							v-if="item.content && item.messageType === 18"
							@click="openMapss(item.content.latitude,item.content.longitude,item.content.address)">
							<view class="padding-sm flex">
								<!-- #ifdef APP -->
								<u-icon name="map-fill" color="#ffffff" size="28" style="margin-right: 10rpx;"></u-icon>
								<!-- #endif -->
								{{item.content.address}}
							</view>
							<!-- #ifndef APP -->
							<map style="width: 100%; height: 120px;" scale="14" :latitude="item.content.latitude"
								:longitude="item.content.longitude"
								@tap="openMapss(item.content.latitude,item.content.longitude,item.content.address)"
								:markers="item.markers">
							</map>
							<!-- #endif -->
						</view>


					</view>
				</view>
				<!-- ++++++++++++++++++++++++++ -->
				<view v-if="item.userId && userId == item.userId" style="width: 83%;margin-left: 15%;">
					<view class="chat-listitem" style="float: right;">
						<view v-if="item.content && item.messageType === 1" @longpress="caozuoActive(item,1)"
							class="chat-listitem-text textColor" style="margin-right: 20rpx;">{{item.content}}</view>
						<view v-if="item.messageType === 20" @tap="sendCallVideo(2)"
							class="chat-listitem-text textColor flex align-center" style="margin-right: 20rpx;">
							视频通话
							<image src="../../static/im/historyVideo_white.png"
								style="width: 50rpx;height: 50rpx;margin-left: 20rpx;" mode=""></image>
						</view>
						<view v-if="item.messageType === 21" @tap="sendCallVideo(1)"
							class="chat-listitem-text textColor flex align-center" style="margin-right: 20rpx;">
							语音通话
							<image src="../../static/im/historyAudio_white.png"
								style="width: 50rpx;height: 50rpx;margin-left: 20rpx;" mode=""></image>
						</view>
						<view v-if="item.content && item.messageType === 5" class="chat-listitem-text textColor"
							style="margin-right: 20rpx;">
							交换手机号请求已发送，等待对方同意
						</view>
						<view v-if="item.content && item.messageType === 7"
							@longpress="copyss(item.content,item.userType,'phone')" class="chat-listitem-text textColor"
							style="margin-right: 20rpx;">
							<view class="" v-if="item.userType==1">
								我的手机号为：{{JSON.parse(item.content).userPhone}}
							</view>
							<view class="" v-else>
								我的手机号为：{{JSON.parse(item.content).companyPhone}}

							</view>
						</view>

						<view v-if="item.content && item.messageType === 6" class="chat-listitem-text textColor"
							style="margin-right: 20rpx;">
							交换微信号请求已发送，等待对方同意
						</view>
						<view v-if="item.content && item.messageType === 8"
							@longpress="copyss(item.content,item.userType,'wx')" class="chat-listitem-text textColor"
							style="margin-right: 20rpx;">
							<view class="" v-if="item.userType==1">
								我的微信号为：{{JSON.parse(item.content).userWx}}

							</view>
							<view class="" v-else>
								我的微信号为：{{JSON.parse(item.content).companyWx}}
							</view>
						</view>
						<view v-if="item.content && item.messageType === 9" class="chat-listitem-text textColor"
							style="margin-right: 20rpx;">
							简历请求已发送，等待对方同意
						</view>
						<view v-if="item.content && item.messageType === 10" class="chat-listitem-text textColor"
							style="margin-right: 20rpx;">
							{{item.content}}
						</view>
						<view v-if="item.content && item.messageType === 12" class="chat-listitem-text textColor"
							style="margin-right: 20rpx;">
							{{item.content}}已拒绝
						</view>
						<view class="chat-listitem-text textColor" style="margin-right: 20rpx;"
							v-if="item.content && item.messageType === 18"
							@click="openMapss(item.content.latitude,item.content.longitude,item.content.address)">
							<view class="padding-sm flex">
								<!-- #ifdef APP -->
								<u-icon name="map-fill" color="#ffffff" size="28" style="margin-right: 10rpx;"></u-icon>
								<!-- #endif -->
								{{item.content.address}}
							</view>
							<!-- #ifndef APP -->
							<map style="width:520upx; height: 120px;" scale="14" :latitude="item.content.latitude"
								:longitude="item.content.longitude"
								@tap="openMapss(item.content.latitude,item.content.longitude,item.content.address)"
								:markers='item.markers'>
							</map>
							<!-- #endif -->
						</view>
						<!-- <view v-if="item.content && item.messageType === 1" @longpress="copy(item.content)"
							class="chat-listitem-text" style="margin-right: 20rpx;">{{item.content}}</view> -->
						<image @longpress="caozuoActive(item)" @tap="viewImg(item.content)"
							v-if="item.content && item.messageType === 2" :src="item.content"
							style="height: 200rpx;width: 200rpx;margin-right: 20rpx;"></image>
						<image class="chat-listitem-text textColor"
							v-if="item.content && item.messageType === 4"
							:src="ossUrl +item.content"
							style="height: 80rpx;width: 80rpx;margin-right: 20rpx;">
						</image>

						<view v-if="item.content && item.messageType === 3"
							class="chat-listitem-text bubble voice textColor" :class="playMsgid == index?'play':''"
							style="margin-right: 20rpx;display: flex;align-items: center;"
							@longpress="caozuoActive(item)" @tap="playVoice(item.content,index)">
							<view class="length">{{item.width ? item.width : 0}}</view>
							<image v-if="playMsgid != index" src="../../static/im/labaleft.png"
								style="width: 35upx;height: 40upx;margin-left: 10rpx;"></image>
							<image v-if="playMsgid == index" src="../../static/im/labaleft.png"
								style="width: 35upx;height: 40upx;margin-left: 10rpx;"></image>

						</view>
						<view>
							<image :src="imageUrl" class="chat-listitem-image"></image>
						</view>
					</view>
				</view>
			</view>
			<!-- </view> -->
		</scroll-view>

		<!-- 底部聊天输入框 -->
		<!-- <view class="input-box">
			<view style="display: flex;margin-top: 15rpx;width: 100%;">
				<image src="https://renwu.xiansqx.com/img/20210817/024ca47bc591460daf76762a8e98283f.png" @click="chooseImage(['album'])" style="width: 60rpx;height: 60rpx;margin-top: 8rpx;"></image>
				<input confirm-type="send" @confirm='setChatSave(1)' type="text" v-model="content"
					style="width: 68%;height: 70rpx;background: #FFFFFF;margin: 4rpx 10rpx 0;border-radius: 10rpx;padding-left: 10rpx;" />
				<view class="save" @tap='setChatSave(1)'>发送</view>
			</view>
		</view> -->
		<!-- 长按操作菜单 -->
		<u-action-sheet :list="activelist" @click="activeclick" v-model="showActive" :tips="tips"></u-action-sheet>

		<!-- 抽屉栏 -->
		<view class="popup-layer" :class="popupLayerClass" @touchmove.stop.prevent="discard">
			<!-- 表情 -->
			<swiper class="emoji-swiper" indicator-active-color="#cccccc" :class="{hidden:hideEmoji}"
				indicator-dots="true" duration="150">
				<swiper-item v-for="(page1,pid) in emojiList" :key="pid">
					<view v-for="(em,eid) in page1" :key="eid" @tap="setChatSave(4,em.url)">
						<!-- <image src="../../static/emoji/100.gif" mode="widthFix"></image> -->
						<image mode="widthFix" :src="ossUrl+em.url"></image>
					</view>
				</swiper-item>
			</swiper>
			<!-- 更多功能 相册-拍照-红包 -->
			<view class="more-layer" :class="{hidden:hideMore}">
				<view class="list" style="color: #000000;">
					<!-- 上传图片 -->
					<view style="margin-bottom: 20rpx;">
						<view class="box" @click="chooseImage(['album'])">
							<image src="../../static/im/tupian.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
						</view>
						<view style="width: 100%;text-align: center;">上传图片</view>
					</view>
					<!-- #ifdef H5 || APP -->
					<!-- 语音 -->
					<view style="margin-bottom: 20rpx;">
						<view class="box" @tap="sendCallVideo(1)">
							<image src="../../static/im/yuyin.svg" mode=""
								style="width: 48rpx;height: 48rpx;">
							</image>
						</view>
						<view style="width: 100%;text-align: center;">语音</view>
					</view>
					<!-- 视频 -->
					<view style="margin-bottom: 20rpx;">
						<view class="box" @tap="sendCallVideo(2)">
							<image src="../../static/im/shipin.svg" mode=""
								style="width: 48rpx;height: 48rpx;">
							</image>
						</view>
						<view style="width: 100%;text-align: center;">视频</view>
					</view>
					<!-- #endif -->
					<!-- 常用语 -->
					<view style="margin-bottom: 20rpx;">
						<view class="box" @tap="showChangYongSelect">
							<view class="icon jianpan"></view>
						</view>
						<view style="width: 100%;text-align: center;">常用语句</view>
					</view>
					<!-- 添加常用语或自动回复内容 -->
					<view style="margin-bottom: 20rpx;">
						<view class="box" @tap="goAdd">
							<view class="icon add"></view>
						</view>
						<view style="width: 100%;text-align: center;">添加语句</view>
					</view>
					<view style="margin-bottom: 20rpx;">
						<view class="box" @tap="goMapss">
							<image src="../../static/images/weizhi.png" mode="" style="width: 76rpx;height: 76rpx;">
							</image>
						</view>
						<view style="width: 100%;text-align: center;">发送位置</view>
					</view>
					<view>
						<view class="box" @tap="goHistory">
							<view class="icon chehui"></view>
						</view>
						<view style="width: 100%;text-align: center;">聊天记录</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 底部输入栏 -->
		<view class="input-box" :class="popupLayerClass" @touchmove.stop.prevent="discard">
			<!-- H5下不能录音，输入栏布局改动一下 -->
			<!-- #ifndef H5 -->
			<view class="voice">
				<view class="icon" :class="isVoice?'jianpan':'yuyin'" @tap="switchVoice"></view>
			</view>
			<!-- #endif -->
			<view class="textbox">
				<view class="voice-mode" :class="[isVoice?'':'hidden',recording?'recording':'']"
					@touchstart="voiceBegin" @touchmove.stop.prevent="voiceIng" @touchend="voiceEnd"
					@touchcancel="voiceCancel">{{voiceTis}}</view>
				<view class="text-mode" :class="isVoice?'hidden':''">
					<!-- 常用语按钮 -->
					<view class="changgui" @tap="showChangYongSelect">
						<image src="../../static/im/changgui.svg" style="width: 56rpx;height: 56rpx;" mode=""></image>
					</view>
					<view class="box">
						<input style="color: #000000;" auto-height="true" @confirm='setChatSave(1)' v-model="content"
							@focus="textareaFocus" />
					</view>
					<view class="em" @tap="chooseEmoji">
						<image src="../../static/im/smail.svg" style="width: 56rpx;height: 56rpx;" mode=""></image>
					</view>
					<!-- #ifdef H5 -->
					<view class="more" @tap="showMore" style="height: auto;">
						<image src="../../static/im/buleAdd.svg" style="width: 56rpx;height: 56rpx;" mode=""></image>
					</view>
					<!-- #endif -->
				</view>
			</view>
			<!-- #ifndef H5 -->
			<view class="more" @tap="showMore">
				<view class="icon add"></view>
			</view>
			<!-- #endif -->
			<view class="send" :class="isVoice?'hidden':''" @tap='setChatSave(1)'>
				<view class="btn">发送</view>
			</view>
		</view>
		<!-- 录音UI效果 -->
		<view class="record" :class="recording?'':'hidden'">
			<view class="ing" :class="willStop?'hidden':''">
				<view class="icon luyin2"></view>
			</view>
			<view class="cancel" :class="willStop?'':'hidden'">
				<view class="icon chehui"></view>
			</view>
			<view class="tis" :class="willStop?'change':''">{{recordTis}}</view>
		</view>

		<u-select v-model="showChangYong" title="常用词语" mode="single-column" :list="changYongList" @confirm="selConfirm">
		</u-select>

		<u-action-sheet :list="list" @click="click" v-model="show"></u-action-sheet>

		<u-popup v-model="mianshiShow" mode="bottom" z-index="998" :mask-close-able="false" border-radius="14"
			@close="cleanMs" :closeable="true">
			<view class="mianshiTitle">面试邀请</view>
			<view class="mianshiTime flex justify-center">
				<view class="mianshiTime-box flex justify-between align-center">
					<view class="">
						面试时间
					</view>
					<view class="flex align-center mianshiTime-box-ti">
						<u-input disabled v-model="miamshi.interviewDateTime" @click="msTime=true" type="text"
							placeholder="请选择面试时间" />
						<u-icon name="arrow-right" style="margin-left: 10rpx;" color="#016BF6" size="28"
							@click="msTime=true"></u-icon>
					</view>
				</view>
			</view>
			<view class="mianshiTime flex justify-center">
				<view class="mianshiTime-box flex justify-between align-center">
					<view class="">
						面试地址
					</view>
					<view class="flex align-center mianshiTime-box-ti">
						<u-input disabled @click="goMap()" v-model="miamshi.detailedAddress" type="text"
							placeholder="请选择面试地址" />
						<u-icon name="arrow-right" style="margin-left: 10rpx;" @click="goMap()" color="#016BF6"
							size="28"></u-icon>
					</view>
				</view>
			</view>
			<view class="mianshiTime flex justify-center">
				<view class="mianshiTime-box" style="border: none;">
					<view class="">
						备注
					</view>
					<view class="flex align-center mianshiTime-box-ti">
						<u-input v-model="miamshi.remarks" type="textarea" input-align="left"
							style="padding: 10rpx;background-color: #F2F2F7;height: 200rpx;overflow: hidden;border-radius: 14rpx;width: 100%;"
							:auto-height="false" />
					</view>
				</view>
			</view>
			<view class="btnm flex justify-center">
				<view class="btn-box flex justify-around align-center">
					<view class="btn-close btnItem" @click="mianshiShow = false">
						取消
					</view>
					<view class="btn-sub btnItem" @click="submitMs()">
						确认
					</view>
				</view>
			</view>
		</u-popup>
		<u-toast ref="uToast" />
		<u-picker v-model="msTime" mode="time" :params="params" @confirm="mianshiConfirm" confirm-color="#016BF6">
		</u-picker>

		<!-- 面试邀请弹窗 -->
		<u-popup v-model="msshow" mode="center" z-index="998" border-radius="24" :mask-close-able="false" width="80%">
			<view class="mssTitle">
				面试邀请
			</view>
			<view class="avatorm flex justify-center">
				<view class="avatorm-box flex justify-center">
					<block v-if="records.userEntity && records.userEntity.avatar">
						<image :src="records.userEntity.avatar"
							style="width: 100rpx;height: 100rpx;border-radius: 50%;" mode="aspectFill">
						</image>
					</block>
					<block v-else>
						<image src="../../static/logo.png" style="width: 100rpx;height: 100rpx;border-radius: 50%;"
							mode="">
						</image>
					</block>
					<block v-if="records.hr && records.hr.hrImg">
						<image :src="records.hr.hrImg"
							style="width: 100rpx;height: 100rpx;border-radius: 50%;" mode="aspectFill">
						</image>
					</block>
					<block v-else>
						<image src="../../static/logo.png" style="width: 100rpx;height: 100rpx;border-radius: 50%;"
							mode="">
						</image>
					</block>
				</view>
			</view>
			<view class="avatorm flex justify-center">
				<view class="avatorm-box">
					<view class="avatorm-box-item flex">
						<view class="avatorm-box-item-t">
							面试岗位：
						</view>
						<view class="avatorm-box-item-r">
							{{records.postPush?records.postPush.ruleClassifyName:'未知'}}
						</view>
					</view>
					<view class="avatorm-box-item flex" v-if="records">
						<view class="avatorm-box-item-t">
							面试时间：
						</view>
						<view class="avatorm-box-item-r">
							{{records.interviewDateTime&&records.interviewDateTime.substring(0, 10)||''}} {{records.detailTime}}
						</view>
					</view>
					<view class="avatorm-box-item flex" @click="goMapDap(records)">
						<view class="avatorm-box-item-t">
							面试地点：
						</view>
						<view class="avatorm-box-item-r">
							{{records.detailedAddress}}
							<u-icon name="map-fill" color="#016BF6" size="28"></u-icon>
						</view>
					</view>
					<view class="avatorm-box-item flex">
						<view class="avatorm-box-item-t">
							面试备注：
						</view>
						<view class="avatorm-box-item-r">
							{{records.remarks?records.remarks:'暂无'}}
						</view>
					</view>
				</view>
			</view>
			<view class="avatorm flex justify-center" v-if="records.company">
				<view class="avatorm-box flex justify-center">
					来自{{records.company.companyName}}的面试邀请，是否接受?
				</view>
			</view>
			<view class="btnm flex justify-center" style="margin-bottom: 30rpx;">
				<view class="btn-box flex justify-around align-center">
					<view class="btn-close btnItem" @click="setJuJue(records)">
						拒绝
					</view>
					<view class="btn-sub btnItem" @click="setJuJues(records)">
						接受
					</view>
				</view>
			</view>
		</u-popup>

		<!-- 交换微信自定义弹窗 -->
		<u-popup v-model="wechatExchangeShow" mode="center" z-index="999" border-radius="24" :mask-close-able="false" width="80%">
			<view class="phone-exchange-popup">
				<!-- 顶部背景区域 -->
				<view class="phone-exchange-header">
					<image src="../../static/im/Artwork.png" class="phone-exchange-bg" mode="aspectFill"></image>
				</view>
				
				<!-- 中间内容区域 -->
				<view class="phone-exchange-content">
					<view class="phone-exchange-title">确认与对方交换微信吗？</view>
					<view class="phone-exchange-desc">交换成功后，双方可以查看彼此的微信号<br/>您可以前往个人中心管理微信号</view>
				</view>
				
				<!-- 底部按钮区域 -->
				<view class="phone-exchange-buttons">
					<view class="phone-exchange-btn phone-exchange-btn-cancel" @click="cancelWechatExchange">取消</view>
					<view class="phone-exchange-btn phone-exchange-btn-confirm" @click="confirmWechatExchange">确认</view>
				</view>
			</view>
		</u-popup>

		<!-- 交换手机号自定义弹窗 -->
		<u-popup v-model="phoneExchangeShow" mode="center" z-index="999" border-radius="24" :mask-close-able="false" width="80%">
			<view class="phone-exchange-popup">
				<!-- 顶部背景区域 -->
				<view class="phone-exchange-header">
					<image src="../../static/im/Artwork.png" class="phone-exchange-bg" mode="aspectFill"></image>
				</view>
				
				<!-- 中间内容区域 -->
				<view class="phone-exchange-content">
					<view class="phone-exchange-title">确认与对方交换电话吗？</view>
					<view class="phone-exchange-desc">交换成功后，双方可以查看彼此的电话号码<br/>您可以前往个人中心管理电话号码</view>
				</view>
				
				<!-- 底部按钮区域 -->
				<view class="phone-exchange-buttons">
					<view class="phone-exchange-btn phone-exchange-btn-cancel" @click="cancelPhoneExchange">取消</view>
					<view class="phone-exchange-btn phone-exchange-btn-confirm" @click="confirmPhoneExchange">确认</view>
				</view>
			</view>
		</u-popup>

	</view>
</template>

<script>
	const RECONNECT_INTERVAL = 3000; // 延迟3秒后进行重连
	const HEARTBEAT_INTERVAL = 20000; // 每20秒发送一次心跳消息
	import configdata from '../../common/config.js';
	import emoji from '../../common/emoji.json';
	export default {
		data() {
			return {
				msshow: false,
				params: {
					year: false,
					month: true,
					day: true,
					hour: true,
					minute: true,
					second: false
				},
				msTime: false,
				miamshi: {
					interviewDateTime: '', //面试时间
					companyId: '', //公司id
					remarks: '', //面试备注
					userId: '', //面试者id
					postPushId: '', //岗位id
					province: '', //省
					city: '', //市
					county: '', //区
					lng: '', //经度
					lat: '', //纬度
					detailedAddress: '', //详细地址
				},
				tips: {
					text: '操作',
					color: 'black',
					fontSize: 28
				},
				activelist: [],
				showActive: false,
				list: [{
					text: '查看简历',
					color: 'black',
					fontSize: 28
				}, {
					text: '查看企业',
					color: 'black',
					fontSize: 28
				}],
				show: false,
				recordLength: 0,
				initPoint: {
					identifier: 0,
					Y: 0
				},
				showChangYong: false,
				changYongList: [],
				// 工作描述展开状态
				isJobDescExpanded: false,
				//播放语音相关参数
				AUDIO: uni.createInnerAudioContext(),
				playMsgid: null,
				VoiceTimer: null,


				//文字消息
				textMsg: '',
				//消息列表
				isHistoryLoading: false,
				scrollAnimation: false,
				scrollTop: 0,
				scrollToView: '',
				msgList: [],
				msgImgList: [],
				myuid: 0,

				//录音相关参数
				// #ifndef H5
				//H5不能录音
				RECORDER: uni.getRecorderManager(),
				// #endif
				isVoice: false,
				voiceTis: '按住 说话',
				recordTis: "手指上滑 取消发送",
				recording: false,
				willStop: false,
				initPoint: {
					identifier: 0,
					Y: 0
				},
				recordTimer: null,
				recordLength: 0,

				//播放语音相关参数
				AUDIO: uni.createInnerAudioContext(),
				playMsgid: null,
				VoiceTimer: null,
				// 抽屉参数
				popupLayerClass: '',
				// more参数
				hideMore: true,


				//表情定义
				hideEmoji: true,
				emojiList: emoji,
				msg: false,
				type4: [],
				listRight: {
					chat: {
						userHead: ""
					},
					content: "",
					messageType: 1,
					type: 1
				},
				content: '',
				chatId: '',
				type: 1,
				ListItem: [],
				index: 0,
				page: 1,
				size: 100,
				byUserId: 0,
				imageUrl: '/static/logo.png',
				chatConversationId: 0,
				userId: 0,
				byNickName: '',
				countDown: '',
				messages: '',
				scrollInto: '',
				tUserId: '', //对方id
				companyId: '', //对方企业的id
				activeInfo: {},
				userType: '',
				postPushId: '', //岗位id
				resumesId: '', //简历id
				postPushInfo: {}, //岗位信息
				resumesInfo: {}, //简历信息
				isSendPhone: false, //是否交换手机号
				isSendWx: false, //是否交换微信
				isSendResumes:false,
				mianshiShow: false, //约面试弹窗
				phoneExchangeShow: false, //交换手机号弹窗
				wechatExchangeShow: false, //交换微信弹窗
				records: {}, //面试邀请信息
				recordsInter: '',
				mapsValue: '',
				showModal: true,
				arr: [],
				old: {
					scrollTop: 0 //记录旧的scrollTop值
				},
				isOpen: false, //scoket是否正在链接
				socketTimer: null, //心跳定时器
				isVip: false, //是否是会员
				isVideo: false, //是否打视频
				ossUrl:configdata.ossUrl,
				jobStatusList:[]
			};
		},
		onUnload() {
			uni.closeSocket()
			uni.hideLoading()
			clearInterval(this.recordsInter)
			this.recordsInter = null
			clearInterval(this.socketTimer)
			this.socketTimer = null
		},
		onLoad(d) {
			console.log(d, 'zzzzzzzzz')
			if (d.postPushId) {
				this.postPushId = d.postPushId
			}
			if (d.resumesId) {
				this.resumesId = d.resumesId
			}
			this.userType = uni.getStorageSync('userType')
			if (this.userType == 1) {
				this.postPushId = d.postPushId
				//获取岗位信息
				this.getPostPushInfo(this.postPushId)

				this.getInterviewList()
			} else {
				this.resumesId = d.resumesId
				this.postPushId = d.postPushId
				this.getPostPushInfo(this.postPushId)
				//获取简历信息
				this.getResumesInfo(this.resumesId)
			}
			this.userId = this.$queue.getData('userId');
			this.getMessage();
			this.connect();
			this.byNickName = d.byNickName;
			this.byUserId = d.byUserId;
			if (d.chatConversationId) {
				this.chatConversationId = d.chatConversationId;
				this.getTimeOrListItem1();
			} else {
				this.insertChat();
			}

			let image_url = this.$queue.getData('avatar');
			if (image_url && image_url !== 'undefined') {
				this.imageUrl = image_url;
			} else {
				this.imageUrl = '/static/logo.png';
			}
			// this.emojiList.forEach(d =>{
			// 	d.forEach(e =>{
			// 		console.log('/static/emoji/' + e.url)
			// 	});
			// });
			//语音自然播放结束
			this.AUDIO.onEnded((res) => {
				this.playMsgid = null;
			});
			// #ifndef H5
			//录音开始事件
			this.RECORDER.onStart((e) => {
				this.recordBegin(e);
			})
			//录音结束事件
			this.RECORDER.onStop((e) => {
				this.recordEnd(e);
			})
			// #endif
			this.jobStatusList = this.$queue.resumesStatus()
		},
		onShow() {
			if (this.chatConversationId) {
				this.getTimeOrListItem1();
			}
			// #ifdef MP-WEIXIN
			this.$Request.getT('/app/common/type/342').then(res => { //面试通知
				if (res.code == 0) {
					if (res.data && res.data.value) {
						this.arr.push(res.data.value)
					}
				}
			})
			if (this.showModal) {
				this.openMsg()
			}
			// #endif
			this.userType = uni.getStorageSync('userType')
			this.getChangYong();
			// if (this.isOpen) {
			// 	this.connect();
			// }
			if (this.userType == 1) {
				//获取用户是否有该岗位待接受的面试邀请
				this.recordsInter = setInterval(() => {
					this.getInterviewList()
				}, 5000)
			}
			this.getUserInfo()
		},
		onBackPress() {
			this.AUDIO.stop();
			this.playMsgid = null;
		},
		onHide() {
			// this.AUDIO.stop();
			// this.playMsgid = null;
			// uni.closeSocket()
			// clearInterval(this.recordsInter)
			// this.recordsInter = null
		},
		methods: {
			// 返回上一页
			goBack() {
				uni.navigateBack();
			},
			// 显示更多选项
			showMoreOptions() {
				return this.$queue.showToast('waiting...')
				// 可以添加更多选项的弹窗或菜单
				// console.log('显示更多选项');
				uni.navigateTo({
					url:'/pages/msg/interviewInvitation'
				})
			},
			// 切换工作描述展开状态
			toggleJobDesc() {
				this.isJobDescExpanded = !this.isJobDescExpanded;
			},
			getUserInfo() {
				this.$Request.get("/app/user/selectUserById").then(res => {
					if (res.code == 0) {
						if (this.userType == 1) { //用户
							if (res.data.isUserVip == 1) { //判断用户是否是vip
								this.isVip = true
							} else {
								this.isVip = false
							}
						} else { //企业
							if (res.data.isCompanyVip == 1) { //判断企业用户是否是vip
								this.isVip = true
							} else {
								this.isVip = false
							}
						}
					}
				})
			},
			/**
			 * @param {Object} type 1:语音 2视频
			 */
			sendCallVideo(type) {
				if (!this.isVip) {
					uni.showModal({
						title: '提示',
						content: type == 1 ? '语音为会员专属功能，请开通会员！' : '视频为会员专属功能，请开通会员！',
						confirmText: '开通会员',
						cancelText: '取消',
						confirmColor: '#016BF6',
						complete(ret) {
							if (ret.confirm) {
								uni.navigateTo({
									url: '/my/vip/index'
								})
							}
						}
					})
					return
				}
				if (this.isVideo) {
					return
				}
				this.isVideo = true
				let data = {
					focusedUserId: this.byUserId, //对方的userId
					messageType: type == 1 ? 21 : 20,
					userId: uni.getStorageSync('userId'), //我的userId
					userType: this.userType, //1:用户 2:企业，
					postPushId: this.postPushId,
					resumesId: this.resumesId
				}
				let that = this
				this.$Request.postJson('/app/chat/insertChatConversationByChatVideo', data).then(res => {
					if (res.code == 0) {
						//isRol 1:发起人 2:收到人
						console.log(res)
						uni.navigateTo({
							url: '/my/videoVoice/videoVoice?byUserId=' + this.byUserId +
								'&chatContentId=' + res.data.chatContentId +
								'&isRol=1&messageType=' + data.messageType + '&chatConversationId=' + res
								.data
								.chatConversationId + '&userType=' + data.userType + '&postPushId=' + data
								.postPushId + '&resumesId=' + data.resumesId,
							success() {
								uni.setStorageSync('isDial', true)
								uni.setStorageSync('videoStatus', 1)
								that.isVideo = false
							}
						})
					} else {
						that.isVideo = false
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			scroll(e) {
				this.old.scrollTop = e.detail.scrollTop
			},
			// 开启订阅消息
			openMsg() {
				console.log('订阅消息')
				var that = this
				uni.getSetting({
					withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
					success(ret) {
						console.log(ret.subscriptionsSetting, '------------------')
						// if (ret.subscriptionsSetting.itemSettings && Object.keys(ret.subscriptionsSetting.itemSettings).length == 2) {
						if (ret.subscriptionsSetting.itemSettings) {
							uni.setStorageSync('sendMsg', true)
							uni.openSetting({ // 打开设置页 
								success(rea) {
									console.log(rea.authSetting)
								}
							});
						} else { // 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
							console.log(99999)
							uni.setStorageSync('sendMsg', false)
							uni.showModal({
								title: '提示',
								content: '为了更好的体验,请绑定消息推送',
								confirmText: '确定',
								cancelText: '取消',
								confirmColor: '#016BF6',
								success: function(res) {
									if (res.confirm) {
										console.log(that.arr)
										wx.requestSubscribeMessage({
											tmplIds: that.arr,
											success(re) {
												console.log(JSON.stringify(re),
													'++++++++++++++')
												var datas = JSON.stringify(re);
												if (datas.indexOf("accept") != -1) {
													console.log(re)
													uni.setStorageSync('sendMsg', true)
												}
											},
											fail: (res) => {
												console.log(res)
											}
										})
										uni.setStorageSync('sendMsg', true)
										console.log('确认')
										that.showModal = false
									} else if (res.cancel) {
										console.log('取消')
										uni.setStorageSync('sendMsg', false)
										that.showModal = true
									}
								}
							})
						}
					}
				})
			},
			/**
			 * @param {Object} info 内容
			 * @param {Object} userType 用户类型
			 * @param {Object} type 参数类型
			 */
			copyss(info, userType, type) {
				let content = ''
				switch (type) {
					//复制手机号
					case 'phone':
						if (userType == 1) {
							content = JSON.parse(info).companyPhone
						} else {
							content = JSON.parse(info).userPhone
						}
						break;
						//复制微信号
					case 'wx':
						if (userType == 1) {
							content = JSON.parse(info).companyWx
						} else {
							content = JSON.parse(info).userWx
						}
						break;
					default:
						break;
				}
				this.copy(content)
			},
			openMapss(latitude, longitude, name) {
				uni.openLocation({
					latitude: latitude - 0, //要去的纬度-地址       
					longitude: longitude - 0, //要去的经度-地址
					name: name, //地址名称
					address: name, //详细地址名称
					success: function() {
						console.log('导航成功');
					},
					fail: function(error) {
						console.log(error)
					}
				});
			},
			goMapss() {
				let that = this
				uni.chooseLocation({
					success: function(res) {
						console.log('位置名称：' + res.name);
						console.log('详细地址：' + res.address);
						console.log('纬度：' + res.latitude);
						console.log('经度：' + res.longitude);
						let mapsValue = JSON.stringify(res);
						that.setChatSave(18, mapsValue)
						// console.log(typeof(res))
						// return
						that.showMore();
					}
				});
			},
			//接受邀请
			setJuJues(item) {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendMsg')) {
					// console.log('授权+1')
					wx.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(JSON.stringify(re), 111111111111)
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								// console.log(re)
							}
						},
						fail: (res) => {
							// console.log(res)
						}
					})
				}
				// #endif
				let that = this
				uni.showModal({
					title: '提示',
					content: '确定接受来自' + item.company.companyName + '的面试邀请吗？',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							let data = {
								recordId: item.recordId,
								type: 1
							}
							that.$Request.getT("/app/interviewRecord/userUpdateInter", data).then(res => {
								if (res.code == 0) {
									uni.showToast({
										// title: '已接受来自' + item.company.companyName + '的面试邀请'
										title: '已接受面试邀请'
									})
									that.msshow = false
								} else {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
								}
							})
						}
					}
				})
			},
			//去导航
			goMapDap(info) {
				uni.openLocation({
					latitude: info.lat,
					longitude: info.lng,
					address: info.detailedAddress,
					name: info.detailedAddress,
					complete(ret) {

					}
				})
			},
			//拒绝邀请
			setJuJue(item) {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确定拒绝来自' + item.company.companyName + '的面试邀请吗？',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							let data = {
								recordId: item.recordId,
								type: 2
							}
							that.$Request.getT("/app/interviewRecord/userUpdateInter", data).then(res => {
								if (res.code == 0) {
									uni.showToast({
										title: '已拒绝来自' + item.company.companyName + '的面试邀请'
									})
									that.msshow = false
								} else {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
								}
							})
						}
					}
				})
			},
			//获取用户是否有面试记录
			getInterviewList() {
				let data = {
					/* userId: uni.getStorageSync('userId'), */
					status: 1,
					postPushId: this.postPushId
				}
				this.$Request.getT("/app/interviewRecord/interviewList", data).then(res => {
					if (res.code == 0) {
						if ((res.data.records).length > 0) {
							this.records = res.data.records[0]
							this.msshow = true
						} else {
							this.msshow = false
						}
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
						this.msshow = false
					}
				})
			},
			submitMs() {
				if (!this.miamshi.interviewDateTime) {
					this.$refs.uToast.show({
						title: '请选择面试时间',
						type: 'default',
						position: 'bottom'
					})
					return
				}
				if (!this.miamshi.detailedAddress) {
					this.$refs.uToast.show({
						title: '请选择面试地点',
						type: 'default',
						position: 'bottom'
					})
					return
				}
				let that = this
				uni.showModal({
					title: '提示',
					content: '确定发起面试邀请吗？',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							let data = {
								interviewDateTime: that.miamshi.interviewDateTime + ':00',
								companyId: uni.getStorageSync('companyId'),
								remarks: that.miamshi.remarks,
								userId: that.byUserId, //求职者id
								postPushId: that.postPushId,
								province: that.miamshi.province,
								city: that.miamshi.city,
								county: that.miamshi.county,
								lng: that.miamshi.lng,
								lat: that.miamshi.lat,
								detailedAddress: that.miamshi.detailedAddress
							}
							that.$Request.postJson("/app/interviewRecord/saveInterview", data).then(res => {
								if (res.code == 0) {
									uni.showToast({
										title: '面试邀请已发送'
									})
									that.mianshiShow = false
								} else {
									that.mianshiShow = false
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
								}
							})
						}
					}
				})
			},
			//关闭弹窗的时候清空表单的值
			cleanMs() {
				this.miamshi = {
					interviewDateTime: '', //面试时间
					companyId: '', //公司id
					remarks: '', //面试备注
					userId: '', //面试者id
					postPushId: '', //岗位id
					province: '', //省
					city: '', //市
					county: '', //区
					lng: '', //经度
					lat: '', //纬度
					detailedAddress: '', //详细地址
				}
			},
			// 点击调起地图选择位置
			goMap() {
				let that = this
				uni.chooseLocation({
					success: function(res) {
						let arrress = res.address
						let reg = /.+?(省|市|自治区|自治州|县|区)/g;
						let adds = arrress.match(reg)
						console.log(adds)
						that.miamshi.province = adds[0]
						that.miamshi.city = adds[1]
						that.miamshi.county = adds[2]
						that.miamshi.detailedAddress = res.address + '' + res.name
						that.miamshi.lat = res.latitude
						that.miamshi.lng = res.longitude
					}
				});
			},
			//选择面试时间
			mianshiConfirm(e) {
				//获取当前时间的年份
				let date = new Date()
				let year = date.getFullYear()
				this.miamshi.interviewDateTime = year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute
			},
			mianshiF() {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendMsg')) {
					// console.log('授权+1')
					wx.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(JSON.stringify(re), 111111111111)
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								// console.log(re)
							}
						},
						fail: (res) => {
							// console.log(res)
						}
					})
				}
				// #endif
				let data = {
					userId: this.byUserId,
					postPushId: this.postPushId
				}
				this.$Request.getT("/app/interviewRecord/isSendView", data).then(res => {
					if (res.code == 0) {
						
						//这里要判断是boss还是求职者，跳不同的页面 bossMianshiDetail
						
						if (!res.data) {//表示没有面试，去约面试
							//this.mianshiShow = true
							uni.navigateTo({
								url:`/pages/msg/interviewInvitation?postPushId=${this.postPushId}&resumesId=${this.resumesId}&interviewerId=${this.resumesInfo.userId}`
							})
						} else {
							//这里的逻辑是不是应跳到面试详情了？
							uni.navigateTo({
								url:`/my/jilu/bossMianshiDetail?recordId=${res.data}&companyId=${uni.getStorageSync('companyId')}`
							})
							
							
							uni.showToast({
								title: '已发送过面试邀请',
								icon: 'none'
							})
							this.mianshiShow = false
						}
					} else {
						this.mianshiShow = false
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})

					}
				})
			},
			//请求拒绝
			refuseFun(id) {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确定拒绝吗？',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							let data = {
								chatContentId: id
							}
							that.$Request.getT("/app/chat/refuseReqs", data).then(res => {
								if (res.code == 0) {
									uni.showToast({
										title: '已拒绝'
									})
									that.setChatSave(24)
									that.getTimeOrListItem1()
									that.getStatusInfo()
								} else {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
								}
							})
						}
					}
				})
			},
			// 同意简历请求并发送简历
			sendResumesSave() {
				let that = this
				let data = {
					to: this.byUserId, //接收人的userId
					postPushId: this.postPushId, //岗位id
				}
				this.$Request.postT("/app/resumes/sendResumes", data).then(res => {
					if (res.code == 0) {
						uni.showToast({
							title: '简历已发送',
						})
						that.setChatSave(24)
						that.getTimeOrListItem1()
						that.getStatusInfo()
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			resumesTy() {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确定发送简历给对方？',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							that.sendResumesSave()
						}
					}
				})
			},
			//求简历
			giveSendResumes() {
				let that = this
				uni.showModal({
					title: '提示',
					content: '是否将简历请求发送给对方？，对方同意后将会收到对方的简历',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							that.setChatSave(9)
						}
					}
				})
			},
			//发简历
			sendResumes() {
				let that = this
				uni.showModal({
					title: '提示',
					content: '是否将简历发送给对方？',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							that.sendResumesSave()
						}
					}
				})
			},
			//获取交换状态
			getStatusInfo() {
				let data = {
					chatConversationId: this.chatConversationId
				}
				this.$Request.getT("/app/chat/getConversationInfo", data).then(res => {
					if (res.code == 0) {
						if (res.data.isSendWx) {
							this.isSendWx = true
						} else {
							this.isSendWx = false
						}
						if (res.data.isSendPhone) {
							this.isSendPhone = true
						} else {
							this.isSendPhone = false
						}
						if(res.data.isSendResumes)
							this.isSendResumes=true
						else
							this.isSendResumes=false
					}
				})
			},
			
			//交换微信号弹窗
			currentWchat() {
				let that = this
				if (!uni.getStorageSync('weChatNum')) {
					uni.showModal({
						title: '提示',
						content: '请先再个人信息页面完善微信号后操作',
						confirmColor: '#016BF6',
						confirmText: '去完善',
						complete(re) {
							if (re.confirm) {
								uni.navigateTo({
									url: '/pages/my/userinfo'
								})
							}
						}
					})
					return
				}
				if (this.isSendWx == false) {
					this.wechatExchangeShow = true;
				} else {
					uni.showToast({
						title: '已交换过微信号，请查看聊天记录',
						icon: 'none'
					})
				}
			},
			//同意交换手机号/微信
			tongyi(messageType, chatContentId) {
				if (messageType == 6 && !uni.getStorageSync('weChatNum')) {
					uni.showModal({
						title: '提示',
						content: '请先再个人信息页面完善微信号后操作',
						confirmColor: '#016BF6',
						confirmText: '去完善',
						complete(re) {
							if (re.confirm) {
								uni.navigateTo({
									url: '/pages/my/userinfo'
								})
							}
						}
					})
					return
				}
				let that = this
				uni.showModal({
					title: '提示',
					content: messageType == 5 ? '同意后将交换手机号，是否同意？' : '同意后将交换微信号，是否同意？',
					confirmColor: '#016BF6',
					complete(ret) {
						if (ret.confirm) {
							let data = {
								messageType: messageType,
								chatContentId: chatContentId
							}
							that.$Request.postT("/app/chat/sendPhoneOrWx", data).then(res => {
								if (res.code == 0) {
									that.setChatSave(24)
									that.getTimeOrListItem1()
									that.getStatusInfo()
								}
							})
						}
					}
				})
			},
			//交换手机号弹窗
			currentPhone() {
				if (this.isSendPhone == false) {
					this.phoneExchangeShow = true;
				} else {
					uni.showToast({
						title: '已交换过手机号，请查看聊天记录',
						icon: 'none'
					})
				}
			},
			// 取消交换手机号
			cancelPhoneExchange() {
				this.phoneExchangeShow = false;
			},
			// 确认交换手机号
			confirmPhoneExchange() {
				this.phoneExchangeShow = false;
				this.setChatSave(5);
			},
			// 取消微信交换
			cancelWechatExchange() {
				this.wechatExchangeShow = false;
			},
			// 确认微信交换
			confirmWechatExchange() {
				this.wechatExchangeShow = false;
				this.setChatSave(6);
			},
			goNav(url) {
				uni.navigateTo({
					url: url
				})
			},
			//获取简历数据
			getResumesInfo(id) {
				var that=this
				this.$Request.getT("/app/resumes/selectResumesByResumesId", {
					userId: uni.getStorageSync('userId'),
					resumesId: id,
					companyId: uni.getStorageSync('companyId')
				}).then(res => {
					if (res.code == 0) {
						let title = res.data.userName
						uni.setNavigationBarTitle({
							title: title
						})
						res.data.intentionRuleClassifyName=this.postPushInfo.ruleClassifyName
						res.data.intentionSalaryRange=this.postPushInfo.salaryRange
						res.data.intentionExprence=[]
						res.data.intentionList.forEach(function(item){
							if(item.ruleClassifyName==that.postPushInfo.ruleClassifyName){
								res.data.intentionRuleClassifyName=item.ruleClassifyName
								res.data.intentionSalaryRange=item.salaryRange
								res.data.intentionExprence=item.industry&&item.industry.split('/')||[]
							}
						})
						this.resumesInfo = res.data
						// this.postPushInfo.positionWelfare = this.postPushInfo.positionWelfare.split(',')
					}
				})
			},
			noIdtent(){
				this.content='抱歉，我对该岗位暂无兴趣';
				this.setChatSave(1)
			},
			gotoInfo(id) {
				uni.navigateTo({
					url: '/pages/index/game/order?postPushId=' + id
				})
			},
			//获取岗位数据
			getPostPushInfo(id) {
				this.$Request.getT("/app/postPush/selectPostPushDetails", {
					userId: uni.getStorageSync('userId'),
					postPushId: id
				}).then(res => {
					if (res.code == 0) {
						if(this.userType==1){
						let title = res.data.company?res.data.company.companyName:'聊天'
						uni.setNavigationBarTitle({
							title: title
						})
						}
						this.postPushInfo = res.data
						this.postPushInfo.positionWelfare = this.postPushInfo.positionWelfare&&this.postPushInfo.positionWelfare.split(',')||[]
					}
				})
			},
			caozuoActive(item, type) {
				if (type == 1) {
					this.activelist = [{
						text: '复制',
						color: 'black',
						fontSize: 24
					}, {
						text: '撤回',
						color: 'black',
						fontSize: 24
					}]
				} else {
					this.activelist = [{
						text: '撤回',
						color: 'black',
						fontSize: 24
					}]
				}
				this.activeInfo = item
				this.showActive = true
			},
			activeclick(index) {
				if (this.activelist[index].text == '复制') { // 复制
					this.copy(this.activeInfo.content)
				} else { //撤回
					let t2 = this.activeInfo.createTimes; //格式不正确需要转换
					let aftert2 = new Date(t2.replace(/-/g, "/")); //转换
					let data = new Date(); //获取当前时间
					let times = data.getTime() - aftert2.getTime(); //时间差的毫秒数
					//计算分钟数
					let minu = parseInt(times / (1000 * 60))
					if (minu > 5) {
						uni.showToast({
							title: '超过五分钟无法撤回',
							icon: 'none'
						})
					} else {
						let that = this
						uni.showModal({
							title: '提示',
							content: '确定要撤回吗？',
							confirmColor: '#016BF6',
							complete(ret) {
								if (ret.confirm) {
									that.$Request.postT('/app/chat/deleteChatContentById', {
											chatContentId: that.activeInfo.chatContentId
										})
										.then(res => {
											if (res.code == 0) {
												uni.showToast({
													title: '已撤回',
													icon: 'none'
												})
												that.getTimeOrListItem1();
											}
										});
								}
							}
						})
					}
				}
			},
			//跳转
			click(index) {
				console.log(index)
				switch (index) {
					case 0: //简历
						uni.navigateTo({
							url: '/pages/index/game/orderDet?userId=' + this.tUserId
						})
						break;
					case 1: //企业
						uni.navigateTo({
							url: '/my/enterpriseInfo/enterpriseInfo?companyId=' + this.companyId + '&type=yes'
						})
						break;
					default:
						break;
				}
			},
			//消息公告
			getMessage() {
				this.$Request.getT('/app/common/type/311')
					.then(res => {
						if (res.code == 0) {
							this.messages = res.data.value
						}
					});
			},
			showChangYongSelect() {
				this.showMore();
				this.showChangYong = !this.showChangYong;
			},
			selConfirm(e) {
				// this.form.game = e[0].label
				// this.form.gameId = e[0].value
				this.content = e[0].label;
				this.setChatSave(1);
			},
			getChangYong() {
				this.$Request.getT('/app/message/selectMessageByUserId?page=1&limit=100&state=20')
					.then(res => {
						if (res.code == 0) {
							this.changYongList = [];
							res.data.list.forEach(d => {
								let data = {
									label: d.content,
									value: d.id
								}
								this.changYongList.push(data);
							});
						}
					});
			},
			goGuanZhu(item) {
				this.hideDrawer();
				this.tUserId = item.userId
				this.$Request.get('/app/user/selectUserByIds', {
					'userId': item.userId
				}).then(res => {
					if (res.code == 0) {
						if (res.data.userType == 1 || res.data.userType == null) { //个人
							uni.navigateTo({
								url: '/pages/index/game/orderDet?userId=' + item.userId
							})
						} else {
							this.$Request.get('/app/resumes/selectResumesByUserIds', {
								'userId': item.userId
							}).then(ret => {
								if (ret.code == 0) {
									if (ret.data && JSON.stringify(ret.data) != '{}') { //有简历则选择
										this.$Request.get('/app/company/selectCompanyByUserIds', {
											userId: item.userId
										}).then(ree => {
											if (ree.code == 0) {
												this.companyId = ree.data.companyId
											}
										});
										this.show = true
									} else { //没有简历直接跳转企业详情
										this.$Request.get('/app/company/selectCompanyByUserIds', {
											userId: item.userId
										}).then(ree => {
											if (ree.code == 0) {
												uni.navigateTo({
													url: '/my/enterpriseInfo/enterpriseInfo?companyId=' +
														ree.data.companyId + '&type=yes'
												})
											}
										});

									}
								}
							});
						}
					}
				});


				//去关注页面

			},
			//添加常用语/自动回复
			goAdd() {
				this.showMore();
				uni.navigateTo({
					url: '/pages/msg/addmsg'
				});
			},
			goHistory() {
				this.showMore();
				uni.navigateTo({
					url: '/pages/msg/chathistory?chatConversationId=' + this.chatConversationId
				});
			},
			insertChat() {
				let userId = this.$queue.getData('userId');
				let data = {
					focusedUserId: this.byUserId,
					userId: userId
				}
				this.$Request.postJson('/appChat/insertChatConversation', data).then(res => {
					if (res.code == 0 && res.data) {
						this.chatConversationId = res.data.chatConversationId;
						this.getTimeOrListItem1();
					}
				});
			},
			//更多功能(点击+弹出)
			showMore() {
				this.isVoice = false;
				this.hideEmoji = true;
				if (this.hideMore) {
					this.hideMore = false;
					this.openDrawer();
				} else {
					this.hideDrawer();
				}
			},
			// 打开抽屉
			openDrawer() {
				this.popupLayerClass = 'showLayer';
			},
			// 隐藏抽屉
			hideDrawer() {
				this.popupLayerClass = '';
				setTimeout(() => {
					this.hideMore = true;
					this.hideEmoji = true;
				}, 150);
			},
			// 选择表情
			chooseEmoji() {
				this.hideMore = true;
				if (this.hideEmoji) {
					this.hideEmoji = false;
					this.openDrawer();
				} else {
					this.hideDrawer();
				}
			},
			//添加表情
			addEmoji(em) {
				this.textMsg += em.alt;
			},
			//获取焦点，如果不是选表情ing,则关闭抽屉
			textareaFocus() {
				if (this.popupLayerClass == 'showLayer' && this.hideMore == false) {
					this.hideDrawer();
				}
			},
			//替换表情符号为图片
			replaceEmoji(str) {
				let replacedStr = str.replace(/\[([^(\]|\[)]*)\]/g, (item, index) => {
					console.log("item: " + item);
					for (let i = 0; i < this.emojiList.length; i++) {
						let row = this.emojiList[i];
						for (let j = 0; j < row.length; j++) {
							let EM = row[j];
							if (EM.alt == item) {
								//在线表情路径，图文混排必须使用网络路径，请上传一份表情到你的服务器后再替换此路径 
								//比如你上传服务器后，你的100.gif路径为https://www.xxx.com/emoji/100.gif 则替换onlinePath填写为https://www.xxx.com/emoji/
								let onlinePath = 'https://s2.ax1x.com/2019/04/12/'
								let imgstr = '<img src="' + onlinePath + this.onlineEmoji[EM.url] + '">';
								console.log("imgstr: " + imgstr);
								return imgstr;
							}
						}
					}
				});
				return '<div style="display: flex;align-items: center;word-wrap:break-word;">' + replacedStr + '</div>';
			},
			// 播放语音
			playVoice(msg, index) {
				console.log(msg)
				this.playMsgid = index;
				this.AUDIO.src = msg;
				this.$nextTick(function() {
					this.AUDIO.play();
				});
			},
			// 录音开始
			voiceBegin(e) {
				if (e.touches.length > 1) {
					return;
				}
				this.initPoint.Y = e.touches[0].clientY;
				this.initPoint.identifier = e.touches[0].identifier;
				this.RECORDER.start({
					format: "mp3"
				}); //录音开始,
			},
			//录音开始UI效果
			recordBegin(e) {
				this.recording = true;
				this.voiceTis = '松开 结束';
				this.recordLength = 0;
				this.recordTimer = setInterval(() => {
					this.recordLength++;
				}, 1000)
			},
			// 录音被打断
			voiceCancel() {
				this.recording = false;
				this.voiceTis = '按住 说话';
				this.recordTis = '手指上滑 取消发送'
				this.willStop = true; //不发送录音
				this.RECORDER.stop(); //录音结束
			},
			// 录音中(判断是否触发上滑取消发送)
			voiceIng(e) {
				if (!this.recording) {
					return;
				}
				let touche = e.touches[0];
				//上滑一个导航栏的高度触发上滑取消发送
				if (this.initPoint.Y - touche.clientY >= uni.upx2px(100)) {
					this.willStop = true;
					this.recordTis = '松开手指 取消发送'
				} else {
					this.willStop = false;
					this.recordTis = '手指上滑 取消发送'
				}
			},
			// 结束录音
			voiceEnd(e) {
				if (!this.recording) {
					return;
				}
				this.recording = false;
				this.voiceTis = '按住 说话';
				this.recordTis = '手指上滑 取消发送'
				this.RECORDER.stop(); //录音结束
			},
			//录音结束(回调文件)
			recordEnd(e) {
				clearInterval(this.recordTimer);
				if (!this.willStop) {
					this.$queue.showLoading('发送中...')
					console.log("e: " + JSON.stringify(e));
					let msg = {
						length: 0,
						url: e.tempFilePath
					}
					let min = parseInt(this.recordLength / 60);
					let sec = this.recordLength % 60;
					min = min < 10 ? '0' + min : min;
					sec = sec < 10 ? '0' + sec : sec;
					msg.length = min + ':' + sec;
					console.log('msg.length___:' + msg.length)
					uni.uploadFile({ // 上传接口
						url: this.config("APIHOST1") + '/alioss/upload', //真实的接口地址
						filePath: e.tempFilePath,
						name: 'file',
						success: (uploadFileRes) => {
							uni.hideLoading();
							this.content = JSON.parse(uploadFileRes.data).data;
							console.log("语音：" + this.content)
							this.setChatSave(3, msg.length);
							uni.hideLoading();
						}
					});
				} else {
					console.log('取消发送录音');
				}
				this.willStop = false;
			},
			// 切换语音/文字输入
			switchVoice() {
				this.hideDrawer();
				this.isVoice = this.isVoice ? false : true;
			},
			copy(content) {
				uni.showModal({
					title: '温馨提示',
					content: '确认要复制此文字吗？',
					showCancel: true,
					cancelText: '取消',
					confirmText: '确认',
					confirmColor: '#016BF6',
					success: res => {
						if (res.confirm) {
							uni.setClipboardData({
								data: content,
								success: r => {
									this.$queue.showToast('复制成功');
								}
							});
						}
					}
				});
			},
			h5Copy(content) {
				if (!document.queryCommandSupported('copy')) {
					// 不支持
					return false
				}
				let textarea = document.createElement("textarea")
				textarea.value = content
				textarea.readOnly = "readOnly"
				document.body.appendChild(textarea)
				textarea.select() // 选择对象
				textarea.setSelectionRange(0, content.length) //核心
				let result = document.execCommand("copy") // 执行浏览器复制命令
				textarea.remove()
				return result
			},
			getDateDiff(data) {
				// 传进来的data必须是日期格式，不能是时间戳
				//var str = data;
				//将字符串转换成时间格式
				var timePublish = new Date(data);
				var timeNow = new Date();
				var minute = 1000 * 60;
				var hour = minute * 60;
				var day = hour * 24;
				var month = day * 30;
				var result = "2";

				var diffValue = timeNow - timePublish;
				var diffMonth = diffValue / month;
				var diffWeek = diffValue / (7 * day);
				var diffDay = diffValue / day;
				var diffHour = diffValue / hour;
				var diffMinute = diffValue / minute;


				if (diffMonth > 3) {
					result = timePublish.getFullYear() + "-";
					result += timePublish.getMonth() + "-";
					result += timePublish.getDate();
				} else if (diffMonth > 1) { //月
					result = data.substring(0, 10);
				} else if (diffWeek > 1) { //周
					result = data.substring(0, 10);
				} else if (diffDay > 1) { //天
					result = data.substring(0, 10);
				} else if (diffHour > 1) { //小时
					result = parseInt(diffHour) + "小时前";
				} else if (diffMinute > 1) { //分钟
					result = parseInt(diffMinute) + "分钟前";
				} else {
					result = "刚刚";
				}
				return result;
			},
			// 发送心跳包
			startHeartbeat() {
				// HeartBeat 这里是和后端约定好的值，我们发送给后端，后端再把这个值返给我们
				// 目的就是让后端知道我们一直在
				const heartbeatMsg = 'HeartBeat';
				const sendHeartbeat = () => {
					if (this.isOpen) {
						console.log('发送HeartBeat')
						uni.sendSocketMessage({
							data: heartbeatMsg,
						}).catch(error => {
							console.log('发送心跳消息失败:', error);
							//发送消息失败则进行重新链接
							this.connect()
						});
					}
				};
				this.socketTimer = setInterval(sendHeartbeat, HEARTBEAT_INTERVAL);
			},
			// 开始重连
			reconnect() {
				if (!this.isOpen) {
					clearTimeout(this.socketTimer);
					this.socketTimer = setTimeout(() => {
						console.log('开始重连...');
						this.connect();
					}, RECONNECT_INTERVAL);
				}
			},
			connect() {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendMsg')) {
					// console.log('授权+1')
					wx.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(JSON.stringify(re), 111111111111)
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								// console.log(re)
							}
						},
						fail: (res) => {
							// console.log(res)
						}
					})
				}
				// #endif
				let that = this
				let userId = this.$queue.getData('userId');
				uni.showLoading({
					title: '连接中...'
				})
				uni.connectSocket({
					// url: 'wss://h5.youxb.icu/wss/sqx_fast/chatSocket/' + userId,
					// url: this.config("WSHOST1") + userId,
					url: configdata.WSHOST1 + '' + userId,
					// url: 'wss://h5.bosszan.com/wss/chatSocket/' + userId,
					// url: 'ws://192.168.0.128:7152/sqx_fast/chatSocket/' + userId,
					data() {
						return {
							msg: 'Hello'
						}
					},
					header: {
						'content-type': 'application/json'
					},
					method: 'GET',
					success(res) {
						// 这里是接口调用成功的回调，不是连接成功的回调，请注意
					},
					fail(err) {
						// 这里是接口调用失败的回调，不是连接失败的回调，请注意
					}
				})
				uni.onSocketOpen((res) => {
					uni.hideLoading()
					that.isOpen = true;
					that.startHeartbeat()
					if (that.mapsValue) {
						that.setChatSave(18, that.mapsValue)
					}
				})
				uni.onSocketError((err) => {
					uni.hideLoading()
					//如果连接异常那么把状态设置为false
					that.isOpen = false;
					//并尝试进行重连
					that.reconnect();
				})
				uni.onSocketMessage((res) => {
					if (res.data == 'HeartBeat') { //如果是心跳回推则不进行处理
						return
					}
					this.getTimeOrListItem1();
					console.log('onMessage', res)
				})
				uni.onSocketClose((res) => {
					uni.hideLoading()
					that.isOpen = false;
					//链接关闭的时候也尝试进行重连
					// that.reconnect();
				})
			},
			close() {
				uni.closeSocket()
			},
			getTimeOrListItem1() {
				let userId = this.$queue.getData('userId')
				this.$Request.getT('/app/chat/selectChatContent?page=' + this.page + '&limit=' + this.size +
					'&chatConversationId=' + this.chatConversationId + '&userId=' + userId).then(
					res => {
						// this.ListItem = [];
						if (res.data) {
							var time = '';
							res.data.list.forEach(d => {
								d.createTimes = d.createTime;
								d.createTime = this.getDateDiff(d.createTime);
								if (d.createTime === time) {
									d.createTime = '';
								} else {
									time = d.createTime;
								}
								if (d.type === 4) {
									let data = d.content.split(',');
									d.content = data;
								}
								if (d.type === 3) {
									let data = d.content.split(',');
									d.content = data;
								}
								if (d.messageType === 18) {
									d.content = JSON.parse(d.content);
									d.markers = [{
										id: 1,
										latitude: d.content.latitude,
										longitude: d.content.longitude,
										width: 20,
										height: 20,
										iconPath: '../../static/images/mapMarker.png',
										callout: {
											content: d.content.name,
											color: '#000', //文字颜色
											fontSize: 10, //文本大小
											padding: 10, //附近留白
											borderRadius: 24, //边框圆角
											bgColor: '#FFFFFF', //背景颜色
											display: 'ALWAYS', //常显
										}
									}]
								}
								// this.ListItem.push(d);
							});
							this.ListItem = res.data.list
							this.ListItem.reverse();
							this.scrollTop = this.old.scrollTop
							this.$nextTick(() => {
								this.scrollTop = 99999
							})
							this.getStatusInfo()
						}
						uni.hideLoading();
					});
			},
			setChatSave(type, url) {
				//type:1文字 2图片
				if (type === 1 && this.content == '') {
					this.$queue.showToast('请输入聊天内容');
					return;
				}
				if (type != 3 && type != 2 && this.$queue.getChatSearchKeys(this.content)) {
					uni.showToast({
						title: "输入内容带有非法关键字请重新输入",
						mask: false,
						duration: 1500,
						icon: "none"
					});
					return;
				}
				// if (type === 1 && this.$queue.getChatSearchKeys(this.content) != -1) {
				// 	uni.showToast({
				// 		title: "输入内容带有非法关键字请重新输入",
				// 		mask: false,
				// 		duration: 1500,
				// 		icon: "none"
				// 	});
				// 	return;
				// }

				let userId = this.$queue.getData('userId');
				if (type === 4) {
					this.content = url;
				}
				if (type === 18) { //定位
					this.content = url;
				}
				let data = {};
				if (type == 3) {
					data = {
						userId: this.byUserId,
						content: this.content,
						width: url,
						messageType: type,
						chatConversationId: this.chatConversationId
					}
				} else if (type == 5) { //交换手机号
					data = {
						userId: this.byUserId,
						content: '手机号请求',
						messageType: type,
						chatConversationId: this.chatConversationId
					}
				} else if (type == 6) { //交换微信号
					data = {
						userId: this.byUserId,
						content: '微信号请求',
						messageType: type,
						chatConversationId: this.chatConversationId
					}
				} else if (type == 9) { //简历请求
					data = {
						userId: this.byUserId,
						content: '简历请求',
						messageType: type,
						chatConversationId: this.chatConversationId
					}
				} else if (type == 24) {
					data = {
						userId: this.byUserId,
						content: '刷新',
						messageType: type,
						chatConversationId: this.chatConversationId
					}
				} else {
					data = {
						userId: this.byUserId,
						content: this.content,
						messageType: type,
						chatConversationId: this.chatConversationId
					}
				}

				data = JSON.stringify(data);

				let that = this;
				uni.sendSocketMessage({
					data: data,
					success(res) {
						that.mapsValue = ''
						let image_url = that.$queue.getData('image_url');
						if (!image_url) {
							image_url = '/static/logo.png';
						}
						let datas = {
							chat: {
								userHead: image_url
							},
							content: that.content,
							type: type,
							sendType: 1
						}
						that.ListItem.push(datas);
						setTimeout(() => {
							that.getTimeOrListItem1();
							that.content = '';
							that.hideDrawer();
						}, 50);

						console.log(that.content);
					},
					fail(err) {
						console.log(err);
					}
				})


			},
			//发送图片
			chooseImage(sourceType) {
				let that = this
				uni.chooseImage({
					count: 1,
					sourceType: ['album'],
					success: res => {
						for (let i = 0; i < res.tempFilePaths.length; i++) {
							this.$queue.showLoading("上传中...");
							uni.uploadFile({ // 上传接口
								url: this.config("APIHOST1") + '/alioss/upload', //真实的接口地址
								filePath: res.tempFilePaths[i],
								name: 'file',
								success: (uploadFileRes) => {
									let content = JSON.parse(uploadFileRes.data).data;
									// this.setChatSave(2);
									uni.hideLoading();
									let data = {
										userId: that.byUserId,
										content: content,
										messageType: 2,
										chatConversationId: that.chatConversationId
									}
									data = JSON.stringify(data);
									uni.sendSocketMessage({
										data: data,
										success(res) {
											let image_url = that.$queue.getData(
												'image_url');
											if (!image_url) {
												image_url = '/static/logo.png';
											}
											let datas = {
												chat: {
													userHead: image_url
												},
												content: content,
												type: 2,
												sendType: 1
											}
											that.ListItem.push(datas);
											setTimeout(() => {
												that.getTimeOrListItem1();
											}, 50);
										},
										fail(err) {
											console.log(err);
										}
									})

								}
							});
						}
					}
				})
			},
			config: function(name) {
				var info = null;
				if (name) {
					var name2 = name.split("."); //字符分割
					if (name2.length > 1) {
						info = configdata[name2[0]][name2[1]] || null;
					} else {
						info = configdata[name] || null;
					}
					if (info == null) {
						let web_config = cache.get("web_config");
						if (web_config) {
							if (name2.length > 1) {
								info = web_config[name2[0]][name2[1]] || null;
							} else {
								info = web_config[name] || null;
							}
						}
					}
				}
				return info;
			},
			//查看大图
			viewImg(item) {
				let imgsArray = [];
				imgsArray[0] = item;
				uni.previewImage({
					current: 0,
					urls: imgsArray
				});
			},
			/**
			 * 收藏岗位
			 */
			setCollection(postPushId) {
				this.$Request.postT("/app/myCollection/saveCollection", {
					postPushId: postPushId,
					type: 1
				}).then(res => {
					if (res.code == 0) {
						uni.showToast({
							title: res.msg
						})
						this.postPushInfo.isCollection=1-(this.postPushInfo.isCollection?this.postPushInfo.isCollection:0)
					}
				})
			},
		},
	};
</script>

<style lang="scss">
	@import "../msg/css/style.scss";

	// 展开按钮样式
	.expand-btn {
		text-align: left;
		margin-top: 20rpx;
		padding: 10rpx 0;
		
		.expand-text {
			color: #007AFF;
			font-size: 28rpx;
		}
	}

	// 时间和收藏样式
	.time-favorite {
		padding: 10rpx 0;
		
		.time-text {
			color: rgba(156, 164, 171, 1);
			font-family: DM Sans;
			font-size: 12px;
			font-weight: 400;
			line-height: 20px;
			letter-spacing: undefined;
			text-align: right;
		}
		
		.favorite-btn {
			color: rgba(156, 164, 171, 1);
			font-size: 12px;
			
			.favorite-icon {
				margin-right: 8rpx;
				font-size: 12px;
			}
			
			.favorite-text {
				font-size: 12px;
			}
		}
		.collectActived{
			color: #016BF6;
		}
	}

	.avatorm {
		width: 100%;
		// height: 100rpx;
		margin-top: 20rpx;
		color: #000;

		.avatorm-box {
			width: 90%;
			height: 100%;

			.avatorm-box-item {
				margin-bottom: 10rpx;

				.avatorm-box-item-t {
					width: 30%;
				}

				.avatorm-box-item-r {
					width: 70%;
				}
			}
		}
	}

	.mssTitle {
		width: 100%;
		margin-top: 30rpx;
		text-align: center;
		font-size: 30rpx;
		color: #000;
		font-weight: bold;
	}

	.btnm {
		width: 100%;
		margin-top: 20rpx;
		height: 80rpx;
		margin-bottom: 100rpx;

		.btn-box {
			width: 686rpx;
			height: 100%;

			.btnItem {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 200rpx;
				height: 100%;
				border-radius: 14rpx;
			}

			.btn-close {
				color: #016BF6;
				border: 1rpx solid #016BF6;
			}

			.btn-sub {
				color: #FFFFFF;
				background-color: #016BF6;
			}
		}
	}

	.mianshiTime {
		width: 100%;
		margin-top: 20rpx;

		.mianshiTime-box {
			padding-bottom: 20rpx;
			width: 686rpx;
			height: 100%;
			color: #000000;
			border-bottom: 1rpx solid #F2F2F7;

			.mianshiTime-box-ti {
				height: 100%;
				margin-top: 20rpx;
			}
		}
	}

	.mianshiTitle {
		width: 100%;
		margin-top: 30rpx;
		font-size: 30rpx;
		text-align: center;
		font-weight: bold;
		color: #000000;
	}

	.qyList-box-item {
		width: 100%;
		// height: 400rpx;
		padding-bottom: 40rpx;
		background-color: #ffffff;
		border-radius: 24rpx;
		margin-bottom: 20rpx;

		.qyList-box-item-box {
			width: 626rpx;
			height: 100%;
		}

		.qyList-box-item-info {
			margin-top: 40rpx;
		}

		.qyList-box-item-job {
			color: #121212;
			font-size: 28rpx;
			font-weight: 500;
			margin-top: 20rpx;
		}

		.qyList-box-item-rem {
			color: #999999;
			font-size: 26rpx;
			margin-top: 20rpx;
		}
	}

	.topSe {
		width: 100%;
		height: 100%;
		// padding-top: 80rpx;
		background-color: #FFFFFF;
		box-sizing: border-box;

		.topSe-box {
			width: 686rpx;
			height: 100%;

			.topSe-box-item {
				font-size: 24rpx;
				width: 80rpx;
				position: relative;
				.status-indicator{
					position: absolute;
					top: -12rpx;
					right: 12rpx;
					width: 20rpx;
					height: 20rpx;
					color: #4CAF50;
				}
			}
		}
	}

	.jobs {
		width: 100%;

		.jobs-box {
			width: 95%;
		}
	}

	.gwList-box-item {
		width: 100%;
		// height: 329rpx;
		border: 0.5px solid rgba(227, 231, 236, 1);
		background: #FDFDFD;
		border-radius: 24rpx;
		// margin-bottom: 20rpx;
		padding-bottom: 20rpx;
	}

	.gwList-box-item-box {
		width: 100%;
		height: 100%;
		padding: 0 40rpx;

		.gwList-box-item-box-title {
			margin-top: 30rpx;

			text:nth-of-type(1) {
				color: rgba(23, 23, 37, 1);
				font-family: DM Sans;
				font-size: 24px;
				font-weight: 700;
				line-height: 24px;
				letter-spacing: 0%;
				text-align: left;
			}

			text:nth-of-type(2) {
				color: rgba(1, 107, 246, 1);
				font-family: DM Sans;
				font-size: 16px;
				font-weight: 700;
				line-height: 20px;
				letter-spacing: 0.5%;
				text-align: right;
			}
		}

		.gwList-box-item-box-label {
			margin-top: 30rpx;
		}

		.gwList-box-item-box-name {
			color: rgba(156, 164, 171, 1);
			font-family: DM Sans;
			font-size: 16px;
			font-weight: 400;
			line-height: 20px;
			letter-spacing: 0.5%;
			text-align: left;
			gap: 8rpx;
			margin-top: 20rpx;
		}

		.gwList-box-item-box-line {
			width: 100%;
			border: 1rpx solid #E6E6E6;
			margin-top: 30rpx;
			margin-bottom: 20rpx;
		}

		.gwList-box-item-box-info-text {
			color: rgba(153, 153, 153, 1);
			font-family: DM Sans;
			font-size: 12px;
			font-weight: 400;
			line-height: 12px;
			letter-spacing: 0px;
			text-align: left;
			margin-bottom: 20rpx;
			
			.job-description-item {
				margin-bottom: 6rpx;
				line-height: 1.2;
				
				&:last-child {
					margin-bottom: 0;
				}
			}
			.job-description-itemAll{
				display: -webkit-box;
				  -webkit-line-clamp: 4;
				  -webkit-box-orient: vertical;
				  overflow: hidden;
				  text-overflow: ellipsis;
			}
		}

		.gwList-box-item-box-info {
			font-size: 26rpx;
			padding-bottom: 20rpx;
			border-bottom: 1rpx solid #E6E6E6;

			.gwList-box-item-box-info-l {
				color: #1A1A1A;

				.people {
					max-width: 110rpx;
					overflow: hidden; //超出的文本隐藏
					text-overflow: ellipsis; //溢出用省略号显示
					white-space: nowrap; // 默认不换行；
					color: rgba(156, 164, 171, 1);
					font-family: DM Sans;
					font-size: 14px;
					font-weight: 400;
					line-height: 20px;
					letter-spacing: undefined;
					text-align: left;
				}
			}

			.gwList-box-item-box-info-r {
				color: #999999;
				width: 50%;
				overflow: hidden; //超出的文本隐藏
				text-overflow: ellipsis; //溢出用省略号显示
				white-space: nowrap; // 默认不换行；
			}
		}
	}

	.xuanfu {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #016BF6;

		.xuanfu-box {
			width: 95%;
			background-color: #FFFFFF;
			border-radius: 10rpx;
			padding: 20rpx 15rpx 20rpx 20rpx;
			letter-spacing: 5rpx;
			font-size: 26rpx;
		}
	}

	page {
		background: #FAFAFA;
		color: #FFFFFF;
	}

	.chat-listitem {
		display: flex;
		margin-top: 20rpx;
		padding: 10rpx;
	}

	.textColor {
		color: #FFFFFF;
		border-radius: 16px 16px 0px 16px;
		background: rgba(1, 107, 246, 1);
	}

	.chat-listitem-text {
		// color: #FFFFFF;

		margin-top: 6rpx;
		width: fit-content;
		padding: 15rpx;
		font-size: 30rpx;
		height: max-content;
		word-wrap: break-word;
		word-break: break-all;
		border-radius: 10rpx;
	}

	.chat-listitem-image-type4 {
		color: #000000;
		background: #FFFFFF;
		width: fit-content;
		font-size: 30rpx;
		height: max-content;
		word-wrap: break-word;
		word-break: break-all;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
	}

	.chat-listitem-image {
		margin-top: 5rpx;
		width: 75rpx;
		height: 75rpx;
		border-radius: 50%;
	}

	.save {
		width: 130rpx;
		text-align: center;
		border-radius: 10rpx;
		height: 70rpx;
		background: #FFFFFF;
		margin: 5rpx 10rpx 0;
		line-height: 70rpx;
	}
	
	.talent-list {
		// margin-top: 280rpx; // 已改为动态计算，在模板中通过 :style 设置
		padding: 20rpx;
		z-index: 100;
		position: relative;
		width:96%
	}
	
	.talent-card {
		background-color: #ffffff;
		border-radius: 16rpx;
		margin-bottom: 20rpx;
		padding: 30rpx;
		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
		.time-favorite{
			border-top: 1px solid #efefef;
			margin-top: 20rpx;
		}
	}
	
	.talent-content {
		.talent-header {
			display: flex;
			align-items: flex-start;
	
			.talent-avatar {
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
				margin-right: 20rpx;
			}
	
			.talent-info {
				flex: 1;
				.talentRange{
					color: #016BF6;
					font-size: 24rpx;
					margin-left: 10rpx;
				}
				.talent-name-section {
					display: flex;
					align-items: center;
					justify-content: flex-start;
					width: 100%;
					margin-bottom: 6rpx;
				}
	
				.talent-name {
					color: rgba(51, 51, 51, 1);
					font-family: DM Sans;
					font-size: 28rpx;
					font-weight: 500;
					line-height: 36rx;
					letter-spacing: 0.5%;
					text-align: left;
					margin-right: 16rpx;
				}
	
				.talent-tags {
					display: flex;
					flex-wrap: wrap;
					gap: 10rpx;
	
					.status-tag {
						padding: 8rpx;
						border-radius: 12rpx;
						font-size: 18rpx;
						font-family: DM Sans;
						font-weight: 400;
						line-height: 20rpx;
						letter-spacing: -0.5px;
						text-align: left;
	
						&.online {
							background: rgba(213, 255, 231, 1);
							color: rgba(29, 209, 104, 1);
						}
	
						&.hot {
							background: rgba(252, 233, 220, 1);
							color: rgba(1, 107, 246, 1);
						}
	
						&.active {
							color: rgba(153, 153, 153, 1);
						}
					}
				}
			}
		}
	
		.talent-experience {
			display: flex;
			align-items: center;
			margin-bottom: 12rpx;
			gap: 16rpx;
			color: rgba(156, 164, 171, 1);
			font-family: DM Sans;
			font-size: 24rpx;
			font-weight: 400;
			line-height: 32rpx;
			letter-spacing: 0.5%;
			text-align: left;
		}
	
		.current-job {
			display: flex;
			align-items: center;
			margin-bottom: 12rpx;
	
			.job-icon {
				width: 40rpx;
				height: 40rpx;
				margin-right: 8rpx;
			}
	
			.job-text {
				color: rgba(156, 164, 171, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 40rpx;
				letter-spacing: 0.5%;
				text-align: left;
			}
		}
	
		.job-expectation {
			display: flex;
			align-items: center;
			margin-bottom: 16rpx;
	
			.job-icon {
				width: 40rpx;
				height: 40rpx;
				margin-right: 8rpx;
			}
	
			.expectation-text {
				color: rgba(156, 164, 171, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 40rpx;
				letter-spacing: 0.5%;
				text-align: left;
			}
		}
	
		.skill-tags {
			display: flex;
			flex-wrap: wrap;
			gap: 10rpx;
			margin-bottom: 16rpx;
	
			.skill-tag {
				padding: 8rpx;
				background: rgba(198, 198, 198, 0.1);
				border-radius: 12rpx;
				color: rgba(153, 153, 153, 1);
				font-family: DM Sans;
				font-size: 20rpx;
				font-weight: 400;
				line-height: 20rpx;
				letter-spacing: -0.5px;
				text-align: left;
			}
		}
	
		.job-description {
			margin-bottom: 12rpx;
			width: 100%;
	
			.description-text {
				color: rgba(97, 110, 124, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 32rpx;
				letter-spacing: 0px;
				text-align: left;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				/* 只显示2行 */
				-webkit-box-orient: vertical;
				overflow: hidden;
				/* 隐藏超出内容 */
				text-overflow: ellipsis;
				/* 显示省略号 */
	
			}
		}
	
		.work-period {
			text-align: right;
	
			.period-text {
				font-size: 22rpx;
				color: #999;
			}
		}
	}
</style>