130 lines
2.8 KiB
JavaScript
130 lines
2.8 KiB
JavaScript
|
// 请求模拟数据
|
|||
|
|
import { requestForMock } from '@/api/service'
|
|||
|
|
|
|||
|
|
export const crudOptions = {
|
|||
|
|
rowHandle: {
|
|||
|
|
// columnHeader: '操作',
|
|||
|
|
width: 370,
|
|||
|
|
custom: [
|
|||
|
|
{
|
|||
|
|
text: ' 自定义',
|
|||
|
|
type: 'warning',
|
|||
|
|
size: 'small',
|
|||
|
|
emit: 'customHandleBtn',
|
|||
|
|
icon: 'el-icon-s-flag'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
fixed: 'right'
|
|||
|
|
},
|
|||
|
|
pageOptions: {
|
|||
|
|
compact: true // 是否紧凑型页面
|
|||
|
|
},
|
|||
|
|
options: {
|
|||
|
|
height: '100%', // 表格高度100%, 使用toolbar必须设置
|
|||
|
|
highlightCurrentRow: true,
|
|||
|
|
rowKey: 'id',
|
|||
|
|
lazy: true,
|
|||
|
|
load: (tree, treeNode, resolve) => {
|
|||
|
|
requestForMock({
|
|||
|
|
url: '/d2crudplus/synthesize/children',
|
|||
|
|
method: 'get',
|
|||
|
|
data: { id: tree.id }
|
|||
|
|
}).then(ret => {
|
|||
|
|
console.log('懒加载数据', ret)
|
|||
|
|
resolve(ret)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
showSummary: true,
|
|||
|
|
summaryMethod (param) {
|
|||
|
|
const { columns, data } = param
|
|||
|
|
const sums = []
|
|||
|
|
columns.forEach((column, index) => {
|
|||
|
|
if (index === 0) {
|
|||
|
|
sums[index] = '总价'
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
console.log('111', column)
|
|||
|
|
if (column.label !== '金额(元)') {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
const values = data.map(item => Number(item[column.property]))
|
|||
|
|
if (!values.every(value => isNaN(value))) {
|
|||
|
|
sums[index] = values.reduce((prev, curr) => {
|
|||
|
|
const value = Number(curr)
|
|||
|
|
if (!isNaN(value)) {
|
|||
|
|
return prev + curr
|
|||
|
|
} else {
|
|||
|
|
return prev
|
|||
|
|
}
|
|||
|
|
}, 0)
|
|||
|
|
sums[index] += ' 元'
|
|||
|
|
} else {
|
|||
|
|
sums[index] = ''
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
return sums
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
indexRow: { // 或者直接传true,不显示title，不居中
|
|||
|
|
title: '序号',
|
|||
|
|
align: 'center'
|
|||
|
|
},
|
|||
|
|
selectionRow: {
|
|||
|
|
align: 'center',
|
|||
|
|
width: 100
|
|||
|
|
},
|
|||
|
|
expandRow: { // 或者直接传true,不显示title，不居中
|
|||
|
|
title: '展开',
|
|||
|
|
align: 'center'
|
|||
|
|
},
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
title: '数据列',
|
|||
|
|
key: 'data',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 200
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: 'ID',
|
|||
|
|
key: 'id',
|
|||
|
|
width: 90,
|
|||
|
|
form: {
|
|||
|
|
disabled: true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '时间',
|
|||
|
|
key: 'time',
|
|||
|
|
type: 'datetime',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 160
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '地区',
|
|||
|
|
key: 'province',
|
|||
|
|
sortable: true,
|
|||
|
|
search: { key: 'province', disabled: false },
|
|||
|
|
type: 'select',
|
|||
|
|
form: {
|
|||
|
|
component: { props: { filterable: true, multiple: true, clearable: true } }
|
|||
|
|
},
|
|||
|
|
dict: {
|
|||
|
|
data: [
|
|||
|
|
{ value: 'sz', label: '深圳' },
|
|||
|
|
{ value: 'gz', label: '广州' },
|
|||
|
|
{ value: 'wh', label: '武汉' },
|
|||
|
|
{ value: 'sh', label: '上海' }
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
width: 300
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '金额(元)',
|
|||
|
|
key: 'amount',
|
|||
|
|
sortable: true,
|
|||
|
|
type: 'number'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
}
|