zttime.js 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. layui.use([ 'laypage', 'layer', 'table', 'element','form','upload'], function(){
  2. var laypage = layui.laypage //分页
  3. ,$ = layui.jquery
  4. ,layer = layui.layer //弹层
  5. ,table = layui.table //表格
  6. ,element = layui.element //元素操作
  7. ,form = layui.form
  8. ,upload = layui.upload;
  9. var tableIds = 'videolist'; //表格ID
  10. var type_id = $('input[name="typeid"]').val();
  11. //第一个实例
  12. table.render({
  13. elem: '#'+tableIds
  14. ,url: '/pushm/zttimeform' //数据接口
  15. ,where:{token:csrfToken,type:type_id}
  16. ,method:'post'
  17. ,page: true //开启分页
  18. ,height:600
  19. ,text:'数据加载中'
  20. ,id:'tablerReload'
  21. ,limit:15
  22. ,cols: [[ //表头
  23. {type:'numbers',title:'序号',width:50},
  24. {field: 'remark', title: '标题', align:'center'},
  25. {field: 'title', title: '时间', width:350,align:'center'},
  26. {field: 'address', title: '地址', width:350,align:'center'},
  27. {field: 'create_at', title: '添加时间',width:150, align:'center'},
  28. {field: 'is_show', title: '审核',align:'center',width:200, templet:function (d) {
  29. if(d.is_show == 2){
  30. return '<input type="checkbox" value="'+d.id+'" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="|">'
  31. } else {
  32. return '<input type="checkbox" checked value="'+d.id+'" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="|">'
  33. }
  34. }}
  35. ,{fixed: 'right',title:'操作', width: 300, align:'center', toolbar: '#operate'}
  36. ]]
  37. });
  38. //监听指定开关
  39. form.on('switch(switchTest)', function(data){
  40. layer.confirm('确定要修改此操作吗?',{btn: ['确定', '取消']},function () {
  41. $.post('/pushm/zttimedelshow',{id:data.value,type:'show'},function (data) {
  42. layer.msg(data.msg);
  43. table.reload('tablerReload');
  44. })
  45. },function (aa) {
  46. table.reload('tablerReload'); //重新加载
  47. })
  48. });
  49. //列表操作
  50. table.on('tool('+tableIds+')', function(obj){
  51. var layEvent = obj.event,
  52. data = obj.data;
  53. if(layEvent === 'sortData'){ //修改排序
  54. /* 列表操作 edit 修改后执行 2018.7.24*/
  55. table.on('edit('+tableIds+')', function(obj){
  56. var data = obj.data;
  57. $.post('/pushm/',{id:data.id,type:'sort',sort:data.sort},function (data) {
  58. if(data.code == 200)
  59. {
  60. layer.msg(data.msg);
  61. } else if(data.code == 300 ) {
  62. layer.msg(data.msg);
  63. }
  64. })
  65. })
  66. // layer.prompt({
  67. // formType: 2
  68. // ,title: '排序热销楼盘:<span style="color:red">'+data.name+'</span>'
  69. // ,value: data.sort
  70. // }, function(value, index){
  71. // $.post('/pushm/saledelshow',{id:data.id,type:'sort',sort:value},function (data) {
  72. // layer.msg(data.msg);
  73. // table.reload('tablerReload');
  74. // })
  75. // });
  76. }else if(layEvent === 'edit'){
  77. var index = layer.open({
  78. type: 2,
  79. title: '编辑',
  80. area:['800px','500px'],
  81. content: '/pushm/ztedit?id='+data.id,
  82. end:function () {
  83. table.reload('tablerReload'); //重新加载
  84. }
  85. });
  86. }else if(layEvent === 'del') {
  87. layer.confirm('您确定要删除吗?',{ btn: ['确定', '取消']},function () {
  88. $.post('/pushm/zttimedelshow',{id:data.id,type:'del'},function (data) {
  89. layer.msg(data.msg);
  90. table.reload('tablerReload');
  91. })
  92. })
  93. }else if(layEvent === 'produce'){
  94. //
  95. var index = layer.open({
  96. type: 2,
  97. title: '生成['+data.remark+']控制模板代码',
  98. closeBtn: 1, //不显示关闭按钮
  99. shade: [0],
  100. area: ['600px', '500px'],
  101. anim: 2,
  102. content: '/pushm/produce?id='+data.id+'&name='+data.name, //iframe的url,no代表不显示滚动条
  103. end:function () {
  104. renderTable();
  105. }
  106. });
  107. }
  108. });
  109. // 新增
  110. var $ = layui.$, active = {
  111. addData: function(){ //获取选中数据
  112. var index = layui.layer.open({
  113. type: 2,
  114. title: '添加时间',
  115. closeBtn: 1, //不显示关闭按钮
  116. area: ['600px','300px'],
  117. content: '/pushm/create'
  118. ,success:function (layero, index) {
  119. // indexOpen = layer.getChildFrame('body', index) ;
  120. // console.log(indexOpen);
  121. },
  122. end:function () {
  123. table.reload('tablerReload');
  124. }
  125. });
  126. },
  127. reload:function(){
  128. var form = pfgs_serialize($('form'));
  129. // var name = '';
  130. // var house_name = '';
  131. // if(form.input_house == 'name'){
  132. // name = form.input_house_text;
  133. // } else if(form.input_house == 'house_name'){
  134. // house_name = form.input_house_text;
  135. // }
  136. table.reload('tablerReload',{
  137. where:{
  138. house_name: form.input_house_text
  139. }
  140. })
  141. }
  142. };
  143. $('.demoTable .layui-btn').on('click', function(){
  144. var type = $(this).data('type');
  145. active[type] ? active[type].call(this) : '';
  146. });
  147. $('.The_house').focus(function(){
  148. // $('form').append('<input type="hidden" name="aa" value="aaa">');
  149. indexOpen = parent.layui.layer.open({
  150. type: 2,
  151. title: '选择需要添加的楼盘',
  152. area: ['','100%'],
  153. content: '/publicuse/housename',
  154. success:function (layero, index) {
  155. },
  156. end:function(){
  157. }
  158. });
  159. parent.layui.layer.full(indexOpen);
  160. //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
  161. $(window).on("resize",function(){
  162. parent.layui.layer.full(indexOpen);
  163. })
  164. })
  165. //添加页面提交数据
  166. form.on('submit(add)', function(data){
  167. var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  168. var formData = new FormData($('form')[0]);
  169. $.ajax({
  170. cache : false,
  171. type : "post",
  172. url : "/pushm/ztaddform",
  173. data : formData, // 你的formid
  174. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  175. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  176. error : function(request) {
  177. layer.close(index);
  178. layer.msg("请联系管理员");
  179. },
  180. success : function(data) {
  181. if(data.data != null){
  182. layer.msg(ReturnInfo(data.data),{icon:5});
  183. return ;
  184. }
  185. layer.msg(data.msg);
  186. parent.layer.close(oindex); //再执行关闭
  187. }
  188. });
  189. return false;
  190. });
  191. })