ActivityInfo_Admin.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463
  1. var ExcelData,ExcelKind;
  2. function ConfirmImport() {
  3. $.ajax({
  4. type: "POST",
  5. url: "/Admin/ActivityInfo/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. var layEffectStartDate = laydate.render({
  59. elem: '#EffectStartDate',
  60. trigger: 'click',
  61. type: 'date',
  62. range: true,
  63. change: function (value, date, endDate) {
  64. var op = true;
  65. if (date.year == endDate.year && endDate.month - date.month <= 1) {
  66. if (endDate.month - date.month == 1 && endDate.date > date.date) {
  67. op = false;
  68. layEffectStartDate.hint('日期范围请不要超过1个月');
  69. setTimeout(function () {
  70. $(".laydate-btns-confirm").addClass("laydate-disabled");
  71. }, 1);
  72. }
  73. } else {
  74. op = false;
  75. layEffectStartDate.hint('日期范围请不要超过1个月');
  76. setTimeout(function () {
  77. $(".laydate-btns-confirm").addClass("laydate-disabled");
  78. }, 1);
  79. }
  80. if (op) {
  81. $('#EffectStartDate').val(value);
  82. }
  83. }
  84. });
  85. //excel导入
  86. excel = layui.excel;
  87. $('#ExcelFile').change(function (e) {
  88. var files = e.target.files;
  89. excel.importExcel(files, { }, function (data) {
  90. ExcelData = data[0].sheet1;
  91. });
  92. });
  93. //监听单元格编辑
  94. table.on('edit(LAY-list-manage)', function(obj){
  95. var value = obj.value //得到修改后的值
  96. ,data = obj.data //得到所在行所有键值
  97. ,field = obj.field; //得到字段
  98. if(field == "Sort"){
  99. $.ajax({
  100. type: "POST",
  101. url: "/Admin/ActivityInfo/Sort?r=" + Math.random(1),
  102. data: "Id=" + data.Id + "&Sort=" + value,
  103. dataType: "text",
  104. success: function (data) {
  105. }
  106. });
  107. }
  108. });
  109. //列表数据
  110. table.render({
  111. elem: '#LAY-list-manage'
  112. , url: '/Admin/ActivityInfo/IndexData' //模拟接口
  113. , cols: [[
  114. { type: 'checkbox', fixed: 'left' }
  115. ,{field:'ActType', width: 200, title:'展示类型', sort: true}
  116. ,{field:'ActCode', width: 200, title:'活动编号', sort: true}
  117. ,{field:'ActName', width: 200, title:'活动名称', sort: true}
  118. ,{field:'BrandId', width: 200, title:'产品类型', sort: true}
  119. ,{field:'QueryCount', width: 200, title:'阅读数', sort: true}
  120. ,{field:'Content', width: 200, title:'详情或链接', sort: true, templet: '#ContentTpl', unresize: true}
  121. ,{field:'LimitTopBuddy', width: 200, title:'顶级创客设置', sort: true}
  122. ,{field:'IsTop', width: 200, title:'是否置顶', sort: true}
  123. ,{field:'EffectStartDate', width: 200, title:'活动开始时间', sort: true}
  124. ,{field:'EffectEndDate', width: 200, title:'活动结束时间', sort: true}
  125. ,{field:'Remark', width: 200, title:'备注', sort: true}
  126. ,{field:'CreateMan', width: 200, title:'创建人', sort: true}
  127. ,{field:'CreateDate', width: 200, title:'创建时间', sort: true}
  128. , {field:'Sort', fixed: 'right', title:'排序', width:80, edit: 'text'}
  129. , { title: '操作', width: 100, align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
  130. ]]
  131. , where: {
  132. }
  133. , page: true
  134. , limit: 30
  135. , height: 'full-' + String($('.layui-card-header').height() + 130)
  136. , text: '对不起,加载出现异常!'
  137. , done: function (res, curr, count) {
  138. $(".layui-none").text("无数据");
  139. }
  140. });
  141. //监听工具条
  142. table.on('tool(LAY-list-manage)', function (obj) {
  143. var data = obj.data;
  144. if (obj.event === 'del') {
  145. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  146. $.ajax({
  147. type: "POST",
  148. url: "/Admin/ActivityInfo/Delete?r=" + Math.random(1),
  149. data: "Id=" + data.Id,
  150. dataType: "text",
  151. success: function (data) {
  152. if (data == "success") {
  153. obj.del();
  154. layer.close(index);
  155. } else {
  156. parent.layer.msg(data);
  157. }
  158. }
  159. });
  160. });
  161. } else if (obj.event === 'edit') {
  162. var tr = $(obj.tr);
  163. var perContent = layer.open({
  164. type: 2
  165. , title: '活动信息-编辑'
  166. , content: 'Edit?Id=' + data.Id + ''
  167. , maxmin: true
  168. , area: ['500px', '450px']
  169. , btn: ['确定', '取消']
  170. , yes: function (index, layero) {
  171. var iframeWindow = window['layui-layer-iframe' + index]
  172. , submitID = 'LAY-list-front-submit'
  173. , submit = layero.find('iframe').contents().find('#' + submitID);
  174. setTimeout(function () {
  175. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  176. var errObj = $(this).find('.layui-form-danger');
  177. if (errObj.length > 0) {
  178. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  179. submit.click();
  180. }
  181. });
  182. }, 300);
  183. //活动详情
  184. iframeWindow.ActContentedit.sync();
  185. //监听提交
  186. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  187. var field = data.field; //获取提交的字段
  188. var userdata = "";
  189. for (var prop in field) {
  190. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  191. }
  192. //提交 Ajax 成功后,静态更新表格中的数据
  193. //$.ajax({});
  194. $.ajax({
  195. type: "POST",
  196. url: "/Admin/ActivityInfo/Edit?r=" + Math.random(1),
  197. data: userdata,
  198. dataType: "text",
  199. success: function (data) {
  200. layer.close(index); //关闭弹层
  201. if (data == "success") {
  202. table.reload('LAY-list-manage'); //数据刷新
  203. } else {
  204. layer.msg(data);
  205. }
  206. }
  207. });
  208. });
  209. submit.trigger('click');
  210. }
  211. , success: function (layero, index) {
  212. }
  213. });
  214. layer.full(perContent);
  215. } else if (obj.event === 'detail') {
  216. var tr = $(obj.tr);
  217. var perContent = layer.open({
  218. type: 2
  219. , title: '详情'
  220. , content: 'Detail?Id=' + data.Id + ''
  221. , maxmin: true
  222. , area: ['500px', '450px']
  223. , btn: ['关闭']
  224. , yes: function (index, layero) {
  225. layer.close(index); //关闭弹层
  226. }
  227. , success: function (layero, index) {
  228. }
  229. });
  230. layer.full(perContent);
  231. }
  232. });
  233. //监听搜索
  234. form.on('submit(LAY-list-front-search)', function (data) {
  235. var field = data.field;
  236. //执行重载
  237. table.reload('LAY-list-manage', {
  238. where: field,
  239. page: {
  240. curr: 1
  241. }
  242. });
  243. });
  244. form.on('submit(LAY-list-front-searchall)', function (data) {
  245. table.reload('LAY-list-manage', {
  246. where: null,
  247. page: {
  248. curr: 1
  249. }
  250. });
  251. });
  252. //事件
  253. var active = {
  254. batchdel: function () {
  255. var checkStatus = table.checkStatus('LAY-list-manage')
  256. , data = checkStatus.data; //得到选中的数据
  257. if (data.length < 1) {
  258. parent.layer.msg("请选择要删除的项");
  259. } else {
  260. var ids = "";
  261. $.each(data, function (index, value) {
  262. ids += data[index].Id + ",";
  263. });
  264. ids = ids.substring(0, ids.length - 1);
  265. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  266. $.ajax({
  267. type: "POST",
  268. url: "/Admin/ActivityInfo/Delete?r=" + Math.random(1),
  269. data: "Id=" + ids,
  270. dataType: "text",
  271. success: function (data) {
  272. layer.close(index);
  273. if (data == "success") {
  274. table.reload('LAY-list-manage');
  275. } else {
  276. layer.msg(data);
  277. }
  278. }
  279. });
  280. });
  281. }
  282. }
  283. , add: function () {
  284. var perContent = layer.open({
  285. type: 2
  286. , title: '活动信息-添加'
  287. , content: 'Add'
  288. , maxmin: true
  289. , area: ['500px', '450px']
  290. , btn: ['确定', '取消']
  291. , yes: function (index, layero) {
  292. var iframeWindow = window['layui-layer-iframe' + index]
  293. , submitID = 'LAY-list-front-submit'
  294. , submit = layero.find('iframe').contents().find('#' + submitID);
  295. setTimeout(function () {
  296. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  297. var errObj = $(this).find('.layui-form-danger');
  298. if (errObj.length > 0) {
  299. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  300. submit.click();
  301. }
  302. });
  303. }, 300);
  304. //活动详情
  305. iframeWindow.ActContentedit.sync();
  306. //监听提交
  307. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  308. var field = data.field; //获取提交的字段
  309. var userdata = "";
  310. for (var prop in field) {
  311. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  312. }
  313. //提交 Ajax 成功后,静态更新表格中的数据
  314. //$.ajax({});
  315. $.ajax({
  316. type: "POST",
  317. url: "/Admin/ActivityInfo/Add?r=" + Math.random(1),
  318. data: userdata,
  319. dataType: "text",
  320. success: function (data) {
  321. layer.close(index); //关闭弹层
  322. if (data == "success") {
  323. table.reload('LAY-list-manage'); //数据刷新
  324. } else {
  325. layer.msg(data);
  326. }
  327. }
  328. });
  329. });
  330. submit.trigger('click');
  331. }
  332. });
  333. layer.full(perContent);
  334. }
  335. , ImportData: function () {
  336. ExcelKind = 1;
  337. layer.open({
  338. type: 1,
  339. title: '导入',
  340. maxmin: false,
  341. area: ['460px', '280px'],
  342. content: $('#excelForm'),
  343. cancel: function () {
  344. }
  345. });
  346. $("#excelTemp").html('<a href="/excelfile/模板文件.xlsx">点击下载模板文件</a>');
  347. }
  348. , ExportExcel: function () {
  349. var userdata = '';
  350. $(".layuiadmin-card-header-auto input").each(function (i) {
  351. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  352. });
  353. $(".layuiadmin-card-header-auto select").each(function (i) {
  354. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  355. });
  356. $.ajax({
  357. type: "GET",
  358. url: "/Admin/ActivityInfo/ExportExcel?r=" + Math.random(1),
  359. data: userdata,
  360. dataType: "json",
  361. success: function (data) {
  362. data.Obj.unshift(data.Fields);
  363. excel.exportExcel(data.Obj, data.Info, 'xlsx');
  364. }
  365. });
  366. }
  367. , Open: function () {
  368. var checkStatus = table.checkStatus('LAY-list-manage')
  369. , data = checkStatus.data; //得到选中的数据
  370. if(data.length < 1){
  371. parent.layer.msg("请选择要开启的项");
  372. }else{
  373. var ids = "";
  374. $.each(data, function (index, value) {
  375. ids += data[index].Id + ",";
  376. });
  377. ids = ids.substring(0, ids.length - 1);
  378. var index = layer.confirm('确定要开启吗?', function (index) {
  379. $.ajax({
  380. type: "POST",
  381. url: "/Admin/ActivityInfo/Open?r=" + Math.random(1),
  382. data: "Id=" + ids,
  383. dataType: "text",
  384. success: function (data) {
  385. layer.close(index);
  386. if (data == "success") {
  387. table.reload('LAY-list-manage');
  388. } else {
  389. layer.msg(data);
  390. }
  391. }
  392. });
  393. });
  394. }
  395. }
  396. , Close: function () {
  397. var checkStatus = table.checkStatus('LAY-list-manage')
  398. , data = checkStatus.data; //得到选中的数据
  399. if(data.length < 1){
  400. parent.layer.msg("请选择要关闭的项");
  401. }else{
  402. var ids = "";
  403. $.each(data, function (index, value) {
  404. ids += data[index].Id + ",";
  405. });
  406. ids = ids.substring(0, ids.length - 1);
  407. var index = layer.confirm('确定要关闭吗?', function (index) {
  408. $.ajax({
  409. type: "POST",
  410. url: "/Admin/ActivityInfo/Close?r=" + Math.random(1),
  411. data: "Id=" + ids,
  412. dataType: "text",
  413. success: function (data) {
  414. layer.close(index);
  415. if (data == "success") {
  416. table.reload('LAY-list-manage');
  417. } else {
  418. layer.msg(data);
  419. }
  420. }
  421. });
  422. });
  423. }
  424. }
  425. };
  426. $('.layui-btn').on('click', function () {
  427. var type = $(this).data('type');
  428. active[type] ? active[type].call(this) : '';
  429. });
  430. });