Compare commits

...

2 Commits

@ -1,75 +1,111 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里设为true表示显示索引列
index: true, index: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 定义表格的列配置
column: [ column: [
// 商品名列配置
{ {
label: '商品名', label: '商品名', // 列标题
prop: 'prodName', prop: 'prodName', // 数据属性名
search: true search: true // 是否在搜索栏中显示此列的筛选条件
}, },
// 用户昵称列配置
{ {
label: '用户昵称', label: '用户昵称', // 列标题
prop: 'nickName', prop: 'nickName', // 数据属性名
slot: true slot: true // 是否使用自定义模板渲染这一列
}, },
// 记录时间列配置
{ {
label: '记录时间', label: '记录时间', // 列标题
prop: 'recTime', prop: 'recTime', // 数据属性名
width: '200' width: '200' // 列宽
}, },
// 回复时间列配置
{ {
label: '回复时间', label: '回复时间', // 列标题
slot: true, slot: true, // 是否使用自定义模板渲染这一列
prop: 'replyTime', prop: 'replyTime', // 数据属性名
width: '200', width: '200', // 列宽
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '无', label: '无', // 显示文本
value: '' value: '' // 对应值
} }
] ]
}, },
// 评价得分列配置
{ {
label: '评价得分', label: '评价得分', // 列标题
prop: 'score' prop: 'score' // 数据属性名
}, },
// 是否匿名列配置
{ {
label: '是否匿名', label: '是否匿名', // 列标题
prop: 'isAnonymous', prop: 'isAnonymous', // 数据属性名
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '否', label: '否', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '是', label: '是', // 显示文本
value: 1 value: 1 // 对应值
} }
] ]
}, },
// 审核状态列配置
{ {
prop: 'status', prop: 'status', // 数据属性名
label: '审核状态', label: '审核状态', // 列标题
search: true, search: true, // 是否在搜索栏中显示此列的筛选条件
type: 'select', type: 'select', // 输入类型为下拉选择
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '待审核', label: '待审核', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '审核通过', label: '审核通过', // 显示文本
value: 1 value: 1 // 对应值
}, { }, {
label: '审核未通过', label: '审核未通过', // 显示文本
value: -1 value: -1 // 对应值
} }
] ]
} }

@ -1,59 +1,111 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 是否显示索引列默认是false这里设为false表示不显示索引列
index: false, index: false,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' 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, column: [
label: '状态', // 产品名字列配置
prop: 'status', {
search: true, label: '产品名字', // 列标题
slot: true, prop: 'prodName', // 数据属性名
type: 'select', search: true // 是否在搜索栏中显示此列的筛选条件
dicData: [ },
// 商品原价列配置
{
label: '商品原价', // 列标题
prop: 'oriPrice' // 数据属性名
},
// 商品现价列配置
{
label: '商品现价', // 列标题
prop: 'price' // 数据属性名
},
// 商品库存列配置
{ {
label: '未上架', label: '商品库存', // 列标题
value: 0 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: '上架', label: '上架', // 显示文本
value: 1 value: 1 // 对应值
}
]
} }
] ]
}]
} }

@ -1,46 +1,76 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里设为true表示显示索引列
index: true, index: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 定义表格的列配置
column: [ column: [
// 标签名称列配置
{ {
label: '标签名称', label: '标签名称', // 列标题
prop: 'title', prop: 'title', // 数据属性名
search: true, search: true, // 是否在搜索栏中显示此列的筛选条件
slot: true slot: true // 是否使用自定义模板渲染这一列
}, },
// 状态列配置
{ {
label: '状态', label: '状态', // 列标题
prop: 'status', prop: 'status', // 数据属性名
type: 'select', type: 'select', // 输入类型为下拉选择
slot: true, slot: true, // 是否使用自定义模板渲染这一列
search: true, search: true, // 是否在搜索栏中显示此列的筛选条件
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '禁用', label: '禁用', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '正常', label: '正常', // 显示文本
value: 1 value: 1 // 对应值
} }
] ]
}, },
// 默认类型列配置
{ {
label: '默认类型', label: '默认类型', // 列标题
prop: 'isDfault', prop: 'isDfault', // 数据属性名
slot: true slot: true // 是否使用自定义模板渲染这一列
}, },
// 排序列配置
{ {
label: '排序', label: '排序', // 列标题
prop: 'seq' prop: 'seq' // 数据属性名
} }
] ]
} }

