Baobhan Sith
126 lines
4.6 KiB
TypeScript
126 lines
4.6 KiB
TypeScript
import { defineStore } from 'pinia';
|
|
import axios from 'axios'; // 假设项目使用 axios
|
|
import { ref, computed } from 'vue';
|
|
import { useUiNotificationsStore } from './uiNotifications.store'; // 用于显示通知
|
|
|
|
// 后端返回的原始历史记录条目接口
|
|
interface CommandHistoryEntryBE {
|
|
id: number;
|
|
command: string;
|
|
timestamp: number; // Unix 时间戳 (秒)
|
|
}
|
|
|
|
// 前端使用的历史记录条目接口 (可能需要添加其他字段)
|
|
export interface CommandHistoryEntryFE extends CommandHistoryEntryBE {
|
|
// 可以根据需要添加前端特定的字段
|
|
}
|
|
|
|
export const useCommandHistoryStore = defineStore('commandHistory', () => {
|
|
const historyList = ref<CommandHistoryEntryFE[]>([]);
|
|
const searchTerm = ref('');
|
|
const isLoading = ref(false);
|
|
const error = ref<string | null>(null);
|
|
const uiNotificationsStore = useUiNotificationsStore();
|
|
|
|
// --- Getters ---
|
|
|
|
// 计算属性：根据搜索词过滤历史记录
|
|
const filteredHistory = computed(() => {
|
|
const term = searchTerm.value.toLowerCase().trim();
|
|
if (!term) {
|
|
return historyList.value; // 没有搜索词则返回全部
|
|
}
|
|
return historyList.value.filter(entry =>
|
|
entry.command.toLowerCase().includes(term)
|
|
);
|
|
});
|
|
|
|
// --- Actions ---
|
|
|
|
// 从后端获取历史记录
|
|
const fetchHistory = async () => {
|
|
isLoading.value = true;
|
|
error.value = null;
|
|
try {
|
|
const response = await axios.get<CommandHistoryEntryBE[]>('/api/v1/command-history');
|
|
// 后端返回的是按时间戳升序 (旧->新)
|
|
// 前端需要按时间戳降序 (新->旧)，所以反转数组
|
|
historyList.value = response.data.reverse();
|
|
} catch (err: any) {
|
|
console.error('获取命令历史记录失败:', err);
|
|
error.value = err.response?.data?.message || '获取历史记录时发生错误';
|
|
// 确保传递给 showError 的是字符串
|
|
uiNotificationsStore.showError(error.value ?? '未知错误'); // 显示错误通知
|
|
} finally {
|
|
isLoading.value = false;
|
|
}
|
|
};
|
|
|
|
// 添加命令到历史记录 (由 CommandInputBar 调用)
|
|
const addCommand = async (command: string) => {
|
|
if (!command || command.trim().length === 0) {
|
|
return; // 不添加空命令
|
|
}
|
|
try {
|
|
const response = await axios.post<{ id: number }>('/api/v1/command-history', { command: command.trim() });
|
|
// 添加成功后，重新获取列表以保证顺序和 ID 正确
|
|
// 或者，可以在本地模拟添加，但为了简单和一致性，重新获取更好
|
|
await fetchHistory();
|
|
} catch (err: any) {
|
|
console.error('添加命令历史记录失败:', err);
|
|
const message = err.response?.data?.message || '添加历史记录时发生错误';
|
|
uiNotificationsStore.showError(message);
|
|
}
|
|
};
|
|
|
|
|
|
// 删除单条历史记录
|
|
const deleteCommand = async (id: number) => {
|
|
try {
|
|
await axios.delete(`/api/v1/command-history/${id}`);
|
|
// 从本地列表中移除
|
|
const index = historyList.value.findIndex(entry => entry.id === id);
|
|
if (index !== -1) {
|
|
historyList.value.splice(index, 1);
|
|
}
|
|
uiNotificationsStore.showSuccess('历史记录已删除');
|
|
} catch (err: any) {
|
|
console.error('删除命令历史记录失败:', err);
|
|
const message = err.response?.data?.message || '删除历史记录时发生错误';
|
|
uiNotificationsStore.showError(message);
|
|
}
|
|
};
|
|
|
|
// 清空所有历史记录
|
|
const clearAllHistory = async () => {
|
|
// 可以在调用前添加确认逻辑 (例如在组件层)
|
|
try {
|
|
await axios.delete('/api/v1/command-history');
|
|
historyList.value = []; // 清空本地列表
|
|
uiNotificationsStore.showSuccess('所有历史记录已清空');
|
|
} catch (err: any) {
|
|
console.error('清空命令历史记录失败:', err);
|
|
const message = err.response?.data?.message || '清空历史记录时发生错误';
|
|
uiNotificationsStore.showError(message);
|
|
}
|
|
};
|
|
|
|
// 设置搜索词
|
|
const setSearchTerm = (term: string) => {
|
|
searchTerm.value = term;
|
|
};
|
|
|
|
return {
|
|
historyList,
|
|
searchTerm,
|
|
isLoading,
|
|
error,
|
|
filteredHistory,
|
|
fetchHistory,
|
|
addCommand, // 导出 addCommand
|
|
deleteCommand,
|
|
clearAllHistory,
|
|
setSearchTerm,
|
|
};
|
|
});
|