mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 03:58:07 +08:00
203 lines
7.7 KiB
JavaScript
203 lines
7.7 KiB
JavaScript
export default {
|
||
$schema: "https://houtai.baidu.com/v2/schemas/page.json#",
|
||
title: "一次性加载，前端分页，前端排序",
|
||
body: {
|
||
type: "crud",
|
||
loadDataOnce: true,
|
||
api: "/api/sample?waitSeconds=1",
|
||
filter: {
|
||
title: "条件搜索",
|
||
submitText: "",
|
||
controls: [
|
||
{
|
||
type: "text",
|
||
name: "keywords",
|
||
placeholder: "通过关键字搜索",
|
||
addOn: {
|
||
label: "搜索",
|
||
type: "submit"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
columns: [
|
||
{
|
||
name: "id",
|
||
label: "ID",
|
||
width: 20,
|
||
sortable: true,
|
||
type: "text",
|
||
toggled: true,
|
||
remark: 'Bla bla Bla'
|
||
},
|
||
{
|
||
name: "engine",
|
||
label: "Rendering engine",
|
||
sortable: true,
|
||
type: "text",
|
||
toggled: true
|
||
},
|
||
{
|
||
name: "browser",
|
||
label: "Browser",
|
||
sortable: true,
|
||
type: "text",
|
||
toggled: false
|
||
},
|
||
{
|
||
name: "platform",
|
||
label: "Platform(s)",
|
||
sortable: true,
|
||
type: "text",
|
||
toggled: true
|
||
},
|
||
{
|
||
name: "version",
|
||
label: "Engine version",
|
||
type: "text",
|
||
toggled: true
|
||
},
|
||
{
|
||
name: "grade",
|
||
label: "CSS grade",
|
||
type: "text",
|
||
toggled: true
|
||
},
|
||
{
|
||
type: "operation",
|
||
label: "操作",
|
||
width: 100,
|
||
buttons: [
|
||
{
|
||
type: "button",
|
||
icon: "fa fa-eye",
|
||
actionType: "dialog",
|
||
tooltip: "查看",
|
||
dialog: {
|
||
title: "查看",
|
||
body: {
|
||
type: "form",
|
||
controls: [
|
||
{
|
||
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",
|
||
controls: [
|
||
{
|
||
type: "text",
|
||
name: "engine",
|
||
label: "Engine",
|
||
required: true
|
||
},
|
||
{
|
||
type: "divider"
|
||
},
|
||
{
|
||
type: "text",
|
||
name: "browser",
|
||
label: "Browser",
|
||
required: true
|
||
},
|
||
{
|
||
type: "divider"
|
||
},
|
||
{
|
||
type: "text",
|
||
name: "platform",
|
||
label: "Platform(s)",
|
||
required: true
|
||
},
|
||
{
|
||
type: "divider"
|
||
},
|
||
{
|
||
type: "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
|
||
}
|
||
]
|
||
}
|
||
};
|