software.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <!--[if lt IE 9]>
  10. <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
  11. <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
  12. <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
  13. <![endif]-->
  14. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" />
  15. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" />
  16. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" />
  17. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" />
  18. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
  19. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" />
  20. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  21. <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
  22. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  23. <link type="text/css" href="${ctx}/assets/lib/codemirror/lib/codemirror.css" rel="stylesheet" />
  24. <script type="text/javascript" src="${ctx}/assets/lib/codemirror/lib/codemirror.js"></script>
  25. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
  26. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
  27. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  28. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
  29. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
  30. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  31. <!--[if IE 6]>
  32. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  33. <script>DD_belatedPNG.fix('*');</script>
  34. <![endif]-->
  35. <script type="text/javascript">
  36. $(function() {
  37. $(window).resize(function(){
  38. $("#jqGrid").setGridWidth($(window).width()-40); 
  39. });
  40. $("#jqGrid").jqGrid({
  41. url : '${ctx}/myconsole/software/getByPage',
  42. editurl:"${ctx}/myconsole/software/saveOrUpdate",
  43. mtype : "POST",
  44. postData : {'columnid':'${column.columnid!}'},
  45. datatype : "json",
  46. caption:'软件管理',
  47. prmNames : {
  48. id: "keyid", 
  49. oper:"oper",    
  50. addoper:"add",
  51. editoper:"edit",
  52. deloper:"del" 
  53. },
  54. colModel : [ {
  55. label : '数据编号',
  56. name : 'keyid',
  57. hidden : true,
  58. key : true,
  59. width : 50,
  60. }, {
  61. label : '软件名称',
  62. name : 'softname',
  63. editable: true,
  64. edittype:"text",
  65. width : 100,
  66. editoptions: {
  67. dataInit: function(elem){
  68. $(elem).width(225);
  69. },
  70. maxlength: 125
  71. },
  72. formoptions:{
  73. elmsuffix:" <span style='color:red'>*<span>",
  74. rowpos:1,
  75. colpos:1
  76. },
  77. editrules:{
  78. required: true
  79. }
  80. }, {
  81. label : '软件性质',
  82. name : 'softproperties',
  83. editable: true,
  84. edittype: "select",
  85. formatter:"select",
  86. width : 100,
  87. editoptions: {
  88. dataInit: function(elem){
  89. $(elem).width(232);
  90. },
  91. maxlength: 15,
  92. value : "免费软件:免费软件;收费软件:收费软件"
  93. },
  94. formoptions:{
  95. rowpos:1,
  96. colpos:2
  97. },
  98. stype:"select",
  99. searchoptions:{
  100. value: "免费软件:免费软件;收费软件:收费软件"
  101. }
  102. }, {
  103. label : '软件类别',
  104. name : 'softtype',
  105. editable: true,
  106. edittype: "select",
  107. formatter:"select",
  108. width : 100,
  109. editoptions: {
  110. dataInit: function(elem){
  111. $(elem).width(232);
  112. },
  113. maxlength: 15,
  114. value : "${dic_softtype!}"
  115. },
  116. formoptions:{
  117. rowpos:2,
  118. colpos:1
  119. },
  120. stype:"select",
  121. searchoptions:{
  122. value: "${dic_softtype!}"
  123. }
  124. }, {
  125. label : '软件大小',
  126. name : 'softsize',
  127. editable: true,
  128. edittype: "text",
  129. width : 100,
  130. editoptions: {
  131. dataInit: function(elem){
  132. $(elem).width(225);
  133. },
  134. maxlength: 15,
  135. },
  136. formoptions:{
  137. elmsuffix:" 兆",
  138. rowpos:2,
  139. colpos:2
  140. }
  141. }, {
  142. label : '软件语言',
  143. name : 'softlanguage',
  144. editable: true,
  145. edittype: "text",
  146. width : 100,
  147. editoptions: {
  148. dataInit: function(elem){
  149. $(elem).width(225);
  150. },
  151. maxlength: 40,
  152. },
  153. formoptions:{
  154. rowpos:3,
  155. colpos:1
  156. }
  157. }, {
  158. label : '开发厂家',
  159. name : 'author',
  160. editable: true,
  161. edittype: "text",
  162. width : 100,
  163. editoptions: {
  164. dataInit: function(elem){
  165. $(elem).width(225);
  166. },
  167. maxlength: 40,
  168. },
  169. formoptions:{
  170. rowpos:3,
  171. colpos:2
  172. }
  173. }, {
  174. label : '运行环境',
  175. name : 'runsystem',
  176. editable: true,
  177. edittype: "text",
  178. width : 100,
  179. editoptions: {
  180. dataInit: function(elem){
  181. $(elem).width(225);
  182. },
  183. maxlength: 40,
  184. },
  185. formoptions:{
  186. rowpos:4,
  187. colpos:1
  188. }
  189. }, {
  190. label : '排序编号',
  191. name : 'sortid',
  192. editable: true,
  193. edittype: "text",
  194. width : 100,
  195. editoptions: {
  196. dataInit: function(elem){
  197. $(elem).width(225);
  198. },
  199. maxlength: 6,
  200. },
  201. editrules:{
  202. edithidden:true,
  203. required: true,
  204. custom:true, 
  205. custom_func: function(strFieldValue, strFieldName){
  206. var strFloat = /^([-\+]?(((\d+)(\.\d+))|(\.\d+)|(\d*)))?$/;
  207.  if(!strFloat.test(strFieldValue)){
  208.    return [false, strFieldName+"应该为实数"];
  209.   }
  210. else
  211. {
  212.   return [true,""];
  213. }
  214. }
  215. },
  216. formoptions:{
  217. rowpos:4,
  218. colpos:2
  219. }
  220. }, {
  221. label : '软件地址',
  222. name : 'softurl',
  223. editable: true,
  224. edittype: "text",
  225. width : 200,
  226. editoptions: {
  227. dataInit: function(elem){
  228. $(elem).width(613);
  229. },
  230. maxlength: 125,
  231. },
  232. formoptions:{
  233. rowpos:5,
  234. colpos:1
  235. }
  236. }, {
  237. label : '软件描述',
  238. name : 'softdesc',
  239. editable: true,
  240. width : 100,
  241. edittype : "textarea",
  242. hidden : true,
  243. editrules:{
  244. edithidden : true
  245. },
  246. editoptions: {
  247. dataInit: function(elem){
  248. $(elem).width(620);
  249. },
  250. maxlength: 1000,
  251. rows:"6",
  252. cols:"80"
  253. },
  254. formoptions:{
  255. rowpos:6,
  256. colpos:1
  257. }
  258. }
  259. ],
  260. rownumbers : true,//添加左侧行号
  261. viewrecords : true,//是否在浏览导航栏显示记录总数
  262. rowNum : 10,//每页显示记录数
  263. rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。
  264. autowidth : true,
  265. height : 'auto',
  266. pager : "#jqGridPager"
  267. });
  268. $('#jqGrid').navGrid('#jqGridPager',
  269. // the buttons to appear on the toolbar of the grid
  270. {
  271. edit : true,
  272. add : true,
  273. del : true,
  274. search : true,
  275. refresh : true,
  276. view : true,
  277. position : "left",
  278. cloneToTop : true
  279. },
  280. // options for the Edit Dialog
  281. {
  282. recreateForm : true,
  283. checkOnUpdate : true,
  284. checkOnSubmit : true,
  285. closeAfterEdit : true,
  286. width:800,
  287. onInitializeForm:function(formid) {
  288. },
  289. afterShowForm : function(formid) {
  290. $("#softurl").parents(".DataTD").attr("colspan",3);
  291. $("#softdesc").parents(".DataTD").attr("colspan",3);
  292. },
  293. serializeEditData: function(postdata) {
  294. //myconsole.log(postdata);
  295. $.each(postdata,function (index, value) {
  296. //myconsole.log(index);
  297. if(index!="jqGrid_id" && index!="oper" && index!="id"){
  298. modifyJosnKey(postdata,index,"software."+index);
  299. }
  300. if(index=="id"){
  301. postdata["template."+index]=value
  302. }
  303. })
  304. //myconsole.log(postdata);
  305. return postdata;
  306. },
  307. afterSubmit: function(response,postdata)
  308. {
  309. var res=eval('(' + response.responseText + ')');
  310. if(res.flag)
  311. {
  312. parent.layer.alert(res.message, {
  313. skin: 'layui-layer-molv' //样式类名
  314. ,closeBtn: 0
  315. });
  316. return [true,res.message,''];
  317. }
  318. else
  319. {
  320. parent.layer.alert(res.message, {
  321. skin: 'layui-layer-molv' //样式类名
  322. ,closeBtn: 0
  323. });
  324. return [false,res.message,''];
  325. }
  326. },
  327. errorTextFormat : function(data) {
  328. return 'Error: ' + data.responseText
  329. }
  330. },
  331. // options for the Add Dialog
  332. {
  333. closeAfterAdd : true,
  334. recreateForm : true,
  335. width:800,
  336. afterShowForm : function(formid) {
  337. $("#softurl").parents(".DataTD").attr("colspan",3);
  338. $("#softdesc").parents(".DataTD").attr("colspan",3);
  339. },
  340. beforeSubmit: function(postdata, formid){
  341. postdata["columnid"] = '${column.columnid!}';
  342. postdata["columnname"] = '${column.columnname!}';
  343. $.each(postdata,function (index, value) {
  344. if(index!="jqGrid_id" && index!="oper"){
  345. modifyJosnKey(postdata,index,"software."+index);
  346. }
  347. })
  348. return[true,''];
  349. },
  350. afterSubmit: function(response,postdata)
  351. {
  352. var res=eval('(' + response.responseText + ')');
  353. if(res.flag)
  354. {
  355. parent.layer.alert(res.message, {
  356. skin: 'layui-layer-molv' //样式类名
  357. ,closeBtn: 0
  358. });
  359. return [true,res.message,''];
  360. }
  361. else
  362. {
  363. parent.layer.alert(res.message, {
  364. skin: 'layui-layer-molv' //样式类名
  365. ,closeBtn: 0
  366. });
  367. return [false,res.message,''];
  368. }
  369. },
  370. errorTextFormat : function(data) {
  371. return 'Error: ' + data.responseText
  372. }
  373. },
  374. // options for the Delete Dailog
  375. {
  376. afterSubmit: function(response,postdata)
  377. {
  378. var res=eval('(' + response.responseText + ')');
  379. if(res.flag)
  380. {
  381. parent.layer.alert(res.message, {
  382. skin: 'layui-layer-molv' //样式类名
  383. ,closeBtn: 0
  384. });
  385. return [true,''];
  386. }
  387. else
  388. {
  389. parent.layer.alert(res.message, {
  390. skin: 'layui-layer-molv' //样式类名
  391. ,closeBtn: 0
  392. });
  393. return [true,''];
  394. }
  395. }
  396. },{
  397. // search options 这里支持多条件查询
  398. multipleSearch: true,
  399. sopt:['eq','ne','cn','nc','lt','le','gt','ge'],
  400. afterSubmit: function(r, data) {
  401. var messageString = r.responseText;
  402. var mesObj = eval('(' + messageString + ')');
  403. return [mesObj.state, mesObj.message];
  404. }
  405. }
  406. );
  407. })
  408. </script>
  409. <title>我的桌面</title>
  410. </head>
  411. <body>
  412. <div class="page-container">
  413. <table id="jqGrid"></table>
  414. <div id="jqGridPager"></div>
  415. </div>
  416. <footer class="footer mt-20">
  417. <div class="container">
  418. <p></p>
  419. </div>
  420. </footer>
  421. </body>
  422. </html>