rpt_tpl_detail_bands.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <div class="tab-pane" id="rpttpllayout" role="tabpanel">
  2. <div class="main-data">
  3. <div class="p-3">
  4. <div class="tab-bar">
  5. <a onclick="bandTreeOprObj.addRootBand(zTreeOprObj.getRefTpl())" class="btn btn-secondary btn-sm fa fa-plus-square">根模板框</a>
  6. <a onclick="bandTreeOprObj.addSubBand(zTreeOprObj.getRefTpl())" class="btn btn-secondary btn-sm fa fa-plus-square">子模板框</a>
  7. <a onclick="bandTreeOprObj.moveDownBand(zTreeOprObj.getRefTpl())" class="btn btn-sm" id="downMoveBand"><i class="fa fa-arrow-down" aria-hidden="true"></i>下移</a>
  8. <a onclick="bandTreeOprObj.moveUpBand(zTreeOprObj.getRefTpl())" class="btn btn-sm" id="upMoveBand"><i class="fa fa-arrow-up" aria-hidden="true"></i>上移</a>
  9. </div>
  10. <div class="ztree-warp">
  11. <ul id="band_tree_reversed" class="ztree"></ul>
  12. </div>
  13. <div class="form-group">
  14. <label>边框样式</label>
  15. <select class="form-control" id="borderStyles" onchange="bandTreeOprObj.bandStyleChange(this)"></select>
  16. </div>
  17. <div class="form-group">
  18. <label>位置</label>
  19. <select class="form-control" id="bandAlignment" onchange="bandTreeOprObj.bandAlignmentChange(this)"></select>
  20. </div>
  21. <div class="row">
  22. <div class="form-group col-md-6">
  23. <label>高度</label>
  24. <input class="form-control mr-2" id="bandHeight" type="number" step="0.1" disabled onchange="bandTreeOprObj.bandHeightWidthChange(this)">
  25. </div>
  26. <div class="form-group col-md-6">
  27. <label>宽度</label>
  28. <input class="form-control mr-2" id="bandWidth" type="number" step="0.1" disabled onchange="bandTreeOprObj.bandHeightWidthChange(this)">
  29. </div>
  30. </div>
  31. <div class="form-group">
  32. <label>出现频率</label>
  33. <select class="form-control" id="pageFrequency" onchange="bandTreeOprObj.bandShowFrequencyChange(this)"></select>
  34. </div>
  35. <div class="form-group">
  36. <div class="form-check">
  37. <label class="form-check-label">
  38. <input type="checkbox" class="form-check-input" id="mergeBandBorder" onchange="bandTreeOprObj.bandBorderMergeChange(this)">
  39. 边框合并
  40. </label>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>