usersList.ftl 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <#include "../layout/header.ftl"/>
  5. <#include "../layout/common.cssjs.ftl"/>
  6. <script type="text/javascript">
  7. function onSelectRow(id){
  8. $("#changepwdBtn").attr("wurl","<@base/>/users/forwardChangePassword/"+$.gridRowData("#list",id).id);
  9. }
  10. function genderFormatter(value, options, rData){
  11. if(value==1){
  12. return '<@locale code="userinfo.gender.female" />';
  13. }else{
  14. return '<@locale code="userinfo.gender.male" />';
  15. }
  16. };
  17. </script>
  18. </head>
  19. <body>
  20. <div class="app header-default side-nav-dark">
  21. <div class="layout">
  22. <div class="header navbar">
  23. <#include "../layout/top.ftl"/>
  24. </div>
  25. <div class="col-md-3 sidebar-nav side-nav" >
  26. <#include "../layout/sidenav.ftl"/>
  27. </div>
  28. <div class="page-container">
  29. <div class="main-content">
  30. <div class="container-fluid">
  31. <div class="breadcrumb-wrapper row">
  32. <div class="col-12 col-lg-3 col-md-6">
  33. <h4 class="page-title">Dashboard 2</h4>
  34. </div>
  35. <div class="col-12 col-lg-9 col-md-6">
  36. <ol class="breadcrumb float-right">
  37. <li><a href="index.html">Dashboard</a></li>
  38. <li class="active">/ Dashboard 2</li>
  39. </ol>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="container-fluid">
  44. <div class="col-12 grid-margin">
  45. <div class="card">
  46. <div class="card-body">
  47. <div id="tool_box">
  48. <table class="table table-bordered">
  49. <tr>
  50. <td width="120px">
  51. <@locale code="userinfo.username"/>:
  52. </td>
  53. <td width="375px">
  54. <form id="basic_search_form">
  55. <input class="form-control" name="username" type="text" style ="width:150px;float:left;">
  56. <input class="button btn btn-primary mr-3" id="searchBtn" type="button" size="50" value="<@locale code="button.text.search"/>">
  57. <input class="button btn btn-secondary" id="advancedSearchExpandBtn" type="button" size="50" value="<@locale code="button.text.expandsearch"/>" expandValue="<@locale code="button.text.expandsearch"/>" collapseValue="<@locale code="button.text.collapsesearch"/>">
  58. </form>
  59. </td>
  60. <td colspan="2">
  61. <div id="tool_box_right">
  62. <input class="button btn btn-warning mr-3 window" id="changepwdBtn" type="button" value="<@locale code="login.password.changepassword"/>"
  63. wurl="<@base/>/userinfo/forwardChangePassword" wwidth="600px" wheight="250px" />
  64. <input class="button btn btn-success mr-3" id="addBtn" type="button" value="<@locale code="button.text.add"/>"
  65. wurl="<@base/>/userinfo/forwardAdd"
  66. wwidth="960"
  67. wheight="600"
  68. target="window">
  69. <input class="button btn btn-info mr-3 " id="modifyBtn" type="button" value="<@locale code="button.text.edit"/>"
  70. wurl="<@base/>/userinfo/forwardUpdate"
  71. wwidth="960"
  72. wheight="600"
  73. target="window">
  74. <input class="button btn btn-danger mr-3 " id="deleteBtn" type="button" value="<@locale code="button.text.delete"/>"
  75. wurl="<@base/>/userinfo/delete" />
  76. </div>
  77. </td>
  78. </tr>
  79. </table>
  80. </div>
  81. <div id="advanced_search">
  82. <form id="advanced_search_form">
  83. <table class="table table-bordered">
  84. <tr>
  85. <td width="120px"><@locale code="userinfo.displayName"/></td>
  86. <td width="360px">
  87. <input class="form-control" name="displayName" type="text" >
  88. </td>
  89. <td width="120px"><@locale code="userinfo.employeeNumber"/></td>
  90. <td width="360px">
  91. <input class="form-control" type="text" id="employeeNumber" name="employeeNumber" title="" value=""/>
  92. </td>
  93. </tr>
  94. <tr>
  95. <td width="120px"><@locale code="userinfo.department"/></td>
  96. <td width="360px">
  97. <input class="form-control" type="text" style="display:none;" id="departmentId" name="departmentId" title="" value=""/>
  98. <input class="form-control" style="width:70%;;float:left;" type="text" id="department" name="department" title="" value=""/>
  99. <input class="window button btn btn-secondary mr-3 " type="button" size="50" value="<@locale code="button.text.select"/>" title="department" wurl="/orgs/orgsSelect/deptId/department" wwidth="300" wheight="400" />
  100. </td>
  101. <td width="120px"><@locale code="userinfo.userType"/></td>
  102. <td width="360px">
  103. <input class="form-control" class="userTypeId" name="userType" type="text" style="display:none;" >
  104. <input class="form-control" class="userTypeName" name="userTypeName" type="text" style="float:left;" >
  105. </td>
  106. </tr>
  107. </table>
  108. </form>
  109. </div>
  110. <table data-url="<@base/>/userinfo/grid"
  111. id="datagrid"
  112. data-toggle="table"
  113. data-classes="table table-bordered table-hover table-striped"
  114. data-pagination="true"
  115. data-total-field="records"
  116. data-page-list="[10, 25, 50, 100]"
  117. data-search="false"
  118. data-locale="zh-CN"
  119. data-query-params="dataGridQueryParams"
  120. data-query-params-type="pageSize"
  121. data-side-pagination="server">
  122. <thead>
  123. <tr>
  124. <th data-sortable="true" data-field="id" data-visible="false"><@locale code="userinfo.id"/></th>
  125. <th data-field="id"><@locale code="apps.icon"/></th>
  126. <th data-field="icon"><@locale code="apps.icon"/></th>
  127. <th data-field="username"><@locale code="userinfo.username"/></th>
  128. <th data-field="displayName"><@locale code="userinfo.displayName"/></th>
  129. <th data-field="employeeNumber"><@locale code="userinfo.employeeNumber"/></th>
  130. <th data-field="organization"><@locale code="userinfo.organization"/></th>
  131. <th data-field="department"><@locale code="userinfo.department"/></th>
  132. <th data-field="jobTitle"><@locale code="userinfo.jobTitle"/></th>
  133. <th data-field="mobile"><@locale code="userinfo.mobile"/></th>
  134. <th data-field="email"><@locale code="userinfo.email"/></th>
  135. <th data-field="gender"><@locale code="userinfo.gender"/></th>
  136. </tr>
  137. </thead>
  138. </table>
  139. </div>
  140. </div>
  141. </div>
  142. <footer class="content-footer">
  143. <#include "../layout/footer.ftl"/>
  144. </footer>
  145. </div>
  146. </div>
  147. </div>
  148. <div id="preloader">
  149. <div class="loader" id="loader-1"></div>
  150. </div>
  151. </body>
  152. </html>