MsgPlacard_Admin.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  1. var ExcelData;
  2. function ConfirmImport() {
  3. $.ajax({
  4. type: "POST",
  5. url: "/Admin/MsgPlacard/Import?r=" + Math.random(1),
  6. data: "ExcelData=" + encodeURIComponent(JSON.stringify(ExcelData)),
  7. dataType: "text",
  8. success: function (data) {
  9. if (data == "success") {
  10. layer.msg("导入成功", { time: 2000 }, function () {
  11. window.location.reload();
  12. });
  13. } else {
  14. layer.msg(data);
  15. }
  16. }
  17. });
  18. }
  19. var excel;
  20. layui.config({
  21. base: '/layuiadmin/' //静态资源所在路径
  22. }).extend({
  23. myexcel: 'layui/lay/modules/excel',
  24. index: 'lib/index' //主入口模块
  25. }).use(['index', 'table', 'excel', 'laydate'], function () {
  26. var $ = layui.$
  27. , form = layui.form
  28. , table = layui.table;
  29. //- 筛选条件-日期
  30. var laydate = layui.laydate;
  31. var layCreateDate = laydate.render({
  32. elem: '#CreateDate',
  33. type: 'datetime',
  34. range: true,
  35. trigger: 'click',
  36. change: function (value, date, endDate) {
  37. var op = true;
  38. if (date.year == endDate.year && endDate.month - date.month <= 1) {
  39. if (endDate.month - date.month == 1 && endDate.date > date.date) {
  40. op = false;
  41. layCreateDate.hint('日期范围请不要超过1个月');
  42. setTimeout(function () {
  43. $(".laydate-btns-confirm").addClass("laydate-disabled");
  44. }, 1);
  45. }
  46. } else {
  47. op = false;
  48. layCreateDate.hint('日期范围请不要超过1个月');
  49. setTimeout(function () {
  50. $(".laydate-btns-confirm").addClass("laydate-disabled");
  51. }, 1);
  52. }
  53. if (op) {
  54. $('#CreateDate').val(value);
  55. }
  56. }
  57. });
  58. //excel导入
  59. excel = layui.excel;
  60. $('#ExcelFile').change(function (e) {
  61. var files = e.target.files;
  62. excel.importExcel(files, { }, function (data) {
  63. ExcelData = data[0].sheet1;
  64. });
  65. });
  66. //监听单元格编辑
  67. table.on('edit(LAY-list-manage)', function(obj){
  68. var value = obj.value //得到修改后的值
  69. ,data = obj.data //得到所在行所有键值
  70. ,field = obj.field; //得到字段
  71. if(field == "Sort"){
  72. $.ajax({
  73. type: "POST",
  74. url: "/Admin/MsgPlacard/Sort?r=" + Math.random(1),
  75. data: "Id=" + data.Id + "&Sort=" + value,
  76. dataType: "text",
  77. success: function (data) {
  78. }
  79. });
  80. }
  81. });
  82. //列表数据
  83. table.render({
  84. elem: '#LAY-list-manage'
  85. , url: '/Admin/MsgPlacard/IndexData' //模拟接口
  86. , cols: [[
  87. { type: 'checkbox', fixed: 'left' }
  88. ,{field:'MsgType', width: 200, title:'公告消息类型', sort: true}
  89. ,{field:'ShowType', width: 200, title:'展示类型', sort: true}
  90. ,{field:'Title', width: 200, title:'标题', sort: true}
  91. ,{field:'Content', width: 200, title:'正文内容', sort: true, templet: '#ContentTpl', unresize: true}
  92. ,{field:'Summary', width: 200, title:'推送内容', sort: true}
  93. ,{field:'BgPic', width: 200, title:'列表图片地址', sort: true, templet: '#BgPicTpl', unresize: true}
  94. ,{field:'PushType', width: 200, title:'推送类型', sort: true}
  95. ,{field:'PushFlag', width: 200, title:'推送标识', sort: true}
  96. ,{field:'PushTime', width: 200, title:'推送时间', sort: true}
  97. ,{field:'CreateDate', width: 200, title:'创建时间', sort: true}
  98. , { title: '操作', width: 100, align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
  99. ]]
  100. , where: {
  101. }
  102. , page: true
  103. , limit: 30
  104. , height: 'full-' + String($('.layui-card-header').height() + 130)
  105. , text: '对不起,加载出现异常!'
  106. , done: function (res, curr, count) {
  107. $(".layui-none").text("无数据");
  108. }
  109. });
  110. //监听工具条
  111. table.on('tool(LAY-list-manage)', function (obj) {
  112. var data = obj.data;
  113. if (obj.event === 'del') {
  114. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  115. $.ajax({
  116. type: "POST",
  117. url: "/Admin/MsgPlacard/Delete?r=" + Math.random(1),
  118. data: "Id=" + data.Id,
  119. dataType: "text",
  120. success: function (data) {
  121. if (data == "success") {
  122. obj.del();
  123. layer.close(index);
  124. } else {
  125. parent.layer.msg(data);
  126. }
  127. }
  128. });
  129. });
  130. } else if (obj.event === 'edit') {
  131. var tr = $(obj.tr);
  132. var perContent = layer.open({
  133. type: 2
  134. , title: '公告消息-编辑'
  135. , content: 'Edit?Id=' + data.Id + ''
  136. , maxmin: true
  137. , area: ['500px', '450px']
  138. , btn: ['确定', '取消']
  139. , yes: function (index, layero) {
  140. var iframeWindow = window['layui-layer-iframe' + index]
  141. , submitID = 'LAY-list-front-submit'
  142. , submit = layero.find('iframe').contents().find('#' + submitID);
  143. setTimeout(function () {
  144. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  145. var errObj = $(this).find('.layui-form-danger');
  146. if (errObj.length > 0) {
  147. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  148. submit.click();
  149. }
  150. });
  151. }, 300);
  152. //内容
  153. iframeWindow.Contentedit.sync();
  154. //监听提交
  155. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  156. var field = data.field; //获取提交的字段
  157. var userdata = "";
  158. for (var prop in field) {
  159. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  160. }
  161. //提交 Ajax 成功后,静态更新表格中的数据
  162. //$.ajax({});
  163. $.ajax({
  164. type: "POST",
  165. url: "/Admin/MsgPlacard/Edit?r=" + Math.random(1),
  166. data: userdata,
  167. dataType: "text",
  168. success: function (data) {
  169. if (data == "success") {
  170. layer.close(index); //关闭弹层
  171. layer.msg('提交成功', { time: 1500 }, function () {
  172. table.reload('LAY-list-manage'); //数据刷新
  173. });
  174. } else {
  175. layer.msg(data);
  176. }
  177. }
  178. });
  179. });
  180. submit.trigger('click');
  181. }
  182. , success: function (layero, index) {
  183. }
  184. });
  185. layer.full(perContent);
  186. } else if (obj.event === 'detail') {
  187. var tr = $(obj.tr);
  188. var perContent = layer.open({
  189. type: 2
  190. , title: '详情'
  191. , content: 'Detail?Id=' + data.Id + ''
  192. , maxmin: true
  193. , area: ['500px', '100%']
  194. , btn: ['关闭']
  195. , yes: function (index, layero) {
  196. layer.close(index);
  197. }
  198. , success: function (layero, index) {
  199. }
  200. });
  201. layer.full(perContent);
  202. }
  203. });
  204. //监听搜索
  205. form.on('submit(LAY-list-front-search)', function (data) {
  206. var field = data.field;
  207. //执行重载
  208. table.reload('LAY-list-manage', {
  209. where: field
  210. });
  211. });
  212. form.on('submit(LAY-list-front-searchall)', function (data) {
  213. table.reload('LAY-list-manage', {
  214. where: null
  215. });
  216. });
  217. //事件
  218. var active = {
  219. batchdel: function () {
  220. var checkStatus = table.checkStatus('LAY-list-manage')
  221. , data = checkStatus.data; //得到选中的数据
  222. if (data.length < 1) {
  223. parent.layer.msg("请选择要删除的项");
  224. } else {
  225. var ids = "";
  226. $.each(data, function (index, value) {
  227. ids += data[index].Id + ",";
  228. });
  229. ids = ids.substring(0, ids.length - 1);
  230. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  231. $.ajax({
  232. type: "POST",
  233. url: "/Admin/MsgPlacard/Delete?r=" + Math.random(1),
  234. data: "Id=" + ids,
  235. dataType: "text",
  236. success: function (data) {
  237. layer.close(index);
  238. if (data == "success") {
  239. table.reload('LAY-list-manage');
  240. } else {
  241. layer.msg(data);
  242. }
  243. }
  244. });
  245. });
  246. }
  247. }
  248. , add: function () {
  249. var perContent = layer.open({
  250. type: 2
  251. , title: '公告消息-添加'
  252. , content: 'Add'
  253. , maxmin: true
  254. , area: ['800px', '650px']
  255. , btn: ['确定', '取消']
  256. , yes: function (index, layero) {
  257. var iframeWindow = window['layui-layer-iframe' + index]
  258. , submitID = 'LAY-list-front-submit'
  259. , submit = layero.find('iframe').contents().find('#' + submitID);
  260. setTimeout(function () {
  261. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  262. var errObj = $(this).find('.layui-form-danger');
  263. if (errObj.length > 0) {
  264. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  265. submit.click();
  266. }
  267. });
  268. }, 300);
  269. //内容
  270. iframeWindow.Contentedit.sync();
  271. //监听提交
  272. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  273. var field = data.field; //获取提交的字段
  274. var userdata = "";
  275. for (var prop in field) {
  276. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  277. }
  278. //提交 Ajax 成功后,静态更新表格中的数据
  279. //$.ajax({});
  280. $.ajax({
  281. type: "POST",
  282. url: "/Admin/MsgPlacard/Add?r=" + Math.random(1),
  283. data: userdata,
  284. dataType: "text",
  285. success: function (data) {
  286. if (data == "success") {
  287. layer.close(index); //关闭弹层
  288. layer.msg('提交成功', { time: 1500 }, function () {
  289. table.reload('LAY-list-manage'); //数据刷新
  290. });
  291. } else {
  292. layer.msg(data);
  293. }
  294. }
  295. });
  296. });
  297. submit.trigger('click');
  298. }
  299. });
  300. layer.full(perContent);
  301. }
  302. , ImportData: function () {
  303. layer.open({
  304. type: 1,
  305. title: '导入',
  306. maxmin: false,
  307. area: ['460px', '180px'],
  308. content: $('#excelForm'),
  309. cancel: function () {
  310. }
  311. });
  312. }
  313. , ExportExcel: function () {
  314. var userdata = '';
  315. $(".layuiadmin-card-header-auto input").each(function (i) {
  316. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  317. });
  318. $(".layuiadmin-card-header-auto select").each(function (i) {
  319. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  320. });
  321. $.ajax({
  322. type: "GET",
  323. url: "/Admin/MsgPlacard/ExportExcel?r=" + Math.random(1),
  324. data: userdata,
  325. dataType: "json",
  326. success: function (data) {
  327. data.Obj.unshift(data.Fields);
  328. excel.exportExcel(data.Obj, data.Info, 'xlsx');
  329. }
  330. });
  331. }
  332. , Open: function () {
  333. var checkStatus = table.checkStatus('LAY-list-manage')
  334. , data = checkStatus.data; //得到选中的数据
  335. if(data.length < 1){
  336. parent.layer.msg("请选择要开启的项");
  337. }else{
  338. var ids = "";
  339. $.each(data, function (index, value) {
  340. ids += data[index].Id + ",";
  341. });
  342. ids = ids.substring(0, ids.length - 1);
  343. var index = layer.confirm('确定要开启吗?', function (index) {
  344. $.ajax({
  345. type: "POST",
  346. url: "/Admin/MsgPlacard/Open?r=" + Math.random(1),
  347. data: "Id=" + ids,
  348. dataType: "text",
  349. success: function (data) {
  350. layer.close(index);
  351. if (data == "success") {
  352. table.reload('LAY-list-manage');
  353. } else {
  354. layer.msg(data);
  355. }
  356. }
  357. });
  358. });
  359. }
  360. }
  361. , Close: function () {
  362. var checkStatus = table.checkStatus('LAY-list-manage')
  363. , data = checkStatus.data; //得到选中的数据
  364. if(data.length < 1){
  365. parent.layer.msg("请选择要关闭的项");
  366. }else{
  367. var ids = "";
  368. $.each(data, function (index, value) {
  369. ids += data[index].Id + ",";
  370. });
  371. ids = ids.substring(0, ids.length - 1);
  372. var index = layer.confirm('确定要关闭吗?', function (index) {
  373. $.ajax({
  374. type: "POST",
  375. url: "/Admin/MsgPlacard/Close?r=" + Math.random(1),
  376. data: "Id=" + ids,
  377. dataType: "text",
  378. success: function (data) {
  379. layer.close(index);
  380. if (data == "success") {
  381. table.reload('LAY-list-manage');
  382. } else {
  383. layer.msg(data);
  384. }
  385. }
  386. });
  387. });
  388. }
  389. }
  390. };
  391. $('.layui-btn').on('click', function () {
  392. var type = $(this).data('type');
  393. active[type] ? active[type].call(this) : '';
  394. });
  395. });