逆向生成页面
新增菜单—商品系统的品牌管理 —product/brand
在代码生成器得到的文件中,
main-resources-src-views-modules-product
brand.vue、brand-add-or-update.vue放到category.vue同级
vue文件有新增、删除按钮,但页面未显示,是因为权限问题。
在 utils-index.js
中,是否有权限返回true===>重启项目!
报错:TRUE不行,因为已经弃用,依赖报错
优化逆向生成页面
1、显示状态后的备注删除
es6语法检查太严格,在 bulid---webpack.base.config.js``中把createlintingRule
{}里面注释掉。需要重启项目!
在显示状态下,自定义开关按钮,scope.slot
在elemt-ui的table
侧边栏,把 switch
放进去
<template scope> el-switch
绑定 scope.row.showStatus
看示例,一边查看结果
为switch 绑定 @change="updateBrandStatus(scope.row)"
事件,声明方法,默认传入参数status,但不够,method中是data,可以打印看看
1.1 brand.vue 中动态绑定
1.2 brand-add-or-update.vue 中不用 el-input ,而用el-switch ,并绑定 dataForm.showStatus;label-width 调整宽度,140px
发送修改请求:BrandController
brand/update
post
json格式:{“brandId":1, "logo":"xxx"}
发送名牌Id和显示状态
解构字段 let {brandId, showStatus} = data
并发送字段
给提示 success ,状态更新成功
实际上showStatus显示为1,不显示为0,做判断。实际上:{brandId, showStatus:showStatus?1:0}
在el-switch中写 :active-value="1" :inactive-value="0"
也就不用做三元判断了
问题:修改成功了,但返回不对应?
发现传入brandId和showStatus报错, update where brandId=? and show_status=1
只能改变状态为1的,发现原因是mybatis-plus配置逻辑删除的,是对showStatus全局配置,原来的db-field。
现对Category实体字段配置单表, @TableLogic(~~~~)
成功!