address.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. $(function () {
  2. let userId = getQueryString("userId");
  3. let url = '../address/list';
  4. if (userId) {
  5. url += '?userId=' + userId;
  6. }
  7. $("#jqGrid").jqGrid({
  8. url: url,
  9. datatype: "json",
  10. colModel: [
  11. {label: 'id', name: 'id', index: 'id', key: true, hidden: true},
  12. {label: '会员', name: 'shopUserName', index: 'user_id', width: 240},
  13. {label: '收货人姓名', name: 'userName', index: 'user_name', width: 100},
  14. {label: '手机', name: 'telNumber', index: 'tel_number', width: 140},
  15. {label: '收货地址国家码', name: 'nationalCode', index: 'national_Code', width: 120},
  16. {label: '省', name: 'provinceName', index: 'province_Name',align:'center', width: 140},
  17. {label: '市', name: 'cityName', index: 'city_Name',align:'center', width: 80},
  18. {label: '区', name: 'countyName', index: 'county_Name',align:'center', width: 80},
  19. {label: '详细收货地址信息', name: 'detailInfo', index: 'detail_Info', width: 400},
  20. {label: '邮编', name: 'postalCode', index: 'postal_Code', width: 80}],
  21. viewrecords: true,
  22. height: 550,
  23. rowNum: 10,
  24. rowList: [10, 30, 50],
  25. rownumbers: true,
  26. rownumWidth: 25,
  27. autowidth: true,
  28. shrinkToFit: false,
  29. autoScroll: true, //开启水平滚动条
  30. width: 1500,
  31. multiselect: true,
  32. pager: "#jqGridPager",
  33. jsonReader: {
  34. root: "page.list",
  35. page: "page.currPage",
  36. total: "page.totalPage",
  37. records: "page.totalCount"
  38. },
  39. prmNames: {
  40. page: "page",
  41. rows: "limit",
  42. order: "order"
  43. },
  44. gridComplete: function () {
  45. //隐藏grid底部滚动条
  46. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
  47. }
  48. });
  49. });
  50. var vm = new Vue({
  51. el: '#rrapp',
  52. data: {
  53. showList: true,
  54. q: {
  55. userName: '',
  56. telNumber: ''
  57. }
  58. },
  59. methods: {
  60. query: function () {
  61. vm.reload();
  62. },
  63. reload: function (event) {
  64. vm.showList = true;
  65. var page = $("#jqGrid").jqGrid('getGridParam', 'page');
  66. $("#jqGrid").jqGrid('setGridParam', {
  67. postData: {
  68. 'userName': vm.q.userName,
  69. 'telNumber': vm.q.telNumber
  70. },
  71. page: page
  72. }).trigger("reloadGrid");
  73. },
  74. del: function (event) {
  75. var ids = getSelectedRows();
  76. if (ids == null) {
  77. return;
  78. }
  79. confirm('确定要删除选中的记录?', function () {
  80. $.ajax({
  81. type: "POST",
  82. url: "../address/delete",
  83. contentType: "application/json",
  84. data: JSON.stringify(ids),
  85. success: function (r) {
  86. if (r.code == 0) {
  87. alert('操作成功', function (index) {
  88. $("#jqGrid").trigger("reloadGrid");
  89. });
  90. } else {
  91. alert(r.msg);
  92. }
  93. }
  94. });
  95. });
  96. }
  97. }
  98. });