QiYuAdmin-部门增删改查

最新推荐文章于 2021-04-26 19:13:42 发布
最新推荐文章于 2021-04-26 19:13:42 发布
阅读量878 收藏 1
点赞数
分类专栏： QiYuAdmin从0到1 文章标签： QiYuAdmin Metronic 部门增删改 zTree SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zqy_zq_zxl/article/details/69488749
版权

简介

先说个事情吧，今天和上上家公司的同事在一起吃饭，其中聊到了一个房子的事情，事情是这样：他在北京买了一套房子90多平米，当时买的是6W/平，当时买的时候到处借钱、贷款，现在每月还贷款2W，我不知道他还多少年，但是现在他的房子是10W/平，也就是90平*10=900w，已经是千万家产了。第二件事情就是，他有说：他10年前的一些同学上一次在一起吃饭，每个人的身价都几千万，他是那群朋友里面混的最差的一个，他最后说了一句：10年是一个阶段，10年之后朋友、同学拉开的距离会非常大，可能别人干一天的就会比你干一年的都要多，做好10年长期计划。

从年初开始，我的思想就发生了变化，是因为看了一本书叫做富爸爸穷爸爸。从这本书中我得出的想法：做四个象限中的右边两个象限，不创业必投资，不投资必创业，不要为了钱而去工作，要让钱为你工作。

慢慢做好自己吧，加油。

  • 布局调整
  • 增加部门
  • 修改部门
  • 删除部门

布局调整

本想按照之前想的布局，但是布局之后发现很不美观，而且实用性比较差。
这里写图片描述
主要是表格看不全，分页看不见了，而且还需要滚动，如果给表格设定一个固定的高度，让其在表格内滚动的话，看到的数据不到10条数据，而且组织的信息不仅仅只有这么几个属性，我列的几个只是基本的，有些项目的属性将会很多，所以就更加不适用了。所以我决定了，把组织的基本信息给删掉，只留用户列表了。
这里写图片描述

增加部门

现在增加、修改、删除都会直接在树本身上面做操作，我感觉非常方便。增加部门上一篇已经说过了，有一些地方改了，添加一个部门就会实施的在树里面增加增加的数据。
这里写图片描述

这里写图片描述

绑定提交表单代码

var initDepAddBootStrapValidate = function () {
        $addDepForm.bootstrapValidator({
            fields: {
                depName: {
                    validators: {
                        notEmpty: {
                            message: '部门名称不能为空'
                        }
                    }
                },
                depCode:{
                    validators: {
                        notEmpty: {
                            message: '部门编码不能为空'
                        }
                    }
                }
            }
        }).on("success.form.bv",function(e){
            swal({
                    title: "确定提交表单?",
                    text: "",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonClass: "btn-danger",
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    closeOnConfirm: false,
                    closeOnCancel: false
                },
                function(isConfirm) {
                    if (isConfirm) {
                        depAjax(addDepAjaxUrl,$addDepForm.serialize(),"POST");
                    } else {
                        swal("", "已经取消了当前操作", "error");
                    }
                });
        });
    }

    var depAjax = function (ajaxUrl,data,method) {
        $.ajax({
            type:method,
            cache:false,
            url:addDepAjaxUrl,
            data:data,
            success:function(responseJson){
                if(responseJson.success==true){//返回true
                    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                    parent.layer.close(index);
                    (parent.QiYuComponents).bootstrapSweetAlert("",responseJson.msg,"success");
                    if(method=="POST"){
                        (parent.QiYuDep).addDepNode(responseJson.obj);//调用添加方法
                    }

                }
                if(responseJson.success==false){//返回false
                    QiYuComponents.bootstrapSweetAlert("",responseJson.msg,"error");
                }
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                QiYuComponents.bootstrapSweetAlert("","系统错误!!!","error");
            }
        });
    }

上面depAjax的方法，当增加成功之后回调函数调用父页面增加节点的方法
(parent.QiYuDep).addDepNode(responseJson.obj);//调用添加方法

