123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224 |
- $(function () {
- $("#jqGrid").jqGrid({
- url: '../user/list',
- datatype: "json",
- colModel: [{
- label: 'id', name: 'id', index: 'id', key: true, hidden: true
- }, {
- label: '会员名称', name: 'username', index: 'username', width: 150
- }, {
- label: '会员密码', name: 'password', index: 'password', hidden: true
- }, {
- label: '性别', name: 'gender', index: 'gender',align:'center', width: 80, formatter: function (value) {
- return transGender(value);
- }
- }, {
- label: '出生日期', name: 'birthday', index: 'birthday',align:'center', width: 140, formatter: function (value) {
- return transDate(value);
- }
- }, {
- label: '注册时间', name: 'registerTime', index: 'register_time', align:'center',width: 140, formatter: function (value) {
- return transDate(value);
- }
- }, {
- label: '最后登录时间', name: 'lastLoginTime', index: 'last_login_time', align:'center',width: 140, formatter: function (value) {
- return transDate(value);
- }
- }, {
- label: '最后登录Ip', name: 'lastLoginIp', index: 'last_login_ip', hidden: true
- }, {
- label: '会员等级', name: 'levelName', align:'center',width: 120
- }, {
- label: '微信名', name: 'nickname', index: 'nickname', width: 240
- }, {
- label: '手机号码', name: 'mobile', index: 'mobile', align:'center',width: 140
- }, {
- label: '注册Ip', name: 'registerIp', index: 'register_ip', hidden: true
- }, {
- label: '头像', name: 'avatar', index: 'avatar', align:'center',width: 100, formatter: function (value) {
- return transImg(value);
- }
- }, {
- label: '微信Id', name: 'weixinOpenid', index: 'weixin_openid', width: 80, hidden: true
- }],
- viewrecords: true,
- height: 550,
- rowNum: 10,
- rowList: [10, 30, 50],
- rownumbers: true,
- rownumWidth: 25,
- autowidth: true,
- shrinkToFit: false,
- autoScroll: true, //开启水平滚动条
- width: 1500,
- multiselect: true,
- pager: "#jqGridPager",
- jsonReader: {
- root: "page.list",
- page: "page.currPage",
- total: "page.totalPage",
- records: "page.totalCount"
- },
- prmNames: {
- page: "page",
- rows: "limit",
- order: "order"
- },
- gridComplete: function () {
- //隐藏grid底部滚动条
- $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
- }
- });
- });
- var vm = new Vue({
- el: '#rrapp',
- data: {
- showList: true,
- title: null,
- user: {
- gender: 1
- },
- ruleValidate: {
- username: [
- {required: true, message: '会员名称不能为空', trigger: 'blur'}
- ]
- },
- q: {
- username: ''
- },
- userLevels: []
- },
- methods: {
- query: function () {
- vm.reload();
- },
- add: function () {
- vm.showList = false;
- vm.title = "新增";
- vm.user = {gender: '1'};
- vm.userLevels = [];
- this.getUserLevels();
- },
- update: function (event) {
- var id = getSelectedRow();
- if (id == null) {
- return;
- }
- vm.showList = false;
- vm.title = "修改";
- vm.getInfo(id)
- this.getUserLevels();
- },
- saveOrUpdate: function (event) {
- var url = vm.user.id == null ? "../user/save" : "../user/update";
- $.ajax({
- type: "POST",
- url: url,
- contentType: "application/json",
- data: JSON.stringify(vm.user),
- success: function (r) {
- if (r.code === 0) {
- alert('操作成功', function (index) {
- vm.reload();
- });
- } else {
- alert(r.msg);
- }
- }
- });
- },
- del: function (event) {
- var ids = getSelectedRows();
- if (ids == null) {
- return;
- }
- confirm('确定要删除选中的记录?', function () {
- $.ajax({
- type: "POST",
- url: "../user/delete",
- contentType: "application/json",
- data: JSON.stringify(ids),
- success: function (r) {
- if (r.code == 0) {
- alert('操作成功', function (index) {
- $("#jqGrid").trigger("reloadGrid");
- });
- } else {
- alert(r.msg);
- }
- }
- });
- });
- },
- exportUser: function () {
- exportFile('#rrapp', '../user/export', {'username': vm.q.username});
- },
- coupon: function () {
- var id = getSelectedRow();
- if (id == null) {
- return;
- }
- openWindow({
- title: '优惠券',
- type: 2,
- content: '../shop/usercoupon.html?userId=' + id
- })
- },
- address: function () {
- var id = getSelectedRow();
- if (id == null) {
- return;
- }
- openWindow({
- title: '收获地址',
- type: 2,
- content: '../shop/address.html?userId=' + id
- })
- },
- shopCart: function () {
- var id = getSelectedRow();
- if (id == null) {
- return;
- }
- openWindow({
- title: '购物车',
- type: 2,
- content: '../shop/cart.html?userId=' + id
- })
- },
- getInfo: function (id) {
- $.get("../user/info/" + id, function (r) {
- vm.user = r.user;
- });
- },
- /**
- * 获取会员级别
- */
- getUserLevels: function () {
- $.get("../userlevel/queryAll", function (r) {
- vm.userLevels = r.list;
- });
- },
- reload: function (event) {
- vm.showList = true;
- var page = $("#jqGrid").jqGrid('getGridParam', 'page');
- $("#jqGrid").jqGrid('setGridParam', {
- postData: {'username': vm.q.username},
- page: page,
- }).trigger("reloadGrid");
- vm.handleReset('formValidate');
- },
- handleSubmit: function (name) {
- handleSubmitValidate(this, name, function () {
- vm.saveOrUpdate()
- });
- },
- handleReset: function (name) {
- handleResetForm(this, name);
- }
- }
- });
|