按类型封装api

.env.production

-VITE_API_BASE_URL='http://139.224.145.34:9002/email/api'
\ No newline at end of file
+VITE_API_BASE_URL='/email/api'
\ No newline at end of file

axios.d.ts

-interface resPage {
-  page: number
-  pageSize: number
-  total: number
-  hasNextPage: boolean
-  pageTotal: number
-}
-
-interface itfRes {
-  code: number
-  msg: string | undefined
-  data: T
-  reason?: string
-  page?: resPage
-}
-
-import * as axios from 'axios'
-
-declare module 'axios'
-{interface AxiosResponse extends itfRes}

src/api/api.ts

 import request from '@/utils/request'
-import type { EditContactImport } from '@/types/index'
-
-// 新增联系人
-/**
- *
- * @param data {"companyName":"","name":"","email":"","type":"","appellation":"","other":"","ccEmailList":[]}
- * @returns
- */
-export const addContact = (data: {
-  companyName?: string
-  name?: string
-  email?: string
-  type?: string
-  appellation?: string
-  other?: string
-  ccEmailList?: string[]
-}) => {
+import type {
+  EditContactImport,
+  SendEmail,
+  Contact,
+  EmailProvider,
+  Sender,
+  Variable,
+  VariableTemplate,
+} from '@/types/index'
+import type { ApiResponse } from '@/utils/request'
+
+// 联系人管理
+export const contactApi = {
+  // 新增联系人
+  addContact: (data: Contact): Promise<ApiResponse> => {
     return request.post('/emailContact/add', data)
-}
-
-// 编辑联系人
-/**
- *
- * @param data {"contactBizId":1,"companyName":"","name":"","email":"","type":"","appellation":"","other":"","ccEmailList":[]}
- * @returns
- */
-export const editContact = (data: {
-  contactBizId?: string
-  companyName?: string
-  name?: string
-  email?: string
-  type?: string
-  appellation?: string
-  other?: string
-  ccEmailList?: string[]
-}) => {
+  },
+  // 获取联系人详情
+  getContactDetail: (id: string): Promise<ApiResponse> => {
+    return request.get('/emailContact/detail', { params: { contactBizId: id } })
+  },
+  // 更新联系人
+  updateContact: (data: Contact): Promise<ApiResponse> => {
     return request.put('/emailContact/edit', data)
-}
-
-// 删除联系人 delete
-/**
- *
- * @param id 联系人id
- * @returns
- */
-export const deleteContact = (id: number) => {
+  },
+  // 删除联系人
+  deleteContact: (id: string): Promise<ApiResponse> => {
     return request.delete('/emailContact/del?contactBizId=' + id)
+  },
+  // 获取联系人列表
+  getContactList: (data: Contact): Promise<ApiResponse> => {
+    return request.post('/emailContact/page', data)
+  },
 }
 
-// 获取联系人详情
-/**
- *
- * @param id 联系人id
- * @returns
- */
-export const getContactDetail = (id: number) => {
-  return request.get('/emailContact/detail', { params: { contactBizId: id } })
-}
-
-// 获取联系人列表 post
-/**
- *
- * @param params {
-"companyName": "", //公司名称（保险公司等）
-"name": "", //联系人姓名
-"email": "", //联系人邮箱
-"pageNo": 1,
-"pageSize": 1,
-"sortField": "",
-"sortOrder": ""
-}
- * @returns
- */
-export const getContactList = (params: {
-  companyName?: string
-  name?: string
-  email?: string
-  pageNo?: number
-  pageSize?: number
-  sortField?: string
-  sortOrder?: string
-}) => {
-  return request.post('/emailContact/page', params)
+//
+/**邮件服务商列表 */
+export const emailProviderApi = {
+  getEmailProviderList: (data: EmailProvider): Promise<ApiResponse> => {
+    return request.post('/emailProviderConfig/page', data)
+  },
 }
 
-/**服务商列表 */
-/**
- *
- * @param params {
-"providerName": "", //邮箱服务商名称
-"pageNo": 1,
-"pageSize": 1,
-"sortField": "",
-"sortOrder": ""
-}
- * @returns
- */
-export const getEmailProviderList = (params: {
-  providerName?: string
-  pageNo?: number
-  pageSize?: number
-  sortField?: string
-  sortOrder?: string
-}) => {
-  return request.post('/emailProviderConfig/page', params)
-}
-
-// 新增发送人配置
-/**
- *
- * @param data {"emailSenderConfigBizId":1,"emailSenderConfigName":"","emailSenderConfigEmail":"","emailSenderConfigType":"","emailSenderConfigAppellation":"","emailSenderConfigOther":"","emailSenderConfigCcEmailList":[]}
- * @returns
- */
-export const addEmailSenderConfig = (data: {
-  email?: string
-  password?: string
-  providerBizId?: string
-  displayName?: string
-  active?: number
-}) => {
+/**发件人管理*/
+export const senderApi = {
+  // 新增发送人配置
+  addEmailSenderConfig: (data: Sender): Promise<ApiResponse> => {
     return request.post('/emailSenderConfig/add', data)
-}
-
-// 编辑发送人配置
-/**
- *
- * @param data {"emailSenderConfigBizId":1,"emailSenderConfigName":"","emailSenderConfigEmail":"","emailSenderConfigType":"","emailSenderConfigAppellation":"","emailSenderConfigOther":"","emailSenderConfigCcEmailList":[]}
- * @returns
- */
-export const editEmailSenderConfig = (data: {
-  senderBizId?: string
-  email?: string
-  password?: string
-  providerBizId?: string
-  displayName?: string
-  active?: number
-}) => {
-  return request.put('/emailSenderConfig/edit', data)
-}
-
-// 删除发送人配置
-/**
- *
- * @param id 发送配置id
- * @returns
- */
-export const deleteEmailSenderConfig = (id: string) => {
+  },
+  // 删除发送人配置
+  deleteEmailSenderConfig: (id: string): Promise<ApiResponse> => {
     return request.delete('/emailSenderConfig/del?senderBizId=' + id)
-}
-
-// 获取发送人配置详情
-/**
- *
- * @param id 发送配置id
- * @returns
- */
-export const getEmailSenderConfigDetail = (id: string) => {
+  },
+  // 编辑发送人配置
+  editEmailSenderConfig: (data: Sender): Promise<ApiResponse> => {
+    return request.put('/emailSenderConfig/edit', data)
+  },
+  // 获取发送人配置详情
+  getEmailSenderConfigDetail: (id: string): Promise<ApiResponse> => {
     return request.get('/emailSenderConfig/detail', { params: { senderBizId: id } })
-}
-
-// 获取发送配置列表
-/**
- *
- * @param params {
-"emailSenderConfigName": "", //发送配置名称
-"emailSenderConfigEmail": "", //发送配置邮箱
-"pageNo": 1,
-"pageSize": 1,
-"sortField": "",
-"sortOrder": ""
-}
- * @returns
- */
-export const getEmailSenderConfigList = (params: {
-  emailSenderConfigName?: string
-  emailSenderConfigEmail?: string
-  pageNo?: number
-  pageSize?: number
-  sortField?: string
-  sortOrder?: string
-}) => {
+  },
+  // 获取发送配置列表
+  getEmailSenderConfigList: (params: Sender): Promise<ApiResponse> => {
     return request.post('/emailSenderConfig/page', params)
+  },
 }
 
-// 分页查询变量
-// 接口地址：/emailVariable/page
-// 请求参数：{"variableNameCn":"","variableNameEn":"","pageNo":1,"pageSize":1,"sortField":"","sortOrder":""}
-/**
- *
- * @param params {
-"variableNameCn": "", //变量名称（中文）
-"variableNameEn": "", //变量名称（英文）
-"pageNo": 1,
-"pageSize": 1,
-"sortField": "",
-"sortOrder": ""
-}
- * @returns
- */
-export const getEmailVariableList = (params: {
-  variableNameCn?: string
-  variableNameEn?: string
-  pageNo?: number
-  pageSize?: number
-  sortField?: string
-  sortOrder?: string
-}) => {
+/**变量管理 */
+export const variableApi = {
+  // 分页查询变量
+  getEmailVariableList: (params: Variable): Promise<ApiResponse> => {
     return request.post('/emailVariable/page', params)
-}
-
-// 新增变量
-// 接口地址：/emailVariable/add
-/**
- *
- * @param data {"variableNameCn": "", //变量字段名称中文名
-"variableNameEn": "", //变量字段名称英文名
-"description": "" //变量描述
-}
- * @returns
- */
-export const addEmailVariable = (data: {
-  variableNameCn?: string
-  variableNameEn?: string
-  description?: string
-}) => {
+  },
+  // 新增变量
+  addEmailVariable: (data: Variable): Promise<ApiResponse> => {
     return request.post('/emailVariable/add', data)
-}
-
-// 编辑变量
-// 接口地址：/emailVariable/edit
-/**
- *
- * @param data {"id": 1, //变量表主键ID
-"variableBizId": "", //变量唯一业务ID
-"variableNameCn": "", //变量字段名称中文名
-"variableNameEn": "", //变量字段名称英文名
-"description": "" //变量描述
-}
- * @returns
- */
-export const editEmailVariable = (data: {
-  id?: number
-  variableBizId?: string
-  variableNameCn?: string
-  variableNameEn?: string
-  description?: string
-}) => {
+  },
+  // 编辑变量
+  editEmailVariable: (data: Variable): Promise<ApiResponse> => {
     return request.put('/emailVariable/edit', data)
-}
-
-// 删除变量
-// 接口地址：/emailVariable/del?variableBizId=
-// 请求参数：
-/**
- *
- * @param id 变量id
- * @returns
- */
-export const deleteEmailVariable = (id: string) => {
+  },
+  // 删除变量
+  deleteEmailVariable: (id: string): Promise<ApiResponse> => {
     return request.delete('/emailVariable/del?variableBizId=' + id)
+  },
 }
-
-/**
- * 新增变量分组
- * @param data {"variableGroupBizId": "", //变量分组唯一业务ID
-"variableGroupName": "", //变量分组名称
-"description": "" //变量分组描述
-}
- * @returns
- */
-export const addEmailVariableGroup = (data: {
-  variableBizIdList?: string[]
-  groupName?: string
-  description?: string
-}) => {
+/** 变量分组管理 */
+export const variableGroupApi = {
+  // 新增变量分组
+  addEmailVariableGroup: (data: VariableTemplate): Promise<ApiResponse> => {
     return request.post('/emailVariableGroup/add', data)
-}
-
-/**
- * 编辑变量分组
- * @param data {"variableGroupBizId": "", //变量分组唯一业务ID
-"variableGroupName": "", //变量分组名称
-"description": "" //变量分组描述
-}
- * @returns
- */
-export const editEmailVariableGroup = (data: {
-  variableGroupBizId?: string
-  groupName?: string
-  description?: string
-  variableBizIdList?: string[]
-}) => {
+  },
+  // 编辑变量分组
+  editEmailVariableGroup: (data: VariableTemplate): Promise<ApiResponse> => {
     return request.put('/emailVariableGroup/edit', data)
-}
-
-/**
- * 删除变量分组
- * @param id 变量分组id
- * @returns
- */
-export const deleteEmailVariableGroup = (id: string) => {
+  },
+  // 删除变量分组
+  deleteEmailVariableGroup: (id: string): Promise<ApiResponse> => {
     return request.delete('/emailVariableGroup/del?variableGroupBizId=' + id)
-}
-
-/**
- * 列表查询变量分组
- * @param params {
-"variableGroupName": "", //变量分组名称
-"pageNo": 1,
-"pageSize": 1,
-"sortField": "",
-"sortOrder": ""
-}
- * @returns
- */
-export const getEmailVariableGroupList = (params: {
-  groupName?: string
-  pageNo?: number
-  pageSize?: number
-  sortField?: string
-  sortOrder?: string
-}) => {
-  return request.post('/emailVariableGroup/page', params)
-}
-
-/**
- * 获取变量分组详情
- * @param id 变量分组id
- * @returns
- */
-export const getEmailVariableGroupDetail = (id: string) => {
+  },
+  // 获取变量分组详情
+  getEmailVariableGroupDetail: (id: string): Promise<ApiResponse> => {
     return request.get('/emailVariableGroup/detail?variableGroupBizId=' + id)
+  },
+  // 获取变量分组列表
+  getEmailVariableGroupList: (params: VariableTemplate): Promise<ApiResponse> => {
+    return request.post('/emailVariableGroup/page', params)
+  },
 }
 
 /**
- * 选择联系人时，调用接口，获取sessionId
- */
-/**
- *
- * @returns
- */
-export const getEmailContactSessionId = (params) => {
-  return request.post('/emailContactImport/select/add', params)
-}
-
-/**
- * 编辑-邮件联系人导入信息
- */
-/**
- *
- * @param data {"sessionId": "", //会话ID
-"apiEmailContactDtoList": [
-  {
-    "email": "", //邮箱
-    "name": "" //姓名
-  }
-] //联系人列表
-}
- * @returns
+ * 导入联系人管理
  */
-export const editEmailContactImport = (data: EditContactImport) => {
+export const importContactApi = {
+  // 新增导入联系人
+  addEmailContactImport: (data: EditContactImport): Promise<ApiResponse> => {
+    return request.post('/emailContactImport/add', data)
+  },
+  // 导入时，获取sessionId
+  getEmailContactSessionId: (data: EditContactImport): Promise<ApiResponse> => {
+    return request.post('/emailContactImport/select/add', data)
+  },
+  // 编辑导入数据
+  editEmailContactImport: (data: EditContactImport): Promise<ApiResponse> => {
     return request.put('/emailContactImport/edit', data)
+  },
+  // 导入联系人列表查询
+  getEmailContactImportList: (params: EditContactImport): Promise<ApiResponse> => {
+    return request.post('/emailContactImport/page', params)
+  },
 }
-
-/**
- * 邮件联系人导入列表查询
- */
 /**
- *
- * @param params {
-"sessionId": "", //会话ID
-"pageNo": 1,
-"pageSize": 1,
-"sortField": "",
-"sortOrder": ""
-}
- * @returns
+ * 发送邮件
  */
-export const getEmailContactImportList = (params: EditContactImport) => {
-  return request.post('/emailContactImport/page', params)
+export const sendEmailApi = {
+  // 发送邮件
+  sendEmail: (data: SendEmail): Promise<ApiResponse> => {
+    return request.post('/email/send', data)
+  },
+  // 测试发送邮件
+  testSendEmail: (data: SendEmail): Promise<ApiResponse> => {
+    return request.post('/email/test/send', data)
+  },
 }

src/shim-vue.d.ts

+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<object, object, unknown>
+  export default component
+}

src/types/index.ts

+// 分页类型
+export interface Pagination<T> {
+  records?: T[]
+  total?: number
+  pageSize?: number
+  sortField?: string
+  sortOrder?: string
+  pageNo?: number
+}
+
 // 联系人类型
-export interface Contact {
+export interface Contact extends Pagination<Contact> {
   contactBizId?: string
   name?: string
   type?: string
@@ -11,17 +21,19 @@ export interface Contact {
 }
 
 // 发件人类型
-export interface Sender {
+export interface Sender extends Pagination<Sender> {
   senderBizId?: string
   email?: string
   password?: string
   displayName?: string
   providerBizId?: string
   active?: number
+  emailSenderConfigName?: string
+  emailSenderConfigEmail?: string
 }
 
 // 变量类型
-export interface Variable {
+export interface Variable extends Pagination<Variable> {
   id?: string
   variableBizId?: string
   variableNameCn?: string
@@ -30,7 +42,7 @@ export interface Variable {
 }
 
 // 变量模板类型
-export interface VariableTemplate {
+export interface VariableTemplate extends Pagination<VariableTemplate> {
   variableGroupBizId?: string
   groupName?: string
   description?: string
@@ -39,7 +51,7 @@ export interface VariableTemplate {
 }
 
 // 邮件类型
-export interface Email {
+export interface Email extends Pagination<Email> {
   id?: string
   sender?: string
   to?: string[]
@@ -52,7 +64,7 @@ export interface Email {
 }
 
 // 邮件表单类型
-export interface EmailForm {
+export interface EmailForm extends Pagination<EmailForm> {
   to: string
   cc: string
   subject: string
@@ -84,12 +96,27 @@ export interface ContactSessionId {
 }
 
 // 编辑-邮件联系人导入信息
-export interface EditContactImport {
+export interface EditContactImport extends Pagination<EditContactImport> {
   receiveEmail?: string
   sessionId?: string
   source?: string
-  pageNo?: number
-  pageSize?: number
-  sortField?: string
-  sortOrder?: string
+}
+// 发送邮件
+export interface SendEmail {
+  senderBizId?: string
+  recipientEmailList?: string[]
+  ccEmailList?: string[]
+  bccEmailList?: string[]
+  subject?: string
+  body?: string
+}
+//邮件服务商类型
+export interface EmailProvider extends Pagination<EmailProvider> {
+  providerBizId?: string
+  providerName?: string
+  smtpHost?: string
+  smtpPort?: string
+  sslEnabled?: number
+  active?: number
+  description?: string
 }

src/utils/request.ts

-import axios, { AxiosError } from 'axios'
+import axios, { type AxiosError, type AxiosResponse, type InternalAxiosRequestConfig } from 'axios'
+
+// 定义统一的响应类型
+export interface ApiResponse<T = object> {
+  code: number
+  message?: string
+  data: T
+  success: boolean
+  msg?: string
+}
 
 // 创建axios实例
 const request = axios.create({
@@ -14,7 +23,7 @@ const request = axios.create({
 
 // 请求拦截器 - 添加Authorization头
 request.interceptors.request.use(
-  (config) => {
+  (config: InternalAxiosRequestConfig) => {
     // 从本地存储获取token
     const token = localStorage.getItem('authToken')
 
@@ -33,7 +42,7 @@ request.interceptors.request.use(
 
 // 响应拦截器 - 处理常见错误
 request.interceptors.response.use(
-  (response) => {
+  (response: AxiosResponse) => {
     // 直接返回响应数据
     return response.data
   },

src/views/ComposeEmail.vue

@@ -7,7 +7,7 @@
         class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
       >
         <option v-for="sender in senders" :key="sender.senderBizId" :value="sender">
-          {{ sender.email }}
+          {{ sender.email }} - {{ sender.displayName }}
         </option>
       </select>
     </div>
@@ -43,6 +43,7 @@
           type="text"
           class="flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
           placeholder="输入收件人邮箱，多个邮箱用逗号分隔"
+          :disabled="!!selectedVariableTemplate"
         />
         <!-- 当选择模版有值时，不显示选择联系人按钮 -->
         <button
@@ -69,6 +70,7 @@
         type="text"
         class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
         placeholder="输入抄送人邮箱，多个邮箱用逗号分隔"
+        :disabled="!!selectedVariableTemplate"
       />
     </div>
 
@@ -261,12 +263,7 @@ import type {
   ImportRecord,
 } from '../types'
 // 引入api接口，获取联系人列表、发件人列表、变量模版列表
-import {
-  getContactList,
-  getEmailSenderConfigList,
-  getEmailVariableGroupList,
-  getEmailVariableGroupDetail,
-} from '../api/api'
+import { senderApi, variableGroupApi, contactApi, getContactList } from '../api/api'
 // 引入弹窗组件
 import CommonModal from '@/components/CommonModal.vue'
 // 弹窗提示信息对象
@@ -301,26 +298,32 @@ const handleCancel = (triggerKey: string) => {
 }
 // 初始化数据
 const getSenders = () => {
-  getEmailSenderConfigList({
+  senderApi
+    .getEmailSenderConfigList({
       pageNo: 1,
       pageSize: 100,
-  }).then((res) => {
+    })
+    .then((res) => {
       senders.value = res.data?.records || []
     })
 }
 const getContacts = () => {
-  getContactList({
+  contactApi
+    .getContactList({
       pageNo: 1,
       pageSize: 100,
-  }).then((res) => {
+    })
+    .then((res) => {
       contacts.value = res.data?.records || []
     })
 }
 const getGroups = () => {
-  getEmailVariableGroupList({
+  variableGroupApi
+    .getEmailVariableGroupList({
       pageNo: 1,
       pageSize: 100,
-  }).then((res) => {
+    })
+    .then((res) => {
       groups.value = res.data?.records || []
     })
 }
@@ -388,7 +391,9 @@ const removeAttachment = (index: number) => {
 const applyVariableTemplate = () => {
   if (!selectedVariableTemplate.value) return
   if (selectedVariableTemplate.value.variableGroupBizId) {
-    getEmailVariableGroupDetail(selectedVariableTemplate.value.variableGroupBizId).then((res) => {
+    variableGroupApi
+      .getEmailVariableGroupDetail(selectedVariableTemplate.value.variableGroupBizId)
+      .then((res) => {
         variables.value = res.data?.emailVariableDtoList || []
       })
   }

src/views/ContactManagement.vue

@@ -319,14 +319,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 // 引入我们创建的api拦截器
-import {
-  addContact,
-  editContact,
-  deleteContact,
-  getContactDetail,
-  getContactList,
-  getEmailSenderConfigList,
-} from '@/api/api'
+import { contactApi } from '@/api/api'
 import type { Contact } from '@/types/index'
 // 引入弹窗组件
 import CommonModal from '@/components/CommonModal.vue'
@@ -355,7 +348,7 @@ const handleConfirm = (triggerKey: string) => {
   modalVisible.value = false
   console.log('用户确认操作', triggerKey)
   if (triggerKey === 'deleteContactModal' && form.value.contactBizId) {
-    deleteContact(form.value.contactBizId as string).then((res) => {
+    contactApi.deleteContact(form.value.contactBizId as string).then((res) => {
       if (res.code === 200) {
         fetchContacts()
         openModal({
@@ -476,7 +469,7 @@ const totalPages = computed(() => {
 const fetchContacts = async () => {
   try {
     isLoading.value = true
-    const data = await getContactList({
+    const data = await contactApi.getContactList({
       pageNo: currentPage.value,
       pageSize: pageSize.value,
       sortField: sortBy.value,
@@ -614,7 +607,7 @@ const saveContact = async () => {
 
     if (isEditing.value && form.value.contactBizId) {
       // 更新现有联系人
-      editContact({ ...contactData }).then((res) => {
+      contactApi.updateContact({ ...contactData }).then((res) => {
         if (res.code === 200) {
           openModal({
             title: '更新联系人成功',
@@ -631,7 +624,7 @@ const saveContact = async () => {
       })
     } else {
       // 添加新联系人
-      await addContact(contactData).then((res) => {
+      await contactApi.addContact(contactData).then((res) => {
         if (res.code === 200) {
           openModal({
             title: '添加联系人成功',

src/views/SenderManagement.vue

@@ -102,8 +102,8 @@
               <td class="px-6 py-4 whitespace-nowrap">{{ sender.email }}</td>
               <td class="px-6 py-4 whitespace-nowrap">
                 {{
-                  providers.find((provider) => provider.providerBizId === sender.providerBizId)
-                    ?.providerName || '未知'
+                  providers.find((i) => i.providerBizId === sender.providerBizId)?.providerName ||
+                  '未知'
                 }}
               </td>
               <td class="px-6 py-4 whitespace-nowrap">{{ sender.displayName }}</td>
@@ -149,13 +149,7 @@
 
 <script setup lang="ts">
 import { ref, defineProps, defineEmits, onMounted } from 'vue'
-import {
-  getEmailSenderConfigList,
-  getEmailProviderList,
-  deleteEmailSenderConfig,
-  addEmailSenderConfig,
-  editEmailSenderConfig,
-} from '@/api/api'
+import { emailProviderApi, senderApi, getEmailSenderConfigList } from '@/api/api'
 import type { Sender } from '@/types/index'
 // 引入弹窗组件
 import CommonModal from '@/components/CommonModal.vue'
@@ -184,7 +178,7 @@ const handleConfirm = (triggerKey: string) => {
   modalVisible.value = false
   console.log('用户确认操作', triggerKey)
   if (triggerKey === 'deleteModal') {
-    deleteEmailSenderConfig(editingSenderId.value).then((res) => {
+    senderApi.deleteEmailSenderConfig(editingSenderId.value).then((res) => {
       if (res.code === 200) {
         openModal({
           title: '删除确认',
@@ -235,20 +229,22 @@ const resetForm = () => {
   }
 }
 const getProviders = () => {
-  getEmailProviderList({
+  emailProviderApi
+    .getEmailProviderList({
       providerName: '',
-    pageNo: 1,
-    pageSize: 100,
-  }).then((res) => {
+    })
+    .then((res) => {
       providers.value = res.data?.records || []
     })
 }
 const getSenders = () => {
-  getEmailSenderConfigList({
+  senderApi
+    .getEmailSenderConfigList({
       emailSenderConfigName: '',
       pageNo: 1,
       pageSize: 100,
-  }).then((res) => {
+    })
+    .then((res) => {
       senders.value = res.data?.records || []
     })
 }
@@ -264,10 +260,12 @@ const saveSender = () => {
 
   if (editingSenderId.value) {
     // 更新现有发件人
-    editEmailSenderConfig({
+    senderApi
+      .editEmailSenderConfig({
         senderBizId: editingSenderId.value,
         ...formData.value,
-    }).then((res) => {
+      })
+      .then((res) => {
         if (res.code === 200) {
           getSenders()
           openModal({
@@ -290,7 +288,7 @@ const saveSender = () => {
       displayName: formData.value.displayName || '',
       active: formData.value.active ?? 1,
     }
-    addEmailSenderConfig(newSender).then((res) => {
+    senderApi.addEmailSenderConfig(newSender).then((res) => {
       // 补充异常处理
       if (res.code === 200) {
         getSenders()

src/views/VariableManagement.vue

@@ -290,17 +290,7 @@
 import { ref, defineProps, defineEmits, onMounted } from 'vue'
 import type { Variable, VariableTemplate } from '../types'
 
-import {
-  getEmailVariableList,
-  addEmailVariable,
-  editEmailVariable,
-  deleteEmailVariable,
-  addEmailVariableGroup,
-  editEmailVariableGroup,
-  deleteEmailVariableGroup,
-  getEmailVariableGroupList,
-  getEmailVariableGroupDetail,
-} from '@/api/api'
+import { variableApi, variableGroupApi } from '@/api/api'
 
 // 引入弹窗组件
 import CommonModal from '@/components/CommonModal.vue'
@@ -386,12 +376,14 @@ const saveVariable = () => {
 
   if (editingVariableId.value) {
     // 更新接口
-    editEmailVariable({
+    variableApi
+      .editEmailVariable({
         variableBizId: variableForm.value.variableBizId || '',
         variableNameCn: variableForm.value.variableNameCn,
         variableNameEn: variableForm.value.variableNameEn,
         description: variableForm.value.description,
-    }).then(() => {
+      })
+      .then(() => {
         // 更新本地变量列表
         fetchVariables()
         openModal({
@@ -401,7 +393,8 @@ const saveVariable = () => {
       })
   } else {
     // 创建接口
-    addEmailVariable({
+    variableApi
+      .addEmailVariable({
         variableNameCn: variableForm.value.variableNameCn,
         variableNameEn: variableForm.value.variableNameEn,
         description: variableForm.value.description,
@@ -441,7 +434,8 @@ const editVariable = (variable: Variable) => {
 const deleteVariable = (id: string, type?: string) => {
   editingVariableId.value = id
   if (id && type === 'confirmDelete') {
-    deleteEmailVariable(id)
+    variableApi
+      .deleteEmailVariable(id)
       .then(() => {
         // 刷新变量列表
         fetchVariables()
@@ -483,7 +477,8 @@ const fetchVariables = () => {
     pageNo: 1,
     pageSize: 10,
   }
-  getEmailVariableList(params)
+  variableApi
+    .getEmailVariableList(params)
     .then((res) => {
       variables.value = res.data.records || []
     })
@@ -508,7 +503,8 @@ const fetchVariableTemplates = () => {
     pageNo: 1,
     pageSize: 10,
   }
-  getEmailVariableGroupList(params)
+  variableGroupApi
+    .getEmailVariableGroupList(params)
     .then((res) => {
       variableTemplates.value = res.data.records || []
     })
@@ -581,7 +577,8 @@ const saveVariableTemplate = () => {
   if (editingTemplateId.value) {
     console.log('更新变量模版', templateForm.value)
     // 更新现有模板
-    editEmailVariableGroup({
+    variableGroupApi
+      .editEmailVariableGroup({
         variableGroupBizId: editingTemplateId.value,
         groupName: templateForm.value.groupName || '',
         description: templateForm.value.description || '',
@@ -607,7 +604,8 @@ const saveVariableTemplate = () => {
       })
   } else {
     // 调用变量组保存接口
-    addEmailVariableGroup({
+    variableGroupApi
+      .addEmailVariableGroup({
         groupName: templateForm.value.groupName || '',
         description: templateForm.value.description || '',
         variableBizIdList: templateForm.value.variableBizIdList || [],
@@ -638,7 +636,8 @@ const saveVariableTemplate = () => {
 const deleteVariableTemplate = (id: string, type?: string) => {
   editingTemplateId.value = id
   if (type === 'confirmDelete') {
-    deleteEmailVariableGroup(editingTemplateId.value)
+    variableGroupApi
+      .deleteEmailVariableGroup(editingTemplateId.value)
       .then(() => {
         // 刷新变量模版列表
         fetchVariableTemplates()

tsconfig.json

 {
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
-    }
-  ],
   "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
     "skipLibCheck": true,
-    "strict": false
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "composite": true,
+    "declaration": true,
+    "declarationMap": true,
+    "baseUrl": "/yd-email",
+    "paths": {
+      "@/*": ["src/*"],
+      "@/components/*": ["src/components/*"],
+      "@/views/*": ["src/views/*"],
+      "@/utils/*": ["src/utils/*"],
+      "@/api/*": ["src/api/*"],
+      "@/types/*": ["src/types/*"],
+      "@/stores/*": ["src/stores/*"],
+      "@/assets/*": ["src/assets/*"]
     }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.d.ts", "src/shims-vue.d.ts"],
+  "exclude": ["node_modules", "dist"]
 }

vite.config.ts

@@ -3,7 +3,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import vueDevTools from 'vite-plugin-vue-devtools'
-/**设置server转发 */
+import { resolve } from 'path'
 
 export default defineConfig({
   // 关键配置：设置基础路径为子目录 yd-email
@@ -12,6 +12,7 @@ export default defineConfig({
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@/components': resolve(__dirname, 'src/components'),
     },
   },
   // 添加CSS配置