CheckInApp/frontend/src/stores/template.js

import { defineStore } from 'pinia';
import { templateAPI } from '@/api';

export const useTemplateStore = defineStore('template', {
  state: () => ({
    templates: [],
    currentTemplate: null,
    loading: false,
    error: null,
  }),

  getters: {
    activeTemplates: state => state.templates.filter(t => t.is_active),

    getTemplateById: state => id => {
      return state.templates.find(t => t.id === id);
    },
  },

  actions: {
    async fetchTemplates(isActive = null) {
      this.loading = true;
      this.error = null;
      try {
        const params = {};
        if (isActive !== null) {
          params.is_active = isActive;
        }
        this.templates = await templateAPI.getTemplates(params);
        return this.templates;
      } catch (error) {
        this.error = error.message || '获取模板列表失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    async fetchActiveTemplates() {
      this.loading = true;
      this.error = null;
      try {
        this.templates = await templateAPI.getActiveTemplates();
        return this.templates;
      } catch (error) {
        this.error = error.message || '获取启用模板失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    async fetchTemplate(id) {
      this.loading = true;
      this.error = null;
      try {
        this.currentTemplate = await templateAPI.getTemplate(id);
        return this.currentTemplate;
      } catch (error) {
        this.error = error.message || '获取模板详情失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    async previewTemplate(id) {
      this.loading = true;
      this.error = null;
      try {
        const preview = await templateAPI.previewTemplate(id);
        return preview;
      } catch (error) {
        this.error = error.message || '预览模板失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    async createTemplate(templateData) {
      this.loading = true;
      this.error = null;
      try {
        const newTemplate = await templateAPI.createTemplate(templateData);
        this.templates.unshift(newTemplate);
        return newTemplate;
      } catch (error) {
        this.error = error.message || '创建模板失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    async updateTemplate(id, templateData) {
      this.loading = true;
      this.error = null;
      try {
        const updatedTemplate = await templateAPI.updateTemplate(id, templateData);
        const index = this.templates.findIndex(t => t.id === id);
        if (index !== -1) {
          this.templates[index] = updatedTemplate;
        }
        if (this.currentTemplate && this.currentTemplate.id === id) {
          this.currentTemplate = updatedTemplate;
        }
        return updatedTemplate;
      } catch (error) {
        this.error = error.message || '更新模板失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    async deleteTemplate(id) {
      this.loading = true;
      this.error = null;
      try {
        await templateAPI.deleteTemplate(id);
        this.templates = this.templates.filter(t => t.id !== id);
        if (this.currentTemplate && this.currentTemplate.id === id) {
          this.currentTemplate = null;
        }
        return true;
      } catch (error) {
        this.error = error.message || '删除模板失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    async createTaskFromTemplate(templateId, threadId, fieldValues, taskName = null, cronExpression = '0 20 * * *') {
      this.loading = true;
      this.error = null;
      try {
        const task = await templateAPI.createTaskFromTemplate({
          template_id: templateId,
          thread_id: threadId,
          field_values: fieldValues,
          task_name: taskName,
          cron_expression: cronExpression,
        });
        return task;
      } catch (error) {
        this.error = error.message || '从模板创建任务失败';
        throw error;
      } finally {
        this.loading = false;
      }
    },

    clearCurrentTemplate() {
      this.currentTemplate = null;
    },

    clearError() {
      this.error = null;
    },
  },
});