From cfd81b0d769ccc7ddcaba577dce9af40b567b42a Mon Sep 17 00:00:00 2001
From: cys <372127021@qq.com>
Date: Wed, 17 Jul 2024 14:16:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 +
 src/renderer/src/api/system/user.js           |  40 ++++
 src/renderer/src/assets/images/img-avatar.png | Bin 0 -> 7207 bytes
 src/renderer/src/layout/components/Header.vue |   2 +-
 src/renderer/src/router/index.js              |   6 +
 src/renderer/src/views/profile/index.vue      | 139 ++++++++++++++
 src/renderer/src/views/profile/resetPwd.vue   |  75 ++++++++
 src/renderer/src/views/profile/userAvatar.vue | 175 ++++++++++++++++++
 src/renderer/src/views/profile/userInfo.vue   |  89 +++++++++
 9 files changed, 526 insertions(+), 1 deletion(-)
 create mode 100644 src/renderer/src/api/system/user.js
 create mode 100644 src/renderer/src/assets/images/img-avatar.png
 create mode 100644 src/renderer/src/views/profile/index.vue
 create mode 100644 src/renderer/src/views/profile/resetPwd.vue
 create mode 100644 src/renderer/src/views/profile/userAvatar.vue
 create mode 100644 src/renderer/src/views/profile/userInfo.vue

diff --git a/package.json b/package.json
index 1efc191..aff64c5 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "jsencrypt": "^3.3.2",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
+    "vue-cropper": "^1.1.3",
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
diff --git a/src/renderer/src/api/system/user.js b/src/renderer/src/api/system/user.js
new file mode 100644
index 0000000..68c5133
--- /dev/null
+++ b/src/renderer/src/api/system/user.js
@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+// 查询用户个人信息
+export function getUserProfile() {
+    return request({
+      url: '/system/user/profile',
+      method: 'get'
+    })
+  }
+  
+  // 修改用户个人信息
+  export function updateUserProfile(data) {
+    return request({
+      url: '/system/user/profile',
+      method: 'put',
+      data: data
+    })
+  }
+  
+  // 用户密码重置
+  export function updateUserPwd(oldPassword, newPassword) {
+    const data = {
+      oldPassword,
+      newPassword
+    }
+    return request({
+      url: '/system/user/profile/updatePwd',
+      method: 'put',
+      params: data
+    })
+  }
+  
+  // 用户头像上传
+  export function uploadAvatar(data) {
+    return request({
+      url: '/system/user/profile/avatar',
+      method: 'post',
+      data: data
+    })
+  }
\ No newline at end of file
diff --git a/src/renderer/src/assets/images/img-avatar.png b/src/renderer/src/assets/images/img-avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ff5fd661c9598f894035c934b32744f43e20d20
GIT binary patch
literal 7207
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

literal 0
HcmV?d00001

diff --git a/src/renderer/src/layout/components/Header.vue b/src/renderer/src/layout/components/Header.vue
index 0cd8db8..67812b3 100644
--- a/src/renderer/src/layout/components/Header.vue
+++ b/src/renderer/src/layout/components/Header.vue
@@ -29,7 +29,7 @@
             </div>
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item>个人中心</el-dropdown-item>
+                <el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
                 <el-dropdown-item divided command="logout">
                   <span>退出登录</span>
                 </el-dropdown-item>
diff --git a/src/renderer/src/router/index.js b/src/renderer/src/router/index.js
index d464845..7692dc2 100644
--- a/src/renderer/src/router/index.js
+++ b/src/renderer/src/router/index.js
@@ -31,6 +31,12 @@ export const constantRoutes = [
         component: () => import('@/views/teach/index.vue'),
         name: 'teach',
         meta: {title: '授课'}
+      },
+      {
+        path: '/profile',
+        component: () => import('@/views/profile/index.vue'),
+        name: 'profile',
+        meta: {title: '个人中心'}
       }
     ]
   },
