contlist.js 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. layui.define(['table', 'form'], function(exports) {
  2. var $ = layui.$,
  3. table = layui.table,
  4. form = layui.form;
  5. // //文章管理
  6. // table.render({
  7. // elem: '#LAY-app-content-list'
  8. // ,url: layui.setter.urlbase + '/article/index.html' //模拟接口
  9. // ,cols: [[
  10. // {type: 'checkbox', fixed: 'left'}
  11. // ,{type:'number', width: 100, title: '序号'}
  12. // ,{field: 'title', title: '文章标题', minWidth: 100}
  13. // // ,{field: 'label', title: '文章标签', maxWidth: 100}
  14. // ,{field: 'type_name', title: '分类', maxWidth: 100}
  15. // ,{field: 'author', title: '作者', maxWidth:100}
  16. // ,{field: 'uploadtime', title: '上传时间', sort: true, maxWidth:100}
  17. // ,{field: 'share_num', title: '分享量', maxWidth:80}
  18. // ,{field: 'got_customers_num', title: '获客量', maxWidth:80}
  19. // ,{field: 'hot', title: '使用热度', maxWidth:80}
  20. // ,{title: '操作', maxWidth: 100, align: 'center', fixed: 'right', toolbar: '#table-content-list'}
  21. // ]]
  22. // ,page: true
  23. // ,limit: 10
  24. // ,limits: [10, 15, 20, 25, 30]
  25. // ,text: '对不起,加载出现异常!'
  26. // });
  27. // //监听工具条
  28. // table.on('tool(LAY-app-content-list)', function(obj){
  29. // var data = obj.data;
  30. // if(obj.event === 'del'){
  31. // layer.confirm('确定删除此文章?', function(index){
  32. // obj.del();
  33. // layer.close(index);
  34. // });
  35. // } else if(obj.event === 'edit'){
  36. // layer.open({
  37. // type: 2
  38. // ,title: '编辑文章'
  39. // ,content: '../../../views/app/content/listform.html?id='+ data.id
  40. // ,maxmin: true
  41. // ,area: ['550px', '550px']
  42. // ,btn: ['确定', '取消']
  43. // ,yes: function(index, layero){
  44. // var iframeWindow = window['layui-layer-iframe'+ index]
  45. // ,submit = layero.find('iframe').contents().find("#layuiadmin-app-form-edit");
  46. // //监听提交
  47. // iframeWindow.layui.form.on('submit(layuiadmin-app-form-edit)', function(data){
  48. // var field = data.field; //获取提交的字段
  49. // //提交 Ajax 成功后,静态更新表格中的数据
  50. // //$.ajax({});
  51. // obj.update({
  52. // label: field.label
  53. // ,title: field.title
  54. // ,author: field.author
  55. // ,status: field.status
  56. // }); //数据更新
  57. // form.render();
  58. // layer.close(index); //关闭弹层
  59. // });
  60. // submit.trigger('click');
  61. // }
  62. // });
  63. // }
  64. // });
  65. //分类管理
  66. table.render({
  67. elem: '#LAY-app-content-tags',
  68. url: location.href //模拟接口
  69. ,
  70. cols: [
  71. [{
  72. type: 'numbers',
  73. field: 'id',
  74. fixed: 'left'
  75. }, {
  76. field: 'type_name',
  77. title: '分类名',
  78. minWidth: 100
  79. }, {
  80. title: '操作',
  81. width: 150,
  82. align: 'center',
  83. fixed: 'right',
  84. toolbar: '#layuiadmin-app-cont-tagsbar'
  85. }]
  86. ],
  87. text: '对不起,加载出现异常!'
  88. });
  89. //监听工具条
  90. table.on('tool(LAY-app-content-tags)', function(obj) {
  91. var data = obj.data;
  92. if(obj.event === 'del') {
  93. layer.confirm('确定删除此分类?', function(index) {
  94. $.ajax({
  95. url: layui.setter.urlbase + '/articleType/del',
  96. data: {
  97. id: data.id
  98. },
  99. type: 'post'
  100. });
  101. obj.del();
  102. layer.close(index);
  103. });
  104. } else if(obj.event === 'edit') {
  105. layer.open({
  106. type: 2,
  107. title: '编辑分类',
  108. content: layui.setter.urlbase + '/articleType/edit.html?id=' + data.id,
  109. area: ['450px', '200px'],
  110. btn: ['确定', '取消'],
  111. yes: function(index, layero) {
  112. //获取iframe元素的值
  113. var othis = layero.find('iframe').contents().find("#layuiadmin-app-form-tags"),
  114. tags = othis.find('input[name="type"]').val();
  115. types = othis.find('option:selected').val();
  116. if(!tags.replace(/\s/g, '')) return;
  117. obj.update({
  118. type_name: tags
  119. });
  120. $.ajax({
  121. url: layui.setter.urlbase + '/articleType/edit.html',
  122. type: 'post',
  123. data: {
  124. id: obj.data.id,
  125. value: tags,
  126. type: types
  127. }
  128. });
  129. layer.close(index);
  130. },
  131. success: function(layero, index) {
  132. //给iframe元素赋值
  133. var othis = layero.find('iframe').contents().find("#layuiadmin-app-form-tags").click();
  134. othis.find('input[name="tags"]').val(data.tags);
  135. }
  136. });
  137. }
  138. });
  139. //评论管理
  140. table.render({
  141. elem: '#LAY-app-content-comm',
  142. url: layui.setter.base + 'json/content/comment.js' //模拟接口
  143. ,
  144. cols: [
  145. [{
  146. type: 'checkbox',
  147. fixed: 'left'
  148. }, {
  149. field: 'id',
  150. width: 100,
  151. title: 'ID',
  152. sort: true
  153. }, {
  154. field: 'reviewers',
  155. title: '评论者',
  156. minWidth: 100
  157. }, {
  158. field: 'content',
  159. title: '评论内容',
  160. minWidth: 100
  161. }, {
  162. field: 'commtime',
  163. title: '评论时间',
  164. minWidth: 100,
  165. sort: true
  166. }, {
  167. title: '操作',
  168. width: 150,
  169. align: 'center',
  170. fixed: 'right',
  171. toolbar: '#table-content-com'
  172. }]
  173. ],
  174. page: true,
  175. limit: 10,
  176. limits: [10, 15, 20, 25, 30],
  177. text: '对不起,加载出现异常!'
  178. });
  179. //监听工具条
  180. table.on('tool(LAY-app-content-comm)', function(obj) {
  181. var data = obj.data;
  182. if(obj.event === 'del') {
  183. layer.confirm('确定删除此条评论?', function(index) {
  184. obj.del();
  185. layer.close(index);
  186. });
  187. } else if(obj.event === 'edit') {
  188. layer.open({
  189. type: 2,
  190. title: '编辑评论',
  191. content: '../../../views/app/content/contform.html',
  192. area: ['450px', '300px'],
  193. btn: ['确定', '取消'],
  194. yes: function(index, layero) {
  195. var iframeWindow = window['layui-layer-iframe' + index],
  196. submitID = 'layuiadmin-app-comm-submit',
  197. submit = layero.find('iframe').contents().find('#' + submitID);
  198. //监听提交
  199. iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
  200. var field = data.field; //获取提交的字段
  201. //提交 Ajax 成功后,静态更新表格中的数据
  202. //$.ajax({});
  203. table.reload('LAY-app-content-comm'); //数据刷新
  204. layer.close(index); //关闭弹层
  205. });
  206. submit.trigger('click');
  207. },
  208. success: function(layero, index) {
  209. }
  210. });
  211. }
  212. });
  213. exports('contlist', {})
  214. });