提示词保存

2025-11-13 01:06:28 +08:00
parent fc7d2ccea5
commit c652d0ddf3
49 changed files with 4072 additions and 2452 deletions
--- a/frontend/app/web-gold/src/views/content-style/components/SavePromptModal.vue
+++ b/frontend/app/web-gold/src/views/content-style/components/SavePromptModal.vue
@@ -0,0 +1,138 @@
+<script setup>
+import { ref, watch } from 'vue'
+import { message } from 'ant-design-vue'
+import { UserPromptApi } from '@/api/userPrompt'
+import { useUserStore } from '@/stores/user'
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  promptContent: {
+    type: String,
+    default: '',
+  },
+})
+
+const emit = defineEmits(['update:visible', 'success'])
+
+const userStore = useUserStore()
+const savingPrompt = ref(false)
+const savePromptForm = ref({
+  name: '',
+  category: '',
+  content: '',
+})
+
+watch(() => props.visible, (newVal) => {
+  if (newVal) {
+    savePromptForm.value = {
+      name: '',
+      category: '',
+      content: props.promptContent,
+    }
+  }
+})
+
+async function handleSave() {
+  if (!savePromptForm.value.name.trim()) {
+    message.warning('请输入提示词名称')
+    return
+  }
+  
+  if (!savePromptForm.value.content.trim()) {
+    message.warning('提示词内容不能为空')
+    return
+  }
+  
+  const userId = Number(userStore.userId)
+  if (!userId) {
+    message.error('无法获取用户ID，请先登录')
+    return
+  }
+  
+  savingPrompt.value = true
+  try {
+    const payload = {
+      userId: userId,
+      name: savePromptForm.value.name.trim(),
+      content: savePromptForm.value.content.trim(),
+      category: savePromptForm.value.category.trim() || null,
+      isPublic: false,
+      sort: 0,
+      useCount: 0,
+      status: 1,
+    }
+    
+    const response = await UserPromptApi.createUserPrompt(payload)
+    
+    if (response && (response.code === 0 || response.code === 200)) {
+      message.success('提示词保存成功')
+      emit('update:visible', false)
+      emit('success')
+      // 重置表单
+      savePromptForm.value = {
+        name: '',
+        category: '',
+        content: '',
+      }
+    } else {
+      throw new Error(response?.msg || response?.message || '保存失败')
+    }
+  } catch (error) {
+    console.error('保存提示词失败:', error)
+    message.error(error?.message || '保存失败，请稍后重试')
+  } finally {
+    savingPrompt.value = false
+  }
+}
+
+function handleCancel() {
+  emit('update:visible', false)
+}
+</script>
+
+<template>
+  <a-modal
+    :open="visible"
+    title="保存提示词"
+    :width="600"
+    :maskClosable="false"
+    @cancel="handleCancel">
+    <a-form :model="savePromptForm" layout="vertical">
+      <a-form-item label="提示词名称" required>
+        <a-input 
+          v-model:value="savePromptForm.name" 
+          placeholder="请输入提示词名称"
+          :maxlength="50"
+          show-count />
+      </a-form-item>
+      <a-form-item label="分类/标签">
+        <a-input 
+          v-model:value="savePromptForm.category" 
+          placeholder="可选：输入分类或标签"
+          :maxlength="20" />
+      </a-form-item>
+      <a-form-item label="提示词内容">
+        <a-textarea 
+          v-model:value="savePromptForm.content" 
+          :rows="8" 
+          :readonly="true"
+          placeholder="提示词内容" />
+      </a-form-item>
+    </a-form>
+    
+    <template #footer>
+      <a-space>
+        <a-button @click="handleCancel">取消</a-button>
+        <a-button 
+          type="primary" 
+          :loading="savingPrompt"
+          :disabled="!savePromptForm.name.trim()"
+          @click="handleSave">保存</a-button>
+      </a-space>
+    </template>
+  </a-modal>
+</template>
+