depot-web-tianjin/src/main/resources/static/app/basic/keeper/views/keeper-view.html

<!-- MAIN CONTENT -->
<div id="content">
	<!-- widget grid -->
	<section id="widget-grid" widget-grid>
		<!-- START ROW -->
		<div class="row">
			<!-- NEW COL START -->
			<article class="col-sm-12 col-md-12 col-lg-12">
				<!-- Widget ID (each widget will need unique ID)-->
				<div jarvis-widget id="form-grid-widget"
					 data-widget-colorbutton="false" data-widget-editbutton="false"
					 data-widget-custombutton="false">
					<!-- widget div-->
					<div>
						<!-- widget content -->
						<div class="widget-body no-padding">
							<form id="keeper-form" name='keeper-form'
								  class="smart-form ng-pristine ng-valid"
								  data-validator-option="validateOptions" novalidate="novalidate">
								<header>
									<a href-void class="btn btn-default btn-xs" ng-click="returnTop()">
										<i class="fa fa-angle-left"></i>&nbsp;返回&nbsp;
									</a>
									&nbsp;<strong>员工信息详情</strong>
									<span class="pull-right font-xs">带*的部分必须填写</span>
								</header>
								<fieldset>
									<div class="container">
										<span class="right-side-image">职员头像<span style="color: red;margin-left: 5px;text-align: center;">*</span>
											<img class="right-side-image" alt="职员头像" src="{{keeper.fileUrl}}">
										</span>
									</div>
									<div class="row">
										<section class="col col-3">
											<label class="label">身份证号<span style="color: red;margin-left: 5px;text-align: center;">*</span></label>
											<label class="input">
												<input type="text" ng-model="keeper.sfzh" name="sfzh" placeholder="" ng-readonly="true" maxlength="18">
											</label>
										</section>
										<section class="col col-3">
											<label class="label">员工姓名<span style="color: red;margin-left: 5px;text-align: center;">*</span></label>
											<label class="input">
												<input type="text" ng-model="keeper.ryxm" name="ryxm" placeholder="" ng-readonly="true" maxlength="18">
											</label>
										</section>
										<section class="col col-3">
											<label class="label">职务类型<span style="color: red;margin-left: 5px;text-align: center;">*</span></label>
											<label class="input">
												<label class="select">
													<select ng-model="keeper.zwlx" name="zwlx" class="form-control" ng-disabled="true">
														<option value="">--请选择--</option>
														<option value="0">主职</option>
														<option value="1">副职</option>
													</select>
													<i></i>
												</label>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-3">
											<label class="label">性别</label>
											<label class="select">
												<select ng-model="keeper.xb" ng-disabled="true" name="xb"
														ng-options="enum.enumid as enum.enumname for enum in dicDataList[5287]"
														class="form-control">
													<option value="">--请选择--</option>
												</select>
											</label>
										</section>
										<section class="col col-3">
											<label class="label">名族</label>
											<label class="select">
												<select ng-model="keeper.mz" ng-disabled="true" name="mz"
														ng-options="enum.enumid as enum.enumname for enum in dicDataList[7176]"
														class="form-control">
													<option value="">--请选择--</option>
												</select>
											</label>
										</section>
										<section class="col col-3">
											<label class="label">政治面貌</label>
											<label class="select">
												<select ng-model="keeper.zzmm" ng-disabled="true"
														ng-options="enum.enumid as enum.enumname for enum in dicDataList[1043]"
														class="form-control">
													<option value="">--请选择--</option>
												</select>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-3">
											<label class="label">移动电话</label>
											<label class="input">
												<i class="icon-prepend fa fa-mobile-phone"></i>
												<input type="text" ng-model="keeper.lxdh" name="lxdh" placeholder="" ng-readonly="true" maxlength="20">
											</label>
										</section>
										<section class="col col-3">
											<label class="label">部门名称</label>
											<label class="input">
												<i class="icon-prepend fa fa-mobile-phone"></i>
												<input type="text" ng-model="keeper.bmmc" name="bmmc" placeholder="" ng-readonly="true">
											</label>
										</section>
										<section class="col col-3">
											<label class="label">职务(岗位)</label>
											<label class="input">
												<input type="text" ng-model="keeper.zwmc" name="zwmc" maxlength="30" ng-readonly="true" />
												<i></i>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-3">
											<label class="label">在岗状态</label>
											<label class="input">
												<input type="text" ng-model="keeper.zgzt" name="zgzt" ng-readonly="true" />
												<i></i>
											</label>
										</section>
										<section class="col col-3">
											<label class="label">人员类别</label>
											<label class="select">
												<select ng-model="keeper.rylb" ng-disabled="true" name="rylb"
														ng-options="enum.enumid as enum.enumname for enum in dicDataList[6888]"
														class="form-control">
													<option value="">--请选择--</option>
												</select>
											</label>
										</section>
										<section class="col col-3">
											<label class="label">岗位性质<span style="color: red;">*</span></label>
											<label class="select">
												<select ng-model="keeper.gwxz" name="gwxz" class="form-control" ng-disabled="true">
													<option value="">--请选择--</option>
													<option value="11">在岗职工(长期)</option>
													<option value="12">在岗职工(临时)</option>
													<option value="20">其它从业人员</option>
												</select>
												<i></i>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-3">
											<label class="label">岗位类型</label>
											<label class="select">
												<select ng-model="keeper.gwdm" name="gwdm" class="form-control"  ng-disabled="true">
													<option value="">--请选择--</option>
													<option value="1">后勤</option>
													<option value="2">业务</option>
													<option value="3">财务</option>
													<option value="4">统计</option>
													<option value="5">仓储</option>
													<option value="6">化验</option>
													<option value="7">管理</option>
													<!--<option value="8">防治</option>
													<option value="9">保安</option>
													<option value="10">其他</option>-->
												</select>
											</label>
										</section>
										<section class="col col-3">
											<label class="label">入职日期</label>
											<label class="input">
												<input type="text" ng-model="keeper.rzrq" name="rzrq" id="rzrq" ng-disabled="true"
													   class="form-control" onClick="WdatePicker({lang:'zh-cn'})" />
											</label>
										</section>
										<section class="col col-3">
											<label class="label">参加涉粮企业工作时间<span style="color: red;margin-left: 5px;text-align: center;">*</span></label>
											<label class="input">
												<input type="text" ng-model="keeper.cjslqygzsj" class="form-control" onClick="WdatePicker({lang:'zh-cn'})"
													   name="cjslqygzsj" ng-disabled="true" >
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-3">
											<label class="label">参加工作时间<span style="color: red;margin-left: 5px;text-align: center;">*</span></label>
											<label class="input">
												<input type="text" ng-model="keeper.cjgzsj" name="cjgzsj"
													   class="form-control" onClick="WdatePicker({lang:'zh-cn'})" ng-disabled="true" />
											</label>
										</section>
										<section class="col col-3">
											<label class="label">最高职称</label>
											<label class="input">
												<input type="text" ng-model="keeper.zgzc" name="zgzc" ng-readonly="true" />
												<i></i>
											</label>
										</section>
										<section class="col col-3">
											<label class="label">取得最高职称或职业资格时间</label>
											<label class="input">
												<input type="text" ng-model="keeper.zgzctqsj" name="zgzctqsj" ng-readonly="true" />
												<i></i>
											</label>
										</section>
									</div>
								</fieldset>
								<header>
									<h3>
										<strong>学历学位情况</strong>&nbsp;&nbsp;
									</h3>
								</header>
								<fieldset>
									<div ng-repeat="educationVO in educationVOList">
										<div class="row">
											<section class="col col-2">
												<label class="label">全日制最高学历</label>
												<label class="input">
													<input type="text" ng-model="dicData[educationVO.quanHighestEducation]" name="quanHighestEducation" ng-readonly="true" />
												</label>
											</section>
											<section class="col col-2">
												<label class="label">毕业院校</label>
												<label class="input">
													<input type="text" ng-model="educationVO.quanInstitutions" name="quanInstitutions" ng-readonly="true" />
												</label>
											</section>
											<section class="col col-2">
												<label class="label">专业</label>
												<label class="input">
													<input type="text" ng-model="educationVO.quanSpeciality" name="quanSpeciality" ng-readonly="true" />
												</label>
											</section>
											<section class="col col-2">
												<label class="label">是否为涉粮专业</label>
												<label class="select">
													<select ng-model="educationVO.quanFoodstuff" name="quanFoodstuff" class="form-control" ng-disabled="true">
														<option value="">--请选择--</option>
														<option value="0">是</option>
														<option value="1">否</option>
													</select>
												</label>
											</section>
										</div>
										<div ng-repeat="feiEducationVO in feiEducationVOList">
											<div class="row">
												<section class="col col-2">
													<label class="label">非全日制最高学历</label>
													<label class="input">
														<input type="text" ng-model="dicData[feiEducationVO.feiHighestEducation]" name="feiHighestEducation" ng-readonly="true" />
													</label>
												</section>
												<section class="col col-2">
													<label class="label">毕业院校</label>
													<label class="input">
														<input type="text" ng-model="feiEducationVO.feiInstitutions" name="feiInstitutions" ng-readonly="true" />
													</label>
												</section>
												<section class="col col-2">
													<label class="label">专业</label>
													<label class="input">
														<input type="text" ng-model="feiEducationVO.feiSpeciality" name="feiSpeciality" ng-readonly="true" />
													</label>
												</section>
												<section class="col col-2">
													<label class="label">是否为涉粮专业</label>
													<label class="select">
														<select ng-model="feiEducationVO.feiFoodstuff" name="feiFoodstuff" class="form-control" ng-disabled="true">
															<option value="">--请选择--</option>
															<option value="0">是</option>
															<option value="1">否</option>
														</select>
													</label>
												</section>
											</div>
										</div>
									</div>
								</fieldset>
								<header>
									<h3>
										<strong>是否涉及交流轮岗</strong>
									</h3>
								</header>
								<fieldset>
									<table class="table table-striped table-bordered table-hover" width="100%" style="padding: 0;" >
										<tr>
											<th width='15%'>
												<label class="label" style="margin-top: 9px;text-align: center;">是否涉及交流轮岗</label>
											</th>
											<th width='15%'>
												<section>
													<label class="select">
														<select ng-model="keeper.rotaterotateType" name="rotaterotateType" ng-disabled="true" class="form-control">
															<option value="">--请选择--</option>
															<option value="0">是</option>
															<option value="1">否</option>
														</select>
													</label>
												</section>
											</th>
											<th width='15%'>
												<label class="label" style="margin-top: 9px;text-align: center;">领导班子成员/关键部门负责人</label>
											</th>
											<th width='15%'>
												<section>
													<label class="input">
														<input type="text" ng-model="keeper.head" maxlength="100" name="head" ng-readonly="true" />
													</label>
												</section>
											</th>
										</tr>
									</table>
									<table class="table table-striped table-bordered table-hover" width="100%">
										<thead>
										<tr>
											<th data-hide="expand">序号</th>
											<th data-class="expand">负责（分管）业务类型</th>
											<th data-class="expand">负责（分管）业务时间</th>
											<th data-class="expand">任命文件或者会议纪要等佐证材料</th>
										</tr>
										</thead>
										<tbody>
										<tr ng-repeat="rotaterotateVO in rotaterotateVOList">
											<td>{{$index+1}}</td>
											<!--
											<select ng-model="rotaterotateVO.businessType" name="businessType{{$index}}" ng-disabled="true" class="form-control">
															<option value="01">负责（分管）购销工作</option>
															<option value="02">负责（分管）检斤工作</option>
															<option value="03">负责（分管）检验工作</option>
															<option value="04">负责（分管）保管工作</option>
															<option value="05">负责（分管）财务工作</option>
															<option value="06">负责（分管）基建工作</option>
											-->
											<td>{{rotaterotateVO.businessType}}</td>
											<td>{{rotaterotateVO.businessTime}}</td>
											<td>{{rotaterotateVO.fileName}}
												<a class="btn btn-default" href="{{rotaterotateVO.fileUrl}}" target="_blank"><i class="fa fa-download"></i>预览</a>
											</td>
										</tr>
										</tbody>
									</table>
								</fieldset>
								<header>
									<h3>
										<strong>技能等级</strong>
									</h3>
								</header>
								<fieldset>
									<div ng-repeat="skillVO in skillVOList">
										<div class="row">
											<section class="col col-2">
												<label class="label">技能等级</label>
												<label class="select">
													<select ng-model="skillVO.skillLevel" name="skillLevel" class="form-control" ng-disabled="true">
														<option value="1">一级/高级技师</option>
														<option value="2">二级/技师</option>
														<option value="3">三级/高级工</option>
														<option value="4">四级中级工</option>
														<option value="5">五级/初级工</option>
													</select>
												</label>
											</section>
											<section class="col col-2">
												<label class="label">专业</label>
												<label class="select">
													<select ng-model="skillVO.skillName" name="skillName" ng-disabled="true" class="form-control">
														<option value="01">（粮油）仓储管理员/保管员</option>
														<option value="02">农产品食品检验员/化验员</option>
														<option value="03">其他</option>
													</select>
												</label>
											</section>
											<section class="col col-2">
												<label class="label">获取时间</label> <label class="input">
													<input type="text" ng-model="skillVO.skillDate" name="skillDate" ng-disabled="true">
												</label>
											</section>
										</div>
									</div>
								</fieldset>
								<header>
									<h3>
										<strong>职称和荣誉称号</strong>
									</h3>
								</header>
								<fieldset>
									<div ng-repeat="reportVO in reportVOList">
										<div class="row">
											<section class="col col-3">
												<label class="label">职业资格证书名称</label>
												<label class="input">
													<input type="text" ng-model="reportVO.honoraryName" name="honoraryName" ng-readonly="true" />
												</label>
											</section>
											<section class="col col-2">
												<label class="label">职称(等级)</label>
												<label class="select">
													<select ng-model="reportVO.title" name="title" class="form-control" ng-disabled="true">
														<option value="01">正高</option>
														<option value="02">副高</option>
														<option value="03">中级</option>
														<option value="04">初级</option>
													</select>
												</label>
											</section>
											<section class="col col-2">
												<label class="label">证书编号</label>
												<label class="input">
													<input type="text" ng-model="reportVO.reportNumber" name="reportNumber" ng-readonly="true" />
												</label>
											</section>
											<section class="col col-2">
												<label class="label">发证机关</label>
												<label class="input">
													<input type="text" ng-model="reportVO.authoritys" name="authoritys" ng-readonly="true">
												</label>
											</section>
										</div>
										<div class="row">
											<section class="col col-2">
												<label class="label">颁证时间</label> <label class="input">
												<input type="text" ng-model="reportVO.releaseTime" class="form-control" name="releaseTime" ng-disabled="true">
											</label>
											</section>
											<section class="col col-2">
												<label class="label">荣誉称号</label>
												<label class="input">
													<input type="text" ng-model="reportVO.honoraryTitle" name="honoraryTitle" ng-readonly="true" />
												</label>
											</section>
											<section class="col col-2">
												<label class="label">专业</label>
												<label class="select">
													<select ng-model="reportVO.reportName" name="reportName" class="form-control" ng-disabled="true">
														<option value="">--请选择--</option>
														<option value="0">涉粮相关专业</option>
														<option value="1">非涉粮相关专业</option>
													</select>
												</label>
											</section>
											<section class="col col-2">
												<label class="label">&nbsp;</label>
												<label class="input">
													<input type="text" ng-model="dicData[reportVO.occupation]" name="occupation" ng-readonly="true" />
												</label>
											</section>
										</div>
										<div class="row">
											<section class="col col-2">
												<label class="label">证书附件</label>
												{{reportVO.fileName}}
												<a class="btn btn-default" href="{{reportVO.fileUrl}}" target="_blank"><i class="fa fa-download"></i>预览</a>
											</section>
										</div>
									</div>
								</fieldset>
								<header>
									<h3>
										<strong>上岗及其他证书</strong>
									</h3>
								</header>
								<fieldset>
									<div ng-repeat="certificatesVO in certificatesVOList">
										<div class="row">
											<section class="col col-3">
												<label class="label">专业</label> <label class="input">
												<input type="text" ng-model="certificatesVO.speciality" name="speciality" ng-readonly="true" />
											</label>
											</section>
											<section class="col col-3">
												<label class="label">颁证机构</label> <label class="input">
												<input type="text" ng-model="certificatesVO.issueFacility" name="issueFacility" ng-readonly="true">
											</label>
											</section>
											<section class="col col-3">
												<label class="label">颁证时间</label> <label class="input">
												<input type="text" ng-model="certificatesVO.acquisitionTime" class="form-control" name="acquisitionTime" ng-disabled="true">
											</label>
											</section>
											<section class="col col-2">
												<label class="label">证书附件</label>
												{{certificatesVO.fileName}}
												<a class="btn btn-default" href="{{certificatesVO.fileUrl}}" target="_blank"><i class="fa fa-download"></i>预览</a>
											</section>
										</div>
									</div>
								</fieldset>
								<header>
									<h3>
										<strong>其它附件</strong>
									</h3>
								</header>
								<fieldset>
									<div ng-repeat="ryfjFileVO in ryfjFileVOList">
										<section class="col col-2">
											{{ryfjFileVO.ryfjFileName}}
											<a class="btn btn-default" href="{{ryfjFileVO.ryfjFileUrl}}" target="_blank"><i class="fa fa-download"></i>预览</a>
										</section>
									</div>
								</fieldset>
								<fieldset>
									<div ng-repeat="otherVo in otherVoList">
										<label class="label">附件</label>
										<label class="input">
											<input type="text" ng-model="otherVo.fjid" maxlength="100" name="fjid" ng-readonly="true">
										</label>
									</div>
								</fieldset>
								<header>
									<h3>
										<strong>职务类型变更记录</strong>
									</h3>
								</header>
								<fieldset>
									<table class="table table-striped table-bordered table-hover" width="100%">
										<thead>
											<tr>
												<th data-hide="expand">序号</th>
												<th data-class="expand">变更前单位名称</th>
												<th data-class="expand">职务类型变更前</th>
												<th data-class="expand">变更后单位名称</th>
												<th data-hide="expand">职务类型变更后</th>
												<th data-hide="expand">变更人</th>
												<th data-hide="expand">变更时间</th>
											</tr>
										</thead>
										<tbody>
											<tr ng-repeat="zwlxbgjlVO in zwlxbgjlVOList" ng-hide="zwlxbgjlVOHide">
												<td>{{$index+1}}</td>
												<td>{{zwlxbgjlVO.bgqzzdwmc}}</td>
												<td>{{zwlxbgjlVO.zwlxQ}}</td>
												<td>{{zwlxbgjlVO.bghzzdwmc}}</td>
												<td>{{zwlxbgjlVO.zwlxH}}</td>
												<td>{{zwlxbgjlVO.bgr}}</td>
												<td>{{zwlxbgjlVO.bgfsrq}}</td>
											</tr>
											<tr ng-hide="zwlxbgjlVONotHide">
												<td colspan="7" style="text-align: center;">暂无数据</td>
											</tr>
										</tbody>
									</table>
								</fieldset>
								<footer class="modal-footer text-align-center">
									<button ng-click="returnTop()" class="btn btn-default btn-lg" data-dismiss="modal">返回</button>
								</footer>
							</form>
						</div>
					</div>
				</div>
			</article>
		</div>
	</section>