@ -1,30 +1,69 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里设为true表示显示索引列
index: true, index: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
}, },
column: [{
label: '属性名称', // 定义表格的列配置
prop: 'propName', column: [
search: true // 属性名称列配置
}, { {
label: '属性值', label: '属性名称', // 列标题
prop: 'prodPropValues', prop: 'propName', // 数据属性名
slot: true search: true // 是否在搜索栏中显示此列的筛选条件
}] },
// 属性值列配置
{
label: '属性值', // 列标题
prop: 'prodPropValues', // 数据属性名
slot: true // 是否使用自定义模板渲染这一列
}
]
} }

@ -1,50 +1,84 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 定义表格的列配置
column: [ column: [
// 热搜标题列配置
{ {
label: '热搜标题', label: '热搜标题', // 列标题
prop: 'title', prop: 'title', // 数据属性名
search: true search: true // 是否在搜索栏中显示此列的筛选条件
}, },
// 热搜内容列配置
{ {
label: '热搜内容', label: '热搜内容', // 列标题
prop: 'content', prop: 'content', // 数据属性名
search: true search: true // 是否在搜索栏中显示此列的筛选条件
}, },
// 录入时间列配置
{ {
label: '录入时间', label: '录入时间', // 列标题
prop: 'recDate', prop: 'recDate', // 数据属性名
sortable: true sortable: true // 是否允许按该列排序
}, },
// 顺序列配置
{ {
label: '顺序', label: '顺序', // 列标题
prop: 'seq', prop: 'seq', // 数据属性名
sortable: true sortable: true // 是否允许按该列排序
}, },
// 启用状态列配置
{ {
label: '启用状态', label: '启用状态', // 列标题
prop: 'status', prop: 'status', // 数据属性名
type: 'select', type: 'select', // 输入类型为下拉选择
slot: true, slot: true, // 是否使用自定义模板渲染这一列
search: true, search: true, // 是否在搜索栏中显示此列的筛选条件
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '未启用', label: '未启用', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '启用', label: '启用', // 显示文本
value: 1 value: 1 // 对应值
} }
] ]
} }

@ -1,50 +1,78 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里设为true表示显示索引列
index: true, index: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 定义表格的列配置
column: [ column: [
// 公告内容列配置
{ {
label: '公告内容', label: '公告内容', // 列标题
prop: 'title', prop: 'title', // 数据属性名
search: true search: true // 是否在搜索栏中显示此列的筛选条件
}, },
// 状态列配置
{ {
label: '状态', label: '状态', // 列标题
prop: 'status', prop: 'status', // 数据属性名
search: true, search: true, // 是否在搜索栏中显示此列的筛选条件
slot: true, slot: true, // 是否使用自定义模板渲染这一列
type: 'select', type: 'select', // 输入类型为下拉选择
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '撤销', label: '撤销', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '公布', label: '公布', // 显示文本
value: 1 value: 1 // 对应值
} }
] ]
}, },
// 是否置顶列配置
{ {
label: '是否置顶', label: '是否置顶', // 列标题
prop: 'isTop', prop: 'isTop', // 数据属性名
search: true, search: true, // 是否在搜索栏中显示此列的筛选条件
slot: true, slot: true, // 是否使用自定义模板渲染这一列
type: 'select', type: 'select', // 输入类型为下拉选择
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '否', label: '否', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '是', label: '是', // 显示文本
value: 1 value: 1 // 对应值
} }
] ]
} }

