<template>
	<view class='content'>
		<view class="examinetop flexone">
			<view class="examinetopleft">
				<image :src="userinfo==''||token==''||userinfo.avatar==''?'../../static/headtou.png':avatar" mode=""></image>
			</view>
			<view class="examintopright">
				<view v-if="token==''">
					<view class="name" v-if="userinfo==''" @click="login">登录/注册</view>
					<view class="name" v-else>{{userinfo.nickname}}</view>
					<view class='examinelist flexone' v-if="label.length!=0">
						<view class='examineitem' v-for="(item,index) in userinfo.label" :key="index">{{item.name_label}}</view>
					</view>
				</view>
				
				<view v-else>
					<view class="name" v-if="userinfo.nickname==''" @click="login">暂无昵称</view>
					<view class="name" v-else>{{userinfo.nickname}}</view>
					<view class='examinelist flexone' v-if="label.length!=0">
						<view class='examineitem' v-for="(item,index) in userinfo.label" :key="index">{{item.name_label}}</view>
					</view>
				</view>

				
			</view>
		</view>
		<view class="helplist flexone">
			<view class="helpitem flexfour" @click="examinetext(item)" v-for="(item,index) in questionlist" :key="index">
				<view class="helpitemtop">
					<image :src="item.image" mode=""></image>
				</view>
				<view class="helpitemname">{{item.name}}</view>
			</view>

			<!-- <view class="helpitem flexfour" @click="examinetext">
				<view class="helpitemtop">
					<image src="../../static/car.png" mode=""></image>
				</view>
				<view class="helpitemname">配送员考试</view>
			</view>
			<view class="helpitem flexfour" @click="examinetext">
				<view class="helpitemtop">
					<image src="../../static/xiaoshou.png" mode=""></image>
				</view>
				<view class="helpitemname">销售员考试</view>
			</view>
		 -->

		</view>
		<view class="examinrule">
			<view class='examineruletitle'>考试规则</view>
			<view class="examineruletext">
				考试规则考试规则考试规则考试
				规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则
				考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规
				则考试规则考试规则考试规则考试规则
			</view>
		</view>

		<!-- 发布 -->
		<view class="release-news" v-if="publish">
			<view class="release-content">
				<view class="nav-wrap publishnav">
					<view class="navigator" @click="publishitezi" :data-id="1">
						<image src="../../static/helppeople.png"></image>
						<text>帮工招聘求职</text>
					</view>
					<view class="navigator" @click="publishitezi" :data-id="2">
						<image src="../../static/mianturn.png"></image>
						<text>面坊求购转让</text>
					</view>
					<view class="navigator" @click="publishitezi" :data-id="3">
						<image src="../../static/friend.png"></image>
						<text>征婚交友</text>
					</view>
					<view class="navigator" @click="publishitezi" :data-id="4">
						<image src="../../static/zhonglogo.png"></image>
						<text>中面集团</text>
					</view>
				</view>
				<!-- close -->
				<view class="close" @click="hidepublish">
					<image src="../../static/publishchahao.png" />
				</view>
			</view>
		</view>
		<!-- 底部导航 -->
		<view class="teacherfooter">
			<view class="teacherfootitem" @click="footerseljump" data-id="1">
				<view class="teacherfootitemtop shou">
					<image :src="footersel==1?'../../static/tieziactive.png':'../../static/tiezi.png'"></image>
				</view>
				<view class="teacherfootname " :class="footersel==1?'activename':''">帖子</view>
			</view>
			<view class="teacherfootitem" @click="footerseljump" data-id="2">
				<view class="teacherfootitemtop shou">
					<image :src="footersel==2?'../../static/fabu.png':'../../static/fabu.png'"></image>
				</view>
				<view class="teacherfootname" :class="footersel==2?'activename':''">发布</view>
			</view>
			<view class="teacherfootitem" @click="footerseljump" data-id="3">
				<view class="teacherfootitemtop shou">
					<image :src="footersel==3?'../../static/examineactive.png':'../../static/examine.png'"></image>
				</view>
				<view class="teacherfootname" :class="footersel==3?'activename':''">考试</view>
			</view>
		</view>
	</view>
</template>

<script>
	import app from "../../App.vue";
	export default {
		data() {
			return {
				footersel: 3,
				publish: false,
				questionlist: [],
				userinfo: '',
				label: '',
				token:''

			}
		},
		onLoad() {
			this.token=uni.getStorageSync("token")
			this.getquestionlist();
			// 获取用户信息
			this.getuserinfo()
		},
		methods: {
			hidepublish() {
				this.publish = false
			},
			footerseljump(e) {
				let id = e.currentTarget.dataset.id;
				if (id == 1) {
					uni.switchTab({
					
						url: '/pages/luntan/luntan'
					})
				} else if (id == 3) {
					uni.navigateTo({
						url: "/pages/luntan/examine"
					})
				} else if (id == 2) {
					this.publish = true
				}
			},
			login(){
				uni.navigateTo({
					url:'/pages/login/loginindex'
				})
			},
				
			// 获取用户信息
			getuserinfo() {
				let that = this;
				var url = 'member/index';
				var params = {

				}
				console.log('7766554', params)
				app.post(url, params).then((res) => {
					console.log('用户信息',res);
					that.userinfo = res.data.data;
					that.label = res.data.data.label;
					that.avatar=res.data.data.avatar


				}).catch((err) => {
					console.log(err)

				})
			},
			// 获取问卷列表
			getquestionlist() {
				let that = this;
				var url = 'question/get_questionnaire';
				var params = {

				}
				console.log('7766554', params)
				app.post(url, params).then((res) => {
					console.log(res);
					that.questionlist = res.data.data

				}).catch((err) => {

				})
			},

			//帮工考试
			examinetext(item) {
				let token = uni.getStorageSync("token");
				if (token == '') {
					uni.navigateTo({
						url: '/pages/login/loginindex'
					})
				} else {
					let id = item.id;
					uni.navigateTo({
						url: '/pages/luntan/examintext?id=' + id
					})
				}

			},
			// 发布评论
			publishitezi(e) {
				let type = e.currentTarget.dataset.id;
				uni.navigateTo({
					url: '/pages/luntan/addcontract?type=' + type
				})
			},

		}

	}
