<div class="panel panel-default">
	<!--标题-->
	<div class="panel-title">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<!-- TODO -->
				<li class="breadcrumb-item">毕业证明书</li>
				<li class="breadcrumb-item active" aria-current="page">毕业证明书审核</li>
			</ol>
		</nav>
	</div>
	<div class="panel-body ml-sm" [hidden]="editShowType=='only' ">
		<div class="card card-default">
			<div class="card-body">
				<!--查询条件-->
				<div class="row mb-3 ml-1" [hidden]="editShowType=='only' ">
					<div class="col-lg-12">

						<form (ngSubmit)="framePager.goSearch()" class="form-inline">
							<table>
								<tr>
									<td>
										<div class="input-group mr-1 input-group-sm">
											<label>关键字：</label>
											<input name="keyword" [(ngModel)]="query.query"
												class="input-sm form-control" type="text" value="" maxlength="50"
												placeholder="请输入查询关键字" width="80">
										</div>
									</td>
									<td>
										<!--时间批次 -->
										<div class="input-group mr-1 input-group-sm">
											<label class="ml-sm">毕业批次：</label>
											<flex-select [allowClear]="true"
												[url]="'pl/plExamTime/listPlExamTimeForBy.htm'" respDataPath="array"
												optionValueField="id" optionTextField="exam_year_month"
												[(ngModel)]="query.examTimeId" placeholder="请选择"
												[ngModelOptions]="{standalone: true}" width="80" noResultsFound="无数据">
											</flex-select>
										</div>
									</td>
									<!-- <td>
										<div class="input-group mr-1 input-group-sm">
											<label>主考学校：</label>
											<flex-select [allowClear]="true" [(items)]="masterSchoolList"
												respDataPath="array" optionValueField="id" optionTextField="org_name"
												[(ngModel)]="query.masterSchoolId" placeholder="请选择"
												[ngModelOptions]="{standalone: true}" width="80" noResultsFound="无数据">
											</flex-select>
										</div>
									</td> -->
									 <td>
										<div class="input-group mr-1 input-group-sm">
											<label>受理单位：</label>
											<flex-select [allowClear]="true" [(items)]="orgList" respDataPath="array"
												optionValueField="id" optionTextField="org_name"
												[(ngModel)]="query.cityOrgId" placeholder="请选择"
												[ngModelOptions]="{standalone: true}" width="160" noResultsFound="无数据">
											</flex-select>
										</div>
									</td> 
									</tr>
									<tr>
									<td>
										<div class="input-group mr-1 input-group-sm">
											<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;状态：</label>
											<select name="status" 
												style = "width: 170px;"
												[(ngModel)]="query.status" 
												frameDict [dictName]="'ByCertificate'" 
												[ngModelOptions]="{standalone: true}"
												class="form-control">
											</select>
										</div>
								</td> 
								<td>
									<div class="input-group mr-1 input-group-sm">
										<label>主考学校：</label>
										<input name="keyword" [(ngModel)]="query.school"
												class="input-sm form-control" type="text" value="" maxlength="50"
												placeholder="请输入查询关键字" width="80">
									</div>
								</td>
								<!-- </tr>
								<tr> -->
									<!-- <td>
										<div class="input-group mr-1 input-group-sm">
											<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;专业：</label>
											<flex-select [allowClear]="true" [(items)]="majorList"
												respDataPath="page.recordes" optionValueField="id"
												optionTextField="major_full_name" [(ngModel)]="query.majorId"
												placeholder="请选择" [ngModelOptions]="{standalone: true}" width="80"
												noResultsFound="无数据">
											</flex-select>
										</div>
									</td>
									<td>
										<div class="input-group mr-1 input-group-sm">
											<label>考生来源：</label>
											<select name="std_source" style="width: 80px;"
												[(ngModel)]="query.std_source" [ngModelOptions]="{standalone: true}"
												class="form-control">
												<option value="">请选择</option>
												<option value="1">社会考生</option>
												<option value="3">助学考生</option>
											</select>
										</div>
									</td> -->
									<td>
										<button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1"
											(click)="framePager.goSearch()">
											<i class="fa fa-search"></i> 查询</button>
										<button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1"
											(click)="reset()">
											<i class="fa fa-undo"></i> 重置</button>
									</td>
								</tr>
							</table>
						</form>
					</div>
				</div>

				<!-- 工具栏 -->
				<div class="row mb-2" [hidden]="editShowType=='only' ">
					<div class="col-lg-12">
						<div class="pull-left" style="text-align: right;">
							<button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left"
								(click)="showEditWin()" title="审核">
								<i class="fa fa-paint-brush"></i> 审核</button>
							<button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left"
								(click)="callBackApply()" title="撤回">
								<i class="fa fa-paint-brush"></i> 撤回</button>
							<!-- <button class="btn btn-primary mr-1 btn-sm" (click)="getCertificatePdf()" data-toggle="tooltip"
										data-placement="left" title="毕业证明书">
										<i class="fa icon-cloud-download"></i> 毕业证明书</button> -->
							<button class="btn btn-primary mr-1 btn-sm" (click)="showByChooseDialog(byChooseModal);"
								data-toggle="tooltip" data-placement="left" title="毕业证明书申请">
								<i class="fa fa-snowflake"></i> 毕业证明书申请</button>
							<button class="btn btn-primary mr-1 btn-sm" (click)="getApplyTable();" data-toggle="tooltip"
								data-placement="left" title="毕业证明书申请表"><i class="fa fa-snowflake"></i> 毕业证明书申请表</button>
								<button class="btn btn-primary mr-1 btn-sm" (click)="export();" data-toggle="tooltip"
								data-placement="left" title="毕业证明书交接表">
								<i class="fa icon-cloud-download"></i> 毕业证明书交接表</button>

						</div>

					</div>
				</div>

				<!--表格-->
				<div class="row">
					<div class="col-lg-12 ml-0" [hidden]="editShowType=='only' ">
						<table class="table table-sm table-striped table-hover table-bordered bg-white">
							<thead>
								<tr>
									<th>
										<div class="checkbox c-checkbox">
											<label>
												<input type="checkbox"
													(change)="framePager.checkedMasterToggle($event)" />
												<span class="fa fa-check"></span>
											</label>
										</div>
									</th>
									<th>序号</th>
									<th align="center">准考证</th>
									<th>身份证</th>
									<th>姓名</th>
									<th>毕业证书号</th>
									<th>专业名称</th>
									<th>主考学校</th>
									<!-- <th>受理单位</th>
									<th>衔接学校</th>
									<th>考生来源</th> -->
									<th>审核状态</th>
									<!-- <th>审核备注</th> -->
									<th>审核意见</th>
									<th>申请方式</th>
									<th style="width: 70px;" align="center">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr *ngFor="let item of framePager.getRecords(); let i = index">
									<td>
										<div class="checkbox c-checkbox input-group-sm">
											<label>
												<input type="checkbox" [value]="item.id" [(checked)]="item.isChecked"
													[(ngModel)]="item.isChecked" />
												<span class="fa fa-check"></span>
											</label>
										</div>
									</td>
									<td>{{framePager.pageStart + i}}</td>
									<td align="center">{{item.ticket_no}}</td>
									<td>{{item.cert_no}}</td>
									<td>{{item.std_name}}</td>
									<td>{{item.diaplma_no}}</td>
									<td>{{item.major}}</td>
									<td>{{item.school}}</td>
									<!-- <td>{{item.org_code}}-{{item.org_name}}</td> -->
									<!-- <td>
										<div *ngIf="item.std_source==1" class="text-muted">
											社会考生</div>
										<div *ngIf="item.std_source==3" class="text-muted">
											助学考生</div>
									</td> -->
									<td [innerHTML]="item.status | frameDict:'ByCertificate'"></td>
									<td>{{item.remark}}</td>

									<td>
										<div *ngIf="item.app_id==null" >
											手工录入</div>
										<div *ngIf="item.app_id!=null" >
											自动下载信息</div>
									</td>

									<td align="center">
										<a href="#" (click)="showEditWin(item)" title="审核"><em
												class="fa-lg fas fa-edit mr-1"></em></a>
										<a href="#" (click)="delete(item)" title="删除"><em
												class="fa-lg fas fa-trash mr-1" style="color:#F56D6D"></em></a>
									</td>
								</tr>

							</tbody>
						</table>
						<!-- TODO -->
						<frame-pager [url]="QUERY_URL" hideSearch="true" [autoLoad]="false" hasCheck="true" #framePager
							(preReqEvent)="search($event)"></frame-pager>
					</div>

					<!-- 编辑页面 -->
					<div class="col-lg-12" *ngIf="item && editShowType != null && editShowType!='modal'">
						<ng-container *ngTemplateOutlet="editTemplateModal">
						</ng-container>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- only 审核界面-->
	<div class="col-lg-12" *ngIf="item && editShowType != null && editShowType =='only'">
		<ng-container *ngTemplateOutlet="editTemplateModal">
		</ng-container>
	</div>
	<!--创建毕业申请-考生引用界面-->
	<div class="col-lg-12" *ngIf="item && editShowType != null && editShowType =='stdRef'">
		<ng-container *ngTemplateOutlet="byChooseModal">
		</ng-container>
	</div>
