|
@@ -0,0 +1,355 @@
|
|
|
+$(function () {
|
|
|
+ $("#jqGrid").jqGrid({
|
|
|
+ url: '../mkactivityform/list',
|
|
|
+ datatype: "json",
|
|
|
+ colModel: [
|
|
|
+ {label: 'mmId', name: 'mmId', index: 'mm_id', key: true, hidden: true},
|
|
|
+ {label: '活动形式名称', name: 'mkName', index: 'mk_name', width: 80, align: 'center'},
|
|
|
+ {label: '活动形式代码', name: 'mkCode', index: 'mk_code', width: 80, align: 'center'},
|
|
|
+ {label: '创建时间', name: 'createTime', index: 'create_time', width: 80, align: 'center',
|
|
|
+ formatter: function (value) {
|
|
|
+ return transDate(value, 'yyyy-MM-dd hh:mm:ss');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {label: '创建人', name: 'createrName', width: 80, align: 'center'},
|
|
|
+ {label: '操作', width: 80, align: 'center',
|
|
|
+ formatter: function (value, col, row) {
|
|
|
+ htmlStr = "<button class='btn btn-outline btn-primary' " +
|
|
|
+ "onclick='vm.updateMkactivities(\""+row.mkCode+"\")'>管理营销方式</button>";
|
|
|
+ return htmlStr;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ 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"});
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#jqGridOrder").jqGrid({
|
|
|
+ url: '../mkactivityform/queryMkactivitiesList',
|
|
|
+ datatype: "json",
|
|
|
+ colModel: [
|
|
|
+ {label: 'mkaId', name: 'mkaId', index: 'mka_id', key: true, hidden: true},
|
|
|
+ {label: '活动主题', name: 'mkaTopic', index: 'mka_topic', width: 80, align: 'center'},
|
|
|
+ {label: '商户名称', name: 'mkaStoreId', index: 'mka_store_id', width: 80, align: 'center'},
|
|
|
+ {label: '第三方商户', name: 'mkaStoreId', index: 'mka_store_id', width: 80, align: 'center'},
|
|
|
+ {label: '活动门店', name: 'mkaStoreId', index: 'mka_store_id', width: 80, align: 'center'},
|
|
|
+ {label: '是否启用', name: 'mkaStatus', index: 'mka_status', width: 60, align: 'center',
|
|
|
+ formatter: function (value) {
|
|
|
+ if (value == '0') {
|
|
|
+ return '否';
|
|
|
+ } else if (value == '1') {
|
|
|
+ return '是';
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {label: '开始时间', name: 'mkaStartTime', index: 'mka_start_time', width: 80, align: 'center'},
|
|
|
+ {label: '结束时间', name: 'mkdEndTime', index: 'mkd_end_time', width: 80, align: 'center'},
|
|
|
+ {label: '是否提前结束', name: 'mkaEndEarly', index: 'mka_end_early', width: 60, align: 'center',
|
|
|
+ formatter: function (value) {
|
|
|
+ if (value == '0') {
|
|
|
+ return '否';
|
|
|
+ } else if (value == '1') {
|
|
|
+ return '是';
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {label: '提前结束时间', name: 'mkdEndEarlyTime', index: 'mkd_end_early_time', width: 80, align: 'center'},
|
|
|
+ {label: '创建时间', name: 'createTime', index: 'create_time', width: 80, align: 'center',
|
|
|
+ formatter: function (value) {
|
|
|
+ return transDate(value, 'yyyy-MM-dd hh:mm:ss');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {label: '创建人', name: 'createrSn', index: 'creater_sn', width: 80, align: 'center'},
|
|
|
+ {label: '修改时间', name: 'updateTime', index: 'update_time', width: 80, align: 'center',
|
|
|
+ formatter: function (value) {
|
|
|
+ return transDate(value, 'yyyy-MM-dd hh:mm:ss');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {label: '修改人', name: 'moderSn', index: 'moder_sn', width: 80, align: 'center'}],
|
|
|
+ viewrecords: true,
|
|
|
+ height: 550,
|
|
|
+ rowNum: 10,
|
|
|
+ rowList: [10, 30, 50],
|
|
|
+ rownumbers: true,
|
|
|
+ rownumWidth: 25,
|
|
|
+ autowidth: true,
|
|
|
+ multiselect: true,
|
|
|
+ pager: "#jqGridPagerOrder",
|
|
|
+ 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 vm = new Vue({
|
|
|
+ el: '#rrapp',
|
|
|
+ data: {
|
|
|
+ showViewList: true,
|
|
|
+ showList: true,
|
|
|
+ title: null,
|
|
|
+ mkActivityForm: {},
|
|
|
+ ruleValidate: {
|
|
|
+ mkCode: [
|
|
|
+ {required: true, message: '活动形式代码不能为空', trigger: 'blur'}
|
|
|
+ ],
|
|
|
+ mkName: [
|
|
|
+ {required: true, message: '活动形式名称不能为空', trigger: 'blur'}
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ q: {
|
|
|
+ name: '',
|
|
|
+ mkCode: ''
|
|
|
+ },
|
|
|
+
|
|
|
+ showMkactivitiesViewList: true,//管理营销方式
|
|
|
+ showMkactivitiesList: true,
|
|
|
+ mkActivities: {},
|
|
|
+ mkCode: '',
|
|
|
+ isMkdEndEarlyTimeShow: true,//提前结束活动时间
|
|
|
+ merchList: {},//商户
|
|
|
+ thirdMerchantBizList: {},//第三方商户
|
|
|
+ storeList: {},//门店
|
|
|
+ mkaStartTime: '',//开始时间
|
|
|
+ mkdEndTime: '',//结束时间
|
|
|
+ mkdEndEarlyTime: ''//提前结束时间
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ query: function () {
|
|
|
+ vm.reload();
|
|
|
+ },
|
|
|
+ add: function () {
|
|
|
+ vm.showViewList = false;
|
|
|
+ vm.showMkactivitiesViewList = true;
|
|
|
+ vm.showList = false;
|
|
|
+ vm.title = "新增";
|
|
|
+ vm.mkActivityForm = {};
|
|
|
+ },
|
|
|
+ update: function (event) {
|
|
|
+ let mmId = getSelectedRow();
|
|
|
+ if (mmId == null) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ vm.showViewList = false;
|
|
|
+ vm.showMkactivitiesViewList = true;
|
|
|
+ vm.showList = false;
|
|
|
+ vm.title = "修改";
|
|
|
+
|
|
|
+ vm.getInfo(mmId)
|
|
|
+ },
|
|
|
+ saveOrUpdate: function (event) {
|
|
|
+ let url = vm.mkActivityForm.mmId == null ? "../mkactivityform/save" : "../mkactivityform/update";
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ url: url,
|
|
|
+ contentType: "application/json",
|
|
|
+ data: JSON.stringify(vm.mkActivityForm),
|
|
|
+ success: function (r) {
|
|
|
+ if (r.code === 0) {
|
|
|
+ alert('操作成功', function (index) {
|
|
|
+ vm.reload();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ alert(r.msg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ del: function (event) {
|
|
|
+ let mmIds = getSelectedRows();
|
|
|
+ if (mmIds == null){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ confirm('确定要删除选中的记录?', function () {
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ url: "../mkactivityform/delete",
|
|
|
+ contentType: "application/json",
|
|
|
+ data: JSON.stringify(mmIds),
|
|
|
+ success: function (r) {
|
|
|
+ if (r.code == 0) {
|
|
|
+ alert('操作成功', function (index) {
|
|
|
+ $("#jqGrid").trigger("reloadGrid");
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ alert(r.msg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getInfo: function(mmId){
|
|
|
+ $.get("../mkactivityform/info/"+mmId, function (r) {
|
|
|
+ vm.mkActivityForm = r.mkActivityForm;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ reloadSearch: function() {
|
|
|
+ vm.q = {
|
|
|
+ name: ''
|
|
|
+ }
|
|
|
+ vm.reload();
|
|
|
+ },
|
|
|
+ reload: function (event) {
|
|
|
+ vm.showViewList = true;
|
|
|
+ vm.showList = true;
|
|
|
+ vm.showMkactivitiesViewList = 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);
|
|
|
+ },
|
|
|
+
|
|
|
+ //===营销方式管理方法===
|
|
|
+ updateMkactivities: function (mkCode){
|
|
|
+ if(null == mkCode){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ vm.mkCode = mkCode;
|
|
|
+ vm.title = '管理营销方式';
|
|
|
+ vm.showList = true;
|
|
|
+ vm.showViewList = false;
|
|
|
+ vm.showMkactivitiesViewList = false;
|
|
|
+ vm.showMkactivitiesList = true;
|
|
|
+
|
|
|
+ vm.reloadMkactivitiesSearch();
|
|
|
+ },
|
|
|
+ reloadMkactivitiesSearch: function() {
|
|
|
+ vm.reloadMkactivities();
|
|
|
+ },
|
|
|
+ reloadMkactivities: function () {
|
|
|
+ let page = $("#jqGridOrder").jqGrid('getGridParam', 'page');
|
|
|
+ $("#jqGridOrder").jqGrid('setGridParam', {
|
|
|
+ postData: {'mkCode': vm.mkCode},
|
|
|
+ page: page
|
|
|
+ }).trigger("reloadGrid");
|
|
|
+ },
|
|
|
+ addMkactivities: function () {
|
|
|
+ vm.showMkactivitiesViewList = true;
|
|
|
+ vm.showMkactivitiesList = false;
|
|
|
+ vm.title = "新增";
|
|
|
+ vm.mkActivities = {};
|
|
|
+
|
|
|
+ vm.getMerchList();
|
|
|
+ },
|
|
|
+ //返回重新加载营销方式
|
|
|
+ reloadMkactivities: function (event) {
|
|
|
+ vm.title = '管理营销方式';
|
|
|
+ vm.showList = true;
|
|
|
+ vm.showViewList = false;
|
|
|
+ vm.showMkactivitiesViewList = false;
|
|
|
+ vm.showMkactivitiesList = true;
|
|
|
+
|
|
|
+ vm.reloadMkactivitiesSearch();
|
|
|
+ },
|
|
|
+ getMerchList: function() {
|
|
|
+ $.get("../merch/queryAll", function (r) {
|
|
|
+ vm.merchList = r.list;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ changeMerch: function(opt) {
|
|
|
+ var value = opt.value;
|
|
|
+ vm.getThirdMerchantBizList(value);
|
|
|
+ },
|
|
|
+ getThirdMerchantBizList: function(merchSn) {
|
|
|
+ $.get("../thirdmerchantbiz/queryAll?merchSn=" + merchSn, function (r) {
|
|
|
+ vm.thirdMerchantBizList = r.list;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ changeThirdMerchantBiz: function (opt) {
|
|
|
+ var value = opt.value;
|
|
|
+ $.get("../store/getStoresByThirdMerch?thirdPartyMerchCode=" + value, function (r) {
|
|
|
+ vm.storeList = r.list;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ changeMkaEndEarly: function (opt) {
|
|
|
+ var value = opt;
|
|
|
+ if(value == 0){
|
|
|
+ vm.isMkdEndEarlyTimeShow = false;
|
|
|
+ }
|
|
|
+ if(value == 1){
|
|
|
+ vm.isMkdEndEarlyTimeShow = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleMkactivitiesSubmit: function (name) {
|
|
|
+ handleSubmitValidate(this, name, function () {
|
|
|
+ vm.mkactivitiesSaveOrUpdate()
|
|
|
+ });
|
|
|
+ },
|
|
|
+ mkactivitiesSaveOrUpdate: function (event) {
|
|
|
+ let url = vm.mkActivities.mkaId == null ? "../mkactivities/save" : "../mkactivities/update";
|
|
|
+ vm.mkActivities.mkCode = vm.mkCode;
|
|
|
+ vm.mkActivities.mkaStartTime = vm.mkaStartTime;
|
|
|
+ vm.mkActivities.mkdEndTime = vm.mkdEndTime;
|
|
|
+ vm.mkActivities.mkdEndEarlyTime = vm.mkdEndEarlyTime;
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ url: url,
|
|
|
+ contentType: "application/json",
|
|
|
+ data: JSON.stringify(vm.mkActivities),
|
|
|
+ success: function (r) {
|
|
|
+ if (r.code === 0) {
|
|
|
+ alert('操作成功', function (index) {
|
|
|
+ vm.reloadMkactivities();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ alert(r.msg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getMkaStartTime: function(e){
|
|
|
+ vm.mkaStartTime = e;
|
|
|
+ },
|
|
|
+ getMkdEndTime: function (e) {
|
|
|
+ vm.mkdEndTime = e;
|
|
|
+ },
|
|
|
+ getMkdEndEarlyTime: function (e) {
|
|
|
+ vm.mkdEndEarlyTime = e;
|
|
|
+ }
|
|
|
+ }
|
|
|
+});
|