import { computed, ref } from 'vue'
|
import { listTodos, createTodo as createTodoApi, handleTodo as handleTodoApi, removeTodo as removeTodoApi, type TodoDto } from '@/api/todos'
|
import { getAuthToken } from '@/api/request'
|
import { formatBusinessTime } from '@/utils/businessTime'
|
|
export type TodoStatus = '待处理' | '已处理'
|
export interface TodoRecord extends Omit<TodoDto, 'createdAt' | 'operatedAt' | 'handleRemark'> { createdAt: string; operatedAt: string; handleRemark: string }
|
const cache = ref<TodoRecord[]>([])
|
const session = ref<string | null>(null)
|
let requestNo = 0
|
// 缓存仅属于当前登录会话；切换账号及退出登录后不能重用其他负责人的记录。
|
const records = computed(() => session.value === getAuthToken() ? cache.value : [])
|
function map(item: TodoDto): TodoRecord { return { ...item, createdAt: formatBusinessTime(item.createdAt), operatedAt: formatBusinessTime(item.operatedAt), handleRemark: item.handleRemark ?? '' } }
|
export function clearTodos() { requestNo++; cache.value = []; session.value = '' }
|
export function useTodos() {
|
async function load() {
|
const token = getAuthToken(); const current = ++requestNo
|
if (session.value !== token) { cache.value = []; session.value = token }
|
try { const rows = await listTodos(); if (current === requestNo && token === getAuthToken()) cache.value = rows.map(map) }
|
catch (error) { if (current === requestNo) cache.value = []; throw error }
|
}
|
async function createTodo(payload: { content: string; ownerId: number }) { await createTodoApi(payload); await load() }
|
async function handleTodo(id: number, remark: string) { await handleTodoApi(id, remark); await load() }
|
async function removeTodo(id: number) { await removeTodoApi(id); cache.value = cache.value.filter(item => item.id !== id) }
|
return { records, load, createTodo, handleTodo, removeTodo }
|
}
|
