diff --git a/front-end/mall4v/src/crud/prod/prodComm.js b/front-end/mall4v/src/crud/prod/prodComm.js index 81b776f..072cbaa 100644 --- a/front-end/mall4v/src/crud/prod/prodComm.js +++ b/front-end/mall4v/src/crud/prod/prodComm.js @@ -1,75 +1,111 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里设为true表示显示索引列 index: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 定义表格的列配置 column: [ + // 商品名列配置 { - label: '商品名', - prop: 'prodName', - search: true + label: '商品名', // 列标题 + prop: 'prodName', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 }, + + // 用户昵称列配置 { - label: '用户昵称', - prop: 'nickName', - slot: true + label: '用户昵称', // 列标题 + prop: 'nickName', // 数据属性名 + slot: true // 是否使用自定义模板渲染这一列 }, + + // 记录时间列配置 { - label: '记录时间', - prop: 'recTime', - width: '200' + label: '记录时间', // 列标题 + prop: 'recTime', // 数据属性名 + width: '200' // 列宽 }, + + // 回复时间列配置 { - label: '回复时间', - slot: true, - prop: 'replyTime', - width: '200', - dicData: [ + label: '回复时间', // 列标题 + slot: true, // 是否使用自定义模板渲染这一列 + prop: 'replyTime', // 数据属性名 + width: '200', // 列宽 + dicData: [ // 下拉选项数据 { - label: '无', - value: '' + label: '无', // 显示文本 + value: '' // 对应值 } ] }, + + // 评价得分列配置 { - label: '评价得分', - prop: 'score' + label: '评价得分', // 列标题 + prop: 'score' // 数据属性名 }, + + // 是否匿名列配置 { - label: '是否匿名', - prop: 'isAnonymous', - dicData: [ + label: '是否匿名', // 列标题 + prop: 'isAnonymous', // 数据属性名 + dicData: [ // 下拉选项数据 { - label: '否', - value: 0 + label: '否', // 显示文本 + value: 0 // 对应值 }, { - label: '是', - value: 1 + label: '是', // 显示文本 + value: 1 // 对应值 } ] }, + + // 审核状态列配置 { - prop: 'status', - label: '审核状态', - search: true, - type: 'select', - dicData: [ + prop: 'status', // 数据属性名 + label: '审核状态', // 列标题 + search: true, // 是否在搜索栏中显示此列的筛选条件 + type: 'select', // 输入类型为下拉选择 + dicData: [ // 下拉选项数据 { - label: '待审核', - value: 0 + label: '待审核', // 显示文本 + value: 0 // 对应值 }, { - label: '审核通过', - value: 1 + label: '审核通过', // 显示文本 + value: 1 // 对应值 }, { - label: '审核未通过', - value: -1 + label: '审核未通过', // 显示文本 + value: -1 // 对应值 } ] } diff --git a/front-end/mall4v/src/crud/prod/prodList.js b/front-end/mall4v/src/crud/prod/prodList.js index b2e3c4a..ee667d9 100644 --- a/front-end/mall4v/src/crud/prod/prodList.js +++ b/front-end/mall4v/src/crud/prod/prodList.js @@ -1,59 +1,111 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 是否显示索引列，默认是false，这里设为false表示不显示索引列 index: false, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '产品名字', - prop: 'prodName', - search: true - }, { - label: '商品原价', - prop: 'oriPrice' - }, { - label: '商品现价', - prop: 'price' - }, { - label: '商品库存', - prop: 'totalStocks' - }, { - label: '产品图片', - prop: 'pic', - type: 'upload', - width: 150, - listType: 'picture-img' - - }, { - width: 150, - label: '状态', - prop: 'status', - search: true, - slot: true, - type: 'select', - dicData: [ - { - label: '未上架', - value: 0 - }, { - label: '上架', - value: 1 - } - ] - }] + + // 定义表格的列配置 + column: [ + // 产品名字列配置 + { + label: '产品名字', // 列标题 + prop: 'prodName', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 商品原价列配置 + { + label: '商品原价', // 列标题 + prop: 'oriPrice' // 数据属性名 + }, + + // 商品现价列配置 + { + label: '商品现价', // 列标题 + prop: 'price' // 数据属性名 + }, + + // 商品库存列配置 + { + label: '商品库存', // 列标题 + prop: 'totalStocks' // 数据属性名 + }, + + // 产品图片列配置 + { + label: '产品图片', // 列标题 + prop: 'pic', // 数据属性名 + type: 'upload', // 输入类型为上传文件 + width: 150, // 列宽 + listType: 'picture-img' // 图片列表类型 + }, + + // 状态列配置 + { + width: 150, // 列宽 + label: '状态', // 列标题 + prop: 'status', // 数据属性名 + search: true, // 是否在搜索栏中显示此列的筛选条件 + slot: true, // 是否使用自定义模板渲染这一列 + type: 'select', // 输入类型为下拉选择 + dicData: [ // 下拉选项数据 + { + label: '未上架', // 显示文本 + value: 0 // 对应值 + }, { + label: '上架', // 显示文本 + value: 1 // 对应值 + } + ] + } + ] } diff --git a/front-end/mall4v/src/crud/prod/prodTag.js b/front-end/mall4v/src/crud/prod/prodTag.js index fadb3c7..436954e 100644 --- a/front-end/mall4v/src/crud/prod/prodTag.js +++ b/front-end/mall4v/src/crud/prod/prodTag.js @@ -1,46 +1,76 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里设为true表示显示索引列 index: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 定义表格的列配置 column: [ + // 标签名称列配置 { - label: '标签名称', - prop: 'title', - search: true, - slot: true + label: '标签名称', // 列标题 + prop: 'title', // 数据属性名 + search: true, // 是否在搜索栏中显示此列的筛选条件 + slot: true // 是否使用自定义模板渲染这一列 }, + + // 状态列配置 { - label: '状态', - prop: 'status', - type: 'select', - slot: true, - search: true, - dicData: [ + label: '状态', // 列标题 + prop: 'status', // 数据属性名 + type: 'select', // 输入类型为下拉选择 + slot: true, // 是否使用自定义模板渲染这一列 + search: true, // 是否在搜索栏中显示此列的筛选条件 + dicData: [ // 下拉选项数据 { - label: '禁用', - value: 0 + label: '禁用', // 显示文本 + value: 0 // 对应值 }, { - label: '正常', - value: 1 + label: '正常', // 显示文本 + value: 1 // 对应值 } ] }, + + // 默认类型列配置 { - label: '默认类型', - prop: 'isDfault', - slot: true + label: '默认类型', // 列标题 + prop: 'isDfault', // 数据属性名 + slot: true // 是否使用自定义模板渲染这一列 }, + + // 排序列配置 { - label: '排序', - prop: 'seq' + label: '排序', // 列标题 + prop: 'seq' // 数据属性名 } ] } diff --git a/front-end/mall4v/src/crud/prod/spec.js b/front-end/mall4v/src/crud/prod/spec.js index 06790c6..e9d45a3 100644 --- a/front-end/mall4v/src/crud/prod/spec.js +++ b/front-end/mall4v/src/crud/prod/spec.js @@ -1,30 +1,69 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里设为true表示显示索引列 index: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '属性名称', - prop: 'propName', - search: true - }, { - label: '属性值', - prop: 'prodPropValues', - slot: true - }] + + // 定义表格的列配置 + column: [ + // 属性名称列配置 + { + label: '属性名称', // 列标题 + prop: 'propName', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 属性值列配置 + { + label: '属性值', // 列标题 + prop: 'prodPropValues', // 数据属性名 + slot: true // 是否使用自定义模板渲染这一列 + } + ] } diff --git a/front-end/mall4v/src/crud/shop/hotSearch.js b/front-end/mall4v/src/crud/shop/hotSearch.js index a7bf942..c91b474 100644 --- a/front-end/mall4v/src/crud/shop/hotSearch.js +++ b/front-end/mall4v/src/crud/shop/hotSearch.js @@ -1,50 +1,84 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 定义表格的列配置 column: [ + // 热搜标题列配置 { - label: '热搜标题', - prop: 'title', - search: true + label: '热搜标题', // 列标题 + prop: 'title', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 }, + + // 热搜内容列配置 { - label: '热搜内容', - prop: 'content', - search: true + label: '热搜内容', // 列标题 + prop: 'content', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 }, + + // 录入时间列配置 { - label: '录入时间', - prop: 'recDate', - sortable: true + label: '录入时间', // 列标题 + prop: 'recDate', // 数据属性名 + sortable: true // 是否允许按该列排序 }, + + // 顺序列配置 { - label: '顺序', - prop: 'seq', - sortable: true + label: '顺序', // 列标题 + prop: 'seq', // 数据属性名 + sortable: true // 是否允许按该列排序 }, + + // 启用状态列配置 { - label: '启用状态', - prop: 'status', - type: 'select', - slot: true, - search: true, - dicData: [ + label: '启用状态', // 列标题 + prop: 'status', // 数据属性名 + type: 'select', // 输入类型为下拉选择 + slot: true, // 是否使用自定义模板渲染这一列 + search: true, // 是否在搜索栏中显示此列的筛选条件 + dicData: [ // 下拉选项数据 { - label: '未启用', - value: 0 + label: '未启用', // 显示文本 + value: 0 // 对应值 }, { - label: '启用', - value: 1 + label: '启用', // 显示文本 + value: 1 // 对应值 } ] } diff --git a/front-end/mall4v/src/crud/shop/notice.js b/front-end/mall4v/src/crud/shop/notice.js index 6284d24..674717f 100644 --- a/front-end/mall4v/src/crud/shop/notice.js +++ b/front-end/mall4v/src/crud/shop/notice.js @@ -1,50 +1,78 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里设为true表示显示索引列 index: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 定义表格的列配置 column: [ + // 公告内容列配置 { - label: '公告内容', - prop: 'title', - search: true + label: '公告内容', // 列标题 + prop: 'title', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 }, + + // 状态列配置 { - label: '状态', - prop: 'status', - search: true, - slot: true, - type: 'select', - dicData: [ + label: '状态', // 列标题 + prop: 'status', // 数据属性名 + search: true, // 是否在搜索栏中显示此列的筛选条件 + slot: true, // 是否使用自定义模板渲染这一列 + type: 'select', // 输入类型为下拉选择 + dicData: [ // 下拉选项数据 { - label: '撤销', - value: 0 + label: '撤销', // 显示文本 + value: 0 // 对应值 }, { - label: '公布', - value: 1 + label: '公布', // 显示文本 + value: 1 // 对应值 } ] }, + + // 是否置顶列配置 { - label: '是否置顶', - prop: 'isTop', - search: true, - slot: true, - type: 'select', - dicData: [ + label: '是否置顶', // 列标题 + prop: 'isTop', // 数据属性名 + search: true, // 是否在搜索栏中显示此列的筛选条件 + slot: true, // 是否使用自定义模板渲染这一列 + type: 'select', // 输入类型为下拉选择 + dicData: [ // 下拉选项数据 { - label: '否', - value: 0 + label: '否', // 显示文本 + value: 0 // 对应值 }, { - label: '是', - value: 1 + label: '是', // 显示文本 + value: 1 // 对应值 } ] } diff --git a/front-end/mall4v/src/crud/shop/pickAddr.js b/front-end/mall4v/src/crud/shop/pickAddr.js index d884de6..94ec50c 100644 --- a/front-end/mall4v/src/crud/shop/pickAddr.js +++ b/front-end/mall4v/src/crud/shop/pickAddr.js @@ -1,43 +1,95 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, + + // 定义表格的列配置 column: [ + // 自提点名称列配置 { - label: '自提点名称', - prop: 'addrName', - search: true - }, { - label: '手机号', - prop: 'mobile' - }, { - label: '省份', - prop: 'province' - }, { - label: '城市', - prop: 'city' - }, { - label: '区/县', - prop: 'area' - }, { - label: '地址', - prop: 'addr' - }] + label: '自提点名称', // 列标题 + prop: 'addrName', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 手机号码列配置 + { + label: '手机号', // 列标题 + prop: 'mobile' // 数据属性名 + }, + + // 省份列配置 + { + label: '省份', // 列标题 + prop: 'province' // 数据属性名 + }, + + // 城市列配置 + { + label: '城市', // 列标题 + prop: 'city' // 数据属性名 + }, + + // 区/县列配置 + { + label: '区/县', // 列标题 + prop: 'area' // 数据属性名 + }, + + // 地址列配置 + { + label: '地址', // 列标题 + prop: 'addr' // 数据属性名 + } + ] } diff --git a/front-end/mall4v/src/crud/shop/transport.js b/front-end/mall4v/src/crud/shop/transport.js index 7a02c0b..5133d49 100644 --- a/front-end/mall4v/src/crud/shop/transport.js +++ b/front-end/mall4v/src/crud/shop/transport.js @@ -1,27 +1,65 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, - delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 + delBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '模板名称', - prop: 'transName', - search: true - }] + + // 定义表格的列配置 + column: [ + // 模板名称列配置 + { + label: '模板名称', // 列标题 + prop: 'transName', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + } + ] } diff --git a/front-end/mall4v/src/crud/sys/area.js b/front-end/mall4v/src/crud/sys/area.js index 027da3d..fc4c593 100644 --- a/front-end/mall4v/src/crud/sys/area.js +++ b/front-end/mall4v/src/crud/sys/area.js @@ -1,30 +1,58 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里设为true表示显示索引列 index: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 定义表格的列配置 column: [ + // 区域ID列配置 { - label: '', - prop: 'areaId' + label: '', // 列标题为空，表示该列不会显示标题 + prop: 'areaId' // 数据属性名 }, + + // 区域名称列配置 { - label: '', - prop: 'areaName' + label: '', // 列标题为空，表示该列不会显示标题 + prop: 'areaName' // 数据属性名 }, + + // 父级ID列配置 { - label: '', - prop: 'parentId' + label: '', // 列标题为空，表示该列不会显示标题 + prop: 'parentId' // 数据属性名 }, + + // 层级列配置 { - label: '', - prop: 'level' + label: '', // 列标题为空，表示该列不会显示标题 + prop: 'level' // 数据属性名 } ] } diff --git a/front-end/mall4v/src/crud/sys/config.js b/front-end/mall4v/src/crud/sys/config.js index eb807f7..90bd2fe 100644 --- a/front-end/mall4v/src/crud/sys/config.js +++ b/front-end/mall4v/src/crud/sys/config.js @@ -1,33 +1,77 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, - delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 + delBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '参数名', - prop: 'paramKey', - search: true - }, { - label: '参数值', - prop: 'paramValue' - }, { - label: '备注', - prop: 'remark' - }] + + // 定义表格的列配置 + column: [ + // 参数名列配置 + { + label: '参数名', // 列标题 + prop: 'paramKey', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 参数值列配置 + { + label: '参数值', // 列标题 + prop: 'paramValue' // 数据属性名 + }, + + // 备注列配置 + { + label: '备注', // 列标题 + prop: 'remark' // 数据属性名 + } + ] } diff --git a/front-end/mall4v/src/crud/sys/log.js b/front-end/mall4v/src/crud/sys/log.js index e9d3081..7f0a764 100644 --- a/front-end/mall4v/src/crud/sys/log.js +++ b/front-end/mall4v/src/crud/sys/log.js @@ -1,47 +1,105 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, - menu: false, // 移除操作栏 + + // 是否显示操作栏，默认是true，这里设为false表示移除操作栏 + menu: false, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, - delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 + delBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '用户名', - prop: 'username', - search: true - }, { - label: '用户操作', - prop: 'operation', - search: true - }, { - label: '请求方法', - prop: 'method' - }, { - label: '请求参数', - prop: 'params' - }, { - label: '执行时长(毫秒)', - prop: 'time' - }, { - label: 'IP地址', - prop: 'ip' - }, { - label: '创建时间', - prop: 'createDate' - }] + + // 定义表格的列配置 + column: [ + // 用户名列配置 + { + label: '用户名', // 列标题 + prop: 'username', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 用户操作列配置 + { + label: '用户操作', // 列标题 + prop: 'operation', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 请求方法列配置 + { + label: '请求方法', // 列标题 + prop: 'method' // 数据属性名 + }, + + // 请求参数列配置 + { + label: '请求参数', // 列标题 + prop: 'params' // 数据属性名 + }, + + // 执行时长(毫秒)列配置 + { + label: '执行时长(毫秒)', // 列标题 + prop: 'time' // 数据属性名 + }, + + // IP地址列配置 + { + label: 'IP地址', // 列标题 + prop: 'ip' // 数据属性名 + }, + + // 创建时间列配置 + { + label: '创建时间', // 列标题 + prop: 'createDate' // 数据属性名 + } + ] } diff --git a/front-end/mall4v/src/crud/sys/role.js b/front-end/mall4v/src/crud/sys/role.js index 682aef0..80e6acb 100644 --- a/front-end/mall4v/src/crud/sys/role.js +++ b/front-end/mall4v/src/crud/sys/role.js @@ -1,33 +1,77 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '角色名称', - prop: 'roleName', - search: true - }, { - label: '备注', - prop: 'remark' - }, { - label: '创建时间', - prop: 'createTime' - }] + + // 定义表格的列配置 + column: [ + // 角色名称列配置 + { + label: '角色名称', // 列标题 + prop: 'roleName', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 备注列配置 + { + label: '备注', // 列标题 + prop: 'remark' // 数据属性名 + }, + + // 创建时间列配置 + { + label: '创建时间', // 列标题 + prop: 'createTime' // 数据属性名 + } + ] } diff --git a/front-end/mall4v/src/crud/sys/user.js b/front-end/mall4v/src/crud/sys/user.js index a2a61a3..b0aa29b 100644 --- a/front-end/mall4v/src/crud/sys/user.js +++ b/front-end/mall4v/src/crud/sys/user.js @@ -1,50 +1,99 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示多选框，默认是false，这里设为true表示启用多选功能 selection: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '用户名', - prop: 'username', - search: true - }, { - label: '邮箱', - prop: 'email' - }, { - label: '手机号', - prop: 'mobile' - }, { - label: '创建时间', - prop: 'createTime' - }, { - label: '状态', - prop: 'status', - type: 'select', - dicData: [ - { - label: '禁用', - value: 0 - }, { - label: '正常', - value: 1 - } - ] - - }] + + // 定义表格的列配置 + column: [ + // 用户名列配置 + { + label: '用户名', // 列标题 + prop: 'username', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 邮箱列配置 + { + label: '邮箱', // 列标题 + prop: 'email' // 数据属性名 + }, + + // 手机号码列配置 + { + label: '手机号', // 列标题 + prop: 'mobile' // 数据属性名 + }, + + // 创建时间列配置 + { + label: '创建时间', // 列标题 + prop: 'createTime' // 数据属性名 + }, + + // 状态列配置 + { + label: '状态', // 列标题 + prop: 'status', // 数据属性名 + type: 'select', // 输入类型为下拉选择 + dicData: [ // 下拉选项数据 + { + label: '禁用', // 显示文本 + value: 0 // 对应值 + }, { + label: '正常', // 显示文本 + value: 1 // 对应值 + } + ] + } + ] } diff --git a/front-end/mall4v/src/crud/user/addr.js b/front-end/mall4v/src/crud/user/addr.js index 8d62154..692ed14 100644 --- a/front-end/mall4v/src/crud/user/addr.js +++ b/front-end/mall4v/src/crud/user/addr.js @@ -1,80 +1,126 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 是否显示索引列，默认是false，这里设为true表示显示索引列 index: true, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 定义表格的列配置 column: [ + // 收货人名称列配置 { - label: '收货人名称', - prop: 'receiver' + label: '收货人名称', // 列标题 + prop: 'receiver' // 数据属性名 }, + + // 省份列配置 { - label: '省', - prop: 'province' + label: '省', // 列标题 + prop: 'province' // 数据属性名 }, + + // 城市列配置 { - label: '城市', - prop: 'city' + label: '城市', // 列标题 + prop: 'city' // 数据属性名 }, + + // 区域列配置 { - label: '区', - prop: 'area' + label: '区', // 列标题 + prop: 'area' // 数据属性名 }, + + // 地址列配置 { - label: '地址', - prop: 'addr' + label: '地址', // 列标题 + prop: 'addr' // 数据属性名 }, + + // 邮编列配置 { - label: '邮编', - prop: 'postCode' + label: '邮编', // 列标题 + prop: 'postCode' // 数据属性名 }, + + // 手机号码列配置 { - label: '手机', - prop: 'mobile' + label: '手机', // 列标题 + prop: 'mobile' // 数据属性名 }, + + // 状态列配置 { - label: '状态', - prop: 'status', - search: true, - type: 'select', - dicData: [ + label: '状态', // 列标题 + prop: 'status', // 数据属性名 + search: true, // 是否在搜索栏中显示此列的筛选条件 + type: 'select', // 输入类型为下拉选择 + dicData: [ // 下拉选项数据 { - label: '无效', - value: 0 + label: '无效', // 显示文本 + value: 0 // 对应值 }, { - label: '正常', - value: 1 + label: '正常', // 显示文本 + value: 1 // 对应值 } ] }, + + // 默认地址列配置 { - label: '默认地址', - prop: 'commonAddr', - dicData: [ + label: '默认地址', // 列标题 + prop: 'commonAddr', // 数据属性名 + dicData: [ // 下拉选项数据 { - label: '否', - value: 0 + label: '否', // 显示文本 + value: 0 // 对应值 }, { - label: '是', - value: 1 + label: '是', // 显示文本 + value: 1 // 对应值 } ] }, + + // 建立时间列配置 { - label: '建立时间', - prop: 'createTime' + label: '建立时间', // 列标题 + prop: 'createTime' // 数据属性名 }, + + // 更新时间列配置 { - label: '更新时间', - prop: 'updateTime' + label: '更新时间', // 列标题 + prop: 'updateTime' // 数据属性名 } ] } diff --git a/front-end/mall4v/src/crud/user/user.js b/front-end/mall4v/src/crud/user/user.js index 29049e3..eef5fe2 100644 --- a/front-end/mall4v/src/crud/user/user.js +++ b/front-end/mall4v/src/crud/user/user.js @@ -1,53 +1,100 @@ export const tableOption = { + // 搜索菜单项所占的栅格数量，默认是6（总共24） searchMenuSpan: 6, + + // 是否显示列设置按钮，默认是true，这里设为false表示不显示列设置按钮 columnBtn: false, + + // 是否显示表格边框，默认是false，这里设为true表示显示边框 border: true, + + // 注释掉的选择框配置，默认是false，若启用则表示启用多选功能 // selection: true, + + // 是否显示索引列，默认是false，这里保持默认值不显示索引列 index: false, + + // 索引列的标题，默认是'序号' indexLabel: '序号', + + // 是否启用斑马纹，默认是false，这里设为true表示启用斑马纹 stripe: true, + + // 表格内操作菜单的对齐方式，默认是'right'，这里设为'center'表示居中对齐 menuAlign: 'center', + + // 操作菜单栏的宽度，默认值为150px，这里设为350px menuWidth: 350, + + // 表格内容的对齐方式，默认是'left'，这里设为'center'表示居中对齐 align: 'center', + + // 是否显示刷新按钮，默认是false，这里设为true表示显示刷新按钮 refreshBtn: true, + + // 搜索栏的尺寸，默认是'medium'，这里设为'mini'表示使用小型搜索栏 searchSize: 'mini', + + // 是否显示添加按钮，默认是true，这里设为false表示不显示添加按钮 addBtn: false, + + // 是否显示编辑按钮，默认是true，这里设为false表示不显示编辑按钮 editBtn: false, + + // 是否显示删除按钮，默认是true，这里设为false表示不显示删除按钮 delBtn: false, + + // 是否显示查看按钮，默认是true，这里设为false表示不显示查看按钮 viewBtn: false, + + // 设置下拉选项数据的label和value对应的属性名 props: { - label: 'label', - value: 'value' + label: 'label', // 下拉选项显示的文本属性名 + value: 'value' // 下拉选项对应的值属性名 }, - column: [{ - label: '用户昵称', - prop: 'nickName', - search: true - }, { - label: '用户头像', - prop: 'pic', - type: 'upload', - imgWidth: 150, - listType: 'picture-img', - slot: true - }, { - label: '状态', - prop: 'status', - search: true, - type: 'select', - slot: true, - dicData: [ - { - label: '禁用', - value: 0 - }, { - label: '正常', - value: 1 - } - ] - }, { - label: '注册时间', - prop: 'userRegtime', - imgWidth: 150 - }] + + // 定义表格的列配置 + column: [ + // 用户昵称列配置 + { + label: '用户昵称', // 列标题 + prop: 'nickName', // 数据属性名 + search: true // 是否在搜索栏中显示此列的筛选条件 + }, + + // 用户头像列配置 + { + label: '用户头像', // 列标题 + prop: 'pic', // 数据属性名 + type: 'upload', // 输入类型为上传 + imgWidth: 150, // 图片宽度 + listType: 'picture-img', // 图片列表类型 + slot: true // 使用插槽自定义内容 + }, + + // 状态列配置 + { + label: '状态', // 列标题 + prop: 'status', // 数据属性名 + search: true, // 是否在搜索栏中显示此列的筛选条件 + type: 'select', // 输入类型为下拉选择 + slot: true, // 使用插槽自定义内容 + dicData: [ // 下拉选项数据 + { + label: '禁用', // 显示文本 + value: 0 // 对应值 + }, { + label: '正常', // 显示文本 + value: 1 // 对应值 + } + ] + }, + + // 注册时间列配置 + { + label: '注册时间', // 列标题 + prop: 'userRegtime', // 数据属性名 + imgWidth: 150 // 这里可能是误置的属性，imgWidth通常用于图片展示，对于时间字段可能不需要 + } + ] }