<!DOCTYPE html>
|
<html>
|
<head>
|
<title>用户所属单位管理</title>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<script src="../../../js/paramconfig.js"></script>
|
<script type="text/javascript">
|
remoteToLoadCss('BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css');
|
remoteToLoadCss('BootStrap4/assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css');
|
remoteToLoadCss('BootStrap4/expand/css/jqGridCommon.css');
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadCss('BootStrap4/expand/css/bootstrap-extract.css');
|
loadLocalCss('../../../css/jquery-ui.min.css');
|
loadLocalCss('../../../css/main.css');
|
|
remoteToLoadJs('BootStrap4/assets/js/jquery.min.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/layer/layer.js');
|
remoteToLoadJs('BootStrap4/assets/js/tether.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/bootstrap.min.js');
|
loadLocalJs('../../../libs/vue.min.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/grid.locale-cn.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/jquery.jqGrid.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('../../../js/common.js');
|
|
</script>
|
|
<style>
|
html { overflow-x:hidden; }
|
|
body {
|
background-color: white;
|
padding-bottom: 0;
|
}
|
|
th :not(:first-child) {
|
text-align: center;
|
}
|
|
.col-xs-12,
|
.col-sm-12,
|
.col-md-6,
|
.col-lg-4,
|
.col-xl-3{
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
#ui-id-1{
|
z-index: 9999;
|
}
|
|
.ui-autocomplete{
|
max-height:200px;
|
overflow-y:auto;
|
overflow-x:hidden;
|
}
|
</style>
|
</head>
|
<body>
|
<div id="rapp" v-cloak>
|
<div v-show="showList">
|
<div class="panel panel-default">
|
<div class="panel-heading">
|
查询区
|
</div>
|
<div class="panel-body SearchBox">
|
<form id="searchForm">
|
<div class="row" style="display:block;">
|
<div style="float: left;padding-left: 0.75em;">
|
<a v-if="hasPermission('org:user:edit')" class="btn btn-success" data-toggle="modal" data-target="#myModal" onclick="vm.getInfo(0)"><i class="fa fa-plus"></i> 新增</a>
|
<a v-if="hasPermission('org:user:edit')" class="btn btn-danger" @click="del"> 删除</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<table id="jqGrid"></table>
|
<div id="jqGridPager"></div>
|
</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">
|
{{title}}
|
</h4>
|
</div>
|
<div class="modal-body" style="height: 350px;">
|
<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="controls col-sm-6" style="float: left;">
|
<input type="text" class="form-control col-sm-12" id="pinyin" name="pinyin" v-model="userunit.unitname" onkeyup="findPinyinByKeyWord()" onclick="findPinyinByKeyWord()" validate="true" placeholder="输入单位名称或拼音首字母查询" />
|
</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 class="controls col-sm-6" style="float: left;">
|
<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;">在职情况：</label>
|
<div class="controls col-sm-6" style="float: left;">
|
<select id="worktype" class="form-control col-sm-12" >
|
<option value="">--请选择--</option>
|
<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 class="controls col-sm-6" style="float: left;">
|
<input type="text" class="custom-form-control date-picker col-sm-12" id="workstartdate"/>
|
</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 class="controls col-sm-6" style="float: left;">
|
<input type="text" id="workseasdate" class="custom-form-control date-picker col-sm-12"/>
|
</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 class="controls col-sm-6" style="float: left;">
|
<input type="text" class="custom-form-control date-picker col-sm-12" id="workenddate"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button v-if="hasPermission('org:user:edit')" type="button" class="btn btn-primary" @click="save">
|
确定
|
</button>
|
<button type="button" id="ModelClose" class="btn btn-default" data-dismiss="modal">
|
关闭
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script>
|
$(function () {
|
$(".date-picker").datepicker({
|
language: 'zh-CN',
|
format: 'yyyy-mm-dd',
|
//pickerPosition:'bottom-right'
|
}); //初始化时间控件
|
})
|
</script>
|
<script src="../../../js/modules/org/userunit.js"></script>
|
</html>
|