@ -1,43 +1,95 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
}, },
// 定义表格的列配置
column: [ column: [
// 自提点名称列配置
{ {
label: '自提点名称', label: '自提点名称', // 列标题
prop: 'addrName', prop: 'addrName', // 数据属性名
search: true search: true // 是否在搜索栏中显示此列的筛选条件
}, { },
label: '手机号',
prop: 'mobile' // 手机号码列配置
}, { {
label: '省份', label: '手机号', // 列标题
prop: 'province' prop: 'mobile' // 数据属性名
}, { },
label: '城市',
prop: 'city' // 省份列配置
}, { {
label: '区/县', label: '省份', // 列标题
prop: 'area' prop: 'province' // 数据属性名
}, { },
label: '地址',
prop: 'addr' // 城市列配置
}] {
label: '城市', // 列标题
prop: 'city' // 数据属性名
},
// 区/县列配置
{
label: '区/县', // 列标题
prop: 'area' // 数据属性名
},
// 地址列配置
{
label: '地址', // 列标题
prop: 'addr' // 数据属性名
}
]
} }

@ -1,27 +1,65 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
}, },
column: [{
label: '模板名称', // 定义表格的列配置
prop: 'transName', column: [
search: true // 模板名称列配置
}] {
label: '模板名称', // 列标题
prop: 'transName', // 数据属性名
search: true // 是否在搜索栏中显示此列的筛选条件
}
]
} }

@ -1,30 +1,58 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里设为true表示显示索引列
index: true, index: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 定义表格的列配置
column: [ column: [
// 区域ID列配置
{ {
label: '', label: '', // 列标题为空,表示该列不会显示标题
prop: 'areaId' prop: 'areaId' // 数据属性名
}, },
// 区域名称列配置
{ {
label: '', label: '', // 列标题为空,表示该列不会显示标题
prop: 'areaName' prop: 'areaName' // 数据属性名
}, },
// 父级ID列配置
{ {
label: '', label: '', // 列标题为空,表示该列不会显示标题
prop: 'parentId' prop: 'parentId' // 数据属性名
}, },
// 层级列配置
{ {
label: '', label: '', // 列标题为空,表示该列不会显示标题
prop: 'level' prop: 'level' // 数据属性名
} }
] ]
} }

@ -1,33 +1,77 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
},
// 定义表格的列配置
column: [
// 参数名列配置
{
label: '参数名', // 列标题
prop: 'paramKey', // 数据属性名
search: true // 是否在搜索栏中显示此列的筛选条件
},
// 参数值列配置
{
label: '参数值', // 列标题
prop: 'paramValue' // 数据属性名
}, },
column: [{
label: '参数名', // 备注列配置
prop: 'paramKey', {
search: true label: '备注', // 列标题
}, { prop: 'remark' // 数据属性名
label: '参数值', }
prop: 'paramValue' ]
}, {
label: '备注',
prop: 'remark'
}]
} }

@ -1,47 +1,105 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
menu: false, // 移除操作栏
// 是否显示操作栏默认是true这里设为false表示移除操作栏
menu: false,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
},
// 定义表格的列配置
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' // 数据属性名
}, },
column: [{
label: '用户名', // 创建时间列配置
prop: 'username', {
search: true label: '创建时间', // 列标题
}, { prop: 'createDate' // 数据属性名
label: '用户操作', }
prop: 'operation', ]
search: true
}, {
label: '请求方法',
prop: 'method'
}, {
label: '请求参数',
prop: 'params'
}, {
label: '执行时长(毫秒)',
prop: 'time'
}, {
label: 'IP地址',
prop: 'ip'
}, {
label: '创建时间',
prop: 'createDate'
}]
} }

@ -1,33 +1,77 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
}, },
column: [{
label: '角色名称', // 定义表格的列配置
prop: 'roleName', column: [
search: true // 角色名称列配置
}, { {
label: '备注', label: '角色名称', // 列标题
prop: 'remark' prop: 'roleName', // 数据属性名
}, { search: true // 是否在搜索栏中显示此列的筛选条件
label: '创建时间', },
prop: 'createTime'
}] // 备注列配置
{
label: '备注', // 列标题
prop: 'remark' // 数据属性名
},
// 创建时间列配置
{
label: '创建时间', // 列标题
prop: 'createTime' // 数据属性名
}
]
} }