</script>

<style>
	page {
		background: #fff;
	}

	/* page{
		padding: 0 32rpx;
		box-sizing: border-box;
	} */
	.examinetop {
		padding: 32rpx 32rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #f5f5f5
	}

	.examineitem {
		height: 36rpx;
		padding: 0 28rpx;
		box-sizing: border-box;
		border-radius: 18rpx;
		border: 2rpx solid rgba(238, 238, 238, 1);
		color: #C29445;
		font-size: 22rpx;
		text-align: ceter;
		line-height: 36rpx;
		margin-right: 32rpx;
	}

	.examineitem:last-child {
		margin-right: 0
	}

	.examinetopleft {
		width: 128rpx;
		height: 128rpx;
		font-size: 0;
		border-radius: 50%;
	}

	.examinetopleft image {
		border-radius: 50%;
	}

	.helpitemtop {
		width: 112rpx;
		height: 112rpx;
		font-size: 0;
	}

	.helpitemname {
		color: #3D444C;
		font-size: 26rpx;
		text-align: center;
		margin-top:12rpx;
	}

	.examintopright {
		margin-left: 28rpx;
	}

	.examinename {
		color: #3D454C;
		font-size: 28rpx;
		font-weight: bold;
	}

	.examinelist {
		margin-top: 24rpx;

	}

	.helplist {
		padding: 32rpx 32rpx;
		box-sizing: border-box;
		border-bottom: 16rpx solid #F9F9F9
	}

	.helpitem {
		margin-right: 60rpx
	}

	.examinrule {
		padding: 32rpx;
		box-sizing: border-box;
	}

	.examineruletitle {
		color: #061220;
		font-size: 32rpx;
	}

	.examineruletext {
		color: #3D454C;
		font-size: 28rpx;
		margin-top: 16rpx;
		line-height: 40rpx;
	}
</style>

<style>
	page {
		background: #F9F9F9;
	}

	.release-text-content {
		height: 120rpx;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.enterwordk {
		color: #BDC4CE;
		font-size: 24rpx;

	}

	.proselect {
		width: 120rpx;
		height: 60rpx;
		border: 2rpx solid rgba(238, 238, 238, 1);
		color: #fff;
		font-size: 24rpx;
		border-radius: 40rpx;
		padding: 0 10rpx;
		box-sizing: border-box;
		margin-left: 16rpx;
	}

	.proname {
		width: 90rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right: 5rpx;
	}

	.down-ico {
		width: 16rpx;
		height: 16rpx;
		font-size: 0;
	}

	.publishnav {
		padding: 0 !important;
	}

	.homeimg {
		width: 88rpx;
		height: 88rpx;
		font-size: 0;
	}

	.search-input {
		width: 470rpx !important;
	}

	/* 搜素 */
	.search-wrap {
		width: 750rpx;
		padding: 14rpx 0;
		box-sizing: border-box;
		background: #C29445;
		z-index: 99;
		position: fixed;
		top: var(--status-bar-height);
		left: 0;

	}

	.nav-wrap {
		background: #fff;
		display: flex;
		justify-content: space-between;
		padding: 32rpx 64rpx;
		margin-bottom: 16rpx;
		/* margin-top: calc(var(--status-bar-height) + 100rpx);; */
	}

	.nav-wrap .navigator {
		text-align: center;
	}

	.nav-wrap .navigator image {
		width: 88rpx;
		height: 88rpx;
		margin: auto;
	}

	.nav-wrap .navigator text {
		width: 104rpx;
		display: block;
		color: #3D454C;
		font-size: 26rpx;
	}

	.new-release-wrap .new-release-title {
		height: 84rpx;
		line-height: 84rpx;
		padding-left: 32rpx;
		position: relative;
		background: #fff;
		font-size: 32rpx;
		color: #061220;
		border-bottom: 1px solid #E3E2E1;
	}

	.new-release-wrap .new-release-title:after {
		content: "";
		position: absolute;
		top: 20rpx;
		left: 0;
		height: 44rpx;
		width: 8rpx;
		background: var(--themeColor);
		border-top-right-radius: 6rpx;
		border-bottom-right-radius: 6rpx;
	}

	.release-news {
		position: fixed;
		width: 750rpx;
		height: 100%;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 10;
	}

	.release-news .release-content {
		position: absolute;
		width: 750rpx;
		bottom: 0;
		left: 0;
		background: #fff;
		z-index: 1000;
		padding: 60rpx;
		box-sizing: border-box;
		border-top-left-radius: 40rpx;
		border-top-right-radius: 40rpx;
	}

	.release-news .meun-lists {
		display: flex;
		justify-content: space-between;
	}

	.release-news .meun-lists navigator {
		text-align: center;
	}

	.release-news .meun-lists navigator image {
		width: 88rpx;
		height: 88rpx;
		margin: auto;
	}

	.release-news .meun-lists navigator text {
		width: 104rpx;
		display: block;
		color: #3D454C;
		font-size: 26rpx;
	}

	.release-news .close {
		display: flex;
		justify-content: center;
		margin-top: 38rpx;
	}

	.release-news .close image {
		width: 60rpx;
		height: 60rpx;
	}

	.search-wrap .navigator:nth-child(3) {
		/* font-size: 20rpx; */
	}

	/* .proname{
		
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	} */
</style>