</div>
<ng-template #editFormTemplate>
	<form [formGroup]="formModel" *ngIf="item" class="form-validate form-horizontal" >
		<input type="hidden" class="form-control" formControlName="id" [(ngModel)]="item.id"
			[formControl]="formModel.controls['id']" />
		<div class="row mb-1">
			<!-- 学生基础信息 -->
			<table class="table table-sm table-striped table-hover table-bordered bg-white">
				<tbody>

					<tr>
						<td style="text-align: right" width="7%">毕业证书号<font style="color:red;">*</font></td>
						<td width="23%">
							<span *ngIf="item.app_id!=null">{{item.diaplma_no}}</span>
							<input *ngIf="item.app_id==null" class="form-control" type="input" name="diaplma_no" [(ngModel)]="item.diaplma_no" maxlength=20
								formControlName="diaplma_no" [formControl]="formModel.controls['diaplma_no']" />
							</td>
						<td style="text-align: right" width="7%">姓名<font style="color:red;">*</font></td>
						<td width="23%">
								<span *ngIf="item.app_id!=null">{{item.std_name}}</span>

							<input *ngIf="item.app_id==null" class="form-control" type="input" name="std_name" [(ngModel)]="item.std_name" maxlength=100
								formControlName="std_name" [formControl]="formModel.controls['std_name']" />
								</td>
						<td rowspan="8" style="width:20%;text-align: center">
								
							<div *ngIf="item.by_photo" class="text-muted" style="vertical-align:middle;">
									<img [src]="url+item.by_photo" style="width: 200;height: 200px">
								</div>
							<div *ngIf="!item.by_photo && item.by_photo_path" class="text-muted" style="vertical-align:middle;">
								<img [src]="photo_url+item.by_photo_path" style="width: 200;height: 200px">
							</div>
							<div *ngIf="!item.by_photo && !item.by_photo_path" class="text-muted" style="vertical-align:middle;">
									<img [src]="photo_url+item.photo_path" style="width: 200;height: 200px">
								</div>

							
						</td>
					</tr>
					<tr>
						<td style="text-align: right" width="7%">身份证<font style="color:red;">*</font></td>
						<td width="23%">
								<span *ngIf="item.app_id!=null">{{item.cert_no}}</span>

							<input *ngIf="item.app_id==null" class="form-control" type="input" name="cert_no" [(ngModel)]="item.cert_no" maxlength=20
								formControlName="cert_no" [formControl]="formModel.controls['cert_no']" />
								</td>
						<td style="text-align: right">准考证</td>
						<td>
								<span *ngIf="item.app_id!=null">{{item.ticket_no}}</span>

							<input *ngIf="item.app_id==null" class="form-control" type="input" name="ticket_no" [(ngModel)]="item.ticket_no"  maxlength=15
								formControlName="ticket_no" [formControl]="formModel.controls['ticket_no']" />
								</td>
					</tr>
					<tr>
							<td style="text-align: right">毕业时间<font style="color:red;">*</font></td>
						<td>
								
								<span *ngIf="item.app_id!=null">{{item.by_date}}</span>
								<input *ngIf="item.app_id==null" class="form-control" type="text" formControlName="by_date" [formControl]="formModel.controls['by_date']"
									DateTimePicker [dpType]="'date'" [dpValue]="item.by_date" [(ngModel)]="item.by_date" />
								
							</td>						
						<td style="text-align: right">专业层次<font style="color:red;">*</font></td>
						<td>
							<!-- MajorLevel -->
							<!-- <select class="custom-select" frameDict [dictName]="'MajorLevel'"
								[(ngModel)]="item.major_level" [ngModelOptions]="{standalone: true}">

							</select> -->
							
							<span *ngIf="item.app_id!=null && item.major_level==''"></span>
							<span *ngIf="item.app_id!=null && item.major_level=='0'">专科高等教育</span>
							<span *ngIf="item.app_id!=null && item.major_level=='1'">本科高等教育</span>
							<span *ngIf="item.app_id!=null && item.major_level=='2'">中等教育</span>


							<select *ngIf="item.app_id==null" class="custom-select"  formControlName="major_level" [formControl]="formModel.controls['major_level']"   [(ngModel)]="item.major_level">
								<option value="" >请选择</option>
								<option value="0" >专科高等教育</option>
								<option value="1" >本科高等教育</option>
								<option value="2" >中等教育</option>
							  </select>
										</td>
					</tr>
					<tr>
						<td style="text-align: right" width="7%">专业名称<font style="color:red;">*</font></td>
						<td width="23%">
								<span *ngIf="item.app_id!=null">{{item.major}}</span>

							<input *ngIf="item.app_id==null" class="form-control" type="input" name="major" [(ngModel)]="item.major" formControlName="major" maxlength=150
								[formControl]="formModel.controls['major']" />
									</td>
						<td style="text-align: right" width="7%">主考学校<font style="color:red;">*</font></td>
						<td width="23%">
								<span *ngIf="item.app_id!=null">{{item.school}}</span>

							<input *ngIf="item.app_id==null" class="form-control" type="input" name="school" [(ngModel)]="item.school" formControlName="school" maxlength=150
								[formControl]="formModel.controls['school']" />
			</td>
					</tr>
					<tr>
						<td style="text-align: right" width="7%">联系方式<font style="color:red;">*</font></td>
						<td width="23%">
							<input class="form-control" type="input" name="phone" [(ngModel)]="item.phone" formControlName="phone" maxlength=20
								[formControl]="formModel.controls['phone']" />
							<span class="text-danger"
								*ngIf="formModel.get('phone').hasError('required') && (formModel.get('phone').dirty || formModel.get('phone').touched)">请输入联系方式</span>
						</td>
						<td style="text-align: right" width="7%">申请理由<font style="color:red;">*</font></td>
						<td width="23%">
							<input class="form-control" type="input" name="reason" [(ngModel)]="item.reason" formControlName="reason" maxlength=150
								[formControl]="formModel.controls['reason']" />

							<span class="text-danger"
								*ngIf="formModel.get('reason').hasError('required') && (formModel.get('reason').dirty || formModel.get('reason').touched)">请输入申请理由</span>
						</td>
					</tr>					
					<!-- <tr>
						<td style="text-align: right">受理单位</td>
						<td>{{item.org_code}}-{{item.org_name}}</td>
					</tr> -->
				</tbody>
			</table>

		</div>



		<div class="row mb-1">
			<!-- 审核状态 -->
			<label class="col-lg-2 col-form-label text-lg-right">审批类型：</label>
			<div class="col-lg-8 col-form-label">
				<label class="radio-inline c-radio" style="margin: 0px !important">
					<input type="radio" name="flag" value="1" [(ngModel)]="item.flag" formControlName="flag"
						[formControl]="formModel.controls['flag']" />&nbsp;审批通过&nbsp;
					<span class="fa fa-circle" style="margin: 0px !important"></span>
				</label>&nbsp;
				<label class="radio-inline c-radio" style="margin: 0px !important">
					<input type="radio" name="flag" value="0" [(ngModel)]="item.flag" formControlName="flag"
						[formControl]="formModel.controls['flag']" />&nbsp;审批驳回&nbsp;
					<span class="fa fa-circle" style="margin: 0px !important"></span>
				</label>
				<span class="text-danger"
					*ngIf="formModel.get('flag').hasError('required') && (formModel.get('flag').dirty || formModel.get('flag').touched)">请选择审批类型</span>
			</div>
		</div>
		<div class="row mb-1">
			<!-- 审核意见 -->
			<label class="col-lg-2 col-form-label text-lg-right">审核意见：</label>
			<div class="col-lg-8">
				<textarea class="form-control" name="remark" [(ngModel)]="item.remark"
					[formControl]="formModel.controls['remark']" formControlName="remark" rows="3"></textarea>
			</div>
		</div>
	</form>
