shopuser.js 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. $(function () {
  2. $("#jqGrid").jqGrid({
  3. url: '../user/list',
  4. datatype: "json",
  5. colModel: [{
  6. label: 'id', name: 'id', index: 'id', key: true, hidden: true
  7. }, {
  8. label: '会员名称', name: 'username', index: 'username', width: 150
  9. }, {
  10. label: '会员密码', name: 'password', index: 'password', hidden: true
  11. }, {
  12. label: '性别', name: 'gender', index: 'gender',align:'center', width: 80, formatter: function (value) {
  13. return transGender(value);
  14. }
  15. }, {
  16. label: '出生日期', name: 'birthday', index: 'birthday',align:'center', width: 140, formatter: function (value) {
  17. return transDate(value);
  18. }
  19. }, {
  20. label: '注册时间', name: 'registerTime', index: 'register_time', align:'center',width: 140, formatter: function (value) {
  21. return transDate(value);
  22. }
  23. }, {
  24. label: '最后登录时间', name: 'lastLoginTime', index: 'last_login_time', align:'center',width: 140, formatter: function (value) {
  25. return transDate(value);
  26. }
  27. }, {
  28. label: '最后登录Ip', name: 'lastLoginIp', index: 'last_login_ip', hidden: true
  29. }, {
  30. label: '会员等级', name: 'levelName', align:'center',width: 120
  31. }, {
  32. label: '微信名', name: 'nickname', index: 'nickname', width: 240
  33. }, {
  34. label: '手机号码', name: 'mobile', index: 'mobile', align:'center',width: 140
  35. }, {
  36. label: '注册Ip', name: 'registerIp', index: 'register_ip', hidden: true
  37. }, {
  38. label: '头像', name: 'avatar', index: 'avatar', align:'center',width: 100, formatter: function (value) {
  39. return transImg(value);
  40. }
  41. }, {
  42. label: '微信Id', name: 'weixinOpenid', index: 'weixin_openid', width: 80, hidden: true
  43. }],
  44. viewrecords: true,
  45. height: 550,
  46. rowNum: 10,
  47. rowList: [10, 30, 50],
  48. rownumbers: true,
  49. rownumWidth: 25,
  50. autowidth: true,
  51. shrinkToFit: false,
  52. autoScroll: true, //开启水平滚动条
  53. width: 1500,
  54. multiselect: true,
  55. pager: "#jqGridPager",
  56. jsonReader: {
  57. root: "page.list",
  58. page: "page.currPage",
  59. total: "page.totalPage",
  60. records: "page.totalCount"
  61. },
  62. prmNames: {
  63. page: "page",
  64. rows: "limit",
  65. order: "order"
  66. },
  67. gridComplete: function () {
  68. //隐藏grid底部滚动条
  69. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
  70. }
  71. });
  72. });
  73. var vm = new Vue({
  74. el: '#rrapp',
  75. data: {
  76. showList: true,
  77. title: null,
  78. user: {
  79. gender: 1
  80. },
  81. ruleValidate: {
  82. username: [
  83. {required: true, message: '会员名称不能为空', trigger: 'blur'}
  84. ]
  85. },
  86. q: {
  87. username: ''
  88. },
  89. userLevels: []
  90. },
  91. methods: {
  92. query: function () {
  93. vm.reload();
  94. },
  95. add: function () {
  96. vm.showList = false;
  97. vm.title = "新增";
  98. vm.user = {gender: '1'};
  99. vm.userLevels = [];
  100. this.getUserLevels();
  101. },
  102. update: function (event) {
  103. var id = getSelectedRow();
  104. if (id == null) {
  105. return;
  106. }
  107. vm.showList = false;
  108. vm.title = "修改";
  109. vm.getInfo(id)
  110. this.getUserLevels();
  111. },
  112. saveOrUpdate: function (event) {
  113. var url = vm.user.id == null ? "../user/save" : "../user/update";
  114. $.ajax({
  115. type: "POST",
  116. url: url,
  117. contentType: "application/json",
  118. data: JSON.stringify(vm.user),
  119. success: function (r) {
  120. if (r.code === 0) {
  121. alert('操作成功', function (index) {
  122. vm.reload();
  123. });
  124. } else {
  125. alert(r.msg);
  126. }
  127. }
  128. });
  129. },
  130. del: function (event) {
  131. var ids = getSelectedRows();
  132. if (ids == null) {
  133. return;
  134. }
  135. confirm('确定要删除选中的记录?', function () {
  136. $.ajax({
  137. type: "POST",
  138. url: "../user/delete",
  139. contentType: "application/json",
  140. data: JSON.stringify(ids),
  141. success: function (r) {
  142. if (r.code == 0) {
  143. alert('操作成功', function (index) {
  144. $("#jqGrid").trigger("reloadGrid");
  145. });
  146. } else {
  147. alert(r.msg);
  148. }
  149. }
  150. });
  151. });
  152. },
  153. exportUser: function () {
  154. exportFile('#rrapp', '../user/export', {'username': vm.q.username});
  155. },
  156. coupon: function () {
  157. var id = getSelectedRow();
  158. if (id == null) {
  159. return;
  160. }
  161. openWindow({
  162. title: '优惠券',
  163. type: 2,
  164. content: '../shop/usercoupon.html?userId=' + id
  165. })
  166. },
  167. address: function () {
  168. var id = getSelectedRow();
  169. if (id == null) {
  170. return;
  171. }
  172. openWindow({
  173. title: '收获地址',
  174. type: 2,
  175. content: '../shop/address.html?userId=' + id
  176. })
  177. },
  178. shopCart: function () {
  179. var id = getSelectedRow();
  180. if (id == null) {
  181. return;
  182. }
  183. openWindow({
  184. title: '购物车',
  185. type: 2,
  186. content: '../shop/cart.html?userId=' + id
  187. })
  188. },
  189. getInfo: function (id) {
  190. $.get("../user/info/" + id, function (r) {
  191. vm.user = r.user;
  192. });
  193. },
  194. /**
  195. * 获取会员级别
  196. */
  197. getUserLevels: function () {
  198. $.get("../userlevel/queryAll", function (r) {
  199. vm.userLevels = r.list;
  200. });
  201. },
  202. reload: function (event) {
  203. vm.showList = true;
  204. var page = $("#jqGrid").jqGrid('getGridParam', 'page');
  205. $("#jqGrid").jqGrid('setGridParam', {
  206. postData: {'username': vm.q.username},
  207. page: page,
  208. }).trigger("reloadGrid");
  209. vm.handleReset('formValidate');
  210. },
  211. handleSubmit: function (name) {
  212. handleSubmitValidate(this, name, function () {
  213. vm.saveOrUpdate()
  214. });
  215. },
  216. handleReset: function (name) {
  217. handleResetForm(this, name);
  218. }
  219. }
  220. });