From 2c466460e396563e4a6a81b0535c0da061c9202c Mon Sep 17 00:00:00 2001
From: zengjunhong <1213276609@qq.com>
Date: Thu, 16 Jan 2025 11:13:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86logo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/Index.vue                 | 484 +++++++++++------------
 src/views/Login/components/LoginForm.vue |  65 +--
 2 files changed, 237 insertions(+), 312 deletions(-)

diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index a9e6c825..f168681b 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -1,51 +1,11 @@
 <template>
   <div>
-    <el-card shadow="never">
-      <el-skeleton :loading="loading" animated>
-        <el-row :gutter="16" justify="space-between">
-          <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
-            <div class="flex items-center">
-              <el-avatar :src="avatar" :size="70" class="mr-16px">
-                <img src="@/assets/imgs/avatar.gif" alt="" />
-              </el-avatar>
-              <div>
-                <div class="text-20px">
-                  {{ t('workplace.welcome') }} {{ username }} {{ t('workplace.happyDay') }}
-                </div>
-                <div class="mt-10px text-14px text-gray-500">
-                  {{ t('workplace.toady') }}，20℃ - 32℃！
-                </div>
-              </div>
-            </div>
-          </el-col>
-          <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
-            <div class="h-70px flex items-center justify-end lt-sm:mt-10px">
-              <div class="px-8px text-right">
-                <div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>
-                <CountTo class="text-20px" :start-val="0" :end-val="totalSate.project" :duration="2600" />
-              </div>
-              <el-divider direction="vertical" />
-              <div class="px-8px text-right">
-                <div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>
-                <CountTo class="text-20px" :start-val="0" :end-val="totalSate.todo" :duration="2600" />
-              </div>
-              <el-divider direction="vertical" border-style="dashed" />
-              <div class="px-8px text-right">
-                <div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>
-                <CountTo class="text-20px" :start-val="0" :end-val="totalSate.access" :duration="2600" />
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-      </el-skeleton>
-    </el-card>
   </div>
   <!-- <el-card style="width: 100%; margin: 8px 0; text-align: center;" shadow="never"> -->
-    <div class="flex flex-wrap gap-4" style="float: right;">
-      <el-card
-style="width: 170px;margin: 8px 0;text-align: center;color:#409eff; cursor: pointer;" shadow="hover"
-        @click="goToXXLJob">任务调度中心</el-card>
-    </div>
+  <div class="flex flex-wrap gap-4" style="float: right;">
+    <el-card style="width: 170px;margin: 8px 0;text-align: center;color:#409eff; cursor: pointer;" shadow="hover"
+      @click="goToXXLJob">任务调度中心</el-card>
+  </div>
   <!-- </el-card> -->
   <!-- 新增的静态图片部分 -->
   <div>
@@ -166,236 +126,236 @@ style="width: 170px;margin: 8px 0;text-align: center;color:#409eff; cursor: poin
 </el-row> -->
 </template>
 <script lang="ts" setup>
-  import { set } from 'lodash-es'
-  import { EChartsOption } from 'echarts'
-  import { formatTime } from '@/utils'
-  import luduView from '@/assets/imgs/ludu_view.png'
-  import { useUserStore } from '@/store/modules/user'
-  import { useWatermark } from '@/hooks/web/useWatermark'
-  import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
-  import { pieOptions, barOptions } from './echarts-data'
+import { set } from 'lodash-es'
+import { EChartsOption } from 'echarts'
+import { formatTime } from '@/utils'
+import luduView from '@/assets/imgs/ludu_view.png'
+import { useUserStore } from '@/store/modules/user'
+import { useWatermark } from '@/hooks/web/useWatermark'
+import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
+import { pieOptions, barOptions } from './echarts-data'
 
-  defineOptions({ name: 'Home' })
+defineOptions({ name: 'Home' })
 
