item-list.jsp 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="/js/jquery-easyui-1.4.1/themes/default/easyui.css" />
  5. <link rel="stylesheet" type="text/css" href="/js/jquery-easyui-1.4.1/themes/icon.css" />
  6. <link rel="stylesheet" type="text/css" href="/css/taotao.css" />
  7. <script type="text/javascript" src="/js/jquery-easyui-1.4.1/jquery.min.js"></script>
  8. <script type="text/javascript" src="/js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
  9. <script type="text/javascript" src="/js/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
  10. <script type="text/javascript" src="/js/common.js"></script>
  11. <title>商品列表</title>
  12. </head>
  13. <body>
  14. <table class="easyui-datagrid" id="itemList" title="商品列表"
  15. data-options="singleSelect:false,collapsible:true,pagination:true,url:'/rest/item',method:'get',pageSize:30,toolbar:toolbar">
  16. <thead>
  17. <tr>
  18. <th data-options="field:'ck',checkbox:true"></th>
  19. <th data-options="field:'id',width:60">商品ID</th>
  20. <th data-options="field:'title',width:200,formatter:TAOTAO.formatText">商品标题</th>
  21. <th data-options="field:'cid',width:100">叶子类目</th>
  22. <th data-options="field:'sellPoint',width:100,formatter:TAOTAO.formatText">卖点</th>
  23. <th data-options="field:'price',width:70,align:'right',formatter:TAOTAO.formatPrice">价格</th>
  24. <th data-options="field:'num',width:70,align:'right'">库存数量</th>
  25. <th data-options="field:'barcode',width:100,formatter:TAOTAO.formatText">条形码</th>
  26. <th data-options="field:'status',width:60,align:'center',formatter:TAOTAO.formatItemStatus">状态</th>
  27. <th data-options="field:'created',width:130,align:'center',formatter:TAOTAO.formatDateTime">创建日期</th>
  28. <th data-options="field:'updated',width:130,align:'center',formatter:TAOTAO.formatDateTime">更新日期</th>
  29. </tr>
  30. </thead>
  31. </table>
  32. <div id="itemEditWindow" class="easyui-window" title="编辑商品" data-options="modal:true,closed:true,iconCls:'icon-save',href:'/rest/page/item-edit'" style="width:80%;height:80%;padding:10px;">
  33. </div>
  34. <script>
  35. function getSelectionsIds(){
  36. var itemList = $("#itemList");
  37. var sels = itemList.datagrid("getSelections");
  38. var ids = [];
  39. for(var i in sels){
  40. ids.push(sels[i].id);
  41. }
  42. ids = ids.join(",");
  43. return ids;
  44. }
  45. var toolbar = [{
  46. text:'编辑',
  47. iconCls:'icon-edit',
  48. handler:function(){
  49. var ids = getSelectionsIds();
  50. if(ids.length == 0){
  51. $.messager.alert('提示','必须选择一个商品才能编辑!');
  52. return ;
  53. }
  54. if(ids.indexOf(',') > 0){
  55. $.messager.alert('提示','只能选择一个商品!');
  56. return ;
  57. }
  58. $("#itemEditWindow").window({
  59. onLoad :function(){
  60. //回显数据
  61. var data = $("#itemList").datagrid("getSelections")[0];
  62. data.priceView = TAOTAO.formatPrice(data.price);
  63. $("#itemeEditForm").form("load",data);
  64. // 加载商品描述
  65. $.getJSON('/rest/item/desc/'+data.id,function(_data){
  66. itemEditEditor.html(_data.itemDesc);
  67. });
  68. TAOTAO.init({
  69. "pics" : data.image,
  70. "cid" : data.cid
  71. });
  72. }
  73. }).window("open");
  74. }
  75. },{
  76. text:'删除',
  77. iconCls:'icon-cancel',
  78. handler:function(){
  79. var ids = getSelectionsIds();
  80. if(ids.length == 0){
  81. $.messager.alert('提示','未选中商品!');
  82. return ;
  83. }
  84. $.messager.confirm('确认','确定删除ID为 '+ids+' 的商品吗?',function(r){
  85. if (r){
  86. var params = {"ids":ids};
  87. $.post("/rest/item/delete",params, function(data){
  88. if(data.status == 200){
  89. $.messager.alert('提示','删除商品成功!',undefined,function(){
  90. $("#itemList").datagrid("reload");
  91. });
  92. }
  93. });
  94. }
  95. });
  96. }
  97. },'-',{
  98. text:'下架',
  99. iconCls:'icon-remove',
  100. handler:function(){
  101. var ids = getSelectionsIds();
  102. if(ids.length == 0){
  103. $.messager.alert('提示','未选中商品!');
  104. return ;
  105. }
  106. $.messager.confirm('确认','确定下架ID为 '+ids+' 的商品吗?',function(r){
  107. if (r){
  108. var params = {"ids":ids};
  109. $.post("/rest/item/instock",params, function(data){
  110. if(data.status == 200){
  111. $.messager.alert('提示','下架商品成功!',undefined,function(){
  112. $("#itemList").datagrid("reload");
  113. });
  114. }
  115. });
  116. }
  117. });
  118. }
  119. },{
  120. text:'上架',
  121. iconCls:'icon-remove',
  122. handler:function(){
  123. var ids = getSelectionsIds();
  124. if(ids.length == 0){
  125. $.messager.alert('提示','未选中商品!');
  126. return ;
  127. }
  128. $.messager.confirm('确认','确定上架ID为 '+ids+' 的商品吗?',function(r){
  129. if (r){
  130. var params = {"ids":ids};
  131. $.post("/rest/item/reshelf",params, function(data){
  132. if(data.status == 200){
  133. $.messager.alert('提示','上架商品成功!',undefined,function(){
  134. $("#itemList").datagrid("reload");
  135. });
  136. }
  137. });
  138. }
  139. });
  140. }
  141. }];
  142. </script>
  143. </body>
  144. </html>