Vue3 重构:邮件日志的列表

This commit is contained in:
YunaiV
2023-03-18 13:56:17 +08:00
parent 3c75d6065d
commit 0f4c74fef0
5 changed files with 49 additions and 22 deletions

View File

@ -20,7 +20,7 @@
<el-button
link
type="primary"
@click="openModal('update', row.id)"
@click="openModal(row.id)"
v-hasPermi="['system:mail-log:query']"
>
详情
@ -30,26 +30,26 @@
</content-wrap>
<!-- 表单弹窗添加/修改 -->
<!-- <mail-account-form ref="modalRef" @success="getList" />-->
<mail-log-detail ref="modalRef" @success="getList" />
</template>
<script setup lang="ts" name="MailLog">
import { allSchemas } from './log.data'
import * as MailLogApi from '@/api/system/mail/log'
// import MailAccountForm from './form.vue'
import MailLogDetail from './detail.vue'
// tableObject表格的属性对象可获得分页大小、条数等属性
// tableMethods表格的操作对象可进行获得分页、删除记录等操作
// 详细可见https://kailong110120130.gitee.io/vue-element-plus-admin-doc/components/table.html#usetable
const { tableObject, tableMethods } = useTable({
getListApi: MailLogApi.getMailLogPageApi // 分页接口
getListApi: MailLogApi.getMailLogPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
/** 添加/修改操作 */
const modalRef = ref()
const openModal = (type: string, id?: number) => {
modalRef.value.openModal(type, id)
const openModal = (id: number) => {
modalRef.value.openModal(id)
}
/** 初始化 **/