server/WebRoot/wechat/routes/enrol/variety/choose_variety.html

<div ng-controller="ChooseVarietyCtrl" style="background: rgba(246, 248, 250, 1)">
	<div style="margin: 20px;">


		<!-- 第四步：选择报考品种 -->
		<div class="weui-panel weui-panel_access" ng-if="curStep == 'aspect_variety'">
			<div class="weui-panel__hd">请选择 {{aspect.variety_alias == undefined?'乐器/舞种':aspect.variety_alias}}</div>
			<div class="weui-cells">
				<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="vt in varietyArray" ng-click="chooseAspectVariety(vt)">
					<div class="weui-cell__bd">
						<p>{{vt.variety_name}}</p>
					</div>
					<div class="weui-cell__ft"></div>
				</a>
			</div>

			<div class="button-sp-area">
				<a href="javascript:;" class="weui-btn weui-btn_default" ng-click="goStep('aspect')">选择其他{{getParamValue('EnrolStepName_Aspect', '招考方向')}}</a>
			</div>
		</div>
		<!-- 第四步：品种报考说明 -->
		<div class="weui-panel weui-panel_access" ng-if="curStep == 'aspect_variety_explain' && currentEnrolParam.variety_enrol_explain && currentEnrolParam.variety_enrol_explain.length>0">
			<div class="weui-panel__hd">{{currentEnrol.variety_name}} 报考提示</div>
			<div class="weui-panel__bd">
				<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
					<div class="weui-media-box__bd">
						<p class="weui-media-box__desc  text-black" ng-bind-html="showHtml(currentEnrolParam.variety_enrol_explain)"></p>
					</div>
				</a>
			</div>
			<div class="button-sp-area">
				<a href="javascript:;" class="weui-btn weui-btn_primary" ng-click="checkNextStep_Variety()">已阅读并知晓，下一步</a> <a href="javascript:;" class="weui-btn weui-btn_default" ng-click="goStep('aspect')">选择其他{{getParamValue('EnrolStepName_Aspect', '招考方向')}}</a>
			</div>
		</div>

		<!-- 第五步：查看并操作考试科目 -->
		<div ng-if="curStep == 'subject'">
			<div class="weui-panel weui-panel_access">
				<div class="weui-panel__hd" ng-if="aspect.aspect_batchs > 1">{{getParamValue('EnrolBatchName_1', '初试')}} 考试项目</div>
				<div class="weui-panel__hd" ng-if="aspect.aspect_batchs == 1">请选择乐器/舞种</div>
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="sb in subjectMap['BatchSubjectArray_1']" ng-click="chooseSubject(sb)">
						<div class="weui-cell__bd">

							<span style="font-size: 14px">{{sb.subject_name}} </span><span class="text-muted" style="font-size: 12px" ng-if="sb.subject_type && FrameParam.SchoolCode!='10048'">({{sb.subject_type | subjectType}})</span>

						</div>
						<div class="weui-cell__ft " ng-if="sb.subject_group" ng-click="goSubjectGroup(sb)">选择科目</div>
						<div class="weui-cell__ft" ng-if="subjectMap['VarietyArray_'+sb.subject_id]" ng-click="goSubjectVariety(sb)">选择乐器/舞种</div>
						<!-- <div class="weui-cell__ft" ng-if="sb.master_group" ng-click="goSubjectMaster(sb)">选择主副项</div> -->
						
						<!--设置多个科目，有多个品种的情况（特殊处理） -->
						<div class="weui-cell__ft" ng-if="subjectFlag && sb.haveVarietyFlag" ng-click="goMoreSubjectVariety(sb)">
							<span ng-if="!sb.variety_id">选择乐器/舞种</span>
							<span ng-if="sb.variety_id">{{sb.variety_name}}</span>
						</div>
						
					</a>
				</div>
			</div>

			<div class="weui-panel weui-panel_access" ng-if="aspect.aspect_batchs>1">
				<div class="weui-panel__hd">{{getParamValue('EnrolBatchName_2', '复试')}} 考试项目</div>
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="sb in subjectMap['BatchSubjectArray_2']" ng-click="chooseSubject(sb)">
						<div class="weui-cell__bd">
							<p>
								{{sb.subject_name}} <span class="text-muted" ng-if="FrameParam.SchoolCode!='10048'">({{sb.subject_type | subjectType}})</span>
							</p>
						</div>
					</a>
				</div>
			</div>

			<div class="weui-panel weui-panel_access" ng-if="aspect.aspect_batchs>2">
				<div class="weui-panel__hd">{{getParamValue('EnrolBatchName_3', '三试')}} 考试科目</div>
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="sb in subjectMap['BatchSubjectArray_3']" ng-click="chooseSubject(sb)">
						<div class="weui-cell__bd">
							<p>
								{{sb.subject_name}} <span class="text-muted">({{sb.subject_type | subjectType}})</span>
							</p>
						</div>
						<div class="weui-cell__ft " ng-if="sb.subject_group" ng-click="goSubjectGroup(sb)">选择科目</div>
					</a>
				</div>
			</div>

			<div class="button-sp-area">
				<a href="javascript:;" class="weui-btn weui-btn_primary" ng-click="confirmSubject()" ng-if="!subjectFlag">确认考试科目，下一步</a> 
				<a href="javascript:;" class="weui-btn weui-btn_primary" ng-click="confirmMoreSubject()" ng-if="subjectFlag">确认考试科目，下一步</a> 
			</div>
		</div>
		<!-- 科目分组选择 -->
		<div class="weui-panel weui-panel_access" ng-if="curStep == 'subject_group'">
			<div class="weui-panel__hd">选择 【{{subject.subject_group}}】 科目</div>
			<div class="weui-cells">
				<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="sb in subjectMap['SubjectGroup_'+subject.subject_group]" ng-click="chooseSubjectGroup(sb,1)">
					<div class="weui-cell__bd">
						<p>{{sb.subject_name}}</p>
					</div>
					<div class="weui-cell__ft"></div>
				</a>
			</div>
		</div>

		<!-- 科目的乐器/舞种选择 -->
		<div class="weui-panel weui-panel_access" ng-if="curStep == 'subject_variety'">
			<div class="weui-panel__hd">选择 【{{subject.subject_name}}】 {{aspect.variety_alias == undefined?'乐器/舞种':aspect.variety_alias}}</div>
			<div class="weui-cells">
				<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="vt in subjectMap['SubjectVariety_'+subject.subject_id]" ng-click="chooseSubjectVariety(vt)" ng-if="!subjectFlag">
					<div class="weui-cell__bd">
						<p>{{vt.variety_name}}</p>
					</div>
					<div class="weui-cell__ft"></div>
				</a>
				<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="vt in subjectMap['SubjectVariety_'+subject.subject_id]" ng-click="chooseMoreSubjectVariety(vt)" ng-if="subjectFlag">
					<div class="weui-cell__bd">
						<p>{{vt.variety_name}}</p>
					</div>
					<div class="weui-cell__ft"></div>
				</a>
			</div>
		</div>

		<!-- 第六步：填写曲目 -->
		<div class="weui-panel weui-panel_access" ng-if="curStep == 'tracks'">
			<div class="weui-panel__hd text-danger">请填写曲目（报名截止后不可修改曲目信息）</div>
			<div class="weui-cells weui-cells_form" ng-repeat="variety in tracksMap.VarietyArray">
				<div class="weui-cells__title">
					{{variety.variety_name}} <span ng-if="variety.enrol_tracks_1 != variety.exam_tracks_1">填报【{{variety.enrol_tracks_1}}】首，随机抽考【{{variety.exam_tracks_1}}】首</span>
				</div>
				<div class="weui-cells">
					<div class="weui-cell" ng-repeat="t in tracksMap['VarietyTracks_' + variety.variety_id]" ng-if="t.tracks_enrol_type != 'Variety'">
						<div class="weui-cell__bd">
							<!-- 考生自填 -->
							<input class="weui-input" type="text" ng-model="t.tracks_name" placeholder="{{(t.vt_enrol_explain && t.vt_enrol_explain.length>0)?t.vt_enrol_explain:'请填写第'+($index+1)+'首曲目'}}" ng-if="t.tracks_enrol_type == 'User'">
							<!-- 指定曲目 -->
							<p ng-if="t.tracks_enrol_type == 'Appoint'">{{t.tracks_name}}</p>
						</div>
					</div>
				</div>
			</div>

			<!-- 抽选曲目-->
			<div class="weui-cells" ng-repeat="variety in tracksMap.VarietyArray">
				<a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="t in tracksMap['VarietyTracks_' + variety.variety_id]" ng-if="t.tracks_enrol_type == 'Variety'">
					<div class="weui-cell__bd" ng-if="t.tracks_enrol_type == 'Variety'">
						<p>
							<input class="weui-input" type="text" readonly ng-model="t.tracks_name" ng-click="chooseTracks(t, $index+1)" placeholder="{{t.vt_enrol_explain}}">
						</p>
					</div>
					<div class="weui-cell__ft" ng-if="t.tracks_enrol_type == 'Variety'"></div>
				</a>
			</div> 
		
			<!-- 西音统考-舞蹈单独处理，需要上传曲目音频 -->
			<div ng-if="currentEnrol.aspect_id==1005 || currentEnrol.aspect_id==1006 || currentEnrol.aspect_id==1007 || currentEnrol.aspect_id==1008 || currentEnrol.aspect_id==1009">
				<div class="weui-panel__hd text-danger">请上传曲目音频(上传的文件格式为mp3，大小不能超过10M，上传完成后音频会在下方显示，请核对音频能正常播放并且曲目无误后再点击下一步提交，如不行请重新选择文件上传)</div>
		        <input id='mp3_file' onchange="angular.element(this).scope().uploadFiles(this.files)" type="file" accept=".mp3"  class="weui-btn weui-btn_default"  />
		        <br>
		        <!--播放音频 -->
				<audio ng-if="currentEnrol.mp3_file" class="ml-20"
				 ng-src="{{FrameParam.EnrolMaterialWebPath + currentEnrol.mp3_file}}"
				 controls autoplay loop >
				  浏览器不支持音频播放。
				</audio> 
		        
		       <!--  <div class="button-sp-area mt-20">
		        	<a href="javascript:void(0);" class="weui-btn weui-btn_primary" ng-click="uploadFiles()" ng-if="!currentEnrol.mp3_file">上传曲目音频</a> 
		        </div> -->
	        </div>
	        
			<div class="button-sp-area mt-20">
				<a href="javascript:;" class="weui-btn weui-btn_primary" ng-click="confirmTracks()">确认报考曲目，下一步</a> 
				<a href="javascript:;" class="weui-btn weui-btn_default" ng-click="chooseSubjectAgain()">重选乐器/舞种</a>
			</div>
		</div>

		<!-- 第六步：选择曲目 -->
		<div ng-if="curStep == 'tracksChoose'">
			<div class="weui-search-bar ">
				<form class="weui-search-bar__form">
					<div class="weui-search-bar__box" style="height: 30px;">
						<i class="weui-icon-search"></i> <input type="search" class="weui-search-bar__input" placeholder="查询曲目" required="" data-ng-model="currentEnrolParam.tracks_query">
					</div>
					<label class="weui-search-bar__label" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);"> <i class="weui-icon-search"></i> <span>查询曲目</span>
					</label>
				</form>
				<div class="button_sp_area button-group">
					<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" ng-click="keyTracksSearch($event)">查询</a>
				</div>
			</div>
			<div class="weui-cells weui-cells_aspect_top">
				<a class="weui-cell weui-cell_access weui-cells_tracks" href="javascript:;" ng-repeat="tracks in TracksPage.records" ng-click="choooseVarietyTracks(tracks)">
					<div class="weui-cell__bd">
						<p>&nbsp;&nbsp;{{tracks.tracks_name}}({{tracks.tracks_code}})</p>
					</div>
					<div class="weui-cell__ft weui-cell__ft_enrol">选择</div>
				</a>
			</div>
			<div class="button_sp_area button-group" style="margin-top: 5px;">
				<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" ng-click='goSearchTracks(0,10)' ng-if="TracksPage.index!=0">首页</a> 
				<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" ng-click='goSearchTracks((TracksPage.index-1)*10,10)' ng-if='TracksPage.index!=0'>上一页</a> 
				<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" ng-click='goSearchTracks((TracksPage.index+1)*10,10)' ng-if='TracksPage.index!=(TracksPage.count-1)'>下一页</a> 
				<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" ng-click='goSearchTracks((TracksPage.count-1)*10,10)' ng-if='TracksPage.index!=(TracksPage.count-1)'>尾页</a>
			</div>
		</div>


		<!-- 最终确定 -->
		<div class="weui-panel weui-panel_access" ng-if="curStep == 'enrol_confirm'">
			<div class="weui-panel__hd">请确认科目品种信息</div>
			<div class="weui-cells weui-cells_form">
				<div class="weui-cell">
					<div class="weui-cell__hd">
						<label class="weui-label">报考专业</label>
					</div>
					<div class="weui-cell__bd">{{currentEnrol.aspect_name}}</div>
				</div>

				<div class="weui-cell" ng-if="currentEnrol.variety_name && currentEnrol.variety_name.length>0">
					<div class="weui-cell__hd">
						<label class="weui-label">{{aspect.variety_alias == undefined?'乐器/舞种':aspect.variety_alias}}</label>
					</div>
					<div class="weui-cell__bd">{{currentEnrol.variety_name}}</div>
				</div>

				<div class="weui-cell" ng-repeat="batch_id in aspect.aspect_batchs | numberArray" ng-if="aspect.show_subjects_1 == 'Active'">
					<div class="weui-cell__hd">
						<weui-label class="weui-label" ng-if="aspect.aspect_batchs == 1">考试科目</weui-label>
						<weui-label class="weui-label" ng-if="aspect.aspect_batchs>1">{{batch_id | batchName}}科目</weui-label>
					</div>
					<div>
						<span ng-repeat="sb in subjectMap['BatchSubjectArray_'+batch_id]"><br ng-if="$index>0" /> <span ng-if="subjectMap['BatchSubjectArray_'+batch_id].length>1">{{$index+1}}.</span>{{sb.subject_name}} <span ng-if="currentEnrol.variety_id==undefined && sb.variety_name && sb.variety_name!=sb.subject_name  && sb.subject_name.indexOf(sb.variety_name)<0">({{sb.variety_name}})</span></span>
					</div>
				</div>

				<div ng-repeat="vt in tracksMap.VarietyArray">
					<div class="weui-cell">
						<div class="weui-cell__hd">
							<label class="weui-label">{{vt.variety_name}}曲目</label>
						</div>

						<div>
							<div ng-repeat="t in tracksMap['VarietyTracks_' + vt.variety_id]">
								{{$index+1}}.{{t.tracks_name}}</span>
							</div>
						</div>
					</div>
				</div>

			</div>

			<div class="button-sp-area">
				<a href="javascript:;" class="weui-btn weui-btn_primary" ng-click="goSaveEnrol()">提交</a> 
				<a href="javascript:;" class="weui-btn weui-btn_default" ng-click="goStep('subject')">选择其他品种</a>
			</div>
		</div>

		<!-- 报考成功 -->
		<div ng-if="curStep == 'EnrolSuccess' && currentEnrol.appointment_id == undefined">
			<div class="weui-msg">
				<div class="weui-msg__icon-area">
					<i class="weui-icon-success weui-icon_msg"></i>
				</div>
				<div class="weui-msg__text-area">
					<h2 class="weui-msg__title">你已成功完成品种的报考</h2>
					<!--<p class="weui-msg__desc">你的专业报考申请已提交，请尽快完成缴费操作。</p> -->
					<div class="button-sp-area ">
						<a href="javascript:void(0);" class="weui-btn weui-btn_primary" ng-click="goLocation('main')">首页</a>
					</div>

				</div>
			</div>
		</div>


		<div class="weui-footer">
			<p class="weui-footer__text">{{FrameParam['SchoolName']}}</p>
		</div>
	</div>
</div>