</ng-template>

<ng-template #editTemplateModal>
	<div class="modal-content">
		<div class="modal-header info-success-qm">
			<div class="pull-left">
				<em class="fa-lg fas fa-edit "></em> 编辑页面
			</div>
			<button type="button" class="close" (click)="hideModal()">×</button>
		</div>

		<!-- 1@3 -->
		<div class="modal-body">
			<div [ngTemplateOutlet]="editFormTemplate"></div>
		</div>

		<div class="modal-footer" style="text-align: center">
			<button class="btn btn-info" (click)="save()">
				<i class="fa fa-info-circle"> </i> 保存
			</button>
			<button class="btn btn-info" (click)="doAudit()">
				<i class="fa fa-info-circle"> </i> 提交审核
			</button>

			<button class="btn btn-default" (click)="hideModal()">
				<i class="icon-close"> </i> 关闭
			</button>
		</div>
	</div>
</ng-template>

<ng-template #byChooseModal>
	<div class="modal-content">
		<div class="modal-header info-success-qm">
			<div class="pull-left">
				<em class="fa-lg fas fa-edit "></em> 毕业信息选择
			</div>
			<button type="button" class="close" (click)="hideModal()">×</button>
		</div>
		<div class="modal-body">
			<div [ngTemplateOutlet]="byChooseTemplate"></div>
		</div>
		<!-- <div class="modal-footer">
		<button class="btn btn-default" (click)="hideModal()">
		  <i class="icon-close"> </i> 关闭
		</button>
	  </div> -->
	</div>