</div>
<style>
	.container {
		position: relative;
		width: 100%;
		max-width: 1525px; /* 或者其他你需要的最大宽度 */
		margin: 0 auto;
	}
	.right-side-image {
		position: absolute;
		top: 27px;
		right: 0;
		width: 200px; /* 或者你想要的其他宽度 */
		height: auto;
	}
</style>
<!--<div id="content" class="hb-vie">
	<section id="widget-grid" widget-grid>
		<div class="row">
			<article class="col-sm-12 col-md-12 col-lg-12">
				<div jarvis-widget id="form-grid-widget"
					data-widget-colorbutton="false" data-widget-editbutton="false"
					data-widget-custombutton="false">
					<div>
						<header>
							<a href-void class="btn btn-default btn-xs" ng-click="returnTop()">
								<i class="fa fa-angle-left"></i>&nbsp;返回&nbsp;
							</a>
							&nbsp;<strong>员工信息详情</strong>
						</header>
						<div class="col-sm-5" style="width:30%;padding-top:10px;height:305px">
							<img style="width: 100%;height:100%" class="img-responsive"
								src="{{keeper.avatorUrl}}">
							<div>
								<div class="row">
									<li style="width: 100%; margin-left: -3px" class="list-group-item add-listclass col-sm-12 font-lg">
										<div class="input-group input-group-sm text-right">
											<span class="input-group-addon">
												<span class="font-lg"><i class="glyphicon glyphicon-th-large"></i>员工姓名:
											    </span>
												<span class="font-lg">{{keeper.name}}</span>
											</span>
										</div>
									</li>
								</div>
								<div class="row"></div>
							</div>
						</div>
						<div class="col-sm-7">
							<div class="panel">
								<div style="overflow: hidden;" class="panel-heading">
									<h3 style="line-height: 30px" class="panel-title font-xl">员工基本信息</h3>
								</div>
								<div class="panel-body">
									<ul class="list-group .add-listclass">
										<style>
										.hb-vie .glyphicon {
											margin-right: 5px;
										}

										.hb-vie .add-listclass {
											border: none !important;
											border-bottom: 1px solid #f5f5f5 !important;
											margin-bottom: 0px !important;
											margin-left: 1%;
										}
										</style>
										<li class="list-group-item add-listclass col-sm-12">
											<span class="font-lg text-right col-sm-4">岗位角色：</span>
											<span class="font-lg col col-sm-8">{{roleObj[keeper.postType]}}</span>
										</li>
										<li class="list-group-item add-listclass col-sm-12">
											<span class="font-lg text-right col-sm-4">性别：</span>
											<span class="font-lg col col-sm-8">{{dicData[keeper.sex]}}</span>
										</li>
										<li class="list-group-item add-listclass col-sm-12">
											<span class="font-lg text-right col-sm-4">政治面貌：</span>
											<span class="font-lg col col-sm-8">{{dicData[keeper.political]}}</span></li>
										<li class="list-group-item add-listclass col-sm-12">
											<span class="font-lg text-right col-sm-4">联系方式：</span>
											<span class="font-lg col col-sm-8">{{keeper.phone}}</span></li>
&lt;!&ndash;										<li class="list-group-item add-listclass col-sm-12">&ndash;&gt;
&lt;!&ndash;											<span class="font-lg text-right col-sm-4">保管工作年限：</span>&ndash;&gt;
&lt;!&ndash;											<span class="font-lg col col-sm-8">{{keeper.workYear}}</span></li>&ndash;&gt;
										<li class="list-group-item add-listclass col-sm-12">
											<span class="font-lg text-right col-sm-4">岗位性质：</span>
											<span class="font-lg col col-sm-8">
											    <div ng-switch="keeper.gwxz">
											        <div ng-switch-when="11">在岗职工(长期)</div>
											        <div ng-switch-when="12">在岗职工(临时)</div>
											        <div ng-switch-when="20">其它从业人员</div>
											    </div>
											</span>
										</li>
									</ul>
								</div>
								<div style="overflow: hidden;" class="panel-heading">
									<h3 style="line-height: 30px" class="panel-title">
										<a href-void class="btn btn-primary btn-sm"
											style="float: right"
											ng-click="showKeeper(keeper.id)"><span
											style="color: #ffffff">详情</span></a>
									</h3>
								</div>

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

				</div>
			</article>
		</div>
	</section>
</div>-->