server/WebRoot/web/enrol_guide.html

<div class="section" ng-if="curStep == 'category'">
	<div class="page-header">
	  <span class="title">选择报考大类</span>
	</div>
	<div class="col-xs-3 categoryDiv" ng-repeat="category in CategoryArray" ng-click="goAspect(category)">
		<img ng-src="{{category.large_image}}" class="center-block img-responsive img-rounded" style="width:100px;">
		<h3 class="text-center">{{category.category_name}}</h3>
	</div>
</div>


<div ng-if="curStep == 'aspect'">
	<div class="page-header">
	  <span class="title">选择专业与招考方向</span>
	</div>
	
	<div class="panel panel-default">
		<!-- 
		<div class="panel-heading">&nbsp;&nbsp;请选择专业方向</div>
		 -->
		<table class="table table-striped b-t b-light">
			<thead>
				<tr>
					<!-- <th>专业代码</th> -->
					<th>专业(招考方向)</th>
					<th>报名考试费</th>
					<th style="width:95px;">报名</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="item in AspectPage.records">
					<!-- <td>{{item.major_code}}</td> -->
					<!-- <td><a href="" ng-click="goSubject(item)">{{item.major_name}}（{{item.aspect_name}}）</a></td>
					 -->
					<td><a href="" ng-click="goSubject(item)">{{item.aspect_name}}</a></td>
					<td>{{item.amount_1/100 | currency:"&yen;"}}</td>
					<td ng-if="!item.have_enrol"><button type="button" class="btn btn-info btn-sm" ng-click="goSubject(item)">报考此专业方向</button></td>
					<td ng-if="item.have_enrol"><button type="button" class="btn btn-success btn-sm">已报考</button></td>
				</tr>
			</tbody>
		</table>
	</div>
	<div style="padding-top:20px;">
<!-- 		<div class="col-xs-3">
			<div class="input-group ">
				<input type="text" class="form-control" id="queryAspectText"> <span class="input-group-btn">
					<button class="btn btn-default" type="button" ng-click="goSearchAspect(0)">查询</button>
				</span>
			</div>
		</div> -->
		<div class="col-xs-6">
			<button class="btn btn-default" type="button" ng-click="goSearchAspect(AspectPage.index-2)" ng-if="AspectPage.index>1">上一页</button>
			<button class="btn btn-default" type="button" ng-click="goSearchAspect(AspectPage.index)" ng-if="AspectPage.count>1 && AspectPage.index<AspectPage.count-1">下一页</button>
		</div>
		<div class="col-xs-6 text-right">
			<!-- <button class="btn btn-info"  type="button" ng-click="curStep= category'">上一步</button> -->
			<button class="btn btn-default" type="button" ui-sref="enrol_main">重新选择报考大类</button>
		</div>

	</div>
</div>



<div class="table-responsive" ng-if="curStep == 'subject'">
	<div class="page-header">
	  <span class="title">请确认【{{aspect.aspect_name}}】的考试科目信息</span>
	</div>
	
	<table class="guide-table  table   b-t b-light   table-responsive table-hover">
		<thead>
			<tr>
				<th class="col-md-2"></th>
				<th class="col-md-3">科目名称</th>
				<th class="col-md-3">可选品种</th>
				<th class="col-md-2">考试形式</th>
				<th class="col-md-2">科目分数</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-repeat="item in SubjectMap.SubjectArray">
				<td>第{{$index+1}}科目</td>
				<td><span ng-if="item.subject_group==undefined">{{item.subject.subject_name}}</span> 
				<span ng-if="item.subject_group!=undefined">
				<select style="width:180px;" class="form-control m-b" ng-change="changeSubject(item)" ng-model="item.subject_id" ng-options="item.subject.subject_id as item.subject.subject_name for item in SubjectMap['SubjectGroup'+item.subject_group]" required></select>
				</span></td>
				<td>
					<span ng-if="SubjectMap['VarietyArray'+item.subject_id].length==1">{{item.std_variety_name}}</span> 
					<span ng-if="SubjectMap['VarietyArray'+item.subject_id] && SubjectMap['VarietyArray'+item.subject_id].length>1">
						<select style="width:180px;" ng-change="changeVariety(item)" class="form-control m-b" ng-model="item.variety_id" ng-options="item.variety_id as item.variety_name for item in SubjectMap['VarietyArray'+item.subject_id]" required></select>
					</span>
				</td>

				<td>{{item.subject.subject_type | examType}}</td>
				<td>{{item.subject_score}}</td>
			</tr>
		</tbody>
	</table>
	
	<div class="col-xs-12 text-right m-t mt-3" style="margin-top:25px;">
		<button class="btn btn-success" type=" button" ng-click="goStep('aspect')">上一步</button>&nbsp;&nbsp;&nbsp;
		<button class="btn btn-info" type=" button" ng-click="goTracks()">下一步</button>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<button class="btn btn-default" type="button"  ui-sref="enrol_main">重新选择报考大类</button>
	</div>

