java/renren-admin/src/main/resources/statics/js/modules/qyh/goods.js

$(function () {
    vm.init();
    vm.allProductTypelist()
    // vm.productTypelist()
    $.ajax({
        type: "POST",
        url: baseURL + "sys/dict/infoList/product_status",
        contentType: "application/json",
        async: false,
        success: function(r){
            if(r.code == 0){
                vm.goodsState = r.dictList
            }else{
                layer.alert("读取字典项失败");
            }
        }
    });

    $("#jqGrid").jqGrid({
        url: baseURL + 'qmjz/goods/page',
        datatype: "json",
        colModel: [
            { label: 'id', name: 'id', index: 'id', key: true, hidden: true },
            { label: '商品名称', name: 'name', index: 'name', width: 100},
            { label: '商品分类', name: 'categoryName', index: 'categoryName', width: 120},
            { label: '商品图片', name: 'thumbnail', index: 'thumbnail', width: 80, sortable: false, formatter: imageFormat },
            { label: '商品状态', name: 'status', index: 'status', width: 80, sortable: false, formatter: function (cellvalue, options, rowdata) {
                if(cellvalue) {
                    return '<span style="color: #00a157">上架</span>'
                }else {
                    return '<span style="color: red;">下架</span>'
                }
            }},
            { label: '置顶', name: 'top', index: 'top', width: 80, sortable: false, formatter: function (cellvalue, options, rowdata) {
                    if(cellvalue) {
                        return '<span style="color: #00a157">是</span>'
                    }else {
                        return '<span style="color: red;">否</span>'
                    }
                }},
            { label: '添加时间', name: 'createTime', index: 'createTime                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             ', width: 90 },
        ],
        viewrecords: true,
        height: h,
        rowNum: 10,
        rowList : [10,30,50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth:true,
        multiselect: true,
        pager: "#jqGridPager",
        jsonReader : {
            root: "page.list",
            page: "currPage",
            total: "totalPage",
            records: "totalCount"
        },
        prmNames : {
            page:"pageNum",
            rows:"pageSize",
        },
        gridComplete:function(){
            //隐藏grid底部滚动条
            $("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
        },
        loadComplete:function(data){
            vm.jpgrid = data.list;
        }
    });

    // var um = new uploadMuli("muliIMage");
    //
    // function uploadMuli(eleId,arr) {
    //     this.area = $("#"+eleId);
    //     this.arr = arr || [];
    //
    //     var putImage = function (src){
    //         this.arr.push(src);
    //         this.loadImgByArr();
    //     };
    //
    //     this.arrJoin = function () {
    //         return this.arr.join(",");
    //     };
    //
    //     this.clearImage = function(i) {
    //         this.arr.splice(i,1);
    //         this.loadImgByArr();
    //     };
    //
    //     this.loadImgByArr = function() {
    //         this.area.html("");
    //         for(var i;i<this.arr.length;i++)
    //         {
    //             var div = $("<div></div>>");
    //             div.appendTo($("<img src='"+arr[i]+"' />"));
    //             div.appendTo($("<span>X</span>").click(this.clearImage(i)));
    //             this.area.append(div);
    //         }
    //     }
    //
    //     this.loadImg = function(arrStr) {
    //         this.arr = arrStr.split(",");
    //         loadImgByArr();
    //     }
    // }




    // initdate();
    upload(1,'images','images/*');
    // upload(2,'images','images/*');
    upload(3,'images','images/*');

});

var ue = UE.getEditor('actContent', { initialFrameWidth: null , autoHeightEnabled: false});
var vm = new Vue({
    el:'#rrapp',
    data:{
        q: {
            name: null,
            status: null
        },
        parent: null,
        goodsState: [],
        blank: true,
        showList: true,
        title: null,
        work: {
            categoryId: ''
        },
        dict: {
            yesno: null,
            workCategory: null,
            workType: null,
            workUnit: null,
            workCashMethod: null,
            workSexLimit: null,
            workHeightLimit: null,
            staffIds: null,
            memberList: null
        },
        jpgrid: {},
        clients: {},
        memberInfo: {},
        cardnoYF: '',
        goodsType: [],
        allGoodsType: [],
        queryParam: {
            input: null
        }
    },
    watch: {

    },
    methods: {
        init: function () {
            vm.q.name = '';
            vm.q.status = '';
        },
        query: function () {
            vm.reload(1);
        },
        reset: function () {
            vm.init();
            vm.reload(1);
        },
        // 列表转义商品分类(全部分类)
        allProductTypelist() {
            $.ajax({
                type: "GET",
                url: baseURL + "qmjz/goodscategory/select",
                contentType: "application/json",
                success: function(r){
                    if(r.code == 0){
                        vm.allGoodsType = r.list
                    }else{
                        layer.alert("读取字典项失败");
                    }
                }
            });
        },
        // 商品分类(存在分类)
        productTypelist(source) {
            $.ajax({
                type: "GET",
                url: baseURL + "qmjz/goodscategory/page",
                contentType: "application/json",
                data: {
                    source: source
                },
                success: function(r){
                    if(r.code == 0){
                        vm.goodsType = r.data
                    }else{
                        layer.alert("读取字典项失败");
                    }
                }
            });
        },
        // 分类管理
        type() {
            var width = ($(window).width() * 0.6);
            var height = ($(window).height() -50);
            layui.use([ 'layer', 'form'],function() {
                var $ = layui.jquery, layer = layui.layer;
                layer.open({
                    type: 2,
                    area: [width + 'px', height + 'px'],
                    fix: false, //不固定
                    maxmin: true,
                    shadeClose: true,
                    resize:false,
                    full:true,
                    shade: 0.4,
                    title: '商品分类管理',
                    anim: 3,
                    content: 'goodstype.html',
                    end : function(){
                        vm.reload();
                        vm.allProductTypelist()
                    }
                });
            })
        },
        // 删除
        del() {
            var ids = getSelectedRows();
            if(ids == null){
                return ;
            }
            var lock = false;
            layer.confirm('确定要删除选中的记录？', {
                btn: ['确定','取消'] //按钮
            }, function(){
                if(!lock) {
                    lock = true;
                    $.ajax({
                        type: "POST",
                        url: baseURL + "qmjz/goods/delete",
                        contentType: "application/json",
                        data: JSON.stringify(ids),
                        success: function(r){
                            if(r.code == 0){
                                layer.msg("操作成功", {icon: 1});
                                $("#jqGrid").trigger("reloadGrid");
                            }else{
                                layer.alert(r.msg);
                            }
                        }
                    });
                }
            }, function(){
            });
        },
        // 置顶
        top() {
            var id = getSelectedRow();
            if(id == null){
                return ;
            }
            $.get(baseURL + "qmjz/goods/info/"+id, function(r){
                console.log(r)
                if(r && r.code == 0) {
                    var text = r.data.top ? '取消置顶' : '置顶'
                    var lock = false;
                    layer.confirm(`确定要${text}该商品？`, {
                        btn: ['确定','取消'] //按钮
                    }, function(){
                        $.ajax({
                            type: "POST",
                            url: baseURL + "qmjz/goods/top/" + id,
                            contentType: "application/json",
                            // data: JSON.stringify(ids),
                            success: function(r){
                                if(r.code == 0){
                                    layer.msg("操作成功", {icon: 1});
                                    vm.reload(1);
                                }else{
                                    layer.alert(r.msg);
                                }
                            }
                        });
                    }, function(){
                    });
                }
            });
        },
        // 上下架
        upDown() {
            var id = getSelectedRow();
            if(id == null){
                return ;
            }
            $.get(baseURL + "qmjz/goods/info/"+id, function(r){
                console.log(r)
                if(r && r.code == 0) {
                    var text = r.data.status ? '下架' : '上架'
                    var lock = false;
                    layer.confirm(`确定要${text}该商品？`, {
                        btn: ['确定','取消'] //按钮
                    }, function(){
                        if(!lock) {
                            lock = true;
                            $.ajax({
                                type: "POST",
                                url: baseURL + "qmjz/goods/updateStatus/" + id,
                                contentType: "application/json",
                                // data: JSON.stringify(ids),
                                success: function(r){
                                    if(r.code == 0){
                                        layer.msg("操作成功", {icon: 1});
                                        vm.reload(1);
                                    }else{
                                        layer.alert(r.msg);
                                    }
                                }
                            });
                        }
                    }, function(){
                    });
                }
            });

        },
        // 导出
        exc() {
            window.location.href = baseURL + "qmjz/goods/export?=name" + vm.q.name + '&status=' + vm.q.status;
        },
        add: function(){
            vm.showList = false;
            vm.title = "新增";
            vm.work = {};
            vm.work.name = '';
            vm.work.status = '';
            vm.work.categoryId = '';
            vm.work.thumbnail = '';
            vm.work.bannerImg = '';
            vm.work.price = '';
            vm.work.quantity = '';
            vm.work.details = '';
            vm.work.descriptions = '';
            vm.work.qrCode = '';
            vm.work.qrCodeInfo = '';
            vm.work.memberApply = true

            /*数据初始化*/
            moreuploadUtil.clear();
            clearImg();
            ue.ready(function(){
                ue.setContent('');
            });
            $('.selectpicker#client').selectpicker('val', '');
            vm.allProductTypelist('product')
        },
        update: function (event) {
            var id = getSelectedRow();
            if(id == null){
                return ;
            }
            vm.showList = false;
            vm.title = "修改";
            vm.allProductTypelist()
            vm.getInfo(id)
        },
        saveOrUpdate: function (event) {
        },
        getInfo: function(id){
            $.ajaxSettings.async = false
            $.get(baseURL + "qmjz/goods/info/"+id, function(r){
                vm.work = r.data;
                /*图片*/
                if (vm.work.thumbnail) {
                    $('#demo1').show();
                    $('#demo1').attr('src',vm.work.thumbnail);
                }
                if (vm.work.bannerImg) {
                    //$('#demo2').show();
                    //$('#demo2').attr('src',vm.work.bannerImg);

                    moreuploadUtil.loadImgUrls(vm.work.bannerImg);
                }
                if (vm.work.qrCode) {
                    $('#demo3').show();
                    $('#demo3').attr('src',vm.work.qrCode);
                }

                /*富文本*/
                ue.ready(function(){
                    if (vm.work.details) {
                        ue.setContent(vm.work.details);
                    }
                });
            });
        },

        reload: function (event) {
            clearImg();
            vm.showList = true;
            var page;
            if (event == 1){
                page = 1;
            } else {
                page = $("#jqGrid").jqGrid('getGridParam','page');
            }
            // if(vm.q.minScore && vm.q.maxScore) {
            //     if(vm.q.minScore > vm.q.maxScore) {
            //         [vm.q.minScore, vm.q.maxScore] = [vm.q.maxScore, vm.q.minScore]
            //     }
            // }
            $("#jqGrid").jqGrid('setGridParam',{
                postData:{'queryParam': JSON.stringify(vm.queryParam), 'name': vm.q.name, 'status': vm.q.status},
                page:page
            }).trigger("reloadGrid");
        },
        tag: function (event) {
            var id = getSelectedRow();
            if(id == null){
                return ;
            }
            var width = ($(window).width() * 0.6);
            var height = ($(window).height() -50);
            layui.use([ 'layer', 'form'],function() {
                var $ = layui.jquery, layer = layui.layer;
                layer.open({
                    type: 2,
                    area: [width + 'px', height + 'px'],
                    fix: false, //不固定
                    maxmin: true,
                    shadeClose: true,
                    resize:false,
                    full:true,
                    shade: 0.4,
                    title: '兼职标签管理',
                    anim: 3,
                    content: 'worktagconnect.html?id='+id,
                    end : function(){
                        vm.reload();
                    }
                });
            })
        },
        comment: function (event) {
            var id = getSelectedRow();
            if(id == null){
                return ;
            }
            var rowid = getSelectedRowData();
            var rowData = vm.jpgrid[rowid-1];
            var width = ($(window).width() * 0.6);
            var height = ($(window).height() * 0.6);
            layui.use([ 'layer', 'form'],function() {
                var $ = layui.jquery, layer = layui.layer;
                layer.open({
                    type: 2,
                    area: [width + 'px', height + 'px'],
                    fix: false, //不固定
                    maxmin: true,
                    shadeClose: true,
                    resize:false,
                    full:true,
                    shade: 0.4,
                    title: '客户评价',
                    anim: 3,
                    content: 'comment.html?id='+rowData.id+'&clientId='+rowData.clientId,
                    end : function(){
                        vm.reload();
                    }
                });
            })
        },

        enroll: function (event) {
            var id = getSelectedRow();
            if(id == null){
                return ;
            }
            vm2.parent = id;
            vm2.reloadFirst();
        },

    }
});

var moreuploadUtil = new moreupload(2,'images','images/*', 'file/upload');
/*------------------------------------*/
layui.use([ 'layer', 'form'],function() {
    var $ = layui.jquery, layer = layui.layer, form = layui.form;
    form.on('submit(go)', function(data){
        /*图片*/
        if ($('#imgUrl1').val() != ''){
            vm.work.thumbnail = $('#imgUrl1').val();
        }
        if ($('#imgUrl2').val() != ''){
            vm.work.bannerImg = $('#imgUrl2').val();
        }
        if ($('#imgUrl3').val() != ''){
            vm.work.qrCode = $('#imgUrl3').val();
        }
        /*商品名称验证*/
        if (!vm.work.name){
            layer.msg('[商品名称]不能为空',{icon:5});
            return false;
        }
        /*商品分类验证*/
        if (vm.work.categoryId == '' || vm.work.categoryId == undefined){
            layer.msg('[商品分类]不能为空',{icon:5});
            return false;
        }
        if (vm.work.status == null || vm.work.status == undefined){
            layer.msg('[商品状态]不能为空',{icon:5});
            return false;
        }
        if (vm.work.memberApply == null || vm.work.memberApply == undefined){
            layer.msg('[是否报名]不能为空',{icon:5});
            return false;
        }
        /*富文本数据*/
        vm.work.details = ue.getContent();
        if ((vm.work.details == ''||vm.work.details == null) && vm.work.isAppletsRelease == 0){
            layer.msg('[商品详情]不能为空',{icon:5});
            return false;
        }
        if (vm.work.thumbnail == '' || vm.work.thumbnail == undefined){
            layer.msg('[商品缩略图]不能为空',{icon:5});
            return false;
        }




        if (vm.work.bannerImg == '' || vm.work.bannerImg == undefined){
            layer.msg('[商品banner图]不能为空',{icon:5});
            return false;
        }
        else
        {
            var images = vm.work.bannerImg;
            var imgArr = images.split(",");
            if(imgArr>6)
            {
                layer.msg('[商品banner图]最多6张',{icon:5});
                return false;
            }
        }
        if (vm.work.price == '' || vm.work.price == undefined){
            layer.msg('[商品价格]不能为空',{icon:5});
            return false;
        }
        if (vm.work.quantity == '' || vm.work.quantity == undefined){
            layer.msg('[商品数量]不能为空',{icon:5});
            return false;
        }

        if (vm.work.qrCode == '' || vm.work.qrCode == undefined){
            layer.msg('[关联二维码]不能为空',{icon:5});
            return false;
        }

        if (vm.work.qrCodeInfo == '' || vm.work.qrCodeInfo == undefined){
            layer.msg('[二维码描述信息]不能为空',{icon:5});
            return false;
        }


        var url = vm.work.id == null ? "qmjz/goods/save" : "qmjz/goods/update";
        $.ajax({
            type: "POST",
            url: baseURL + url,
            contentType: "application/json",
            data: JSON.stringify(vm.work),
            success: function(r){
                if(r.code === 0){
                    layer.msg("操作成功", {icon: 1});
                    vm.reload();
                }else{
                    layer.alert(r.msg);
                }
            }
        });
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
})


$(function () {
    $("#jqGrid2").jqGrid({
        url: baseURL + 'qmjz/goodsapply/page',
        postData: {goodsId: vm2.parent},
        datatype: "json",
        colModel: [
            { label: 'id', name: 'id', index: 'id', width: 50, key: true, hidden: true },
            { label: '姓名', name: 'userName', index: 'user_name', width: 80, sortable:false },
            { label: '电话', name: 'phone', width: 80, sortable:false },
            { label: '学校', name: 'college', width: 80, sortable:false },
            { label: '商品名称', name: 'goodsName', index: 'goods_name', width: 80, sortable:false },
            { label: '分类名称', name: 'categoryName', index: 'category_name', width: 80, sortable:false },
            // { label: '性别', name: 'sex', width: 80 , sortable:false, formatter: function(value, options, row){return dictFormat(value, vm2.dict.gender, options, row);} },
            // { label: '会员卡号', name: 'cardNo', width: 80, sortable:false },
            // { label: '联系电话', name: 'tel', width: 80, sortable:false },
            // { label: '指导老师', name: 'teacherName', width: 80, sortable:false },
            // { label: '报名状态', name: 'status', index: 'status', width: 80 , formatter: function(value, options, row){return dictFormat(value, vm2.dict.workStuEnroll, options, row);} },
            // { label: '通知状态', name: 'notifyStatus', index: 'notify_status', width: 80, formatter: function(value, options, row){return dictFormat(value, vm2.dict.workStuNotice, options, row);}  },
            // { label: '签到状态', name: 'signStatus', index: 'sign_status', width: 80, formatter: function(value, options, row){return dictFormat(value, vm2.dict.workStuSignUp, options, row);}  },
            //{ label: '结算状态', name: 'cashStatus', index: 'cash_status', width: 80, formatter: function(value, options, row){return dictFormat(value, vm2.dict.workStuPay, options, row);}  },
            { label: '报名提交时间', name: 'createTime', index: 'create_time', width: 80 },
            // { label: '是否停卡', name: 'freeze', sortable:false, width: 80 ,formatter: yesnoFormat},
            // { label: '数据来源', name: 'fromTo', width: 80, sortable:false , formatter: function(value, options, row){
            //         if (value == '1') {
            //             return '小程序';
            //         } else if (value == '0'){
            //             return '手动输入';
            //         } else {
            //             return '来源不明';
            //         }
            //     }
            // }
        ],
        viewrecords: true,
        width: w,
        height: h,
        rowNum: 10,
        rowList : [10,30,50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth:false,
        multiselect: true,
        pager: "#jqGridPager2",
        jsonReader : {
            root: "page.list",
            page: "page.currPage",
            total: "page.totalPage",
            records: "page.totalCount"
        },
        prmNames : {
            page:"page",
            rows:"limit",
        },
        gridComplete:function(){
            //隐藏grid底部滚动条
            $("#jqGrid2").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
        },
        loadComplete:function(data){
            vm2.jpgrid = data.page.list;
        }
    });

    $.ajax({
        type: "POST",
        url: baseURL + "sys/bizlibrary/infoList/workStuEnroll",
        contentType: "application/json",
        success: function(r){
            if(r.code == 0){
                vm2.dict.workStuEnroll = r.dictList;
            }else{
                layer.alert("读取字典项失败");
            }
        }
    });

    $.ajax({
        type: "POST",
        url: baseURL + "sys/bizlibrary/infoList/workStuNotice",
        contentType: "application/json",
        success: function(r){
            if(r.code == 0){
                vm2.dict.workStuNotice = r.dictList;
            }else{
                layer.alert("读取字典项失败");
            }
        }
    });

    $.ajax({
        type: "POST",
        url: baseURL + "sys/bizlibrary/infoList/workStuSignUp",
        contentType: "application/json",
        success: function(r){
            if(r.code == 0){
                vm2.dict.workStuSignUp = r.dictList;
            }else{
                layer.alert("读取字典项失败");
            }
        }
    });

    $.ajax({
        type: "POST",
        url: baseURL + "sys/bizlibrary/infoList/workStuPay",
        contentType: "application/json",
        success: function(r){
            if(r.code == 0){
                vm2.dict.workStuPay = r.dictList;
            }else{
                layer.alert("读取字典项失败");
            }
        }
    });

    $.ajax({
        type: "POST",
        url: baseURL + "sys/bizlibrary/infoList/gender",
        contentType: "application/json",
        success: function(r){
            if(r.code == 0){
                vm2.dict.gender = r.dictList;
            }else{
                layer.alert("读取字典项失败");
            }
        }
    });
});


var vm2 = new Vue({
    el:'#rrapp2',
    data:{
        jpgrid: {},
        blank: false,
        showList: true,
        title: null,
        workStu: {},
        showInfo: false,
        parent: null,
        dict:{
            workStuEnroll: null,
            workStuNotice: null,
            workStuSignUp: null,
            workStuPay: null,
            gender: null
        },
        queryParam: {
            input: null
        }
    },
    methods: {
        init: function () {
            vm2.queryParam.input = null;
        },
        query: function () {
            vm2.reload(1);
        },
        reset: function () {
            vm2.init();
            vm2.reload(1);
        },
        reload: function (event) {
            vm2.showInfo = false;
            // vm2.workStu.sex = '';
            // vm2.workStu.status = '';
            // vm2.workStu.notifyStatus = '';
            // vm2.workStu.signStatus = '';
            // vm2.workStu.cashStatus = '';
            vm2.showList = true;
            var page;
            if (event == 1){
                page = 1;
            } else {
                page = $("#jqGrid2").jqGrid('getGridParam','page');
            }
            $("#jqGrid2").jqGrid('setGridParam',{
                postData: {pid: vm2.parent},
                page:page
            }).trigger("reloadGrid");
        },
        reloadFirst: function (event) {
            var page = 1;
            vm2.init();
            $("#jqGrid2").jqGrid('setGridParam',{
                postData:{goodsId: vm2.parent},
                page:page,
                gridComplete:function(){
                    //隐藏grid底部滚动条
                    $("#jqGrid2").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
                    //刷新
                    vm.blank = false;
                    vm2.blank = true;
                    vm2.showList = true;
                    vm2.showInfo = false;

                }
            }).trigger("reloadGrid");
        },
        back: function (event) {
            vm.reload();
            vm.blank = true;
            vm.showList = true;
            vm2.blank = false;
        },
    }

})