@ -1,50 +1,99 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示多选框默认是false这里设为true表示启用多选功能
selection: true, selection: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
}, },
column: [{
label: '用户名', // 定义表格的列配置
prop: 'username', column: [
search: true // 用户名列配置
}, { {
label: '邮箱', label: '用户名', // 列标题
prop: 'email' prop: 'username', // 数据属性名
}, { search: true // 是否在搜索栏中显示此列的筛选条件
label: '手机号', },
prop: 'mobile'
}, { // 邮箱列配置
label: '创建时间', {
prop: 'createTime' label: '邮箱', // 列标题
}, { prop: 'email' // 数据属性名
label: '状态', },
prop: 'status',
type: 'select', // 手机号码列配置
dicData: [ {
label: '手机号', // 列标题
prop: 'mobile' // 数据属性名
},
// 创建时间列配置
{
label: '创建时间', // 列标题
prop: 'createTime' // 数据属性名
},
// 状态列配置
{ {
label: '禁用', label: '状态', // 列标题
value: 0 prop: 'status', // 数据属性名
type: 'select', // 输入类型为下拉选择
dicData: [ // 下拉选项数据
{
label: '禁用', // 显示文本
value: 0 // 对应值
}, { }, {
label: '正常', label: '正常', // 显示文本
value: 1 value: 1 // 对应值
}
]
} }
] ]
}]
} }

@ -1,80 +1,126 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 是否显示索引列默认是false这里设为true表示显示索引列
index: true, index: true,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 定义表格的列配置
column: [ column: [
// 收货人名称列配置
{ {
label: '收货人名称', label: '收货人名称', // 列标题
prop: 'receiver' prop: 'receiver' // 数据属性名
}, },
// 省份列配置
{ {
label: '省', label: '省', // 列标题
prop: 'province' prop: 'province' // 数据属性名
}, },
// 城市列配置
{ {
label: '城市', label: '城市', // 列标题
prop: 'city' prop: 'city' // 数据属性名
}, },
// 区域列配置
{ {
label: '区', label: '区', // 列标题
prop: 'area' prop: 'area' // 数据属性名
}, },
// 地址列配置
{ {
label: '地址', label: '地址', // 列标题
prop: 'addr' prop: 'addr' // 数据属性名
}, },
// 邮编列配置
{ {
label: '邮编', label: '邮编', // 列标题
prop: 'postCode' prop: 'postCode' // 数据属性名
}, },
// 手机号码列配置
{ {
label: '手机', label: '手机', // 列标题
prop: 'mobile' prop: 'mobile' // 数据属性名
}, },
// 状态列配置
{ {
label: '状态', label: '状态', // 列标题
prop: 'status', prop: 'status', // 数据属性名
search: true, search: true, // 是否在搜索栏中显示此列的筛选条件
type: 'select', type: 'select', // 输入类型为下拉选择
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '无效', label: '无效', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '正常', label: '正常', // 显示文本
value: 1 value: 1 // 对应值
} }
] ]
}, },
// 默认地址列配置
{ {
label: '默认地址', label: '默认地址', // 列标题
prop: 'commonAddr', prop: 'commonAddr', // 数据属性名
dicData: [ dicData: [ // 下拉选项数据
{ {
label: '否', label: '否', // 显示文本
value: 0 value: 0 // 对应值
}, { }, {
label: '是', label: '是', // 显示文本
value: 1 value: 1 // 对应值
} }
] ]
}, },
// 建立时间列配置
{ {
label: '建立时间', label: '建立时间', // 列标题
prop: 'createTime' prop: 'createTime' // 数据属性名
}, },
// 更新时间列配置
{ {
label: '更新时间', label: '更新时间', // 列标题
prop: 'updateTime' prop: 'updateTime' // 数据属性名
} }
] ]
} }

