TeamApply_Admin.js 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526
  1. var ExcelData,ExcelKind;
  2. function ConfirmImport() {
  3. $.ajax({
  4. type: "POST",
  5. url: "/Admin/TeamApply/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 layEffectStartDate = laydate.render({
  32. elem: '#EffectStartDate',
  33. trigger: 'click',
  34. type: 'date',
  35. range: true,
  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. layEffectStartDate.hint('日期范围请不要超过1个月');
  42. setTimeout(function () {
  43. $(".laydate-btns-confirm").addClass("laydate-disabled");
  44. }, 1);
  45. }
  46. } else {
  47. op = false;
  48. layEffectStartDate.hint('日期范围请不要超过1个月');
  49. setTimeout(function () {
  50. $(".laydate-btns-confirm").addClass("laydate-disabled");
  51. }, 1);
  52. }
  53. if (op) {
  54. $('#EffectStartDate').val(value);
  55. }
  56. }
  57. });
  58. var layEnterStartDate = laydate.render({
  59. elem: '#EnterStartDate',
  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. layEnterStartDate.hint('日期范围请不要超过1个月');
  69. setTimeout(function () {
  70. $(".laydate-btns-confirm").addClass("laydate-disabled");
  71. }, 1);
  72. }
  73. } else {
  74. op = false;
  75. layEnterStartDate.hint('日期范围请不要超过1个月');
  76. setTimeout(function () {
  77. $(".laydate-btns-confirm").addClass("laydate-disabled");
  78. }, 1);
  79. }
  80. if (op) {
  81. $('#EnterStartDate').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/TeamApply/Sort?r=" + Math.random(1),
  102. data: "Id=" + data.Id + "&Sort=" + value,
  103. dataType: "text",
  104. success: function (data) {
  105. }
  106. });
  107. }
  108. });
  109. var cols = [];
  110. if (Status == '1') {
  111. cols = [[
  112. { type: 'checkbox', fixed: 'left' }
  113. , { field: 'TeamNo', width: 200, title: '队伍编码', sort: true }
  114. , { field: 'TeamName', width: 200, title: '队伍名称', sort: true }
  115. , { field: 'UserIdMakerCode', width: 200, title: '队长创客编号', sort: true }
  116. , { field: 'UserIdRealName', width: 200, title: '队长真实姓名', sort: true }
  117. , { field: 'TopUserIdMakerCode', width: 200, title: '顶级创客编号', sort: true }
  118. , { field: 'TopUserIdRealName', width: 200, title: '顶级创客姓名', sort: true }
  119. , { field: 'Areas', width: 200, title: '特训营所在地区', sort: true }
  120. , { field: 'EffectStartDate', width: 200, title: '活动开始时间', sort: true }
  121. , { field: 'EffectEndDate', width: 200, title: '活动结束时间', sort: true }
  122. , { field: 'EnterStartDate', width: 200, title: '报名开始时间', sort: true }
  123. , { field: 'EnterEndDate', width: 200, title: '报名结束时间', sort: true }
  124. , { field: 'MinUserNum', width: 200, title: '最小队伍人数', sort: true }
  125. , { field: 'MaxUserNum', width: 200, title: '最大队伍人数', sort: true }
  126. , { field: 'WatchWord', width: 200, title: '口号', sort: true }
  127. , { field: 'TeamStatusName', width: 200, title: '组队状态', sort: true }
  128. ]];
  129. } else {
  130. cols = [[
  131. { type: 'checkbox', fixed: 'left' }
  132. , { field: 'TeamNo', width: 200, title: '队伍编码', sort: true }
  133. , { field: 'TeamName', width: 200, title: '队伍名称', sort: true }
  134. , { field: 'UserIdMakerCode', width: 200, title: '队长创客编号', sort: true }
  135. , { field: 'UserIdRealName', width: 200, title: '队长真实姓名', sort: true }
  136. , { field: 'TopUserIdMakerCode', width: 200, title: '顶级创客编号', sort: true }
  137. , { field: 'TopUserIdRealName', width: 200, title: '顶级创客姓名', sort: true }
  138. , { field: 'Areas', width: 200, title: '特训营所在地区', sort: true }
  139. , { field: 'EffectStartDate', width: 200, title: '活动开始时间', sort: true }
  140. , { field: 'EffectEndDate', width: 200, title: '活动结束时间', sort: true }
  141. , { field: 'EnterStartDate', width: 200, title: '报名开始时间', sort: true }
  142. , { field: 'EnterEndDate', width: 200, title: '报名结束时间', sort: true }
  143. , { field: 'MinUserNum', width: 200, title: '最小队伍人数', sort: true }
  144. , { field: 'MaxUserNum', width: 200, title: '最大队伍人数', sort: true }
  145. , { field: 'WatchWord', width: 200, title: '口号', sort: true }
  146. , { field: 'TeamStatusName', width: 200, title: '组队状态', sort: true }
  147. , { field: 'AuditResult', width: 200, title: '审核结果', sort: true }
  148. , { field: 'AuditTime', width: 200, title: '审核时间', sort: true }
  149. , { field: 'AuditRemark', width: 200, title: '审核备注', sort: true }
  150. , { field: 'NotifyFlag', width: 200, title: '提醒标识', sort: true }
  151. , { field: 'Remark', width: 200, title: '备注', sort: true }
  152. , { title: '操作', width: 100, align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
  153. ]];
  154. }
  155. //列表数据
  156. table.render({
  157. elem: '#LAY-list-manage'
  158. , url: '/Admin/TeamApply/IndexData' //模拟接口
  159. , cols: cols
  160. , where: {
  161. Status: Status
  162. }
  163. , page: true
  164. , limit: 30
  165. , height: 'full-' + String($('.layui-card-header').height() + 130)
  166. , text: '对不起,加载出现异常!'
  167. , done: function (res, curr, count) {
  168. $(".layui-none").text("无数据");
  169. }
  170. });
  171. //监听工具条
  172. table.on('tool(LAY-list-manage)', function (obj) {
  173. var data = obj.data;
  174. if (obj.event === 'del') {
  175. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  176. $.ajax({
  177. type: "POST",
  178. url: "/Admin/TeamApply/Delete?r=" + Math.random(1),
  179. data: "Id=" + data.Id,
  180. dataType: "text",
  181. success: function (data) {
  182. if (data == "success") {
  183. obj.del();
  184. layer.close(index);
  185. } else {
  186. parent.layer.msg(data);
  187. }
  188. }
  189. });
  190. });
  191. } else if (obj.event === 'edit') {
  192. var tr = $(obj.tr);
  193. var perContent = layer.open({
  194. type: 2
  195. , title: '开团申请-编辑'
  196. , content: 'Edit?Id=' + data.Id + ''
  197. , maxmin: true
  198. , area: ['500px', '450px']
  199. , btn: ['确定', '取消']
  200. , yes: function (index, layero) {
  201. var iframeWindow = window['layui-layer-iframe' + index]
  202. , submitID = 'LAY-list-front-submit'
  203. , submit = layero.find('iframe').contents().find('#' + submitID);
  204. setTimeout(function () {
  205. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  206. var errObj = $(this).find('.layui-form-danger');
  207. if (errObj.length > 0) {
  208. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  209. submit.click();
  210. }
  211. });
  212. }, 300);
  213. //监听提交
  214. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  215. var field = data.field; //获取提交的字段
  216. var userdata = "";
  217. for (var prop in field) {
  218. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  219. }
  220. //提交 Ajax 成功后,静态更新表格中的数据
  221. //$.ajax({});
  222. $.ajax({
  223. type: "POST",
  224. url: "/Admin/TeamApply/Edit?r=" + Math.random(1),
  225. data: userdata,
  226. dataType: "text",
  227. success: function (data) {
  228. layer.close(index); //关闭弹层
  229. if (data == "success") {
  230. table.reload('LAY-list-manage'); //数据刷新
  231. } else {
  232. layer.msg(data);
  233. }
  234. }
  235. });
  236. });
  237. submit.trigger('click');
  238. }
  239. , success: function (layero, index) {
  240. }
  241. });
  242. layer.full(perContent);
  243. } else if (obj.event === 'audit') {
  244. var tr = $(obj.tr);
  245. var perContent = layer.open({
  246. type: 2
  247. , title: '开团申请-审核'
  248. , content: 'Audit?Id=' + data.Id + ''
  249. , maxmin: true
  250. , area: ['500px', '450px']
  251. , btn: ['确定', '取消']
  252. , yes: function (index, layero) {
  253. var iframeWindow = window['layui-layer-iframe' + index]
  254. , submitID = 'LAY-list-front-submit'
  255. , submit = layero.find('iframe').contents().find('#' + submitID);
  256. setTimeout(function () {
  257. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  258. var errObj = $(this).find('.layui-form-danger');
  259. if (errObj.length > 0) {
  260. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  261. submit.click();
  262. }
  263. });
  264. }, 300);
  265. //监听提交
  266. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  267. var field = data.field; //获取提交的字段
  268. var userdata = "";
  269. for (var prop in field) {
  270. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  271. }
  272. //提交 Ajax 成功后,静态更新表格中的数据
  273. //$.ajax({});
  274. $.ajax({
  275. type: "POST",
  276. url: "/Admin/TeamApply/Audit?r=" + Math.random(1),
  277. data: userdata,
  278. dataType: "text",
  279. success: function (data) {
  280. if (data == "success") {
  281. layer.close(index); //关闭弹层
  282. layer.msg('提交成功', { time: 1500 }, function () {
  283. table.reload('LAY-list-manage'); //数据刷新
  284. });
  285. } else {
  286. layer.msg(data);
  287. }
  288. }
  289. });
  290. });
  291. submit.trigger('click');
  292. }
  293. , success: function (layero, index) {
  294. }
  295. });
  296. }
  297. });
  298. //监听搜索
  299. form.on('submit(LAY-list-front-search)', function (data) {
  300. var field = data.field;
  301. //执行重载
  302. table.reload('LAY-list-manage', {
  303. where: field
  304. });
  305. });
  306. form.on('submit(LAY-list-front-searchall)', function (data) {
  307. table.reload('LAY-list-manage', {
  308. where: {
  309. Status: Status
  310. }
  311. });
  312. });
  313. //事件
  314. var active = {
  315. batchdel: function () {
  316. var checkStatus = table.checkStatus('LAY-list-manage')
  317. , data = checkStatus.data; //得到选中的数据
  318. if (data.length < 1) {
  319. parent.layer.msg("请选择要删除的项");
  320. } else {
  321. var ids = "";
  322. $.each(data, function (index, value) {
  323. ids += data[index].Id + ",";
  324. });
  325. ids = ids.substring(0, ids.length - 1);
  326. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  327. $.ajax({
  328. type: "POST",
  329. url: "/Admin/TeamApply/Delete?r=" + Math.random(1),
  330. data: "Id=" + ids,
  331. dataType: "text",
  332. success: function (data) {
  333. layer.close(index);
  334. if (data == "success") {
  335. table.reload('LAY-list-manage');
  336. } else {
  337. layer.msg(data);
  338. }
  339. }
  340. });
  341. });
  342. }
  343. }
  344. , add: function () {
  345. var perContent = layer.open({
  346. type: 2
  347. , title: '开团申请-添加'
  348. , content: 'Add'
  349. , maxmin: true
  350. , area: ['500px', '450px']
  351. , btn: ['确定', '取消']
  352. , yes: function (index, layero) {
  353. var iframeWindow = window['layui-layer-iframe' + index]
  354. , submitID = 'LAY-list-front-submit'
  355. , submit = layero.find('iframe').contents().find('#' + submitID);
  356. setTimeout(function () {
  357. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  358. var errObj = $(this).find('.layui-form-danger');
  359. if (errObj.length > 0) {
  360. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  361. submit.click();
  362. }
  363. });
  364. }, 300);
  365. //监听提交
  366. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  367. var field = data.field; //获取提交的字段
  368. var userdata = "";
  369. for (var prop in field) {
  370. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  371. }
  372. //提交 Ajax 成功后,静态更新表格中的数据
  373. //$.ajax({});
  374. $.ajax({
  375. type: "POST",
  376. url: "/Admin/TeamApply/Add?r=" + Math.random(1),
  377. data: userdata,
  378. dataType: "text",
  379. success: function (data) {
  380. layer.close(index); //关闭弹层
  381. if (data == "success") {
  382. table.reload('LAY-list-manage'); //数据刷新
  383. } else {
  384. layer.msg(data);
  385. }
  386. }
  387. });
  388. });
  389. submit.trigger('click');
  390. }
  391. });
  392. layer.full(perContent);
  393. }
  394. , ImportData: function () {
  395. ExcelKind = 1;
  396. layer.open({
  397. type: 1,
  398. title: '导入',
  399. maxmin: false,
  400. area: ['460px', '280px'],
  401. content: $('#excelForm'),
  402. cancel: function () {
  403. }
  404. });
  405. $("#excelTemp").html('<a href="/excelfile/模板文件.xlsx">点击下载模板文件</a>');
  406. }
  407. , ExportExcel: function () {
  408. var userdata = '';
  409. $(".layuiadmin-card-header-auto input").each(function (i) {
  410. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  411. });
  412. $(".layuiadmin-card-header-auto select").each(function (i) {
  413. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  414. });
  415. $.ajax({
  416. type: "GET",
  417. url: "/Admin/TeamApply/ExportExcel?r=" + Math.random(1),
  418. data: userdata,
  419. dataType: "json",
  420. success: function (data) {
  421. data.Obj.unshift(data.Fields);
  422. excel.exportExcel(data.Obj, data.Info, 'xlsx');
  423. }
  424. });
  425. }
  426. , Open: function () {
  427. var checkStatus = table.checkStatus('LAY-list-manage')
  428. , data = checkStatus.data; //得到选中的数据
  429. if(data.length < 1){
  430. parent.layer.msg("请选择要开启的项");
  431. }else{
  432. var ids = "";
  433. $.each(data, function (index, value) {
  434. ids += data[index].Id + ",";
  435. });
  436. ids = ids.substring(0, ids.length - 1);
  437. var index = layer.confirm('确定要开启吗?', function (index) {
  438. $.ajax({
  439. type: "POST",
  440. url: "/Admin/TeamApply/Open?r=" + Math.random(1),
  441. data: "Id=" + ids,
  442. dataType: "text",
  443. success: function (data) {
  444. layer.close(index);
  445. if (data == "success") {
  446. table.reload('LAY-list-manage');
  447. } else {
  448. layer.msg(data);
  449. }
  450. }
  451. });
  452. });
  453. }
  454. }
  455. , Close: function () {
  456. var checkStatus = table.checkStatus('LAY-list-manage')
  457. , data = checkStatus.data; //得到选中的数据
  458. if(data.length < 1){
  459. parent.layer.msg("请选择要关闭的项");
  460. }else{
  461. var ids = "";
  462. $.each(data, function (index, value) {
  463. ids += data[index].Id + ",";
  464. });
  465. ids = ids.substring(0, ids.length - 1);
  466. var index = layer.confirm('确定要关闭吗?', function (index) {
  467. $.ajax({
  468. type: "POST",
  469. url: "/Admin/TeamApply/Close?r=" + Math.random(1),
  470. data: "Id=" + ids,
  471. dataType: "text",
  472. success: function (data) {
  473. layer.close(index);
  474. if (data == "success") {
  475. table.reload('LAY-list-manage');
  476. } else {
  477. layer.msg(data);
  478. }
  479. }
  480. });
  481. });
  482. }
  483. }
  484. };
  485. $('.layui-btn').on('click', function () {
  486. var type = $(this).data('type');
  487. active[type] ? active[type].call(this) : '';
  488. });
  489. });