From 4a424817debf3e5c3d32bff200312856a5a18fd9 Mon Sep 17 00:00:00 2001
From: zchengo <1933757688@qq.com>
Date: Mon, 30 Jan 2023 15:50:10 +0800
Subject: [PATCH] feat: send mail attachment

---
 server/common/mail.go      | 15 ++++---
 server/models/customer.go  |  9 ++--
 server/service/customer.go | 19 ++++----
 web/src/views/Customer.vue | 91 ++++++++++++++++++++++++++++++--------
 4 files changed, 96 insertions(+), 38 deletions(-)

diff --git a/server/common/mail.go b/server/common/mail.go
index 5ad9e00..b22e2c8 100644
--- a/server/common/mail.go
+++ b/server/common/mail.go
@@ -18,11 +18,11 @@ func SendMail(email, content string) error {
 	secret := global.Config.Mail.Secret
 	sender := global.Config.Mail.Sender
 	m := gomail.NewMessage()
-	m.SetHeader("From", sender) 		// 发件人
-	m.SetHeader("To", email)   			// 收件人，可以多个收件人，但必须使用相同的 SMTP 连接
-	m.SetHeader("Cc", email)   			// 抄送，可以多个
-	m.SetHeader("Bcc", email)  			// 暗送，可以多个
-	m.SetHeader("Subject", "ZOCRM")     // 邮件主题
+	m.SetHeader("From", sender)     // 发件人
+	m.SetHeader("To", email)        // 收件人，可以多个收件人，但必须使用相同的 SMTP 连接
+	m.SetHeader("Cc", email)        // 抄送，可以多个
+	m.SetHeader("Bcc", email)       // 暗送，可以多个
+	m.SetHeader("Subject", "ZOCRM") // 邮件主题
 	m.SetBody("text/html", content)
 	d := gomail.NewDialer(smtp, 465, sender, secret)
 	// 关闭SSL协议认证
@@ -41,6 +41,9 @@ func SendMailToCustomer(mp models.MailParam) error {
 	m.SetHeader("To", mp.Receiver)
 	m.SetHeader("Subject", mp.Subject)
 	m.SetBody("text/html", mp.Content)
+	if mp.Attachment != "" {
+		m.Attach(mp.Attachment)
+	}
 	d := gomail.NewDialer(mp.Smtp, mp.Port, mp.Sender, mp.AuthCode)
 	d.TLSConfig = &tls.Config{InsecureSkipVerify: true}
 	if err := d.DialAndSend(m); err != nil {
@@ -56,4 +59,4 @@ func DialMail(smtp string, port int, sender, authCode string) error {
 	d.TLSConfig = &tls.Config{InsecureSkipVerify: true}
 	_, err := d.Dial()
 	return err
-}
\ No newline at end of file
+}
diff --git a/server/models/customer.go b/server/models/customer.go
index 831b069..e715402 100644
--- a/server/models/customer.go
+++ b/server/models/customer.go
@@ -46,10 +46,11 @@ type CustomerUpdateParam struct {
 }
 
 type CustomerSendMailParam struct {
-	Uid      int64  `json:"uid" binding:"-"`
-	Receiver string `json:"receiver" binding:"required,email"`
-	Subject  string `json:"subject" binding:"omitempty,gt=0"`
-	Content  string `json:"content" binding:"required,gt=0"`
+	Uid        int64  `json:"uid" binding:"-"`
+	Receiver   string `json:"receiver" binding:"required,email"`
+	Subject    string `json:"subject" binding:"omitempty,gt=0"`
+	Content    string `json:"content" binding:"required,gt=0"`
+	Attachment string `json:"attachment" binding:"omitempty,gt=0"`
 }
 
 type CustomerDeleteParam struct {
diff --git a/server/service/customer.go b/server/service/customer.go
index e3a7414..3614622 100644
--- a/server/service/customer.go
+++ b/server/service/customer.go
@@ -54,16 +54,17 @@ func (c *CustomerService) SendMail(param *models.CustomerSendMailParam) int {
 	if mc.Status == Close {
 		return response.ErrCodeMailSendUnEnable
 	}
-	mailParam := models.MailParam{
-		Smtp:     mc.Stmp,
-		Port:     mc.Port,
-		AuthCode: mc.AuthCode,
-		Sender:   mc.Email,
-		Subject:  param.Subject,
-		Content:  param.Content,
-		Receiver: param.Receiver,
+	mail := models.MailParam{
+		Smtp:       mc.Stmp,
+		Port:       mc.Port,
+		AuthCode:   mc.AuthCode,
+		Sender:     mc.Email,
+		Subject:    param.Subject,
+		Content:    param.Content,
+		Attachment: param.Attachment,
+		Receiver:   param.Receiver,
 	}
-	if err := common.SendMailToCustomer(mailParam); err != nil {
+	if err := common.SendMailToCustomer(mail); err != nil {
 		return response.ErrCodeMailSendFailed
 	}
 	return response.ErrCodeSuccess
diff --git a/web/src/views/Customer.vue b/web/src/views/Customer.vue
index 49a7bf9..a9c8752 100644
--- a/web/src/views/Customer.vue
+++ b/web/src/views/Customer.vue
@@ -119,7 +119,7 @@
                     <a-row :gutter="16">
                         <a-col :span="12">
                             <a-form-item label="备注" name="remarks">
-                                <a-textarea v-model:value="customer.remarks" :rows="3" />
+                                <a-textarea v-model:value="customer.remarks" :auto-size="{ minRows: 3, maxRows: 3 }" />
                             </a-form-item>
                         </a-col>
                     </a-row>
@@ -128,9 +128,9 @@
         </a-modal>
         <!-- 发送邮件对话框 -->
         <a-modal v-model:visible="visibleMail" title="发送邮件" @ok="onSend" @cancel="onCancel" cancelText="取消" okText="发送"
-            width="800px" :centered="true">
+            width="600px" :centered="true">
             <div style="height: 55vh;overflow-y: scroll;padding: 0 15px;">
-                <a-form :model="mail" layout="vertical">
+                <a-form ref="mailSendFormRef" :model="mail" layout="vertical" :rules="mailRules">
                     <a-row :gutter="16">
                         <a-col :span="12">
                             <a-form-item label="客户名称" name="customerName">
@@ -153,6 +153,18 @@
                                     :auto-size="{ minRows: 6, maxRows: 100 }" />
                             </a-form-item>
                         </a-col>
+                        <a-col :span="24">
+                            <a-form-item label="上传附件" name="attachment">
+                                <a-upload-dragger v-model:fileList="fileList" name="file" :multiple="true"
+                                    :headers="{ 'X-Requested-With': null }" :action="action" @change="upload"
+                                    @drop="upload" @remove="remove">
+                                    <p class="ant-upload-drag-icon">
+                                        <inbox-outlined></inbox-outlined>
+                                    </p>
+                                    <p style="font-size: 14px;color: #00000073;">单击或拖动文件到此区域</p>
+                                </a-upload-dragger>
+                            </a-form-item>
+                        </a-col>
                     </a-row>
                 </a-form>
             </div>
@@ -162,11 +174,12 @@
 
 <script setup>
 import { ref, reactive, onMounted, createVNode } from 'vue';
-import { SearchOutlined, ExclamationCircleOutlined, ExportOutlined, MailTwoTone } from '@ant-design/icons-vue';
+import { SearchOutlined, ExclamationCircleOutlined, ExportOutlined, MailTwoTone, InboxOutlined } from '@ant-design/icons-vue';
 import moment from 'moment'
 import { createCustomer, updateCustomer, sendMailToCustomer, queryCustomerList, queryCustomerInfo, deleteCustomer, customerExport } from '../api/customer';
 import { message, Modal } from 'ant-design-vue';
 import Spot from '../components/Spot.vue';
+import { fileRemove } from '../api/common';
 import regionData from '../assets/region';
 
 // 表格字段
@@ -438,9 +451,24 @@ const mail = reactive({
     customerName: '',
     receiver: '',
     subject: '',
-    content: ''
+    content: '',
+    attachment: undefined
 })
 
+const mailSendFormRef = ref()
+
+// 邮件发送表单校验
+const mailRules = {
+    receiver: [{
+        required: true,
+        pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
+        message: '邮箱格式不正确',
+        trigger: 'blur',
+    }],
+    subject: [{ required: true, message: '请输入邮件主题', trigger: 'blur' }],
+    content: [{ required: true, message: '请输入邮件内容', trigger: 'blur' }],
+};
+
 // 点击邮件
 const onMail = (cname, email) => {
     mail.customerName = cname
@@ -448,23 +476,48 @@ const onMail = (cname, email) => {
     visibleMail.value = true
 }
 
+// 上传附件
+const action = ref(import.meta.env.VITE_FILE_UPLOAD_URL)
+const upload = (file) => {
+    if (file.file.status == 'done') {
+        if (file.file.response.code == 0) {
+            mail.attachment = file.file.response.data.url
+            fileName.value = file.file.response.data.name
+        } else {
+            message.error('附件上传失败')
+        }
+    }
+}
+
+// 移除附件
+const fileName = ref(undefined)
+const remove = (file) => {
+    if (file.status == 'done') {
+        fileRemove({ name: fileName.value })
+    }
+}
+
 // 点击发送邮件
 const onSend = () => {
-    let param = {
-        receiver: mail.receiver,
-        subject: mail.subject,
-        content: mail.content
-    }
-    sendMailToCustomer(param).then((res) => {
-        if (res.data.code == 0) {
-            message.success("邮件已发送")
-        }
-        if (res.data.code == 50002) {
-            message.error("邮件发送失败")
-        }
-        if (res.data.code == 50003) {
-            message.warn("邮件服务未开启")
+    mailSendFormRef.value.validateFields().then(() => {
+        let param = {
+            receiver: mail.receiver,
+            subject: mail.subject,
+            content: mail.content,
+            attachment: mail.attachment
         }
+        sendMailToCustomer(param).then((res) => {
+            if (res.data.code == 0) {
+                message.success("邮件已发送")
+                visibleMail.value = false
+            }
+            if (res.data.code == 50002) {
+                message.error("邮件发送失败")
+            }
+            if (res.data.code == 50003) {
+                message.warn("邮件服务未开启")
+            }
+        })
     })
 }