refactor(front): 重构前端组件和 API

- 更新了多个组件的样式和结构
- 重命名了一些 API 文件
- 添加了新的 API 接口
- 优化了部分代码的可读性和性能

cutejava-front/src/views/system/user/center/updateEmail.vue

@@ -1,10 +1,21 @@
 <template>
   <div style="display: inline-block;">
-    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body width="475px" @close="cancel">
+    <el-dialog
+      :visible.sync="dialog"
+      :close-on-click-modal="false"
+      :before-close="cancel"
+      :title="title"
+      append-to-body
+      width="475px"
+      @close="cancel"
+    >
       <el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
         <el-form-item label="新邮箱" prop="email">
           <el-input v-model="form.email" auto-complete="on" style="width: 200px;" />
-          <el-button :loading="codeLoading" :disabled="isDisabled" size="small" @click="sendCode">{{ buttonName }}</el-button>
+          <el-button :loading="codeLoading" :disabled="isDisabled" size="small" @click="sendCode">{{
+            buttonName
+          }}
+          </el-button>
         </el-form-item>
         <el-form-item label="验证码" prop="code">
           <el-input v-model="form.code" style="width: 320px;" />
@@ -23,9 +34,10 @@
 
 <script>
 import store from '@/store'
-import { validEmail } from '@/utils/validate'
+import { validEmail } from '@/utils/CsValidateUtil'
 import { updateEmail } from '@/api/system/user'
 import { sendResetEmailCaptcha } from '@/api/system/code'
+
 export default {
   props: {
     email: {
@@ -109,7 +121,8 @@ export default {
               type: 'success',
               duration: 1500
             })
-            store.dispatch('GetInfo').then(() => {})
+            store.dispatch('GetInfo').then(() => {
+            })
           }).catch(err => {
             this.loading = false
             console.log(err.response.data.message)

cutejava-front/src/views/system/user/center/updatePass.vue

@@ -1,6 +1,14 @@
 <template>
   <div style="display: inline-block">
-    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body width="500px" @close="cancel">
+    <el-dialog
+      :visible.sync="dialog"
+      :close-on-click-modal="false"
+      :before-close="cancel"
+      :title="title"
+      append-to-body
+      width="500px"
+      @close="cancel"
+    >
       <el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
         <el-form-item label="旧密码" prop="oldPass">
           <el-input v-model="form.oldPass" type="password" auto-complete="on" style="width: 370px;" />
@@ -23,6 +31,7 @@
 <script>
 import store from '@/store'
 import { updatePass } from '@/api/system/user'
+
 export default {
   data() {
     const confirmPass = (rule, value, callback) => {