depot-web-tianjin/src/main/resources/static/app/system/views/user-edit.html

<!-- MAIN CONTENT -->
<style>
.error{
	color: red;
}
</style>
<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="user-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="back()">
										<i class="fa fa-angle-left"></i>&nbsp;返回&nbsp;
									</a>
									&nbsp;用户基本信息
									<span class="pull-right font-xs">带*的部分必须填写</span>
								</header>
								<fieldset>
									<div class="row">
										<section class="col col-4">
											<label class="label txt-bg-red">登录账号<span style="color: red;">*</span></label> 
											<label class="input"> 
												<i class="icon-prepend fa fa-user"></i>
												<input type="text" name="username" ng-model="user.username" 
													 minlength="2" maxlength="20" required validUsername="true" />
												<b class="tooltip tooltip-bottom-right">2-20位字母、数字和下划线</b>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">用户姓名<span style="color: red;">*</span></label> 
											<label class="input"> 
												<i class="icon-prepend fa fa-user"></i>
												<input type="text" name="realName" ng-model="user.realName" maxlength="20" required>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">用户别名<span style="color: red;">*</span></label> 
											<label class="input"> 
												<i class="icon-prepend fa fa-user"></i>
												<input type="text" ng-model="user.userAlias" name="userAlias" maxlength="20" required>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
											<label class="label">部门名称<span style="color: red;">*</span></label>
											<label class="input">
												<input id="verificationInput"  type="text" ng-model="user.bmmc" name="bmmc" maxlength="100" required ng-blur="bmmcBlur()"/>
											</label>
											<div style="color:#D56161;display:none;font-size:11px" id="verificationContainer">不能填写“无”、“暂无”、“空”</div>
										</section>
										<section class="col col-4">
											<label class="label">身份证号码<span style="color: red;">*</span></label>
											<label class="input">
												<input type="text" ng-model="user.sfzhm" name="sfzhm" maxlength="18" validSfzhm="true" required validCard=true/>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">入职日期<span style="color: red;">*</span></label>
											<label class="input">
												<input type="text" ng-model="user.rzrq" name="rzrq" id="rzrq" class="form-control" onClick="WdatePicker({lang:'zh-cn'})" 
												 required ng-blur="rzrqChange()" />
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
											<label class="label">性别<span style="color: red;">*</span></label>
											<label class="select"> 
												<select ng-model="user.sex" name="sex" ng-options="enum.enumid as enum.enumname for enum in dicDataList[5287]"
													class="form-control" required>
														<option value="">--请选择--</option>
												</select>
												<i></i>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">岗位性质<span style="color: red;">*</span></label>
											<label class="select">
												<select ng-model="user.gwxz" name="gwxz" class="form-control" required>
													<option value="">--请选择--</option>
													<option value="11">在岗职工(长期)</option>
													<option value="12">在岗职工(临时)</option>
													<option value="20">其它从业人员</option>
												</select>
												<i></i>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">在岗状态<span style="color: red;">*</span></label>
											<label class="select">
												<select ng-model="user.zgzt" name="zgzt" class="form-control" required>
													<option value="">--请选择--</option>
													<option value="01">在岗</option>
													<option value="02">已离职</option>
												</select>
												<i></i>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
										   <label class="label">所属组织<span style="color: red;">*</span></label> 
										    <multi-select-tree  data-input-model="data2" data-default-label="请选择"
														multi-select="false" data-output-model="user.orgId" 
														data-callback="selectOnly(item, selectedItems)">
												 </multi-select-tree>
										</section>
										<section class="col col-4">
											<label class="label">库级角色（可多选）</label> 
											 <multi-select-tree data-input-model="data4" data-default-label="请选择"
                                                    select-only-leafs="true"
													multi-select="true" data-output-model="userRole.roleIds"
													data-callback="selectOnly1Or2(item, selectedItems)">
											 </multi-select-tree>
										</section>
										<section class="col col-4">
											<label class="label">出入库角色（可多选）</label>
											<multi-select-tree data-input-model="crkData4" data-default-label="请选择"
															   select-only-leafs="true"
															   multi-select="true" data-output-model="crkRole.crkRoleIds"
															   data-callback="selectOnly1Or2(item, selectedItems)">
											</multi-select-tree>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
											<label class="label">离职日期</label>
											<label class="input">
												<input type="text" ng-model="user.lzrq" name="lzrq" class="form-control"  
												onClick="WdatePicker({lang:'zh-cn',minDate:'#F{$dp.$D(\'rzrq\')}'})"/>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">固定电话</label> 
											<label class="input">
												<i class="icon-prepend fa fa-phone"></i>
												<input type="tel" ng-model="user.telphone" name="telphone" maxlength="30" validZjh=true />
											</label>
										</section>
										<section class="col col-4">
											<label class="label">手机号<span style="color: red;">*</span></label>
											<label class="input"> 
												<i class="icon-prepend fa fa-mobile-phone"></i>
												<input type="text" ng-model="user.mobile" name="mobile" validSjh=true required />
											</label>
										</section>
									</div>
									<div class="row" id="userPwd">
										<section class="col col-6">
											<label class="label">密码<span style="color: red;">*</span></label> 
											<label class="input"> 
												<i class="icon-prepend fa fa-key"></i> 
												<input type="password" id="newPassword" name="newPassword" 
													ng-model="user.password" minlength="8" maxlength="20" required  validUsePwd="true" />
											</label>
										</section>
										<section class="col col-6">
											<label class="label">确认密码<span style="color: red;">*</span></label> 
											<label class="input"> 
												<i class="icon-prepend fa fa-key"></i> 
												<input type="password" name="newPassword1" ng-model="newPassword1" 
													 minlength="8" maxlength="20" required  />
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
											<label class="label">QQ号码</label> 
											<label class="input"> 
												<i class="icon-prepend fa fa-qq"></i> 
												<input type="text" ng-model="user.qqNumber" name="qqNumber" minlength="4" maxlength="12">
											</label>
										</section>
										<section class="col col-4">
											<label class="label">地址</label> 
											<label class="input"> 
												<i class="icon-prepend fa fa-map-marker"></i> 
												<input type="text" ng-model="user.address" name="address" maxlength="100" />
											</label>
										</section>
										<section class="col col-4">
											<label class="label">电子邮箱</label>
											<label class="input"> 
												<i class="icon-prepend fa fa-envelope-o"></i> 
												<input type="input" ng-model="user.email" name="email" maxlength="60" validEmail=true />
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
											<label class="label">民族<span style="color: red;">*</span></label>
											<label class="select">
												<select ng-model="user.mz" name="mz" ng-options="enum.enumid as enum.enumname for enum in dicDataList[7176]"
														class="form-control" required>
													<option value="">--请选择--</option>
												</select>
												<i></i>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">政治面貌<span style="color: red;">*</span></label>
											<label class="select">
												<select ng-model="user.zzmm" name="zzmm" ng-options="enum.enumid as enum.enumname for enum in dicDataList[1043]"
														class="form-control" required>
													<option value="">--请选择--</option>
												</select>
												<i></i>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">人员类别<span style="color: red;">*</span></label>
											<label class="select">
												<select ng-model="user.rylb" name="rylb" ng-options="enum.enumid as enum.enumname for enum in dicDataList[6888]"
														class="form-control" required>
													<option value="">--请选择--</option>
												</select>
												<i></i>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
											<label class="label">学历<span style="color: red;">*</span></label>
											<label class="select">
												<select ng-model="user.xl" name="xl" ng-options="enum.enumid as enum.enumname for enum in dicDataList[5294]"
														class="form-control" required>
													<option value="">--请选择--</option>
												</select>
												<i></i>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">职务<span style="color: red;">*</span></label>
											<label class="input">
												<input type="text" ng-model="user.zw" name="zw" maxlength="30" required />
												<i></i>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">职称<span style="color: red;">*</span></label>
											<label class="input">
												<input type="text" ng-model="user.zc" name="zc" maxlength="30" required />
												<i></i>
											</label>
										</section>
									</div>
									<div class="row">
										<section class="col col-6">
											<label class="label">用户头像</label> 
											<div class="input input-file">
									            <span class="button">
									            	<input type="file" nv-file-select="" uploader="uploader" accept="image/*">
									                	浏览
									            </span><input type="text" name="imgUrl" ng-model="user.imgUrl" placeholder="" readonly="">
									        </div>
										</section>
										<section class="col col-6">
											<label class="label">电子签名</label> 
											<div class="input input-file">
									            <span class="button">
									            	<input type="file" nv-file-select="" uploader="uploader" accept="image/*">
									                	浏览
									            </span><input type="text" name="sigature" ng-model="user.sigature" placeholder="" readonly="">
									        </div>
										</section>
									</div>
									<div class="row">
										<section class="col col-4">
											<label class="label">人员类型</label> 
											<label class="select"> 
												<select ng-model="user.status" class="form-control">
													<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>
												</select>
												<i></i>
											</label>
										</section>
										<section class="col col-4">
											<label class="label">取得最高职称或职业资格时间</label>
											<label class="input">
												<input type="text" ng-model="user.qdzgzchzyzgsj" name="qdzgzchzyzgsj" class="form-control" onClick="WdatePicker({lang:'zh-cn'})" />
											</label>
										</section>
										<section class="col col-4">
											<label class="label">专业</label>
											<label class="input">
												<input type="text" ng-model="user.zy" name="zy" maxlength="30" />
											</label>
										</section>
									</div>
								</fieldset>
								
					            <footer class="text-align-center">
					                <button type="button" class="btn btn-primary" ng-click="save()">提交</button>
					                <button type="button" class="btn btn-default" ng-click="back()">取消</button>
					            </footer>
							</form>
						</div>
					</div>
			</article>
		</div>
	</section>
</div>