123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221 |
- <!DOCTYPE html>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
- <head th:replace="admin/common/html/head :: head_Normal(~{::title},~{::link},~{::style})">
- <title th:text=${title}></title>
- <!-- 这儿引用单独的css link -->
- <!-- Ladda for Bootstrap 3按钮加载进度插件 -->
- <link rel="stylesheet" th:href="@{/static/admin/assets/js/button/ladda/ladda.min.css}">
- <!-- bootstrap-table表单样式 -->
- <link th:href="@{/static/admin/assets/js/bootstrap/css/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>
- <style type="text/css">
- /**
- *这里写单独的css样式
- */
- .select-list ul li{
- list-style-type: none;
- float: left;
- }
- </style>
- </head>
- <body id="listbody">
- <!-- ###############################代码编写处############################### -->
- <!-- 右边内容 -->
- <div class="wrap-fluid">
- <div class="container-fluid paper-wrap bevel tlbr">
- <!-- 内容 -->
- <!--标题 通用-->
- <div th:replace="admin/common/html/title :: title(${title},${parenttitle},${isMsg},${msgHTML})">
- </div>
- <!-- 结束标题 通用-->
- <div class="content-wrap">
- <!-- 结束内容 -->
- <div class="row">
- <div class="col-sm-12">
- <!-- 搜索条件 -->
-
- <div class="nest" id="inlineClose">
- <div class="title-alt">
- <h6>搜索条件</h6>
- <div class="titleClose">
- <a class="gone" href="#inlineClose">
- <span class="entypo-cancel"></span>
- </a>
- </div>
- <div class="titleToggle">
- <a class="nav-toggle-alt" href="#search_div">
- <span class="entypo-down-open"></span>
- </a>
- </div>
- </div>
- <div class="body-nest" id="search_div" style="display: none">
- <div class="form_left">
- <form role="form" class="form-inline">
- <div class="form-group">
- <label for="exampleInputEmail2" class="sr-only">用户名字</label>
- <input type="text" name="searchText" placeholder="用户名字"class="form-control">
- </div>
- <button onclick="$.table.search(this)" class="btn btn-success" type="button"><i class="fa fa-search"></i> 搜索</button>
- </form>
- </div>
- </div>
- </div>
- <!-- END搜索条件 -->
- <!-- 空白页开始-->
- <div class="nest" id="Blank_PageClose">
- <div class="title-alt">
- <h6>表单</h6>
- <div class="titleClose">
- <a class="gone" href="#Blank_PageClose">
- <span class="entypo-cancel"></span>
- </a>
- </div>
- <div class="titleToggle">
- <a class="nav-toggle-alt" href="#Blank_Page_Content">
- <span class="entypo-up-open"></span>
- </a>
- </div>
- </div>
-
- <div class="body-nest" id="Blank_Page_Content">
- <!-- 工具条 -->
- <div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">
- <button onclick="$.operate.add()" type="button" class="btn btn-primary">
- <span class="entypo-plus-squared"></span> 新增
- </button>
- <button onclick="$.operate.batRemove()" type="button" class="btn btn-info">
- <span class="entypo-trash"></span> 删除
- </button>
- <button onclick="updatePwd()" type="button" class="btn btn-danger">
- <span class="entypo-tools"></span> 修改密码
- </button>
-
-
- </div>
- <!-- 工具条 end-->
- <table id="dataTable" class="table-striped footable-res footable metro-blue" data-page-size="6">
-
-
- </table>
-
-
- </div>
- </div>
- </div>
- <!-- 空白页结束 -->
- </div>
- <!-- 结束内容 -->
- </div>
- </div>
- </div>
- <!-- 结束右边内容 -->
- <!-- ###############################代码编写处############################### -->
- <!-- 通用js -->
- <div th:include="admin/common/html/js :: onload_js">
-
- </div>
- <!-- bootstarp 表格 -->
- <script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/bootstrap-table.min.js}" type="text/javascript"></script>
- <script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}" type="text/javascript"></script>
- <script th:src="@{/static/admin/assets/js/bootstrap/js/base_list.js}" type="text/javascript"></script>
- <!-- 导出 -->
- <script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/bootstrap-table-export.js}" type="text/javascript"></script>
- <script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/tableExport.js}" type="text/javascript"></script>
- <!-- 弹窗 -->
- <script th:src="@{/static/admin/assets/js/layer/layer.js}" type="text/javascript"></script>
- <!-- 遮罩层 -->
- <script th:src="@{/static/admin/assets/js/blockUI/jquery.blockUI.js}" type="text/javascript"></script>
- <script type="text/javascript">
- var dataUrl=window.rootPath+"/UserVueController/list";
- var removeUrl=window.rootPath+"/UserVueController/remove";
- var createUrl=window.rootPath+"/UserVueController/add";
- var updateUrl=window.rootPath+"/UserVueController/edit/{id}";
- var exportUrl=window.rootPath+"/UserVueController/export";
- var options = {
- dataUrl: dataUrl,
- createUrl: createUrl,
- updateUrl: updateUrl,
- removeUrl:removeUrl,
- exportUrl: exportUrl,
- sortName: "roleSort",
- modalName: "用户",
- search: false,
- dataColumns: [
- {
- checkbox: true
- },
- {
- field: 'id',
- title: '序号'
- },
- {
- field: 'nickname',
- title: '昵称'
- },
- {
- field: 'username',
- title: '账号'
- },
- {
- field: 'depName',
- title: '部门名称'
- },
- {
- field: 'posName',
- title: '岗位名称'
- },
- {
- title: '操作',
- formatter: function (value, row, index) {
- var id = row.id;
- var actions = [];
- actions.push('<a class="btn btn-success btn-xs" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
- actions.push('<a class="btn btn-danger btn-xs" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
- return actions.join('');
-
- //return '<a class="btn btn-xs btn-danger" onclick="delPermission(' + "'" + id + "'" + ')"><i class="fa fa-remove"></i>删除</a>';
- }
- }]
- };
- $(function(){
- var oTab=$.table.oTableInit(options);
- oTab.Init();
- })
- </script>
- <script type="text/javascript">
- var editPwdUrl=window.rootPath+"/UserVueController/editPwd/{id}";
- function updatePwd(){
- var rows = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id);
- if (rows.length == 0) {
- $.modal.alertWarning("请至少选择一条记录");
- return
- }else if(rows.length>1){
- $.modal.alertWarning("请选择一条记录");
- return
- }
-
-
- var url = editPwdUrl.replace("{id}", rows.join());
- var data = {
- "id":rows.join()
- };
- $.modal.open("修改密码", url);
- }
- </script>
- </body>
- </html>
|