UserCenterIconList_Admin.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373
  1. var ExcelData,ExcelKind;
  2. function ConfirmImport() {
  3. $.ajax({
  4. type: "POST",
  5. url: "/Admin/UserCenterIconList/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. //excel导入
  32. excel = layui.excel;
  33. $('#ExcelFile').change(function (e) {
  34. var files = e.target.files;
  35. excel.importExcel(files, { }, function (data) {
  36. ExcelData = data[0].sheet1;
  37. });
  38. });
  39. //监听单元格编辑
  40. table.on('edit(LAY-list-manage)', function(obj){
  41. var value = obj.value //得到修改后的值
  42. ,data = obj.data //得到所在行所有键值
  43. ,field = obj.field; //得到字段
  44. if(field == "Sort"){
  45. $.ajax({
  46. type: "POST",
  47. url: "/Admin/UserCenterIconList/Sort?r=" + Math.random(1),
  48. data: "Id=" + data.Id + "&Sort=" + value,
  49. dataType: "text",
  50. success: function (data) {
  51. }
  52. });
  53. }
  54. });
  55. //列表数据
  56. table.render({
  57. elem: '#LAY-list-manage'
  58. , url: '/Admin/UserCenterIconList/IndexData' //模拟接口
  59. , cols: [[
  60. { type: 'checkbox', fixed: 'left' }
  61. , {field:'Id', fixed: 'left', title:'ID', width:80, sort: true, unresize: true}
  62. ,{field:'Title', width: 200, title:'标题', sort: true}
  63. ,{field:'Url', width: 200, title:'跳转地址', sort: true}
  64. , {field:'Sort', fixed: 'right', title:'排序', width:80, edit: 'text'}
  65. , { title: '操作', align: 'center', fixed: 'right', toolbar: '#table-list-tools' }
  66. ]]
  67. , where: {
  68. }
  69. , page: true
  70. , limit: 30
  71. , height: 'full-220'
  72. , text: '对不起,加载出现异常!'
  73. , done: function (res, curr, count) {
  74. $(".layui-none").text("无数据");
  75. }
  76. });
  77. //监听工具条
  78. table.on('tool(LAY-list-manage)', function (obj) {
  79. var data = obj.data;
  80. if (obj.event === 'del') {
  81. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  82. $.ajax({
  83. type: "POST",
  84. url: "/Admin/UserCenterIconList/Delete?r=" + Math.random(1),
  85. data: "Id=" + data.Id,
  86. dataType: "text",
  87. success: function (data) {
  88. if (data == "success") {
  89. obj.del();
  90. layer.close(index);
  91. } else {
  92. parent.layer.msg(data);
  93. }
  94. }
  95. });
  96. });
  97. } else if (obj.event === 'edit') {
  98. var tr = $(obj.tr);
  99. var perContent = layer.open({
  100. type: 2
  101. , title: '个人中心常用工具-编辑'
  102. , content: 'Edit?Id=' + data.Id + ''
  103. , maxmin: true
  104. , area: ['500px', '450px']
  105. , btn: ['确定', '取消']
  106. , yes: function (index, layero) {
  107. var iframeWindow = window['layui-layer-iframe' + index]
  108. , submitID = 'LAY-list-front-submit'
  109. , submit = layero.find('iframe').contents().find('#' + submitID);
  110. setTimeout(function () {
  111. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  112. var errObj = $(this).find('.layui-form-danger');
  113. if (errObj.length > 0) {
  114. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  115. submit.click();
  116. }
  117. });
  118. }, 300);
  119. //监听提交
  120. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  121. var field = data.field; //获取提交的字段
  122. var userdata = "";
  123. for (var prop in field) {
  124. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  125. }
  126. //提交 Ajax 成功后,静态更新表格中的数据
  127. //$.ajax({});
  128. $.ajax({
  129. type: "POST",
  130. url: "/Admin/UserCenterIconList/Edit?r=" + Math.random(1),
  131. data: userdata,
  132. dataType: "text",
  133. success: function (data) {
  134. layer.close(index); //关闭弹层
  135. if (data == "success") {
  136. table.reload('LAY-list-manage'); //数据刷新
  137. } else {
  138. layer.msg(data);
  139. }
  140. }
  141. });
  142. });
  143. submit.trigger('click');
  144. }
  145. , success: function (layero, index) {
  146. }
  147. });
  148. layer.full(perContent);
  149. }
  150. });
  151. //监听搜索
  152. form.on('submit(LAY-list-front-search)', function (data) {
  153. var field = data.field;
  154. //执行重载
  155. table.reload('LAY-list-manage', {
  156. where: field
  157. });
  158. });
  159. form.on('submit(LAY-list-front-searchall)', function (data) {
  160. table.reload('LAY-list-manage', {
  161. where: null
  162. });
  163. });
  164. //事件
  165. var active = {
  166. batchdel: function () {
  167. var checkStatus = table.checkStatus('LAY-list-manage')
  168. , data = checkStatus.data; //得到选中的数据
  169. if (data.length < 1) {
  170. parent.layer.msg("请选择要删除的项");
  171. } else {
  172. var ids = "";
  173. $.each(data, function (index, value) {
  174. ids += data[index].Id + ",";
  175. });
  176. ids = ids.substring(0, ids.length - 1);
  177. var index = layer.confirm('确定要删除吗?删除后不能恢复!', function (index) {
  178. $.ajax({
  179. type: "POST",
  180. url: "/Admin/UserCenterIconList/Delete?r=" + Math.random(1),
  181. data: "Id=" + ids,
  182. dataType: "text",
  183. success: function (data) {
  184. layer.close(index);
  185. if (data == "success") {
  186. table.reload('LAY-list-manage');
  187. } else {
  188. layer.msg(data);
  189. }
  190. }
  191. });
  192. });
  193. }
  194. }
  195. , add: function () {
  196. var perContent = layer.open({
  197. type: 2
  198. , title: '个人中心常用工具-添加'
  199. , content: 'Add'
  200. , maxmin: true
  201. , area: ['500px', '450px']
  202. , btn: ['确定', '取消']
  203. , yes: function (index, layero) {
  204. var iframeWindow = window['layui-layer-iframe' + index]
  205. , submitID = 'LAY-list-front-submit'
  206. , submit = layero.find('iframe').contents().find('#' + submitID);
  207. setTimeout(function () {
  208. layero.find('iframe').contents().find('.layui-tab-item').each(function (i) {
  209. var errObj = $(this).find('.layui-form-danger');
  210. if (errObj.length > 0) {
  211. iframeWindow.element.tabChange('mytabbar', String(i + 1));
  212. submit.click();
  213. }
  214. });
  215. }, 300);
  216. //监听提交
  217. iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
  218. var field = data.field; //获取提交的字段
  219. var userdata = "";
  220. for (var prop in field) {
  221. userdata += prop + "=" + encodeURIComponent(field[prop]) + "&";
  222. }
  223. //提交 Ajax 成功后,静态更新表格中的数据
  224. //$.ajax({});
  225. $.ajax({
  226. type: "POST",
  227. url: "/Admin/UserCenterIconList/Add?r=" + Math.random(1),
  228. data: userdata,
  229. dataType: "text",
  230. success: function (data) {
  231. layer.close(index); //关闭弹层
  232. if (data == "success") {
  233. table.reload('LAY-list-manage'); //数据刷新
  234. } else {
  235. layer.msg(data);
  236. }
  237. }
  238. });
  239. });
  240. submit.trigger('click');
  241. }
  242. });
  243. layer.full(perContent);
  244. }
  245. , ImportData: function () {
  246. ExcelKind = 1;
  247. layer.open({
  248. type: 1,
  249. title: '导入',
  250. maxmin: false,
  251. area: ['460px', '280px'],
  252. content: $('#excelForm'),
  253. cancel: function () {
  254. }
  255. });
  256. $("#excelTemp").html('<a href="/excelfile/模板文件.xlsx">点击下载模板文件</a>');
  257. }
  258. , ExportExcel: function () {
  259. var userdata = '';
  260. $(".layuiadmin-card-header-auto input").each(function (i) {
  261. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  262. });
  263. $(".layuiadmin-card-header-auto select").each(function (i) {
  264. userdata += $(this).attr('name') + '=' + encodeURIComponent($(this).val()) + '&';
  265. });
  266. $.ajax({
  267. type: "GET",
  268. url: "/Admin/UserCenterIconList/ExportExcel?r=" + Math.random(1),
  269. data: userdata,
  270. dataType: "json",
  271. success: function (data) {
  272. data.Obj.unshift(data.Fields);
  273. excel.exportExcel(data.Obj, data.Info, 'xlsx');
  274. }
  275. });
  276. }
  277. , Open: function () {
  278. var checkStatus = table.checkStatus('LAY-list-manage')
  279. , data = checkStatus.data; //得到选中的数据
  280. if(data.length < 1){
  281. parent.layer.msg("请选择要开启的项");
  282. }else{
  283. var ids = "";
  284. $.each(data, function (index, value) {
  285. ids += data[index].Id + ",";
  286. });
  287. ids = ids.substring(0, ids.length - 1);
  288. var index = layer.confirm('确定要开启吗?', function (index) {
  289. $.ajax({
  290. type: "POST",
  291. url: "/Admin/UserCenterIconList/Open?r=" + Math.random(1),
  292. data: "Id=" + ids,
  293. dataType: "text",
  294. success: function (data) {
  295. layer.close(index);
  296. if (data == "success") {
  297. table.reload('LAY-list-manage');
  298. } else {
  299. layer.msg(data);
  300. }
  301. }
  302. });
  303. });
  304. }
  305. }
  306. , Close: function () {
  307. var checkStatus = table.checkStatus('LAY-list-manage')
  308. , data = checkStatus.data; //得到选中的数据
  309. if(data.length < 1){
  310. parent.layer.msg("请选择要关闭的项");
  311. }else{
  312. var ids = "";
  313. $.each(data, function (index, value) {
  314. ids += data[index].Id + ",";
  315. });
  316. ids = ids.substring(0, ids.length - 1);
  317. var index = layer.confirm('确定要关闭吗?', function (index) {
  318. $.ajax({
  319. type: "POST",
  320. url: "/Admin/UserCenterIconList/Close?r=" + Math.random(1),
  321. data: "Id=" + ids,
  322. dataType: "text",
  323. success: function (data) {
  324. layer.close(index);
  325. if (data == "success") {
  326. table.reload('LAY-list-manage');
  327. } else {
  328. layer.msg(data);
  329. }
  330. }
  331. });
  332. });
  333. }
  334. }
  335. };
  336. $('.layui-btn').on('click', function () {
  337. var type = $(this).data('type');
  338. active[type] ? active[type].call(this) : '';
  339. });
  340. });