$(function () { $("#jqGrid").jqGrid({ url: '../mkactivitiesfullreduction/list', datatype: "json", colModel: [ {label: 'mafrId', name: 'mafrId', index: 'mafr_id', key: true, hidden: true}, {label: '产品中文名', name: 'productName', index: 'product_name', width: 80}, {label: '门店编号', name: 'shopSn', index: 'shop_sn', width: 80}, {label: '商品编码', name: 'goodsSn', index: 'goods_sn', width: 80}, {label: '条形码', name: 'barcode', index: 'barcode', width: 80}, {label: '商品品牌', name: 'productBrand', index: 'product_brand', width: 80}, {label: '商品系列', name: 'productSeries', index: 'product_series', width: 80}, {label: '满足条件金额', name: 'qualifiedAmount', index: 'qualified_amount', width: 80}, {label: '减扣金额', name: 'deductionAmount', index: 'deduction_amount', width: 80}, {label: '营销活动编号', name: 'mkaId', index: 'mka_id', width: 80}, {label: '截止日期', name: 'deadline', index: 'deadline', width: 80}, {label: '创建时间', name: 'createTime', index: 'create_time', width: 80}, {label: '创建人编号', name: 'createrSn', index: 'creater_sn', width: 80}, {label: '修改人编号', name: 'moderSn', index: 'moder_sn', width: 80}, {label: '修改时间', name: 'updateTime', index: 'update_time', width: 80}], viewrecords: true, height: 550, rowNum: 10, rowList: [10, 30, 50], rownumbers: true, rownumWidth: 25, autowidth: true, 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": "hidden"}); } }); let flag = getQueryString("flag"); if(flag != null && flag == "false"){ vm.isMkactivitiesShow = false; } let mkCode = getQueryString("mkCode"); if(mkCode){ vm.mkCode = mkCode; } }); let vm = new Vue({ el: '#rrapp', data: { showList: true, title: null, mkActivitiesFullReduction: {}, ruleValidate: { name: [ {required: true, message: '名称不能为空', trigger: 'blur'} ] }, q: { name: '' }, isMkactivitiesShow: true, mkCode: '' }, methods: { query: function () { vm.reload(); }, add: function () { vm.showList = false; vm.title = "新增"; vm.mkActivitiesFullReduction = {}; }, update: function (event) { let mafrId = getSelectedRow(); if (mafrId == null) { return; } vm.showList = false; vm.title = "修改"; vm.getInfo(mafrId) }, saveOrUpdate: function (event) { let url = vm.mkActivitiesFullReduction.mafrId == null ? "../mkactivitiesfullreduction/save" : "../mkactivitiesfullreduction/update"; $.ajax({ type: "POST", url: url, contentType: "application/json", data: JSON.stringify(vm.mkActivitiesFullReduction), success: function (r) { if (r.code === 0) { alert('操作成功', function (index) { vm.reload(); }); } else { alert(r.msg); } } }); }, del: function (event) { let mafrIds = getSelectedRows(); if (mafrIds == null){ return; } confirm('确定要删除选中的记录?', function () { $.ajax({ type: "POST", url: "../mkactivitiesfullreduction/delete", contentType: "application/json", data: JSON.stringify(mafrIds), success: function (r) { if (r.code == 0) { alert('操作成功', function (index) { $("#jqGrid").trigger("reloadGrid"); }); } else { alert(r.msg); } } }); }); }, getInfo: function(mafrId){ $.get("../mkactivitiesfullreduction/info/"+mafrId, function (r) { vm.mkActivitiesFullReduction = r.mkActivitiesFullReduction; }); }, 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); }, //返回营销方式页 reloadMkactivities: function () { window.location.href = "/mk/mkactivityform.html?mkCode="+vm.mkCode; } } });