🔄Update: 删除附件功能

frontend/src/components/EmailSender.vue

@@ -36,26 +36,6 @@
         />
       </el-form-item>
 
-      <!-- 附件 -->
-      <el-form-item label="附件">
-        <el-upload
-          v-model:file-list="fileList"
-          action="/api/upload"  
-          :auto-upload="false"
-          :on-change="handleFileChange"
-          :on-remove="handleFileRemove"
-          multiple
-          :limit="5"
-          :on-exceed="handleExceed"
-        >
-          <el-button type="primary">选择文件</el-button>
-          <template #tip>
-            <div class="el-upload__tip">
-              支持格式：.jpg, .png, .pdf, .docx，最多5个文件，每个文件不超过10MB
-            </div>
-          </template>
-        </el-upload>
-      </el-form-item>
 
       <!-- 提交按钮 -->
       <el-form-item>
@@ -85,7 +65,7 @@
 
 <script setup>
 import { ref, reactive } from 'vue'
-import { ElForm, ElFormItem, ElInput, ElButton, ElUpload, ElAlert } from 'element-plus'
+import { ElForm, ElFormItem, ElInput, ElButton, ElAlert } from 'element-plus'
 import axios from 'axios'
 
 // 表单引用
@@ -98,9 +78,6 @@ const emailForm = reactive({
   content: ''
 })
 
-// 文件列表
-const fileList = ref([])
-
 // 提交状态
 const submitting = ref(false)
 
@@ -122,26 +99,10 @@ const rules = {
   ]
 }
 
-// 处理文件变化
-const handleFileChange = (file, fileList) => {
-  // 可以在这里添加文件验证逻辑
-  console.log('文件变化:', file, fileList)
-}
-
-// 处理文件移除
-const handleFileRemove = (file, fileList) => {
-  console.log('文件移除:', file, fileList)
-}
-
-// 处理文件超出限制
-const handleExceed = () => {
-  ElMessage.warning('最多只能上传5个文件')
-}
 
 // 重置表单
 const resetForm = () => {
   formRef.value.resetFields()
-  fileList.value = []
   message.value = ''
 }
 
@@ -159,11 +120,6 @@ const submitForm = async () => {
     formData.append('subject', emailForm.subject)
     formData.append('content', emailForm.content)
     
-    // 添加附件
-    fileList.value.forEach(file => {
-      formData.append('attachments', file.raw)
-    })
-    
     submitting.value = true
     message.value = ''