<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<script src="layui/layui.all.js"></script>
		<link rel="stylesheet" href="layui/css/layui.css">
		<title></title>
	</head>
	<body>
		<div>
			<div style="margin-top: 15px;text-align: center;font-size: 30px;">{$arr.project_area === 0 ? '荆州市': ($arr.project_area ===226 ? '洪湖市':( $arr.project_area === 222 ? '沙市区' : ($arr.project_area === 213 ? '荆州区' : ($arr.project_area === 214 ? '江陵县' :( $arr.project_area === 224 ? '松滋市' : '石首市')))))}红十字会志愿工作者登记表</div>
			<div style="margin:15px auto;">
				<table class="table table-striped table-bordered" align="center" valign="center">
					<tr>
						<td class="column title" colspan="9">个人资料</td>
					</tr>
					<tr>
						<td class="column">姓名</td>
						<td class="value">{$arr.name}</td>
						<td class="column">性别</td>
						<td class="value" colspan="1">{$arr.sex}</td>
						<td class="column">出生年月</td>
						<td class="value" colspan="3">{$arr.birth}</td>
                      {volist name="$arr.picture" id="vo"}
						<td class="value" rowspan="4"><img class="portrait" src="{$vo}" /></td>
                      {/volist}
					</tr>
					<tr>
						<td class="column">移动电话</td>
						<td class="value">{$arr.phone}</td>
						<td class="column">住宅电话</td>
						<td class="value">{$arr.mobile}</td>
						<td class="column">办公电话</td>
						<td class="value" colspan="3"></td>
					</tr>
					<tr>
						<td class="column">电子邮箱</td>
						<td class="value" colspan="3">{$arr.email}</td>
						<td class="column">QQ号码</td>
						<td class="value" colspan="3"></td>
					</tr>
					<tr>
						<td class="column">联系地址</td>
						<td class="value" colspan="3">{$arr.address}</td>
						<td class="column">邮编</td>
						<td class="value" colspan="3">{$arr.zip}</td>
					</tr>
					<tr>
						<td class="column">工作单位</td>
						<td class="value" colspan="3">{$arr.work}</td>
						<td class="column">职业/职务</td>
						<td class="value" colspan="4">{$arr.specialty}</td>
					</tr>
					<tr>
						<td class="column">教育程度</td>
						<td class="value" colspan="3">{$arr.education}</td>
						<td class="column">有无服务经验</td>
						<td class="value" colspan="4">{$arr.is_experience}</td>
						<!--<td class="column">专业</td>-->
						<!--<td class="value" colspan="4">{$arr.zy}</td>-->
					</tr>
					<tr>
						<td class="column" colspan="9">
							<span class="title">可提供服务时间</span>（请于适当方格内加上√号，可选多项）
						</td>
					</tr>
					<tr>
						<td class="tpl">时间</td>
						<td class="tpl">周一</td>
						<td class="tpl">周二</td>
						<td class="tpl">周三</td>
						<td class="tpl">周四</td>
						<td class="tpl">周五</td>
						<td class="tpl">周六</td>
						<td class="tpl">周日</td>
						<td class="tpl">假日</td>
					</tr>
					<tr>
						<td class="tpl">早上</td>
                       {if strpos($arr.date,'星期一') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期二') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期三') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期四') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期五') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期六') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期日') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'假日') !== false && strpos($arr.quantum,'早上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
					</tr>
					<tr>
						<td class="tpl">中午</td>
						  {if strpos($arr.date,'星期一') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期二') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期三') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期四') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期五') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期六') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期日') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'假日') !== false && strpos($arr.quantum,'中午') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
					</tr>
					<tr>
						<td class="tpl">晚上</td>
					  {if strpos($arr.date,'星期一') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期二') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期三') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期四') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期五') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期六') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'星期日') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
						 {if strpos($arr.date,'假日') !== false && strpos($arr.quantum,'晚上') !== false}
						<td class="value">√</td>
                      {else /}
                      <td class="value"></td>
                      {/if}
					</tr>
					<tr>
						<td class="column" colspan="9">
							<span class="title">有兴趣参与的工作</span>（请于适当方格内加上√号，可选多项）
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
                          	 {if strpos($arr.taste,'赈灾工作') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>赈灾工作</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>赈灾工作</div>
                          {/if}
                           {if strpos($arr.taste,'救护培训') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>救护培训</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>救护培训</div>
                          {/if}
                            {if strpos($arr.taste,'活动策划') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>活动策划</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>活动策划</div>
                          {/if}
							  {if strpos($arr.taste,'护送服务') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>护送服务</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>护送服务</div>
                          {/if}
							 {if strpos($arr.taste,'编辑及出版') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>编辑及出版</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>编辑及出版</div>
                          {/if}
							 {if strpos($arr.taste,'医疗护理服务') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>医疗护理服务</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>医疗护理服务</div>
                          {/if}
						
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
                           {if strpos($arr.taste,'探访服务') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>探访服务</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>探访服务</div>
                          {/if}
							{if strpos($arr.taste,'外语翻译') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>外语翻译</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>外语翻译</div>
                          {/if}
							{if strpos($arr.taste,'调查服务') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>调查服务</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>调查服务</div>
                          {/if}
							{if strpos($arr.taste,'联络服务') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>联络服务</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>联络服务</div>
                          {/if}
							{if strpos($arr.taste,'宣传及推广') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>宣传及推广</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>宣传及推广</div>
                          {/if}
							{if strpos($arr.taste,'文书档案工作') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>文书档案工作</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>文书档案工作</div>
                          {/if}
							
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>其他(请注明):{$arr.make_taste}</div>
							<!--<div class="value2">{$arr.make_taste}</div>-->
						</td>
					</tr>
					<tr>
						<td class="column" colspan="9">
							<span class="title">专长</span>（请于适当方格内加上√号，可选多项）
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
                          {if strpos($arr.speciali,'医疗护理') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>医疗护理</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>医疗护理</div>
                          {/if}
							 {if strpos($arr.speciali,'紧急救护') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>紧急救护</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>紧急救护</div>
                          {/if}
							{if strpos($arr.speciali,'出版') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>出版/设计</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>紧急救护</div>
                          {/if}
							{if strpos($arr.speciali,'出版') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>影音制作</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>影音制作</div>
                          {/if}
							{if strpos($arr.speciali,'文艺演出') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>文艺演出</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>文艺演出</div>
                          {/if}
							{if strpos($arr.speciali,'网络软件') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>网络软件</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>网络软件</div>
                          {/if}
						
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
                          {if strpos($arr.speciali,'摄影摄像') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>摄影摄像</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>摄影摄像</div>
                          {/if}
							{if strpos($arr.speciali,'电脑中文打字') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>电脑中文打字</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>电脑中文打字</div>
                          {/if}
							{if strpos($arr.speciali,'汽车驾驶') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>汽车驾驶</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>汽车驾驶</div>
                          {/if}
							{if strpos($arr.speciali,'外语翻译') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>外语翻译</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>外语翻译</div>
                          {/if}
							{if strpos($arr.speciali,'文书档案工作') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>文书档案工作</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>文书档案工作</div>
                          {/if}
							{if strpos($arr.speciali,'法律咨询') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>法律咨询</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>法律咨询</div>
                          {/if}
							
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
                          {if strpos($arr.speciali,'文案策划') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>文案策划</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>文案策划</div>
                          {/if}
							 {if strpos($arr.speciali,'其他') !== false}
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" checked/>其他(请注明):{$arr.make_speciali}</div>
                          {else /}
                          <div class="value1"><input type="checkbox" class="cameraCheckBoxTop"/>其他(请注明):{$arr.make_speciali}</div>
                          {/if}
						</td>
					</tr>
					<tr>
						<td class="column title" colspan="9">个人声明</td>
					</tr>
					<tr>
						<td class="value" colspan="9">
							<div class="value4" style="padding-top: 22px;">本人同意将个人资料送交红十字志愿者工作委员会，申请注册登记，成为</br>一名光荣的红十字志愿工作者，并乐于接受志愿工作安排，提供服务。</div>
							<div class="value5">申请人（签名）：</div>
							<div class="value6"><p class="tp">年<p class="tp">月</p><p class="tp"> 日</p></div>
						</td>
					</tr>
					<tr>
						<td class="column title" colspan="2">管理机构意见</td>
						<td class="value" colspan="7">
							<div class="value7">（签章）</div>
							<div class="value8"><p class="tp">年<p class="tp">月</p><p class="tp"> 日</p></div>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="./js/jquery.js"></script>
<script>
	//一般直接写在一个js文件中
	layui.use(['layer', 'form'], function() {
		var layer = layui.layer,
			form = layui.form;
		setTimeout(function() {
			$("#EleId").hide();
		}, 5000);
	});
</script>
<style scoped="scoped">
	.table {
		border-collapse: collapse;
		border-spacing: 0;
		background-color: transparent;
		display: table;
		max-width: 100%;
		margin: 0 auto;
	}

	.table td {
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		font-family: 'Arial Normal', 'Arial';
		color: #333333;
		padding: 4px 12px;
	}

	.table-bordered {
		border: 1px solid #ddd;
	}

	* {
		margin: 0px;
		padding: 0px;
	}
	.column {
		width: 100px;
		height: 15px;
		border: 1px solid #333;
		background: #f1f1f1;
	}
	.tpl{
		width: 50px !important;
		height: 15px;
		border: 1px solid #333;
		background: #f1f1f1;
	}
    .title{
		font-size: 18px !important;
		font-weight: bold;
	}
	.value {
		width: 20px;
		height: 15px;
		border: 1px solid #333;
	}
	.value1-tip{
		border: 1px solid #333;
	}
    .value1{
		min-width:110px;
		display: inline-block;
	}
	.value9{
			width:550px;
		display: inline-block;
		text-align: left;
	}
	.value2{
		width:550px;
		display: inline-block;
		text-align: left;
	}
	.value3{
		width:610px;
		display: inline-block;
		text-align: left;
	}
	.value4{
		padding: 8px 0px;
	}
	.value5{
		padding-right: 180px;
		text-align: right;
	}
	.value6{
		text-align: right;
		padding: 8px 45px;
	}
	.value7{
		text-align: right;
		padding-right: 180px;
		padding-top: 10px;
	}
	.value8{
		text-align: right;
		padding: 8px 45px;
	}
	.tp{
		width: 60px;
		display: inline-block;
	}
	
	.cameraCheckBoxTop{
		margin-right: 8px;
		width: 15px;
		height: 15px;
	}
	.portrait {
		width: 100px;
		height: 100px;
	}
	.button-dayin{
		background-color: #FF0000;
		color: #FFFFFF;
		width: 200px;
		padding: 20px 0px;
		margin: 50px auto;
		text-align: center;
		font-size: 30px;
	}
</style>
