cgreportConfigHeadList.vm 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  1. <html>
  2. <head>
  3. <title>动态报表配置抬头</title>
  4. <script type="text/javascript" src="plug-in/mutiLang/zh-cn.js"></script>
  5. <script type="text/javascript" src="plug-in/jquery/jquery-1.9.0.js"></script>
  6. <script type="text/javascript" src="plug-in/jquery/jquery.cookie.js"></script>
  7. <script type="text/javascript" src="plug-in/jquery-plugs/storage/jquery.storageapi.min.js"></script>
  8. <script type="text/javascript" src="plug-in/tools/dataformat.js"></script>
  9. <link id="easyuiTheme" rel="stylesheet" href="plug-in/easyui/themes/metrole/easyui.css" type="text/css"></link>
  10. <link id="easyuiTheme" rel="stylesheet" href="plug-in/easyui/themes/metrole/main.css" type="text/css"></link>
  11. <link id="easyuiTheme" rel="stylesheet" href="plug-in/easyui/themes/metrole/icon.css" type="text/css"></link>
  12. <link rel="stylesheet" type="text/css" href="plug-in/accordion/css/accordion.css">
  13. <link rel="stylesheet" type="text/css" href="plug-in/accordion/css/icons.css">
  14. <script type="text/javascript" src="plug-in/easyui/jquery.easyui.min.1.3.2.js"></script>
  15. <script type="text/javascript" src="plug-in/easyui/locale/zh-cn.js"></script>
  16. <script type="text/javascript" src="plug-in/tools/syUtil.js"></script>
  17. <script type="text/javascript" src="plug-in/easyui/extends/datagrid-scrollview.js"></script>
  18. <link rel="stylesheet" href="plug-in/tools/css/metrole/common.css" type="text/css"></link>
  19. <link rel="stylesheet" href="plug-in/ace/css/font-awesome.css" type="text/css"></link>
  20. <script type="text/javascript" src="plug-in/lhgDialog/lhgdialog.min.js?skin=metrole"></script>
  21. <script type="text/javascript" src="plug-in/ace/js/bootstrap-tab.js"></script>
  22. <script type="text/javascript" src="plug-in/tools/curdtools_zh-cn.js"></script>
  23. <script type="text/javascript" src="plug-in/tools/easyuiextend.js"></script>
  24. <script type="text/javascript" src="plug-in/jquery-plugs/hftable/jquery-hftable.js"></script>
  25. <script type="text/javascript" src="plug-in/tools/json2.js"></script>
  26. <link rel="stylesheet" href="plug-in/Validform/css/style.css" type="text/css">
  27. <link rel="stylesheet" href="plug-in/Validform/css/tablefrom.css" type="text/css">
  28. <script type="text/javascript" src="plug-in/Validform/js/Validform_v5.3.1_min_zh-cn.js"></script>
  29. <script type="text/javascript" src="plug-in/Validform/js/Validform_Datatype_zh-cn.js"></script>
  30. <script type="text/javascript" src="plug-in/Validform/js/datatype_zh-cn.js"></script>
  31. <script src="plug-in/clipboard/ZeroClipboard.js"></script>
  32. <script type="text/javascript">
  33. jQuery(function() {
  34. storage = jQuery.localStorage;
  35. if (!storage) storage = jQuery.cookieStorage;
  36. jQuery('#cgreportConfigHeadList').datagrid({
  37. idField: 'id',
  38. title: '动态表头',
  39. url: 'cgreportConfigHeadController.do?datagrid&field=id,code,name,cgrSql,dbSource,createBy,createDate,updateBy,updateDate,content,',
  40. fit: true,
  41. queryParams: {},
  42. loadMsg: '数据加载中...',
  43. pageSize: 10,
  44. pagination: true,
  45. pageList: [10, 20, 30],
  46. sortName: 'createDate',
  47. sortOrder: 'desc',
  48. rownumbers: true,
  49. singleSelect: false,
  50. fitColumns: false,
  51. striped: true,
  52. showFooter: true,
  53. frozenColumns: [[{
  54. field: 'ck',
  55. checkbox: 'true'
  56. },
  57. ]],
  58. columns: [[{
  59. field: 'id',
  60. title: '',
  61. width: 120,
  62. hidden: true,
  63. sortable: true
  64. },
  65. {
  66. field: 'code',
  67. title: '编码',
  68. width: 120,
  69. sortable: true
  70. },
  71. {
  72. field: 'name',
  73. title: '名称',
  74. width: 120,
  75. sortable: true
  76. },
  77. {
  78. field: 'cgrSql',
  79. title: '查询sql',
  80. width: 120,
  81. sortable: true
  82. },
  83. {
  84. field: 'dbSource',
  85. title: '数据源',
  86. width: 120,
  87. sortable: true
  88. },
  89. {
  90. field: 'createBy',
  91. title: '创建人',
  92. sortable: true
  93. },
  94. {
  95. field: 'createDate',
  96. title: '创建时间',
  97. sortable: true,
  98. formatter: function(value, rec, index) {
  99. return new Date().format('yyyy-MM-dd', value);
  100. }
  101. },
  102. {
  103. field: 'updateBy',
  104. title: '修改人',
  105. sortable: true
  106. },
  107. {
  108. field: 'updateDate',
  109. title: '修改时间',
  110. sortable: true,
  111. formatter: function(value, rec, index) {
  112. return new Date().format('yyyy-MM-dd', value);
  113. }
  114. },
  115. {
  116. field: 'content',
  117. title: '描述',
  118. width: 120,
  119. sortable: true
  120. },
  121. {
  122. field: 'opt',
  123. title: '操作',
  124. width: 100,
  125. formatter: function(value, rec, index) {
  126. if (!rec.id) {
  127. return '';
  128. }
  129. var href = '';
  130. href += "[<a href='#' onclick=delObj('cgreportConfigHeadController.do?doDel&id=" + rec.id + "','cgreportConfigHeadList')>";
  131. href += "删除</a>]";
  132. href += "[<a href='#' onclick=popMenuLink('" + rec.code + "','" + rec.name + "','" + index + "')>";
  133. href += "配置地址</a>]";
  134. return href;
  135. }
  136. }]],
  137. onLoadSuccess: function(data) {
  138. jQuery("#cgreportConfigHeadList").datagrid("clearSelections");
  139. },
  140. onClickRow: function(rowIndex, rowData) {
  141. rowid = rowData.id;
  142. gridname = 'cgreportConfigHeadList';
  143. }
  144. });
  145. jQuery('#cgreportConfigHeadList').datagrid('getPager').pagination({
  146. beforePageText: '',
  147. afterPageText: '/{pages}',
  148. displayMsg: '{from}-{to}共 {total}条',
  149. showPageList: true,
  150. showRefresh: true
  151. });
  152. jQuery('#cgreportConfigHeadList').datagrid('getPager').pagination({
  153. onBeforeRefresh: function(pageNumber, pageSize) {
  154. jQuery(this).pagination('loading');
  155. jQuery(this).pagination('loaded');
  156. }
  157. });
  158. try {
  159. restoreheader();
  160. } catch(ex) {}
  161. });
  162. function reloadTable() {
  163. try {
  164. jQuery('#' + gridname).datagrid('reload');
  165. jQuery('#' + gridname).treegrid('reload');
  166. } catch(ex) {}
  167. }
  168. function reloadcgreportConfigHeadList() {
  169. jQuery('#cgreportConfigHeadList').datagrid('reload');
  170. }
  171. function getcgreportConfigHeadListSelected(field) {
  172. return getSelected(field);
  173. }
  174. function getSelected(field) {
  175. var row = jQuery('#' + gridname).datagrid('getSelected');
  176. if (row != null) {
  177. value = row[field];
  178. } else {
  179. value = '';
  180. }
  181. return value;
  182. }
  183. function getcgreportConfigHeadListSelections(field) {
  184. var ids = [];
  185. var rows = jQuery('#cgreportConfigHeadList').datagrid('getSelections');
  186. for (var i = 0; i < rows.length; i++) {
  187. ids.push(rows[i][field]);
  188. }
  189. ids.join(',');
  190. return ids
  191. };
  192. function getSelectRows() {
  193. return jQuery('#cgreportConfigHeadList').datagrid('getChecked');
  194. }
  195. function saveHeader() {
  196. var columnsFields = null;
  197. var easyextends = false;
  198. try {
  199. columnsFields = jQuery('#cgreportConfigHeadList').datagrid('getColumns');
  200. easyextends = true;
  201. } catch(e) {
  202. columnsFields = jQuery('#cgreportConfigHeadList').datagrid('getColumnFields');
  203. }
  204. var cols = storage.get('cgreportConfigHeadListhiddenColumns');
  205. var init = true;
  206. if (cols) {
  207. init = false;
  208. }
  209. var hiddencolumns = [];
  210. for (var i = 0; i < columnsFields.length; i++) {
  211. if (easyextends) {
  212. hiddencolumns.push({
  213. field: columnsFields[i].field,
  214. hidden: columnsFields[i].hidden
  215. });
  216. } else {
  217. var columsDetail = jQuery('#cgreportConfigHeadList').datagrid("getColumnOption", columnsFields[i]);
  218. if (init) {
  219. hiddencolumns.push({
  220. field: columsDetail.field,
  221. hidden: columsDetail.hidden,
  222. visible: (columsDetail.hidden == true ? false: true)
  223. });
  224. } else {
  225. for (var j = 0; j < cols.length; j++) {
  226. if (cols[j].field == columsDetail.field) {
  227. hiddencolumns.push({
  228. field: columsDetail.field,
  229. hidden: columsDetail.hidden,
  230. visible: cols[j].visible
  231. });
  232. }
  233. }
  234. }
  235. }
  236. }
  237. storage.set('cgreportConfigHeadListhiddenColumns', JSON.stringify(hiddencolumns));
  238. }
  239. function isShowBut() {
  240. var isShowSearchId = jQuery('#isShowSearchId').val();
  241. if (isShowSearchId == "true") {
  242. jQuery("#searchColums").hide();
  243. jQuery('#isShowSearchId').val("false");
  244. jQuery('#columsShow').remove("src");
  245. jQuery('#columsShow').attr("src", "plug-in/easyui/themes/default/images/accordion_expand.png");
  246. } else {
  247. jQuery("#searchColums").show();
  248. jQuery('#isShowSearchId').val("true");
  249. jQuery('#columsShow').remove("src");
  250. jQuery('#columsShow').attr("src", "plug-in/easyui/themes/default/images/accordion_collapse.png");
  251. }
  252. }
  253. function restoreheader() {
  254. var cols = storage.get('cgreportConfigHeadListhiddenColumns');
  255. if (!cols) return;
  256. for (var i = 0; i < cols.length; i++) {
  257. try {
  258. if (cols.visible != false) jQuery('#cgreportConfigHeadList').datagrid((cols[i].hidden == true ? 'hideColumn': 'showColumn'), cols[i].field);
  259. } catch(e) {}
  260. }
  261. }
  262. function resetheader() {
  263. var cols = storage.get('cgreportConfigHeadListhiddenColumns');
  264. if (!cols) return;
  265. for (var i = 0; i < cols.length; i++) {
  266. try {
  267. jQuery('#cgreportConfigHeadList').datagrid((cols.visible == false ? 'hideColumn': 'showColumn'), cols[i].field);
  268. } catch(e) {}
  269. }
  270. }
  271. function cgreportConfigHeadListsearch() {
  272. try {
  273. if (!jQuery("#cgreportConfigHeadListForm").Validform({
  274. tiptype: 3
  275. }).check()) {
  276. return false;
  277. }
  278. } catch(e) {}
  279. if (true) {
  280. var queryParams = jQuery('#cgreportConfigHeadList').datagrid('options').queryParams;
  281. jQuery('#cgreportConfigHeadListtb').find('*').each(function() {
  282. queryParams[jQuery(this).attr('name')] = jQuery(this).val();
  283. });
  284. jQuery('#cgreportConfigHeadList').datagrid({
  285. url: 'cgreportConfigHeadController.do?datagrid&field=id,code,name,cgrSql,dbSource,createBy,createDate,updateBy,updateDate,content,',
  286. pageNumber: 1
  287. });
  288. }
  289. }
  290. function dosearch(params) {
  291. var jsonparams = jQuery.parseJSON(params);
  292. jQuery('#cgreportConfigHeadList').datagrid({
  293. url: 'cgreportConfigHeadController.do?datagrid&field=id,code,name,cgrSql,dbSource,createBy,createDate,updateBy,updateDate,content,',
  294. queryParams: jsonparams
  295. });
  296. }
  297. function cgreportConfigHeadListsearchbox(value, name) {
  298. var queryParams = jQuery('#cgreportConfigHeadList').datagrid('options').queryParams;
  299. queryParams[name] = value;
  300. queryParams.searchfield = name;
  301. jQuery('#cgreportConfigHeadList').datagrid('reload');
  302. }
  303. jQuery('#cgreportConfigHeadListsearchbox').searchbox({
  304. searcher: function(value, name) {
  305. cgreportConfigHeadListsearchbox(value, name);
  306. },
  307. menu: '#cgreportConfigHeadListmm',
  308. prompt: '请输入查询关键字'
  309. });
  310. function EnterPress(e) {
  311. var e = e || window.event;
  312. if (e.keyCode == 13) {
  313. cgreportConfigHeadListsearch();
  314. }
  315. }
  316. function searchReset(name) {
  317. jQuery("#" + name + "tb").find(":input").val("");
  318. var queryParams = jQuery('#cgreportConfigHeadList').datagrid('options').queryParams;
  319. jQuery('#cgreportConfigHeadListtb').find('*').each(function() {
  320. queryParams[jQuery(this).attr('name')] = jQuery(this).val();
  321. });
  322. jQuery('#cgreportConfigHeadList').datagrid({
  323. url: 'cgreportConfigHeadController.do?datagrid&field=id,code,name,cgrSql,dbSource,createBy,createDate,updateBy,updateDate,content,',
  324. pageNumber: 1
  325. });
  326. }
  327. function popMenuLink(tableName, content) {
  328. jQuery.dialog({
  329. content: "url:cgreportConfigHeadController.do?popmenulink_vm&url=cgReportController.do?list&title=" + tableName,
  330. drag: false,
  331. lock: true,
  332. title: '菜单链接[' + content + ']',
  333. opacity: 0.3,
  334. width: 400,
  335. height: 80,
  336. drag: false,
  337. min: false,
  338. max: false
  339. }).zindex();
  340. }
  341. </script>
  342. </head>
  343. <body>
  344. <div class="easyui-layout" fit="true">
  345. <div region="center" style="padding:0px;border:0px">
  346. <table width="100%" id="cgreportConfigHeadList" toolbar="#cgreportConfigHeadListtb"></table>
  347. <div id="cgreportConfigHeadListtb" style="padding:3px; height: auto">
  348. <div name="searchColums" id="searchColums">
  349. <input id="isShowSearchId" type="hidden" value="false" />
  350. <input id="_sqlbuilder" name="sqlbuilder" type="hidden" />
  351. <form id='cgreportConfigHeadListForm'>
  352. <span style="display:-moz-inline-box;display:inline-block;">
  353. <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;white-space:nowrap; " title="编码">编码:</span>
  354. <input onkeypress="EnterPress(event)" onkeydown="EnterPress()" type="text" name="code" class="inuptxt" style="width: 100px" />
  355. </span>
  356. <span style="display:-moz-inline-box;display:inline-block;">
  357. <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;white-space:nowrap; " title="名称">名称:</span>
  358. <input onkeypress="EnterPress(event)" onkeydown="EnterPress()" type="text" name="name" class="inuptxt" style="width: 100px" />
  359. </span>
  360. <span style="display:-moz-inline-box;display:inline-block;">
  361. <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;white-space:nowrap; " title="查询sql">查询sql:</span>
  362. <input onkeypress="EnterPress(event)" onkeydown="EnterPress()" type="text" name="cgrSql" class="inuptxt" style="width: 100px" />
  363. </span>
  364. <span style="display:-moz-inline-box;display:inline-block;">
  365. <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;white-space:nowrap; " title="数据源">数据源:</span>
  366. <input onkeypress="EnterPress(event)" onkeydown="EnterPress()" type="text" name="dbSource" class="inuptxt" style="width: 100px" />
  367. </span>
  368. <span style="display:-moz-inline-box;display:inline-block;">
  369. <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;white-space:nowrap; " title="描述">描述:</span>
  370. <input onkeypress="EnterPress(event)" onkeydown="EnterPress()" type="text" name="content" class="inuptxt" style="width: 100px" />
  371. </span>
  372. </form>
  373. </div>
  374. <div style="height:30px;" class="datagrid-toolbar">
  375. <span style="float:left;">
  376. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-add" onclick="add('录入','cgreportConfigHeadController.do?goAdd_vm','cgreportConfigHeadList',1200,450)">录入</a>
  377. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-edit" onclick="update('编辑','cgreportConfigHeadController.do?goUpdate_vm','cgreportConfigHeadList',1200,450)">编辑</a>
  378. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-remove" onclick="deleteALLSelect('批量删除','cgreportConfigHeadController.do?doBatchDel','cgreportConfigHeadList',null,null)">批量删除</a>
  379. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-search" onclick="detail('查看','cgreportConfigHeadController.do?goUpdate_vm','cgreportConfigHeadList',1200,450)">查看</a>
  380. </span>
  381. <span style="float:right">
  382. <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="cgreportConfigHeadListsearch()">查询</a>
  383. <a href="#" class="easyui-linkbutton" iconCls="icon-reload" onclick="searchReset('cgreportConfigHeadList')">重置</a>
  384. </span>
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389. </body>
  390. </html>