rent.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. var delFiles = []; //用于删除图片
  2. var filesContainers= {}; //存储最终要上传的图片
  3. var filesContainer= {}; //存储最终要上传的图片
  4. var files ; //存储选择图片的数量
  5. layui.use([ 'laypage', 'layer', 'table', 'element','form','upload'], function(){
  6. var laypage = layui.laypage //分页
  7. ,$ = layui.jquery
  8. ,layer = layui.layer //弹层
  9. ,table = layui.table //表格
  10. ,form = layui.form
  11. ,upload = layui.upload;
  12. var tableId = 'citylist';
  13. //第一个实例
  14. table.render({
  15. elem: '#'+tableId
  16. ,url: '/routinecity/rentform' //数据接口
  17. ,where:{token:csrfToken}
  18. ,method:'post'
  19. ,page: true //开启分页
  20. ,height:600
  21. ,text:'数据加载中'
  22. ,id:'tablerReload'
  23. ,limit:20
  24. ,cols: [[ //表头
  25. // {field: 'id', title: 'ID', width:80, sort: true,align:'center'}
  26. {field: 'city_name', title: '区域名称',align:'center'}
  27. ,{field: 'proportion', title: '参考收益',align:'center',sort: true}
  28. ,{fixed: 'right',title:'操作', width: 165, align:'center', toolbar: '#operate'}
  29. ]]
  30. });
  31. //table.reload('tablerReload'); //重新加载
  32. //列表操作
  33. table.on('tool('+tableId+')', function(obj){
  34. var layEvent = obj.event,
  35. data = obj.data;
  36. if(layEvent === 'edit'){
  37. var index = layer.open({
  38. type: 2,
  39. title: '修改',
  40. area: ['500px', '60%'],
  41. content: '/routinecity/rentedit?id='+data.id,
  42. });
  43. } else if(layEvent === 'del') {
  44. layer.confirm('您确定要删除吗?',{ btn: ['确定', '取消']},function () {
  45. $.post('/routinecity/rentdel',{'id':data.id},function (data) {
  46. layer.msg(data.msg);
  47. table.reload('tablerReload');
  48. });
  49. });
  50. }
  51. });
  52. var $ = layui.$, active = {
  53. addData: function(){ //获取选中数据
  54. var index = layui.layer.open({
  55. type: 2,
  56. title: '添加',
  57. maxmin: true,
  58. area: ['500px', '60%'],
  59. content: '/routinecity/rentadd',
  60. });
  61. // layui.layer.full(index);
  62. // //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
  63. // $(window).on("resize",function(){
  64. // layui.layer.full(index);
  65. // })
  66. },
  67. reload:function () {
  68. var formdara = pfgs_serialize($('form'));
  69. table.reload('tablerReload',{
  70. where:{
  71. city:formdara.input_city
  72. }
  73. })
  74. // console.log(formdara);
  75. }
  76. };
  77. $('.demoTable .layui-btn').on('click', function(){
  78. var type = $(this).data('type');
  79. active[type] ? active[type].call(this) : '';
  80. });
  81. form.on('submit(edit)', function(data){
  82. var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  83. var formData = new FormData($('#signupForm')[0]);
  84. $.ajax({
  85. type : "post",
  86. url : '/routinecity/renteditform',
  87. data : formData, // 你的formid
  88. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  89. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  90. error : function(request) {
  91. layer.close(index); //关闭数据提交信息
  92. layer.alert("网络超时");
  93. },
  94. success : function(data) {
  95. if(data.data != null){
  96. layer.msg(ReturnInfo(data.data),{icon:5});
  97. return ;
  98. }
  99. layer.msg(data.msg);
  100. parent.layui.table.reload('tablerReload');
  101. }
  102. });
  103. return false;
  104. });
  105. //添加
  106. form.on('submit(tijiao)', function(data){
  107. var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  108. var formData = new FormData($('#signupForm')[0]);
  109. $.ajax({
  110. type : "post",
  111. url : '/routinecity/rentaddform',
  112. data : formData, // 你的formid
  113. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  114. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  115. error : function(request) {
  116. layer.close(index); //关闭数据提交信息
  117. layer.alert("网络超时");
  118. },
  119. success : function(data) {
  120. if(data.data != null){
  121. layer.msg(ReturnInfo(data.data),{icon:5});
  122. return ;
  123. }
  124. layer.msg(data.msg);
  125. parent.layui.table.reload('tablerReload');
  126. }
  127. });
  128. return false;
  129. });
  130. });
  131. //删除图片 单
  132. // $('#demo2').on("click","#delimg",function () {
  133. // var name = $(this).next().attr("imgname");
  134. // var delIdentification = $(this).next().attr("delIdentification");
  135. // // if(typeof(delIdentification) != 'undefined'){
  136. // // delete filesContainer[delIdentification];
  137. // // delete files[delIdentification] ;
  138. // // }
  139. // if(typeof(name) != 'undefined'){
  140. // delFiles.push(name);
  141. // }
  142. // $(this).parent().remove();
  143. // })
  144. //删除图片 多
  145. $('#demo1').on("click","#delimg",function () {
  146. var name = $(this).next().attr("imgname");
  147. var delIdentification = $(this).next().attr("delIdentification");
  148. if(typeof(delIdentification) != 'undefined'){
  149. delete filesContainers[delIdentification];
  150. // delete files[delIdentification] ;
  151. }
  152. if(typeof(name) != 'undefined'){
  153. delFiles.push(name);
  154. }
  155. $(this).parent().remove();
  156. })
  157. if($('#editor_content').length > 0){
  158. var ue = UE.getEditor('editor_content');
  159. }