UserGroup_Admin.js 13 KB

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