forked from opentiny/tiny-vue
46 lines
972 B
Vue
46 lines
972 B
Vue
<template>
|
|
<tiny-grid :fetch-data="fetchData">
|
|
<tiny-grid-column
|
|
v-for="(item, index) in tableColumnList"
|
|
:key="index"
|
|
:field="item.field"
|
|
:title="item.field"
|
|
></tiny-grid-column>
|
|
</tiny-grid>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, onMounted } from 'vue'
|
|
import { Grid as TinyGrid, GridColumn as TinyGridColumn } from '@opentiny/vue'
|
|
|
|
const fetchData = ref({ api: getData })
|
|
const tableColumnList = ref([])
|
|
|
|
onMounted(() => {
|
|
getColumns()
|
|
})
|
|
|
|
function getData() {
|
|
const tableData = [
|
|
{
|
|
id: '1',
|
|
name: 'GFD科技有限公司',
|
|
city: '福州',
|
|
employees: 800,
|
|
created_date: '2014-04-30 00:56:00',
|
|
boole: false
|
|
}
|
|
]
|
|
|
|
return new Promise((resolve) => {
|
|
setTimeout(() => resolve(tableData))
|
|
})
|
|
}
|
|
|
|
function getColumns() {
|
|
setTimeout(() => {
|
|
tableColumnList.value = [{ field: 'employees' }, { field: 'created_date' }, { field: 'name' }, { field: 'city' }]
|
|
}, 300)
|
|
}
|
|
</script>
|