单体版ruoyi表格绑定按钮

无语堵上西楼

已于 2023-09-01 11:29:53 修改

阅读量374

点赞数

分类专栏： ruoyi 文章标签：前端 javascript html

于 2023-08-20 07:00:00 首次发布

本文链接：https://blog.csdn.net/qq_63431773/article/details/132291004

版权

ruoyi 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

先需要在表格中添加一个按钮，可以快速操作这条数据的某个0/1状态

表格的列

 visible: editFlag == 'hidden' ? false : true,
                    field: 'status',
                    title: '用户状态',
                    formatter: function (value, row, index) {
                        return statusTools(row);
                    }

editFlag是检验用户是否有操作的权限

var editFlag = [[${@permission.hasPermi('pipayshop:itemCommoidtyInfoCategoryTop:edit')}]];

绑定状态条

  /* 用户状态显示 */
        function statusTools(row) {
            if (row.delFlag == 1) {
                return '<i class=\"fa fa-toggle-off text-info fa-2x\" onclick="enable(\'' + row.categoryId + '\')"></i> ';
            } else {
                return '<i class=\"fa fa-toggle-on text-info fa-2x\" onclick="disable(\'' + row.categoryId + '\')"></i> ';
            }
        }

        /* 用户管理-停用 */
        function disable(categoryId) {
            $.modal.confirm("确认要停用用户吗？", function() {
                $.operate.post(prefix + "/changeStatus", { "categoryId": categoryId, "delFlag": 1 });
            })
        }

        /* 用户管理启用 */
        function enable(categoryId) {
            $.modal.confirm("确认要启用用户吗？", function() {
                $.operate.post(prefix + "/changeStatus", { "categoryId": categoryId, "delFlag": 0 });
            })
        }

controller层

 @RequiresPermissions("pipayshop:itemCommoidtyInfoCategoryTop:changeStatus")
    @Log(title = "修改网店商品分类的状态", businessType = BusinessType.UPDATE)
    @PostMapping("/changeStatus")
    @ResponseBody
    public AjaxResult changeStatus(String categoryId,Integer delFlag)
    {
        return toAjax(itemCommodityInfoCategoryTopService.changeStatus(categoryId,delFlag));
    }

service层

 @Override
    public int changeStatus(String categoryId, Integer delFlag) {
        return itemCommodityInfoCategoryTopMapper.updateStatusByCategoryId(categoryId,delFlag);
    }

mapper层

<update id="updateStatusByCategoryId">
        update item_commodity_info_category_top t
            inner join             item_commodity_category s
        on s.category_pid=t.category_id
        set t.del_flag = #{delFlag},
            s.del_flag = #{delFlag}
        where t.category_id=#{categoryId}
    </update>