-
@@ -70,6 +70,7 @@
}
this.tagsList.push({
title: route.meta.title,
+ titleKey: route.meta.titleKey || null,
path: route.fullPath,
name: route.matched[1].components.default.name
})
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 3362f9c..59f88f2 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -270,6 +270,8 @@ const en = {
mailbox3: 'Mailbox template',
tools: 'Assistant tools',
mailboxManagement: 'Mailbox Management',
+ mailboxConfig: 'Mailbox config',
+ mailboxCollect: 'Mailbox list',
scholarCrawlers: 'Scholar Crawlers',
ReArticles: 'Rejected Manuscripts', // 被拒稿件
editorialBoard: 'Boss System',
@@ -282,6 +284,144 @@ const en = {
GroupClassification: 'Group List',
JournalInstallment: 'Journal Installment',
},
+ mailboxConfig: {
+ mailSystem: 'Mailbox system',
+ title: 'Mailbox config',
+ journal: 'Journal',
+ allJournal: 'All journals',
+ query: 'Search',
+ addAccount: 'Add email account',
+ noData: 'No data',
+ smtpFromName: 'Sender name',
+ smtpFromNamePlaceholder: 'Display name when sending',
+ smtpHost: 'SMTP host',
+ smtpPort: 'SMTP port',
+ smtpPortPlaceholder: 'eg: 465',
+ smtpEncryption: 'SMTP encryption',
+ smtpEncryptionPlaceholder: 'eg: ssl',
+ imapHost: 'IMAP host',
+ imapPort: 'IMAP port',
+ imapPortPlaceholder: 'eg: 993',
+ todaySent: 'Today sent',
+ remainingToday: 'Remaining today',
+ state: 'State',
+ primary: 'Primary',
+ primaryTag: 'Primary',
+ operation: 'Operation',
+ edit: 'Edit',
+ delete: 'Delete',
+ mailManage: 'Mail manage',
+ dialogAdd: 'Add email account',
+ dialogEdit: 'Edit email account',
+ selectJournal: 'Select journal',
+ account: 'Email account',
+ accountPlaceholder: 'Sender / login email',
+ password: 'Password',
+ passwordPlaceholder: 'Password',
+ passwordTip: 'Leave blank to keep unchanged when editing',
+ smtpPlaceholder: 'eg: mail.tmrjournals.co.nz',
+ imapPlaceholder: 'eg: mail.tmrjournals.co.nz',
+ isPrimary: 'Set as primary',
+ yes: 'Yes',
+ no: 'No',
+ primaryTip: 'Each journal has exactly one primary mailbox for sending and receiving.',
+ cancel: 'Cancel',
+ save: 'Save',
+ deleteConfirm: 'Delete this email config?',
+ confirm: 'Confirm',
+ addSuccess: 'Added successfully',
+ editSuccess: 'Updated successfully',
+ deleteSuccess: 'Deleted successfully',
+ addFail: 'Add failed',
+ editFail: 'Update failed',
+ deleteFail: 'Delete failed',
+ addSuccessMock: 'Added (mock)',
+ editSuccessMock: 'Updated (mock)',
+ deleteSuccessMock: 'Deleted (mock)',
+ rulesJournal: 'Please select journal',
+ rulesAccount: 'Please enter email account',
+ rulesAccountFormat: 'Please enter a valid email',
+ rulesPassword: 'Please enter password',
+ rulesSmtpFromName: 'Please enter sender name',
+ rulesSmtpHost: 'Please enter SMTP host',
+ rulesSmtpPort: 'Please enter SMTP port',
+ rulesSmtpEncryption: 'Please enter SMTP encryption',
+ rulesImapHost: 'Please enter IMAP host',
+ rulesImapPort: 'Please enter IMAP port',
+ rulesIsPrimary: 'Please set primary or not',
+ },
+ mailboxCollect: {
+ inboxTab: 'Mail received',
+ outboxTab: 'Mail sent',
+ draftsTab: 'Drafts',
+ deletedTab: 'Deleted',
+ spamTab: 'Spam',
+ searchPlaceholder: 'Please enter name or email',
+ searchBtn: 'Search',
+ syncBtn: 'Sync remote mail',
+ writeBtn: 'Write letter',
+ email: 'Email',
+ account: 'Account',
+ time: 'Time',
+ look: 'Look',
+ emptyText: 'New messages (0)',
+ detailTitle: 'Mail detail',
+ from: 'From',
+ to: 'To',
+ subject: 'Subject',
+ close: 'Close',
+ noSubject: '(No subject)',
+ reply: 'Reply',
+ forward: 'Forward',
+ delete: 'Delete',
+ featureDev: 'This feature is under development',
+ selectMailTip: 'Select an email to read',
+ selectAccountTitle: 'Select email account',
+ journal: 'Journal',
+ accountColumn: 'Email account',
+ nameColumn: 'Name',
+ switchColumn: 'Switch',
+ useBtn: 'Switch',
+ changeAccountBtn: 'Change account',
+ syncSuccess: 'Sync succeeded',
+ syncFail: 'Sync failed',
+ operation: 'Operation',
+ },
+ mailboxSend: {
+ title: 'Write mail',
+ to: 'To:',
+ selectFromLibrary: 'Select from address book',
+ subject: 'Subject:',
+ cc: 'Cc:',
+ attachments: 'Attachments:',
+ upload: 'Upload',
+ templateSelection: 'Template selection',
+ sender: 'Sender:',
+ send: 'Send',
+ selectUser: 'Select User',
+ batchSelection: 'Batch selection',
+ email: 'Email',
+ account: 'Account',
+ operation: 'Operation',
+ selectBtn: 'Select',
+ emptyText: 'No data',
+ selectTemplate: 'Select template',
+ chooseTemplate: 'Choose Template:',
+ chooseTemplatePlaceholder: 'Please select template',
+ none: 'None',
+ previewTemplate: 'Preview Formatted Document:',
+ cancel: 'Cancel',
+ save: 'Save',
+ saveDraft: 'Save draft',
+ editorPlaceholder: 'Please enter...',
+ validateTo: 'Please add at least one addressee',
+ validateSubject: 'Please enter mail subject',
+ sendSuccess: 'Send success',
+ sendFail: 'Send failed',
+ sendMock: 'Send (mock): will really send when api/Mail/sendMail is ready',
+ needAccount: 'Please select a sender account from the mailbox list first',
+ backToInbox: 'Back to inbox',
+ },
home: {
authortop: 'Author guide',
usermsg: 'New messages',
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 1d3ed15..a0fb905 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -255,6 +255,8 @@ const zh = {
mailbox3: '模板管理',
tools: '辅助工具',
mailboxManagement: '邮箱管理',
+ mailboxConfig: '邮箱配置管理',
+ mailboxCollect: '邮箱列表',
scholarCrawlers: '学者抓取',
ReArticles: '被拒稿件', // 被拒稿件
editorialBoard: '编委管理',
@@ -268,6 +270,144 @@ const zh = {
JournalInstallment: '分期列表',
},
+ mailboxConfig: {
+ mailSystem: '邮件系统',
+ title: '邮箱配置管理',
+ journal: '所属期刊',
+ allJournal: '全部期刊',
+ query: '搜索',
+ addAccount: '添加邮箱账号',
+ noData: '暂无数据',
+ smtpFromName: '发件人名称',
+ smtpFromNamePlaceholder: '发信时显示的名称',
+ smtpHost: 'SMTP 地址',
+ smtpPort: 'SMTP 端口',
+ smtpPortPlaceholder: 'eg: 465',
+ smtpEncryption: 'SMTP 加密',
+ smtpEncryptionPlaceholder: 'ssl',
+ imapHost: 'IMAP 地址',
+ imapPort: 'IMAP 端口',
+ imapPortPlaceholder: 'eg: 993',
+ todaySent: '今日已发',
+ remainingToday: '今日剩余',
+ state: '状态',
+ primary: '主邮箱',
+ primaryTag: '主邮箱',
+ operation: '操作',
+ edit: '编辑',
+ delete: '删除',
+ mailManage: '邮箱管理',
+ dialogAdd: '添加邮箱账号',
+ dialogEdit: '修改邮箱账号信息',
+ selectJournal: '请选择期刊',
+ account: '邮箱账号',
+ accountPlaceholder: '发件/登录邮箱',
+ password: '密码',
+ passwordPlaceholder: '密码',
+ passwordTip: '编辑时留空表示不修改',
+ smtpPlaceholder: 'eg: mail.tmrjournals.co.nz',
+ imapPlaceholder: 'eg: mail.tmrjournals.co.nz',
+ isPrimary: '设为主邮箱',
+ yes: '是',
+ no: '否',
+ primaryTip: '每个期刊有且仅有一个主邮箱，用于默认发信与收信。',
+ cancel: '取消',
+ save: '保存',
+ deleteConfirm: '确定删除该邮箱配置？',
+ confirm: '确定',
+ addSuccess: '添加成功',
+ editSuccess: '修改成功',
+ deleteSuccess: '删除成功',
+ addFail: '添加失败',
+ editFail: '修改失败',
+ deleteFail: '删除失败',
+ addSuccessMock: '添加成功（模拟）',
+ editSuccessMock: '修改成功（模拟）',
+ deleteSuccessMock: '删除成功（模拟）',
+ rulesJournal: '请选择所属期刊',
+ rulesAccount: '请输入邮箱账号',
+ rulesAccountFormat: '请输入正确的邮箱格式',
+ rulesPassword: '请输入密码',
+ rulesSmtpFromName: '请输入发件人显示名称',
+ rulesSmtpHost: '请输入 SMTP 地址',
+ rulesSmtpPort: '请输入 SMTP 端口',
+ rulesSmtpEncryption: '请输入 SMTP 加密方式',
+ rulesImapHost: '请输入 IMAP 地址',
+ rulesImapPort: '请输入 IMAP 端口',
+ rulesIsPrimary: '请选择是否主邮箱',
+ },
+ mailboxCollect: {
+ inboxTab: '收件箱',
+ outboxTab: '发件箱',
+ draftsTab: '草稿箱',
+ deletedTab: '已删除',
+ spamTab: '垃圾邮件',
+ searchPlaceholder: '请输入姓名或邮箱',
+ searchBtn: '搜索',
+ syncBtn: '同步远程邮箱',
+ writeBtn: '写邮件',
+ email: '邮箱',
+ account: '账户',
+ time: '时间',
+ look: '查看',
+ emptyText: '暂无邮件',
+ detailTitle: '邮件详情',
+ from: '发件人',
+ to: '收件人',
+ subject: '主题',
+ close: '关闭',
+ noSubject: '(无主题)',
+ reply: '回复',
+ forward: '转发',
+ delete: '删除',
+ featureDev: '该功能正在开发中',
+ selectMailTip: '选择一封邮件进行阅读',
+ selectAccountTitle: '选择邮箱账号',
+ journal: '期刊',
+ accountColumn: '邮箱账号',
+ nameColumn: '名称',
+ switchColumn: '切换',
+ useBtn: '切换',
+ changeAccountBtn: '切换邮箱账号',
+ syncSuccess: '同步成功',
+ syncFail: '同步失败',
+ operation: '操作',
+ },
+ mailboxSend: {
+ title: '写邮件',
+ to: '收件人：',
+ selectFromLibrary: '从通讯录选择',
+ subject: '主题：',
+ cc: '抄送：',
+ attachments: '附件：',
+ upload: '上传',
+ templateSelection: '模板选择',
+ sender: '发件人：',
+ send: '发送',
+ selectUser: '选择用户',
+ batchSelection: '批量选择',
+ email: '邮箱',
+ account: '账户',
+ operation: '操作',
+ selectBtn: '选择',
+ emptyText: '暂无数据',
+ selectTemplate: '选择模板',
+ chooseTemplate: '选择模板：',
+ chooseTemplatePlaceholder: '请选择模板',
+ none: '无',
+ previewTemplate: '模板预览：',
+ cancel: '取消',
+ save: '保存',
+ saveDraft: '保存草稿',
+ editorPlaceholder: '请输入邮件内容...',
+ validateTo: '请至少添加一个收件人',
+ validateSubject: '请输入邮件主题',
+ sendSuccess: '发送成功',
+ sendFail: '发送失败',
+ sendMock: '发送（模拟）：接口 api/Mail/sendMail 就绪后将真实发送',
+ needAccount: '请从邮箱列表选择发件账号后再发送',
+ backToInbox: '返回收件箱',
+ },
home: {
authortop: '用户指南',
usermsg: '新消息',
diff --git a/src/components/page/components/email/MailDetail.vue b/src/components/page/components/email/MailDetail.vue
new file mode 100644
index 0000000..05d61cb
--- /dev/null
+++ b/src/components/page/components/email/MailDetail.vue
@@ -0,0 +1,201 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/page/mailboxCollect.vue b/src/components/page/mailboxCollect.vue
index ffa4690..3440a54 100644
--- a/src/components/page/mailboxCollect.vue
+++ b/src/components/page/mailboxCollect.vue
@@ -1,147 +1,432 @@
-
+
+ {{ mailData.subject }}
+ +
+ {{ (mailData.from_name || 'U')[0] }}
+
+
+
+
+
+
+
+
+ {{ mailData.from_name }}
+ <{{ mailData.from_email }}>
+ {{ formatDisplayTime(mailData.email_date) }}
+
+ {{ isDetailExpanded ? '收起' : '详情' }}
+
+
+
+
+
+
+ 发送给 {{ mailData.to_list && mailData.to_list[0] ? (mailData.to_list[0].name || mailData.to_list[0].email) : '' }} 等{{ mailData.to_list.length }}人
+
+
-
+
+
+
+
+
+
+
+
+
+
+ {{ $t('mailboxCollect.useBtn') }}
+
+
+
+
+
+
+/* 1. 左侧栏 */
+.mail-sidebar {
+ width: 220px;
+ background-color: #f8f9fa;
+ border-right: 1px solid #eaeaea;
+ flex-shrink: 0;
+ display: flex;
+ flex-direction: column;
+}
+.p-20 { padding: 20px; }
+.write-btn { width: 100%; border-radius: 8px; font-weight: bold; }
+.folder-list { list-style: none; padding: 0; margin: 0; flex: 1; }
+.folder-list li {
+ padding: 12px 20px;
+ cursor: pointer;
+ color: #606266;
+ display: flex;
+ align-items: center;
+}
+.folder-list li i { margin-right: 12px; font-size: 18px; }
+.folder-list li.active { background: #edeef0; color: #006699; font-weight: bold; border-right: 3px solid #006699; }
+.badge { margin-left: auto; background: #ddd; padding: 2px 8px; border-radius: 10px; font-size: 12px; }
+
+.sidebar-footer { padding: 15px 20px; border-top: 1px solid #eee; background: #f8f9fa; }
+.user-card { display: flex; align-items: center; margin-bottom: 8px; overflow: hidden; }
+.user-avatar { flex-shrink: 0; background: #ffeded; color: #f56c6c; }
+.user-detail { margin-left: 10px; overflow: hidden; flex: 1; }
+.user-name { font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.user-email { font-size: 12px; color: #909399; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.switch-btn { padding: 0; font-size: 12px; color: #409eff; }
+
+/* 2. 中间列表栏 - 参考 image_8649db.png */
+.mail-list-panel { display: flex; flex-direction: column; flex-shrink: 0; background: #fff; }
+.panel-header { padding: 15px; border-bottom: 1px solid #f5f5f5; display: flex; }
+.list-scroll-area { flex: 1; overflow-y: auto; }
+
+.mail-item-box {
+ display: flex;
+ padding: 12px 16px;
+ border-bottom: 1px solid #f0f0f0;
+ cursor: pointer;
+}
+.mail-item-box:hover { background: #f5f7fa; }
+.mail-item-box.active { background: #eef1f6; border-left: 3px solid #006699; }
+.item-left { margin-right: 12px; display: flex; align-items: flex-start; padding-top: 4px; }
+.sender-avatar { background: #c0c4cc; }
+.item-right { flex: 1; overflow: hidden; }
+.row-one { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
+.sender-name { font-size: 14px; color: #303133; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.send-time { font-size: 12px; color: #909399; flex-shrink: 0; }
+.row-two { margin-bottom: 4px; }
+.mail-subject { font-size: 13px; color: #6a7282; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.mail-excerpt { font-size: 12px; color: #606266; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+
+/* 拖拽条 */
+.list-resizer { width: 4px; cursor: col-resize; border-left: 1px solid #eaeaea; transition: background 0.2s; }
+.list-resizer:hover { background: #409eff; }
+
+/* 3. 右侧详情 */
+.mail-content-panel { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
+.detail-toolbar { padding: 10px 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; }
+.detail-content { padding: 30px 40px; overflow-y: auto; }
+.mail-title { font-size: 24px; margin-bottom: 20px; }
+.mail-info { display: flex; align-items: center; }
+.info-main { margin-left: 15px; }
+.mail-body { line-height: 1.6; font-size: 15px; }
+.empty-state, .empty-list-container { flex: 1; display: flex; align-items: center; justify-content: center; color: #ccc; text-align: center; }
+.empty-state i, .empty-list-container i { font-size: 48px; margin-bottom: 10px; }
+
\ No newline at end of file
diff --git a/src/components/page/mailboxConfig.vue b/src/components/page/mailboxConfig.vue
new file mode 100644
index 0000000..b72dda8
--- /dev/null
+++ b/src/components/page/mailboxConfig.vue
@@ -0,0 +1,324 @@
+
+
-
-
- Mailbox list
-
-
-
-
-
-
-
-
-
+
+
+
- Search
- Write Letter
-
-
-
-
-
- 
- 
- {{scope.row.email}}
-
-
-
-
- Look
-
-
-
-
-
-
- {{scope.row.email}}
-
-
-
-
- Search
- Write Letter
-
-
-
-
-
- Look
-
-
-
-
+
-
-
+
-
-
+
-
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.from_name || item.email }}
+ {{ formatDisplayTime(item.email_date) }}
+
+
+ {{ item.subject || $t('mailboxCollect.noSubject') }}
+
+
+
+ {{ stripHtml(item.content || '') }}
+
+
+
+
+
+ {{ $t('mailboxCollect.emptyText') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('mailboxCollect.selectMailTip') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/page/mailboxSend.vue b/src/components/page/mailboxSend.vue
index 37f8740..107ddf9 100644
--- a/src/components/page/mailboxSend.vue
+++ b/src/components/page/mailboxSend.vue
@@ -1,78 +1,143 @@
+
+ {{ $t('mailboxConfig.mailSystem') }}
+ {{ $t('mailboxConfig.title') }}
+
+
+
+
+
+
+
+ {{ $t('mailboxConfig.edit') }}
+ {{ $t('mailboxConfig.mailManage') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('mailboxConfig.query') }}
+ {{ $t('mailboxConfig.addAccount') }}
+
+
+
+
+
+ {{ $t('mailboxSend.backToInbox') }}
+
- Mailbox Send
+ {{ $t('mailboxSend.title') }}
+
-
- Batch
- Selection
-
+
+
+ {{ $t('mailboxSend.batchSelection') }}
+
+
+
{{scope.row.email}}
-
+
- Select
+
+ {{ $t('mailboxSend.selectBtn') }}
+
@@ -83,22 +148,22 @@
-
+
-
-
-
+
+
-
+
@@ -118,6 +183,7 @@
// Quill.register('modules/imageResize', ImageResize)
import 'multi-items-input'
import 'multi-items-input/dist/multi-items-input.css'
+ import bus from '../common/bus'
export default {
data() {
return {
@@ -127,13 +193,7 @@
userMes: {},
queryMail: {
sendname: [],
- sendnamelist: [{
- id: null,
- name: "atr@tmrjournals.com"
- }, {
- id: null,
- name: "tmrtheory@tmrjournals.com"
- }],
+ sendnamelist: [],
sendtitle: '',
sendcc: '',
content: ''
@@ -158,7 +218,7 @@
Librarybox: false,
link_TotalLibry: 0,
editorOption: {
- placeholder: 'Please enter...',
+ placeholder: this.$t('mailboxSend.editorPlaceholder'),
modules: {
toolbar: {
container: [
@@ -229,46 +289,215 @@
// }
}
},
+ toInput: '',
+ toSelecting: false,
+ nextToUid: 1,
+ ccList: [],
+ ccInput: '',
+ ccSelecting: false,
+ nextCcUid: 1,
+ collapseValue: localStorage.getItem('collapse'),
+ sendLoading: false,
+ saveDraftLoading: false,
};
},
+ computed: {
+ footerBarLeft() {
+ const collapsed = this.collapseValue === true || this.collapseValue === 'true';
+ return (collapsed ? 64: 260) + 'px';
+ },
+ },
+ watch: {
+ collapseValue: {
+ handler() {
+ // 监听 collapseValue 变化，footerBarLeft 通过 computed 自动更新
+ },
+ immediate: true,
+ },
+ },
created() {
this.getDate();
- this.getLibary();
},
- // components: {
- // quillEditor
- // },
- computed: {
-
+ mounted() {
+ bus.$on('collapse-content', (msg) => {
+ this.collapseValue = msg;
+ });
+ },
+ beforeDestroy() {
+ bus.$off('collapse-content');
},
methods: {
- // 获取初始用户数据
- getDate() {
+ // 返回收件箱（邮箱列表），带上 journal_id 和 j_email_id
+ goBackInbox() {
+ const q = this.$route.query;
+ const query = {};
+ if (q.journal_id) query.journal_id = q.journal_id;
+ if (q.j_email_id) query.j_email_id = q.j_email_id;
+ this.$router.push({
+ path: '/mailboxCollect',
+ query,
+ });
+ },
+ // 收件人自动补全 - 搜索用户
+ fetchUserSuggestions(queryString, cb) {
+ if (!queryString) {
+ cb([]);
+ return;
+ }
this.$api
- .post('api/User/getUserDetail', {
- 'user_id': localStorage.getItem('U_id')
+ .post('api/Reviewer/researchUser', {
+
+ keywords: queryString
})
.then(res => {
- if (res.code == 0) {
- this.userMes = res.data.user
+ if (res && res.code === 0 && res.data && res.data.list) {
+ const list = res.data.list.map(u => ({
+ ...u,
+ value: u.email,
+ realname: u.realname || u.username || ''
+ }));
+ cb(list);
} else {
- this.$message.error(res.msg);
+ cb([]);
}
})
- .catch(err => {
- this.$message.error(err);
+ .catch(() => cb([]));
+ },
+ // 收件人输入框失焦：输入内容失去焦点则自动成为一条收件人数据（排除点击下拉项时）
+ handleToBlur(e) {
+ // 若失焦是因为点击了下拉建议区域，不执行任何逻辑，让 click 触发 select，否则点击会选不中
+ const related = e && e.relatedTarget;
+ if (related && typeof related.closest === 'function' && related.closest('.el-autocomplete-suggestion')) {
+ return;
+ }
+ const value = (this.toInput || '').trim();
+ setTimeout(() => {
+ if (this.toSelecting) {
+ this.toSelecting = false;
+ return;
+ }
+ if (!value) return;
+ if (value.indexOf('@') === -1) {
+ this.toInput = '';
+ return;
+ }
+ const exists = (this.queryMail.sendnamelist || []).some(item => item.name === value);
+ if (!exists) {
+ this.queryMail.sendnamelist.push({
+ id: null,
+ name: value,
+ _uid: this.nextToUid++,
+ });
+ this.queryMail.sendname = (this.queryMail.sendnamelist || []).map(i => i.name);
+ }
+ this.toInput = '';
+ }, 150);
+ },
+ // 选中某个用户作为收件人
+ handleSelectUser(user) {
+ this.toSelecting = true;
+ if (!user || !user.email) return;
+ const email = user.email;
+ // 去重
+ const exists = (this.queryMail.sendnamelist || []).some(item => item.name === email);
+ if (!exists) {
+ this.queryMail.sendnamelist.push({
+ id: user.user_id || user.id || null,
+ name: email,
+ _uid: this.nextToUid++,
+ });
+ // 同步简单数组
+ this.queryMail.sendname = (this.queryMail.sendnamelist || []).map(i => i.name);
+ }
+ // 清空输入框，便于继续输入下一个
+ this.toInput = '';
+ },
+ // 删除已选收件人
+ removeRecipient(index) {
+ if (index < 0) return;
+ this.queryMail.sendnamelist.splice(index, 1);
+ this.queryMail.sendname = (this.queryMail.sendnamelist || []).map(i => i.name);
+ },
+ // CC 输入框失焦：与 To 相同逻辑，输入失去焦点则自动成为一条数据（排除点击下拉项时）
+ handleCcBlur(e) {
+ const related = e && e.relatedTarget;
+ if (related && typeof related.closest === 'function' && related.closest('.el-autocomplete-suggestion')) {
+ return;
+ }
+ const value = (this.ccInput || '').trim();
+ setTimeout(() => {
+ if (this.ccSelecting) {
+ this.ccSelecting = false;
+ return;
+ }
+ if (!value) return;
+ if (value.indexOf('@') === -1) {
+ this.ccInput = '';
+ return;
+ }
+ const exists = (this.ccList || []).some(item => item.name === value);
+ if (!exists) {
+ this.ccList.push({
+ id: null,
+ name: value,
+ _uid: this.nextCcUid++,
+ });
+ }
+ this.ccInput = '';
+ }, 150);
+ },
+ // 选中某个用户作为 CC（与 To 相同逻辑）
+ handleSelectCc(user) {
+ this.ccSelecting = true;
+ if (!user || !user.email) return;
+ const email = user.email;
+ const exists = (this.ccList || []).some(item => item.name === email);
+ if (!exists) {
+ this.ccList.push({
+ id: user.user_id || user.id || null,
+ name: email,
+ _uid: this.nextCcUid++,
+ });
+ }
+ this.ccInput = '';
+ },
+ // 删除已选 CC
+ removeCc(index) {
+ if (index < 0) return;
+ this.ccList.splice(index, 1);
+ },
+ // 根据路由 j_email_id 获取发件邮箱信息，用于展示发件人
+ getDate() {
+ const jEmailId = this.$route.query.j_email_id;
+ if (!jEmailId) {
+ this.userMes = {};
+ return;
+ }
+ this.$api
+ .post('api/email_client/getOneEmail', { j_email_id: jEmailId })
+ .then(res => {
+ if (res && res.code === 0 && res.data && res.data.email) {
+ const email = res.data.email;
+ this.userMes = {
+ realname: email.smtp_from_name || email.smtp_user || '',
+ email: email.smtp_user || '',
+ };
+ } else {
+ this.userMes = {};
+ }
+ })
+ .catch(() => {
+ this.userMes = {};
});
-
-
},
// 获取通讯录数据
getLibary() {
this.$api
- .post('api/User/getAllUser', this.queryLibry)
+ .post('api/Reviewer/researchUser', {keywords: this.queryLibry.username})
.then(res => {
if (res.code == 0) {
- this.mail_List = res.data.users;
- this.link_TotalLibry = res.data.count || 0;
+ this.mail_List = res.data.list;
+ this.link_TotalLibry = res.data.list.length || 0;
for (let i = 0; i < this.mail_List.length; i++) {
this.mail_List[i].select_mark = 0
for (let j = 0; j < this.queryMail.sendnamelist.length; j++) {
@@ -286,9 +515,60 @@
});
},
- // 发送邮件
+ // 发送邮件：api/email_client/sendOne，to_email 为多邮箱字符串拼接（逗号分隔），发送成功后关闭当前页并跳转收件箱
handleSend() {
- console.log(this.queryMail)
+ if (this.sendLoading) return;
+ const toList = (this.queryMail.sendnamelist || []).map((item) => item.name).filter(Boolean);
+ if (!toList.length) {
+ this.$message.warning(this.$t('mailboxSend.validateTo'));
+ return;
+ }
+ if (!this.queryMail.sendtitle) {
+ this.$message.warning(this.$t('mailboxSend.validateSubject'));
+ return;
+ }
+ const journalId = this.$route.query.journal_id;
+ if (!journalId) {
+ this.$message.warning(this.$t('mailboxSend.needAccount'));
+ return;
+ }
+ this.sendLoading = true;
+ const params = {
+ journal_id: journalId,
+ to_email: toList.join(','),
+ subject: this.queryMail.sendtitle,
+ content: this.queryMail.content || '',
+ };
+ const self = this;
+ this.$api.post('api/email_client/sendOne', params).then((res) => {
+ if (res && res.code === 0) {
+ self.$message.success(self.$t('mailboxSend.sendSuccess'));
+ self.queryMail.sendnamelist = [];
+ self.queryMail.sendtitle = '';
+ self.queryMail.sendcc = '';
+ self.ccList = [];
+ self.queryMail.content = '';
+ self.fileL_atta = [];
+ self.goBackInbox();
+ } else {
+ self.$message.error((res && res.msg) || self.$t('mailboxSend.sendFail'));
+ }
+ }).catch(() => {
+ self.$message.error(self.$t('mailboxSend.sendFail'));
+ }).finally(() => {
+ self.sendLoading = false;
+ });
+ },
+ // 保存草稿（防抖：请求中禁用按钮）
+ handleSaveDraft() {
+ if (this.saveDraftLoading) return;
+ this.saveDraftLoading = true;
+ // TODO: 调用保存草稿接口，此处仅防抖占位
+ this.$nextTick(() => {
+ setTimeout(() => {
+ this.saveDraftLoading = false;
+ }, 300);
+ });
},
// 选择通讯录-弹出框
@@ -320,7 +600,8 @@
this.queryMail.sendname.push(e.email)
this.queryMail.sendnamelist.push({
id: null,
- name: e.email
+ name: e.email,
+ _uid: this.nextToUid++,
})
this.getLibary();
},
@@ -331,7 +612,8 @@
this.queryMail.sendname.push(this.LibrarySelection[i].email)
this.queryMail.sendnamelist.push({
id: null,
- name: this.LibrarySelection[i].email
+ name: this.LibrarySelection[i].email,
+ _uid: this.nextToUid++,
})
}
this.getLibary();
@@ -433,7 +715,16 @@
};
-
diff --git a/src/router/index.js b/src/router/index.js
index f7718dd..37fb46c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1026,11 +1026,20 @@ export default new Router({
title: 'Mailbox send'
}
},
+ {
+ path: '/mailboxConfig', //邮箱系统-邮箱配置管理
+ component: () => import('../components/page/mailboxConfig'),
+ meta: {
+ title: 'Mailbox config',
+ titleKey: 'sidebar.mailboxConfig'
+ }
+ },
{
path: '/mailboxCollect', //邮箱系统-收邮件列表
component: () => import('../components/page/mailboxCollect'),
meta: {
- title: 'Mailbox list'
+ title: 'Mailbox list',
+ titleKey: 'sidebar.mailboxCollect'
}
},
{
- Addressee :
-
- Select from library
-
-
-
-
- Mail Subject :
-
-
- CC :
-
-
- Attachments :
-
-
+
-
-
-
- Upload
-
-
-
+ {{ $t('mailboxSend.to') }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('mailboxSend.selectFromLibrary') }}
+
+
+ {{ item.value }} | {{ item.realname }}
+
+
+
+ {{ $t('mailboxSend.subject') }}
+
- - Template selection -
+
+ {{ $t('mailboxSend.cc') }}
+
+
+
+
+
+
+
+
+ {{ item.value }} | {{ item.realname }}
+
+
+ - Sender :{{userMes.realname}} < {{userMes.email}} > -
-
-
- Send
+
+