</div>


<div class="table-responsive" ng-if="curStep == 'tracks'">
	<div ng-repeat="variety in TracksVarietyArray" ng-show="chooseTracks == undefined">
		<div class="page-header">
		  <span class="title">品种：{{variety.variety_name}}，需报[{{variety.enrol_tracks_1}}]首曲目</span>
		</div>

		<table class="guide-table  table   b-t b-light   table-responsive table-hover">
			<thead>
				<tr>
					<th></th>
					<th>限定类型</th>
					<th>必考</th>
					<!-- <th>曲目编号</th> -->
					<th>曲目名称</th>
					<!-- <th>曲目类别</th>
					<th style="width:45px;">选择</th> -->
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="item in TracksMap['VarietyTracks'+variety.variety_id]">
					<td>第{{$index+1}}首
						<span ng-if="$index==0 && item.tracks_group==1" >
						(练习曲)
						</span>
						<span ng-if="$index==0 && item.tracks_group==3" >
						(至少一首中国作品)
						</span>
					</td>
					<td>{{item.tracks_enrol_type | trackChooseType}}</td>
					<td>{{item.face_flag | faceFlag}}</td>
					<!-- <td>{{item.tracks_code}}</td> -->
					<td><span ng-if="item.tracks_enrol_type!='User'">{{item.tracks_name}}</span>
							<input type="text" class="form-control" placeholder="曲目名称-词作者\曲作者"  ng-model="item.tracks_name" ng-if="item.tracks_enrol_type=='User'">
						</td>
					<!-- <td>{{item.tracks_type}}</td>
					<td>
						<button class="btn btn-default btn-sm" type="button" ng-click="goOpenTracks(variety,item)" ng-if="item.tracks_enrol_type == 'Variety'">选择曲目</button>
					</td> -->
				</tr>
			</tbody>
		</table>
	</div>
	<div class=" text-right" ng-show="chooseTracks == undefined">
	<button class="btn btn-success" type=" button" ng-click="goStep('subject')">上一步</button>&nbsp;&nbsp;&nbsp;
		<button class="btn btn-info" type=" button" ng-click="goAgent()">下一步</button>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<button class="btn btn-default" type="button" ui-sref="enrol_main">重新选择报考大类</button>
	</div>

	<div ng-show="chooseTracks!=undefined">
		<table class="guide-table  table   b-t b-light   table-responsive table-hover">
			<thead>
				<tr>
					<th>曲目代码</th>
					<th>曲目名称</th>
					<th>曲目类别</th>
					<th>曲目作者</th>
					<th>曲目来源</th>
					<th style="width:60px;">选择</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="tracks in TracksPage.records">

					<td>{{tracks.tracks_code}}</td>
					<td>{{tracks.tracks_name}}</td>
					<td>{{tracks.tracks_type}}</td>
					<td>{{tracks.tracks_author}}</td>
					<td>{{tracks.tracks_source}}</td>
					<td><button type="button" class="btn btn-info btn-sm" ng-click="goConfirmTrack(tracks)">选择</button></td>
				</tr>
			</tbody>
		</table>
		<div>
			<div class="col-xs-6">
				<div class="input-group ">
					<input type="text" class="form-control" id="queryTracksText"> <span class="input-group-btn">
						<button class="btn btn-default" type="button" ng-click="goSearchTracks(0)">查询曲目</button>
					</span>
				</div>
			</div>
			<div class="col-xs-4">
				<button class="btn btn-default" ng-click="goSearchTracks(TracksPage.index-1)" ng-disabled="TracksPage.index == 0">上一页</button>
				<button class="btn btn-default" ng-click="goSearchTracks(TracksPage.index+1)" ng-disabled="TracksPage.index == TracksPage.count">下一页</button>
			</div>
			<div class="col-xs-2" style="line-height:34px; text-align:right;">
			第{{TracksPage.index+1}}页/共{{TracksPage.count}}页
			</div>
		</div>
	</div>
</div>

<div class="table-responsive" ng-if="curStep == 'agent'">
	<div class="page-header">
	  <span class="title">请确认考点</span>
	</div>
	
	<!-- <div class="panel-heading">&nbsp;&nbsp;请确认参加考试的考点</div>  -->
	<table class="guide-table  table   b-t b-light   table-responsive table-hover">
		<thead>
			<tr>
				<th>省份</th>
				<th>考试地点</th>
				<th>考试地址</th>
				<th>网报截止时间</th>
				<th>考试时间</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			<tr ng-repeat="item in AgentArray">
				<td>{{item.province_name}}</td>
				<td>{{item.agent_name}}</td>
				<td>{{item.agent_addr}}</td>
				<td>{{item.enrol_end_time}}</td>
				<td>{{item.exam_start_time}}</td>
				<td>
					<button class="btn btn-info btn-sm" type=" button" ng-click="goConfirm(item)">选择该考点</button>
				</td>
		</tbody>
	</table>
	
	<div class="text-right">
		<button class="btn btn-default" type="button" ui-sref="enrol_main">重新选择报考大类</button>
	</div>

