myResourceList.jsp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. <%@ page contentType="text/html;charset=GBK"%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5. <head>
  6. <title>资源类目管理</title>
  7. <script type=text/javascript src="${pageContext.request.contextPath}/js/jquery-1.3.2.min.js"></script>
  8. <link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  9. <script type="text/javascript" src="/shares/js/constant.js"></script>
  10. <script type="text/javascript" src="/shares/js/common.js"></script>
  11. <link href="./liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css"></link>
  12. <script src="./liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  13. <script src="./liger/lib/ligerUI/js/plugins/ligerLayout.js" type="text/javascript"></script>
  14. <script src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  15. <script type="text/javascript" src="/shares/datePicker/WdatePicker.js"></script>
  16. <script type="text/javascript">
  17. var isInit = "${requestScope.isInit }";
  18. $(function() {
  19. if(isInit == "false"){
  20. initDialog = $.ligerDialog({content:"请联系管理员初始化资源类目!", title:"系统提示",type:"warn",width:300,height:70,allowClose : false,
  21. buttons:[ { text:"确定",onclick:function(){closeWindow();}}]
  22. });
  23. }
  24. });
  25. var managerTree = "";
  26. var dialog = "";
  27. $(document).ready(function(){
  28. // $("#start_time").ligerDateEditor({ showTime: true, labelAlign: 'left', width:120,height:21});
  29. // $("#end_time").ligerDateEditor({ showTime: true, labelAlign: 'left', width:120,height:21});
  30. loadTree();
  31. loadresourceGrid();
  32. });
  33. function loadTree(){
  34. $("#resourceTree").empty();
  35. managerTree = resourceTree("rscCategoryAction.do?task=toCategoryTreeList","resourceTree");
  36. }
  37. function resourceTree(treeAction, treeId) {
  38. var manager = "";
  39. $("#" + treeId).ligerTree({
  40. url : PROJECT_NAME + "/" + changePath(treeAction),
  41. checkbox : false,
  42. folderCheckbox : false,
  43. single : true,
  44. childIcon : 'folder',
  45. idFieldName : 'universalid',
  46. parentIDFieldName : 'parent_id',
  47. textFieldName : 'category_name',//树名
  48. slide : false,
  49. nodeWidth : 160,
  50. openFolderEven: false,
  51. attribute : [ 'universalid', 'url' ],
  52. onSelect : function(node) {},
  53. onCheck : function(node,checked){},
  54. onclick : function(node) {
  55. $("#category_id").val("");
  56. $("#category_id").val(node.data.universalid);
  57. $("#parent_id").val(node.data.parent_id);
  58. loadresourceGrid();
  59. },
  60. onSuccess : function(node) {
  61. managerTree.expandAll();
  62. var id = $("#category_id").val();
  63. managerTree.selectNode(id);
  64. }
  65. });
  66. manager = $("#" + treeId).ligerGetTreeManager();
  67. return manager;
  68. }
  69. //刷新
  70. function refresh(){
  71. loadTree();
  72. }
  73. var grid = null;
  74. function loadresourceGrid() {
  75. grid = $("#resourceGrid").ligerGrid({columns : [
  76. {display : '资源名称',name : 'resource_name',width : 200},
  77. {display : '资源类目',name : 'category_name',width : 100},
  78. {display : '上传者',name : 'name',width : 100},
  79. {display : '上传时间',name : 'creation_time',width : 140},
  80. {display : '共享类型',name : 'share_type',width : 100,
  81. render:function(row){
  82. if(row.share_type == 0){
  83. return "不共享";
  84. }else if(row.share_type == 1){
  85. return "部门共享";
  86. }else if(row.share_type == 2){
  87. return "公司共享";
  88. }
  89. }},
  90. {display : '操作',isAllowHide : false,
  91. render : function(row) {
  92. var html = '<a href=\"#\" onclick=\"viewResource('+ row.universalid+ ')\"><FONT COLOR=\"blue\">查看</FONT></a>&nbsp;';
  93. html += '<a href=\"#\" onclick=\"editResource('+ row.universalid+ ')\"><FONT COLOR=\"blue\">编辑</FONT></a>&nbsp;';
  94. html += '<a href=\"#\" onclick=\"moveResource('+ row.category_id+','+row.universalid+')\"><FONT COLOR=\"blue\">移动</FONT></a>&nbsp;';
  95. html += '<a href=\"#\" onclick=\"delResource('+ row.universalid+ ')\"><FONT COLOR=\"blue\">删除</FONT></a>&nbsp;';
  96. return html;
  97. }
  98. }],
  99. usePager:true,
  100. pageSize:10,
  101. parms: [{name: "resources.category_id", value: $("#category_id").val()},
  102. {name: "resources.resource_name", value: ""},
  103. {name: "start_time", value: ""},
  104. {name: "end_time", value: ""},
  105. {name: "category.parent_id", value: $("#parent_id").val()}],
  106. url : 'rscMyResourceAction.do?task=resourceList&time='+ new Date().getTime(),
  107. pageParmName: 'p', //页索引参数名,(提交给服务器)
  108. pagesizeParmName: 'pSize', //页记录数参数名,(提交给服务器)
  109. width: '99.8%',
  110. height: '98%'
  111. });
  112. $("#pageloading").hide();
  113. }
  114. function searchByKword(){
  115. grid.set("parms", [ {name : "resources.category_id",value : $("#category_id").val()},
  116. {name : "resources.resource_name",value : encodeURI($("#resource_name").val())},
  117. {name : "start_time",value : $("#start_time").val()},
  118. {name : "end_time",value : $("#end_time").val()},
  119. {name : "category.parent_id", value: $("#parent_id").val()}]);
  120. grid.set("newPage", "1");
  121. grid.loadData(true);
  122. }
  123. function searchAll() {
  124. $("#resource_name").val("");
  125. $("#start_time").val("");
  126. $("#end_time").val("");
  127. loadresourceGrid();
  128. }
  129. function addResource(){
  130. var parent_id = $("#parent_id").val();
  131. if(parent_id == 0){
  132. $.ligerDialog.warn('根目录不能上传资源!');
  133. return;
  134. }
  135. var universalid = $("#category_id").val();
  136. dialog = $.ligerDialog.open({ height: 400,width:550,title:"新增资源",
  137. url: 'rscMyResourceAction.do?task=toAddResource&category.universalid='+universalid+''});
  138. }
  139. function editResource(universalid){
  140. dialog = $.ligerDialog.open({ height: 400,width:550,title:"编辑资源",
  141. url: 'rscMyResourceAction.do?task=toEditResource&resources.universalid='+universalid+''});
  142. }
  143. function viewResource(universalid){
  144. dialog = $.ligerDialog.open({ height: 400,width:550,title:"查看资源",
  145. url: 'rscMyResourceAction.do?task=toViewResource&resources.universalid='+universalid+''});
  146. }
  147. /**
  148. * 选择资源类目节点
  149. * @return
  150. */
  151. var dialog = "";
  152. function moveResource(category_id,universalid){
  153. var obj = window.top;
  154. dialog = obj.$.ligerDialog.open({
  155. height: 390,
  156. width:300,
  157. url:'rscCategoryAction.do?task=toCategoryTree&category.universalid='+category_id+'',
  158. allowClose:false,
  159. title:'资源类目',
  160. buttons : [ {
  161. text : '选择',
  162. onclick :
  163. function(item,dialog){
  164. if (window.confirm("确定要移动资源吗?")){
  165. var id = dialog.frame.saveCatgory();
  166. var pid = dialog.frame.saveCatgoryPid();
  167. if(pid == 0){
  168. alert('不能移动到根目录!');
  169. return;
  170. }
  171. //var name = dialog.frame.catgoryName();
  172. $.ajax({
  173. type:"POST",
  174. url:"rscMyResourceAction.do?task=moveResource",
  175. data : {"resources.category_id":id,"resources.universalid":universalid},
  176. timeout:10000,
  177. cache:false,
  178. dataType:"json",
  179. success:function(data){
  180. var success = data.success;
  181. if(success != undefined){
  182. $.ligerDialog.success("移动成功");
  183. }else{
  184. showAjaxError(null, data.error);
  185. }
  186. loadresourceGrid();
  187. dialog.close();
  188. },
  189. error:showAjaxError
  190. });
  191. }
  192. }
  193. },{
  194. text : '关闭',
  195. onclick : cancel
  196. }]
  197. });
  198. }
  199. //取消
  200. function cancel(item, dialog){
  201. dialog.close();
  202. }
  203. //删除资源
  204. function delResource(universalid) {
  205. if (confirm("确定要删除吗?")) {
  206. $.ajax({
  207. type : "POST",
  208. url:'rscMyResourceAction.do?task=delResource',
  209. data : {"resources.universalid":universalid},
  210. timeout : 10000,
  211. cache : false,
  212. dataType : "json",
  213. success : function(data) {
  214. var success = data.success;
  215. if (success != undefined) {
  216. $.ligerDialog.success("删除成功");
  217. } else {
  218. showAjaxError(null, data.error);
  219. }
  220. loadresourceGrid();
  221. },
  222. error : showAjaxError
  223. });
  224. }
  225. }
  226. $(function() {
  227. $("#layout1").ligerLayout({
  228. leftWidth : 260,
  229. height : '99%'
  230. });
  231. });
  232. $(document).ready(function() {
  233. $("[id='category_name2']").focus();
  234. });
  235. </script>
  236. <style type="text/css">
  237. body {
  238. padding: 5px;
  239. margin: 0;
  240. }
  241. #layout1 {
  242. width: 99.5%;
  243. margin: 0;
  244. padding: 0;
  245. }
  246. .l-button {
  247. margin-left: 1px;
  248. }
  249. .l-layout-left {
  250. overflow-y: auto;
  251. }
  252. </style>
  253. </head>
  254. <body>
  255. <%@ include file="/include/button.jsp"%>
  256. <%@ include file="/include/message.jsp"%>
  257. <div class="l-content">
  258. <form name="userRoleForm" method="post">
  259. <input type="hidden" id="category_id" name="resources.category_id" value="${constrctTreeList.universalid}"/>
  260. <input type="hidden" id="parent_id" name="category.parent_id" value="${constrctTreeList.parent_id}"/>
  261. <div id="layout1">
  262. <div position="left" title="类目树" class="user-tree-style">
  263. <div id="deptBtn" style="text-align: left;">
  264. <input type="button" value="刷新" class="l-button" onclick="refresh()" />
  265. </div>
  266. <ul id="resourceTree" class="tree" style="margin-top: 3px;"/>
  267. </div>
  268. <div position="center" id="center" title="类目信息" class="user-tree-style">
  269. <div id="deptBtn" style="text-align:left;">
  270. <input type="button" value="上传资源" class="l-button" onclick="addResource();" id="addResourceBtn"/>
  271. </div>
  272. <div class="default_search">
  273. <ul class="list_search" >
  274. <li class="title">资源名称:</li>
  275. <li class="text" >
  276. <input type="text" name="resources.resource_name" id="resource_name" style="width: 122px;"/>
  277. </li>
  278. </ul>
  279. <ul class="list_search" >
  280. <li class="title">上传时间:</li>
  281. <li class="text" >
  282. <input type="text" class="Wdate" name="start_time" id="start_time" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'end_time\',{d:-1})}'})"/>
  283. <!-- <input type="text" id="start_time" name="start_time" value="" onfocus="this.blur()"/> -->
  284. </li>
  285. <li class="title title_rqjg">
  286. </li>
  287. <li class="text">
  288. <input type="text" class="Wdate" name="end_time" id="end_time" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'start_time\',{d:1})}'})"/>
  289. <!-- <input type="text" id="end_time" name="end_time" value="" onfocus="this.blur()"/> -->
  290. </li>
  291. </ul>
  292. <ul >
  293. <li class="search-button">
  294. <input type="button" class='l-button' name="search" onclick="searchByKword()" value="查询" />
  295. <input type="button" class='l-button' name="search" onclick="searchAll()" value="查询全部" />
  296. </li>
  297. </ul>
  298. </div>
  299. <div style="overflow: hidden; clear: both;">
  300. <div id="resourceGrid" style="margin:0; padding:0"></div>
  301. </div>
  302. </div>
  303. </div>
  304. </form>
  305. </div>
  306. </body>
  307. </html>