<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./vue.js"></script>
    <title>志愿者</title>
</head>
<body>
    <div id="app" v-cloak>
        <div style="margin-top: 15px;text-align: center;font-size: 30px;">{{redname}}红十字会志愿工作者登记表</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">{{decodeURIComponent(hh.name)}}</td>
						<td class="column">性别</td>
						<td class="value" colspan="1">{{decodeURIComponent(hh.sex_text)}}</td>
						<td class="column">出生年月</td>
						<td class="value" colspan="3">{{decodeURIComponent(hh.birth)}}</td>
                      
						<td class="value" rowspan="4"><img class="portrait" :src="decodeURIComponent(hh.image)" /></td>
                      
					</tr>
					<tr>
						<td class="column">移动电话</td>
						<td class="value">{{decodeURIComponent(hh.phone)}}</td>
						<td class="column">住宅电话</td>
						<td class="value"></td>
						<td class="column">办公电话</td>
						<td class="value" colspan="3"></td>
					</tr>
					<tr>
						<td class="column">电子邮箱</td>
						<td class="value" colspan="3">{{decodeURIComponent(hh.email) != 'undefined'?decodeURIComponent(hh.email): '' }}</td>
						<td class="column">QQ号码</td>
						<td class="value" colspan="3"></td>
					</tr>
					<tr>
						<td class="column">联系地址</td>
						<td class="value" colspan="3">{{decodeURIComponent(hh.address)}}</td>
						<td class="column">邮编</td>
						<td class="value" colspan="3"></td>
					</tr>
					<tr>
						<td class="column">工作单位</td>
						<!--typeof(isadmin)=="undefined"-->
						<td class="value" colspan="3">{{decodeURIComponent(hh.work)!= 'undefined'?decodeURIComponent(hh.work): '' }}</td>
						<td class="column">职业/职务</td>
						<td class="value" colspan="4">{{decodeURIComponent(hh.specialty)!= 'undefined'?decodeURIComponent(hh.specialty): '' }}</td>
					</tr>
					<tr>
						<td class="column">教育程度</td>
						<td class="value" colspan="3">{{chooseEdu[decodeURIComponent(hh.education)*1]}}</td>
						<td class="column">有无服务经验</td>
						<td class="value" colspan="4">{{decodeURIComponent(hh.is_experience_text)}}</td>
						<!--<td class="column">专业</td>-->
						<!--<td class="value" colspan="4">{$arr.zy}</td>-->
					</tr>
					<tr>
						<td class="column" colspan="9">
							<span class="title">可提供服务时间</span>（请于适当方格内加上√号，可选多项）{{decodeURIComponent(hh.work_week_text)}}
						</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>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期一') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期二') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期三') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期四') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期五') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期六') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期日') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('假日') != -1 && timeare.indexOf('早上') != -1 ? '√': ''}}</td>
					</tr>
					<tr>
						<td class="tpl">下午</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期一') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期二') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期三') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期四') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期五') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期六') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期日') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('假日') != -1 && timeare.indexOf('下午') != -1 ? '√': ''}}</td>
					</tr>
					<tr>
						<td class="tpl">晚上</td>
					    <td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期一') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期二') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期三') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期四') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期五') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期六') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('星期日') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
						<td class="value" v-if="">{{decodeURIComponent(hh.work_week_text).indexOf('假日') != -1 && timeare.indexOf('晚上') != -1 ? '√': ''}}</td>
					</tr>
					<tr>
						<td class="column" colspan="9">
							<span class="title">有兴趣参与的工作</span>（请于适当方格内加上√号，可选多项）
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('赈灾工作') != -1"/>赈灾工作</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('救护培训') != -1"/>救护培训</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('活动策划') != -1"/>活动策划</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('护送服务') != -1"/>护送服务</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('编辑及出版') != -1"/>编辑及出版</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('医疗护理服务') != -1"/>医疗护理服务</div>
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('探访服务') != -1"/>探访服务</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('外语翻译') != -1"/>外语翻译</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('调查服务') != -1"/>调查服务</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('联络服务') != -1"/>联络服务</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('宣传及推广') != -1"/>宣传及推广</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste).indexOf('文书档案工作') != -1"/>文书档案工作</div>
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.taste_title) != 'undefined'"/>其他(请注明):{{decodeURIComponent(hh.taste_title) != 'undefined'? decodeURIComponent(hh.taste_title): ''}}</div>
						</td>
					</tr>
					<tr>
						<td class="column" colspan="9">
							<span class="title">专长</span>（请于适当方格内加上√号，可选多项）
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
                            <div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('医疗护理') != -1"/>医疗护理</div>
                            <div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('紧急救护') != -1"/>紧急救护</div>
						    <div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('出版/设计') != -1"/>出版/设计</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('影音制作') != -1"/>影音制作</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('文艺演出') != -1"/>文艺演出</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('网络软件') != -1"/>网络软件</div>
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('摄影摄像') != -1"/>摄影摄像</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('电脑中文打字') != -1"/>电脑中文打字</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('汽车驾驶') != -1"/>汽车驾驶</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('外语翻译') != -1"/>外语翻译</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('文书档案工作') != -1"/>文书档案工作</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('法律咨询') != -1"/>法律咨询</div>
						</td>
					</tr>
					<tr class="value1-tip">
						<td colspan="9">
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali).indexOf('文案策划') != -1"/>文案策划</div>
							<div class="value1"><input type="checkbox" class="cameraCheckBoxTop" :checked="decodeURIComponent(hh.speciali_title) != 'undefined'"/>其他(请注明):{{decodeURIComponent(hh.speciali_title) != 'undefined'?decodeURIComponent(hh.speciali_title): ''}}</div>
						</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>  
    </div>
