refactor

xingyu
1 parent 557f2937
Showing 9 changed files with 30 additions and 29 deletions
yudao-ui-admin-vue3/src/App.vue
yudao-ui-admin-vue3/src/views/Error/404.vue
yudao-ui-admin-vue3/src/views/Error/500.vue
yudao-ui-admin-vue3/src/views/Profile/components/BasicInfo.vue
yudao-ui-admin-vue3/src/views/Profile/components/ProfileUser.vue
yudao-ui-admin-vue3/src/views/Profile/components/ResetPwd.vue
yudao-ui-admin-vue3/src/views/Profile/components/UserAvatar.vue
yudao-ui-admin-vue3/src/views/Profile/components/UserSocial.vue
yudao-ui-admin-vue3/src/views/visualization/jmreport/index.vue
+<template>
+  <ConfigGlobal :size="currentSize">
+    <RouterView :class="greyMode ? `${prefixCls}-grey-mode` : ''" />
+  </ConfigGlobal>
+</template>
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useAppStore } from '@/store/modules/app'
-import { ConfigGlobal } from '@/components/ConfigGlobal'
+import Cookies from 'js-cookie'
 import { isDark } from '@/utils/is'
+import { useAppStore } from '@/store/modules/app'
 import { useDesign } from '@/hooks/web/useDesign'
-import Cookies from 'js-cookie'
+import { ConfigGlobal } from '@/components/ConfigGlobal'
  
 const { getPrefixCls } = useDesign()
-
 const prefixCls = getPrefixCls('app')
-
 const appStore = useAppStore()
-
 const currentSize = computed(() => appStore.getCurrentSize)
-
 const greyMode = computed(() => appStore.getGreyMode)
  
 // 根据浏览器当前主题设置系统主题色
@@ -32,12 +33,6 @@ const setDefaultTheme = () =&gt; {
 setDefaultTheme()
 </script>
  
-<template>
-  <ConfigGlobal :size="currentSize">
-    <RouterView :class="greyMode ? `${prefixCls}-grey-mode` : ''" />
-  </ConfigGlobal>
-</template>
-
 <style lang="less">
 @prefix-cls: ~'@{namespace}-app';
  
 <template>
   <Error @error-click="errorClick" />
 </template>
-
 <script setup lang="ts">
 import { Error } from '@/components/Error'
 import { useRouter } from 'vue-router'
 <template>
   <Error type="500" @error-click="errorClick" />
 </template>
-
 <script setup lang="ts">
 import { Error } from '@/components/Error'
 import { useRouter } from 'vue-router'
@@ -15,13 +15,14 @@ import { reactive, onMounted, unref, ref } from &#39;vue&#39;
 import type { FormRules } from 'element-plus'
 import { ElMessage, ElRadioGroup, ElRadio } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
+import { FormSchema } from '@/types/form'
+import { FormExpose } from '@/components/Form'
 import {
   getUserProfileApi,
   updateUserProfileApi,
   UserProfileUpdateReqVO
 } from '@/api/system/user/profile'
-import { FormSchema } from '@/types/form'
-import { FormExpose } from '@/components/Form'
+
 const { t } = useI18n()
 // 表单校验
 const rules = reactive<FormRules>({
@@ -40,11 +40,12 @@
   </div>
 </template>
 <script setup lang="ts">
-import { getUserProfileApi, ProfileVO } from '@/api/system/user/profile'
 import { onMounted, ref } from 'vue'
 import dayjs from 'dayjs'
 import UserAvatar from './UserAvatar.vue'
 import { useI18n } from '@/hooks/web/useI18n'
+import { getUserProfileApi, ProfileVO } from '@/api/system/user/profile'
+
 const { t } = useI18n()
 const userInfo = ref<ProfileVO>()
 const getUserInfo = async () => {
@@ -16,12 +16,13 @@
   </el-form>
 </template>
 <script setup lang="ts">
-import { InputPassword } from '@/components/InputPassword'
+import { ref, reactive } from 'vue'
 import { ElForm, ElFormItem, ElMessage } from 'element-plus'
 import type { FormRules, FormInstance } from 'element-plus'
-import { updateUserPwdApi } from '@/api/system/user/profile'
-import { ref, reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
+import { InputPassword } from '@/components/InputPassword'
+import { updateUserPwdApi } from '@/api/system/user/profile'
+
 const { t } = useI18n()
 const formRef = ref<FormInstance>()
 const password = reactive({
@@ -94,6 +94,7 @@ import { VueCropper } from &#39;vue-cropper&#39;
 import { ElRow, ElCol, ElUpload, ElMessage, ElDialog } from 'element-plus'
 import { propTypes } from '@/utils/propTypes'
 import { uploadAvatarApi } from '@/api/system/user/profile'
+
 const cropper = ref()
 const dialogVisible = ref(false)
 const cropperVisible = ref(false)
@@ -24,13 +24,15 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 import { ElTable, ElTableColumn } from 'element-plus'
+import { useMessage } from '@/hooks/web/useMessage'
 import { SystemUserSocialTypeEnum } from '@/utils/constants'
 import { getUserProfileApi, ProfileVO } from '@/api/system/user/profile'
 import { socialAuthRedirect, socialUnbind } from '@/api/system/user/socialUser'
-import { ElMessage } from 'element-plus'
  
+const message = useMessage()
 const socialUsers = ref<any[]>([])
 const userInfo = ref<ProfileVO>()
+
 const initSocial = async () => {
   const res = await getUserProfileApi()
   userInfo.value = res
@@ -59,7 +61,7 @@ const unbind = async (row) =&gt; {
   if (res) {
     row.openid = undefined
   }
-  ElMessage.success('解绑成功')
+  message.success('解绑成功')
 }
  
 onMounted(async () => {
+<template>
+  <ContentWrap>
+    <IFrame :src="src" />
+  </ContentWrap>
+</template>
+
 <script setup lang="ts">
+import { ref } from 'vue'
 import { IFrame } from '@/components/IFrame'
 import { getAccessToken } from '@/utils/auth'
-import { ref } from 'vue'
+
 const BASE_URL = import.meta.env.VITE_BASE_URL
 const src = ref(BASE_URL + '/jmreport/list?token=' + getAccessToken())
 </script>
  
-<template>
-  <ContentWrap>
-    <IFrame :src="src" />
-  </ContentWrap>
-</template>