|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
|
|
|
<DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
|
|
|
- <BasicTable @register="registerTable" class="w-3/4 xl:w-4/5">
|
|
|
+ <BasicTable @register="registerTable" class="w-3/4 xl:w-4/5" :searchInfo="searchInfo">
|
|
|
<template #toolbar>
|
|
|
<a-button type="primary" @click="handleCreate">新增账号</a-button>
|
|
|
</template>
|
|
@@ -35,7 +35,7 @@
|
|
|
</PageWrapper>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
- import { defineComponent } from 'vue';
|
|
|
+ import { defineComponent, reactive } from 'vue';
|
|
|
|
|
|
import { BasicTable, useTable, TableAction } from '/@/components/Table';
|
|
|
import { getAccountList } from '/@/api/demo/system';
|
|
@@ -54,6 +54,7 @@
|
|
|
setup() {
|
|
|
const go = useGo();
|
|
|
const [registerModal, { openModal }] = useModal();
|
|
|
+ const searchInfo = reactive<Recordable>({});
|
|
|
const [registerTable, { reload, updateTableDataRecord }] = useTable({
|
|
|
title: '账号列表',
|
|
|
api: getAccountList,
|
|
@@ -104,7 +105,8 @@
|
|
|
}
|
|
|
|
|
|
function handleSelect(deptId = '') {
|
|
|
- reload({ searchInfo: { deptId } });
|
|
|
+ searchInfo.deptId = deptId;
|
|
|
+ reload();
|
|
|
}
|
|
|
|
|
|
function handleView(record: Recordable) {
|
|
@@ -120,6 +122,7 @@
|
|
|
handleSuccess,
|
|
|
handleSelect,
|
|
|
handleView,
|
|
|
+ searchInfo,
|
|
|
};
|
|
|
},
|
|
|
});
|