/**
     * 增加页面调用父页面方法,给zTree动态添加数据
     * @param depNode
     */
    var addDepNode = function (depNode) {
        var pNode = $depTree.getNodeByParam("id",depNode.pId, null);
        $depTree.addNodes(pNode,depNode);
    }

修改部门

修改部门和增加部门类似，这里的修改部门就相当于查看部门的功能了，感觉有点怪怪的。
这里写图片描述
弹出的页面和增加页面一样。

代码和增加基本一致

var initDepUpdateBootStrapValidate = function () {
        $updateDepForm.bootstrapValidator({
            fields: {
                depName: {
                    validators: {
                        notEmpty: {
                            message: '部门名称不能为空'
                        }
                    }
                },
                depCode:{
                    validators: {
                        notEmpty: {
                            message: '部门编码不能为空'
                        }
                    }
                }
            }
        }).on("success.form.bv",function(e){
            swal({
                    title: "确定提交表单?",
                    text: "",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonClass: "btn-danger",
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    closeOnConfirm: false,
                    closeOnCancel: false
                },
                function(isConfirm) {
                    if (isConfirm) {
                        depAjax(updateDepAjaxUrl,$updateDepForm.serialize(),"PUT");
                    } else {
                        swal("", "已经取消了当前操作", "error");
                    }
                });
        });
    }

删除部门

这里写图片描述

这里写图片描述

这里写图片描述

var onZTreeRemoveClick = function (treeId, treeNode) {
        if(null!=treeNode.children && treeNode.children.length>0){
           QiYuComponents.bootstrapSweetAlert("","不能删除父节点","error");
            return false;
        }
        swal({
                title: "确定删除 "+treeNode.name+"?",
                text: treeNode.name+" 下面的人员将会一起删除",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                closeOnConfirm: false,
                closeOnCancel: false
            },
            function(isConfirm) {
                if (isConfirm) {
                    $.ajax({
                        type:"DELETE",
                        cache:false,
                        url:deleteDepAjaxUrl+"?id="+treeNode.id,
                        success:function(responseJson){
                            if(responseJson.success==true){//返回true
                                $depTree.removeNode(treeNode);//动态删除该节点
                               QiYuComponents.bootstrapSweetAlert("",responseJson.msg,"success");
                            }
                            if(responseJson.success==false){//返回false
                                QiYuComponents.bootstrapSweetAlert("",responseJson.msg,"error");
                            }
                        },
                        error:function (XMLHttpRequest, textStatus, errorThrown) {
                            QiYuComponents.bootstrapSweetAlert("","系统错误!!!","error");
                        }
                    });
                } else {
                    swal("", "已经取消了当前操作", "error");
                }
            });
        return false;
    }

部门模块js文件—dep.js

//@ sourceURL=dep.js
/**
 * 组织架构管理模块js
 */
