{yun:}include file="$wapstyle/header_cont.htm"{/yun}
<div id="bg" class="bg" style="width:100%;height:100%;background-color:#000;opacity:0.3;display:none; position:fixed;left:0px;top:0px;filter: alpha(opacity=30); z-index:100">
</div>


<div class="particulars_bodybg"></div>
<div class="particulars_body">
	<div class="particulars_body_card">
		<div class="particulars_card_title">
			<div class="particulars_title_text">
				{yun:}$Info.title{/yun}
				{yun:}if $Info.stime<'0'&&$Info.etime>'0'{/yun}
				<span class="particulars_title_icon">进行中</span>
				{yun:}elseif $Info.stime>'0'{/yun}
				<span class=" particulars_title_icon">预定中</span>
				{yun:}/if{/yun}
			</div>
		</div>
		<div class="card_top_word_time">
			<div class="word_time_icon">
				<img src="{yun:}$wap_style{/yun}/images/career_fair_time.png" alt="">
			</div>
			<div class="word_time">{yun:}$Info.starttime|date_format:"%Y-%m-%d"{/yun} 至 {yun:}$Info.endtime|date_format:"%Y-%m-%d"{/yun}</div>
		</div>
		{yun:}if $Info.address{/yun}

		<div class="particulars_card_location">
			<div class="card_location_box">
				<div class="location_box_icon">
					<img src="{yun:}$wap_style{/yun}/images/issue_location.png" alt="">
				</div>
				<div class="location_box_text">{yun:}$Info.address{/yun}</div>
			</div>
		</div> {yun:}/if{/yun}
	</div>

	<div class="zph_show_pd">
		<div class="particulars_body_concise">
			<section>
				{yun:}if $space.pic_n{/yun}
				<div class="zph_bg_pd mt15">
					<div class="zphwap_title"><span class="">招聘会展位图</span></div>
					<div class="fairs_display">
						<img src="{yun:}$space.pic_n{/yun}" class="png" style="max-width:100%" />
					</div>
				</div>
				{yun:}/if{/yun}
				<div class="zph_show_zwcontent mt15">
					<div class="zphwap_title"><span class="">招聘会展位在线预订</span></div>
					<div class="zph_show_content">

						<div class="zph_make">
							<div class="zph_makelist">
								<img class="zph_make_ticon" src="{yun:}$wap_style{/yun}/images/zw_wyd.png" style="background:no-repeat; background-size:100%;" />
								可选
							</div>
							<div class="zph_makelist">
								<img class="zph_make_ticon" src="{yun:}$wap_style{/yun}/images/zw_yxz.png" style="background:no-repeat; background-size:100%;" />
								已选</div>
							<div class="zph_makelist">
								<img class="zph_make_ticon" src="{yun:}$wap_style{/yun}/images/zw_yyd.png" style="background:no-repeat; background-size:100%;" />
								不可选
							</div>
						</div>

						<input type="hidden" id="jobid" />

						{yun:}foreach item=v from=$spacelist{/yun}
						<div class="zph_show_xz_box">
							<div class="zph_show_zwname">{yun:}$v.name{/yun}</div>
							<div class="zph_show_zwbox">
								{yun:}foreach item=val key=key from=$v.list{/yun}
								{yun:}if $val.comstatus=="-1"{/yun}
								<div class="zph_show_zwlist fairs_disp_position" 
									aname="{yun:}$val.name{/yun}" aid="{yun:}$val.id{/yun}" 
									price="{yun:}if $config.com_integral_online==3 && !$meal_zph{/yun}{yun:}$val.price{/yun}{yun:}else{/yun}{yun:}$val.price/$config.integral_proportion{/yun}{yun:}/if{/yun}">
									<i class="zph_make_icon zph_make_icon_kyd"></i>
									<div class="zph_show_zw_n">{yun:}$val.name{/yun}</div>
									<div class="zph_show_zw_zt">可选</div>
								</div>
								{yun:}else{/yun}

								<div class="zph_show_zwlist fairs_disp_position1" aid="{yun:}$val.id{/yun}"
									comname="{yun:}$val.comname|mb_substr:0:14:'utf-8'{/yun}"
									comurl="{yun:}url m=wap c=company a=show id=$val.uid{/yun}">
									<i class="zph_make_icon zph_make_icon_yyd"></i>
									<div class="zph_show_zw_n">{yun:}$val.name{/yun}</div>
									<div class="zph_show_zw_zt">不可选</div>
								</div>

								{yun:}/if{/yun}
								{yun:}/foreach{/yun}
							</div>
						</div>
						{yun:}/foreach{/yun}
					</div>
				</div>
			</section>
		</div>
	</div>
	<div id="reserve_vue" class="none">
		<!--不可预定-->
		<van-popup v-model="noReserveShow" round position="bottom">
			<div class="zph_makebox" style="position:fixed;left:50%; margin-left:-130px;top:160px; z-index:1000">
				<div class="zph_makeboxfix">
					<div class="zph_make_bth_box">
						<div class="zph_make_zw_c">
							<a href="javascript:void(0)" @click="pageTo(comurl)">{{comname}} </a>已预订
						</div>
					</div>
				</div>
			</div>
		</van-popup>
		<!--可预订-->
		<van-popup v-model="reserveShow" round position="bottom" @close="reserveClose" closeable>
			<div class="zph_xzjob ">
				<div class="zph_xzjob_tit">请选择参会职位</div>
				<div class="zph_xzjob_cont">
					<van-checkbox-group v-model="result" @change="changeResult" ref="jobcheckboxGroup">
						<van-cell-group>
							<van-cell clickable title="全选" @click="jobCheckAlltoggle">
								<template #right-icon>
									<van-checkbox v-model="allresult" ref="jobCheckAll" shape="square"></van-checkbox>
								</template>
							</van-cell>
							<van-cell v-for="(item, index) in joblist" clickable :key="item.id" :title="`${item.name}`"
								@click="toggle(index)">
								<template #right-icon>
									<van-checkbox :name="item" ref="jobChecks" shape="square" />
								</template>
							</van-cell>
						</van-cell-group>
					</van-checkbox-group>
				</div>
				<div class="zph_xzjob_bot">
					<div class="zph_xzjob_bot_t">参会展位：<span>{{zphzwname}}</span>
						<span class="zph_make_zw_jg">价格
							<span v-if="com_integral_online=='3' && !meal_zph">
								<span class="zph_make_zw_jg_n" id="zphzwprice">{{zphzwprice}}</span>
								{{integral_priceunit}}{{integral_pricename}}
							</span>
							<span v-else>
								<span class="zph_make_zw_jg_n" id="zphzwprice">{{zphzwprice}}</span>元
							</span>
						</span>
					</div>

					<span id="clickzph" onclick="clickzph();" class="zph_xzjob_bth">提交</span>
				</div>
			</div>
		</van-popup>
	</div>
