<!DOCTYPE html>
|
<html>
|
<head>
|
<title></title>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<script src="../../../js/paramconfig.js"></script>
|
<script type="text/javascript">
|
//脚本，css引用
|
remoteToLoadCss('BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css');
|
remoteToLoadCss('BootStrap4/assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css');
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
</script>
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<script type="text/javascript">
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadCss('BootStrap4/expand/css/bootstrap-extract.css');
|
remoteToLoadCss('BootStrap4/expand/plugins/portlet/css/portlet.css');
|
remoteToLoadCss('BootStrap4/expand/css/jqGridCommon.css');
|
loadLocalCss('../../../css/jquery-ui.min.css');
|
|
// remoteToLoadJs('BootStrap4/assets/js/jquery.min.js');
|
<!-- 验证框架 -->
|
remoteToLoadJs('media/js/jquery-1.11.1.js');
|
remoteToLoadJs('media/js/jquery.form-3.51.0.js');
|
remoteToLoadJs('media/js/validation/jquery.validate.min.js');
|
remoteToLoadJs('media/js/validation/messages_zh.js');
|
remoteToLoadJs('media/js/validation/additional-methods.min.js');
|
remoteToLoadJs('media/js/yanzhen.js');
|
|
loadLocalJs('../../../plugins/layer/layer.js');
|
remoteToLoadJs('BootStrap4/assets/js/tether.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/bootstrap.min.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/portlet/portlet.js');
|
loadLocalCss('../../../css/font-awesome.min.css');
|
loadLocalJs('../../../libs/vue.min.js');
|
loadLocalJs('../../../js/jquery-ui.min.js');
|
remoteToLoadJs('BootStrap4/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js');
|
remoteToLoadJs('BootStrap4/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.zh-CN.min.js');
|
loadLocalJs('../../../libs/ajaxupload.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/grid.locale-cn.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/jquery.jqGrid.min.js');
|
loadLocalJs('../../../js/common.js');
|
loadLocalJs('../../../js/validator.js');
|
</script>
|
<style>
|
body {
|
background-color: white;
|
box-sizing: border-box;
|
overflow-x: hidden;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
height: 34px;
|
display: inline-block;
|
}
|
|
.control-label {
|
padding-top: 0!important;
|
width: 160px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1.5em;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 160px;
|
}
|
|
.col-sm-3,
|
.col-sm-6 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.fade {
|
display: none;
|
}
|
|
.in.fade {
|
display: block;
|
}
|
|
.control-group error{
|
border-color:#b94a48;
|
}
|
|
#button{
|
color: #fff!important;
|
background-color: #039cfd !important;
|
border-color: #039cfd !important;
|
}
|
|
th :not(:first-child) {
|
text-align: center;
|
}
|
|
.ui-autocomplete{
|
z-index: 9999;
|
}
|
|
.ui-autocomplete{
|
max-height:200px;
|
overflow-y:auto;
|
overflow-x:hidden;
|
}
|
|
.ui-jqgrid tr.jqgrow td{
|
vertical-align: middle;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div id="rapp" v-cloak>
|
<ul class="nav nav-tabs" role="tablist">
|
<li class="nav-item">
|
<a class="nav-link active" id="userlogin-tab" role="tab" aria-expanded="true" aria-controls="userlogin" href="#userlogin" data-toggle="tab">
|
<div class="top_tabs_li">用户账号</div>
|
</a>
|
</li>
|
<li class="nav-item">
|
<a class="nav-link" id="userinfo-tab" role="tab" aria-expanded="true" aria-controls="userinfo" href="#userinfo" data-toggle="tab">
|
<div class="top_tabs_li">用户资料</div>
|
</a>
|
</li>
|
<li class="nav-item" v-if="isEdit == true">
|
<a class="nav-link" id="userunit-tab" role="tab" aria-expanded="true" aria-controls="userunit" href="#userunit" data-toggle="tab" onclick="initUserUnitList()">
|
<div class="top_tabs_li">所属单位</div>
|
</a>
|
</li>
|
</ul>
|
<div class="tab-content" style="border-left: 1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;">
|
<form class="form-horizontal" id="from">
|
<div class="tab-pane fade active in" id="userlogin" role="tabpanel" aria-expanded="true" aria-labelledby="userlogin-tab">
|
<div class="portlet box ltblue">
|
<div class="portlet-title">
|
账号信息
|
<div class="caption">
|
<i class="fa fa-reorder"></i>
|
</div>
|
<div class="tools">
|
<a class="collapse" onclick="portlet_body_ShowOrHide(this);"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>用户名</label>
|
<div class="controls input-icon">
|
<input type="text" id="LOGINNAME" v-model="user.loginname" name="loginname" class="form-control col-sm-9" alnum="true" required="" maxchar="20"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>密码</label>
|
<div class="controls input-icon">
|
<input type="password" id="PASSWORD" v-model="user.password" name="password" class="form-control col-sm-9" minlength="6" userpwd="true" placeholder="至少含字母、数字和特殊字符任意两种，长度为6-16位" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>用户状态</label>
|
<div class="controls input-icon">
|
<span id="U_TYPE" name="userstatus" style="line-height: 33px;" value=""></span>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="tab-pane fade" id="userinfo" role="tabpanel" aria-expanded="true" aria-labelledby="userinfo-tab">
|
<div class="portlet box ltblue">
|
<div class="portlet-title">
|
用户信息
|
<div class="caption">
|
<i class="fa fa-reorder"></i>
|
</div>
|
<div class="tools">
|
<a class="collapse" onclick="portlet_body_ShowOrHide(this);"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>中文名</label>
|
<div class="controls input-icon">
|
<input type="text" id="CHINESENAME" onblur="changeToPinYin()" v-model="user.chinesename" name="chinesename" class="form-control col-sm-9" required="" maxchar="20" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>拼音首字母</label>
|
<div class="controls input-icon">
|
<input type="text" id="SPELLFIRST" v-model="user.spellfirst" name="spellfirst" class="form-control col-sm-9" spellfirst="true" required="" maxchar="25" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">性别</label>
|
<div class="controls" id="U_SEX">
|
<label class="radio-inline">
|
<input type="radio" name="sex" value="1" v-model="user.sex" />男
|
</label>
|
<label class="radio-inline">
|
<input type="radio" value="0" name="sex" v-model="user.sex" />女
|
</label>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">籍贯</label>
|
<div class="controls input-icon">
|
<input type="text" v-model="user.nativeplace" id="nativeplace" name="nativeplace" class="form-control col-sm-9" maxchar="20"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">照片</label>
|
<div class="controls input-icon">
|
<div style="border: 1px solid #CCCCCC;width: 150px; height: 130px; margin-bottom: 5px;">
|
<img id="imgUrl" src="" style="width: 150px; height: 130px;" alt="" />
|
</div>
|
<input id="imgUp" type="file" name="imgFile" multiple="multiple" accept="imgage/*" style="display: none;" />
|
<input id="upload" type="button" value="上传图片" class="btn btn-primary" />
|
<span style="color:red;font-size:12px;">（建议图片大小：262 × 146 像素）</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">身份证</label>
|
<div class="controls input-icon">
|
<input type="text" v-model="user.idcard" id="idcard" name="idcard" class="form-control col-sm-9" IdCardNo="true" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">职称名称</label>
|
<div class="controls input-icon">
|
<select class="form-control col-sm-9" name="jobtitle" id="jobtitle">
|
<option value="">-请选择-</option>
|
<option value="1">助理</option>
|
<option value="2">中级</option>
|
<option value="3">高级</option>
|
</select>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">Email</label>
|
<div class="controls input-icon">
|
<input type="text" v-model="user.email" id="email" name="email" class="form-control col-sm-9" Email="true" maxchar="50"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">学历</label>
|
<div class="controls input-icon">
|
<select class="form-control col-sm-9" name="U_EDUCATION" id="U_EDUCATION">
|
<option selected="selected" value="">-请选择-</option>
|
<option value="博士">博士</option>
|
<option value="硕士">硕士</option>
|
<option value="本科">本科</option>
|
<option value="大专">大专</option>
|
<option value="其他">其他</option>
|
</select>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">职务</label>
|
<div class="controls input-icon">
|
<select class="form-control col-sm-9" name="joblevel" id="joblevel" aria-invalid="false">
|
<option value="">-请选择-</option>
|
</select>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">所学专业</label>
|
<div class="controls input-icon">
|
<input type="text" id="U_SPECIALITY" v-model="user.speciality" name="U_SPECIALITY" class="form-control col-sm-9" maxchar="25" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group" >
|
<label class="col-sm-2 control-label">手机号</label>
|
<div class="controls input-icon">
|
<input class="form-control col-sm-7" cellphone="true" type="text" v-model="user.mobileno" id="mobileno" name="mobileno" />
|
<input type="checkbox" value="1" id="isreceivemsg" name="isreceivemsg" /> 接收短信
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">办公室电话</label>
|
<div class="controls input-icon">
|
<input type="text" v-model="user.officetel" id="officetel" name="officetel" class="form-control col-sm-9" telephone="true" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12" style="padding:0;">
|
<div class="control-group">
|
<label class="control-label">通讯录地址</label>
|
<div class="controls input-icon">
|
<input class="form-control col-sm-11" type="text" v-model="user.address" name="address" id="address" maxchar="100" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12" style="padding:0;">
|
<div class="control-group">
|
<label class="control-label">备注说明</label>
|
<div class="controls input-icon">
|
<textarea name="U_REMARK" class="form-control col-sm-11" id="U_REMARK" v-model="user.remark" rows="3" cols="20" style="height: 70px;"></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12" style="padding:0;">
|
<div class="control-group">
|
<label class="control-label">扫描件</label>
|
<div class="controls input-icon">
|
<button type="button" id="uploadAffix" class="btn btn-primary">上传</button>
|
<a class="btn btn-warning" id="affixUrl" style="display: none;" target="_blank">查看链接</a>
|
<a class="btn btn-danger" id="deleteAffix" style="display: none;" onclick="deleteAffix()" target="_blank">删除</a>
|
<span style="color:red;font-size:12px;">（用户账号申请单扫描件，文件格式：PDF，大小不得超过20M）</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="tab-pane fade" id="userunit" role="tabpanel" aria-expanded="true" aria-labelledby="userunit-tab">
|
<div class="panel panel-default" id="div_caozuo">
|
<!--<div class="panel-heading">-->
|
<!--查询区-->
|
<!--</div>-->
|
<div class="panel-body SearchBox">
|
<form id="searchForm">
|
<div class="row" style="display:block;">
|
<a v-if="hasPermission('org:user:edit')" class="btn btn-success" data-toggle="modal" data-target="#myModal" onclick="vm.getUserUnitInfo(0)"><i class="fa fa-plus"></i> 新增</a>
|
<a v-if="hasPermission('org:user:edit')" class="btn btn-danger" @click="delUserUnit"><i class="fa fa-trash-o"></i> 删除</a>
|
</div>
|
</form>
|
</div>
|
</div>
|
<table id="jqGrid"></table>
|
<div id="jqGridPager"></div>
|
</div>
|
<div style="height: 50px;"></div>
|
<div id="caozuo" class="form-actions navbar-fixed-bottom" style="z-index: 0;">
|
<div style="float: left;">
|
<button v-if="hasPermission('org:user:edit')" class="btn btn-primary" id="button" type="button" @click="saveOrUpdate"><i class="fa fa-check"></i> 保存</button>
|
<button v-if="isEdit == true && user.userstatus != 1" type="button" class="btn btn-warning" @click="changeStatus(1)">
|
<i class="fa fa-remove"></i> 禁用
|
</button>
|
<button v-if="isEdit == true && user.userstatus != 2" type="button" class="btn btn-danger" @click="changeStatus(2)">
|
<i class="fa fa-trash-o"></i> 删除
|
</button>
|
<button class="btn btn-black" id="close" type="button" onclick="window.close()">
|
关闭
|
</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
<!--新增、编辑所属单位弹框-->
|
<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
×
|
</button>
|
<h4 class="modal-title" id="myModalLabel"></h4>
|
</div>
|
<div class="modal-body" style="height: 350px;">
|
<form id="unitform">
|
<div class="row" style="margin-top: 35px;">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label style="float: left;line-height: 35px;width:25%;text-align: right;"><span style="color: red;">*</span>单位名称：</label>
|
<div class="input-icon" style="float: left;width: 55%;">
|
<input type="text" class="form-control col-sm-12" id="pinyin" name="pinyin" v-model="userunit.unitname" onkeyup="findPinyinByKeyWord()" onclick="findPinyinByKeyWord()" required="" maxchar="50" placeholder="输入单位名称或拼音首字母查询" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label style="float: left;line-height: 35px;width:25%;text-align: right;">部门名称：</label>
|
<div style="float: left;width: 55%;">
|
<select id="deptid" class="form-control col-sm-12">
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label style="float: left;line-height: 35px;width:25%;text-align: right;">职务名称：</label>
|
<div style="float: left;width: 55%;">
|
<select id="posname" class="form-control col-sm-12">
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label style="float: left;line-height: 35px;width:25%;text-align: right;"><span style="color: red;">*</span>在职情况：</label>
|
<div style="float: left;width: 55%;">
|
<select id="worktype" name="worktype" class="form-control col-sm-12">
|
<option value="1">在职</option>
|
<option value="3">借调</option>
|
<option value="5">离职</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label style="float: left;line-height: 35px;width:25%;text-align: right;">到职日期：</label>
|
<div style="float: left;width: 55%;">
|
<input type="text" readonly="readonly" style="float:left;width:81%;" class="custom-form-control date-picker col-sm-12" id="workstartdate"/>
|
<button class="btn btn-primary" onclick="javascript:$('#workstartdate').val('');" style="vertical-align: top;">清除</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label style="float: left;line-height: 35px;width:25%;text-align: right;">从事本职工作时间：</label>
|
<div style="float: left;width: 55%;">
|
<input type="text" readonly="readonly" style="float:left;width:81%;" id="workseasdate" class="custom-form-control date-picker col-sm-12"/>
|
<button class="btn btn-primary" onclick="javascript:$('#workseasdate').val('');" style="vertical-align: top;">清除</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label style="float: left;line-height: 35px;width:25%;text-align: right;">离职日期：</label>
|
<div style="float: left;width: 55%;">
|
<input type="text" readonly="readonly" style="float:left;width:81%;" class="custom-form-control date-picker col-sm-12" id="workenddate"/>
|
<button class="btn btn-primary" onclick="javascript:$('#workenddate').val('');" style="vertical-align: top;">清除</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button v-if="hasPermission('org:user:edit')" type="button" class="btn btn-primary" @click="saveUserUnit">
|
确定
|
</button>
|
<button type="button" id="ModelClose" class="btn btn-default" data-dismiss="modal">
|
关闭
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
$(function () {
|
$(".date-picker").datepicker({
|
language: 'zh-CN',
|
format: 'yyyy-mm-dd'
|
}); //初始化时间控件
|
$("title").text("用户管理 - " + systemTitle);
|
})
|
</script>
|
<script src="../../../js/modules/org/user_edit.js"></script>
|
<!--验证框架必备js-->
|
<!--<script type="text/javascript" src="../../../js/jquery.validate.min.js"></script>-->
|
<!--<script type="text/javascript" src="../../../js/messages_cn.js"></script>-->
|
<!--<script type="text/javascript" src="../../../js/validator.js"></script>-->
|
<!--<script type="text/javascript" src="../../../js/jquery.metadata.js"></script>-->
|
<!--<script type="text/javascript" src="../../../js/yanzhen.js"></script>-->
|
</body>
|
</html>
|