</ng-template>
<ng-template #byChooseTemplate>
	<div class="row mb-3 ml-1">
		<div class="col-lg-12">
			<form (ngSubmit)="byFramePager.goSearch()" class="form-inline">
				<table>
					<tr>
						<td>
							<div class="input-group mr-1 input-group-sm">
								<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关键字：</label>
								<input name="keyword" [(ngModel)]="byQuery.query" class="input-sm form-control"
									type="text" value="" maxlength="50" placeholder="请输入查询关键字" width="80">
							</div>
						</td>
						<td>
							<!--时间批次
							<div class="input-group mr-1 input-group-sm">
								<label class="ml-sm">毕业批次：</label>
								<flex-select [allowClear]="true" [url]="'pl/plExamTime/listPlExamTimeForBy.htm'"
									respDataPath="array" optionValueField="id" optionTextField="exam_year_month"
									[(ngModel)]="byQuery.examTimeId" placeholder="请选择"
									[ngModelOptions]="{standalone: true}" width="80" noResultsFound="无数据">
								</flex-select>
							</div>
							 -->
							 <div class="input-group mr-1 input-group-sm">
								<label>考生来源：</label>
								<select name="std_source" style="width: 80px;" [(ngModel)]="byQuery.std_source"
									[ngModelOptions]="{standalone: true}" class="form-control">
									<option value="">请选择</option>
									<option value="1">社会考生</option>
									<option value="3">助学考生</option>
								</select>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="input-group mr-1 input-group-sm">
								<label>主考学校：</label>
								<flex-select [allowClear]="true" [(items)]="masterSchoolList" respDataPath="array"
									optionValueField="id" optionTextField="org_name"
									[(ngModel)]="byQuery.masterSchoolId" placeholder="请选择"
									[ngModelOptions]="{standalone: true}" width="80" noResultsFound="无数据">
								</flex-select>
							</div>
						</td>
						<td>
								<div class="input-group mr-1 input-group-sm">
									<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;专业：</label>
									<flex-select [allowClear]="true" [(items)]="majorList" respDataPath="page.recordes"
										optionValueField="id" optionTextField="major_full_name"
										[(ngModel)]="byQuery.majorId" placeholder="请选择"
										[ngModelOptions]="{standalone: true}" width="130" noResultsFound="无数据">
									</flex-select>
								</div>
							</td>
					</tr>
					<tr>
						
						<td>
							
						</td>
						<td>
							<button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1"
								(click)="byFramePager.goSearch()">
								<i class="fa fa-search"></i> 查询</button>
							<button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1"
								(click)="byFramePagerReset()">
								<i class="fa fa-undo"></i> 重置</button>
							<button class="btn btn-primary mr-1 btn-sm" (click)="showManualDialog(manualModal);">
								<i class="fa fa-paint-brush"></i> 毕业证明书手工申请</button>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12 ml-0">
			<table class="table table-sm table-striped table-hover table-bordered bg-white">
				<thead>
					<th>毕业证书号</th>
					<th align="center">准考证</th>
					<th>姓名</th>
					<th>身份证</th>
					<th>专业名称</th>
					<th>专业层次</th>
					<th>主考院校</th>
					<th align="center">操作</th>

				</thead>
				<tr *ngFor="let item of byFramePager.getRecords()">
					<td>{{item.diaplma_no}}</td>
					<td align="center">{{item.ticket_no}}</td>
					<td>{{item.std_name}}</td>
					<td>{{item.cert_no}}</td>
					<td>{{item.major_name}}</td>
					<td>{{item.major_level | frameDict: 'MajorLevel'}}</td>
					<td>{{item.school_name}}</td>
					<td align="center">
						
						<a href="#" (click)="showManualDialog(manualModal,item);"
							title="申请毕业证明书"><em class="fa-lg fas fa-edit mr-1"></em></a>
					</td>
				</tr>
			</table>
			<frame-pager [url]="BY_QUERY_URL" [autoLoad]=false hideSearch="true" hasCheck="true" pageLimit="10"
				#byFramePager (preReqEvent)="byFrameSearch($event)"></frame-pager>
		</div>
	</div>
