71 lines
1.5 KiB
Vue
71 lines
1.5 KiB
Vue
<!-- eslint-disable vue/no-parsing-error -->
|
|
<script setup lang='ts'>
|
|
import { ref } from 'vue';
|
|
import useStore from '@/store'
|
|
import DaiysuiTable from '@/components/DaiysuiTable/index.vue'
|
|
|
|
const personConfig = useStore().personConfig
|
|
|
|
const { getAlreadyPersonList: alreadyPersonList } = personConfig
|
|
const personList = ref<any[]>(
|
|
alreadyPersonList
|
|
)
|
|
|
|
|
|
const deleteAll = () => {
|
|
personConfig.deleteAllPerson()
|
|
personList.value = alreadyPersonList
|
|
}
|
|
|
|
const tableColumns = [
|
|
{
|
|
label: '编号',
|
|
props: 'uid',
|
|
},
|
|
{
|
|
label: '姓名',
|
|
props: 'name',
|
|
},
|
|
{
|
|
label: '部门',
|
|
props: 'department',
|
|
},
|
|
{
|
|
label: '职位',
|
|
props: 'other',
|
|
},
|
|
{
|
|
label: '操作',
|
|
actions: [
|
|
{
|
|
label: '编辑',
|
|
type: 'btn-info',
|
|
onClick: (row: any) => {
|
|
console.log('编辑:', row)
|
|
}
|
|
},
|
|
{
|
|
label: '删除',
|
|
type: 'btn-error',
|
|
onClick: (row: any) => {
|
|
console.log('删除:', row)
|
|
}
|
|
},
|
|
|
|
]
|
|
},
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<div class="overflow-y-auto">
|
|
<div class="flex justify-center gap-3">
|
|
<button class="btn btn-error btn-sm" @click="deleteAll">全部删除</button>
|
|
|
|
</div>
|
|
<DaiysuiTable :tableColumns="tableColumns" :data="personList"></DaiysuiTable>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang='scss' scoped></style>
|