<!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/css/jqGridCommon.css');
|
loadLocalCss('../../../css/bootstrap.min.css');
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadCss('BootStrap4/expand/css/bootstrap-extract.css');
|
remoteToLoadCss('BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css');
|
loadLocalCss('../../../css/jquery-ui.min.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/common.js');
|
loadLocalJs('../../../js/jquery-ui.min.js');
|
</script>
|
<style type="text/css">
|
html { overflow-x:hidden; }
|
|
body{
|
background-color: white;
|
padding-bottom: 0;
|
}
|
|
th {
|
text-align: center;
|
}
|
|
.col-sm-3{
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.ui-jqgrid tr.jqgrow td {
|
white-space: nowrap !important;
|
text-overflow:ellipsis;
|
}
|
|
.ui-jqgrid tr.jqgrow td {
|
border:1px solid #ECEEEF;
|
}
|
|
.ui-autocomplete{
|
max-height:100px;
|
overflow-y:auto;
|
overflow-x:hidden;
|
}
|
</style>
|
</head>
|
<body>
|
<div id="rapp" v-cloak>
|
<ul class="nav nav-tabs" role="tablist">
|
<li id="exitsUser" class="nav-item" onclick="jqgridWithSelectedItemToInit()">
|
<a class="nav-link" id="userSelected-tab" role="tab" aria-expanded="true" aria-controls="userSelected" href="#userSelected" data-toggle="tab">
|
<div class="top_tabs_li">已添加用户<span class="badge" id="totalSelectedUsers"></span></div>
|
</a>
|
</li>
|
<li class="nav-item" onclick="jqgridInit()">
|
<a class="nav-link" id="userSelectingInfo-tab" role="tab" aria-expanded="true" aria-controls="userSelectingInfo" href="#userSelectingInfo" data-toggle="tab">
|
<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;">
|
<div class="tab-pane fade active in" id="userSelected" role="tabpanel" aria-expanded="true" aria-labelledby="userSelected-tab">
|
<div class="panel panel-default">
|
<div class="panel-body">
|
<div class="row" style="display:block;">
|
<div style="float: right;padding-right: 0.75em;">
|
<a class="btn btn-warning" @click="$('#userNameWithSelected').val('')">
|
<i class="fa fa-trash-o"></i> 清除
|
</a>
|
</div>
|
<div style="float: right;padding-right: 0.75em;">
|
<a class="btn btn-info" @click="query">
|
<i class="fa fa-search"></i> 查询
|
</a>
|
</div>
|
<div style="float: right;padding-right: 0.75em;" class="col-md-3">
|
<input type="text" class="form-control" id="userNameWithSelected" name="userNameWithSelected" onkeyup="findUserByWord('userNameWithSelected')" onclick="findUserByWord('userNameWithSelected')" placeholder="输入用户名、中文名或拼音首字母查询">
|
</div>
|
<div style="float: right;padding-right: 0.75em;padding-top:0.5em">
|
<label class="control-label">用户名称</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<table id="jqGridWithSelected"></table>
|
<div id="jqGridPagerWithSelected"></div>
|
</div>
|
<div class="tab-pane fade" id="userSelectingInfo" role="tabpanel" aria-expanded="true" aria-labelledby="userSelectingInfo-tab">
|
<div class="panel panel-default">
|
<div class="panel-body">
|
<div class="row" style="display:block;">
|
<!--<div style="float: left;">
|
<a v-if="hasPermission('sys:userrole:save')" class="btn btn-success" @click="add">
|
<i class="fa fa-plus"></i> 新增
|
</a>
|
</div>-->
|
<div style="float: right;padding-right: 0.75em;">
|
<a class="btn btn-warning" @click="resetQueryMsg">
|
<i class="fa fa-trash-o"></i> 清除
|
</a>
|
</div>
|
<div style="float: right;padding-right: 0.75em;">
|
<a class="btn btn-info" @click="query">
|
<i class="fa fa-search"></i> 查询
|
</a>
|
</div>
|
<div style="float: right;padding-right: 0.75em;" class="col-md-3">
|
<select id="unitType" class="form-control">
|
<option value="">全部</option>
|
</select>
|
</div>
|
<div style="float: right;padding-right: 0.75em;padding-top:0.5em">
|
<label class="control-label">单位类型</label>
|
</div>
|
<div style="float: right;margin-right: 2.75em;" class="col-md-3">
|
<input type="text" class="form-control" id="userName" name="userName" onkeyup="findUserByWord('userName')" onclick="findUserByWord('userName')" placeholder="输入用户名、中文名或拼音首字母查询">
|
</div>
|
<div style="float: right;padding-right: 0.75em;padding-top:0.5em">
|
<label class="control-label">用户名称</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<table id="jqGrid"></table>
|
<div id="jqGridPager"></div>
|
</div>
|
</div>
|
</div>
|
|
<script src="../../../js/modules/org/usergroup.js"></script>
|
</body>
|
</html>
|