</div>
<input id="zph_id" value='{yun:}$Info.id{/yun}' type="hidden" />
<input id="zph_etime" value='{yun:}$Info.etime{/yun}' type="hidden" />
<input id="zph_stime" value='{yun:}$Info.stime{/yun}' type="hidden" />
{yun:}include file="$wapstyle/publichtm/public_js.htm"{/yun}
<script src="{yun:}$wap_style{/yun}/js/prefixfree.min.js?v={yun:}$config.cachecode{/yun}" language="javascript">
</script>
<script src="{yun:}$wap_style{/yun}/js/zph.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script type="text/javascript">
	var com_integral_online = '{yun:}$config.com_integral_online{/yun}';
	var meal_zph = '{yun:}$meal_zph{/yun}';
	var integral_priceunit = '{yun:}$config.integral_priceunit{/yun}';
	var integral_pricename = '{yun:}$config.integral_pricename{/yun}';

	var jobIds = [];
	var joblist = [];
	var aid = '';
	var zph_id = '';
	'{yun:}foreach item=jv key=jk from=$joblist{/yun}'
	joblist.push({
		'id': '{yun:}$jv.id{/yun}',
		'name': '{yun:}$jv.name{/yun}'
	});
	'{yun:}/foreach{/yun}'

	var reserve_vue = new Vue({
		el: '#reserve_vue',
		data: {
			noReserveShow: false,
			reserveShow: false,
			joblist: joblist,
			result: [],
			jobIds: [],
			allresult: false,
			zphzwprice: '',
			comurl: '',
			comname: '',
			zphzwname: '',
			integral_pricename: integral_pricename,
			com_integral_online: com_integral_online,
			meal_zph: meal_zph,
			integral_priceunit: integral_priceunit
		},
		methods: {
			toggle(index) {
				var that = this;
				that.$refs.jobChecks[index].toggle();

			},
			changeResult: function() {
				var that = this;
				jobIds = [];
				that.result.forEach((v, i) => {
					if(v && v.id){
						jobIds.push(v.id);
					}
				}, this);
				if (jobIds.length < joblist.length) {
					that.allresult = false;
				} else {
					that.allresult = true;
				}
			},
			jobCheckAlltoggle: function() {
				var that = this;
				that.allresult = !that.allresult;

				that.$refs.jobcheckboxGroup.toggleAll(that.allresult);

			},
			reserveClose: function() {
				var that = this;

				$('.zph_make_icon_yxz').addClass('zph_make_icon_kyd');
				$('.zph_make_icon_yxz').removeClass('zph_make_icon_yxz');
				that.allresult = false;
				that.$refs.jobcheckboxGroup.toggleAll(false);

			},
			pageTo: function(url) {
				window.location.href = url;
			}
		}
	})
	$(document).ready(function() {
		$('#reserve_vue').removeClass('none');
	});
</script>
</body>
</html>