pc_input.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <script type="text/javascript">
  2. function pic_title_upload_success(file, data) {
  3. var json = $.parseJSON(data)
  4. $(this).bjuiajax('ajaxDone', json)
  5. if (json[BJUI.keys.statusCode] == BJUI.statusCode.ok) {
  6. $('#pc_file').val(json.filename).trigger('validate')
  7. $('#j_title_span_pic').html('<img src="'+ json.filename +'" WIDTH="200" HEIGHT="120"/>')
  8. }
  9. }
  10. </script>
  11. <div class="bjui-pageContent">
  12. <form method="post" action="${ctxPath}/cms/pc/save" id="j_zrzc_form" data-toggle="validate" data-autorefresh="true" data-alertmsg="false">
  13. <input TYPE="hidden" name="id" value="${pc.id!}">
  14. <table class="table table-condensed table-hover" width="100%">
  15. <tbody>
  16. <tr>
  17. <td>
  18. <label for="pc_name" class="control-label x85">名称:</label>
  19. <input type="text" name="pc_name" id="pc_name" value="${pc.pc_name!,xss}" data-rule="required;" size="25">
  20. </td>
  21. </tr>
  22. <tr>
  23. <td>
  24. <label class="control-label x85">标题图:</label>
  25. <div style="display: inline-block; vertical-align: middle;">
  26. <div id="j_title_pic_up" data-toggle="upload" data-uploader="${ctxPath}/uploads"
  27. data-file-size-limit="1024000000"
  28. data-file-type-exts="*.jpg;*.png;*.gif;*.mpg"
  29. data-multi="false"
  30. data-on-upload-success="pic_title_upload_success"
  31. data-icon="cloud-upload"></div>
  32. <input type="hidden" name="pc_file" value="${pc.pc_file!}" id="pc_file">
  33. <span id="j_title_span_pic">
  34. @if(isNotEmpty(pc.pc_file)){
  35. <IMG WIDTH="300" HEIGHT="120" style="margin: 5px 0 5px 0" src="${pc.pc_file!}">
  36. @}
  37. </span>
  38. </div>
  39. </td>
  40. </tr>
  41. <tr>
  42. <td>
  43. <label for="j_pc_url" class="control-label x85">链接:</label>
  44. <input type="text" name="pc_url" id="j_pc_url" value="${pc.pc_url!,xss}" class="input-nm" placeholder="链接" size="50" data-rule="url;" >
  45. </td>
  46. </tr>
  47. <tr>
  48. <td>
  49. <label for="pc_state" class="control-label x85" data-toggle="selectpicker">是否显示:</label>
  50. <select name="pc_state" id="pc_state" style="width: 250px;height: 25px;">
  51. @if(isEmpty(pc.pc_state)){
  52. <option value="1">隐藏</option>
  53. <option value="0">显示</option>
  54. @}else if(pc.pc_state == '0'){
  55. <option value="1">隐藏</option>
  56. <option value="0" selected>显示</option>
  57. @}else if(pc.pc_state=='1'){
  58. <option value="1" selected>隐藏</option>
  59. <option value="0">显示</option>
  60. @}
  61. </select>
  62. </td>
  63. </tr>
  64. </tbody>
  65. </table>
  66. </form>
  67. </div>
  68. <div class="bjui-pageFooter">
  69. <ul>
  70. <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
  71. <li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
  72. </ul>
  73. </div>