user.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../js/lib/jquery-1.9.1/jquery.min.js"></script>
  6. <script src="../js/lib/vue.js"></script>
  7. <script src="../js/config/base_config.js"></script>
  8. <script src="../js/lib/ajaxRedirect.js"></script>
  9. <script src="../jqueryUI/jquery-ui.js"></script>
  10. <link href="../jqueryUI/jquery-ui.css" rel="stylesheet" />
  11. <link href="../css/css01.css" rel="stylesheet" type="text/css">
  12. <title>Title</title>
  13. </head>
  14. <body>
  15. <div>
  16. <!--内容-->
  17. <div class="content">
  18. <!--筛选-->
  19. <ul class="recommendation-screen">
  20. <li>
  21. <input class="input01" type="text" id="selectName" placeholder="请输入关键字"/>
  22. <div class="button01">
  23. <button onclick="userVM.getDataList();">查询</button>
  24. </div>
  25. </li>
  26. <li>
  27. <button onclick="toAdd()">添加</button>
  28. </li>
  29. </ul>
  30. <!--table表格-->
  31. <div class="table">
  32. <table>
  33. <thead>
  34. <tr>
  35. <th>姓名</th>
  36. <!--<th>id</th>-->
  37. <th>手机号码</th>
  38. <th>角色</th>
  39. <th>操作</th>
  40. </tr>
  41. </thead>
  42. <tbody>
  43. <tr v-for="item in dataList">
  44. <td>{{item.name}}</td>
  45. <!--<td>{{item.id}}</td>-->
  46. <td>{{item.mobile}}</td>
  47. <td>{{item.rname}}</td>
  48. <td>
  49. <button class="btn-modify" onclick="toUpDate('{{item.id}}')">修改</button>
  50. <button class="btn-delete" onclick="toDelete('{{item.id}}');">删除</button>
  51. <button class="btn-delete" onclick="toUpdateLogin('{{item.id}}');">登陆设置</button>
  52. </td>
  53. </tr>
  54. </tbody>
  55. </table>
  56. </div>
  57. <!--分页-->
  58. <div class="page">
  59. <div>共有{{rowCount}}条记录</div>
  60. <ul>
  61. <li><a href="#" onclick="pageList('1')">首页</a></li>
  62. <li><a href="#" onclick="pageList('{{pageNumber-1}}')">上一页</a></li>
  63. <li v-for="n in pageCount" :class="{'page-s':(n+1==pageNumber)}"><a href="#" onclick="pageList('{{n+1}}')">{{n+1}}</a></li>
  64. <li><a href="#" onclick="pageList('{{pageNumber+1}}')">下一页</a></li>
  65. <li><a href="#" onclick="pageList('{{pageCount}}')">末页</a></li>
  66. <li class="font02">跳转到第</li>
  67. <li class="input02"><input id="pageShowNumber" type="text" placeholder="" onkeyup="pageOnKeydown(this,event);" /></li>
  68. <li class="font02" style="margin-left: 5px;">页</li>
  69. </ul>
  70. </div>
  71. </div>
  72. </div>
  73. <div id="iUserAdd" style="display: none;">
  74. <div style="padding-bottom:0;" class="recommendation-screen" >
  75. <form id="iUserAddForm">
  76. <input type="hidden" name="id" id="iUserAddId">
  77. <table border="0" width="100%">
  78. <tr>
  79. <td width="20%"><span >姓名:</span></td>
  80. <td width="80%">
  81. <input type="text" id="iUserAddName" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
  82. height: 32px; padding-left: 30px; line-height: 32px;" name="name">
  83. </td>
  84. </tr>
  85. <tr>
  86. <td width="20%"><span >手机号码</span></td>
  87. <td width="80%" >
  88. <input type="text" id="iUserAddMobile" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
  89. height: 32px; padding-left: 30px; line-height: 32px;" name="mobile">
  90. </td>
  91. </tr>
  92. <tr>
  93. <td width="20%"><span >角色</span></td>
  94. <td width="80%" class="select01">
  95. <select id="iUserAddRid" name="rid" ></select>
  96. </td>
  97. </tr>
  98. <tr>
  99. <td width="20%"><span >部门</span></td>
  100. <td width="80%" class="select01">
  101. <select id="iUserAddDept" name="did" onchange="onChangeDept();"></select>
  102. </td>
  103. </tr>
  104. </table>
  105. </form>
  106. </div>
  107. </div>
  108. <div id="iUserLogin" style="display: none;">
  109. <div style="padding-bottom:0;">
  110. <form id="iUserLoginForm">
  111. <input type="hidden" name="id" id="iUserLoginId">
  112. <table border="0" width="100%">
  113. <tr>
  114. <td width="20%"><span >登陆名称:</span></td>
  115. <td width="80%">
  116. <input type="text" id="iUserLoginName" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
  117. height: 32px; padding-left: 30px; line-height: 32px;" name="loginName">
  118. </td>
  119. </tr>
  120. <tr>
  121. <td width="20%"><span >登陆密码:</span></td>
  122. <td width="80%">
  123. <input type="password" id="iUserLoginPwd" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
  124. height: 32px; padding-left: 30px; line-height: 32px;" name="loginPwd">
  125. </td>
  126. </tr>
  127. <tr>
  128. <td width="20%"><span >重新输入:</span></td>
  129. <td width="80%">
  130. <input type="password" id="iUserLoginPwdAgain" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
  131. height: 32px; padding-left: 30px; line-height: 32px;">
  132. </td>
  133. </tr>
  134. </table>
  135. </form>
  136. </div>
  137. </div>
  138. </body>
  139. <script src="../html/vue/userVue.js"></script>
  140. </html>