terms.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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. ,form = layui.form
  7. ,upload = layui.upload;
  8. var tableId = 'citylist';
  9. //第一个实例
  10. table.render({
  11. elem: '#'+tableId
  12. ,url: '/routinecity/termsform' //数据接口
  13. ,where:{token:csrfToken}
  14. ,method:'post'
  15. ,page: true //开启分页
  16. ,height:600
  17. ,text:'数据加载中'
  18. ,id:'tablerReload'
  19. ,limit:20
  20. ,cols: [[ //表头
  21. // {field: 'id', title: 'ID', width:80, sort: true,align:'center'}
  22. {field: 'city_name', title: '区域名称',align:'center'}
  23. ,{field: 'terms', title: '条款',align:'center',sort: true}
  24. ,{fixed: 'right',title:'操作', width: 165, align:'center', toolbar: '#operate'}
  25. ]]
  26. });
  27. //table.reload('tablerReload'); //重新加载
  28. //列表操作
  29. table.on('tool('+tableId+')', function(obj){
  30. var layEvent = obj.event,
  31. data = obj.data;
  32. if(layEvent === 'edit'){
  33. var index = layer.open({
  34. type: 2,
  35. title: '修改',
  36. area:['','100%'],
  37. content: '/routinecity/termsedit?id='+data.id,
  38. });
  39. layui.layer.full(index);
  40. //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
  41. $(window).on("resize",function(){
  42. layui.layer.full(index);
  43. })
  44. } else if(layEvent === 'del') {
  45. layer.confirm('您确定要删除吗?',{ btn: ['确定', '取消']},function () {
  46. $.post('/routinecity/termsdel',{'id':data.id},function (data) {
  47. layer.msg(data.msg);
  48. table.reload('tablerReload');
  49. });
  50. });
  51. }
  52. });
  53. var $ = layui.$, active = {
  54. addData: function(){ //获取选中数据
  55. var index = layui.layer.open({
  56. type: 2,
  57. title: '添加',
  58. maxmin: true,
  59. area:['','100%'],
  60. content: '/routinecity/termsadd',
  61. });
  62. layui.layer.full(index);
  63. //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
  64. $(window).on("resize",function(){
  65. layui.layer.full(index);
  66. })
  67. },
  68. reload:function () {
  69. var formdara = pfgs_serialize($('form'));
  70. table.reload('tablerReload',{
  71. where:{
  72. city:formdara.input_city
  73. }
  74. })
  75. // console.log(formdara);
  76. }
  77. };
  78. $('.demoTable .layui-btn').on('click', function(){
  79. var type = $(this).data('type');
  80. active[type] ? active[type].call(this) : '';
  81. });
  82. form.on('submit(edit)', function(data){
  83. var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  84. var formData = new FormData($('#signupForm')[0]);
  85. $.ajax({
  86. type : "post",
  87. url : '/routinecity/termseditform',
  88. data : formData, // 你的formid
  89. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  90. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  91. error : function(request) {
  92. layer.close(index); //关闭数据提交信息
  93. layer.alert("网络超时");
  94. },
  95. success : function(data) {
  96. if(data.data != null){
  97. layer.msg(ReturnInfo(data.data),{icon:5});
  98. return ;
  99. }
  100. layer.msg(data.msg);
  101. parent.layui.table.reload('tablerReload');
  102. }
  103. });
  104. return false;
  105. });
  106. //添加
  107. form.on('submit(tijiao)', function(data){
  108. var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  109. var formData = new FormData($('#signupForm')[0]);
  110. $.ajax({
  111. type : "post",
  112. url : '/routinecity/termsaddform',
  113. data : formData, // 你的formid
  114. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  115. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  116. error : function(request) {
  117. layer.close(index); //关闭数据提交信息
  118. layer.alert("网络超时");
  119. },
  120. success : function(data) {
  121. if(data.data != null){
  122. layer.msg(ReturnInfo(data.data),{icon:5});
  123. return ;
  124. }
  125. layer.msg(data.msg);
  126. parent.layui.table.reload('tablerReload');
  127. }
  128. });
  129. return false;
  130. });
  131. if($('#editor').length > 0){
  132. var ue = UE.getEditor('editor'); //编辑器
  133. }
  134. });