var QiYuDep = function () {
    //部门主页面
    var $depTree;//树定义
    var depId="depTree";//树节点id
    var depDataAjaxUrl="dep/json/list";//获取部门json数据地址
    var depData;//部门josn数据
    var depInfoAjaxHtml="dep/info";//获取部门信息
    var rightContentClass="todo-content";
    var deleteDepAjaxUrl = "dep/";
    //增加部门属性
    var $addDepForm=$("#depAddForm");//增加部门表单
    var addDepAjaxUrl=QiYuComponents.getContextPath()+"/dep";
    var $addDepBtn =$("#addDepBtn");//增加部门按钮
    //修改部门属性
    var $updateDepForm = $("#depUpdateForm");
    var updateDepAjaxUrl=QiYuComponents.getContextPath()+"/dep";
    var $updateDepBtn = $("#updateDepBtn");

    var initDepData=function () {
        $.ajax({
            type:"GET",
            cache:false,
            url:depDataAjaxUrl,
            success:function(responseJson){
                if(responseJson.success){//成功
                    depData=responseJson.obj;
                    initDepTree();//初始化树列表
                }else{
                    QiYuComponents.bootstrapSweetAlert("",responseJson.msg,"error");
                }
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                QiYuComponents.bootstrapSweetAlert("","获取部门数据出错,系统错误!!!","error");
            }
        });
    }

    var addHoverDom=function(treeId, treeNode) {
        var sObj = $("#" + treeNode.tId + "_span");
        if (treeNode.editNameFlag || $("#addBtn_"+treeNode.tId).length>0) return;
        var addStr = "<span class='button add' id='addBtn_" + treeNode.tId
            + "' title='add node' onfocus='this.blur();'></span>";
        sObj.after(addStr);
        var btn = $("#addBtn_"+treeNode.tId);
        if (btn) btn.bind("click", function(){
           QiYuComponents.layerOpen("增加部门",'800px','350px',"dep/add/view?depId="+treeNode.id)
        });
    };
    var removeHoverDom=function(treeId, treeNode) {
        $("#addBtn_"+treeNode.tId).unbind().remove();
    };

    var onZtreeClick=function(event, treeId, treeNode) {
        QiYuComponents.getPageData(depInfoAjaxHtml+"/"+treeNode.id,null,rightContentClass);
    }

    var onZtreeEditorClick=function (treeId, treeNode) {
        QiYuComponents.layerOpen("修改部门",'800px','350px',"dep/update/view?depId="+treeNode.id);
        return false;
    }
    var onZTreeRemoveClick = function (treeId, treeNode) {
        if(null!=treeNode.children && treeNode.children.length>0){
           QiYuComponents.bootstrapSweetAlert("","不能删除父节点","error");
            return false;
        }
        swal({
                title: "确定删除 "+treeNode.name+"?",
                text: treeNode.name+" 下面的人员将会一起删除",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                closeOnConfirm: false,
                closeOnCancel: false
            },
            function(isConfirm) {
                if (isConfirm) {
                    $.ajax({
                        type:"DELETE",
                        cache:false,
                        url:deleteDepAjaxUrl+"?id="+treeNode.id,
                        success:function(responseJson){
                            if(responseJson.success==true){//返回true
                                $depTree.removeNode(treeNode);//动态删除该节点
                               QiYuComponents.bootstrapSweetAlert("",responseJson.msg,"success");
                            }
                            if(responseJson.success==false){//返回false
                                QiYuComponents.bootstrapSweetAlert("",responseJson.msg,"error");
                            }
                        },
                        error:function (XMLHttpRequest, textStatus, errorThrown) {
                            QiYuComponents.bootstrapSweetAlert("","系统错误!!!","error");
                        }
                    });
                } else {
                    swal("", "已经取消了当前操作", "error");
                }
            });
        return false;
    }

    var initDepTree=function () {
        //初始化树的配置参数
        var setting = {
            view: {
                showLine: true,
                addHoverDom: addHoverDom,
                removeHoverDom: removeHoverDom,
                selectedMulti: false
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            check: {
                enable: false,//在节点前显示checkbox
                chkboxType: {"Y": "", "N": ""}//父节点和字节不级联
            },
            edit: {
                enable: true
            },
            callback: {
                onClick: onZtreeClick,
                beforeEditName:onZtreeEditorClick,
                beforeRemove: onZTreeRemoveClick
            }
        };
        if(null!=$depTree && ""!=$depTree && undefined!=$depTree){//不为空

        }else{
            $depTree = $.fn.zTree.init($("#"+depId), setting, depData);
        }
        var allNodes = $depTree.getNodes();
        if(allNodes.length>0){//查询出来的是有数据的
            $depTree.expandNode(allNodes[0]);//展开第一个节点
            QiYuComponents.getPageData(depInfoAjaxHtml+"/"+allNodes[0].id,null,rightContentClass); //点击第一个节点
        }
    }

    var initDepAddBootStrapValidate = function () {
        $addDepForm.bootstrapValidator({
            fields: {
                depName: {
                    validators: {
                        notEmpty: {
                            message: '部门名称不能为空'
                        }
                    }
                },
                depCode:{
                    validators: {
                        notEmpty: {
                            message: '部门编码不能为空'
                        }
                    }
                }
            }
        }).on("success.form.bv",function(e){
            swal({
                    title: "确定提交表单?",
                    text: "",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonClass: "btn-danger",
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    closeOnConfirm: false,
                    closeOnCancel: false
                },
                function(isConfirm) {
                    if (isConfirm) {
                        depAjax(addDepAjaxUrl,$addDepForm.serialize(),"POST");
                    } else {
                        swal("", "已经取消了当前操作", "error");
                    }
                });
        });
    }

    var depAjax = function (ajaxUrl,data,method) {
        $.ajax({
            type:method,
            cache:false,
            url:addDepAjaxUrl,
            data:data,
            success:function(responseJson){
                if(responseJson.success==true){//返回true
                    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                    parent.layer.close(index);
                    (parent.QiYuComponents).bootstrapSweetAlert("",responseJson.msg,"success");
                    if(method=="POST"){
                        (parent.QiYuDep).addDepNode(responseJson.obj);//调用添加方法
                    }
                    // else if(method=="PUT"){
                    //     (parent.QiYuDep).updateDepNode(responseJson.obj);//调用修改方法
                    // }

                }
                if(responseJson.success==false){//返回false
                    QiYuComponents.bootstrapSweetAlert("",responseJson.msg,"error");
                }
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                QiYuComponents.bootstrapSweetAlert("","系统错误!!!","error");
            }
        });
    }

    var initDepUpdateBootStrapValidate = function () {
        $updateDepForm.bootstrapValidator({
            fields: {
                depName: {
                    validators: {
                        notEmpty: {
                            message: '部门名称不能为空'
                        }
                    }
                },
                depCode:{
                    validators: {
                        notEmpty: {
                            message: '部门编码不能为空'
                        }
                    }
                }
            }
        }).on("success.form.bv",function(e){
            swal({
                    title: "确定提交表单?",
                    text: "",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonClass: "btn-danger",
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    closeOnConfirm: false,
                    closeOnCancel: false
                },
                function(isConfirm) {
                    if (isConfirm) {
                        depAjax(updateDepAjaxUrl,$updateDepForm.serialize(),"PUT");
                    } else {
                        swal("", "已经取消了当前操作", "error");
                    }
                });
        });
    }
    /**
     * 增加页面调用父页面方法,给zTree动态添加数据
     * @param depNode
     */
    var addDepNode = function (depNode) {
        var pNode = $depTree.getNodeByParam("id",depNode.pId, null);
        $depTree.addNodes(pNode,depNode);
    }
    /**
     * 修改页面调用父页面方法,给zTree动态修改数据
     * @param depNode
     */
    // var updateDepNode = function (depNode) {
    //     $depTree.updateNode(depNode);
    // }
    return{
        //初始主界面树
        initDepMain:function () {
            initDepData();
        },
        //初始化部门增加页面
        initDepAdd:function () {
            initDepAddBootStrapValidate();
            $addDepBtn.on("click",function () {
                $addDepForm.submit();
            });
        },
        //初始化部门修改页面
        initDepUpdate:function () {
            initDepUpdateBootStrapValidate();
            $updateDepBtn.on("click",function () {
                $updateDepForm.submit();
            });
        },
        //增加页面调用父页面方法
        addDepNode:function (depNode) {
            addDepNode(depNode);
        }
    }
}();

结语

后端代码就不贴了，应该算比较简单的了，都是单表的增删改查，后续东西多了就会复杂点，先简单点，先做出一版吧。

山竹之七语
关注
专栏目录
树的增删改查
Mr.田的博客
11-07 931
package Tree; import java.util.Stack; //定义树节点 class TreeNode{ int val; TreeNode left; TreeNode right; TreeNode(int x){ val=x; } } //我想要跟链表一样实现一个树的增删改查 //1.建立一个二叉树TreeBuild(); //2.增 add(TreeNode root); //3.删delete(TreeNode root
QiYuAdmin-BootStrapTable增加通用的搜索功能（Metronic实战）
zqy_zq_zxl的博客
05-30 5536
简介QiYuAdmin项目的前端是基于漂亮的前端模板Metronic的，现在的版本是V4.7版本，由于没有提供开发的详细文档，只能慢慢的摸索，正好公司的项目也用到了，所以就将自己开发的过程中的一些经验给整理出来，努力做出一个基于Metronic模板的中文文档出来，给分享出来。这篇文章主要是将bootstrap-table插件增加通用的搜索条件功能，方便以后类似的功能直接调用封装好的共用js方法。 共
ztree实现部门增删改查
06-08
使用jQuery ztree强大的控件实现了部门(department)的增删改查操作
各种增删改查（部门管理）
qq_43063585的博客
04-26 798
部门管理DepartmentController。 @RestController @RequestMapping("/system/basic/department") public class DepartmentController { @Autowired private IDepartmentService departmentService; @ApiOperation(value = "获取所有部门") @GetMapping("/") public
树形结构（增删改查刷新等功能附SQL脚本）
03-21
树形结构（增删改查刷新等功能附SQL脚本） 是java编写 。jsp + serlvet 。实现 一个可视化。增删改查的树形结构。
QiYuAdmin-项目模块的说明
zqy_zq_zxl的博客
06-07 1945
简介这篇文章主要是介绍QiYuAdmin项目里面的几个模块都是干什么用的。 - qiyu-actuator-server - qiyu-admin-system - qiyu-admin-web - qiyu-framework-core - qiyu-framework-webqiyu-actuator-server这个模块其实是英国的一家公司写的SpringBootAdmin项目，这家
QiYuAdmin-架构搭建一（SpringBoot实战）
zqy_zq_zxl的博客
02-25 2880
简介 工作5年了，现在自我定义是一个产品的研发经理，去年公司老板要每个人拿着自己的PPT在他面前做年终总结，我其中有一条是今年要写一套技术博客文集 then just do it。接下来的一系列的文章是以我现在带的一个项目为基础，从新开始一个后台管理类型的项目(qyAdmin–权限管理模块)为推动力来完成，里面有很多东西需要我去注意和学习的地方，太多。
QiYuAdmin-结合FastDFS实现bootstrap-fileinput上传
zqy_zq_zxl的博客
03-21 1461
简介之前做过webuploader，总感觉webuploader里面的东西比较多，官网提供的例子很繁琐，其实我们的项目也在用webuploader，可能也是审美疲劳了，所以一直徘徊是用webuploader还是zyuploader？但zyuploader连个官方网站都没有，所以也是我担心的出现一些棘手的问题可能解决起来就比较麻烦，正在纠结这个问题的时候，我突然想到，难道bootstrap就没有上传下
QiYuAdmin-bootstrap.addtabs美化（SpringBoot实战）
zqy_zq_zxl的博客
04-10 4540
简介之前发现了一个插件bootstrap-addtabs，一直收藏着，之前看的时候是v1版本的，现在更新到了v2.0版本，那就开始用吧，已经有人写出来了，而且更新迭代到了2.0版本，不重复造轮子，重复造轮子还不一定比别人的好，毕竟别人的已经经过了考验： 美化页面成果 bootstrap-addtabs介绍 bootstrap-addtabs集成 bootstrap-addtabs样式调整 页面成果
QiYuAdmin-Thymeleaf的include封装共用js和css（项目优化）
热门推荐
zqy_zq_zxl的博客
05-26 1万+
简介有段时间没有更新博客了，最近公司的销售爆表，同时来了几个项目，项目之间交付的日期相差的也比较短，一直沉迷于项目中。从今天开始QiYuAdmin项目我每天都会花点时间去维护它，去优化它，之后的版本将会陆陆续续增加一些功能，其中最重要的就是流程引擎，接下来的一段时间里，主要是优化项目，将里面的很多没有用到的东西给删除掉，一点一点的完善它。源码已经上传到了开源中国了，群的公告里面有源码的地址。QQ群号
QiYuAdmin-CentOS安装MySQL5.7
zqy_zq_zxl的博客
06-06 576
简介最近爆表了，来公司为止到现在，这段时间加班最严重，周末2天加班，周一到周五到晚上10左右，中午抽了个空把MySQL5.7重新安装一下，之前的阿里云到期了，重新买了一个半年的，捯饬捯饬它，先装个MySQL5.7，用了SpringBoot之后就只需要一个JDK和数据库了，爽歪歪，记录这篇文章完全是为了下次安装的时候提供一个文档，因为MYSQL我不记得装过多少次了，每次装的时候都需要百度查找文档，这次
QiYuAdmin-用户增删改查
zqy_zq_zxl的博客
03-17 1687
简述一家人都生病了一周，病毒性感冒，传染性急强，我在家待了5天了，我女儿到现在还在咳嗽。 昨天和领导到一个客户现场聊完之后坐在车上说起了孩子的事，他说他不会在要第二个了，太折腾人了。不过我们领导年纪也大了，孩子也挺大的了。 其实不是身体累而是心累，睡觉都睡不安稳，总想着女儿有没有把被子给踢掉。不过开心的时候还是挺幸福的。生活就是如此。 这段时间做了如下的事情： 用户表单样式 用户增删改查 用户
关于部门等树状结构的增删改查
镜水灵动
03-09 2599
一。新增1.流程：(1)校验前台传来的值是否符合要求(2)判断同一层级下是否存在名称相同的部门。（parentId，deptName）(3)保存部门 二。修改1.流程：(1)校验前台传来的值是否符合要求(2)排除自己，判断同一层级下是否存在名称相同的部门。（parentId，deptName）(3)修改部门：修改子部门的Level修改部门信息并保存。三。删除1.流程：(1)校验前台传来的值是否符合...
jq 修改swal的标题_如何使用JQuery在SWAL中成功调用函数？
weixin_29310605的博客
12-24 374
Second function is not working. It doesn't received the id that being passed from the first function.Here is my JQuery code.swal({title: "Are you sure?",text: "You will not be able to recover this rec...
js中三种弹出框
weixin_33798152的博客
03-16 6197
javascript的三种对话框是通过调用window对象的三个方法alert()，confirm()和prompt()来获得，可以利用这些对话框来完成js的输入和输出，实现与用户能进行交互的js代码。 今天小编就来简单介绍一下js中的三种弹出对话框，小编先单独对这几个方法进行详细讲解，接着，将这几个方法进行对比，好了，开始我们的js之旅吧`(*∩_∩*)′...... 第一种：alert()...
swal confirm确认框
huangbaokang的博客
01-05 4894
//删除工单 function doDel(id){ swal({ title: "确定要删除工单吗？", /* text: "删除之后无法恢复该数据!", */ type: 'warning', showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "确定",...
树形结构菜单的增删改查
二十一克阳光！的博客
07-02 5488
树形结构的样例 约定：整个树形结构节点的层次最多能有3级。 数据库中表示树形结构 pid表示父节点id，name为节点名称，url为节点的链接地址，icon为节点旁边的图标。 关联方式是通过pid字段关联到父节点的id字段，建立父子关系； 后台代码 实体类 /** * (TMenu)实体类 * * @author sxyuser * @since 2020-06-30 20:38:25 */ public class TMenu implements Serializable { pr
弹出框确定之后刷新页面的问题
风华绝代的博客
09-01 5626
success: function (result) { if (result.status == true) { swal({title: "信息!", text: "添加同级成功", showConfirmButton: true}, /*function (isConfirm) { history.go(0);
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山竹之七语

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值