From 7ffbb3bc084721979e529c9a1fb8e2c51b3d556f Mon Sep 17 00:00:00 2001
From: Bunny <1319900154@qq.com>
Date: Mon, 14 Oct 2024 20:14:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E9=82=AE=E4=BB=B6?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E5=8F=AF=E9=80=89=E6=8B=A9=E6=9E=9A=E4=B8=BE?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/v1/emailTemplate.ts                           |  5 +++++
 src/store/configuration/emailTemplate.ts              | 11 ++++++++++-
 .../emailTemplate/email-template-dialog.vue           | 11 ++++++++---
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/api/v1/emailTemplate.ts b/src/api/v1/emailTemplate.ts
index 900538d..b87cded 100644
--- a/src/api/v1/emailTemplate.ts
+++ b/src/api/v1/emailTemplate.ts
@@ -6,6 +6,11 @@ export const fetchGetEmailTemplateList = (data: any) => {
 	return http.request<BaseResult<ResultTable>>('get', `emailTemplate/getEmailTemplateList/${data.currentPage}/${data.pageSize}`, { params: data });
 };
 
+/** 邮件模板表---获取模板类型字段 */
+export const fetchGetEmailTypes = () => {
+	return http.request<BaseResult<any>>('get', 'emailTemplate/getEmailTypes');
+};
+
 /** 邮件模板表---添加邮件模板表 */
 export const fetchAddEmailTemplate = (data: any) => {
 	return http.request<BaseResult<object>>('post', 'emailTemplate/addEmailTemplate', { data });
diff --git a/src/store/configuration/emailTemplate.ts b/src/store/configuration/emailTemplate.ts
index 6503a32..532b919 100644
--- a/src/store/configuration/emailTemplate.ts
+++ b/src/store/configuration/emailTemplate.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { fetchAddEmailTemplate, fetchDeleteEmailTemplate, fetchGetEmailTemplateList, fetchUpdateEmailTemplate } from '@/api/v1/emailTemplate';
+import { fetchAddEmailTemplate, fetchDeleteEmailTemplate, fetchGetEmailTemplateList, fetchGetEmailTypes, fetchUpdateEmailTemplate } from '@/api/v1/emailTemplate';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
@@ -15,6 +15,8 @@ export const useEmailTemplateStore = defineStore('emailTemplateStore', {
 			datalist: [],
 			// 邮件模板用户列表
 			emailUserList: [],
+			// 邮件类型枚举
+			allEmailTypes: [],
 			// 查询表单
 			form: {
 				// 模板名称
@@ -69,6 +71,13 @@ export const useEmailTemplateStore = defineStore('emailTemplateStore', {
 			this.emailUserList = result.data;
 		},
 
+		/** 获取模板类型字段 */
+		async getEmailTypes() {
+			const result = await fetchGetEmailTypes();
+			if (result.code !== 200) return;
+			this.allEmailTypes = result.data;
+		},
+
 		/** 添加邮件模板表 */
 		async addEmailTemplate(data: any) {
 			const result = await fetchAddEmailTemplate(data);
diff --git a/src/views/configuration/emailTemplate/email-template-dialog.vue b/src/views/configuration/emailTemplate/email-template-dialog.vue
index 057545b..c7e2287 100644
--- a/src/views/configuration/emailTemplate/email-template-dialog.vue
+++ b/src/views/configuration/emailTemplate/email-template-dialog.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 import { FormInstance } from 'element-plus';
 import { rules } from '@/views/configuration/emailTemplate/utils/columns';
 import { FormProps } from '@/views/configuration/emailTemplate/utils/types';
@@ -23,9 +23,12 @@ const props = withDefaults(defineProps<FormProps>(), {
 
 const formRef = ref<FormInstance>();
 const form = ref(props.formInline);
-const emailUserList = ref();
 const emailTemplateStore = useEmailTemplateStore();
 
+onMounted(() => {
+	emailTemplateStore.getEmailTypes();
+});
+
 defineExpose({ formRef });
 </script>
 
@@ -55,7 +58,9 @@ defineExpose({ formRef });
 
 		<!--配置邮件类型-->
 		<el-form-item :label="$t('emailTemplate_type')" prop="type">
-			<el-input v-model="form.type" autocomplete="off" type="text" />
+			<el-select v-model="form.type" :placeholder="$t('emailTemplate_type')" clearable filterable>
+				<el-option v-for="(item, index) in emailTemplateStore.allEmailTypes" :key="index" :label="item.key" :navigationBar="false" :value="item.value" />
+			</el-select>
 		</el-form-item>
 	</el-form>
 </template>