jeecgP3demo-list.vm 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. #parse("content/base/back/common/macro.vm")
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. #parse("content/base/back/common/head.vm")
  5. ## update--begin--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  6. <link rel="stylesheet" href="$!{basePath}/plug-in-ui/hplus/css/font-awesome.css"/>
  7. ## update--end--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  8. <body style='overflow:scroll;overflow-x:hidden'>
  9. <div class="container bs-docs-container" style="width:100%;">
  10. <div class="row">
  11. <form role="form" class="form-inline" action="$!{basePath}/demo/jeecgP3demo.do?list" method="post" id="formSubmit">
  12. <div class="col-md-10" style="width:100%">
  13. <div class="panel panel-default">
  14. <div class="panel-heading">列表</div>
  15. <div class="panel-body">
  16. <div class="search">
  17. <div class="form-group col-sm-3">
  18. <label for="name" class="control-label col-sm-3 line34">姓名</label>
  19. <div class="col-sm-8">
  20. <input type="text" name="name" id="name" value="$!{jeecgP3demo.name}" class="form-control">
  21. </div>
  22. </div>
  23. <div class="form-group col-sm-3">
  24. <label for="sex" class="control-label col-sm-3 line34">性别</label>
  25. <div class="col-sm-8">
  26. <input type="text" name="sex" id="sex" value="$!{jeecgP3demo.sex}" class="form-control">
  27. </div>
  28. </div>
  29. <div class="form-group col-sm-3">
  30. <label for="age" class="control-label col-sm-3 line34">年龄</label>
  31. <div class="col-sm-8">
  32. <input type="text" name="age" id="age" value="$!{jeecgP3demo.age}" class="form-control">
  33. </div>
  34. </div>
  35. <div class="form-group col-sm-3">
  36. <label for="address" class="control-label col-sm-3 line34">地址</label>
  37. <div class="col-sm-8">
  38. <input type="text" name="address" id="address" value="$!{jeecgP3demo.address}" class="form-control">
  39. </div>
  40. </div>
  41. <div class="form-group col-sm-3">
  42. <label for="phone" class="control-label col-sm-3 line34">电话</label>
  43. <div class="col-sm-8">
  44. <input type="text" name="phone" id="phone" value="$!{jeecgP3demo.phone}" class="form-control">
  45. </div>
  46. </div>
  47. <div class="form-group col-sm-3">
  48. <label for="memo" class="control-label col-sm-3 line34">备注</label>
  49. <div class="col-sm-8">
  50. <input type="text" name="memo" id="memo" value="$!{jeecgP3demo.memo}" class="form-control">
  51. </div>
  52. </div>
  53. ## update--begin--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  54. <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜 索</button>
  55. ## update--end--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  56. <div class="clearfix"></div>
  57. </div>
  58. <div id="legend">
  59. ## update--begin--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  60. <legend class="le"><button type="button" class="btn btn-primary" onclick="doUrl('$!{basePath}/demo/jeecgP3demo.do?toAdd')" ><i class="fa fa-plus"></i> 新增</button></legend>
  61. ## update--end--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  62. </div>
  63. <table class="table table-striped">
  64. <thead>
  65. <th>
  66. <input type="checkbox" name="ckAll" id="ckAll" />
  67. </th>
  68. <th>姓名</th>
  69. <th>性别</th>
  70. <th>年龄</th>
  71. <th>地址</th>
  72. <th>电话</th>
  73. <th>备注</th>
  74. <th>操作</th>
  75. </thead>
  76. <tbody>
  77. #if($!{pageInfos})
  78. #foreach($!{info} in $!{pageInfos})
  79. <tr>
  80. <td><input type="checkbox" name="ck" value="$!{info.id}" /></td>
  81. <td>$!{info.name}</td>
  82. #*--//update-begin--Author:dangzhenghui Date:20170519 for:P3demo修改--------------------*#
  83. <td>#showDictTag("sex","$info.sex")
  84. #*--//update-end--Author:dangzhenghui Date:20170519 for:P3demo修改--------------------*#
  85. </td>
  86. <td>$!{info.age}</td>
  87. <td>$!{info.address}</td>
  88. <td>$!{info.phone}</td>
  89. <td>$!{info.memo}</td>
  90. <td class="last">
  91. ## update--begin--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  92. <a class="btn btn-success btn-xs" href="javascript:doUrl('$!{basePath}/demo/jeecgP3demo.do?toEdit&id=$!{info.id}')" ><i class="fa fa-edit"></i> 编辑</a>
  93. <a class="btn btn-danger btn-xs" href="javascript:delData('$!{basePath}/demo/jeecgP3demo.do?doDelete&id=$!{info.id}')"><i class="fa fa-trash-o"></i> 删除</a>
  94. ## update--end--author:zhangjiaqiang date:20170524 for:美化p3列表页面的按钮
  95. </td>
  96. </tr>
  97. #end
  98. #end
  99. </tbody>
  100. </table>
  101. <div class="text-right">
  102. <!--公用翻页代码-->
  103. #set($attr='formSubmit')
  104. #showPageList($pageInfos $attr)
  105. <!--END公用翻页代码-->
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </form>
  111. </div>
  112. </div>
  113. </body>
  114. </html>
  115. <script>
  116. $("#ckAll").click(function(){
  117. if($(this).prop("checked")){
  118. $(":checkbox").prop("checked",true)
  119. }else{
  120. $(":checkbox").prop("checked",false)
  121. }
  122. });
  123. //jquery获取复选框值
  124. function getCkValue(){
  125. var chk_value =[];
  126. $('input[name="ck"]:checked').each(function(){
  127. chk_value.push($(this).val());
  128. });
  129. //alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value);
  130. }
  131. </script>