-  const luduViewImage = ref(luduView);
-  const { t } = useI18n()
-  const userStore = useUserStore()
-  const { setWatermark } = useWatermark()
-  const loading = ref(true)
-  const avatar = userStore.getUser.avatar
-  const username = userStore.getUser.nickname
-  const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
-  // 获取统计数
-  let totalSate = reactive<WorkplaceTotal>({
-    project: 0,
-    access: 0,
-    todo: 0
-  })
+const luduViewImage = ref(luduView);
+const { t } = useI18n()
+const userStore = useUserStore()
+const { setWatermark } = useWatermark()
+const loading = ref(true)
+const avatar = userStore.getUser.avatar
+const username = userStore.getUser.nickname
+const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
+// 获取统计数
+let totalSate = reactive<WorkplaceTotal>({
+  project: 0,
+  access: 0,
+  todo: 0
+})
 
-  const getCount = async () => {
-    const data = {
-      project: 40,
-      access: 2340,
-      todo: 10
+const getCount = async () => {
+  const data = {
+    project: 40,
+    access: 2340,
+    todo: 10
+  }
+  totalSate = Object.assign(totalSate, data)
+}
+
+// 获取项目数
+let projects = reactive<Project[]>([])
+const getProject = async () => {
+  const data = [
+    {
+      name: 'ruoyi-vue-pro',
+      icon: 'akar-icons:github-fill',
+      message: 'https://github.com/YunaiV/ruoyi-vue-pro',
+      personal: 'Spring Boot 单体架构',
+      time: new Date()
+    },
+    {
+      name: 'yudao-ui-admin-vue3',
+      icon: 'logos:vue',
+      message: 'https://github.com/yudaocode/yudao-ui-admin-vue3',
+      personal: 'Vue3 + element-plus',
+      time: new Date()
+    },
+    {
+      name: 'yudao-ui-admin-vben',
+      icon: 'logos:vue',
+      message: 'https://github.com/yudaocode/yudao-ui-admin-vben',
+      personal: 'Vue3 + vben(antd)',
+      time: new Date()
+    },
+    {
+      name: 'yudao-cloud',
+      icon: 'akar-icons:github',
+      message: 'https://github.com/YunaiV/yudao-cloud',
+      personal: 'Spring Cloud 微服务架构',
+      time: new Date()
+    },
+    {
+      name: 'yudao-ui-mall-uniapp',
+      icon: 'logos:vue',
+      message: 'https://github.com/yudaocode/yudao-ui-admin-uniapp',
+      personal: 'Vue3 + uniapp',
+      time: new Date()
+    },
+    {
+      name: 'yudao-ui-admin-vue2',
+      icon: 'logos:vue',
+      message: 'https://github.com/yudaocode/yudao-ui-admin-vue2',
+      personal: 'Vue2 + element-ui',
+      time: new Date()
     }
-    totalSate = Object.assign(totalSate, data)
-  }
+  ]
+  projects = Object.assign(projects, data)
+}
 
-  // 获取项目数
-  let projects = reactive<Project[]>([])
-  const getProject = async () => {
-    const data = [
-      {
-        name: 'ruoyi-vue-pro',
-        icon: 'akar-icons:github-fill',
-        message: 'https://github.com/YunaiV/ruoyi-vue-pro',
-        personal: 'Spring Boot 单体架构',
-        time: new Date()
-      },
-      {
-        name: 'yudao-ui-admin-vue3',
-        icon: 'logos:vue',
-        message: 'https://github.com/yudaocode/yudao-ui-admin-vue3',
-        personal: 'Vue3 + element-plus',
-        time: new Date()
-      },
-      {
-        name: 'yudao-ui-admin-vben',
-        icon: 'logos:vue',
-        message: 'https://github.com/yudaocode/yudao-ui-admin-vben',
-        personal: 'Vue3 + vben(antd)',
-        time: new Date()
-      },
-      {
-        name: 'yudao-cloud',
-        icon: 'akar-icons:github',
-        message: 'https://github.com/YunaiV/yudao-cloud',
-        personal: 'Spring Cloud 微服务架构',
-        time: new Date()
-      },
-      {
-        name: 'yudao-ui-mall-uniapp',
-        icon: 'logos:vue',
-        message: 'https://github.com/yudaocode/yudao-ui-admin-uniapp',
-        personal: 'Vue3 + uniapp',
-        time: new Date()
-      },
-      {
-        name: 'yudao-ui-admin-vue2',
-        icon: 'logos:vue',
-        message: 'https://github.com/yudaocode/yudao-ui-admin-vue2',
-        personal: 'Vue2 + element-ui',
-        time: new Date()
-      }
-    ]
-    projects = Object.assign(projects, data)
-  }
+// 获取通知公告
+let notice = reactive<Notice[]>([])
+const getNotice = async () => {
+  const data = [
+    {
+      title: '系统支持 JDK 8/17/21，Vue 2/3',
+      type: '通知',
+      keys: ['通知', '8', '17', '21', '2', '3'],
+      date: new Date()
+    },
+    {
+      title: '后端提供 Spring Boot 2.7/3.2 + Cloud 双架构',
+      type: '公告',
+      keys: ['公告', 'Boot', 'Cloud'],
+      date: new Date()
+    },
+    {
+      title: '全部开源，个人与企业可 100% 直接使用，无需授权',
+      type: '通知',
+      keys: ['通知', '无需授权'],
+      date: new Date()
+    },
+    {
+      title: '国内使用最广泛的快速开发平台，超 300+ 人贡献',
+      type: '公告',
+      keys: ['公告', '最广泛'],
+      date: new Date()
+    }
+  ]
+  notice = Object.assign(notice, data)
+}
 
-  // 获取通知公告
-  let notice = reactive<Notice[]>([])
-  const getNotice = async () => {
-    const data = [
-      {
-        title: '系统支持 JDK 8/17/21，Vue 2/3',
-        type: '通知',
-        keys: ['通知', '8', '17', '21', '2', '3'],
-        date: new Date()
-      },
-      {
-        title: '后端提供 Spring Boot 2.7/3.2 + Cloud 双架构',
-        type: '公告',
-        keys: ['公告', 'Boot', 'Cloud'],
-        date: new Date()
-      },
-      {
-        title: '全部开源，个人与企业可 100% 直接使用，无需授权',
-        type: '通知',
-        keys: ['通知', '无需授权'],
-        date: new Date()
-      },
-      {
-        title: '国内使用最广泛的快速开发平台，超 300+ 人贡献',
-        type: '公告',
-        keys: ['公告', '最广泛'],
-        date: new Date()
-      }
-    ]
-    notice = Object.assign(notice, data)
-  }
+// 获取快捷入口
+let shortcut = reactive<Shortcut[]>([])
 
-  // 获取快捷入口
-  let shortcut = reactive<Shortcut[]>([])
+const getShortcut = async () => {
+  const data = [
+    {
+      name: 'Github',
+      icon: 'akar-icons:github-fill',
+      url: 'github.io'
+    },
+    {
+      name: 'Vue',
+      icon: 'logos:vue',
+      url: 'vuejs.org'
+    },
+    {
+      name: 'Vite',
+      icon: 'vscode-icons:file-type-vite',
+      url: 'https://vitejs.dev/'
+    },
+    {
+      name: 'Angular',
+      icon: 'logos:angular-icon',
+      url: 'github.io'
+    },
+    {
+      name: 'React',
+      icon: 'logos:react',
+      url: 'github.io'
+    },
+    {
+      name: 'Webpack',
+      icon: 'logos:webpack',
+      url: 'github.io'
+    }
+  ]
+  shortcut = Object.assign(shortcut, data)
+}
 
-  const getShortcut = async () => {
-    const data = [
-      {
-        name: 'Github',
-        icon: 'akar-icons:github-fill',
-        url: 'github.io'
-      },
-      {
-        name: 'Vue',
-        icon: 'logos:vue',
-        url: 'vuejs.org'
-      },
-      {
-        name: 'Vite',
-        icon: 'vscode-icons:file-type-vite',
-        url: 'https://vitejs.dev/'
-      },
-      {
-        name: 'Angular',
-        icon: 'logos:angular-icon',
-        url: 'github.io'
-      },
-      {
-        name: 'React',
-        icon: 'logos:react',
-        url: 'github.io'
-      },
-      {
-        name: 'Webpack',
-        icon: 'logos:webpack',
-        url: 'github.io'
-      }
-    ]
-    shortcut = Object.assign(shortcut, data)
-  }
+// 用户来源
+const getUserAccessSource = async () => {
+  const data = [
+    { value: 335, name: 'analysis.directAccess' },
+    { value: 310, name: 'analysis.mailMarketing' },
+    { value: 234, name: 'analysis.allianceAdvertising' },
+    { value: 135, name: 'analysis.videoAdvertising' },
+    { value: 1548, name: 'analysis.searchEngines' }
+  ]
+  set(
+    pieOptionsData,
+    'legend.data',
+    data.map((v) => t(v.name))
+  )
+  pieOptionsData!.series![0].data = data.map((v) => {
+    return {
+      name: t(v.name),
+      value: v.value
+    }
+  })
+}
+const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
 
-  // 用户来源
-  const getUserAccessSource = async () => {
-    const data = [
-      { value: 335, name: 'analysis.directAccess' },
-      { value: 310, name: 'analysis.mailMarketing' },
-      { value: 234, name: 'analysis.allianceAdvertising' },
-      { value: 135, name: 'analysis.videoAdvertising' },
-      { value: 1548, name: 'analysis.searchEngines' }
-    ]
-    set(
-      pieOptionsData,
-      'legend.data',
-      data.map((v) => t(v.name))
-    )
-    pieOptionsData!.series![0].data = data.map((v) => {
-      return {
-        name: t(v.name),
-        value: v.value
-      }
-    })
-  }
-  const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
+// 周活跃量
+const getWeeklyUserActivity = async () => {
+  const data = [
+    { value: 13253, name: 'analysis.monday' },
+    { value: 34235, name: 'analysis.tuesday' },
+    { value: 26321, name: 'analysis.wednesday' },
+    { value: 12340, name: 'analysis.thursday' },
+    { value: 24643, name: 'analysis.friday' },
+    { value: 1322, name: 'analysis.saturday' },
+    { value: 1324, name: 'analysis.sunday' }
+  ]
+  set(
+    barOptionsData,
+    'xAxis.data',
+    data.map((v) => t(v.name))
+  )
+  set(barOptionsData, 'series', [
+    {
+      name: t('analysis.activeQuantity'),
+      data: data.map((v) => v.value),
+      type: 'bar'
+    }
+  ])
+}
 
-  // 周活跃量
-  const getWeeklyUserActivity = async () => {
-    const data = [
-      { value: 13253, name: 'analysis.monday' },
-      { value: 34235, name: 'analysis.tuesday' },
-      { value: 26321, name: 'analysis.wednesday' },
-      { value: 12340, name: 'analysis.thursday' },
-      { value: 24643, name: 'analysis.friday' },
-      { value: 1322, name: 'analysis.saturday' },
-      { value: 1324, name: 'analysis.sunday' }
-    ]
-    set(
-      barOptionsData,
-      'xAxis.data',
-      data.map((v) => t(v.name))
-    )
-    set(barOptionsData, 'series', [
-      {
-        name: t('analysis.activeQuantity'),
-        data: data.map((v) => v.value),
-        type: 'bar'
-      }
-    ])
-  }
+const getAllApi = async () => {
+  await Promise.all([
+    getCount(),
+    getProject(),
+    getNotice(),
+    getShortcut(),
+    getUserAccessSource(),
+    getWeeklyUserActivity()
+  ])
+  loading.value = false
+}
 
-  const getAllApi = async () => {
-    await Promise.all([
-      getCount(),
-      getProject(),
-      getNotice(),
-      getShortcut(),
-      getUserAccessSource(),
-      getWeeklyUserActivity()
-    ])
-    loading.value = false
-  }
-
-  const goToXXLJob = async () => {
-    window.open('http://121.36.203.133/xxl-job-admin/');
-  }
-  getAllApi()
+const goToXXLJob = async () => {
+  window.open('http://121.36.203.133/xxl-job-admin/');
+}
+getAllApi()
 </script>
 <style scoped>
-  .image-container {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-  }
+.image-container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
 
-  .el-image img {
-    width: 100%;
-    height: auto;
-  }
+.el-image img {
+  width: 100%;
+  height: auto;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/Login/components/LoginForm.vue b/src/views/Login/components/LoginForm.vue
index 0a82eb85..5effc4d4 100644
--- a/src/views/Login/components/LoginForm.vue
+++ b/src/views/Login/components/LoginForm.vue
@@ -1,14 +1,6 @@
 <template>
-  <el-form
-    v-show="getShow"
-    ref="formLogin"
-    :model="loginData.loginForm"
-    :rules="LoginRules"
-    class="login-form"
-    label-position="top"
-    label-width="120px"
-    size="large"
-  >
+  <el-form v-show="getShow" ref="formLogin" :model="loginData.loginForm" :rules="LoginRules" class="login-form"
+    label-position="top" label-width="120px" size="large">
     <el-row style="margin-right: -10px; margin-left: -10px">
       <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
         <el-form-item>
@@ -17,40 +9,23 @@
       </el-col>
       <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
         <el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
-          <el-input
-            v-model="loginData.loginForm.tenantName"
-            :placeholder="t('login.tenantNamePlaceholder')"
-            :prefix-icon="iconHouse"
-            link
-            type="primary"
-          />
+          <el-input v-model="loginData.loginForm.tenantName" :placeholder="t('login.tenantNamePlaceholder')"
+            :prefix-icon="iconHouse" link type="primary" />
         </el-form-item>
       </el-col>
       <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
         <el-form-item prop="username">
-          <el-input
-            v-model="loginData.loginForm.username"
-            :placeholder="t('login.usernamePlaceholder')"
-            :prefix-icon="iconAvatar"
-          />
+          <el-input v-model="loginData.loginForm.username" :placeholder="t('login.usernamePlaceholder')"
+            :prefix-icon="iconAvatar" />
         </el-form-item>
       </el-col>
       <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
         <el-form-item prop="password">
-          <el-input
-            v-model="loginData.loginForm.password"
-            :placeholder="t('login.passwordPlaceholder')"
-            :prefix-icon="iconLock"
-            show-password
-            type="password"
-            @keyup.enter="getCode()"
-          />
+          <el-input v-model="loginData.loginForm.password" :placeholder="t('login.passwordPlaceholder')"
+            :prefix-icon="iconLock" show-password type="password" @keyup.enter="getCode()" />
         </el-form-item>
       </el-col>
-      <el-col
-        :span="24"
-        style="padding-right: 10px; padding-left: 10px; margin-top: -20px; margin-bottom: -20px"
-      >
+      <el-col :span="24" style="padding-right: 10px; padding-left: 10px; margin-top: -20px; margin-bottom: -20px">
         <el-form-item>
           <el-row justify="space-between" style="width: 100%">
             <el-col :span="6">
@@ -66,22 +41,12 @@
       </el-col>
       <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
         <el-form-item>
-          <XButton
-            :loading="loginLoading"
-            :title="t('login.login')"
-            class="w-[100%]"
-            type="primary"
-            @click="getCode()"
-          />
+          <XButton :loading="loginLoading" :title="t('login.login')" class="w-[100%]" type="primary"
+            @click="getCode()" />
         </el-form-item>
       </el-col>
-      <Verify
-        ref="verify"
-        :captchaType="captchaType"
-        :imgSize="{ width: '400px', height: '200px' }"
-        mode="pop"
-        @success="handleLogin"
-      />
+      <Verify ref="verify" :captchaType="captchaType" :imgSize="{ width: '400px', height: '200px' }" mode="pop"
+        @success="handleLogin" />
       <!-- <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
         <el-form-item>
           <el-row :gutter="5" justify="space-between" style="width: 100%">
@@ -184,9 +149,9 @@ const loginData = reactive({
   captchaEnable: import.meta.env.VITE_APP_CAPTCHA_ENABLE,
   tenantEnable: import.meta.env.VITE_APP_TENANT_ENABLE,
   loginForm: {
-    tenantName: '芋道源码',
+    tenantName: '智慧码头',
     username: 'admin',
-    password: 'admin123',
+    password: 'mt@6688',
     captchaVerification: '',
     rememberMe: true // 默认记录我。如果不需要，可手动修改
   }