</ng-template>
<photo-uploader #uploadPhoto [(uploadUrl)]="UPLOAD_URL" [addonParams]="{'diaplma_no':item?item.diaplma_no:''}"
	(afterUpload)='afterUpload($event)'></photo-uploader>

<ng-template #manualTemplate>
		<form [formGroup]="formModel"  class="form-validate form-horizontal">
			<input type="hidden" class="form-control" formControlName="id" [(ngModel)]="item.id"
				[formControl]="formModel.controls['id']" />
			<div class="row mb-1">
				<!-- 学生基础信息 -->
				<table class="table table-sm table-striped table-hover table-bordered bg-white">
					<tbody>
	
						<tr>
							<td style="text-align: right" width="12%">毕业证书号<font style="color:red;">*</font></td>
							<td width="18%">
									<span *ngIf="item.app_id!=null">{{item.diaplma_no}}</span>

								<input *ngIf="item.app_id==null" class="form-control" type="input" name="diaplma_no" [(ngModel)]="item.diaplma_no" maxlength=20
									formControlName="diaplma_no" [formControl]="formModel.controls['diaplma_no']" />
								</td>
							<td style="text-align: right" width="7%">姓名<font style="color:red;">*</font></td>
							<td width="23%">
									<span *ngIf="item.app_id!=null">{{item.std_name}}</span>

								<input *ngIf="item.app_id==null" class="form-control" type="input" name="std_name" [(ngModel)]="item.std_name" maxlength=100
									formControlName="std_name" [formControl]="formModel.controls['std_name']" />
								</td>
							<td rowspan="8" style="width:20%;text-align: center">
									<div *ngIf="item.by_photo" class="text-muted" style="vertical-align:middle;">
											<img [src]="url+item.by_photo" style="width: 200;height: 200px">
										</div>
									<div *ngIf="!item.by_photo && item.by_photo_path" class="text-muted" style="vertical-align:middle;">
										<img [src]="photo_url+item.by_photo_path" style="width: 200;height: 200px">
									</div>
									<div *ngIf="!item.by_photo && !item.by_photo_path" class="text-muted" style="vertical-align:middle;">
											<img [src]="photo_url+item.photo_path" style="width: 200;height: 200px">
										</div>
							</td>
						</tr>
						<tr>
							<td style="text-align: right" width="7%">身份证<font style="color:red;">*</font></td>
							<td width="23%">
									<span *ngIf="item.app_id!=null">{{item.cert_no}}</span>

								<input *ngIf="item.app_id==null" class="form-control" type="input" name="cert_no" [(ngModel)]="item.cert_no" maxlength=20
									formControlName="cert_no" [formControl]="formModel.controls['cert_no']" />
									</td>
							<td style="text-align: right">准考证</td>
							<td>
									<span *ngIf="item.app_id!=null">{{item.ticket_no}}</span>

								<input *ngIf="item.app_id==null" class="form-control" type="input" name="ticket_no" [(ngModel)]="item.ticket_no"  maxlength=15
									formControlName="ticket_no" [formControl]="formModel.controls['ticket_no']" />
									</td>
						</tr>
						<tr>
							<td style="text-align: right">毕业时间<font style="color:red;">*</font></td>
							<td>
								<span *ngIf="item.app_id!=null">{{item.by_date}}</span>
								<input *ngIf="item.app_id==null" class="form-control" type="text" formControlName="by_date" [formControl]="formModel.controls['by_date']"
									DateTimePicker [dpType]="'date'" [dpValue]="item.by_date" [(ngModel)]="item.by_date" />
								
							</td>						
							<td style="text-align: right">专业层次<font style="color:red;">*</font></td>
							<td>
								<!-- MajorLevel -->
								<!-- <select class="custom-select" frameDict [dictName]="'MajorLevel'"
									[(ngModel)]="item.major_level" [ngModelOptions]="{standalone: true}">
	
								</select> -->
								<span *ngIf="item.app_id!=null && item.major_level==''"></span>
								<span *ngIf="item.app_id!=null && item.major_level=='0'">专科高等教育</span>
								<span *ngIf="item.app_id!=null && item.major_level=='1'">本科高等教育</span>
								<span *ngIf="item.app_id!=null && item.major_level=='2'">中等教育</span>


								<select *ngIf="item.app_id==null" class="custom-select"  formControlName="major_level" [formControl]="formModel.controls['major_level']"   [(ngModel)]="item.major_level">
									<option value="" >请选择</option>
									<option value="0" >专科高等教育</option>
									<option value="1" >本科高等教育</option>
									<option value="2" >中等教育</option>
								  </select>
							</td>
						</tr>
						<tr>
							<td style="text-align: right" width="7%">专业名称<font style="color:red;">*</font></td>
							<td width="23%">
									<span *ngIf="item.app_id!=null">{{item.major}}</span>

								<input *ngIf="item.app_id==null" class="form-control" type="input" name="major" [(ngModel)]="item.major" formControlName="major" maxlength=150
									[formControl]="formModel.controls['major']" />
									</td>
							<td style="text-align: right" width="7%">主考学校<font style="color:red;">*</font></td>
							<td width="23%">
									<span *ngIf="item.app_id!=null">{{item.school}}</span>

								<input *ngIf="item.app_id==null" class="form-control" type="input" name="school" [(ngModel)]="item.school" formControlName="school" maxlength=150
									[formControl]="formModel.controls['school']" />
	
									</td>
						</tr>
						<tr>
							<td style="text-align: right" width="7%">联系方式<font style="color:red;">*</font></td>
							<td width="23%">
								<input class="form-control" type="input" name="phone" [(ngModel)]="item.phone" formControlName="phone" maxlength=20
									[formControl]="formModel.controls['phone']" />
								<span class="text-danger"
									*ngIf="formModel.get('phone').hasError('required') && (formModel.get('phone').dirty || formModel.get('phone').touched)">请输入联系方式</span>
							</td>
							<td style="text-align: right" width="10%">申请理由<font style="color:red;">*</font></td>
							<td width="20%">
								<input class="form-control" type="input" name="reason" [(ngModel)]="item.reason" formControlName="reason" maxlength=150
									[formControl]="formModel.controls['reason']" />
	
								<span class="text-danger"
									*ngIf="formModel.get('reason').hasError('required') && (formModel.get('reason').dirty || formModel.get('reason').touched)">请输入申请理由</span>
							</td>
						</tr>					
						<!-- <tr>
							<td style="text-align: right">受理单位</td>
							<td>{{item.org_code}}-{{item.org_name}}</td>
						</tr> -->
					</tbody>
				</table>
	
			</div>
		</form>
	</ng-template>
	
	<ng-template #manualModal>
		<div class="modal-content">
			<div class="modal-header info-success-qm">
				<div class="pull-left">
					<em class="fa-lg fas fa-edit "></em> 编辑页面
				</div>
				<button type="button" class="close" (click)="hideModal()">×</button>
			</div>
	
			<!-- 1@3 -->
			<div class="modal-body">
				<div [ngTemplateOutlet]="manualTemplate"></div>
			</div>
	
			<div class="modal-footer" style="text-align: center">
				<button class="btn btn-info" (click)="save()">
					<i class="fa fa-info-circle"> </i> 保存
				</button>
				<button class="btn btn-default" (click)="hideModal()">
					<i class="icon-close"> </i> 关闭
				</button>
			</div>
		</div>
	</ng-template>	