TableExplorer.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377
  1. MWF.xDesktop.requireApp("query.QueryManager", "StatExplorer", null, false);
  2. MWF.xApplication.query.QueryManager.TableExplorer = new Class({
  3. Extends: MWF.xApplication.query.QueryManager.StatExplorer,
  4. Implements: [Options, Events],
  5. options: {
  6. "style": "default",
  7. "tooltip": {
  8. "create": MWF.xApplication.query.QueryManager.LP.table.create,
  9. "search": MWF.xApplication.query.QueryManager.LP.table.search,
  10. "searchText": MWF.xApplication.query.QueryManager.LP.table.searchText,
  11. "noElement": MWF.xApplication.query.QueryManager.LP.table.noStatNoticeText
  12. },
  13. "categoryEnable": true,
  14. "itemStyle": "card",
  15. "name": 'query.TableExplorer'
  16. },
  17. initialize: function(node, actions, options){
  18. this.setOptions(options);
  19. this.setTooltip();
  20. this.path = "../x_component_query_QueryManager/$Explorer/";
  21. this.cssPath = "../x_component_process_ProcessManager/$Explorer/"+this.options.style+"/css.wcss";
  22. this._loadCss();
  23. this.actions = actions;
  24. this.node = $(node);
  25. this.initData();
  26. },
  27. openFindDesigner: function(){
  28. this.app.options.application.moduleType = "query";
  29. var options = {
  30. "filter": {
  31. "moduleList": ["query"],
  32. "appList": [this.app.options.application]
  33. }
  34. };
  35. layout.openApplication(null, "FindDesigner", options);
  36. },
  37. keyCopy: function(e){
  38. if (this.selectMarkItems.length){
  39. var items = [];
  40. var i = 0;
  41. var checkItems = function(e){
  42. if (i>=this.selectMarkItems.length){
  43. if (items.length){
  44. var str = JSON.encode(items);
  45. if (e){
  46. e.clipboardData.setData('text/plain', str);
  47. }else {
  48. window.clipboardData.setData("Text", str);
  49. }
  50. this.app.notice(this.app.lp.copyed, "success");
  51. }
  52. }
  53. }.bind(this);
  54. this.selectMarkItems.each(function(item){
  55. this.app.restActions.getTable(item.data.id, function(json){
  56. json.data.elementType = "table";
  57. items.push(json.data);
  58. i++;
  59. checkItems(e);
  60. }.bind(this), null, false)
  61. }.bind(this));
  62. if (e) e.preventDefault();
  63. }
  64. },
  65. keyPaste: function(e){
  66. var dataStr = "";
  67. if (e){
  68. dataStr = e.clipboardData.getData('text/plain');
  69. }else{
  70. dataStr = window.clipboardData.getData("Text");
  71. }
  72. var data = JSON.decode(dataStr);
  73. this.pasteItem(data, 0);
  74. },
  75. pasteItem: function(data, i){
  76. if (i<data.length){
  77. var item = data[i];
  78. if (item.elementType==="table"){
  79. this.saveItemAs(item, function(){
  80. i++;
  81. this.pasteItem(data, i);
  82. }.bind(this), function(){
  83. i++;
  84. this.pasteItem(data, i);
  85. }.bind(this), function(){
  86. this.reload();
  87. }.bind(this));
  88. }else{
  89. i++;
  90. this.pasteItem(data, i);
  91. }
  92. }else{
  93. this.reload();
  94. }
  95. },
  96. showDeleteAction: function(){
  97. if (!this.deleteItemsAction){
  98. this.deleteItemsAction = new Element("div", {
  99. "styles": this.css.deleteItemsAction,
  100. "text": this.app.lp.deleteItems
  101. }).inject(this.node);
  102. this.deleteItemsAction.fade("in");
  103. this.deleteItemsAction.position({
  104. relativeTo: this.elementContentListNode,
  105. position: 'centerTop',
  106. edge: 'centerTop',
  107. "offset": {"y": this.elementContentNode.getScroll().y}
  108. });
  109. this.deleteItemsAction.addEvent("click", function(){
  110. var _self = this;
  111. this.app.confirm("warn", this.deleteItemsAction, MWF.APPPM.LP.deleteElementTitle, MWF.xApplication.query.QueryManager.LP.deleteElementTable, 300, 120, function(){
  112. _self.deleteItems();
  113. this.close();
  114. }, function(){
  115. this.close();
  116. });
  117. }.bind(this));
  118. }
  119. },
  120. saveItemAs: function(data, success, failure, cancel){
  121. o2.Actions.load("x_query_assemble_designer").TableAction.manageList(function(dJson){
  122. var i=1;
  123. var someItems = dJson.data.filter(function(d){ return (d.id && d.id===data.id) || (d.name && d.name===data.name) || (d.alias && d.alias===data.alias) });
  124. if (someItems.length){
  125. var someItem = someItems[0];
  126. var lp = this.app.lp;
  127. var _self = this;
  128. var d1 = new Date().parse(data.lastUpdateTime || data.updateTime);
  129. var d2 = new Date().parse(someItem.lastUpdateTime || someItem.updateTime);
  130. var html = "<div>"+lp.copyConfirmInfor_server+"</div>";
  131. html += "<div style='overflow: hidden; margin: 10px 0px; padding: 5px 10px; background-color: #ffffff; border-radius: 6px;'><div style='font-weight: bold; font-size:14px;'>"+lp.copySource+" "+someItem.name+"</div>";
  132. html += "<div style='font-size:12px; color: #666666; float: left'>"+(someItem.lastUpdateTime || someItem.updateTime)+"</div>" +
  133. "<div style='font-size:12px; color: #666666; float: left; margin-left: 20px;'>"+MWF.name.cn(someItem.lastUpdatePerson || "")+"</div>" +
  134. "<div style='color: red; float: right;'>"+((d1>=d2) ? "": lp.copynew)+"</div></div>";
  135. html += "<div style='overflow: hidden; margin: 10px 0px; padding: 5px 10px; background-color: #ffffff; border-radius: 6px;'><div style='clear: both;font-weight: bold; font-size:14px;'>"+lp.copyTarget+" "+data.name+"</div>";
  136. html += "<div style='font-size:12px; color: #666666; float: left;'>"+(data.lastUpdateTime || data.updateTime)+"</div>" +
  137. "<div style='font-size:12px; color: #666666; float: left; margin-left: 20px;'>"+MWF.name.cn(data.lastUpdatePerson || "")+"</div>" +
  138. "<div style='color: red; float: right;'>"+((d1<=d2) ? "": lp.copynew)+"</div></div>";
  139. // html += "<>"
  140. this.app.dlg("inofr", null, this.app.lp.copyConfirmTitle, {"html": html}, 500, 290, [
  141. {
  142. "text": lp.copyConfirm_overwrite,
  143. "action": function(){_self.saveItemAsUpdate(someItem, data, success, failure);this.close();}
  144. },
  145. {
  146. "text": lp.copyConfirm_new,
  147. "action": function(){_self.saveItemAsNew(dJson, data, success, failure);this.close();}
  148. },
  149. {
  150. "text": lp.copyConfirm_skip,
  151. "action": function(){/*nothing*/ this.close(); if (success) success();}
  152. },
  153. {
  154. "text": lp.copyConfirm_cancel,
  155. "action": function(){this.close(); if (cancel) cancel();}
  156. }
  157. ]);
  158. }else{
  159. this.saveItemAsNew(dJson, data, success, failure)
  160. }
  161. }.bind(this), function(){if (failure) failure();}.bind(this));
  162. },
  163. saveItemAsUpdate: function(someItem, data, success, failure){
  164. var item = this.app.options.application;
  165. var id = item.id;
  166. var name = item.name;
  167. //var dataJson = (data.data) ? JSON.decode(data.data): "";
  168. var draftDataJson = (data.draftData) ? JSON.decode(data.draftData): "";
  169. data.draftData = draftDataJson;
  170. data.status = "draft";
  171. var dataJson = (data.data) ? JSON.decode(data.data): "";
  172. data.data = dataJson;
  173. data.data.id = someItem.id;
  174. data.data = JSON.encode(data.data);
  175. data.id = someItem.id;
  176. data.isNewTable = false;
  177. data.application = id;
  178. data.applicationName = name;
  179. this.app.restActions.saveTable(data, function(){
  180. if (success) success();
  181. }.bind(this), function(){
  182. if (failure) failure();
  183. }.bind(this));
  184. },
  185. saveItemAsNew: function(dJson, data, success, failure){
  186. var item = this.app.options.application;
  187. var id = item.id;
  188. var name = item.name;
  189. var oldName = data.name;
  190. var i=1;
  191. while (dJson.data.some(function(d){ return d.name==data.name || d.alias==data.name })){
  192. data.name = oldName+"_copy"+i;
  193. data.alias = oldName+"_copy"+i;
  194. i++;
  195. }
  196. var draftDataJson = (data.draftData) ? JSON.decode(data.draftData): "";
  197. data.draftData = draftDataJson;
  198. var dataJson = (data.data) ? JSON.decode(data.data): "";
  199. data.data = dataJson;
  200. data.data.id = "";
  201. data.data = JSON.encode(data.data);
  202. data.id = "";
  203. data.isNewTable = true;
  204. data.application = id;
  205. data.applicationName = name;
  206. this.app.restActions.saveTable(data, function(){
  207. if (success) success();
  208. }.bind(this), function(){
  209. if (failure) failure();
  210. }.bind(this));
  211. },
  212. _createElement: function(e){
  213. var _self = this;
  214. var options = {
  215. "application":{
  216. "name": _self.app.options.application.name,
  217. "id": _self.app.options.application.id
  218. },
  219. "onQueryLoad": function(){
  220. this.actions = _self.app.restActions;
  221. this.application = _self.app.options.application;
  222. this.explorer = _self;
  223. }
  224. };
  225. this.app.desktop.openApplication(e, "query.TableDesigner", options);
  226. },
  227. _loadItemDataList: function(callback){
  228. this.app.restActions.listTable(this.app.options.application.id,callback);
  229. },
  230. _getItemObject: function(item){
  231. return new MWF.xApplication.query.QueryManager.TableExplorer.Table(this, item);
  232. },
  233. deleteItems: function(){
  234. this.hideDeleteAction();
  235. while (this.deleteMarkItems.length){
  236. var item = this.deleteMarkItems.shift();
  237. if (this.deleteMarkItems.length){
  238. item.deleteTable();
  239. }else{
  240. item.deleteTable(function(){
  241. //this.reloadItems();
  242. //this.hideDeleteAction();
  243. }.bind(this));
  244. }
  245. }
  246. }
  247. });
  248. MWF.xApplication.query.QueryManager.TableExplorer.Table= new Class({
  249. Extends: MWF.xApplication.query.QueryManager.StatExplorer.Stat,
  250. createIconNode: function(){
  251. if (this.data.icon) this.icon = this.data.icon.substr(this.data.icon.lastIndexOf("/")+1, this.data.icon.length);
  252. //if (this.data.name.icon) this.icon = this.data.name.icon;
  253. var iconUrl = this.explorer.path+""+this.explorer.options.style+"/processIcon/"+this.icon;
  254. var itemIconNode = new Element("div", {
  255. "styles": this.explorer.options.itemStyle === 'line' ? this.css.itemIconNode_line : this.css.itemIconNode
  256. }).inject(this.node);
  257. itemIconNode.setStyle("background", "url("+iconUrl+") center center no-repeat");
  258. if( o2.AC.isQueryManager() ){
  259. itemIconNode.addEvent("click", function(e){
  260. this.toggleSelected();
  261. e.stopPropagation();
  262. }.bind(this));
  263. }
  264. itemIconNode.makeLnk({
  265. "par": this._getLnkPar()
  266. });
  267. },
  268. _open: function(e){
  269. var _self = this;
  270. var options = {
  271. "appId": "query.TableDesigner"+_self.data.id,
  272. "id": _self.data.id,
  273. // "application":_self.explorer.app.options.application.id,
  274. "application":{
  275. "name": _self.explorer.app.options.application.name,
  276. "id": _self.explorer.app.options.application.id
  277. },
  278. "onQueryLoad": function(){
  279. this.actions = _self.explorer.actions;
  280. this.category = _self;
  281. this.options.id = _self.data.id;
  282. this.application = _self.explorer.app.options.application;
  283. }
  284. };
  285. this.explorer.app.desktop.openApplication(e, "query.TableDesigner", options);
  286. },
  287. _getIcon: function(){
  288. var x = (Math.random()*49).toInt();
  289. return "process_icon_"+x+".png";
  290. },
  291. _getLnkPar: function(){
  292. return {
  293. "icon": this.explorer.path+this.explorer.options.style+"/tableIcon/lnk.png",
  294. "title": this.data.name,
  295. "par": "query.TableDesigner#{\"appId\": \"query.TableDesigner"+this.data.id+"\", \"id\": \""+this.data.id+"\", \"applicationId\": \""+this.data.query+"\"}"
  296. };
  297. },
  298. deleteTable: function(callback){
  299. this.explorer.actions.deleteTable(this.data.id, function(){
  300. this.node.destroy();
  301. if (callback) callback();
  302. }.bind(this));
  303. },
  304. saveas: function(){
  305. MWF.xDesktop.requireApp("Selector", "package", function(){
  306. var selector = new MWF.O2Selector(this.explorer.app.content, {
  307. "title": this.explorer.app.lp.copyto,
  308. "type": "Query",
  309. "values": [this.explorer.app.options.application],
  310. "onComplete": function(items){
  311. items.each(function(item){
  312. this.saveItemAs(item.data);
  313. }.bind(this));
  314. }.bind(this),
  315. });
  316. }.bind(this));
  317. },
  318. saveItemAs: function(item){
  319. var id = item.id;
  320. var name = item.name;
  321. this.explorer.app.restActions.getTable(this.data.id, function(json){
  322. var data = json.data;
  323. var draftDataJson = (data.draftData) ? JSON.decode(data.draftData): "";
  324. data.draftData = draftDataJson;
  325. var data = json.data;
  326. var dataJson = (data.data) ? JSON.decode(data.data): "";
  327. data.data = dataJson;
  328. data.status = "draft";
  329. data.data.id = "";
  330. data.data = JSON.encode(data.data);
  331. var oldName = data.name;
  332. o2.Actions.load("x_query_assemble_designer").TableAction.manageList(function(dJson){
  333. var i=1;
  334. while (dJson.data.some(function(d){ return (d.name && d.name==data.name) || (d.alias && d.alias==data.name) })){
  335. data.name = oldName+"_copy"+i;
  336. data.alias = oldName+"_copy"+i;
  337. i++;
  338. }
  339. data.id = "";
  340. data.isNewTable = true;
  341. data.application = id;
  342. data.applicationName = name;
  343. this.explorer.app.restActions.saveTable(data, function(){
  344. if (id == this.explorer.app.options.application.id) this.explorer.reload();
  345. }.bind(this));
  346. }.bind(this));
  347. }.bind(this));
  348. }
  349. });