userIndex.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4. //zTree初始化
  5. $.getJSON("${ctx}/sys/office/bootstrapTreeData",function(data){
  6. $('#jstree').treeview({
  7. data: data,
  8. levels: 5,
  9. onNodeSelected: function(event, treeNode) {
  10. var id = treeNode.id == '0' ? '' :treeNode.id;
  11. if(treeNode.level == 1){//level=0 代表公司
  12. $("#companyId").val(id);
  13. $("#companyName").val(treeNode.text);
  14. $("#officeId").val("");
  15. $("#officeName").val("");
  16. }else{
  17. $("#companyId").val("");
  18. $("#companyName").val("");
  19. $("#officeId").val(id);
  20. $("#officeName").val(treeNode.text);
  21. }
  22. $('#table').bootstrapTable('refresh');
  23. },
  24. });
  25. });
  26. //表格初始化
  27. $('#table').bootstrapTable({
  28. //请求方法
  29. method: 'post',
  30. //类型json
  31. dataType: "json",
  32. contentType: "application/x-www-form-urlencoded",
  33. //是否显示行间隔色
  34. striped: true,
  35. //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
  36. cache: false,
  37. //显示检索按钮
  38. showSearch: true,
  39. //显示刷新按钮
  40. showRefresh: true,
  41. //显示切换手机试图按钮
  42. showToggle: true,
  43. //显示 内容列下拉框
  44. showColumns: true,
  45. //显示切换分页按钮
  46. showPaginationSwitch: true,
  47. //是否显示分页(*)
  48. pagination: true,
  49. //排序方式
  50. sortOrder: "asc",
  51. //初始化加载第一页,默认第一页
  52. pageNumber:1,
  53. //每页的记录行数(*)
  54. pageSize: 10,
  55. //可供选择的每页的行数(*)
  56. pageList: [10, 25, 50, 100],
  57. //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
  58. url: "${ctx}/sys/user/list",
  59. //默认值为 'limit',传给服务端的参数为:limit, offset, search, sort, order Else
  60. //queryParamsType:'',
  61. ////查询参数,每次调用是会带上这个参数,可自定义
  62. queryParams : function(params) {
  63. var searchParam = $("#searchForm").serializeJSON();
  64. searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
  65. searchParam.pageSize = params.limit === undefined? -1 : params.limit;
  66. searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+ params.order;
  67. return searchParam;
  68. },
  69. onShowSearch: function () {
  70. $("#search-collapse").slideToggle();
  71. },
  72. //分页方式:client客户端分页,server服务端分页(*)
  73. sidePagination: "server",
  74. contextMenuTrigger:"right",//pc端 按右键弹出菜单
  75. contextMenuTriggerMobile:"press",//手机端 弹出菜单,click:单击, press:长按。
  76. contextMenu: '#context-menu',
  77. onContextMenuItem: function(row, $el){
  78. if($el.data("item") == "edit"){
  79. edit(row.id);
  80. } else if($el.data("item") == "delete"){
  81. deleteAll(row.id);
  82. }
  83. },
  84. onClickRow: function(row, $el){
  85. },
  86. columns: [{
  87. checkbox: true
  88. }, {
  89. field: 'photo',
  90. title: '头像',
  91. formatter:function(value, row , index){
  92. if(value ==''){
  93. return '<img height="40px" src="${ctxStatic}/common/images/flat-avatar.png">';
  94. }else{
  95. return '<img onclick="jp.showPic(\''+value+'\')"'+' height="40px" src="'+value+'">';
  96. }
  97. }
  98. }, {
  99. field: 'loginName',
  100. title: '登录名',
  101. sortable: true
  102. }, {
  103. field: 'name',
  104. title: '姓名',
  105. sortable: true
  106. }, {
  107. field: 'phone',
  108. title: '电话',
  109. sortable: true
  110. }, {
  111. field: 'mobile',
  112. title: '手机',
  113. sortable: true
  114. }, {
  115. field: 'company.name',
  116. title: '归属市',
  117. sortable: true,
  118. sortName: 'c.name'
  119. }, {
  120. field: 'office.name',
  121. title: '归属地区',
  122. sortable: true,
  123. sortName: 'o.name'
  124. }]
  125. });
  126. if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端
  127. $('#table').bootstrapTable("toggleView");
  128. }
  129. $('#table').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
  130. 'check-all.bs.table uncheck-all.bs.table', function () {
  131. $('#remove').prop('disabled', ! $('#table').bootstrapTable('getSelections').length);
  132. $('#edit').prop('disabled', $('#table').bootstrapTable('getSelections').length!=1);
  133. });
  134. $("#btnImport").click(function(){
  135. jp.open({
  136. type: 1,
  137. area: [500, 300],
  138. title:"导入数据",
  139. content:$("#importBox").html() ,
  140. btn: ['下载模板','确定', '关闭'],
  141. btn1: function(index, layero){
  142. window.location='${ctx}/sys/user/import/template';
  143. },
  144. btn2: function(index, layero){
  145. var inputForm =top.$("#importForm");
  146. var top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  147. inputForm.attr("target",top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  148. inputForm.onsubmit = function(){
  149. jp.info(' 正在导入,请稍等...');
  150. }
  151. inputForm.submit();
  152. jp.close(index);
  153. },
  154. btn3: function(index){
  155. jp.close(index);
  156. }
  157. });
  158. });
  159. $("#search").click("click", function() {// 绑定查询按扭
  160. $('#table').bootstrapTable('refresh');
  161. });
  162. $("#reset").click("click", function() {// 绑定查询按扭
  163. $("#searchForm input").val("");
  164. $("#searchForm select").val("");
  165. $('#table').bootstrapTable('refresh');
  166. });
  167. $('#beginInDate').datetimepicker({
  168. format: "YYYY-MM-DD HH:mm:ss"
  169. });
  170. $('#endInDate').datetimepicker({
  171. format: "YYYY-MM-DD HH:mm:ss"
  172. });
  173. });
  174. function getIdSelections() {
  175. return $.map($("#table").bootstrapTable('getSelections'), function (row) {
  176. return row.id
  177. });
  178. }
  179. function deleteAll(ids){
  180. if(!ids){
  181. ids = getIdSelections();
  182. }
  183. jp.confirm('确认要删除选中用户吗?', function(){
  184. jp.loading();
  185. $.get("${ctx}/sys/user/deleteAll?ids=" +ids, function(data){
  186. if(data.success){
  187. $('#table').bootstrapTable('refresh');
  188. jp.success(data.msg);
  189. }else{
  190. jp.error(data.msg);
  191. }
  192. })
  193. })
  194. }
  195. function edit(id){
  196. if(!id){
  197. id = getIdSelections();
  198. }
  199. jp.openSaveDialog('编辑用户', "${ctx}/sys/user/form?id=" + id,'800px', '680px');
  200. }
  201. function refresh() {
  202. $('#table').bootstrapTable('refresh');
  203. }
  204. </script>