mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-03 20:39:07 +08:00
1476606077
* fix: InputPassword组件revealPassword属性没有update问题 (#4738) * fix inputFile 文件上传点击问题 * fix: Wizard服务端校验失败后仍然处于loading状态问题 (#4778) * fix: InputExcel触发reload后文案未更新问题 (#4780) * fix: 移动端时间选择器标题不显示字段名，timeRange高度超高问题 (#4783) * fix: AnchorNav内容更新后定位错误问题 (#4785) * feat: InputText支持更多CSS类名属性 (#4822) * fix: Card内容区使用表单项目组件时渲染2个label问题 (#4821) * feat: SearchBox支持搜索历史; fix: Tag组件ellipsis, closable不生效; doc: 文档搜索后内容不清空 (#4809) * doc: 补充Table中长文本ellipsis的示例 (#4824) * chore: 日期Picker组件label类型错误 (#4830) * fix: CURD开启autoFillHeight后固定列错位/不同步滚动问题 (#4748) Co-authored-by: allenve <yupeng.fe@qq.com>
332 lines
8.1 KiB
JavaScript
332 lines
8.1 KiB
JavaScript
export default {
|
||
title: '表格内容区域自适应屏幕高度，内容超出时在内容区出现滚动条',
|
||
remark: 'bla bla bla',
|
||
toolbar: [
|
||
{
|
||
type: 'button',
|
||
actionType: 'dialog',
|
||
label: '新增',
|
||
icon: 'fa fa-plus pull-left',
|
||
primary: true,
|
||
dialog: {
|
||
title: '新增',
|
||
body: {
|
||
type: 'form',
|
||
name: 'sample-edit-form',
|
||
api: 'post:/api/sample',
|
||
body: [
|
||
{
|
||
type: 'input-text',
|
||
name: 'engine',
|
||
label: 'Engine',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'browser',
|
||
label: 'Browser',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'platform',
|
||
label: 'Platform(s)',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'version',
|
||
label: 'Engine version'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'grade',
|
||
label: 'CSS grade'
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
],
|
||
body: {
|
||
type: 'crud',
|
||
draggable: true,
|
||
api: '/api/sample',
|
||
perPage: 50,
|
||
keepItemSelectionOnPageChange: true,
|
||
maxKeepItemSelectionLength: 11,
|
||
autoFillHeight: true,
|
||
labelTpl: '${id} ${engine}',
|
||
autoGenerateFilter: true,
|
||
bulkActions: [
|
||
{
|
||
label: '批量删除',
|
||
actionType: 'ajax',
|
||
api: 'delete:/api/sample/${ids|raw}',
|
||
confirmText: '确定要批量删除?'
|
||
},
|
||
{
|
||
label: '批量修改',
|
||
actionType: 'dialog',
|
||
dialog: {
|
||
title: '批量编辑',
|
||
name: 'sample-bulk-edit',
|
||
body: {
|
||
type: 'form',
|
||
api: '/api/sample/bulkUpdate2',
|
||
body: [
|
||
{
|
||
type: 'hidden',
|
||
name: 'ids'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'engine',
|
||
label: 'Engine'
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
],
|
||
quickSaveApi: '/api/sample/bulkUpdate',
|
||
quickSaveItemApi: '/api/sample/$id',
|
||
filterTogglable: true,
|
||
headerToolbar: [
|
||
'bulkActions',
|
||
{
|
||
type: 'tpl',
|
||
tpl: '定制内容示例：当前有 ${count} 条数据。',
|
||
className: 'v-middle'
|
||
},
|
||
{
|
||
type: 'link',
|
||
href: 'https://www.baidu.com',
|
||
body: '百度一下',
|
||
htmlTarget: '_parent',
|
||
className: 'v-middle'
|
||
},
|
||
{
|
||
type: 'columns-toggler',
|
||
align: 'right'
|
||
},
|
||
{
|
||
type: 'drag-toggler',
|
||
align: 'right'
|
||
},
|
||
{
|
||
type: 'pagination',
|
||
align: 'right'
|
||
}
|
||
],
|
||
footerToolbar: ['statistics', 'switch-per-page', 'pagination'],
|
||
// rowClassNameExpr: '<%= data.id == 1 ? "bg-success" : "" %>',
|
||
columns: [
|
||
{
|
||
name: 'id',
|
||
label: 'ID',
|
||
searchable: {
|
||
type: 'input-text',
|
||
name: 'id',
|
||
label: '主键',
|
||
placeholder: '输入id'
|
||
},
|
||
fixed: 'left'
|
||
},
|
||
{
|
||
name: 'engine',
|
||
label: 'Rendering engine',
|
||
fixed: 'left'
|
||
},
|
||
{
|
||
name: 'browser',
|
||
label: 'Browser',
|
||
searchable: {
|
||
type: 'select',
|
||
name: 'browser',
|
||
label: '浏览器',
|
||
placeholder: '选择浏览器',
|
||
options: [
|
||
{
|
||
label: 'Internet Explorer ',
|
||
value: 'ie'
|
||
},
|
||
{
|
||
label: 'AOL browser',
|
||
value: 'aol'
|
||
},
|
||
{
|
||
label: 'Firefox',
|
||
value: 'firefox'
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
name: 'platform',
|
||
label: 'Platform(s)'
|
||
},
|
||
{
|
||
name: 'version',
|
||
label: 'Engine version',
|
||
searchable: {
|
||
type: 'input-number',
|
||
name: 'version',
|
||
label: '版本号',
|
||
placeholder: '输入版本号',
|
||
mode: 'horizontal'
|
||
}
|
||
},
|
||
{
|
||
name: 'grade',
|
||
label: 'CSS grade'
|
||
},
|
||
{
|
||
type: 'operation',
|
||
label: '操作',
|
||
width: 100,
|
||
buttons: [
|
||
{
|
||
type: 'button',
|
||
icon: 'fa fa-eye',
|
||
actionType: 'dialog',
|
||
tooltip: '查看',
|
||
dialog: {
|
||
title: '查看',
|
||
body: {
|
||
type: 'form',
|
||
body: [
|
||
{
|
||
type: 'static',
|
||
name: 'engine',
|
||
label: 'Engine'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'browser',
|
||
label: 'Browser'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'platform',
|
||
label: 'Platform(s)'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'version',
|
||
label: 'Engine version'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'grade',
|
||
label: 'CSS grade'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'html',
|
||
html: '<p>添加其他 <span>Html 片段</span> 需要支持变量替换（todo）.</p>'
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
type: 'button',
|
||
icon: 'fa fa-pencil',
|
||
tooltip: '编辑',
|
||
actionType: 'drawer',
|
||
drawer: {
|
||
position: 'left',
|
||
size: 'lg',
|
||
title: '编辑',
|
||
body: {
|
||
type: 'form',
|
||
name: 'sample-edit-form',
|
||
api: '/api/sample/$id',
|
||
body: [
|
||
{
|
||
type: 'input-text',
|
||
name: 'engine',
|
||
label: 'Engine',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'browser',
|
||
label: 'Browser',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'platform',
|
||
label: 'Platform(s)',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'input-text',
|
||
name: 'version',
|
||
label: 'Engine version'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'select',
|
||
name: 'grade',
|
||
label: 'CSS grade',
|
||
options: ['A', 'B', 'C', 'D', 'X']
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
type: 'button',
|
||
icon: 'fa fa-times text-danger',
|
||
actionType: 'ajax',
|
||
tooltip: '删除',
|
||
confirmText: '您确认要删除?',
|
||
api: 'delete:/api/sample/$id'
|
||
}
|
||
],
|
||
toggled: true
|
||
}
|
||
]
|
||
}
|
||
};
|