ad_silder.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <script type="text/javascript">
  2. //上传图片完成回调
  3. function silder_pic_upload_success(file, data,$upload) {
  4. var json = $.parseJSON(data)
  5. if (json[BJUI.keys.statusCode] == BJUI.statusCode.ok) {
  6. $upload.next().val(json.filename).next().html('<img src="'+ json.filename +'" width="80" />')
  7. }
  8. }
  9. //删除回调
  10. $('#silder').on('afterdelete.bjui.tabledit', function(e) {
  11. var $tbody = $(e.relatedTarget)
  12. console.log('你删除了一条数据,还有['+ $tbody.find('> tr').length +']条数据!')
  13. })
  14. </script>
  15. <div class="bjui-pageHeader">
  16. <form id="pagerForm" data-toggle="ajaxsearch" action="${ctxPath}/system/cms/ad/silder" method="post">
  17. <input type="hidden" name="pageSize" value="${model.pageSize!}">
  18. <input type="hidden" name="pageCurrent" value="${model.pageNum!}">
  19. <div class="bjui-searchBar">
  20. <label>状态:</label>
  21. <select name="status" data-toggle="selectpicker">
  22. @if(isEmpty(pojo.status)){
  23. <option value="" selected>所有</option>
  24. <option value="0"> 禁用</option>
  25. <option value="1"> 正常 </option>
  26. @}else if(!pojo.status){
  27. <option value="">所有</option>
  28. <option value="0" selected> 禁用</option>
  29. <option value="1"> 正常 </option>
  30. @}else{
  31. <option value="">所有</option>
  32. <option value="0"> 禁用</option>
  33. <option value="1" selected> 正常 </option>
  34. @}
  35. </select>
  36. &nbsp;
  37. <button type="submit" class="btn-default" data-icon="search">查询</button>&nbsp;
  38. <a class="btn btn-orange" href="javascript:;" onclick="$(this).navtab('reloadForm', true)" data-icon="undo">清空查询</a>&nbsp;
  39. <button type="button" class="btn-green" data-toggle="tableditadd" data-target="#silder" data-num="1" data-icon="plus">添加幻灯</button>&nbsp;
  40. </div>
  41. </form>
  42. </div>
  43. <div class="bjui-pageContent tableContent">
  44. <form id="silder_form" class="pageForm" data-toggle="validate" method="post">
  45. <table id="silder" class="table table-bordered table-hover table-top" data-toggle="tabledit" data-initnum="0" data-action="${ctxPath}/system/cms/ad/silder/save" data-single-noindex="true">
  46. <thead>
  47. <tr style="text-align: center">
  48. <th align="center" title="No"></th>
  49. <th align="center" title="广告名称"><input type="text" name="sildeName" data-rule="required" size="5"></th>
  50. <th align="center" title="友链地址"><input type="text" name="sildeUrl" data-rule="url" size="5"></th>
  51. <th align="center" title="排序"><input type="text" name="sortId" data-rule="required" value="" size="3"></th>
  52. <th align="center" title="状态"><select name="status" data-toggle="selectpicker" data-rule="required"><option value="true">可用</option><option value="false">禁用</option></select></th>
  53. <th align="center" title="广告图片">
  54. <div id="fileInput-[#index#]"
  55. data-toggle="upload"
  56. data-uploader="${ctxPath}/uploads"
  57. data-file-size-limit="1024000000"
  58. data-file-type-exts="*.jpg;*.png;*.gif;"
  59. data-multi="false"
  60. data-on-upload-success="silder_pic_upload_success"></div>
  61. <input type="hidden" name="img"><span class="pic-box"></span>
  62. </th>
  63. <th align="center" title="操作" data-addtool="false" width="100">
  64. <a href="javascript:;" class="btn btn-green" data-toggle="dosave">保存</a>
  65. </th>
  66. </tr>
  67. </thead>
  68. <tbody>
  69. @for(silde in model.list){
  70. <tr data-id="${silde.id!}">
  71. <td align="center" data-noedit="true">${silde.id!}</td>
  72. <td align="center" >${silde.sildeName!}</td>
  73. <td align="center" data-val="${silde.sildeUrl!}"></td>
  74. <td align="center" >${silde.sortId!}</td>
  75. <td align="center" data-val="${silde.status!}"></td>
  76. <td align="center">
  77. @if(isNotEmpty(silde.img)){
  78. <span class="pic-box" style="margin-top:10px;">
  79. <img src="${silde.img!}" height="25" width="80">
  80. </span>
  81. @}
  82. </td>
  83. <td align="center" data-noedit="true">
  84. <button type="button" class="btn-green" data-toggle="doedit">编辑</button>
  85. <a href="${ctxPath}/system/cms/ad/silder/delete?ids=${silde.id!}" class="btn btn-red row-del" data-confirm-msg="确定要删除该行信息吗?">删</a>
  86. </td>
  87. </tr>
  88. @}
  89. </tbody>
  90. </table>
  91. </form>
  92. </div>
  93. <div class="bjui-pageFooter">
  94. <div class="pages">
  95. <span>每页&nbsp;</span>
  96. <div class="selectPagesize">
  97. <select data-toggle="selectpicker" data-toggle-change="changepagesize">
  98. <option value="30">30</option>
  99. <option value="60">60</option>
  100. <option value="120">120</option>
  101. <option value="150">150</option>
  102. </select>
  103. </div>
  104. <span>&nbsp;条,共 ${model.total!} 条</span>
  105. </div>
  106. <div class="pagination-box" data-toggle="pagination" data-total="${model.total!}" data-page-size="30" data-page-current="1">
  107. </div>
  108. </div>