Web/admin-govern
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

优化表格

Browse Source
This commit is contained in:
guanj
2026-01-14 13:30:23 +08:00
parent 63433aa6dc
commit 054d84778b
37 changed files with 1237 additions and 1142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/cockpit/monitoringPointList/index.vue
View File

@@ -229,9 +229,8 @@ const tableStore: any = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
width: 150,
// fixed: 'right',
render: 'buttons',
buttons: [
{

2
src/views/auth/audit/index.vue
View File

@@ -33,7 +33,7 @@ const tableStore = new TableStore({
{ title: '类型', field: 'casualUserName' },
{ title: '状态', field: 'stateName' },
{
title: '操作',
title: '操作', fixed: 'right',
width: '180',
render: 'buttons',
buttons: [

30
src/views/auth/menu/api.vue
View File

@@ -2,8 +2,16 @@
<div>
<div class="custom-table-header">
<div class="title">接口权限列表</div>
<el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue"
style="width: 240px" placeholder="请输入菜单名称" class="ml10" clearable @input="search" />
<el-input
maxlength="32"
show-word-limit
v-model.trim="tableStore.table.params.searchValue"
style="width: 240px"
placeholder="请输入菜单名称"
class="ml10"
clearable
@input="search"
/>
<el-button :icon="Plus" type="primary" @click="addMenu" class="ml10" :disabled="!props.id">新增</el-button>
</div>
<Table ref="tableRef" />
@@ -36,21 +44,31 @@ const apiList = ref([])
const tableStore = new TableStore({
showPage: false,
url: '/user-boot/function/getButtonById',
publicHeight: 60,
publicHeight: 60,
column: [
{ title: '普通接口/接口名称', field: 'name' },
{
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ title: '普通接口/接口名称', field: 'name', minWidth: '180' },
{
title: '接口类型',
field: 'type',
minWidth: '140',
formatter: row => {
return row.cellValue == 1 ? '普通接口' : '公用接口'
}
},
{ title: 'URL接口路径', field: 'path' },
{ title: 'URL接口路径', field: 'path', minWidth: '200' },
{
title: '操作',
fixed: 'right',
align: 'center',
width: '180',
width: '140',
render: 'buttons',
buttons: [
{

2
src/views/auth/menu/menu.vue
View File

@@ -50,7 +50,7 @@ const tableStore = new TableStore({
render: 'icon'
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

2
src/views/auth/role/index.vue
View File

@@ -90,7 +90,7 @@ const tableStore = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

4
src/views/auth/userList/index.vue
View File

@@ -79,10 +79,10 @@ const tableStore = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
width: '180',
render: 'buttons',
fixed: 'right',
buttons: [
{
name: 'edit',

8
src/views/govern/alarm/Transient.vue
View File

@@ -141,9 +141,10 @@ const tableStore = new TableStore({
{ title: '暂降(聚升)幅值(%)', minWidth: 100, field: 'evtParamVVaDepth', align: 'center', sortable: true },
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',
buttons: [
{
@@ -165,9 +166,10 @@ const tableStore = new TableStore({
row.loading1 = false
if (res != undefined) {
boxoList.value = row
boxoList.value.persistTime = row.evtParamTm
boxoList.value.featureAmplitude =
row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth - 0 : null
boxoList.value.systemType = 'ZL'
row.evtParamVVaDepth != '-' ? (row.evtParamVVaDepth - 0) / 100 : null
boxoList.value.systemType = 'YPT'
wp.value = res.data
}
loading.value = false

14
src/views/govern/analyze/DVR/index.vue
View File

@@ -136,6 +136,14 @@ const tableStore = new TableStore({
url: '/cs-harmonic-boot/eventUser/queryEventpageWeb',
method: 'POST',
column: [
{
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ title: '事件描述', field: 'showName', minWidth: 150 },
{ title: '发生位置', field: 'evtParamPosition', minWidth: 150 },
{
@@ -160,6 +168,7 @@ const tableStore = new TableStore({
{ title: '发生时刻', field: 'startTime', sortable: true, minWidth: 180 },
{
title: '操作',
fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',
@@ -184,8 +193,11 @@ const tableStore = new TableStore({
if (res != undefined) {
boxoList.value = row
boxoList.value.featureAmplitude =
row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth - 0 : null
row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth.split('%')[0] / 100 : null
boxoList.value.persistTime =
row.evtParamTm != '-' ? Math.floor(row.evtParamTm * 10000) / 100 : null
// boxoList.value.systemType = 'WX'
boxoList.value.systemType = 'YPT'
wp.value = res.data
}
loading.value = false

2
src/views/govern/device/control/analysisList/index.vue
View File

@@ -82,7 +82,7 @@ const tableStore: any = new TableStore({
// },
},
{
title: '操作',
title: '操作', fixed: 'right',
width: '100',
render: 'buttons',
buttons: [

2
src/views/govern/device/control/analysisList/popup.vue
View File

@@ -64,7 +64,7 @@ const tableStore: any = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
width: '180',
render: 'buttons',
buttons: [

12
src/views/govern/device/control/index.vue
View File

@@ -50,10 +50,18 @@
</el-descriptions-item> -->
<el-descriptions-item label="PT变比" width="160">
{{ devData.ptRatio || '/' }}
{{
devData.ptRatio == null
? '/'
: devData.ptRatio + (devData.pt2Ratio == null ? '' : ':' + devData.pt2Ratio)
}}
</el-descriptions-item>
<el-descriptions-item label="CT变比" width="160">
{{ devData.ctRatio || '/' }}
{{
devData.ctRatio == null
? '/'
: devData.ctRatio + (devData.ct2Ratio == null ? '' : ':' + devData.ct2Ratio)
}}
</el-descriptions-item>
<!-- <el-descriptions-item label="名称">

2
src/views/govern/device/control/supplementaryRecruitment/history.vue
View File

@@ -236,7 +236,7 @@ const tableStore = new TableStore({
// },
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

16
src/views/govern/device/control/tabs/event.vue
View File

@@ -56,11 +56,11 @@ const tableStore: any = new TableStore({
}
},
{ field: 'startTime', title: '发生时刻', minWidth: 170, sortable: true },
{ field: 'showName', title: '事件描述', minWidth: 170 },
{ field: 'showName', title: '事件描述', minWidth: 120 },
{
field: 'phaseType',
title: '相别',
minWidth: 100,
minWidth: 80,
formatter: (row: any) => {
row.cellValue = row.cellValue ? row.cellValue : '/'
return row.cellValue
@@ -69,7 +69,7 @@ const tableStore: any = new TableStore({
{
field: 'persistTime',
title: '持续时间(s)',
minWidth: 100,
minWidth: 110,
formatter: (row: any) => {
console.log('row.cellValue', row.cellValue)
row.cellValue = row.cellValue ? row.cellValue.toFixed(2) : '/'
@@ -80,7 +80,7 @@ const tableStore: any = new TableStore({
{
field: 'featureAmplitude',
title: '暂降(聚升)幅值(%)',
width: 100,
minWidth: 130,
formatter: (row: any) => {
//row.cellValue = row.cellValue + '' ? row.cellValue.toFixed(2) : '/'
row.cellValue = row.cellValue != null ? Number(row.cellValue).toFixed(2) : '/'
@@ -91,10 +91,10 @@ const tableStore: any = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
width: 180,
render: 'buttons',
fixed: 'right',
buttons: [
{
name: 'edit',
@@ -118,7 +118,9 @@ const tableStore: any = new TableStore({
boxoList.value = row
boxoList.value.systemType = 'YPT'
boxoList.value.engineeringName = tableParams.value.engineeringName
console.log("🚀 ~ tableParams.value.engineeringName:", tableParams.value.engineeringName)
boxoList.value.featureAmplitude =
row.featureAmplitude != null ? Number(row.featureAmplitude / 100) : '-'
boxoList.value.persistTime = row.persistTime ? row.persistTime.toFixed(2) : '-'
wp.value = res.data
view.value = false
view2.value = true

15
src/views/govern/device/fileService/index.vue
View File

@@ -71,7 +71,7 @@
v-bind="defaultAttribute"
>
<vxe-column type="seq" title="序号" width="80"></vxe-column>
<vxe-column field="prjDataPath" align="center" title="名称" #default="{ row }">
<vxe-column field="prjDataPath" align="center" title="名称" minWidth="180" #default="{ row }">
<span
style="cursor: pointer; color: #551a8b"
:style="{
@@ -91,15 +91,15 @@
</span>
</vxe-column>
<vxe-column field="startTime" align="center" title="文件时间" width="240" #default="{ row }">
<vxe-column field="startTime" align="center" title="文件时间" minWidth="140" #default="{ row }">
{{ row.startTime ? row.startTime : '/' }}
</vxe-column>
<vxe-column field="type" align="center" title="类型" width="120" #default="{ row }">
<vxe-column field="type" align="center" title="类型" minWidth="100" #default="{ row }">
<span>
{{ row.type == 'dir' ? '文件夹' : row.type == 'file' ? '文件' : '/' }}
</span>
</vxe-column>
<vxe-column field="size" align="center" width="120" title="大小" #default="{ row }">
<vxe-column field="size" align="center" minWidth="100" title="大小" #default="{ row }">
<span>
{{ row.size && row.type == 'file' ? row.size + 'KB' : '/' }}
</span>
@@ -107,7 +107,7 @@
<!--<vxe-column field="fileCheck" align="center" title="文件校验码" width="100" #default="{ row }">
{{ row.fileCheck ? row.fileCheck : '/' }}
</vxe-column> -->
<vxe-column title="操作" width="200px">
<vxe-column title="操作" width="120px" fixed="right">
<template #default="{ row }">
<el-button link size="small" type="danger" @click="handleDelDirOrFile(row)">删除</el-button>
<el-button
@@ -596,10 +596,10 @@ mqttRef.value.on('connect', (e: any) => {
})
const mqttMessage = ref<any>({})
const status: any = ref()
function parseStringToObject(str:string) {
function parseStringToObject(str: string) {
const content = str.replace(/^{|}$/g, '')
const pairs = content.split(',')
const result:any = {}
const result: any = {}
pairs.forEach(pair => {
const [key, value] = pair.split(':')
// 尝试将数字转换为Number类型
@@ -612,7 +612,6 @@ mqttRef.value.on('message', (topic: any, message: any) => {
let str = JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message))))
let regex = /fileName:(.*?),allStep/
let regex1 = /allStep:(.*?),nowStep/
let regex2 = /nowStep:(.*?),userId/

4
src/views/govern/device/planData/components/transient.vue
View File

@@ -77,10 +77,10 @@ const tableStore = new TableStore({
}, sortable: true
},
{
title: '操作',
title: '操作', fixed: 'right',
width: 180,
render: 'buttons',
fixed: 'right',
buttons: [
{
name: 'edit',

8
src/views/govern/log/debug.vue
View File

@@ -25,6 +25,14 @@ const tableStore = new TableStore({
url: '/cs-device-boot/process/queryPage',
method: 'POST',
column: [
{
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ title: '设备名称', field: 'devName', align: 'center' },
{ title: '操作用户', field: 'operatorName', align: 'center' },
{

9
src/views/govern/log/opera.vue
View File

@@ -17,7 +17,14 @@ defineOptions({
const tableStore = new TableStore({
url: '/cs-device-boot/cslog/queryLog',
method: 'POST',
column: [
column: [ {
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ title: '操作日期', field: 'createTime', align: 'center', sortable: true, minWidth: '150' },
{ title: '操作描述', field: 'operate', align: 'center', minWidth: '300' },
{ title: '用户名称', field: 'userName', align: 'center', minWidth: '130' },

4
src/views/govern/manage/basic/dictionary.vue
View File

@@ -111,10 +111,10 @@ const tableStore = new TableStore({
{ title: '数据存储', field: 'classIdName', minWidth: 120 },
{ title: '数据来源', field: 'resourcesIdName', minWidth: 120 },
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
fixed: 'right',
render: 'buttons',
buttons: [
{

10
src/views/govern/manage/basic/template.vue
View File

@@ -63,12 +63,20 @@ const tableStore = new TableStore({
url: '/cs-device-boot/devmodel/queryDevModelPage',
method: 'POST',
column: [
{
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ title: '装置型号', field: 'devTypeName' },
{ title: '模板名称', field: 'name' },
{ title: '版本号', field: 'versionNo' },
{ title: '版本时间', field: 'versionDate', sortable: true },
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

23
src/views/govern/manage/basic/version.vue
View File

@@ -47,16 +47,25 @@ const tableStore = new TableStore({
url: '/cs-device-boot/edData/queryEdDataPage',
method: 'POST',
column: [
{ title: '装置型号', field: 'devTypeName' },
{ title: '版本号', field: 'versionNo' },
{ title: '版本协议', field: 'versionAgreement' },
{ title: '版本日期', field: 'versionDate' },
{ title: '归档日期', field: 'updateTime' },
{ title: '描述', field: 'description' },
{
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ title: '装置型号', field: 'devTypeName' ,minWidth: '100'},
{ title: '版本号', field: 'versionNo' ,minWidth: '100'},
{ title: '版本协议', field: 'versionAgreement' ,minWidth: '100'},
{ title: '版本日期', field: 'versionDate' ,minWidth: '100'},
{ title: '归档日期', field: 'updateTime',minWidth: '150' },
{ title: '描述', field: 'description',minWidth: '200' },
{
title: '状态',
field: 'status',
render: 'tag',
minWidth: '80',
custom: {
0: 'error',
1: 'success'
@@ -67,7 +76,7 @@ const tableStore = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

2
src/views/govern/manage/factory.vue
View File

@@ -488,7 +488,7 @@ const tableStore = new TableStore({
minWidth: 80
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: 220,
render: 'buttons',

2
src/views/govern/manage/feedback.vue
View File

@@ -46,7 +46,7 @@ const tableStore = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

2
src/views/govern/manage/gplot/index.vue
View File

@@ -49,7 +49,7 @@ const tableStore = new TableStore({
{ title: '监测点数量', field: 'pointNum', align: 'center' },
{ title: '拓扑图', field: 'filePath', align: 'center', render: 'image' },
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

2
src/views/govern/monitorRecall/steadyRecall.vue
View File

@@ -69,7 +69,7 @@ const tableStore: any = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
width: '100',
render: 'buttons',
buttons: [

2
src/views/govern/reportForms/index.vue
View File

@@ -47,7 +47,7 @@ const tableStore: any = new TableStore({
{ field: 'createTime', title: '创建时间' , sortable: true},
{ field: 'updateTime', title: '更新时间', sortable: true },
{
title: '操作',
title: '操作', fixed: 'right',
width: '220',
render: 'buttons',
buttons: [

4
src/views/govern/sensitiveLoadMange/index.vue
View File

@@ -52,10 +52,10 @@ const tableStore: any = new TableStore({
{ title: '用户协议容量(MVA)', field: 'userAgreementCapacity', minWidth: 100 },
{ title: '装机容量(MW)', field: 'installedCapacity', minWidth: 100 },
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
fixed: 'right',
render: 'buttons',
buttons: [
{

34
src/views/govern/setting/frontManagement/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="default-main">
<div class="default">
<div style="flex: 1">
<div style="width: calc(100% - 300px);">
<TableHeader>
<template v-slot:select>
<el-form-item label="前置等级">
@@ -39,7 +39,7 @@
@current-change="currentChangeEvent"
></Table>
</div>
<div class="pd10" style="width: 400px" v-loading="loading">
<div class="pd10" style="width: 300px" v-loading="loading">
<el-input v-model="filterText" placeholder="请输入内容" clearable show-word-limit @input="change">
<template #prefix>
<Icon name="el-icon-Search" style="font-size: 16px" />
@@ -301,12 +301,21 @@ const tableStore = new TableStore({
url: '/cs-device-boot/node/nodeList',
method: 'POST',
column: [
{ title: '名称', field: 'name' },
{ title: 'IP', field: 'ip' },
{
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ title: '名称', field: 'name', minWidth: '110' },
{ title: 'IP', field: 'ip', minWidth: '110' },
{
title: '等级',
field: 'nodeGrade',
render: 'tag',
minWidth: '80',
custom: {
0: 'success',
1: 'warning',
@@ -320,20 +329,24 @@ const tableStore = new TableStore({
},
{
title: '最大监测点数量',
field: 'nodeDevNum'
field: 'nodeDevNum',
minWidth: '80',
},
{
title: '最大进程数',
field: 'maxProcessNum'
field: 'maxProcessNum',
minWidth: '80',
},
{
title: '排序',
field: 'sort'
field: 'sort',
minWidth: '80'
},
{
title: '状态',
field: 'state',
render: 'tag',
minWidth: '80',
custom: {
0: 'warning',
1: 'success'
@@ -343,11 +356,12 @@ const tableStore = new TableStore({
1: '启用'
}
},
{ title: '描述', field: 'remark' },
{ title: '描述', field: 'remark', minWidth: '200', },
{
title: '操作',
fixed: 'right',
align: 'center',
width: '180',
width: '100',
render: 'buttons',
buttons: [
{
@@ -626,7 +640,7 @@ onMounted(() => {
height: 140px;
}
}
:deep(.default) {
.default {
display: flex;
}
.custom-tree-node {

2
src/views/govern/setting/statisticalType/index.vue
View File

@@ -66,7 +66,7 @@ const tableStore = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '200',
render: 'buttons',

2
src/views/govern/terminal/deviceLedger/index.vue
View File

@@ -227,7 +227,7 @@ const tableStore = new TableStore({
// },
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

2
src/views/govern/terminal/deviceMonitor/index.vue
View File

@@ -228,7 +228,7 @@ const tableStore = new TableStore({
// },
},
{
title: '操作',
title: '操作', fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',

2
src/views/setting/dictionary/component/index.vue
View File

@@ -127,7 +127,7 @@ const tableStore = new TableStore({
{ field: 'path', title: '组件路径' },
{ field: 'image', title: '组件展示', render: 'image' },
{
title: '操作',
title: '操作', fixed: 'right',
render: 'buttons',
width: '150',
buttons: [

4
src/views/setting/dictionary/list/detail.vue
View File

@@ -58,10 +58,10 @@ const tableStore = new TableStore({
{ title: '算法描述', field: 'algoDescribe' },
{ title: '状态', field: 'stateName' },
{
title: '操作',
title: '操作', fixed: 'right',
width: '180',
render: 'buttons',
fixed: 'right',
buttons: [
{
title: '编辑',

4
src/views/setting/dictionary/list/index.vue
View File

@@ -59,10 +59,10 @@ const tableStore = new TableStore({
},
},
{
title: '操作',
title: '操作', fixed: 'right',
width: '180',
render: 'buttons',
fixed: 'right',
buttons: [
{
title: '查看',

4
src/views/setting/dictionary/tree/index.vue
View File

@@ -48,10 +48,10 @@ const tableStore = new TableStore({
}
},
{
title: '操作',
title: '操作', fixed: 'right',
width: '180',
render: 'buttons',
fixed: 'right',
buttons: [
{
title: '新增',

2
src/views/system/reportForms/index.vue
View File

@@ -45,7 +45,7 @@ const tableStore: any = new TableStore({
{ field: 'createTime', title: '创建时间', sortable: true },
{ field: 'updateTime', title: '更新时间', sortable: true },
{
title: '操作',
title: '操作', fixed: 'right',
width: '220',
render: 'buttons',
buttons: [

21
src/views/system/scheduledTasks/index.vue
View File

@@ -66,10 +66,18 @@ const tableStore: any = new TableStore({
method: 'POST',
isWebPaging: true,
column: [
{ field: 'timerName', title: '任务名称' },
{ field: 'actionClass', title: '任务执行器' },
{ field: 'cron', title: '定时任务表达式' },
{ field: 'remark', title: '备注' },
{
field: 'index',
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ field: 'timerName', title: '任务名称' ,minWidth: '180'},
{ field: 'actionClass', title: '任务执行器' ,minWidth: '300'},
{ field: 'cron', title: '定时任务表达式',minWidth: '140' },
{ field: 'remark', title: '备注' ,minWidth: '180'},
// {
// field: 'jobStatus', title: '状态', width: '100',
// render: 'tag',
@@ -87,7 +95,7 @@ const tableStore: any = new TableStore({
{
title: '状态',
render: 'switch',
width: 100,
minWidth: 100,
field: 'jobStatus',
activeText: '运行中',
activeValue: '1',
@@ -107,9 +115,10 @@ const tableStore: any = new TableStore({
}
}
},
{ field: 'sort', title: '排序', width: '80' },
{ field: 'sort', title: '排序', minWidth: '80' },
{
title: '操作',
fixed: 'right',
width: '220',
render: 'buttons',
buttons: [

2
src/views/system/subject/index.vue
View File

@@ -44,7 +44,7 @@ const tableStore: any = new TableStore({
{ field: 'logoUrl', title: '主题图标', render: 'image' },
{
title: '操作',
title: '操作', fixed: 'right',
width: '180',
render: 'buttons',
buttons: [