rpt_tpl_detail_field_location.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <div class="tab-pane" id="rpttplfieldlocation" role="tabpanel">
  2. <div class="main-data">
  3. <div class="p-3">
  4. <div class="row">
  5. <div class="form-group col-md-8">
  6. <div class="ztree-warp">
  7. <ul id="tpl_data_info_reversed" class="ztree"></ul>
  8. </div>
  9. </div>
  10. <div class="form-group col-md-4" id="band_tree2_div">
  11. <div class="ztree-warp">
  12. <ul id="band_tree2_reversed" class="ztree"></ul>
  13. </div>
  14. </div>
  15. </div>
  16. <div class="row" id="element_font">
  17. <div class="form-group col-md-3">
  18. <label>字体选择</label>
  19. <select class="form-control" id="elementFonts" onchange="rpt_tpl_cfg_helper.fontChange(this)" disabled></select>
  20. </div>
  21. <div class="form-group col-md-3">
  22. <label>字体名称</label>
  23. <input class="form-control" id="eleFontName" value="" onchange="rpt_tpl_cfg_helper.fontNameChange(this)" disabled>
  24. </div>
  25. <div class="form-group col-md-2">
  26. <label>字体大小</label>
  27. <input class="form-control input-sm" id="eleFontSize" type="number" value="12" step="1" min="6" max="56" onchange="rpt_tpl_cfg_helper.fontSizeChange(this)" disabled>
  28. </div>
  29. <div class="form-group col-md-4">
  30. <label></label>
  31. <div class="form-check">
  32. <label class="form-check-label">
  33. <input type="checkbox" class="form-check-input" id="eleFontBold" onchange="rpt_tpl_cfg_helper.fontBoldChange(this)" disabled>
  34. 粗体
  35. </label>&nbsp&nbsp
  36. <label class="form-check-label">
  37. <input type="checkbox" class="form-check-input" id="eleFontItalic" onchange="rpt_tpl_cfg_helper.fontItalicChange(this)" disabled>
  38. 斜体
  39. </label>&nbsp&nbsp
  40. <label class="form-check-label">
  41. <input type="checkbox" class="form-check-input" id="eleFontUnderline" onchange="rpt_tpl_cfg_helper.fontUnderlineChange(this)" disabled>
  42. 下划线
  43. </label>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="row" id="element_border">
  48. <div class="form-group col-md-3">
  49. <label>边框样式</label>
  50. <select class="form-control" id="elementBorders" onchange="rpt_tpl_cfg_helper.borderChange(this)"></select>
  51. </div>
  52. <div class="form-group col-md-2">
  53. <label>左边</label>
  54. <input class="form-control input-sm" id="eleBorderLeft" type="number" value="0" step="1" min="0" max="3" disabled>
  55. </div>
  56. <div class="form-group col-md-2">
  57. <label>右边</label>
  58. <input class="form-control input-sm" id="eleBorderRight" type="number" value="0" step="1" min="0" max="3" disabled>
  59. </div>
  60. <div class="form-group col-md-2">
  61. <label>上边</label>
  62. <input class="form-control input-sm" id="eleBorderTop" type="number" value="0" step="1" min="0" max="3" disabled>
  63. </div>
  64. <div class="form-group col-md-2">
  65. <label>下边</label>
  66. <input class="form-control input-sm" id="eleBorderBottom" type="number" value="0" step="1" min="0" max="3" disabled>
  67. </div>
  68. </div>
  69. <div class="row" id="element_control">
  70. <div class="form-group col-md-3">
  71. <label>控制选择</label>
  72. <select class="form-control" id="elementControls" onchange="rpt_tpl_cfg_helper.controlChange(this)"></select>
  73. </div>
  74. <div class="form-group col-md-2">
  75. <label>横向对齐</label>
  76. <select class="form-control" id="elementAlignmentHorizon" onchange="rpt_tpl_cfg_helper.changeAlignment(this, 'horizon')" disabled></select>
  77. </div>
  78. <div class="form-group col-md-2">
  79. <label>纵向对齐</label>
  80. <select class="form-control" id="elementAlignmentVertical" onchange="rpt_tpl_cfg_helper.changeAlignment(this, 'vertical')" disabled></select>
  81. </div>
  82. <div class="form-group col-md-5">
  83. <label></label>
  84. <div class="form-check">
  85. <label class="form-check-label">
  86. <input type="checkbox" class="form-check-input" id="eleShrink" onchange="" disabled>
  87. 自动缩放
  88. </label>&nbsp&nbsp
  89. <label class="form-check-label">
  90. <input type="checkbox" class="form-check-input" id="eleShowZero" onchange="" disabled>
  91. 显示0
  92. </label>&nbsp&nbsp
  93. <label class="form-check-label">
  94. <input type="checkbox" class="form-check-input" id="eleAutoWrap" onchange="" disabled>
  95. 自动折行
  96. </label>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="row" id="element_area_1">
  101. <div class="form-group col-md-3">
  102. <label>输出区域-左</label>
  103. <input class="form-control input-sm" id="elementArea_Left" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Left')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Left')">
  104. </div>
  105. <div class="form-group col-md-3">
  106. <label>输出区域-右</label>
  107. <input class="form-control input-sm" id="elementArea_Right" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Right')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Right')">
  108. </div>
  109. <div class="form-group col-md-3">
  110. <label>输出区域-上</label>
  111. <input class="form-control input-sm" id="elementArea_Top" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Top')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Top')">
  112. </div>
  113. <div class="form-group col-md-3">
  114. <label>输出区域-下</label>
  115. <input class="form-control input-sm" id="elementArea_Bottom" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Bottom')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Bottom')">
  116. </div>
  117. </div>
  118. <div class="row" id="element_area_2">
  119. <div class="form-group col-md-3">
  120. <label class="form-check-label">
  121. <input type="checkbox" class="form-check-input" id="isPercentage_Left" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Left')">
  122. 百分比
  123. </label>
  124. </div>
  125. <div class="form-group col-md-3">
  126. <label class="form-check-label">
  127. <input type="checkbox" class="form-check-input" id="isPercentage_Right" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Right')">
  128. 百分比
  129. </label>
  130. </div>
  131. <div class="form-group col-md-3">
  132. <label class="form-check-label">
  133. <input type="checkbox" class="form-check-input" id="isPercentage_Top" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Top')">
  134. 百分比
  135. </label>
  136. </div>
  137. <div class="form-group col-md-3">
  138. <label class="form-check-label">
  139. <input type="checkbox" class="form-check-input" id="isPercentage_Bottom" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Bottom')">
  140. 百分比
  141. </label>
  142. </div>
  143. </div>
  144. <div class="row" id="element_pre_suff">
  145. <div class="input-group col-3">
  146. <div class="input-group-addon">前缀</div>
  147. <input class="form-control" id="elePrefix" value="" onkeyup="rpt_tpl_cfg_helper.changePreSuff(this, 'Prefix')">
  148. </div>
  149. <div class="input-group col-3">
  150. <div class="input-group-addon">后缀</div>
  151. <input class="form-control" id="eleSuffix" value="" onkeyup="rpt_tpl_cfg_helper.changePreSuff(this, 'Suffix')">
  152. </div>
  153. <div class="input-group col-3">
  154. <div class="input-group-addon">格式</div>
  155. <input class="form-control" id="eleFormat" value="" onkeyup="rpt_tpl_cfg_helper.changeFormat(this)">
  156. </div>
  157. </div>
  158. <div class="row">
  159. <div class="form-group col-md-7">
  160. <div class="form-group">
  161. <label>已选映射指标</label>
  162. <div class="ztree-warp">
  163. <ul id="tpl_data_selected_field_map_reversed" class="ztree"></ul>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="form-group col-md-5">
  168. <div class="ztree-warp">
  169. <label>离散独立指标/参数</label>
  170. <ul id="tpl_discrete_fields_params_reversed" class="ztree"></ul>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>