Users_Admin.js 14 KB

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