rpt_tpl_band.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  1. 'use strict'
  2. let bandTreeOprObj = {
  3. treeObj : null,
  4. currentNode: null,
  5. innerCounter: 1,
  6. canTrickEvent: false,
  7. iniTree: function(rptTpl) {
  8. let me = bandTreeOprObj;
  9. let bandList = rptTpl[JV.NODE_BAND_COLLECTION];
  10. me.buildTreeData(bandList);
  11. let rootNode = {Name: "布局框", isParent: true};
  12. rootNode[JV.BAND_PROP_SUB_BANDS] = bandList;
  13. // me.treeObj = $.fn.zTree.init($("#band_tree_reversed"), bandSetting, bandList);
  14. me.treeObj = $.fn.zTree.init($("#band_tree_reversed"), bandSetting, rootNode);
  15. me.treeObj.expandAll(true);
  16. me.setupMergeBorderChk();
  17. },
  18. setupMergeBorderChk: function() {
  19. let me = bandTreeOprObj;
  20. let nodes = me.treeObj.getNodes();
  21. me.treeObj.setChkDisabled(nodes[0], true);
  22. function checkIsMergeBorder(bandNode) {
  23. if (bandNode[JV.BAND_PROP_MERGE_BORDER] != null && bandNode[JV.BAND_PROP_MERGE_BORDER] != undefined) {
  24. if (stringUtil.convertStrToBoolean(bandNode[JV.BAND_PROP_MERGE_BORDER])) {
  25. me.treeObj.checkNode(bandNode, true);
  26. return false;
  27. }
  28. }
  29. if (bandNode[JV.BAND_PROP_SUB_BANDS] && bandNode[JV.BAND_PROP_SUB_BANDS].length > 0) {
  30. for (let subBandNode of bandNode[JV.BAND_PROP_SUB_BANDS]) {
  31. if (!checkIsMergeBorder(subBandNode)) {
  32. return false;
  33. }
  34. }
  35. }
  36. return true;
  37. }
  38. for (let bNode of nodes) {
  39. checkIsMergeBorder(bNode);
  40. }
  41. },
  42. copyBandList: function (isAllParent) {
  43. let me = this, rst = null;
  44. if (me.treeObj) {
  45. rst = [];
  46. let nodes = me.treeObj.getNodes()[0][JV.BAND_PROP_SUB_BANDS];
  47. let private_copy_nodes = function (parentNode, item) {
  48. item[JV.PROP_ID] = parentNode[JV.PROP_ID];
  49. item[JV.BAND_PROP_NAME] = parentNode[JV.BAND_PROP_NAME];
  50. item[JV.BAND_PROP_STYLE] = parentNode[JV.BAND_PROP_STYLE];
  51. item[JV.BAND_PROP_CONTROL] = parentNode[JV.BAND_PROP_CONTROL];
  52. if (parentNode[JV.BAND_PROP_HEIGHT]) item[JV.BAND_PROP_HEIGHT] = parentNode[JV.BAND_PROP_HEIGHT];
  53. if (parentNode[JV.BAND_PROP_WIDTH]) item[JV.BAND_PROP_WIDTH] = parentNode[JV.BAND_PROP_WIDTH];
  54. item[JV.BAND_PROP_DISPLAY_TYPE] = parentNode[JV.BAND_PROP_DISPLAY_TYPE];
  55. item[JV.BAND_PROP_ALIGNMENT] = parentNode[JV.BAND_PROP_ALIGNMENT];
  56. item[JV.BAND_PROP_MERGE_BORDER] = parentNode[JV.BAND_PROP_MERGE_BORDER];
  57. if (isAllParent) item.isParent = true;
  58. if (parentNode[JV.BAND_PROP_SUB_BANDS]) {
  59. item.items = [];
  60. for (let subNode of parentNode[JV.BAND_PROP_SUB_BANDS]) {
  61. let subItem = {};
  62. private_copy_nodes(subNode, subItem);
  63. item.items.push(subItem);
  64. }
  65. }
  66. }
  67. for (let node of nodes) {
  68. let item = {};
  69. if (isAllParent) item.isParent = true;
  70. private_copy_nodes(node, item);
  71. rst.push(item);
  72. }
  73. } else {
  74. console.log("the band tree is not ready!");
  75. }
  76. return rst;
  77. },
  78. buildTreeData: function(bandList){
  79. let rst = [], startIdx = 1;
  80. //zTreeHelper.createTree(result, setting, "rptTplTree", me);
  81. let private_setBandId = function (parentBand) {
  82. if (parentBand[JV.BAND_PROP_SUB_BANDS]) {
  83. for (let band of parentBand[JV.BAND_PROP_SUB_BANDS]) {
  84. band.ID = startIdx;
  85. band.ParentID = parentBand.ID;
  86. startIdx++;
  87. private_setBandId(band);
  88. }
  89. }
  90. }
  91. for (let band of bandList) {
  92. band.ID = startIdx;
  93. band.ParentID = -1;
  94. startIdx++;
  95. private_setBandId(band);
  96. }
  97. return rst;
  98. },
  99. createBandFromNode: function(node) {
  100. let me = this, rst = {};
  101. rst[JV.BAND_PROP_ALIGNMENT] = node[JV.BAND_PROP_ALIGNMENT];
  102. rst[JV.BAND_PROP_DISPLAY_TYPE] = node[JV.BAND_PROP_DISPLAY_TYPE];
  103. let posIdx = JV.LAYOUT.indexOf(node[JV.BAND_PROP_ALIGNMENT])
  104. switch(posIdx) {
  105. case 0:
  106. case 1:
  107. rst[JV.BAND_PROP_HEIGHT] = node[JV.BAND_PROP_HEIGHT];
  108. break;
  109. case 2:
  110. case 3:
  111. rst[JV.BAND_PROP_WIDTH] = node[JV.BAND_PROP_WIDTH];
  112. break;
  113. }
  114. rst[JV.PROP_NAME] = node[JV.PROP_NAME];
  115. rst[JV.PROP_CONTROL] = node[JV.PROP_CONTROL];
  116. rst[JV.PROP_STYLE] = node[JV.PROP_STYLE];
  117. if (node[JV.BAND_PROP_MERGE_BORDER] !== undefined) {
  118. rst[JV.BAND_PROP_MERGE_BORDER] = node[JV.BAND_PROP_MERGE_BORDER];
  119. } else {
  120. rst[JV.BAND_PROP_MERGE_BORDER] = 'F';
  121. }
  122. if (node[JV.BAND_PROP_SUB_BANDS]) {
  123. rst[JV.BAND_PROP_SUB_BANDS] = [];
  124. for (let subNode of node[JV.BAND_PROP_SUB_BANDS]) {
  125. rst[JV.BAND_PROP_SUB_BANDS].push(me.createBandFromNode(subNode));
  126. }
  127. }
  128. return rst;
  129. },
  130. createDftBand: function () {
  131. let me = this, rst = {};
  132. rst[JV.BAND_PROP_ALIGNMENT] = 'Top';
  133. rst[JV.BAND_PROP_DISPLAY_TYPE] = 'EveryPage';
  134. rst[JV.BAND_PROP_HEIGHT] = '3';
  135. rst[JV.PROP_NAME] = 'newBand_' + me.innerCounter;
  136. me.innerCounter++;
  137. rst[JV.PROP_CONTROL] = 'Default';
  138. rst[JV.PROP_STYLE] = 'Default_None';
  139. rst[JV.BAND_PROP_MERGE_BORDER] = 'F';
  140. return rst;
  141. },
  142. addRootBand: function (rptTpl) {
  143. let me = this;
  144. if (rptTpl) {
  145. let newBand = me.createDftBand();
  146. let newNodes = [], isSilent = false;
  147. newNodes.push(newBand);
  148. if (me.treeObj) {
  149. me.treeObj.addNodes(null, -1, newNodes, isSilent);
  150. } else {
  151. me.treeObj = $.fn.zTree.init($("#band_tree_reversed"), bandSetting, newNodes);
  152. }
  153. }
  154. },
  155. addSubBand: function (rptTpl) {
  156. let me = this;
  157. if (rptTpl && me.currentNode != null) {
  158. let newBand = me.createDftBand();
  159. let newNodes = [], isSilent = false;
  160. newNodes.push(newBand);
  161. me.treeObj.addNodes(me.currentNode, -1, newNodes, isSilent);
  162. }
  163. },
  164. moveDownBand: function (rptTpl) {
  165. let me = bandTreeOprObj;
  166. if (rptTpl && me.currentNode && me.currentNode.getNextNode()) {
  167. let nextNode = me.currentNode.getNextNode();
  168. me.treeObj.moveNode(nextNode, me.currentNode, "next", true);
  169. }
  170. },
  171. moveUpBand: function (rptTpl) {
  172. let me = bandTreeOprObj;
  173. if (rptTpl && me.currentNode && me.currentNode.getPreNode()) {
  174. let preNode = me.currentNode.getPreNode();
  175. me.treeObj.moveNode(preNode, me.currentNode, "prev", true);
  176. }
  177. },
  178. onClick: function(event,treeId,treeNode) {
  179. let me = bandTreeOprObj;
  180. me.currentNode = treeNode;
  181. me.canTrickEvent = false;
  182. //then refresh the band tab properties
  183. //边框样式borderStyles
  184. $("#borderStyles").get(0).selectedIndex = rpt_tpl_cfg_helper.reportCfg.borderArr.indexOf(treeNode[JV.PROP_STYLE]);
  185. //边框合并
  186. // $("#mergeBandBorder").get(0).checked = stringUtil.convertStrToBoolean(treeNode[JV.BAND_PROP_MERGE_BORDER]);
  187. //位置
  188. let posIdx = JV.LAYOUT.indexOf(treeNode[JV.BAND_PROP_ALIGNMENT])
  189. $("#bandAlignment").get(0).selectedIndex = posIdx;
  190. //高与宽
  191. me.setupWidthHeightByPosition(posIdx);
  192. //频率
  193. $("#pageFrequency").get(0).selectedIndex = JV.PAGE_STATUS.indexOf(treeNode[JV.BAND_PROP_DISPLAY_TYPE])
  194. //
  195. me.canTrickEvent = true;
  196. },
  197. onCheck: function (event,treeId,treeNode) {
  198. let me = bandTreeOprObj;
  199. let nodes = me.treeObj.getNodes();
  200. function unCheckMergeBorder(bandNode) {
  201. if (bandNode[JV.BAND_PROP_MERGE_BORDER] != null && bandNode[JV.BAND_PROP_MERGE_BORDER] != undefined) {
  202. bandNode[JV.BAND_PROP_MERGE_BORDER] = 'F';
  203. }
  204. if (bandNode.items && bandNode.items.length > 0) {
  205. for (let subBandNode of bandNode.items) {
  206. unCheckMergeBorder(subBandNode)
  207. }
  208. }
  209. }
  210. for (let bNode of nodes) {
  211. unCheckMergeBorder(bNode);
  212. }
  213. if (treeNode.checked) {
  214. treeNode[JV.BAND_PROP_MERGE_BORDER] = 'T';
  215. }
  216. },
  217. onBeforeRemove: function(treeId, treeNode){
  218. let rst = true;
  219. if (treeNode.band_s && treeNode.band_s.length > 0) {
  220. rst = false;
  221. } else {
  222. rst = confirm("在删除前请确认报表模板内部没有引用,否则会造成混淆。");
  223. }
  224. return rst;
  225. },
  226. setupWidthHeightByPosition: function (posIdx) {
  227. let me = this, treeNode = me.currentNode;
  228. switch(posIdx) {
  229. case 0:
  230. case 1:
  231. $("#bandHeight").get(0).disabled = false;
  232. $("#bandHeight").get(0).value = treeNode[JV.BAND_PROP_HEIGHT];
  233. $("#bandWidth").get(0).disabled = true;
  234. $("#bandWidth").get(0).value = "";
  235. break;
  236. case 2:
  237. case 3:
  238. $("#bandHeight").get(0).disabled = true;
  239. $("#bandHeight").get(0).value = "";
  240. $("#bandWidth").get(0).disabled = false;
  241. $("#bandWidth").get(0).value = treeNode[JV.BAND_PROP_WIDTH];
  242. break;
  243. default:
  244. $("#bandHeight").get(0).disabled = true;
  245. $("#bandHeight").get(0).value = "";
  246. $("#bandWidth").get(0).disabled = true;
  247. $("#bandWidth").get(0).value = "";
  248. break;
  249. }
  250. },
  251. bandStyleChange: function (dom) {
  252. let me = this;
  253. if (me.currentNode) {
  254. me.currentNode[JV.PROP_STYLE] = rpt_tpl_cfg_helper.reportCfg.borderArr[dom.selectedIndex];
  255. }
  256. },
  257. bandAlignmentChange: function (dom) {
  258. let me = this;
  259. if (me.currentNode) {
  260. let posIdx = dom.selectedIndex;
  261. me.currentNode[JV.BAND_PROP_ALIGNMENT] = JV.LAYOUT[posIdx];
  262. me.setupWidthHeightByPosition(posIdx);
  263. }
  264. },
  265. bandHeightWidthChange: function (dom) {
  266. let me = this, treeNode = me.currentNode;
  267. if (me.currentNode) {
  268. let posIdx = $("#bandAlignment").get(0).selectedIndex;
  269. switch(posIdx) {
  270. case 0:
  271. case 1:
  272. treeNode[JV.BAND_PROP_HEIGHT] = dom.value;
  273. break;
  274. case 2:
  275. case 3:
  276. treeNode[JV.BAND_PROP_WIDTH] = dom.value;
  277. break;
  278. }
  279. }
  280. },
  281. bandShowFrequencyChange: function (dom) {
  282. let me = this;
  283. if (me.currentNode) {
  284. me.currentNode[JV.BAND_PROP_DISPLAY_TYPE] = JV.PAGE_STATUS[dom.selectedIndex];
  285. }
  286. },
  287. extractBands: function (rptTpl) {
  288. let me = this;
  289. if (rptTpl) {
  290. let newBandList = [];
  291. let nodes = me.treeObj.getNodes()[0][JV.BAND_PROP_SUB_BANDS];
  292. for (let node of nodes) {
  293. newBandList.push(me.createBandFromNode(node));
  294. }
  295. rptTpl[JV.NODE_BAND_COLLECTION] = newBandList;
  296. }
  297. }
  298. };