javascript的代码封装示例

最新推荐文章于 2024-09-17 21:00:59 发布

「已注销」

最新推荐文章于 2024-09-17 21:00:59 发布

阅读量702

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/xiaoxinshuaiga/article/details/80397279

版权

本文将通过实例演示如何在JavaScript中进行代码封装，提高代码复用性和可维护性，包括函数封装、模块化以及类的使用。

摘要由CSDN通过智能技术生成

$(function () {
    var orderManage = {
        dv: '#dvOrderManage',
        ini: function () {
            var _this = this;
            _this.tbl_ini();
            $(_this.dv).on('click', 'a,button,.btns',function () {
                var v = $(this).data('command');
                if(v == 'change_status'){
                    var id = $(this).data('id');
                    var status = $(this).data('status');
                    var uuid = $(this).data('uuid');
                    _this.change_status(id, status, uuid);
                }else if(v == 'edit'){
                    var id = $(this).data('id');
                    _this.edit(id);
                }else if(v == 'del'){
                    var id = $(this).data('id');
                    _this.del(id);
                }else if(v == 'shipments'){
                    var id = $(this).data('id');
                    var status = $(this).data('status');
                    var uuid = $(this).data('uuid');
                    _this.shipments(id, status, uuid);
                }

            })
        },
        change_status: function (id, status, uuid) {
            top.layer.prompt({
                formType: 2,
                value: ' ',
                title: '操作备注',
                area: ['400px', '300px'] //自定义文本域宽高
            }, function(value, index, elem){
                var data = {"status":status,"uuid":uuid, "comment":value}
                $.post('/manage/order/orderChangStatus/id/'+id, data, function (res) {
                    if(res.state == 'success'){
                        $.modalMsg(res.msg, res.state);
                        top.$('iframe[name="iframeorder"]')[0].contentWindow.$('#table').bootstrapTable('refresh');
                        top.layer.close(index);
                    }
                });
            });
        },
        edit: function (id) {
            $.modalOpen({
                id: "pre",
                title: "编辑订单",
                url: "/manage/order/orderUpdate/id/"+id,
                width: "850px",
                height: "700px",
                callBack: function (iframeId) {
                    top.frames[iframeId].submitForm();
                }
            });
        },
        del: function (id) {
            $.modalConfirm("注：您确定要删除该记录吗？", function (r) {
                if (r) {
                    $.ajax({
                        url: "/manage/order/preDel/id/"+id,
                        type: "post",
                        data: 'id='+id,
                        success: function (data) {
                            top.$('iframe[name="iframepre"]')[0].contentWindow.$('#table').bootstrapTable('refresh');
                            $.modalMsg(data.msg, data.state);
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(index);
                        }
                    })
                }
            });
        },
        shipments: function (id, status, uuid) {
            $.modalOpen({
                title: "发货",
                url: "/manage/order/orderShipments/id/"+id,
                width: "600px",
                height: "600px",
                callBack: function (iframeId) {
                    top.frames[iframeId].submitForm();
                }
            });
        },
        queryParams: function  (params) {

            return {

                offset: params.offset,  //页码
                limit: params.limit,   //页面大小
                search : params.search, //搜索
                order : params.order, //排序
                ordername : params.sort, //排序
            };
        },
        tbl_ini: function () {
            var _this = this;
            $('#table').bootstrapTable({
                url: '/manage/order/orderGets',
                queryParams: _this.queryParams, //传递参数（*）
                columns: [
                    {
                        field: 'status',
                        title: '状态',
                        align: 'center',
                        formatter: function (value) {
                            //  1:未付款 2:待发货 3:待收货 4:已取消 5:已完成
                            if(value == 1){
                                return '未付款';
                            }else if(value == 2){
                                return '待发货';
                            }else if(value == 3){
                                return '待收货';
                            }else if(value == 4){
                                return '已取消';
                            }else if(value == 5){
                                return '已完成';
                            }
                        }
                    },{
                        field: 'uuid',
                        title: '订单编号',
                        align: 'center',
                        formatter: function (value, row) {
                            return '<a href="#" data-command="edit" data-id="'+row.id+'">'+value+'</a>';
                        }
                    },{
                        field: 'login_name',
                        title: '会员帐号',
                        align: 'center'
                    },{
                        field: