|
|
|
@ -4,148 +4,263 @@
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
|
|
|
|
|
<title>国防爱国主义教育</title>
|
|
|
|
|
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
|
|
|
|
|
<script src="/vue.min.js"></script>
|
|
|
|
|
<script src="/axios.min.js"></script>
|
|
|
|
|
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/index.css?640523">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="__IMG__/lunbo/swiper.min.css">
|
|
|
|
|
<link rel="stylesheet" href="__IMG__/lunbo/demo.css">
|
|
|
|
|
<script src="__IMG__/lunbo/swiper.min.js"></script>
|
|
|
|
|
<style>
|
|
|
|
|
.tabs {
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
.tabs ul {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
.tabs ul li {
|
|
|
|
|
padding: 0px 10px;
|
|
|
|
|
height: 50px;
|
|
|
|
|
line-height: 50px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: rgba(0,0,0,0.45)
|
|
|
|
|
}
|
|
|
|
|
.tabs ul .isactive {
|
|
|
|
|
color: #000;
|
|
|
|
|
border-bottom: 4px solid #559C74;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
}
|
|
|
|
|
.blue .left{
|
|
|
|
|
background: #02b9f6 !important;
|
|
|
|
|
}
|
|
|
|
|
.blue .right{
|
|
|
|
|
background: #02b9f6 !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body><div id="app" :class="bodyOver?'van-over':''" >
|
|
|
|
|
<div class="toptitle">国防爱国主义教育</div>
|
|
|
|
|
|
|
|
|
|
<img src="__IMG__/jimg1.png" style="width:100%;display: block" />
|
|
|
|
|
<div class="bottomDiv" style="padding-top: 20px;">
|
|
|
|
|
<div class="beforeCon">
|
|
|
|
|
<div class="title"><img src="__IMG__/icon2.png" />前言<img src="__IMG__/icon1.png" /></div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
通过严格、系统的国防爱国主义教育,提高学生的政治觉悟,激发爱国热情,发扬革命英雄主义精神,培养艰苦奋斗,刻苦耐劳的坚强毅力和集体主义精神,增强国防观念和组织纪律性,养成良好的学风和生活作风,提高自理自立能力,领悟"立德、力学、力行、立新"的真正含义,掌握基本军事知识与技能。
|
|
|
|
|
<img src="__IMG__/jimg1.png" style="width:100%;display: block" />
|
|
|
|
|
<div class="bottomDiv" style="padding-top: 20px;">
|
|
|
|
|
<div class="beforeCon">
|
|
|
|
|
<div class="title"><img src="__IMG__/icon2.png" />前言<img src="__IMG__/icon1.png" /></div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
通过严格、系统的国防爱国主义教育,提高学生的政治觉悟,激发爱国热情,发扬革命英雄主义精神,培养艰苦奋斗,刻苦耐劳的坚强毅力和集体主义精神,增强国防观念和组织纪律性,养成良好的学风和生活作风,提高自理自立能力,领悟"立德、力学、力行、立新"的真正含义,掌握基本军事知识与技能。
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="font-weight: bold;text-align: center">
|
|
|
|
|
<div style="font-weight: bold;text-align: center">
|
|
|
|
|
|
|
|
|
|
<div style="display: inline;position:relative;text-align: center;">
|
|
|
|
|
<img src="__IMG__/jicon0.png" style="position: absolute;left:-30px;"/>
|
|
|
|
|
<div style="display: inline;position:relative;text-align: center;">
|
|
|
|
|
<img src="__IMG__/jicon0.png" style="position: absolute;left:-30px;"/>
|
|
|
|
|
|
|
|
|
|
在这里你将会<br />得到</div>
|
|
|
|
|
<div style="clear: both;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
在这里你将会<br />得到</div>
|
|
|
|
|
<div style="clear: both;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;margin-top: 30px;">
|
|
|
|
|
<div style="flex: 1;margin:10px 5px 10px 10px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon1.png" /></div>
|
|
|
|
|
培养爱国主义精神</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">充分认清加强国防建设,增强国家综合国力的重大意义,要不断增强努力学习,抱效祖国的责任感和使命感。</div>
|
|
|
|
|
<div style="display: flex;margin-top: 30px;">
|
|
|
|
|
<div style="flex: 1;margin:10px 5px 10px 10px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon1.png" /></div>
|
|
|
|
|
培养爱国主义精神</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">充分认清加强国防建设,增强国家综合国力的重大意义,要不断增强努力学习,抱效祖国的责任感和使命感。</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1;margin:10px 10px 10px 5px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon2.png" /></div>
|
|
|
|
|
增强国防观念</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">对中学生进行国防观念教育,对于进一步激发青少年爱国热情,增强建设祖国、保卫祖国的责任感,更好地担负起时代赋予的历史使命,是十分重要和必要的。 </div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1;margin:10px 10px 10px 5px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon2.png" /></div>
|
|
|
|
|
增强国防观念</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">对中学生进行国防观念教育,对于进一步激发青少年爱国热情,增强建设祖国、保卫祖国的责任感,更好地担负起时代赋予的历史使命,是十分重要和必要的。 </div>
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;margin-top: 30px;" >
|
|
|
|
|
<div style="flex: 1;margin:10px 5px 10px 10px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon3.png" /></div>
|
|
|
|
|
培养良好意志品质</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">国防爱国主义研学活动培养和磨炼了学生果断、勇敢、顽强、自制和坚韧不拔的优良意志品质。</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1;margin:10px 10px 10px 5px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon4.png" /></div>
|
|
|
|
|
塑造集体主义精神</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">每个学生生活在这种优良的集体中,使之相信组织,依靠集体,关心集体,维护集体,不断克服不良行为和习惯,不断克服个人主义,不断塑造集体主义思想。 </div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;margin-top: 30px;" >
|
|
|
|
|
<div style="flex: 1;margin:10px 5px 10px 10px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon3.png" /></div>
|
|
|
|
|
培养良好意志品质</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">军训培养和磨炼了学生果断、勇敢、顽强、自制和坚韧不拔的优良意志品质。</div>
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;margin-top: 30px;">
|
|
|
|
|
<div style="flex: 1;margin:10px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon5.png" /></div>
|
|
|
|
|
提高身体素质</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">国防爱国主义研学活动培养了学生锻炼身体,增强体质的自觉意识,国防爱国主义研学活动时间虽短,但经过刻苦训练,身体素质发生了很大变化,身体强壮了,精力充沛了,学习效率得到了提高;紧张有序的国防爱国主义研学活动生活节奏使学生学会了科学利用时间。</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1;margin:10px 10px 10px 5px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon4.png" /></div>
|
|
|
|
|
塑造集体主义精神</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">每个学生生活在这种优良的集体中,使之相信组织,依靠集体,关心集体,维护集体,不断克服不良行为和习惯,不断克服个人主义,不断塑造集体主义思想。 </div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tongTitle">
|
|
|
|
|
报名须知
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;margin-top: 30px;">
|
|
|
|
|
<div style="flex: 1;margin:10px;background: #F5F1F4;">
|
|
|
|
|
<div style="color:#298A52;font-size: 14px;text-align: center">
|
|
|
|
|
<div style="margin: 0 auto;margin-top:-20px;"><img src="__IMG__/jicon5.png" /></div>
|
|
|
|
|
提高身体素质</div>
|
|
|
|
|
<div style="color:#666666;font-size: 12px;padding: 5px;">军训培养了学生锻炼身体,增强体质的自觉意识,军训时间虽短,但经过刻苦训练,身体素质发生了很大变化,身体强壮了,精力充沛了,学习效率得到了提高;紧张有序的军训生活节奏使学生学会了科学利用时间。</div>
|
|
|
|
|
<div class="tongContent">
|
|
|
|
|
①缴费报名前请先确认国防爱国主义研学活动时间及学校,再点击“马上报名”,进入页面后按照栏目信息提示填写学生缴费信息,确认无误后点击“提交信息”,进入页面后再次确认报名信息无误后点击“确认提交”,最后进入页面确认无误后点击“确认支付”。<br/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tongTitle">
|
|
|
|
|
报名须知
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tongContent">
|
|
|
|
|
①缴费报名前请先确认军训时间及学校,再点击“马上报名”,进入页面后按照栏目信息提示填写学生缴费信息,确认无误后点击“提交信息”,进入页面后再次确认报名信息无误后点击“确认提交”,最后进入页面确认无误后点击“确认支付”。<br/>
|
|
|
|
|
②如若系统无法进入或操作失误,请立即联系系统工程师。朱先生:18906611076
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tongTitle">
|
|
|
|
|
军训时间及学校报名
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tongContent">
|
|
|
|
|
<!--1-1-->
|
|
|
|
|
{volist name="$data['son']" id="vo"}
|
|
|
|
|
|
|
|
|
|
<div class="enroll">
|
|
|
|
|
<div class="left" style="font-size: 12px;">{$vo['title']}</div>
|
|
|
|
|
<div class="middle">
|
|
|
|
|
<div>报名人数{$vo['buy_num']}</div>
|
|
|
|
|
<div class="progress">
|
|
|
|
|
<div class="progressSon" style="width:100%"></div>
|
|
|
|
|
|
|
|
|
|
<div class="tongTitle">
|
|
|
|
|
国防爱国主义研学活动时间及学校报名
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tongContent">
|
|
|
|
|
<div class="tabs">
|
|
|
|
|
<ul>
|
|
|
|
|
{for start=":date('Y')*-1" end="-2019" }
|
|
|
|
|
<li><span class="tabSpan" @click="chooseYear($event)">{$i*-1}年</span></li>
|
|
|
|
|
{/for}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content blue" id="yearcontent">
|
|
|
|
|
</div>
|
|
|
|
|
<!--1-1-->
|
|
|
|
|
<!-- {volist name="$data['son']" id="vo"}
|
|
|
|
|
{if condition="$vo['max_num'] eq $vo['buy_num']"}
|
|
|
|
|
<div class="enroll">
|
|
|
|
|
<div class="left">{$vo['title']}</div>
|
|
|
|
|
<div class="middle">
|
|
|
|
|
<div>报名人数{$vo['buy_num']}</div>
|
|
|
|
|
<div class="progress">
|
|
|
|
|
<div class="progressSon" style="width: {$vo['buy_num']/$vo['max_num']*100}%"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>{$vo['start_time']}-{$vo['end_time']}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
{$vo['start_time']}
|
|
|
|
|
<div class="right">
|
|
|
|
|
已满营
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="right" data-title="{$data['title']}" data-start_time=" {$vo['start_time']}" data-style="{$data['style']}" data-id="{$vo['id']}" data-price="{$vo['price']}" data-school="{$vo['title']}" @click="enroll($event)">马上报名</div>
|
|
|
|
|
</div>
|
|
|
|
|
{/volist}
|
|
|
|
|
<!--活动1结束-->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--弹窗显示-->
|
|
|
|
|
<div class="pop_bg" v-show="popShow" @click="enrollClose">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pop_con" v-show="popShow">
|
|
|
|
|
<div class="close" @click="enrollClose"><img src="__IMG__/iconClose.png" /></div>
|
|
|
|
|
<div style="margin:0 20px;">
|
|
|
|
|
<!--<div class="list">活动主题:{{title}}</div>-->
|
|
|
|
|
<div class="list">活动时间:{{start_time}}</div>
|
|
|
|
|
<!--<div class="list">活动价格:{{price}}</div>-->
|
|
|
|
|
<div style="align-items:center; display: -webkit-flex;justify-content:center; display: -webkit-flex;margin:20px 0px;">
|
|
|
|
|
<div style="height: 1px;border-top:1px solid #E6E6E6;flex: 1;"></div>
|
|
|
|
|
<div style="margin:0 10px;font-size: 12px;color: #666666">信息填写</div>
|
|
|
|
|
<div style="height: 1px;border-top:1px solid #E6E6E6;flex: 1;"></div>
|
|
|
|
|
{else /}
|
|
|
|
|
{if condition="$vo['end_time'].' 16' < date('Y-m-d H')"}
|
|
|
|
|
<div class="enroll">
|
|
|
|
|
<div class="left">{$vo['title']}</div>
|
|
|
|
|
<div class="middle">
|
|
|
|
|
<div>报名人数{$vo['buy_num']}</div>
|
|
|
|
|
<div class="progress">
|
|
|
|
|
<div class="progressSon" style="width: {$vo['buy_num']/$vo['max_num']*100}%"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>{$vo['start_time']|strtotime|date='n月j日',###}-{$vo['end_time']|strtotime|date='n月j日',###}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">已截止</div>
|
|
|
|
|
</div>
|
|
|
|
|
{else /}
|
|
|
|
|
<div class="enroll">
|
|
|
|
|
<div class="left">{$vo['title']}</div>
|
|
|
|
|
<div class="middle">
|
|
|
|
|
<div>报名人数{$vo['buy_num']}</div>
|
|
|
|
|
<div class="progress">
|
|
|
|
|
<div class="progressSon" style="width: {$vo['buy_num']/$vo['max_num']*100}%"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>{$vo['start_time']|strtotime|date='n月j日',###}-{$vo['end_time']|strtotime|date='n月j日',###}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right" data-title="{$vo['title']}" data-start_time="{$vo['start_time']|strtotime|date='n月j日',###}-{$vo['end_time']|strtotime|date='n月j日',###}" data-school="{$vo['title']}" data-style="{$vo['style']}" data-id="{$vo['id']}" @click="enroll($event)">马上报名</div>
|
|
|
|
|
</div>
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
{/volist} -->
|
|
|
|
|
<!--活动1结束-->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'" style="display:flex;align-items: center;">性别<span>*</span>
|
|
|
|
|
<div style="width:20px;"></div> 男<input style='width: 16px;height:16px;' value="1" v-model='addForm.sex' type="radio" />
|
|
|
|
|
<div style="width:20px;"></div>女<input style='width: 16px;height:16px;' value="2" v-model='addForm.sex' type="radio" />
|
|
|
|
|
<!-- <div class="tongContent">-->
|
|
|
|
|
<!-- <!–1-1–>-->
|
|
|
|
|
<!-- {volist name="$data['son']" id="vo"}-->
|
|
|
|
|
<!-- {if condition="$vo['max_num'] eq $vo['buy_num']"}-->
|
|
|
|
|
<!-- <div class="enroll">-->
|
|
|
|
|
<!-- <div class="left">{$vo['title']}</div>-->
|
|
|
|
|
<!-- <div class="middle">-->
|
|
|
|
|
<!-- <div>报名人数{$vo['buy_num']}</div>-->
|
|
|
|
|
<!-- <div class="progress">-->
|
|
|
|
|
<!-- <div class="progressSon" style="width: {$vo['buy_num']/$vo['max_num']*100}%"></div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div>{$vo['start_time']}-{$vo['end_time']}</div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="right">-->
|
|
|
|
|
<!-- 已满营-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- {else /}-->
|
|
|
|
|
<!-- {if condition="$vo['end_time'].' 16' < date('Y-m-d H')"}-->
|
|
|
|
|
<!-- <div class="enroll">-->
|
|
|
|
|
<!-- <div class="left">{$vo['title']}</div>-->
|
|
|
|
|
<!-- <div class="middle">-->
|
|
|
|
|
<!-- <div>报名人数{$vo['buy_num']}</div>-->
|
|
|
|
|
<!-- <div class="progress">-->
|
|
|
|
|
<!-- <div class="progressSon" style="width: {$vo['buy_num']/$vo['max_num']*100}%"></div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div>{$vo['start_time']|strtotime|date='n月j日',###}-{$vo['end_time']|strtotime|date='n月j日',###}</div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="right">已截止</div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- {else /}-->
|
|
|
|
|
<!-- <div class="enroll">-->
|
|
|
|
|
<!-- <div class="left">{$vo['title']}</div>-->
|
|
|
|
|
<!-- <div class="middle">-->
|
|
|
|
|
<!-- <div>报名人数{$vo['buy_num']}</div>-->
|
|
|
|
|
<!-- <div class="progress">-->
|
|
|
|
|
<!-- <div class="progressSon" style="width: {$vo['buy_num']/$vo['max_num']*100}%"></div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div>{$vo['start_time']|strtotime|date='n月j日',###}-{$vo['end_time']|strtotime|date='n月j日',###}</div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="right" data-title="{$vo['title']}" data-time="{$vo['start_time']|strtotime|date='n月j日',###}-{$vo['end_time']|strtotime|date='n月j日',###}" data-style="{$vo['style']}" data-school="{$vo['title']}" data-id="{$vo['id']}" @click="enroll($event)">马上报名</div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- {/if}-->
|
|
|
|
|
<!-- {/if}-->
|
|
|
|
|
<!-- {/volist}-->
|
|
|
|
|
<!-- <!–活动1结束–>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
|
|
<!--弹窗显示-->
|
|
|
|
|
<div class="pop_bg" v-show="popShow" @click="enrollClose">
|
|
|
|
|
</div>
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">
|
|
|
|
|
姓名<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.name' type="text" :readonly="canSub===false ? false : 'readonly'"/></div>
|
|
|
|
|
<div class="pop_con" v-show="popShow">
|
|
|
|
|
<div class="close" @click="enrollClose"><img src="__IMG__/iconClose.png" /></div>
|
|
|
|
|
<div style="margin:0 20px;">
|
|
|
|
|
<div class="list" style="color:red;font-weight: 500;font-size: 16px;">{{addForm.school}}</div>
|
|
|
|
|
<div class="list">活动时间:{{start_time}}</div>
|
|
|
|
|
<!--<div class="list">活动价格:{{price}}</div>-->
|
|
|
|
|
<div style="align-items:center; display: -webkit-flex;justify-content:center; display: -webkit-flex;margin:20px 0px;">
|
|
|
|
|
<div style="height: 1px;border-top:1px solid #E6E6E6;flex: 1;"></div>
|
|
|
|
|
<div style="margin:0 10px;font-size: 12px;color: #666666">信息填写</div>
|
|
|
|
|
<div style="height: 1px;border-top:1px solid #E6E6E6;flex: 1;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">学校<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.school' type="text" readonly="'readonly'"/></div>
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">班级<span>*</span>
|
|
|
|
|
<!--<input @blur="handleInput" class='inputText' v-model='addForm.grade' placeholder="例如:高一(2)班" type="text" :readonly="canSub===false ? false : 'readonly'"/>-->
|
|
|
|
|
<select @blur="handleInput" class='inputText' v-model='addForm.grade' :readonly="canSub===false ? false : 'readonly'">
|
|
|
|
|
<option value="">请选择班级</option>
|
|
|
|
|
<option v-for="item in acClass" :value="item.name">{{item.name}}</option></select>
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'" style="display:flex;align-items: center;">性别<span>*</span>
|
|
|
|
|
<div style="width:20px;"></div> 男<input style='width: 16px;height:16px;' value="1" v-model='addForm.sex' type="radio" />
|
|
|
|
|
<div style="width:20px;"></div>女<input style='width: 16px;height:16px;' value="2" v-model='addForm.sex' type="radio" />
|
|
|
|
|
</div>
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">
|
|
|
|
|
姓名<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.name' type="text" :readonly="canSub===false ? false : 'readonly'"/></div>
|
|
|
|
|
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">学校<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.school' type="text" readonly="'readonly'"/></div>
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">班级<span>*</span>
|
|
|
|
|
<!--<input @blur="handleInput" class='inputText' v-model='addForm.grade' placeholder="例如:高一(2)班" type="text" :readonly="canSub===false ? false : 'readonly'"/>-->
|
|
|
|
|
<select @blur="handleInput" class='inputText' v-model='addForm.grade' :readonly="canSub===false ? false : 'readonly'">
|
|
|
|
|
<option value="">请选择班级</option>
|
|
|
|
|
<option v-for="item in acClass" :value="item.name">{{item.name}}</option></select>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">手机<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.phone' type="text" :readonly="canSub===false ? false : 'readonly'"/></div>
|
|
|
|
|
<!--<div :class="canSub===false?'myInput':'myInput inputDis'">身份证<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.sfz' type="text" :readonly="canSub===false ? false : 'readonly'"/></div>-->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="myBottom">
|
|
|
|
|
<div v-if="!canSub" :class="canSubBg===true?'myInputSub shiColor':'myInputSub'" @click="submitData">提交信息</div>
|
|
|
|
|
<div v-if="canSub" class="myInputSub kongColor" @click="canSub=false">修改信息</div>
|
|
|
|
|
<div v-if="canSub" class="myInputSub shiColor" @click.once="submitPay">确认提交</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div :class="canSub===false?'myInput':'myInput inputDis'">手机<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.phone' type="text" :readonly="canSub===false ? false : 'readonly'"/></div>
|
|
|
|
|
<!--<div :class="canSub===false?'myInput':'myInput inputDis'">身份证<span>*</span><input @blur="handleInput" class='inputText' v-model='addForm.sfz' type="text" :readonly="canSub===false ? false : 'readonly'"/></div>-->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="myBottom">
|
|
|
|
|
<div v-if="!canSub" :class="canSubBg===true?'myInputSub shiColor':'myInputSub'" @click="submitData">提交信息</div>
|
|
|
|
|
<div v-if="canSub" class="myInputSub kongColor" @click="canSub=false">修改信息</div>
|
|
|
|
|
<div v-if="canSub" class="myInputSub shiColor" @click.once="submitPay">确认提交</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div></body>
|
|
|
|
|
|
|
|
|
|
</div></body>
|
|
|
|
|
<script>
|
|
|
|
|
new Vue({
|
|
|
|
|
el: '#app',
|
|
|
|
@ -168,8 +283,175 @@
|
|
|
|
|
canSub:false,//是否能提交
|
|
|
|
|
canSubBg:false,//改变背景颜色
|
|
|
|
|
bodyOver:false,//不允许body滚动
|
|
|
|
|
time:""
|
|
|
|
|
},
|
|
|
|
|
mounted () {
|
|
|
|
|
let arr = document.getElementsByClassName('tabSpan')
|
|
|
|
|
arr[0].classList.add('isactive')
|
|
|
|
|
let date = new Date()
|
|
|
|
|
this.getYearSchool(date.getFullYear())
|
|
|
|
|
// this.getData()
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
// 选择年份
|
|
|
|
|
chooseYear(e){
|
|
|
|
|
let yearcontent = document.getElementById('yearcontent')
|
|
|
|
|
let year = e.target.innerText.substring(0,4)
|
|
|
|
|
console.log(e.target.innerText.substring(0,4))
|
|
|
|
|
if (year % 2 === 0) {
|
|
|
|
|
yearcontent.classList.add('green')
|
|
|
|
|
yearcontent.classList.remove('blue')
|
|
|
|
|
} else {
|
|
|
|
|
yearcontent.classList.add('blue')
|
|
|
|
|
yearcontent.classList.remove('green')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let arr = document.getElementsByClassName('tabSpan')
|
|
|
|
|
for (let i = 0; i < arr.length; i++) {
|
|
|
|
|
arr[i].classList.remove('isactive')
|
|
|
|
|
}
|
|
|
|
|
e.srcElement.classList.add('isactive')
|
|
|
|
|
|
|
|
|
|
this.getYearSchool(year)
|
|
|
|
|
},
|
|
|
|
|
getData () {
|
|
|
|
|
let content = document.getElementsByClassName('tongContent')
|
|
|
|
|
let yearcontent = document.getElementById('yearcontent')
|
|
|
|
|
console.log(this.datas)
|
|
|
|
|
this.datas.forEach((item, index) => {
|
|
|
|
|
let listGroup = ''
|
|
|
|
|
let divs = document.createElement('div')
|
|
|
|
|
divs.classList.add('enroll')
|
|
|
|
|
if (item.max_num === item.buy_num) {
|
|
|
|
|
console.log(12312313)
|
|
|
|
|
listGroup += "<div class='left'>" + item.title + "</div>\
|
|
|
|
|
<div class='middle'>\
|
|
|
|
|
<div>报名人数" + item.buy_num + "</div>\
|
|
|
|
|
<div class='progress'>\
|
|
|
|
|
<div class='progressSon' style='width:" + item.buy_num / item.max_num * 100 + '%' + "'></div>\
|
|
|
|
|
</div>\
|
|
|
|
|
<div>" + item.start_time + '-' + item.end_tiem + "</div>\
|
|
|
|
|
</div>\
|
|
|
|
|
<div class='right'>\
|
|
|
|
|
已满营\
|
|
|
|
|
</div>"
|
|
|
|
|
} else {
|
|
|
|
|
console.log(2222)
|
|
|
|
|
if (this.judgeDate(item.end_time)) {
|
|
|
|
|
console.log(3333)
|
|
|
|
|
listGroup += "<div class='left'>" + item.title + "</div>\
|
|
|
|
|
<div class='middle'>\
|
|
|
|
|
<div>报名人数" + item.buy_num + "</div>\
|
|
|
|
|
<div class='progress'>\
|
|
|
|
|
<div class='progressSon' style='width:" + item.buy_num / item.max_num *100 + '%' + "'></div>\
|
|
|
|
|
</div>\
|
|
|
|
|
<div>" + item.start_time_temp + "</div>\
|
|
|
|
|
</div>\
|
|
|
|
|
<div class='right'>\
|
|
|
|
|
已截止\
|
|
|
|
|
</div>"
|
|
|
|
|
} else {
|
|
|
|
|
console.log(444)
|
|
|
|
|
listGroup += "<div class='left'>" + item.title + "</div>\
|
|
|
|
|
<div class='middle'>\
|
|
|
|
|
<div>报名人数" + item.buy_num + "</div>\
|
|
|
|
|
<div class='progress'>\
|
|
|
|
|
<div class='progressSon' style='width:" + item.buy_num / item.max_num *100 + '%' + "'></div>\
|
|
|
|
|
</div>\
|
|
|
|
|
<div>" + item.start_time_temp + "</div>\
|
|
|
|
|
</div>\
|
|
|
|
|
<div class='right click' id='" +index + "'>马上报名</div>"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
divs.innerHTML = listGroup
|
|
|
|
|
yearcontent.appendChild(divs)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
let that = this
|
|
|
|
|
let clicks = document.getElementsByClassName('click')
|
|
|
|
|
for (let i = 0; i < clicks.length; i++) {
|
|
|
|
|
clicks[i].onclick = function (e) {
|
|
|
|
|
let index = this.id
|
|
|
|
|
console.log(this.id)
|
|
|
|
|
console.log(that.datas[index])
|
|
|
|
|
that.title = that.datas[index].title;
|
|
|
|
|
that.start_time = that.datas[index].start_time + '-' + that.datas[index].end_time;
|
|
|
|
|
that.style = that.datas[index].style;
|
|
|
|
|
that.price = that.datas[index].price;
|
|
|
|
|
that.addForm.id =that.datas[index].id;
|
|
|
|
|
that.addForm.school = that.datas[index].title;
|
|
|
|
|
console.log(that.title,that.start_time,that.style,that.addForm.id)
|
|
|
|
|
that.popShow = true
|
|
|
|
|
that.bodyOver = true
|
|
|
|
|
|
|
|
|
|
//去获取班级
|
|
|
|
|
axios.post('/index.php/index/index/getClass',{aid:that.addForm.id}).then(res=>{
|
|
|
|
|
console.log(res)
|
|
|
|
|
that.acClass=res.data
|
|
|
|
|
}).catch(function (error) { // 请求失败处理
|
|
|
|
|
// console.log(error);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getYearSchool (v) {
|
|
|
|
|
let content = document.getElementById('yearcontent')
|
|
|
|
|
$(content).empty()
|
|
|
|
|
//获取当年学校
|
|
|
|
|
axios.post('/index.php/index/index/trainingYear',{year: v}).then(res=>{
|
|
|
|
|
console.log(res)
|
|
|
|
|
if (res.data.code == 0) {
|
|
|
|
|
this.datas= []
|
|
|
|
|
console.log(this.datas)
|
|
|
|
|
res.data.data & res.data.data.forEach(item => {
|
|
|
|
|
// let obj = {
|
|
|
|
|
// id: item.id,
|
|
|
|
|
// title: item.title,
|
|
|
|
|
// min_num: item.min_num,
|
|
|
|
|
// max_num: item.max_num,
|
|
|
|
|
// price: item.price,
|
|
|
|
|
// style: item.style,
|
|
|
|
|
// parentid: item.parentid,
|
|
|
|
|
// sonid: item.sonid,
|
|
|
|
|
// buy_num: item.buy_num,
|
|
|
|
|
// start_time_temp: item.start_time_temp,
|
|
|
|
|
// start_time: this.dates(item.start_time),
|
|
|
|
|
// end_time: this.dates(item.end_tiem)
|
|
|
|
|
// }
|
|
|
|
|
this.datas.push(item)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
this.getData()
|
|
|
|
|
}).catch(function (error) { // 请求失败处理
|
|
|
|
|
// console.log(error);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 判断是否截止
|
|
|
|
|
judgeDate (endTime) {
|
|
|
|
|
let Time = new Date()
|
|
|
|
|
let arr = Time.toLocaleDateString().split('/')
|
|
|
|
|
let nowtime = ''
|
|
|
|
|
arr.forEach((item, index) => {
|
|
|
|
|
nowtime += this.zero(item)
|
|
|
|
|
if (index !== arr.length - 1) {
|
|
|
|
|
nowtime += '-'
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
let endtime = endTime
|
|
|
|
|
// let nowtime = Number(nowTime.split('月')[0])
|
|
|
|
|
if (endtime < nowtime) {
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
return false
|
|
|
|
|
},
|
|
|
|
|
zero (str) {
|
|
|
|
|
if (Number(str) < 10) {
|
|
|
|
|
return '0' + str
|
|
|
|
|
}
|
|
|
|
|
return str
|
|
|
|
|
},
|
|
|
|
|
handleInput(){
|
|
|
|
|
//判断是否可以提交
|
|
|
|
|
if(!this.addForm.name){
|
|
|
|
@ -200,6 +482,7 @@
|
|
|
|
|
},
|
|
|
|
|
enroll(e){
|
|
|
|
|
this.title=e.target.dataset.title;
|
|
|
|
|
this.time=e.target.dataset.time;
|
|
|
|
|
this.start_time=e.target.dataset.start_time;
|
|
|
|
|
this.style=e.target.dataset.style;
|
|
|
|
|
this.price=e.target.dataset.price;
|
|
|
|
@ -253,15 +536,15 @@
|
|
|
|
|
submitPay(){
|
|
|
|
|
axios.post('/index.php/index/index/insertOrder',this.addForm).then(res=>{
|
|
|
|
|
console.log(res)
|
|
|
|
|
if(res.data.code=='SUCCESS'){
|
|
|
|
|
//调用支付
|
|
|
|
|
location.href = "{:HTTP}{:SITE_URL}/index.php/index/index/dopay/id/"+res.data.id;
|
|
|
|
|
}else{
|
|
|
|
|
alert(res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
if(res.data.code=='SUCCESS'){
|
|
|
|
|
//调用支付
|
|
|
|
|
location.href = "{:HTTP}{:SITE_URL}/index.php/index/index/dopay/id/"+res.data.id;
|
|
|
|
|
}else{
|
|
|
|
|
alert(res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}).catch(function (error) { // 请求失败处理
|
|
|
|
|
}).catch(function (error) { // 请求失败处理
|
|
|
|
|
console.log(error);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
@ -269,8 +552,8 @@
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
$('.pop_bg').css('height',$(window).height())
|
|
|
|
|
// $('#app').css('height',$(window).height())
|
|
|
|
|
// $('#app').css('overflow','auto')
|
|
|
|
|
// $('#app').css('height',$(window).height())
|
|
|
|
|
// $('#app').css('overflow','auto')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -299,10 +582,10 @@
|
|
|
|
|
// IOS 键盘收起:IOS 点击输入框以外区域或点击收起按钮,输入框都会失去焦点,键盘会收起,
|
|
|
|
|
$input.addEventListener('blur', () => {
|
|
|
|
|
console.log('IOS 键盘收起啦!');
|
|
|
|
|
document.body.scrollTop = 0;
|
|
|
|
|
document.documentElement.scrollTop = 0;
|
|
|
|
|
// IOS 键盘收起后操作
|
|
|
|
|
})
|
|
|
|
|
document.body.scrollTop = 0;
|
|
|
|
|
document.documentElement.scrollTop = 0;
|
|
|
|
|
// IOS 键盘收起后操作
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Andriod 键盘收起:Andriod 键盘弹起或收起页面高度会发生变化,以此为依据获知键盘收起
|
|
|
|
|