正文改为富文本

src/components/FileUploadComponent.vue

@@ -149,7 +149,7 @@ const emit = defineEmits<{
 const uploadConfig: UploadConfig = {
 const uploadConfig: UploadConfig = {
   url: `${import.meta.env.VITE_REMOTE_API_BASE_URL}/oss/api/oss/upload`,
   url: `${import.meta.env.VITE_REMOTE_API_BASE_URL}/oss/api/oss/upload`,
   fieldName: 'file',
   fieldName: 'file',
-  maxSize: 10,
+  maxSize: 50,
   allowedTypes: [],
   allowedTypes: [],
   maxCount: 10,
   maxCount: 10,
   multiple: false,
   multiple: false,

src/views/ComposeEmail.vue

 <template>
 <template>
   <div class="bg-white rounded-lg shadow-md p-6" v-loading="loading">
   <div class="bg-white rounded-lg shadow-md p-6" v-loading="loading">
-    <div class="mb-4">
+    <div class="flex gap-4 mb-4">
+        <div class="flex-1">
       <label class="block text-gray-700 mb-2 font-medium">发件人</label>
       <label class="block text-gray-700 mb-2 font-medium">发件人</label>
       <el-select
       <el-select
         v-model="currentSender"
         v-model="currentSender"
@@ -23,7 +24,7 @@
         />
         />
       </el-select>
       </el-select>
     </div>
     </div>
-    <div class="mb-4">
+    <div class="flex-1">
       <label class="block text-gray-700 mb-2 font-medium">变量模板</label>
       <label class="block text-gray-700 mb-2 font-medium">变量模板</label>
       <div class="flex flex-col sm:flex-row gap-2">
       <div class="flex flex-col sm:flex-row gap-2">
         <el-select
         <el-select
@@ -57,6 +58,7 @@
         </button>
         </button>
       </div>
       </div>
     </div>
     </div>
+    </div>
     <div class="mb-4">
     <div class="mb-4">
       <label class="block text-gray-700 mb-2 font-medium">收件人</label>
       <label class="block text-gray-700 mb-2 font-medium">收件人</label>
       <div class="flex flex-col sm:flex-row gap-2">
       <div class="flex flex-col sm:flex-row gap-2">
@@ -149,11 +151,7 @@
             <i class="fas fa-plus"></i> 插入字段
             <i class="fas fa-plus"></i> 插入字段
           </button>
           </button>
         </div>
         </div>
-        <textarea
-          v-model="emailForm.content"
-          class="w-full p-3 min-h-[200px] focus:outline-none"
-          placeholder="请输入邮件内容..."
-        ></textarea>
+        <RichTextEditor v-model="emailForm.content" />
       </div>
       </div>
     </div>
     </div>
 
 
@@ -385,12 +383,17 @@ const emailForm = ref<EmailForm>({
 })
 })
 
 
 const selectedVariableTemplate = ref<VariableTemplate | null>(null)
 const selectedVariableTemplate = ref<VariableTemplate | null>(null)
+const selectedAttachmentTemplate = ref()
 const showContactSelector = ref(false)
 const showContactSelector = ref(false)
 const showVariableSelector = ref(false)
 const showVariableSelector = ref(false)
+const showImportAttachment = ref(false)
 const showImportContacts = ref(false)
 const showImportContacts = ref(false)
 const showImportRecordManager = ref(false)
 const showImportRecordManager = ref(false)
 const importRecords = ref<ImportRecord[]>([])
 const importRecords = ref<ImportRecord[]>([])
 
 
+
+
+
 // 监听收件人变化，自动匹配抄送人
 // 监听收件人变化，自动匹配抄送人
 watch(
 watch(
   () => emailForm.value.receiveEmail,
   () => emailForm.value.receiveEmail,

src/views/ImportDialog.vue

 <template>
 <template>
   <div
   <div
     v-if="visible"
     v-if="visible"
-    class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4"
+    style="z-index:999999"
+    class="fixed inset-0 bg-black bg-opacity-50 z-auto flex items-center justify-center p-4"
   >
   >
     <div class="bg-white rounded-lg shadow-xl p-6 w-full max-w-md">
     <div class="bg-white rounded-lg shadow-xl p-6 w-full max-w-md">
       <h3 class="text-lg font-semibold mb-4">{{ title }}</h3>
       <h3 class="text-lg font-semibold mb-4">{{ title }}</h3>