$(function () { $("#jqGrid").jqGrid({ url: '../mall2shippingreminderalarm/list', datatype: "json", colModel: [ {label: 'msraId', name: 'msraId', index: 'msra_id', key: true, hidden: true}, {label: '门店id', name: 'storeId', index: 'store_id',align:"center", width: 120}, {label: '门店名称', name: 'storeName', index: 'store_name',align:"center", width: 180}, {label: '门店商品sku', name: 'sku', index: 'sku',align:"center", width: 120}, {label: '商品名称', name: 'goodsName', index: 'goods_name',align:"center", width: 280}, {label: '剩余库存数', name: 'stockNum', index: 'stock_num',align:"right", width: 120}, {label: '平均销量', name: 'averageSales', index: 'average_sales',align:"right", width: 120,formatter:function(value){ if(value === '0'){ return '-'; } return value; }}, { label: '预警时间', name: 'alarmTime', index: 'alarm_time',align:"center", width: 200, formatter: function (value) { return transDate(value, 'yyyy-MM-dd hh:mm:ss'); } } ], 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 () { $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"}); } }); }); let vm = new Vue({ el: '#rrapp', data: { showList: true, title: null, mall2ShippingReminderAlarm: {}, ruleValidate: { name: [ {required: true, message: '名称不能为空', trigger: 'blur'} ] }, q: { name: '' } }, methods: { query: function () { vm.reload(); }, add: function () { vm.showList = false; vm.title = "新增"; vm.mall2ShippingReminderAlarm = {}; }, update: function (event) { let msraId = getSelectedRow(); if (msraId == null) { return; } vm.showList = false; vm.title = "修改"; vm.getInfo(msraId) }, saveOrUpdate: function (event) { let url = vm.mall2ShippingReminderAlarm.msraId == null ? "../mall2shippingreminderalarm/save" : "../mall2shippingreminderalarm/update"; $.ajax({ type: "POST", url: url, contentType: "application/json", data: JSON.stringify(vm.mall2ShippingReminderAlarm), success: function (r) { if (r.code === 0) { alert('操作成功', function (index) { vm.reload(); }); } else { alert(r.msg); } } }); }, del: function (event) { let msraIds = getSelectedRows(); if (msraIds == null){ return; } confirm('确定要删除选中的记录?', function () { $.ajax({ type: "POST", url: "../mall2shippingreminderalarm/delete", contentType: "application/json", data: JSON.stringify(msraIds), success: function (r) { if (r.code == 0) { alert('操作成功', function (index) { $("#jqGrid").trigger("reloadGrid"); }); } else { alert(r.msg); } } }); }); }, getInfo: function(msraId){ $.get("../mall2shippingreminderalarm/info/"+msraId, function (r) { vm.mall2ShippingReminderAlarm = r.mall2ShippingReminderAlarm; }); }, reloadSearch: function() { vm.q = { name: '' } vm.reload(); }, reload: function (event) { vm.showList = true; let page = $("#jqGrid").jqGrid('getGridParam', 'page'); $("#jqGrid").jqGrid('setGridParam', { postData: {'name': vm.q.name}, page: page }).trigger("reloadGrid"); vm.handleReset('formValidate'); }, handleSubmit: function (name) { handleSubmitValidate(this, name, function () { vm.saveOrUpdate() }); }, handleReset: function (name) { handleResetForm(this, name); }, exportInfo: function () { location.href= '../mall2shippingreminderalarm/exportInfo'; } } });