style: style optimization

mail-vue/src/request/role.js

@@ -5,7 +5,7 @@ export function roleAdd(params) {
 }
 
 export function rolePermTree() {
-    return http.get('/role/permTree')
+    return http.get('/role/tree')
 }
 
 export function roleRoleList() {

mail-vue/src/views/setting/index.vue

@@ -33,13 +33,13 @@
     <div class="language">
       <div class="title">{{$t('language')}}</div>
       <el-select
-          v-model="settingStore.lang"
+          :model-value="langSelect"
           class="language-select"
           placeholder="Select"
           @change="changeLang"
       >
-        <el-option label="中文" value="zh"/>
-        <el-option label="English" value="en"/>
+        <el-option label="中文" value="zh" @pointerdown.prevent.stop="changeLang('zh')"/>
+        <el-option label="English" value="en" @pointerdown.prevent.stop="changeLang('en')"/>
       </el-select>
     </div>
     <div class="del-email" v-perm="'my:delete'">
@@ -69,7 +69,6 @@ import {accountSetName} from "@/request/account.js";
 import {useAccountStore} from "@/store/account.js";
 import {useI18n} from "vue-i18n";
 import {useSettingStore} from "@/store/setting.js";
-import {setExtend} from "@/utils/day.js";
 
 const { t } = useI18n()
 const accountStore = useAccountStore()
@@ -78,6 +77,7 @@ const userStore = useUserStore();
 const setPwdLoading = ref(false)
 const setNameShow = ref(false)
 const accountName = ref(null)
+const langSelect = ref(settingStore.lang)
 
 defineOptions({
   name: 'setting'
@@ -123,8 +123,14 @@ function setName() {
 }
 
 function changeLang(lang) {
-  setExtend(lang === 'en' ? 'en' : 'zh-cn')
-  settingStore.lang = lang
+  let setting = {}
+  try {
+    setting = JSON.parse(localStorage.getItem('setting') || '{}')
+  } catch (e) {
+    setting = {}
+  }
+  localStorage.setItem('setting', JSON.stringify({...setting, lang}))
+  window.location.reload()
 }
 
 const pwdShow = ref(false)