ttk-app-core
Version:
enterprise develop framework
329 lines (327 loc) • 8.73 kB
JavaScript
export function getMeta() {
return {
name: 'root',
component: 'Layout',
className: 'ttk-edf-app-list-inventory',
children: [{
name: 'root-content',
component: 'Layout',
className: 'ttk-edf-app-list-inventory-backgroundColor',
children: [
{
name: 'header',
component: '::div',
className: 'ttk-edf-app-list-inventory-header',
children: [{
name: 'refresh',
component: '::div',
className: 'ttk-edf-app-list-inventory-header-left',
children: [{
name: 'refresh',
component: 'Button',
className: 'refresh',
children: {
name: 'userIcon',
className: 'refresh-btn',
component: 'Icon',
fontFamily: 'edficon',
type: 'shuaxin'
},
onClick: '{{$load}}'
}]
}, {
name: 'btnGroup',
component: 'Layout',
className: 'ttk-edf-app-list-inventory-header-right',
children: [{
name: 'add',
component: 'Button',
children: '新增',
type: 'primary',
className: 'btn',
onClick: '{{$addClick}}'
}, {
name: 'del',
component: 'Button',
children: '删除',
className: 'btn',
onClick: '{{$delClickBatch}}'
}]
}]
},
{
name: 'content',
component: 'Layout',
className: 'ttk-edf-app-list-inventory-content',
children: [{
name: 'dataGrid',
component: 'DataGrid',
className: '{{$heightCount()}}',
ellipsis: true,
headerHeight: 37,
isColumnResizing: false,
rowHeight: 35,
loading: '{{data.other.loading}}',
startSequence: '{{(data.pagination.currentPage-1)*data.pagination.pageSize + 1}}',
rowsCount: "{{$getListRowsCount()}}",
columns: [{
name: 'select',
component: 'DataGrid.Column',
columnKey: 'operation',
width: 40,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: [{
name: 'chexkbox',
component: 'Checkbox',
checked: '{{$isSelectAll("dataGrid")}}',
onChange: '{{$selectAll("dataGrid")}}',
}]
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
_power: '({rowIndex})=>rowIndex',
children: [{
name: 'select',
component: 'Checkbox',
checked: '{{data.list[_rowIndex].selected}}',
onChange: "{{$selectRow(_rowIndex)}}"
}]
}
}, {
name: 'propertyName',
component: 'DataGrid.Column',
columnKey: 'propertyName',
flexGrow: 1,
width: 100,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '存货及服务分类'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
tip: true,
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: "{{data.list[_rowIndex].propertyName }}",
}
}, {
name: 'code',
component: 'DataGrid.Column',
columnKey: 'code',
flexGrow: 1,
width: 120,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '存货编码'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: [{
name: 'code',
component: '::a',
title: '{{data.list[_rowIndex].code}}',
children: '{{data.list[_rowIndex].code}}',
onClick: '{{$modifyDetail(data.list[_rowIndex].id)}}'
}]
}
}, {
name: 'name',
component: 'DataGrid.Column',
columnKey: 'name',
flexGrow: 1,
width: 120,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '存货名称'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
tip: true,
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: "{{data.list[_rowIndex].name }}",
}
},{
name: 'specification',
component: 'DataGrid.Column',
columnKey: 'specification',
flexGrow: 1,
width: 120,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '规格型号'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
tip: true,
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: "{{data.list[_rowIndex].specification }}",
}
}, {
name: 'unitName',
component: 'DataGrid.Column',
columnKey: 'unitName',
width: 100,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '计量单位',
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
tip: true,
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: '{{data.list[_rowIndex].unitName}}',
},
}, {
name: 'rateName',
component: 'DataGrid.Column',
columnKey: 'rateName',
width: 100,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '税率（%）'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
tip: true,
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: '{{data.list[_rowIndex].rateName}}',
},
}, {
name: 'taxClassificationId',
component: 'DataGrid.Column',
columnKey: 'taxClassificationId',
flexGrow: 1,
width: 120,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '税收分类编码'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
tip: true,
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: '{{data.list[_rowIndex].taxClassificationId}}',
},
}, {
name: 'taxClassificationName',
component: 'DataGrid.Column',
columnKey: 'taxClassificationName',
flexGrow: 1,
width: 120,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '税收分类名称'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
tip: true,
className: 'mk-datagrid-cellContent-left',
_power: '({rowIndex})=>rowIndex',
children: '{{data.list[_rowIndex].taxClassificationName}}',
},
}, {
name: 'operation',
component: 'DataGrid.Column',
columnKey: 'operation',
width: 100,
header: {
name: 'header',
component: 'DataGrid.Cell',
children: '操作'
},
cell: {
name: 'cell',
component: 'DataGrid.Cell',
_power: '({rowIndex})=>rowIndex',
children: [{
name: 'isEnable',
component: 'Icon',
fontFamily: 'edficon',
type: '{{data.list[_rowIndex].isEnable ? "tingyong-" : "qiyong-"}}',
style: {
fontSize: 22,
marginRight: '4px'
},
title: '{{data.list[_rowIndex].isEnable ? "已启用" : "已停用"}}',
onClick: '{{$personStatusClick(data.list[_rowIndex], _rowIndex)}}'
}, {
name: 'update',
component: 'Icon',
fontFamily: 'edficon',
type: 'bianji',
style: {
fontSize: 22
},
title: '编辑',
onClick: '{{$modifyDetail(data.list[_rowIndex].id)}}'
}, {
name: 'remove',
component: 'Icon',
fontFamily: 'edficon',
type: 'shanchu',
style: {
fontSize: 22
},
title: '删除',
onClick: '{{$delClick(data.list[_rowIndex])}}'
}]
}
}]
}]
}]
}, {
name: 'footer',
component: '::div',
className: 'ttk-edf-app-list-inventory-footer',
children: [{
name: 'pagination',
component: 'Pagination',
showSizeChanger: true,
pageSize: '{{data.pagination.pageSize}}',
current: '{{data.pagination.current}}',
total: '{{data.pagination.total}}',
onChange: '{{$pageChanged}}',
onShowSizeChange: '{{$pageChanged}}',
}]
}]
}
}
export function getInitState() {
return {
data: {
list: [],
pagination: {
current: 1,
total: 0,
pageSize: 50
},
columns: []
}
}
}