kmall-haikong/kmall-admin/src/main/webapp/js/mk/mkactivityform.js

$(function () {
    $("#jqGrid").jqGrid({
        url: '../mkactivityform/list',
        datatype: "json",
        colModel: [
            {label: '操作', width: 200, align: 'center', frozen: true,
                formatter: function (value, col, row) {
                    htmlStr = "<button class='btn btn-outline btn-primary' " +
                        "onclick='vm.showMkactivities(\""+row.mkCode+"\")'>管理营销方式</button>";
                    return htmlStr;
                }
            },
            {label: 'mmId', name: 'mmId', index: 'mm_id', key: true, hidden: true},
            {label: '活动形式名称', name: 'mkName', index: 'mk_name', width: 200, align: 'center'},
            {label: '活动形式代码', name: 'mkCode', index: 'mk_code', width: 200, align: 'center'},
            {label: '创建时间', name: 'createTime', index: 'create_time', width: 200, align: 'center',
                formatter: function (value) {
                    return transDate(value, 'yyyy-MM-dd hh:mm:ss');
                }
            },
            {label: '创建人', name: 'createrName', width: 200, align: 'center'}
        ],
        viewrecords: true,
        height: '100%',
        width: 1600,
        rowNum: 10,
        rowList: [10, 30, 50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth: true,
        multiselect: true,
        shrinkToFit: false,
        autoScroll: 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"});
        }
    });

    // 启动冻结列
    $("#jqGrid").jqGrid("setFrozenColumns");

    var marketing =
        {'lscx': '临时促销',/*'yhq': '优惠券',*/'rchd': '日常活动','mysy': '买N送一',/*'mj': '满减', 'mz': '满赠','dz': '打折','zhjsp': '组合价商品',*/'drjbj':'第二件半价'};


    let mkCode = getQueryString("mkCode");
    vm.mkCode = mkCode;
    vm.showMkactivities(mkCode);

    $("#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',
                formatter:function(value){
                    var mkaTopicName ;
                    if(value === 'lscx')
                        mkaTopicName = marketing.lscx;
                    else if(value === 'yhq')
                        mkaTopicName = marketing.yhq;
                    else if(value === 'rchd')
                        mkaTopicName = marketing.rchd;
                    else if(value === 'mysy')
                        mkaTopicName = marketing.mysy;
                    else if(value === 'mj')
                        mkaTopicName = marketing.mj;
                    else if(value === 'mz')
                        mkaTopicName = marketing.mz;
                    else if(value === 'dz')
                        mkaTopicName = marketing.dz;
                    else if(value === 'zhjsp')
                        mkaTopicName = marketing.zhjsp;
                    else if(value === 'drjbj')
                        mkaTopicName = marketing.drjbj;
                    return mkaTopicName == null? value : mkaTopicName;
                }},
            {label: '商户名称', name: 'merchName', width: 80, align: 'center'},
            {label: '第三方商户', name: 'thirdMerchName', width: 80, align: 'center'},
            {label: '门店编号', name: 'mkaStoreId', width: 80, align: 'center',hidden: true},
            {label: '活动门店', name: 'storeName', 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: 'priority', index: 'priority', width: 80, align: 'center'},
            {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: '操作', width: 80, align: 'center',
                formatter: function (value, col, row) {
                    htmlStr = "<button class='btn btn-outline btn-primary' " +
                        "onclick='vm.showMkactivitiesGoods(\""+row.mkaId+"\",\""+row.mkaStoreId+"\",\""+row.mkaTopic+"\")'>管理商品</button>";

                    return htmlStr;
                }
            }],
        viewrecords: true,
        height: 550,
        width:1680,
        postData: {'mkCode': vm.mkCode, 'topic': vm.q.topic},
        rowNum: 10,
        rowList: [10, 30, 50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth: false,
        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 () {
            $("#jqGridOrder").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'},
                {max: 32, message: '活动形式代码长度不能超过32', trigger: 'blur'}
            ],
            mkName: [
                {required: true, message: '活动形式名称不能为空', trigger: 'blur'},
                {max: 32, message: '活动形式名称长度不能超过32', trigger: 'blur'}
            ]
        },
        q: {
            name: '',
            topic: ''
        },

        showMkactivitiesViewList: true,//管理营销方式
        showMkactivitiesList: true,
        mkActivities: {},
        mkCode: '',
        isMkdEndEarlyTimeShow: true,//提前结束活动时间
        merchList: {},//商户
        thirdMerchantBizList: {},//第三方商户
        storeList: {},//门店
        mkaStartTime: '',//开始时间
        mkdEndTime: '',//结束时间
        mkdEndEarlyTime: '',//提前结束时间,
        marketings:[
            {
                id: 'lscx',
                name: '临时促销'
            }, {
                id: 'jfdk',
                name: '积分抵扣'
            }
            /*, {
                id: 'yhq',
                name: '优惠券'
            }, {
                id: 'rchd',
                name: '日常活动'
            }, {
                id: 'mysy',
                name: '买一送一'
            }, {
                id: 'mj',
                name: '满减'
            }, {
                id: 'mz',
                name: '满赠'
            }, {
                id: 'dz',
                name: '打折'
            }, {
                id: 'zhjsp',
                name: '组合价商品'
            }, {
                id: 'drjbj',
                name: '第二件半价'
            }*/
        ],
	},
	methods: {
		query: function () {
			vm.reload(1);
		},
		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.showList = true;
            vm.showViewList = true;
            vm.showMkactivitiesViewList = true;
            let page = event;
            if (event != 1) {
                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);
        },


		/*===营销方式===*/
        queryMkactivities: function(){
            vm.reloadMkactivities();
        },
        showMkactivities: function (mkCode) {
            if(null == mkCode){
                return;
            }

            vm.mkCode = mkCode;
            vm.showList = true;
            vm.showViewList = false;
            vm.reloadMkactivitiesSearch();
        },
        reloadMkactivitiesSearch: function() {
            vm.q.topic = '';
            vm.reloadMkactivities();
        },
        reloadMkactivities: function () {
            vm.title = '管理营销方式';
            vm.showMkactivitiesViewList = false;
            vm.showMkactivitiesList = true;

            let page = $("#jqGridOrder").jqGrid('getGridParam', 'page');
            $("#jqGridOrder").jqGrid('setGridParam', {
                postData: {'mkCode': vm.mkCode, 'topic': vm.q.topic},
                page: page
            }).trigger("reloadGrid");
            vm.handleReset('formMkactivitiesValidate');
        },
        addMkactivities: function () {
            vm.showMkactivitiesViewList = true;
            vm.showMkactivitiesList = false;
            vm.title = "新增";
            vm.mkActivities = {
                mkaStatus: 0,
                mkaEndEarly: 0
            };
            vm.isMkdEndEarlyTimeShow = false;



            vm.getMerchList();
        },
        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;
            });
        },
        updateMkactivities: function(event){
            let mkaId = vm.getMkactivitiesRow();
            if (mkaId == null) {
                return;
            }

            vm.showMkactivitiesViewList = true;
            vm.showMkactivitiesList = false;
            vm.title = "修改";

            vm.getMerchList();
            vm.getMkactivitiesInfo(mkaId);
        },
        getMkactivitiesInfo: function(mkaId){
            $.get("../mkactivities/info/"+mkaId, function (r) {
                vm.mkActivities = r.mkActivities;

                //转换为int型,对应活动门店value值
                vm.mkActivities.mkaStoreId = parseInt(vm.mkActivities.mkaStoreId);
                if(vm.mkActivities.mkaEndEarly == '0'){
                    vm.isMkdEndEarlyTimeShow = false;
                }

                vm.mkaStartTime = vm.mkActivities.mkaStartTime;
                vm.mkdEndTime = vm.mkActivities.mkdEndTime;
                vm.mkdEndEarlyTime = vm.mkActivities.mkdEndEarlyTime;
            });
        },
        delMkactivities: function(event){
            let mkaId = vm.getSelectedRows();
            if (mkaId == null) {
                return;
            }

            confirm('确定要删除选中的记录？', function () {
                $.ajax({
                    type: "POST",
                    url: "../mkactivities/delete",
                    contentType: "application/json",
                    data: JSON.stringify(mkaId),
                    success: function (r) {
                        if (r.code == 0) {
                            alert('操作成功', function (index) {
                                $("#jqGridOrder").trigger("reloadGrid");
                            });
                        } else {
                            alert(r.msg);
                        }
                    }
                });
            });
        },
        handleMkactivitiesSubmit: function (name) {
            handleSubmitValidate(this, name, function () {
                vm.mkactivitiesSaveOrUpdate()
            });
        },
        mkactivitiesSaveOrUpdate: function (event) {
            let url = vm.mkActivities.mkaId == null ? "../mkactivities/save" : "../mkactivities/update";

            vm.mkActivities.mkaStartTime = vm.mkaStartTime;
            vm.mkActivities.mkdEndTime = vm.mkdEndTime;
            vm.mkActivities.mkdEndEarlyTime = vm.mkdEndEarlyTime;
            vm.mkActivities.mkCode = vm.mkCode;

            $.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);
                    }
                }
            });
        },
        changeMkaEndEarly: function (opt) {
            var value = opt;
            if(value == 0){
                vm.isMkdEndEarlyTimeShow = false;
            }
            if(value == 1){
                vm.isMkdEndEarlyTimeShow = true;
            }
        },
        getMkaStartTime: function(e){
            vm.mkaStartTime = e;
        },
        getMkdEndTime: function (e) {
            vm.mkdEndTime = e;
        },
        getMkdEndEarlyTime: function (e) {
            vm.mkdEndEarlyTime = e;
        },
        getMkactivitiesRow: function(){
            var grid = $("#jqGridOrder");
            var rowKey = grid.getGridParam("selrow");
            if (!rowKey) {
                iview.Message.error("请选择一条记录");
                return;
            }

            var selectedIDs = grid.getGridParam("selarrrow");
            if (selectedIDs.length > 1) {
                iview.Message.error("只能选择一条记录");
                return;
            }

            return selectedIDs[0];
        },
        getSelectedRows: function(){
            var grid = $("#jqGridOrder");
            var rowKey = grid.getGridParam("selrow");
            if (!rowKey) {
                iview.Message.error("请选择一条记录");
                return;
            }
            return grid.getGridParam("selarrrow");
        },

        // 管理商品
        showMkactivitiesGoods: function(mkaId,storeId,mkaTopic){
            var url ;
            // "/mk/mkstorecampminus.html"
            if(mkaTopic === 'lscx')
                url = "/mk/mkactivitiespromotion.html";
            else if(mkaTopic === 'jfdk')
                url = "/mk/mkactivitiesscore.html";
            else if(mkaTopic === 'yhq')
                url = "/mk/mkactivitiescoupon.html";
            else if(mkaTopic === 'rchd')
                url = "/mk/mkdailyactivities.html";
            else if(mkaTopic === 'mysy')
                url = "/mk/mkactivitiesgetonefreegoods.html";
            else if(mkaTopic === 'mj')
                url = "/mk/mkactivitiesfullreduction.html";
            else if(mkaTopic === 'mz')
                url = "/mk/mkactivitiesfullgift.html";
            else if(mkaTopic === 'dz')
                url = "/mk/mkactivitiesdiscount.html";
            else if(mkaTopic === 'zhjsp')
                url = "/mk/mkactivitiescombinationprice.html";
            else if(mkaTopic === 'drjbj')
                url = "/mk/mkactivitieshalfprice.html"
            window.location.href =  url+"?flag=false&mkCode="+vm.mkCode+"&mkaId="+mkaId+"&storeId="+storeId;
        }
	}
});