diff --git a/src/renderer/src/views/profile/index.vue b/src/renderer/src/views/profile/index.vue
new file mode 100644
index 0000000..bb44111
--- /dev/null
+++ b/src/renderer/src/views/profile/index.vue
@@ -0,0 +1,139 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <el-col :span="6" :xs="24">
+        <el-card class="box-card">
+          <template v-slot:header>
+            <div class="clearfix">
+              <span>个人信息</span>
+            </div>
+          </template>
+          <div>
+            <div class="text-center">
+              <userAvatar />
+            </div>
+            <ul class="list-group list-group-striped">
+              <li class="list-group-item">
+                <div class="left-align">
+                  <UserFilled class="UserFilled"/>
+                  <span>用户名称</span>
+                </div>
+                <div class="right-align">{{ state.user.userName }}</div>
+              </li>
+              <li class="list-group-item">
+                <div class="left-align">
+                  <Cellphone class="Cellphone"/>
+                  <span>手机号码</span>
+                </div>
+                <div class="right-align">{{ state.user.phonenumber }}</div>
+              </li>
+              <li class="list-group-item">
+                <div class="left-align">
+                  <Message class="Message"/>
+                  <span>用户邮箱</span>
+                </div>
+                <div class="right-align">{{ state.user.email }}</div>
+              </li>
+              <li class="list-group-item">
+                <div class="left-align">
+                  <Suitcase class="Suitcase"/>
+                  <span>所属部门</span>
+                </div>
+                <div class="right-align" v-if="state.user.dept">
+                  {{ state.user.dept.deptName }} / {{ state.postGroup }}
+                </div>
+              </li>
+              <li class="list-group-item">
+                <div class="left-align">
+                  <Avatar class="Avatar"/>
+                  <span>所属角色</span>
+                </div>
+                <div class="right-align">{{ state.roleGroup }}</div>
+              </li>
+              <li class="list-group-item">
+                <div class="left-align">
+                  <Calendar class="Calendar"/>
+                  <span>创建日期</span>
+                </div>
+                <div class="right-align">{{ state.user.createTime }}</div>
+              </li>
+            </ul>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="18" :xs="24">
+        <el-card>
+          <template v-slot:header>
+            <div class="clearfix">
+              <span>基本资料</span>
+            </div>
+          </template>
+          <el-tabs v-model="activeTab">
+            <el-tab-pane label="基本资料" name="userinfo">
+              <userInfo :user="state.user" />
+            </el-tab-pane>
+            <el-tab-pane label="修改密码" name="resetPwd">
+              <resetPwd />
+            </el-tab-pane>
+          </el-tabs>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+  
+  <script setup name="Profile">
+import { UserFilled, Cellphone, Message, Suitcase, Avatar, Calendar } from '@element-plus/icons-vue'
+import { ref, reactive } from 'vue'
+import userAvatar from './userAvatar.vue'
+import userInfo from './userInfo.vue'
+import resetPwd from './resetPwd.vue'
+import { getUserProfile } from '@/api/system/user'
+
+const activeTab = ref('userinfo')
+const state = reactive({
+  user: {},
+  roleGroup: {},
+  postGroup: {}
+})
+
+function getUser() {
+  getUserProfile().then((response) => {
+    state.user = response.data
+    state.roleGroup = response.roleGroup
+    state.postGroup = response.postGroup
+  })
+}
+
+getUser()
+</script>
+  
+  <style lang="scss" scoped>
+.clearfix {
+  text-align: left;
+}
+.text-center {
+  margin-bottom: 15px;
+  border-bottom: 1px solid #dddddd;
+}
+.list-group-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #dddddd;
+  padding-bottom: 10px;
+  font-size: 14px;
+}
+.left-align {
+  display: flex;
+  align-items: center;
+}
+.right-align {
+  align-items: right;
+}
+.UserFilled, .Cellphone, .Message, .Suitcase, .Avatar, .Calendar {
+  width: 1em;
+  height: 1em;
+}
+</style>
\ No newline at end of file
diff --git a/src/renderer/src/views/profile/resetPwd.vue b/src/renderer/src/views/profile/resetPwd.vue
new file mode 100644
index 0000000..4754ee3
--- /dev/null
+++ b/src/renderer/src/views/profile/resetPwd.vue
@@ -0,0 +1,75 @@
+<template>
+  <el-form ref="pwdRef" :model="user" :rules="rules" label-width="80px">
+    <el-form-item label="旧密码" prop="oldPassword">
+      <el-input
+        v-model="user.oldPassword"
+        placeholder="请输入旧密码"
+        type="password"
+        show-password
+      />
+    </el-form-item>
+    <el-form-item label="新密码" prop="newPassword">
+      <el-input
+        v-model="user.newPassword"
+        placeholder="请输入新密码"
+        type="password"
+        show-password
+      />
+    </el-form-item>
+    <el-form-item label="确认密码" prop="confirmPassword">
+      <el-input
+        v-model="user.confirmPassword"
+        placeholder="请确认新密码"
+        type="password"
+        show-password
+      />
+    </el-form-item>
+    <el-form-item>
+      <el-button type="primary" @click="submit">保存</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+ 
+ <script setup>
+import { ref, reactive } from 'vue'
+import { updateUserPwd } from '@/api/system/user'
+
+//  const { proxy } = getCurrentInstance();
+
+const user = reactive({
+  oldPassword: undefined,
+  newPassword: undefined,
+  confirmPassword: undefined
+})
+
+const equalToPassword = (rule, value, callback) => {
+  if (user.newPassword !== value) {
+    callback(new Error('两次输入的密码不一致'))
+  } else {
+    callback()
+  }
+}
+const rules = ref({
+  oldPassword: [{ required: true, message: '旧密码不能为空', trigger: 'blur' }],
+  newPassword: [
+    { required: true, message: '新密码不能为空', trigger: 'blur' },
+    { min: 6, max: 20, message: '长度在 6 到 20 个字符', trigger: 'blur' }
+  ],
+  confirmPassword: [
+    { required: true, message: '确认密码不能为空', trigger: 'blur' },
+    { required: true, validator: equalToPassword, trigger: 'blur' }
+  ]
+})
+
+/** 提交按钮 */
+function submit() {
+  proxy.$refs.pwdRef.validate((valid) => {
+    if (valid) {
+      updateUserPwd(user.oldPassword, user.newPassword).then((response) => {
+        proxy.$modal.msgSuccess('修改成功')
+      })
+    }
+  })
+}
+</script>
+ 
\ No newline at end of file
diff --git a/src/renderer/src/views/profile/userAvatar.vue b/src/renderer/src/views/profile/userAvatar.vue
new file mode 100644
index 0000000..791b1dc
--- /dev/null
+++ b/src/renderer/src/views/profile/userAvatar.vue
@@ -0,0 +1,175 @@
+<template>
+    <div class="user-info-head" @click="editCropper()">
+      <img :src="options.img" title="点击上传头像" class="img-circle" />
+      <el-dialog :title="title" v-model="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog">
+        <el-row>
+          <el-col :xs="24" :md="12" :style="{ height: '350px' }">
+            <vue-cropper
+              ref="cropper"
+              :img="options.img"
+              :info="true"
+              :autoCrop="options.autoCrop"
+              :autoCropWidth="options.autoCropWidth"
+              :autoCropHeight="options.autoCropHeight"
+              :fixedBox="options.fixedBox"
+              :outputType="options.outputType"
+              @realTime="realTime"
+              v-if="visible"
+            />
+          </el-col>
+          <el-col :xs="24" :md="12" :style="{ height: '350px' }">
+            <div class="avatar-upload-preview">
+              <img :src="options.previews.url" :style="options.previews.img" />
+            </div>
+          </el-col>
+        </el-row>
+        <br />
+        <el-row>
+          <el-col :lg="2" :md="2">
+            <el-upload
+              action="#"
+              :http-request="requestUpload"
+              :show-file-list="false"
+              :before-upload="beforeUpload"
+            >
+              <el-button>
+                选择
+                <el-icon class="el-icon--right"><Upload /></el-icon>
+              </el-button>
+            </el-upload>
+          </el-col>
+          <el-col :lg="{ span: 1, offset: 2 }" :md="2">
+            <el-button :icon="Plus" @click="changeScale(1)"></el-button>
+          </el-col>
+          <el-col :lg="{ span: 1, offset: 1 }" :md="2">
+            <el-button :icon="Minus" @click="changeScale(-1)"></el-button>
+          </el-col>
+          <el-col :lg="{ span: 1, offset: 1 }" :md="2">
+            <el-button :icon="RefreshLeft" @click="rotateLeft()"></el-button>
+          </el-col>
+          <el-col :lg="{ span: 1, offset: 1 }" :md="2">
+            <el-button :icon="RefreshRight" @click="rotateRight()"></el-button>
+          </el-col>
+          <el-col :lg="{ span: 2, offset: 6 }" :md="2">
+            <el-button type="primary" @click="uploadImg()">提 交</el-button>
+          </el-col>
+        </el-row>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script setup>
+  import { Upload, Plus, Minus, RefreshLeft, RefreshRight } from '@element-plus/icons-vue'
+  import { ref, reactive } from 'vue'
+  import "vue-cropper/dist/index.css";
+  import { VueCropper } from "vue-cropper";
+  import { uploadAvatar } from "@/api/system/user";
+  import useUserStore from "@/store/modules/user";
+  
+  const userStore = useUserStore();
+  // const { proxy } = getCurrentInstance();
+  
+  const open = ref(false);
+  const visible = ref(false);
+  const title = ref("修改头像");
+  
+  //图片裁剪数据
+  const options = reactive({
+    img: userStore.avatar, // 裁剪图片的地址
+    autoCrop: true, // 是否默认生成截图框
+    autoCropWidth: 200, // 默认生成截图框宽度
+    autoCropHeight: 200, // 默认生成截图框高度
+    fixedBox: true, // 固定截图框大小 不允许改变
+    outputType: "png", // 默认生成截图为PNG格式
+    previews: {} //预览数据
+  });
+  
+  /** 编辑头像 */
+  function editCropper() {
+    open.value = true;
+  }
+  /** 打开弹出层结束时的回调 */
+  function modalOpened() {
+    visible.value = true;
+  }
+  /** 覆盖默认上传行为 */
+  function requestUpload() {}
+  /** 向左旋转 */
+  function rotateLeft() {
+    proxy.$refs.cropper.rotateLeft();
+  }
+  /** 向右旋转 */
+  function rotateRight() {
+    proxy.$refs.cropper.rotateRight();
+  }
+  /** 图片缩放 */
+  function changeScale(num) {
+    num = num || 1;
+    proxy.$refs.cropper.changeScale(num);
+  }
+  /** 上传预处理 */
+  function beforeUpload(file) {
+    if (file.type.indexOf("image/") == -1) {
+      proxy.$modal.msgError("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。");
+    } else {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => {
+        options.img = reader.result;
+      };
+    }
+  }
+  /** 上传图片 */
+  function uploadImg() {
+    proxy.$refs.cropper.getCropBlob(data => {
+      let formData = new FormData();
+      formData.append("avatarfile", data);
+      uploadAvatar(formData).then(response => {
+        open.value = false;
+        options.img = import.meta.env.VITE_APP_BASE_API + response.imgUrl;
+        userStore.avatar = options.img;
+        proxy.$modal.msgSuccess("修改成功");
+        visible.value = false;
+      });
+    });
+  }
+  /** 实时预览 */
+  function realTime(data) {
+    options.previews = data;
+  }
+  /** 关闭窗口 */
+  function closeDialog() {
+    options.img = userStore.avatar;
+    options.visible = false;
+  }
+  </script>
+  
+  <style lang='scss' scoped>
+  .user-info-head {
+    position: relative;
+    display: inline-block;
+    height: 120px;
+  }
+  
+  .user-info-head:hover:after {
+    content: "+";
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    color: #eee;
+    background: rgba(0, 0, 0, 0.5);
+    font-size: 24px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    cursor: pointer;
+    line-height: 110px;
+    border-radius: 50%;
+  }
+  .img-circle {
+    height: 120px;
+    width: auto
+  }
+  </style>
\ No newline at end of file
diff --git a/src/renderer/src/views/profile/userInfo.vue b/src/renderer/src/views/profile/userInfo.vue
new file mode 100644
index 0000000..6846cfa
--- /dev/null
+++ b/src/renderer/src/views/profile/userInfo.vue
@@ -0,0 +1,89 @@
+<template>
+    <el-form ref="userRef" :model="user" :rules="rules" label-width="80px">
+       <el-form-item label="用户昵称" prop="nickName">
+          <el-input v-model="user.nickName" maxlength="30" />
+       </el-form-item>
+       <el-form-item label="手机号码" prop="phonenumber">
+          <el-input v-model="user.phonenumber" maxlength="11" />
+       </el-form-item>
+       <el-form-item label="邮箱" prop="email">
+          <el-input v-model="user.email" maxlength="50" />
+       </el-form-item>
+       <el-form-item label="性别">
+          <el-radio-group >
+             <el-radio label="0">男</el-radio>
+             <el-radio label="1">女</el-radio>
+          </el-radio-group>
+       </el-form-item>
+       <el-form-item label="任教学科">
+          <el-radio-group v-model="user.edusubject">
+             <template v-for="item in subjectList">
+               <el-radio v-if="item.edustage==user.edustage" :label="item.itemtitle">{{ item.itemtitle }}</el-radio>
+             </template>
+          </el-radio-group>
+       </el-form-item>
+       <el-form-item>
+         <el-button type="primary" @click="submit">保存</el-button>
+         <el-button type="primary" @click="handleclick1">测验</el-button>
+       </el-form-item>
+    </el-form>
+ </template>
+ 
+ <script setup>
+ import { ref } from 'vue'
+ import { updateUserProfile } from "@/api/system/user";
+ import { listEvaluation } from "@/api/subject/index";
+ 
+ const props = defineProps({
+   user: {
+     type: Object
+   }
+ });
+ 
+//  const { proxy } = getCurrentInstance();
+ 
+ const rules = ref({
+   nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
+   email: [{ required: true, message: "邮箱地址不能为空", trigger: "blur" }, { type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
+   phonenumber: [{ required: true, message: "手机号码不能为空", trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
+ });
+ 
+ const subjectList = ref([]);
+
+ function handleclick1() {
+  console.log(props.user.edudegree)
+ }
+ 
+ // 获取基础的学科
+ listEvaluation({ itemkey: "subject", pageSize: 500 }).then((res) => {
+   subjectList.value = res.rows;
+ });
+ 
+ setTimeout(() => {
+ 
+   if (props.user.edudegree != '') {
+     var upcaseName = ['一年级', '二年级', '三年级', '四年级', '五年级', '六年级', '初一', '初二', '初三', '高一', '高二', '高三'];
+     var d = parseInt(props.user.edudegree.replace('年级', ''));
+     if (d <= 6) {
+       props.user.edustage = '小学';
+     } else if (d >= 7 && d <= 9) {
+       props.user.edustage = '初中';
+     } else if (d >= 9 && d <= 12) {
+       props.user.edustage = '高中';
+     }
+     props.user.stagelabel = upcaseName[d-1];
+   }
+ }, 1000);
+ 
+ /** 提交按钮 */
+ function submit() {
+   proxy.$refs.userRef.validate(valid => {
+     if (valid) {
+       console.log(props.user);
+       updateUserProfile(props.user).then(response => {
+         proxy.$modal.msgSuccess("修改成功");
+       });
+     }
+   });
+ };
+ </script>
\ No newline at end of file