|
|
@ -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',
|
|
|
|
column: [
|
|
|
|
search: true
|
|
|
|
// 产品名字列配置
|
|
|
|
}, {
|
|
|
|
{
|
|
|
|
label: '商品原价',
|
|
|
|
label: '产品名字', // 列标题
|
|
|
|
prop: 'oriPrice'
|
|
|
|
prop: 'prodName', // 数据属性名
|
|
|
|
}, {
|
|
|
|
search: true // 是否在搜索栏中显示此列的筛选条件
|
|
|
|
label: '商品现价',
|
|
|
|
},
|
|
|
|
prop: 'price'
|
|
|
|
|
|
|
|
}, {
|
|
|
|
// 商品原价列配置
|
|
|
|
label: '商品库存',
|
|
|
|
{
|
|
|
|
prop: 'totalStocks'
|
|
|
|
label: '商品原价', // 列标题
|
|
|
|
}, {
|
|
|
|
prop: 'oriPrice' // 数据属性名
|
|
|
|
label: '产品图片',
|
|
|
|
},
|
|
|
|
prop: 'pic',
|
|
|
|
|
|
|
|
type: 'upload',
|
|
|
|
// 商品现价列配置
|
|
|
|
width: 150,
|
|
|
|
{
|
|
|
|
listType: 'picture-img'
|
|
|
|
label: '商品现价', // 列标题
|
|
|
|
|
|
|
|
prop: 'price' // 数据属性名
|
|
|
|
}, {
|
|
|
|
},
|
|
|
|
width: 150,
|
|
|
|
|
|
|
|
label: '状态',
|
|
|
|
// 商品库存列配置
|
|
|
|
prop: 'status',
|
|
|
|
{
|
|
|
|
search: true,
|
|
|
|
label: '商品库存', // 列标题
|
|
|
|
slot: true,
|
|
|
|
prop: 'totalStocks' // 数据属性名
|
|
|
|
type: 'select',
|
|
|
|
},
|
|
|
|
dicData: [
|
|
|
|
|
|
|
|
{
|
|
|
|
// 产品图片列配置
|
|
|
|
label: '未上架',
|
|
|
|
{
|
|
|
|
value: 0
|
|
|
|
label: '产品图片', // 列标题
|
|
|
|
}, {
|
|
|
|
prop: 'pic', // 数据属性名
|
|
|
|
label: '上架',
|
|
|
|
type: 'upload', // 输入类型为上传文件
|
|
|
|
value: 1
|
|
|
|
width: 150, // 列宽
|
|
|
|
}
|
|
|
|
listType: 'picture-img' // 图片列表类型
|
|
|
|
]
|
|
|
|
},
|
|
|
|
}]
|
|
|
|
|
|
|
|
|
|
|
|
// 状态列配置
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
width: 150, // 列宽
|
|
|
|
|
|
|
|
label: '状态', // 列标题
|
|
|
|
|
|
|
|
prop: 'status', // 数据属性名
|
|
|
|
|
|
|
|
search: true, // 是否在搜索栏中显示此列的筛选条件
|
|
|
|
|
|
|
|
slot: true, // 是否使用自定义模板渲染这一列
|
|
|
|
|
|
|
|
type: 'select', // 输入类型为下拉选择
|
|
|
|
|
|
|
|
dicData: [ // 下拉选项数据
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: '未上架', // 显示文本
|
|
|
|
|
|
|
|
value: 0 // 对应值
|
|
|
|
|
|
|
|
}, {
|
|
|
|
|
|
|
|
label: '上架', // 显示文本
|
|
|
|
|
|
|
|
value: 1 // 对应值
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}
|
|
|
|