MsgAlert_Admin.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433
  1. var ExcelData, ExcelKind;
  2. function ConfirmImport() {
  3. $.ajax({
  4. type: "POST",
  5. url: "/Admin/MsgAlert/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: 'date',
  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/MsgAlert/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/MsgAlert/IndexData' //模拟接口
  86. , cols: [[
  87. { type: 'checkbox', fixed: 'left' }
  88. , { field: 'Id', fixed: 'left', title: 'ID', width: 80, sort: true, unresize: true }
  89. , { field: 'MsgType', width: 200, title: '消息类型', sort: true }
  90. , { field: 'CreateDate', width: 200, title: '创建时间', sort: true }
  91. , { field: 'StatusName', width: 200, title: '状态', sort: true }
  92. , { field: 'Title', width: 200, title: '标题', sort: true }
  93. // , { field: 'Summary', width: 200, title: '简介', sort: true }
  94. // , { field: 'BgPic', width: 200, title: '背景图片', width: 60, templet: '#BgPicTpl', unresize: true }
  95. // , { field: 'PushType', width: 200, title: '推送类型', sort: true }
  96. // , { field: 'PushFlag', width: 200, title: '推送标记', sort: true }
  97. // , { field: 'PushTime', width: 200, title: '推送时间', sort: true }
  98. // , { field: 'UrlParam', width: 200, title: '跳转Url参数', sort: true }
  99. // , { field: 'BtnText', width: 200, title: '按钮文字', sort: true }
  100. , { field: 'TimeByDay', width: 200, title: '每日次数', sort: true }
  101. // , { field: 'AlertFlagName', width: 200, title: '弹窗标识', sort: true }
  102. , { field: 'IsWeekendName', width: 200, title: '是否周末', sort: true }
  103. , { field: 'AlertFlagName', width: 200, title: '指定推送', sort: true }
  104. , { field: 'Sort', fixed: 'right', title: '排序', width: 80, edit: 'text' }
  105. , { title: '操作', align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
  106. ]]
  107. , where: {
  108. }
  109. , page: true
  110. , limit: 30
  111. , height: 'full-220'
  112. , text: '对不起,加载出现异常!'
  113. , done: function (res, curr, count) {
  114. $(".layui-none").text("无数据");
  115. }
  116. });
  117. //监听工具条
  118. table.on('tool(LAY-list-manage)', function (obj) {
  119. var data = obj.data;
  120. if (obj.event === 'del') {
  121. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  122. $.ajax({
  123. type: "POST",
  124. url: "/Admin/MsgAlert/Delete?r=" + Math.random(1),
  125. data: "Id=" + data.Id,
  126. dataType: "text",
  127. success: function (data) {
  128. if (data == "success") {
  129. obj.del();
  130. layer.close(index);
  131. } else {
  132. parent.layer.msg(data);
  133. }
  134. }
  135. });
  136. });
  137. } else if (obj.event === 'edit') {
  138. var tr = $(obj.tr);
  139. var perContent = layer.open({
  140. type: 2
  141. , title: '弹窗消息-编辑'
  142. , content: 'Edit?Id=' + data.Id + ''
  143. , maxmin: true
  144. , area: ['500px', '450px']
  145. , btn: ['确定', '取消']
  146. , yes: function (index, layero) {
  147. var iframeWindow = window['layui-layer-iframe' + index]
  148. , submitID = 'LAY-list-front-submit'
  149. , submit = layero.find('iframe').contents().find('#' + submitID);
  150. setTimeout(function () {
  151. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  152. var errObj = $(this).find('.layui-form-danger');
  153. if (errObj.length > 0) {
  154. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  155. submit.click();
  156. }
  157. });
  158. }, 300);
  159. //内容
  160. iframeWindow.Contentedit.sync();
  161. //监听提交
  162. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  163. var field = data.field; //获取提交的字段
  164. var userdata = "";
  165. for (var prop in field) {
  166. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  167. }
  168. //提交 Ajax 成功后,静态更新表格中的数据
  169. //$.ajax({});
  170. $.ajax({
  171. type: "POST",
  172. url: "/Admin/MsgAlert/Edit?r=" + Math.random(1),
  173. data: userdata,
  174. dataType: "text",
  175. success: function (data) {
  176. layer.close(index); //关闭弹层
  177. if (data == "success") {
  178. layer.msg("编辑成功");
  179. table.reload('LAY-list-manage'); //数据刷新
  180. } else if (data.indexOf("Warning") == 0) {
  181. var datalist = data.split('|');
  182. layer.alert(datalist[1], { time: 20000 }, function () {
  183. window.location.reload();
  184. });
  185. } else {
  186. layer.msg(data, {
  187. time: 1500
  188. }, function () {
  189. table.reload('LAY-list-manage'); //数据刷新
  190. });
  191. }
  192. }
  193. });
  194. });
  195. submit.trigger('click');
  196. }
  197. , success: function (layero, index) {
  198. }
  199. });
  200. layer.full(perContent);
  201. }
  202. });
  203. //监听搜索
  204. form.on('submit(LAY-list-front-search)', function (data) {
  205. var field = data.field;
  206. //执行重载
  207. table.reload('LAY-list-manage', {
  208. where: field,
  209. page: {
  210. curr: 1
  211. }
  212. });
  213. });
  214. form.on('submit(LAY-list-front-searchall)', function (data) {
  215. table.reload('LAY-list-manage', {
  216. where: null,
  217. page: {
  218. curr: 1
  219. }
  220. });
  221. });
  222. //事件
  223. var active = {
  224. batchdel: function () {
  225. var checkStatus = table.checkStatus('LAY-list-manage')
  226. , data = checkStatus.data; //得到选中的数据
  227. if (data.length < 1) {
  228. parent.layer.msg("请选择要删除的项");
  229. } else {
  230. var ids = "";
  231. $.each(data, function (index, value) {
  232. ids += data[index].Id + ",";
  233. });
  234. ids = ids.substring(0, ids.length - 1);
  235. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  236. $.ajax({
  237. type: "POST",
  238. url: "/Admin/MsgAlert/Delete?r=" + Math.random(1),
  239. data: "Id=" + ids,
  240. dataType: "text",
  241. success: function (data) {
  242. layer.close(index);
  243. if (data == "success") {
  244. table.reload('LAY-list-manage');
  245. } else {
  246. layer.msg(data);
  247. }
  248. }
  249. });
  250. });
  251. }
  252. }
  253. , add: function () {
  254. var perContent = layer.open({
  255. type: 2
  256. , title: '弹窗消息-添加'
  257. , content: 'Add'
  258. , maxmin: true
  259. , area: ['500px', '450px']
  260. , btn: ['确定', '取消']
  261. , yes: function (index, layero) {
  262. var iframeWindow = window['layui-layer-iframe' + index]
  263. , submitID = 'LAY-list-front-submit'
  264. , submit = layero.find('iframe').contents().find('#' + submitID);
  265. setTimeout(function () {
  266. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  267. var errObj = $(this).find('.layui-form-danger');
  268. if (errObj.length > 0) {
  269. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  270. submit.click();
  271. }
  272. });
  273. }, 300);
  274. //内容
  275. iframeWindow.Contentedit.sync();
  276. //监听提交
  277. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  278. var field = data.field; //获取提交的字段
  279. var userdata = "";
  280. for (var prop in field) {
  281. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  282. }
  283. //提交 Ajax 成功后,静态更新表格中的数据
  284. //$.ajax({});
  285. $.ajax({
  286. type: "POST",
  287. url: "/Admin/MsgAlert/Add?r=" + Math.random(1),
  288. data: userdata,
  289. dataType: "text",
  290. success: function (data) {
  291. layer.close(index); //关闭弹层
  292. if (data == "success") {
  293. layer.msg("添加成功");
  294. table.reload('LAY-list-manage'); //数据刷新
  295. } else if (data.indexOf("Warning") == 0) {
  296. var datalist = data.split('|');
  297. layer.alert(datalist[1], { time: 20000 }, function () {
  298. window.location.reload();
  299. });
  300. } else {
  301. layer.msg(data, {
  302. time: 1500
  303. }, function () {
  304. table.reload('LAY-list-manage'); //数据刷新
  305. });
  306. }
  307. }
  308. });
  309. });
  310. submit.trigger('click');
  311. }
  312. });
  313. layer.full(perContent);
  314. }
  315. , ImportData: function () {
  316. ExcelKind = 1;
  317. layer.open({
  318. type: 1,
  319. title: '导入',
  320. maxmin: false,
  321. area: ['460px', '280px'],
  322. content: $('#excelForm'),
  323. cancel: function () {
  324. }
  325. });
  326. $("#excelTemp").html('<a href="/excelfile/模板文件.xlsx">点击下载模板文件</a>');
  327. }
  328. , ExportExcel: function () {
  329. var userdata = '';
  330. $(".layuiadmin-card-header-auto input").each(function (i) {
  331. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  332. });
  333. $(".layuiadmin-card-header-auto select").each(function (i) {
  334. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  335. });
  336. $.ajax({
  337. type: "GET",
  338. url: "/Admin/MsgAlert/ExportExcel?r=" + Math.random(1),
  339. data: userdata,
  340. dataType: "json",
  341. success: function (data) {
  342. data.Obj.unshift(data.Fields);
  343. excel.exportExcel(data.Obj, data.Info, 'xlsx');
  344. }
  345. });
  346. }
  347. , Open: function () {
  348. var checkStatus = table.checkStatus('LAY-list-manage')
  349. , data = checkStatus.data; //得到选中的数据
  350. if (data.length < 1) {
  351. parent.layer.msg("请选择要开启的项");
  352. } else {
  353. var ids = "";
  354. $.each(data, function (index, value) {
  355. ids += data[index].Id + ",";
  356. });
  357. ids = ids.substring(0, ids.length - 1);
  358. var index = layer.confirm('确定要开启吗?', function (index) {
  359. $.ajax({
  360. type: "POST",
  361. url: "/Admin/MsgAlert/Open?r=" + Math.random(1),
  362. data: "Id=" + ids,
  363. dataType: "text",
  364. success: function (data) {
  365. layer.close(index);
  366. if (data == "success") {
  367. table.reload('LAY-list-manage');
  368. } else {
  369. layer.msg(data);
  370. }
  371. }
  372. });
  373. });
  374. }
  375. }
  376. , Close: function () {
  377. var checkStatus = table.checkStatus('LAY-list-manage')
  378. , data = checkStatus.data; //得到选中的数据
  379. if (data.length < 1) {
  380. parent.layer.msg("请选择要关闭的项");
  381. } else {
  382. var ids = "";
  383. $.each(data, function (index, value) {
  384. ids += data[index].Id + ",";
  385. });
  386. ids = ids.substring(0, ids.length - 1);
  387. var index = layer.confirm('确定要关闭吗?', function (index) {
  388. $.ajax({
  389. type: "POST",
  390. url: "/Admin/MsgAlert/Close?r=" + Math.random(1),
  391. data: "Id=" + ids,
  392. dataType: "text",
  393. success: function (data) {
  394. layer.close(index);
  395. if (data == "success") {
  396. table.reload('LAY-list-manage');
  397. } else {
  398. layer.msg(data);
  399. }
  400. }
  401. });
  402. });
  403. }
  404. }
  405. };
  406. $('.layui-btn').on('click', function () {
  407. var type = $(this).data('type');
  408. active[type] ? active[type].call(this) : '';
  409. });
  410. });