rpt_tpl_dtl_field_loc.html 13 KB

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