rpt_tpl_dtl_field_loc.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  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-5" style="max-height: 310px;">
  6. <div class="ztree-warp" style="height: 300px;">
  7. <ul id="tpl_data_info_reversed" class="ztree"></ul>
  8. </div>
  9. </div>
  10. <div class="form-group col-md-4" style="max-height: 410px;">
  11. <div class="ztree-warp" style="height: 300px;">
  12. <ul id="tpl_data_selected_field_map_reversed" class="ztree"></ul>
  13. </div>
  14. </div>
  15. <div class="form-group col-md-3" style="max-height: 310px;">
  16. <div class="ztree-warp" style="height: 300px;">
  17. <ul id="tpl_discrete_fields_params_reversed" class="ztree"></ul>
  18. </div>
  19. </div>
  20. </div>
  21. <div class="row" id="element_hidden">
  22. <div class="form-group col-md-1">
  23. <label>是否隐藏</label>
  24. <div class="form-check">
  25. <label class="form-check-label">
  26. <input type="checkbox" class="form-check-input" id="eleFieldHidden" onchange="rpt_tpl_cfg_helper.hiddenChange(this)">
  27. </label>
  28. </div>
  29. </div>
  30. <div class="form-group col-md-2">
  31. <label>交叉行序号字段</label>
  32. <div class="form-check">
  33. <label class="form-check-label">
  34. <input type="checkbox" class="form-check-input" id="eleFieldSerial" onchange="rpt_tpl_cfg_helper.crossRowIsSerialChange(this)">
  35. </label>
  36. </div>
  37. </div>
  38. <div class="form-group col-md-2">
  39. <label>排序类型</label>
  40. <select class="form-control" id="elementSortType" onchange="rpt_tpl_cfg_helper.crossSortOrderChange(this)"><option>无排序</option><option>升序</option><option>降序</option></select>
  41. </div>
  42. </div>
  43. <div class="row" id="element_font">
  44. <div class="form-group col-md-3">
  45. <label>字体选择</label>
  46. <select class="form-control" id="elementFonts" onchange="rpt_tpl_cfg_helper.fontChange(this)" disabled></select>
  47. </div>
  48. <div class="form-group col-md-3">
  49. <label>字体名称</label>
  50. <input class="form-control" id="eleFontName" value="" onchange="rpt_tpl_cfg_helper.fontNameChange(this)" disabled>
  51. </div>
  52. <div class="form-group col-md-2">
  53. <label>字体大小</label>
  54. <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>
  55. </div>
  56. <div class="form-group col-md-4">
  57. <label>字体其他特性</label>
  58. <div class="form-check">
  59. <label class="form-check-label">
  60. <input type="checkbox" class="form-check-input" id="eleFontBold" onchange="rpt_tpl_cfg_helper.fontBoldChange(this)" disabled>
  61. 粗体
  62. </label>&nbsp&nbsp
  63. <label class="form-check-label">
  64. <input type="checkbox" class="form-check-input" id="eleFontItalic" onchange="rpt_tpl_cfg_helper.fontItalicChange(this)" disabled>
  65. 斜体
  66. </label>&nbsp&nbsp
  67. <label class="form-check-label">
  68. <input type="checkbox" class="form-check-input" id="eleFontUnderline" onchange="rpt_tpl_cfg_helper.fontUnderlineChange(this)" disabled>
  69. 下划线
  70. </label>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="row" id="element_border">
  75. <div class="form-group col-md-3">
  76. <label>边框样式</label>
  77. <select class="form-control" id="elementBorders" onchange="rpt_tpl_cfg_helper.borderChange(this)"></select>
  78. </div>
  79. <div class="form-group col-md-2">
  80. <label>左边</label>
  81. <input class="form-control input-sm" id="eleBorderLeft" type="number" value="0" step="1" min="0" max="3" disabled>
  82. </div>
  83. <div class="form-group col-md-2">
  84. <label>右边</label>
  85. <input class="form-control input-sm" id="eleBorderRight" type="number" value="0" step="1" min="0" max="3" disabled>
  86. </div>
  87. <div class="form-group col-md-2">
  88. <label>上边</label>
  89. <input class="form-control input-sm" id="eleBorderTop" type="number" value="0" step="1" min="0" max="3" disabled>
  90. </div>
  91. <div class="form-group col-md-2">
  92. <label>下边</label>
  93. <input class="form-control input-sm" id="eleBorderBottom" type="number" value="0" step="1" min="0" max="3" disabled>
  94. </div>
  95. </div>
  96. <div class="row" id="element_control">
  97. <div class="form-group col-md-3">
  98. <label>控制选择</label>
  99. <select class="form-control" id="elementControls" onchange="rpt_tpl_cfg_helper.controlChange(this)"></select>
  100. </div>
  101. <div class="form-group col-md-2">
  102. <label>横向对齐</label>
  103. <select class="form-control" id="elementAlignmentHorizon" onchange="rpt_tpl_cfg_helper.changeAlignment(this, 'horizon')" disabled></select>
  104. </div>
  105. <div class="form-group col-md-2">
  106. <label>纵向对齐</label>
  107. <select class="form-control" id="elementAlignmentVertical" onchange="rpt_tpl_cfg_helper.changeAlignment(this, 'vertical')" disabled></select>
  108. </div>
  109. <div class="form-group col-md-5">
  110. <label>控制其他特性</label>
  111. <div class="form-check">
  112. <label class="form-check-label">
  113. <input type="checkbox" class="form-check-input" id="eleShrink" onchange="" disabled>
  114. 自动缩放
  115. </label>&nbsp&nbsp
  116. <label class="form-check-label">
  117. <input type="checkbox" class="form-check-input" id="eleShowZero" onchange="" disabled>
  118. 显示0
  119. </label>&nbsp&nbsp
  120. <label class="form-check-label">
  121. <input type="checkbox" class="form-check-input" id="eleAutoWrap" onchange="" disabled>
  122. 自动折行
  123. </label>
  124. <label class="form-check-label">
  125. <input type="checkbox" class="form-check-input" id="eleIsShrinkFirst" onchange="" disabled>
  126. 缩放优先
  127. </label>
  128. <label class="form-check-label">
  129. <input type="checkbox" class="form-check-input" id="eleCloseOutput" onchange="" disabled>
  130. 紧密输出
  131. </label>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="row" id="element_area_1">
  136. <div class="form-group col-md-2">
  137. <label>左</label><label>&nbsp&nbsp&nbsp</label>
  138. <label class="form-check-label">
  139. <input type="checkbox" class="form-check-input" id="isPercentage_Left" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Left')">
  140. 百分比
  141. </label>
  142. <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')">
  143. </div>
  144. <div class="form-group col-md-2">
  145. <label>右</label><label>&nbsp&nbsp&nbsp</label>
  146. <label class="form-check-label">
  147. <input type="checkbox" class="form-check-input" id="isPercentage_Right" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Right')">
  148. 百分比
  149. </label>
  150. <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')">
  151. </div>
  152. <div class="form-group col-md-2">
  153. <label>上</label><label>&nbsp&nbsp&nbsp</label>
  154. <label class="form-check-label">
  155. <input type="checkbox" class="form-check-input" id="isPercentage_Top" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Top')">
  156. 百分比
  157. </label>
  158. <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')">
  159. </div>
  160. <div class="form-group col-md-2">
  161. <label>下</label><label>&nbsp&nbsp&nbsp</label>
  162. <label class="form-check-label">
  163. <input type="checkbox" class="form-check-input" id="isPercentage_Bottom" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Bottom')">
  164. 百分比
  165. </label>
  166. <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')">
  167. </div>
  168. <div class="form-group col-md-2">
  169. <label>&nbsp&nbsp&nbsp</label>
  170. <div class="form-check">
  171. <label class="form-check-label">
  172. <input type="checkbox" class="form-check-input" id="eleAutoHeight" onchange="rpt_tpl_cfg_helper.changeAutoHeight(this)">
  173. 自动行高
  174. </label>&nbsp&nbsp
  175. </div>
  176. </div>
  177. </div>
  178. <div class="row" id="element_pre_suff">
  179. <div class="input-group col-3">
  180. <div class="input-group-addon">前缀</div>
  181. <input class="form-control" id="elePrefix" value="" onkeyup="rpt_tpl_cfg_helper.changePreSuff(this, 'Prefix')">
  182. </div>
  183. <div class="input-group col-3">
  184. <div class="input-group-addon">后缀</div>
  185. <input class="form-control" id="eleSuffix" value="" onkeyup="rpt_tpl_cfg_helper.changePreSuff(this, 'Suffix')">
  186. </div>
  187. <div class="input-group col-3">
  188. <div class="input-group-addon">格式</div>
  189. <input class="form-control" id="eleFormat" value="" onkeyup="rpt_tpl_cfg_helper.changeFormat(this)">
  190. </div>
  191. <div class="input-group col-3">
  192. <div class="input-group-addon">默认值</div>
  193. <input class="form-control" id="eleDftValue" value="" onkeyup="rpt_tpl_cfg_helper.changeDftValue(this)">
  194. </div>
  195. </div>
  196. <div class="row" id="element_visual_div1" style="display: none">
  197. <%include ./rpt_tpl_dtl_vis_column.html %>
  198. </div>
  199. <div class="row" id="element_visual_div2" style="display: none">
  200. <%include ./rpt_tpl_dtl_vis_sum.html %>
  201. </div>
  202. <div class="row" id="element_visual_div3" style="display: none">
  203. <%include ./rpt_tpl_dtl_vis_discrete.html %>
  204. </div>
  205. </div>
  206. </div>
  207. </div>