userForm.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>账户管理</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <meta charset="utf-8"/>
  7. <meta name="viewport"
  8. content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  9. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
  10. <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>
  11. <link rel="stylesheet"
  12. href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
  13. <link rel="stylesheet"
  14. href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
  15. <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>
  16. <script src="/common-assets/js/project.config.js"></script>
  17. <script src="/common-assets/js/direwolf-library.js"></script>
  18. <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
  19. <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
  20. <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
  21. <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
  22. <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
  23. <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
  24. <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
  25. <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
  26. <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
  27. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  28. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  29. <link rel="stylesheet"
  30. href="/common-assets/plugins/outdated/clockpicker/clockpicker.css">
  31. <script src="/common-assets/plugins/outdated/clockpicker/clockpicker.js"></script>
  32. </head>
  33. <body class="pace-done white-bg">
  34. <div class="container-fluid mt15">
  35. <form id="userForm" :action="WEB_ROOT + '/sys/user/save'" v-cloak method="post" class="form-horizontal">
  36. <input type="hidden" name="id" id="id" v-model="entity.id"/>
  37. <input type="hidden" name="salt" id="salt"/>
  38. <!-- <input type="hidden" name="orgId" id="orgId" v-model="entity.orgId"/>-->
  39. <!--<input type="hidden" name="password" id="password"/>-->
  40. <input type="hidden" name="bgTime" id="bgTime"/>
  41. <input type="hidden" name="edTime" id="edTime"/>
  42. <table class="table table-bordered">
  43. <tbody>
  44. <tr>
  45. <td class="col-sm-2 active"><label class="control-label pull-right"><span
  46. style="color: red; ">*</span>账号:</label></td>
  47. <td class="col-sm-4">
  48. <input name="userAccount" id="userAccount" v-model="entity.userAccount"
  49. maxlength="60" class="form-control required"
  50. :disabled="editType === 'view'"/>
  51. </td>
  52. <td class="col-sm-2 active"><label class="control-label pull-right"><span
  53. style="color: red; ">*</span>姓名:</label></td>
  54. <td class="col-sm-4">
  55. <input name="userName" id="userName" v-model="entity.userName" maxlength="150"
  56. class="form-control required" :disabled="editType === 'view'"/>
  57. </td>
  58. </tr>
  59. <tr>
  60. <td class="col-sm-2 active"><label class="control-label pull-right">昵称:</label></td>
  61. <td class="col-sm-4">
  62. <input name="nickName" id="nickName" v-model="entity.nickName" maxlength="60" class="form-control "
  63. :disabled="editType === 'view'"/>
  64. </td>
  65. <td class="col-sm-2 active"><label class="control-label pull-right">邮箱:</label></td>
  66. <td class="col-sm-4">
  67. <input name="email" id="email" v-model="entity.email" maxlength="60" class="form-control email"
  68. :disabled="editType === 'view'"/>
  69. </td>
  70. </tr>
  71. <tr>
  72. <td class="col-sm-2 active"><label class="control-label pull-right">性别:</label></td>
  73. <td class="col-sm-4">
  74. <select name="sex" id="sex" v-model="entity.sex" :disabled="editType === 'view'"
  75. class="form-control ">
  76. <option v-for="param in sexTypeDict" :key="param.id" :value="param.paramCode">
  77. {{param.paramName}}
  78. </option>
  79. </select>
  80. </td>
  81. <td class="col-sm-2 active"><label class="control-label pull-right">手机号:</label></td>
  82. <td class="col-sm-4">
  83. <input name="mobile" id="mobile" v-model="entity.mobile" maxlength="30" class="form-control "
  84. :disabled="editType === 'view'"/>
  85. </td>
  86. </tr>
  87. <tr v-if="editType !== 'view'">
  88. <td class="col-sm-2 active"><label class="control-label pull-right">
  89. 密码:</label></td>
  90. <td class="col-sm-4"><input id="newPassword" name="newPassword" type="password" value="" maxlength="128"
  91. minlength="3" class="form-control" v-model="entity.password"/>
  92. <span v-if="entity.id" class="help-inline">若不修改密码,请留空。</span>
  93. </td>
  94. <td class="col-sm-2 active"><label class="control-label pull-right">
  95. 确认密码:</label></td>
  96. <td class="col-sm-4"><input id="confirmNewPassword"
  97. name="confirmNewPassword" type="password"
  98. class="form-control" value=""
  99. maxlength="128" minlength="3" equalTo="#newPassword"/></td>
  100. </tr>
  101. <tr>
  102. <td class="col-sm-2 active"><label class="control-label pull-right">用户状态:</label></td>
  103. <td class="col-sm-4">
  104. <select name="userStatus" id="userStatus"
  105. :disabled="editType === 'view' || editType === 'edit'"
  106. class="form-control ">
  107. <option v-for="param in userStatusDict" :key="param.id" :value="param.paramCode">
  108. {{param.paramName}}
  109. </option>
  110. </select>
  111. </td>
  112. <td class="col-sm-2 active"><label class="control-label pull-right">账号类型:</label></td>
  113. <td class="col-sm-4">
  114. <select name="userType" id="userType"
  115. :disabled="editType === 'view'" class="form-control ">
  116. <option v-for="param in userTypeDict" :key="param.id" :value="param.paramCode">
  117. {{param.paramName}}
  118. </option>
  119. </select>
  120. </td>
  121. </tr>
  122. <tr>
  123. <td class="col-sm-2 active"><label class="control-label pull-right">组织:</label></td>
  124. <td class="col-sm-4">
  125. <div class="input-group">
  126. <input type="hidden" name="orgId" id="orgId" v-model="entity.orgId"/>
  127. <input name="orgName" id="orgName" v-model="entity.orgName" maxlength="32"
  128. disabled="true" class="form-control"/>
  129. <span class="input-group-btn">
  130. <button type="button" id="orgSelectBtn"
  131. :disabled="editType === 'view'"
  132. class="btn btn-primary treebt" data-id-Key="orgId"
  133. data-name-Key="orgName"
  134. :data-url="orgTreeUrl" data-title="组织">
  135. <i class="fa fa-search"></i>
  136. </button>
  137. </span>
  138. </div>
  139. </td>
  140. <!--
  141. <td class="col-sm-4">
  142. <div class="input-group">
  143. <input name="orgName" id="orgName" maxlength="32"
  144. class="form-control " disabled="disabled"/>
  145. <span class="input-group-btn">
  146. <button type="button" id="orgSelectBtn" :disabled="editType === 'view'"
  147. class="btn btn-primary treebt" data-id-Key="orgId" data-name-Key="orgName"
  148. data-url="${ctx}${dw:getAdminPath()}/sys/org/getOrgTree?pId=${dw:getUser().userAccount == 'admin' ?'0': dw:getCurCorp().id }"
  149. data-title="公司">
  150. <i class="fa fa-search"></i>
  151. </button>
  152. </span>
  153. </div>
  154. </td>-->
  155. <td class="col-sm-2 active"><label class="control-label pull-right">员工号:</label></td>
  156. <td class="col-sm-4">
  157. <input id="empNo" name="empNo" v-model="entity.empNo" maxlength="60" class="form-control "
  158. :disabled="editType === 'view'"/>
  159. </td>
  160. </tr>
  161. <tr>
  162. <td class="col-sm-2 active"><label class="control-label pull-right">启用限时登录:</label></td>
  163. <td class="col-sm-4">
  164. <select id="enTimeLimit" name="enTimeLimit" v-model="entity.enTimeLimit"
  165. :disabled="editType === 'view'" class="form-control"
  166. onchange="limitOnchange(this)">
  167. <option v-for="param in enTimeLimitDict" :key="param.id" :value="param.paramCode">
  168. {{param.paramName}}
  169. </option>
  170. </select>
  171. </td>
  172. <td class="col-sm-2 active"><label class="control-label pull-right">白名单IP限制:</label></td>
  173. <td class="col-sm-4">
  174. <div class="input-group">
  175. <input id="limitIp" name="limitIp" v-model="entity.limitIp" maxlength="2048"
  176. :disabled="editType === 'view' || editType === 'edit'"
  177. class="form-control"/>
  178. <span class="input-group-btn">
  179. <button type="button" id="ipSelectBtn" :disabled="editType === 'view'"
  180. class="btn btn-primary" data-title="IP限制选择">
  181. <i class="fa fa-search"></i>
  182. </button>
  183. </span>
  184. </div>
  185. </td>
  186. </tr>
  187. <tr v-show="entity.enTimeLimit === '1'" id="trTime">
  188. <td class="col-sm-2 active"><label class="control-label pull-right">开始时间:</label></td>
  189. <td class="col-sm-4">
  190. <div class="input-group clockpicker" data-placement="top" data-autoclose="true">
  191. <input id="bgTimeFormater" name="bgTimeFormater" v-model="entity.bgTimeFormater" type="text"
  192. class="form-control"
  193. :disabled="editType === 'view'"/>
  194. <span class="input-group-addon" for="bgTimeFormater">
  195. <span class="glyphicon glyphicon-time"></span>
  196. </span>
  197. </div>
  198. </td>
  199. <td class="col-sm-2 active"><label class="control-label pull-right">结束时间:</label></td>
  200. <td class="col-sm-4">
  201. <div class="input-group clockpicker" data-placement="top" data-autoclose="true">
  202. <input id="edTimeFormater" name="edTimeFormater" v-model="entity.edTimeFormater" type="text"
  203. class="form-control"
  204. :disabled="editType === 'view'" compareDate="#bgTimeFormater"/>
  205. <span class="input-group-addon">
  206. <span class="glyphicon glyphicon-time"></span>
  207. </span>
  208. </div>
  209. </td>
  210. </tr>
  211. <tr>
  212. <td class="col-sm-2 active"><label class="control-label pull-right">创建时间:</label></td>
  213. <td class="col-sm-4">
  214. <input id="createTime" name="createTime" v-model="entity.createTime"
  215. maxlength="60" class="form-control "
  216. disabled="true"/>
  217. </td>
  218. <td class="col-sm-2 active"><label class="control-label pull-right">身份证号:</label></td>
  219. <td class="col-sm-4">
  220. <input id="identityCode" name="identityCode" v-model="entity.identityCode" maxlength="30"
  221. class="form-control "
  222. :disabled="editType === 'view'"/>
  223. </td>
  224. </tr>
  225. <tr>
  226. <td class="col-sm-2 active"><label class="control-label pull-right">人资编码:</label></td>
  227. <td class="col-sm-4">
  228. <input id="hrCode" name="hrCode" maxlength="30" v-model="entity.hrCode" class="form-control "
  229. :disabled="editType === 'view'"/>
  230. </td>
  231. </tr>
  232. </tbody>
  233. </table>
  234. </form>
  235. </div>
  236. </body>
  237. <script src="/common-assets/plugins/crypto/enc-base64-min.js"></script>
  238. <script src="/common-assets/plugins/crypto/pad-iso10126.js"></script>
  239. <script src="/common-assets/js/outdated/common.js"></script>
  240. <!-- 本页面对应JS-->
  241. <script src="../static/js/userForm.js"></script>
  242. </html>