</div>


<div class="table-responsive"  ng-if="curStep == 'confirm'">
	<div class="text-center" style="font-size:120%;">{{ArtStdReg.art_year}}年湖北省{{category.category_name}}<!-- （{{aspect.aspect_name}}） -->统考报名信息单</div>
	
	<div class="page-header"><span class="title">考生基本信息</span></div>
	<table class="std-info-table table">
		<tr>
			<th ng-if="category.category_name!='戏剧与影视学类'">报考类别：</th><td ng-if="category.category_name!='戏剧与影视学类'" colspan="3">{{category.category_name}}</td>
			<th ng-if="category.category_name=='戏剧与影视学类'">报考专业：</th><td ng-if="category.category_name=='戏剧与影视学类'" colspan="3">{{category.category_name}} {{aspect.aspect_name}}</td>
			<td rowspan="5" style="text-align:center;"><img ng-src="http://hbystk.whcm.edu.cn/image/ExamPhoto/{{ArtStdReg.std_image}}" class="img-rounded" style="vertical-align:bottom;height:150px;"/></td>
			<td rowspan="5" style="text-align:center;"><img ng-src="http://hbystk.whcm.edu.cn/image/CertPhoto/{{ArtStdReg.std_param5}}" class="img-rounded" style="vertical-align:bottom;height:150px;"/></td>
		</tr>
		<tr>
			<th>缴费状态：</th>
			<td style="font-weight:bold;">
				<!-- <span ng-if="agent.pay_status!='Active'" class="text-danger">未缴费，缴费截至日期：{{agent.enrol_end_time.substr(0,10)}}</span>
				<span ng-if="agent.pay_status=='Active'" class="text-success">已缴费</span> -->
				<span class="text-danger">未缴费，缴费截至日期：{{agent.enrol_end_time.substr(0,10)}}</span>
			</td>
			<th>报名费：</th>
			<td>{{aspect.amount_1/100 | currency : '&yen'}}</td>
		</tr>
		<tr>
			<th>高考报名号：</th><td>{{ArtStdReg.exam_id}}</td>
			<th>姓名：</th><td>{{ArtStdReg.std_name}}</td>
		</tr>
		<tr>
			<th>身份证号：</th><td>{{ArtStdReg.cert_id}}</td>
			<th>性别：</th><td>{{ArtStdReg.std_sex}}</td>
		</tr>
		<tr>
			<th>毕业中学：</th><td colspan="3">{{ArtStdReg.std_school}}</td>
		</tr>
	</table>
	
	<div class="page-header"><span class="title">考试科目：</span></div>
	<table class="guide-table  table   b-t b-light   table-responsive table-hover">
		<thead>
			<tr>
				<th class="col-md-2"></th>
				<th class="col-md-4">科目名称</th>
				<th class="col-md-4">考试形式</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-repeat="item in SubjectMap.SubjectArray">
				<td>第{{$index+1}}科目</td>
				<td>{{item.subject.subject_name}}<span ng-if="item.variety_name">（{{item.variety_name}}）</span></td>
				<td>{{item.subject.subject_type | examType}}</td>
			</tr>
		</tbody>
	</table>
		
	<div ng-repeat="variety in TracksVarietyArray">
		<div class="page-header" ><span class="title">品种：{{variety.variety_name}}，报考{{variety.enrol_tracks_1}}首曲目</span></div>
		<table class="guide-table  table   b-t b-light   table-responsive table-hover">
			<thead>
				<tr>
					<th></th>
					<!-- <th>曲目编号</th> -->
					<th>曲目名称</th>
					<!-- <th>曲目类别</th> -->
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="item in TracksMap['VarietyTracks'+variety.variety_id]">
					<td>第{{$index+1}}首</td>
					<!-- <td>{{item.tracks_code}}</td> -->
					<td>{{item.tracks_name}}</td>
					<!-- <td>{{item.tracks_type}}</td> -->
				</tr>
			</tbody>
		</table>
	</div>

	<div class="text-right m-t">
		<button class="btn btn-primary" type="button" ng-click="goSubmit()" ng-disabled="processing!=undefined">确认以上信息，并报考</button>&nbsp;&nbsp;&nbsp;&nbsp;
		<button class="btn btn-default" type="button" ui-sref="enrol_main" ng-disabled="processing!=undefined">重新选择大类</button>
	</div>
</div>