newUser.jsp 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme() + "://"
  5. + request.getServerName() + ":" + request.getServerPort()
  6. + path + "/";
  7. %>
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  12. <!-- 避免IE使用兼容模式 -->
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  14. <meta name="renderer" content="webkit">
  15. <%@ include file="ap.jsp" %>
  16. </head>
  17. <body>
  18. <div data-toggle="topjui-layout" data-options="fit:true">
  19. <div data-options="region:'center',iconCls:'icon-reload',title:'',split:true,border:false,bodyCls:'border_left_right'">
  20. <!-- datagrid表格 -->
  21. <table data-toggle="topjui-datagrid"
  22. data-options="id:'userDg',
  23. singleSelect:true,
  24. selectOnCheck:false,
  25. checkOnSelect:false,
  26. url:'visitorlist.action',
  27. childTab: [{id:'eastTabs'}],
  28. filter: [{
  29. field: 'visitor_name',
  30. type: 'textbox',
  31. op: ['contains', 'equal', 'notequal', 'less', 'greater']
  32. },{
  33. field: 'car_number',
  34. type: 'textbox',
  35. op: ['contains', 'equal', 'notequal', 'less', 'greater']
  36. }]">
  37. <thead>
  38. <tr>
  39. <th data-options="field:'id',title:'UUID',checkbox:true"></th>
  40. <th data-options="field:'visitor_name',title:'姓名',sortable:true"></th>
  41. <th data-options="field:'visitor_phone',title:'联系手机',sortable:true"></th>
  42. <th data-options="field:'car_number',title:'车牌号',sortable:true"></th>
  43. <th data-options="field:'reason',title:'访问原由',sortable:true"></th>
  44. <th data-options="field:'state',title:'状态',sortable:true,
  45. formatter:function(value,row,index){
  46. if (value == '2') {
  47. return '<font color=green>已推送</font>';
  48. } else if (value == '1'){
  49. return '<font color=red>未推送</font>';
  50. } else if (value == '3'){
  51. return '<font color=blue>已拒绝</font>';
  52. }
  53. }"
  54. ></th>
  55. <th data-options="field:'created_time',title:'创建时间',sortable:true,
  56. formatter:function(value,row,index){
  57. return new Date(parseInt(value) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
  58. }"
  59. ></th>
  60. <th data-options="field:'visit_start_time',title:'起始时间',sortable:true,
  61. formatter:function(value,row,index){
  62. return new Date(parseInt(value) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
  63. }
  64. "></th>
  65. <th data-options="field:'visit_end_time',title:'结束时间',sortable:true,
  66. formatter:function(value,row,index){
  67. return new Date(parseInt(value) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
  68. }
  69. "></th>
  70. <th data-options="field:'member_name',title:'受访者姓名',sortable:true"></th>
  71. <th data-options="field:'member_org',title:'受访者部门',sortable:true"></th>
  72. <th data-options="field:'member_phone',title:'受访者手机',sortable:true"></th>
  73. </tr>
  74. </thead>
  75. </table>
  76. </div>
  77. </div>
  78. <!-- 表格工具栏开始 -->
  79. <div id="userDg-toolbar" class="topjui-toolbar"
  80. data-options="grid:{
  81. type:'datagrid',
  82. id:'userDg'
  83. }">
  84. <a href="javascript:void(0)"
  85. data-toggle="topjui-menubutton"
  86. data-options="method:'openDialog',
  87. extend: '#userDg-toolbar',
  88. iconCls: 'fa fa-plus',
  89. btnCls: 'topjui-btn-blue',
  90. dialog:{
  91. width: 650,
  92. height: 380,
  93. id:'userAddDialog',
  94. href:'add_user.jsp',
  95. buttonsGroup:[
  96. {text:'保存',url:'visitoradd.action',iconCls:'fa fa-plus',handler:'ajaxForm',btnCls:'topjui-btn-brown'}
  97. ]
  98. }">新增访客</a>
  99. <a href="javascript:void(0)"
  100. data-toggle="topjui-menubutton"
  101. data-options="method: 'openDialog',
  102. extend: '#userDg-toolbar',
  103. iconCls: 'fa fa-pencil',
  104. btnCls: 'topjui-btn-green',
  105. grid: {
  106. type: 'datagrid',
  107. id: 'userDg'
  108. },
  109. dialog: {
  110. width: 650,
  111. height: 380,
  112. href: 'update_user.jsp?id={id}',
  113. url:'visitorqueryById.action?id={id}',
  114. buttonsGroup: [
  115. {
  116. text: '添加到白名单',
  117. url:'visitortoVisitor.action',
  118. iconCls: 'fa fa-save',
  119. handler: 'ajaxForm',
  120. btnCls: 'topjui-btn-green'
  121. }
  122. ]
  123. }">添加到白名单</a>
  124. <a href="javascript:void(0)"
  125. data-toggle="topjui-menubutton"
  126. data-options="method: 'openDialog',
  127. extend: '#userDg-toolbar',
  128. iconCls: 'fa fa-pencil',
  129. btnCls: 'topjui-btn-red',
  130. grid: {
  131. type: 'datagrid',
  132. id: 'userDg'
  133. },
  134. dialog: {
  135. width: 650,
  136. height: 380,
  137. href: 'update_user.jsp?id={id}',
  138. url:'visitorqueryById.action?id={id}',
  139. buttonsGroup: [
  140. {
  141. text: '拒绝',
  142. url:'visitorrefuse.action',
  143. iconCls: 'fa fa-save',
  144. handler: 'ajaxForm',
  145. btnCls: 'topjui-btn-green'
  146. }
  147. ]
  148. }">拒绝访客</a>
  149. <a href="javascript:void(0)"
  150. data-toggle="topjui-menubutton"
  151. data-options="method:'doAjax',
  152. extend: '#userDg-toolbar',
  153. btnCls:'topjui-btn-brown',
  154. iconCls:'fa fa-trash',
  155. url:'visitordel.action',
  156. grid: {uncheckedMsg:'请先勾选要删除的数据',param:'ids:id'}">删除访客</a>
  157. <a href="javascript:void(0)"
  158. data-toggle="topjui-menubutton"
  159. data-options="method:'filter',
  160. extend: '#userDg-toolbar',
  161. btnCls:'topjui-btn-black'">查询</a>
  162. </div>
  163. <!-- 表格工具栏结束 -->
  164. </body>
  165. </html>