UserAddress_Admin.js 13 KB

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