From 0ef9dfab57b5de346fc0ebb91f0e4cdf2c47f205 Mon Sep 17 00:00:00 2001
From: coward <coward@mrx.ltd>
Date: Thu, 13 Jun 2024 11:28:34 +0800
Subject: [PATCH] =?UTF-8?q?:art:=E6=96=B0=E5=A2=9E=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E6=9B=B4=E6=8D=A2=E3=80=81=E5=AE=A2=E6=88=B7?=
 =?UTF-8?q?=E7=AB=AF=E9=82=AE=E4=BB=B6=E9=80=9A=E7=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/clients.ts                            |  5 ++++
 src/api/user.ts                               |  6 +++++
 .../components/lay-navbar/component/user.vue  | 19 ++++++++++++++
 src/views/server/clients.vue                  | 25 ++++++++++++++++---
 4 files changed, 52 insertions(+), 3 deletions(-)

diff --git a/src/api/clients.ts b/src/api/clients.ts
index ebf771e..b0eaca8 100644
--- a/src/api/clients.ts
+++ b/src/api/clients.ts
@@ -47,3 +47,8 @@ export const getClientConnects = () => {
 export const offlineClient = (id: string) => {
   return http.request<any>("post", baseUri("/client/offline/" + id));
 };
+
+// 发送邮件
+export const sendMail = (id: string) => {
+  return http.request<any>("post", baseUri("/client/to-email/" + id));
+};
diff --git a/src/api/user.ts b/src/api/user.ts
index 0f54116..285cfca 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -1,5 +1,6 @@
 import { http } from "@/utils/http";
 import { baseUri } from "@/api/utils";
+import { data } from "autoprefixer";
 
 // 获取当前登陆用户信息
 export const getUser = () => {
@@ -30,3 +31,8 @@ export const deleteUser = (userId: string) => {
 export const changePassword = (data?: object) => {
   return http.request("post", baseUri("/user/change-password"), { data });
 };
+
+// 生成头像
+export const generateAvatar = () => {
+  return http.request<any>("post", baseUri("/user/change-avatar"));
+};
diff --git a/src/layout/components/lay-navbar/component/user.vue b/src/layout/components/lay-navbar/component/user.vue
index 7920342..1dd3dea 100644
--- a/src/layout/components/lay-navbar/component/user.vue
+++ b/src/layout/components/lay-navbar/component/user.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { FormInstance } from "element-plus";
+import { generateAvatar } from "@/api/user";
 
 // 声明 props 类型
 export interface FormProps {
@@ -41,11 +42,29 @@ function getUserEditFormRef() {
   return userEditFormRef.value;
 }
 
+// 切换头像
+const changeAvatar = () => {
+  generateAvatar().then(res => {
+    if (res.code === 200) {
+      userEditForm.value.avatar = res.data;
+    }
+  });
+};
+
 defineExpose({ getUserEditFormRef });
 </script>
 
 <template>
   <el-form ref="userEditFormRef" :model="userEditForm" label-width="20%">
+    <el-form-item prop="avatar">
+      <el-avatar
+        style="cursor: pointer; margin-left: 25%"
+        size="large"
+        fit="cover"
+        :src="userEditForm.avatar"
+        @click="changeAvatar()"
+      />
+    </el-form-item>
     <el-form-item
       prop="name"
       label="名称"
diff --git a/src/views/server/clients.vue b/src/views/server/clients.vue
index 22f0eba..6b58599 100644
--- a/src/views/server/clients.vue
+++ b/src/views/server/clients.vue
@@ -4,7 +4,8 @@ import {
   downloadClient,
   generateClientIP,
   getClients,
-  saveClient
+  saveClient,
+  sendMail
 } from "@/api/clients";
 import { h, reactive, ref } from "vue";
 import { addDialog } from "@/components/ReDialog/index";
@@ -15,6 +16,7 @@ import "plus-pro-components/es/components/search/style/css";
 import { storageLocal } from "@pureadmin/utils";
 import { ArrowDown } from "@element-plus/icons-vue";
 import { ElMessageBox } from "element-plus";
+import { message } from "@/utils/message";
 
 defineOptions({
   // name 作为一种规范最好必须写上并且和路由的name保持一致
@@ -152,7 +154,7 @@ const openAddClientDialog = () => {
     }
   });
   const serverInfo = storageLocal().getItem("server-info");
-  const restartRule = storageLocal().getItem("restart-rule") ? 1 : 0;
+  const restartRule = !storageLocal().getItem("restart-rule") ? 1 : 0;
   addDialog({
     width: "40%",
     title: "新增",
@@ -280,6 +282,15 @@ const ellipsis = (str: string) => {
   return str;
 };
 
+// 发送到邮件
+const sendToEmail = (clientID: string) => {
+  sendMail(clientID).then(res => {
+    if (res.code === 200) {
+      message("发送邮件成功", { type: "success" });
+    }
+  });
+};
+
 getClientsApi(clientSearchForm.value);
 </script>
 
@@ -310,7 +321,10 @@ getClientsApi(clientSearchForm.value);
     </div>
     <div class="content">
       <el-card body-style="padding: inherit" shadow="hover">
-        <div class="flex flex-wrap gap-4" style="display: flex;justify-content: center;">
+        <div
+          class="flex flex-wrap gap-4"
+          style="display: flex; justify-content: center"
+        >
           <el-card
             v-for="val in clientsList.data"
             style="float: left; width: 500px"
@@ -339,6 +353,11 @@ getClientsApi(clientSearchForm.value);
                           >下载</el-button
                         >
                       </el-dropdown-item>
+                      <el-dropdown-item>
+                        <el-button type="success" @click="sendToEmail(val.id)"
+                          >邮件</el-button
+                        >
+                      </el-dropdown-item>
                       <el-dropdown-item>
                         <el-button
                           type="danger"