weirdo.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. var delFiles = []; //用于删除图片
  2. var filesContainer= {}; //存储最终要上传的图片
  3. var files ; //存储选择图片的数量
  4. var fContainer= {}; //用于传父级传变量,格式 parent.fContainer
  5. var depositImg =[];//用于存放弹窗图片
  6. layui.use(['form','layer','laydate','table','laytpl','layedit','upload'],function(){
  7. var form = layui.form,
  8. // layer = parent.layer === undefined ? layui.layer : top.layer,
  9. layer = layui.layer,
  10. $ = layui.jquery,
  11. laydate = layui.laydate,
  12. laytpl = layui.laytpl,
  13. table = layui.table,
  14. layedit = layui.layedit
  15. ,upload = layui.upload;
  16. var tableIds = 'newsList';
  17. //楼盘列表
  18. var tableIns = table.render({
  19. elem: '#'+tableIds,
  20. url : '/news/weirdoform',
  21. cellMinWidth : 95,
  22. method:'post',
  23. page : true,
  24. height : 600,
  25. limit : 20,
  26. id:'tablerReload',
  27. cols : [[
  28. {type: "checkbox", width:50},
  29. {type:'numbers'},
  30. {field: 'id', title: 'ID', width:80, align:"center",sort: true},
  31. {field: 'subject', title: '标题',align:'center',templet:function(d){
  32. return '<a href="http://www.pinfangw.com/weirdo/details/'+d.id+'/" target="_blank">'+d.subject+'</a>'
  33. }},
  34. {field: 'click', title: '点击数',width:100,edit: 'text', event:'clicksData',align:'center',clicks: true,templet:"#clicksBox",sort: true},
  35. {field: 'sort', title: '排序',width:100,edit: 'text', event:'sortData',align:'center',clicks: true,templet:"#sortBox",sort: true},
  36. {field: 'click_true', title: '真实点击数',width:120, align:'center',sort: true},
  37. {field: 'create_at', title: '添加时间',width:150, event:'sortData', align:'center',sort: true},
  38. {field: 'is_show', title: '审核',width:75,align:'center',templet:function (d) {
  39. if(d.is_show == 2){
  40. return '<input type="checkbox" value="'+d.id+'" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="|">'
  41. } else {
  42. return '<input type="checkbox" checked value="'+d.id+'" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="|">'
  43. }
  44. }},
  45. {title: '操作', width:100, templet:'#housesListBar',fixed:"right",align:"center"}
  46. ]]
  47. });
  48. tableIns.reload('tablerReload'); //重新加载
  49. //表格头部操作菜单
  50. var $ = layui.$, active = {
  51. addData: function(){ //获取选中数据
  52. var index = layui.layer.open({
  53. title : "添加奇葩说",
  54. type : 2,
  55. area:['80%','100%'],
  56. maxmin: true,
  57. content : "/news/weirdoadd",
  58. end:function () {
  59. table.reload('tablerReload');
  60. }
  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 form = pfgs_serialize($('form'));
  70. table.reload('tablerReload',{
  71. where:{
  72. title:form.input_house_text,
  73. }
  74. })
  75. }
  76. };
  77. //隐藏或显示
  78. form.on('switch(switchTest)', function(data){
  79. layer.confirm('确定要修改此操作吗?',{btn: ['确定', '取消']},function () {
  80. $.post('/news/weirdoeditcolumn',{id:data.value,type:'show'},function (data) {
  81. layer.msg(data.msg);
  82. table.reload('tablerReload');
  83. })
  84. },function (aa) {
  85. table.reload('tablerReload'); //重新加载
  86. })
  87. });
  88. $('.demoTable .layui-btn').on('click', function(){
  89. var type = $(this).data('type');
  90. active[type] ? active[type].call(this) : '';
  91. });
  92. //表格右边操作栏目
  93. table.on('tool('+tableIds+')', function(obj){
  94. var data = obj.data;
  95. if(obj.event === 'edit'){ //编辑操作
  96. var index = layui.layer.open({
  97. title : "编辑",
  98. type : 2,
  99. area:['','100%'],
  100. maxmin: true,
  101. content : "/news/weirdoedit?id="+data.id,
  102. end:function () {
  103. table.reload('tablerReload');
  104. }
  105. })
  106. layui.layer.full(index);
  107. //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
  108. $(window).on("resize",function(){
  109. layui.layer.full(index);
  110. })
  111. }else if(obj.event === 'clicksData'){
  112. // layer.prompt({
  113. // formType: 2
  114. // ,title: '点击数'
  115. // ,value: data.click
  116. // }, function(value, index){
  117. // $.post('/news/weirdoeditcolumn',{id:data.id,click:value,type:'click'},function (data) {
  118. // layer.msg(data.msg);
  119. // table.reload('tablerReload');
  120. // })
  121. // });
  122. table.on('edit('+tableIds+')', function(obj){
  123. var data = obj.data;
  124. // console.log(data)
  125. $.post('/news/weirdoeditcolumn',{id:data.id,type:'click',click:data.click},function (data) {
  126. if(data.code == 200)
  127. {
  128. layer.msg(data.msg);
  129. } else if(data.code == 300 ) {
  130. layer.msg(data.msg);
  131. }
  132. })
  133. })
  134. } else if(obj.event === 'sortData'){ //修改排序
  135. // layer.prompt({
  136. // formType: 2
  137. // ,title: '修改'
  138. // ,value: data.sort
  139. // }, function(value, index){
  140. // $.post('/news/weirdoeditcolumn',{id:data.id,sort:value,type:'sort'},function (data) {
  141. // if(data.code == 200)
  142. // {
  143. // layer.msg(data.msg);
  144. // layer.close(index);
  145. // obj.update({
  146. // sort: value
  147. // });
  148. // // TableClose();
  149. // } else if(data.code == 300 ) {
  150. // layer.msg(data.msg);
  151. // }
  152. // })
  153. // });
  154. table.on('edit('+tableIds+')', function(obj){
  155. var data = obj.data;
  156. // console.log(data)
  157. $.post('/news/weirdoeditcolumn',{id:data.id,type:'sort',sort:data.sort},function (data) {
  158. if(data.code == 200)
  159. {
  160. layer.msg(data.msg);
  161. } else if(data.code == 300 ) {
  162. layer.msg(data.msg);
  163. }
  164. })
  165. })
  166. }
  167. });
  168. // 列表点击放大图片
  169. $('.layui-table-main').on('click','.layui_magnify', function(){
  170. var _src = $(this).attr('src');
  171. layui.layer.open({
  172. type: 1,
  173. title: false, //是否显示标题
  174. area: ['95%', '55%'],
  175. shade: 0.6, //透明度
  176. closeBtn: 1, //按钮 1有,0无
  177. shadeClose: true,
  178. content: '<img style="width:100%;height:100%" src="'+_src+'">',
  179. });
  180. });
  181. //添加图片上传
  182. upload.render({
  183. elem: '#test1'
  184. ,url: '/house/createimg'
  185. ,data:{token:csrfToken}
  186. ,field:'img'
  187. ,size:1000 //限制上传图片的大小,单位为KB
  188. ,exts: 'png|jpg|jpeg' //只允许上传压缩文件
  189. ,auto:false
  190. ,bindAction:'#addcity'
  191. ,choose: function(obj){
  192. obj.preview(function(index, file, result){
  193. $('#breviary_img').attr('src', result); //图片链接(base64)
  194. });
  195. }
  196. });
  197. layer.photos({
  198. photos: '#demo2'
  199. ,closeBtn: 1
  200. ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
  201. });
  202. //添加
  203. form.on('submit(tijiao)',function (data) {
  204. var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  205. var formData = new FormData($( "#signupForm" )[0]);
  206. $.ajax({
  207. cache : true,
  208. type : "post",
  209. url : "/news/weirdoaddform",
  210. data : formData, // 你的formid
  211. // async : false, //async 默认为true异步,修改为false为同步,
  212. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  213. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  214. error : function(request) {
  215. layer.msg("请联系管理员");
  216. },
  217. success : function(data) {
  218. if(data.data != null){
  219. layer.msg(ReturnInfo(data.data),{icon:5})
  220. return false;
  221. }
  222. layer.msg(data.msg);
  223. }
  224. });
  225. return false;
  226. })
  227. //修改
  228. form.on('submit(edit)',function (data) {
  229. layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  230. var formData = new FormData($( "#signupForm" )[0]);
  231. $.ajax({
  232. cache : true,
  233. type : "post",
  234. url : "/news/weirdoeditform",
  235. data : formData, // 你的formid
  236. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  237. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  238. error : function(request) {
  239. layer.msg("请联系管理员");
  240. },
  241. success : function(data) {
  242. if(data.data != null){
  243. layer.msg(ReturnInfo(data.data),{icon:5})
  244. return false;
  245. }
  246. layer.msg(data.msg);
  247. }
  248. });
  249. return false;
  250. })
  251. //批量删除
  252. form.on('submit(del_alls_news)',function (data) {
  253. var checkStatus = table.checkStatus('tablerReload');
  254. if(typeof checkStatus.data[0] == 'object'){
  255. layer.confirm('您确定要删除吗?',{btn:['确认','取消']},function(){
  256. var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
  257. var formdat = new FormData();
  258. $.each(checkStatus.data,function (key,val) {
  259. formdat.append('id[]',val.id);
  260. })
  261. $.ajax({
  262. cache : true,
  263. type : "post",
  264. url : "/news/weirdodel",
  265. data : formdat, // 你的formid
  266. contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
  267. processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
  268. error : function(request) {
  269. layer.close(index); //关闭数据提交信息
  270. layer.alert("网络超时");
  271. },
  272. success : function(data) {
  273. if (data.code == 200) {
  274. layer.msg(data.msg);
  275. table.reload('tablerReload')
  276. } else {
  277. layer.msg(data.msg);
  278. }
  279. }
  280. });
  281. })
  282. return false;
  283. }
  284. layer.msg('请选择需要删除的行',{icon:5});
  285. return false;
  286. })
  287. });
  288. $(function(){
  289. // 动态添加批量删除按钮
  290. var _btn = '<div class="layui-inline " style="float:left;position:relative;left:10px;bottom:35px">'
  291. + '<a class="layui-btn layui-btn-danger search_btn layui_w_btn" style="height:30px;line-height:30px;font-size:14px;" lay-submit="" lay-filter="del_alls_news">批量删除</a>'
  292. + '</div>'
  293. $('.layui-form').append(_btn)
  294. })
  295. //判断是否需要编辑,需要才加载
  296. var verdict = $('#editor_content').html();
  297. if(typeof verdict == "string"){
  298. var ue = UE.getEditor('editor_content'); //编辑器
  299. }