odd_job/app/web/view/comjobs/detail.html

<style>
	.label-default {
	    background-color: #ccc;
	}
</style>

<div class="container" style="padding: 20px 0px 15px 0px;">
	<ol class="breadcrumb">
		<li><a href="{:url('/home/home')}">首页</a></li>
		<li><a href="{:url('/comjobs/comjobs')}">招聘信息</a></li>
		<li class="active">{$comjobs.title}</li>
	</ol>
</div>


<div class="container">
	<div class="row comjobsitem">
		<div class="col-md-4 col-sm-12">
			<img class="img-thumbnail img-responsive" style="width: 100%;" src="{$comjobs.worker.tilpic}" />
		</div>
		<div class="col-md-8 col-sm-12">
			<div>
				<h3><strong>{$comjobs.title}</strong></h3>
				<p>
					{switch comjobs.wtype }
					{case 1}<span class="text-danger bwagall">{$comjobs.bwagall}-{$comjobs.zwagall}元/月</span>{/case}
					{case 2}<span class="text-danger bwagall">{$comjobs.bwagall}元/日</span>{/case}
					{case 3}<span class="text-danger bwagall">{$comjobs.bwagall}元/时</span>{/case}
					{case 4}<span class="text-danger bwagall">其他</span>{/case}
					{default /}其他
					{/switch}
				</p>
			</div>
			<div>
				<p>
					{foreach $comjobs.tags as $tkey=>$tvo }
					<span class="label label-default">{$tvo}</span>
					{/foreach}
				</p>
				<p class="text-muted" style="line-height: 40px;"> <i class="glyphicon glyphicon-ok-sign text-success"></i>
					发布机构：{$comjobs.worker.title}</p>
				<p><span class="text-muted">岗位要求：</span>{$comjobs.requirement}</p>
				<p><span class="text-muted">年龄要求：</span>{$comjobs.agegroup}</p>
				<p><span class="text-muted">工作地点：</span>{$comjobs.province} - {$comjobs.city} - {$comjobs.district}</p>
				<p><span class="text-muted">截止日期：</span>{$comjobs.enddate}</p>
				<p class="text-right">
					<button type="button" class="btn btn-warning btn-lg" data-toggle="modal" data-target="#logModal">立即申请</button>
				</p>
			</div>
		</div>
		<div class="col-md-12">
			<hr />
		</div>
	</div>
</div>

<div class="modal fade" id="logModal" tabindex="-1" role="dialog" aria-labelledby="logModal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="logModal">立即报名申请</h4>
			</div>
			<div class="modal-body">
				<form>
					<div class="form-group form-group-lg">
						<label for="mobile" class="control-label">报名手机号</label>
						<input type="text" class="form-control input-lg" id="mobile" placeholder="请输入用户手机号..." value="{$usermobile}">
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-primary" onclick="javascript:setLog({$comjobs.id});">立即申请</button>
			</div>
		</div>
	</div>
</div>

<div class="container">
	<div class="row">
		<div class="col-md-12">
			<div class="page-header">
				<h3>企业介绍</h3>
			</div>
			<div>
				{$comjobs.comdetails|raw}
			</div>
		</div>
	</div>
</div>


<div class="container">
	<div class="row">
		<div class="col-md-12">
			<div class="page-header">
				<h3>热门推荐 <small>{$comjobs.worker.title}</small></h3>
			</div>
		</div>
	</div>

	{foreach $comjobslist as $key=>$vo }
	<div class="row comjobsitem">
		<div class="col-md-3 col-sm-12">
			<img class="img-responsive" style="max-height: 200px !important;" src="{$vo.worker.tilpic}" />
		</div>
		<div class="col-md-9 col-sm-12">
			<a href="{:url('/comjobs/detail',['comjobsid' => $vo.id])}">
				{switch vo.wtype }
				{case 1}<span class="text-danger pull-right bwagall">{$vo.bwagall}-{$vo.zwagall}元/月</span>{/case}
				{case 2}<span class="text-danger pull-right bwagall">{$vo.bwagall}元/日</span>{/case}
				{case 3}<span class="text-danger pull-right bwagall">{$vo.bwagall}元/时</span>{/case}
				{case 4}<span class="text-danger pull-right bwagall">其他</span>{/case}
				{default /}其他
				{/switch}
				<h4><strong>{$vo.title}</strong></h4>
			</a>
			<div>
				<p>
					{foreach $vo.tags as $tkey=>$tvo }
					<span class="label label-default">{$tvo}</span>
					{/foreach}
				</p>
				<p>年龄要求：{$vo.agegroup}</p>
				<p>工作地点：{$vo.province} - {$vo.city} - {$vo.district}</p>
				<p>截止日期：{$vo.enddate}</p>
				<p class="text-right">
					<a href="{:url('/comjobs/detail',['comjobsid' => $vo.id])}" type="button" class="btn btn-warning">申请面试</a>
				</p>
			</div>
		</div>
		<div class="col-md-12">
			<hr />
		</div>
	</div>
	{/foreach}
</div>

<script>
	var loading = false;
	function setLog(comjobsid) {
		var mobile = $("#mobile").val();
		var reg = /^1[3|4|5|7|8][0-9]\d{4,8}$/;
		if (mobile == null || mobile == "" || !reg.exec(mobile)) {
			alert("手机号有误，请重新填写。");
			return false;
		}
		if (loading==true){
			return false;
		}
		loading = true;
		$.ajax({
		    url: "{:url('/comjobs/setlog')}",
		    data: {comjobsid:comjobsid, mobile:mobile},
		    type: 'GET',
		    async: true,
		    cache: false,
		    dataType: 'json',
		    beforeSend:function(){},
		    success: function(ret){
				console.log(ret);
				if (ret['status']=="success") {
				   $('#logModal').modal('hide');
				}
				alert(ret['msg']);
		    },
		    error:function(){},
		    complete:function(){
				loading = false;
			}
		});
		
		console.log("mobile: " + JSON.stringify(mobile));
	}
</script>