feat: 🚀 邮件模板修改

src/views/system/emailTemplate/email-template-dialog.vue

@@ -33,7 +33,7 @@ defineExpose({ formRef });
 			<el-input v-model="form.subject" autocomplete="off" type="text" />
 		</el-form-item>
 		<el-form-item :label="$t('emailTemplate_body')" prop="body">
-			<el-input v-model="form.body" :autosize="{ minRows: 2 }" autocomplete="off" type="textarea" />
+			<el-input v-model="form.body" :autosize="{ minRows: 2, maxRows: 26 }" autocomplete="off" type="textarea" />
 		</el-form-item>
 		<el-form-item :label="$t('emailTemplate_type')" prop="type">
 			<el-input v-model="form.type" autocomplete="off" type="text" />

src/views/system/emailUsers/email-users-dialog.vue

@@ -21,7 +21,7 @@ const props = withDefaults(defineProps<FormProps>(), {
 		// 邮箱协议
 		smtpAgreement: undefined,
 		// 是否为默认邮件
-		isDefault: undefined,
+		isDefault: false,
 	}),
 });
 
@@ -48,10 +48,10 @@ defineExpose({ formRef });
 			<el-input v-model="form.host" autocomplete="off" type="text" />
 		</el-form-item>
 		<el-form-item :label="$t('emailUsers_port')" prop="port">
-			<el-input v-model="form.port" autocomplete="off" type="text" />
+			<el-input v-model="form.port" autocomplete="off" max="9999" type="number" />
 		</el-form-item>
 		<el-form-item :label="$t('emailUsers_smtpAgreement')" prop="smtpAgreement">
-			<el-input v-model="form.smtpAgreement" autocomplete="off" type="text" />
+			<el-input v-model="form.smtpAgreement" autocomplete="off" maxlength="10" show-word-limit type="text" />
 		</el-form-item>
 		<el-form-item :label="$t('emailUsers_isDefault')" prop="isDefault">
 			<el-switch v-model="form.isDefault" :active-text="$t('default')" :active-value="true" :inactive-text="$t('no_default')" :inactive-value="false" :style="switchStyle" inline-prompt />

src/views/system/emailUsers/index.vue

@@ -4,7 +4,7 @@ import { columns } from '@/views/system/emailUsers/utils/columns';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
-import { onAdd, onChangeDefault, onDelete, onSearch, onUpdate, switchLoadMap } from '@/views/system/emailUsers/utils/hooks';
+import { deleteIds, onAdd, onChangeDefault, onDelete, onDeleteBatch, onSearch, onUpdate, switchLoadMap } from '@/views/system/emailUsers/utils/hooks';
 import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
@@ -13,6 +13,7 @@ import { $t } from '@/plugins/i18n';
 import { useEmailUsersStore } from '@/store/system/emailUsers';
 import { useRenderIcon } from '@/components/CommonIcon/src/hooks';
 import { usePublicHooks } from '@/views/hooks';
+import { FormInstance } from 'element-plus';
 
 const tableRef = ref();
 const formRef = ref();
@@ -41,12 +42,20 @@ const onPageSizeChange = async (value: number) => {
  * 重置表单
  * @param formEl
  */
-const resetForm = async formEl => {
+const resetForm = async (formEl: FormInstance | undefined) => {
 	if (!formEl) return;
 	formEl.resetFields();
 	await onSearch();
 };
 
+/**
+ * * 选择多行
+ * @param rows
+ */
+const onSelectionChange = (rows: Array<any>) => {
+	deleteIds.value = rows.map((row: any) => row.id);
+};
+
 onMounted(() => {
 	onSearch();
 });
@@ -79,6 +88,11 @@ onMounted(() => {
 		<PureTableBar :columns="columns" :title="$t('email_user_send_config')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
 			<template #buttons>
 				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
+
+				<!-- 批量删除按钮 -->
+				<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
+					{{ $t('delete_batches') }}
+				</el-button>
 			</template>
 
 			<template v-slot="{ size, dynamicColumns }">
@@ -98,6 +112,7 @@ onMounted(() => {
 					row-key="id"
 					showOverflowTooltip
 					table-layout="auto"
+					@selection-change="onSelectionChange"
 					@page-size-change="onPageSizeChange"
 					@page-current-change="onCurrentPageChange"
 				>

src/views/system/emailUsers/utils/columns.ts

@@ -27,9 +27,12 @@ export const columns: TableColumnList = [
 ];
 
 // 添加规则
-export const rules = reactive({
+export const rules: any = reactive({
 	// 邮箱
-	email: [{ required: true, message: `${$t('input')}${$t('emailUsers_email')}`, trigger: 'blur' }],
+	email: [
+		{ required: true, message: `${$t('input')}${$t('emailUsers_email')}`, trigger: 'blur' },
+		{ type: 'email', message: `${$t('input')}${$t('adminUser_email')}${$t('format_error')}` },
+	],
 	// 密码
 	password: [{ required: true, message: `${$t('input')}${$t('emailUsers_password')}`, trigger: 'blur' }],
 	// Host地址

src/views/system/emailUsers/utils/hooks.ts

@@ -9,6 +9,8 @@ import { $t } from '@/plugins/i18n';
 export const formRef = ref();
 // 用户是否停用加载集合
 export const switchLoadMap = ref({});
+// 删除ids
+export const deleteIds = ref([]);
 const emailUsersStore = useEmailUsersStore();
 
 /**
@@ -35,7 +37,7 @@ export function onAdd() {
 				host: undefined,
 				port: undefined,
 				smtpAgreement: undefined,
-				isDefault: undefined,
+				isDefault: false,
 			},
 		},
 		draggable: true,
@@ -113,6 +115,26 @@ export const onDelete = async (row: any) => {
 	await onSearch();
 };
 
+/**
+ * 批量删除
+ */
+export const onDeleteBatch = async () => {
+	const ids = deleteIds.value;
+
+	// 是否确认删除
+	const result = await messageBox({
+		title: $t('confirm_delete'),
+		showMessage: false,
+		confirmMessage: undefined,
+		cancelMessage: $t('cancel_delete'),
+	});
+	if (!result) return;
+
+	// 删除数据
+	await emailUsersStore.deleteEmailUsers(ids);
+	await onSearch();
+};
+
 /**
  * * 修改是否默认
  * @param row

src/views/system/files/utils/columns.ts

@@ -3,8 +3,8 @@ import { $t } from '@/plugins/i18n';
 
 // 表格列
 export const columns: TableColumnList = [
-	{ type: 'index', index: (index: number) => index + 1 },
 	{ type: 'selection', align: 'left' },
+	{ type: 'index', index: (index: number) => index + 1 },
 	// 文件的名称
 	{ label: $t('files_filename'), prop: 'filename', width: 400 },
 	// 文件在服务器上的存储路径
@@ -28,6 +28,4 @@ export const rules = reactive({
 	filepath: [{ required: true, message: `${$t('input')}${$t('files_filepath')}`, trigger: 'blur' }],
 	// 文件的MIME类型
 	fileType: [{ required: true, message: `${$t('input')}${$t('files_fileType')}`, trigger: 'blur' }],
-	// 下载数量
-	downloadCount: [{ required: true, message: `${$t('input')}${$t('files_downloadCount')}`, trigger: 'blur' }],
 });