</body>
<script type="text/javascript" charset="utf-8">
    console.log(window.location.search)
    var app = new Vue({
                el: '#app',
                data() {
                        return {
                           hh: '',
                           chooseEdu: ['小学以下', '小学', '初中', '高中/中专', '大专/高职','本科','研究生', '硕士', '博士', '博士后'],
                        //   timeare: '早上',
                        }
                },
                created() {
                        // this.loadData();
                        // alert(window.location.search)
                        this.hh = this.GetRequest()
                },
                computed: {
                    redname() {
                        let str = ''
                        if(this.hh) {
                            console.log(this.hh,'this.hh')
                            switch (this.hh.cid) {
                            case '7':
                               str = '公安县'
                               break;
                            case '2':
                                str = '咸宁市'
                                break;
                            case '12':
                                str = '咸宁市'
                                break
                            case '9':
                                str = '东宝区'
                                break;
                            case '11':
                                str = '长宁区'
                                break;
                            case '13':
                                str = '赤壁市'
                                break;
                           default:
                       } 
                        }
                       return str
                    },
                    timeare() {
                        let bin =  decodeURIComponent(this.hh.start_hour)
                        let ed = decodeURIComponent(this.hh.end_hour)
                        console.log(bin,ed)
                        let str = ''
                        if(bin < '12:00') {
                            str += '上午'
                        }else if(bin < '17:00') {
                             str += '下午'
                        }else {
                            str += '晚上'
                        }
                        
                        if(ed < '12:00') {
                             str += '上午'
                        }else if(ed < '17:00') {
                             str += '下午'
                        }else {
                            str += '晚上'
                        }
                        console.log(str,'shijian ')
                        return str
                    }
                },
                mounted() {

                },
                methods: {
                    GetRequest() {
                        var url = location.search; //获取url中"?"符后的字串
                        var theRequest = new Object();
                        if (url.indexOf("?") != -1) {
                            var str = url.substr(1);
                            strs = str.split("&");
                            for(var i = 0; i < strs.length; i ++) {
                            theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
                            }
                        }
                            return theRequest;
                    }
                }

        })
</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>
</html>