@ -1,53 +1,100 @@
export const tableOption = { export const tableOption = {
// 搜索菜单项所占的栅格数量默认是6总共24
searchMenuSpan: 6, searchMenuSpan: 6,
// 是否显示列设置按钮默认是true这里设为false表示不显示列设置按钮
columnBtn: false, columnBtn: false,
// 是否显示表格边框默认是false这里设为true表示显示边框
border: true, border: true,
// 注释掉的选择框配置默认是false若启用则表示启用多选功能
// selection: true, // selection: true,
// 是否显示索引列默认是false这里保持默认值不显示索引列
index: false, index: false,
// 索引列的标题,默认是'序号'
indexLabel: '序号', indexLabel: '序号',
// 是否启用斑马纹默认是false这里设为true表示启用斑马纹
stripe: true, stripe: true,
// 表格内操作菜单的对齐方式,默认是'right',这里设为'center'表示居中对齐
menuAlign: 'center', menuAlign: 'center',
// 操作菜单栏的宽度默认值为150px这里设为350px
menuWidth: 350, menuWidth: 350,
// 表格内容的对齐方式,默认是'left',这里设为'center'表示居中对齐
align: 'center', align: 'center',
// 是否显示刷新按钮默认是false这里设为true表示显示刷新按钮
refreshBtn: true, refreshBtn: true,
// 搜索栏的尺寸,默认是'medium',这里设为'mini'表示使用小型搜索栏
searchSize: 'mini', searchSize: 'mini',
// 是否显示添加按钮默认是true这里设为false表示不显示添加按钮
addBtn: false, addBtn: false,
// 是否显示编辑按钮默认是true这里设为false表示不显示编辑按钮
editBtn: false, editBtn: false,
// 是否显示删除按钮默认是true这里设为false表示不显示删除按钮
delBtn: false, delBtn: false,
// 是否显示查看按钮默认是true这里设为false表示不显示查看按钮
viewBtn: false, viewBtn: false,
// 设置下拉选项数据的label和value对应的属性名
props: { props: {
label: 'label', label: 'label', // 下拉选项显示的文本属性名
value: 'value' value: 'value' // 下拉选项对应的值属性名
}, },
column: [{
label: '用户昵称', // 定义表格的列配置
prop: 'nickName', column: [
search: true // 用户昵称列配置
}, { {
label: '用户头像', label: '用户昵称', // 列标题
prop: 'pic', prop: 'nickName', // 数据属性名
type: 'upload', search: true // 是否在搜索栏中显示此列的筛选条件
imgWidth: 150, },
listType: 'picture-img',
slot: true // 用户头像列配置
}, { {
label: '状态', label: '用户头像', // 列标题
prop: 'status', prop: 'pic', // 数据属性名
search: true, type: 'upload', // 输入类型为上传
type: 'select', imgWidth: 150, // 图片宽度
slot: true, listType: 'picture-img', // 图片列表类型
dicData: [ slot: true // 使用插槽自定义内容
},
// 状态列配置
{ {
label: '禁用', label: '状态', // 列标题
value: 0 prop: 'status', // 数据属性名
search: true, // 是否在搜索栏中显示此列的筛选条件
type: 'select', // 输入类型为下拉选择
slot: true, // 使用插槽自定义内容
dicData: [ // 下拉选项数据
{
label: '禁用', // 显示文本
value: 0 // 对应值
}, { }, {
label: '正常', label: '正常', // 显示文本
value: 1 value: 1 // 对应值
}
]
},
// 注册时间列配置
{
label: '注册时间', // 列标题
prop: 'userRegtime', // 数据属性名
imgWidth: 150 // 这里可能是误置的属性imgWidth通常用于图片展示对于时间字段可能不需要
} }
] ]
}, {
label: '注册时间',
prop: 'userRegtime',
imgWidth: 150
}]
} }

Loading…
Cancel
Save