From c4bd60d0cc0c681031219e18e1f493d511db14fc Mon Sep 17 00:00:00 2001
From: ZhangAo <hi_itao@163.com>
Date: Fri, 12 Dec 2025 17:27:55 +0800
Subject: [PATCH] u

---
 .../link56-frontend-new/public/no-avatar.png  | Bin 0 -> 4097 bytes
 code/link56/link56-frontend-new/src/App.vue   |   6 +-
 .../src/components/SafeImage.vue              |   0
 .../src/layout/components/header.vue          |  27 +-
 .../link56-frontend-new/src/layout/index.vue  |   1 +
 .../src/request/api/auth.ts                   |  12 +
 .../link56-frontend-new/src/request/index.ts  |  29 +-
 .../link56-frontend-new/src/router/index.ts   |   2 +
 .../link56-frontend-new/src/store/user.ts     |   6 +-
 .../src/types/auth/index.ts                   |  24 ++
 .../src/types/auto-import.d.ts                |   1 +
 .../link56-frontend-new/src/types/global.d.ts |   1 +
 .../src/views/auth/forget.vue                 |  63 ++++-
 .../src/views/auth/login.vue                  | 182 +++++++++++--
 .../src/views/auth/register.vue               | 249 ++++++++++++++++--
 code/link56/link56-frontend-new/test.html     | 173 ++++++++++++
 16 files changed, 689 insertions(+), 87 deletions(-)
 create mode 100644 code/link56/link56-frontend-new/public/no-avatar.png
 create mode 100644 code/link56/link56-frontend-new/src/components/SafeImage.vue
 create mode 100644 code/link56/link56-frontend-new/src/request/api/auth.ts
 create mode 100644 code/link56/link56-frontend-new/src/types/auth/index.ts
 create mode 100644 code/link56/link56-frontend-new/test.html

diff --git a/code/link56/link56-frontend-new/public/no-avatar.png b/code/link56/link56-frontend-new/public/no-avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..e16488e4534d25626ac002e04ce9c64cd834ade2
GIT binary patch
literal 4097
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

literal 0
HcmV?d00001

diff --git a/code/link56/link56-frontend-new/src/App.vue b/code/link56/link56-frontend-new/src/App.vue
index ed4f2926..eed7c89b 100644
--- a/code/link56/link56-frontend-new/src/App.vue
+++ b/code/link56/link56-frontend-new/src/App.vue
@@ -11,9 +11,9 @@ onMounted(() => {
 })
 
 function handleInitData() {
-  getAreaListApi().then((res) => {
-    commonOptions.areaOptions.splice(0, commonOptions.areaOptions.length, ...res.data || [])
-  })
+  // getAreaListApi().then((res) => {
+  //   commonOptions.areaOptions.splice(0, commonOptions.areaOptions.length, ...res.data || [])
+  // })
 
   getPropertyListApi().then((res) => {
     commonOptions.propertyOptions.splice(0, commonOptions.propertyOptions.length, ...res.data || [])
diff --git a/code/link56/link56-frontend-new/src/components/SafeImage.vue b/code/link56/link56-frontend-new/src/components/SafeImage.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/code/link56/link56-frontend-new/src/layout/components/header.vue b/code/link56/link56-frontend-new/src/layout/components/header.vue
index f1e90658..c61710b1 100644
--- a/code/link56/link56-frontend-new/src/layout/components/header.vue
+++ b/code/link56/link56-frontend-new/src/layout/components/header.vue
@@ -1,15 +1,10 @@
 <script lang="ts" setup>
 import { useRoute, useRouter } from 'vue-router'
-
-const props = defineProps({
-  isLogined: {
-    type: Boolean,
-    default: false,
-  },
-})
+import { useUserStore } from '@/store/user'
 
 const route = useRoute()
 const router = useRouter()
+const userStore = useUserStore()
 
 const menuList = [
   { name: '首页', path: '/' },
@@ -22,6 +17,12 @@ const menuList = [
 function navigateTo(path: string) {
   router.push(path)
 }
+
+function exitLogin() {
+  userStore.clearUserInfo()
+
+  navigateTo('/auth/login')
+}
 </script>
 
 <template>
@@ -43,22 +44,24 @@ function navigateTo(path: string) {
       <div class="action">
         <i-tdesign:search class="action-item" />
 
-        <i-tdesign:notification v-if="props.isLogined" class="action-item" />
+        <i-tdesign:notification v-if="userStore.isLogined" class="action-item" />
 
-        <template v-if="props.isLogined">
+        <template v-if="userStore.isLogined">
           <el-divider direction="vertical" />
 
           <el-dropdown>
             <div class="user">
-              <el-avatar :size="32" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" />
+              <el-avatar :size="32" :src="userStore.userInfo.avatar" />
               <span class="name">
-                远通G3
+                {{ userStore.userInfo.name }}
               </span>
             </div>
             <template #dropdown>
               <el-dropdown-menu>
                 <el-dropdown-item>个人中心</el-dropdown-item>
-                <el-dropdown-item>退出登录</el-dropdown-item>
+                <el-dropdown-item @click="exitLogin()">
+                  退出登录
+                </el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
diff --git a/code/link56/link56-frontend-new/src/layout/index.vue b/code/link56/link56-frontend-new/src/layout/index.vue
index 8078fc4b..d96ff54f 100644
--- a/code/link56/link56-frontend-new/src/layout/index.vue
+++ b/code/link56/link56-frontend-new/src/layout/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import Header from './components/header.vue'
+
 </script>
 
 <template>
diff --git a/code/link56/link56-frontend-new/src/request/api/auth.ts b/code/link56/link56-frontend-new/src/request/api/auth.ts
new file mode 100644
index 00000000..5cc421f6
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/request/api/auth.ts
@@ -0,0 +1,12 @@
+import type { forgetApiParams, loginApiParams, loginApiResult, registerApiParams } from '@/types/auth'
+import { httpPostJson } from '../utils'
+
+export function loginApi(params: loginApiParams) {
+  return httpPostJson<loginApiResult>(`/auth/login`, params)
+}
+export function registerApi(params: registerApiParams) {
+  return httpPostJson<null>(`/auth/register`, params)
+}
+export function forgetApi(params: forgetApiParams) {
+  return httpPostJson<null>(`/auth/forget`, params)
+}
diff --git a/code/link56/link56-frontend-new/src/request/index.ts b/code/link56/link56-frontend-new/src/request/index.ts
index e42ff155..cb355226 100644
--- a/code/link56/link56-frontend-new/src/request/index.ts
+++ b/code/link56/link56-frontend-new/src/request/index.ts
@@ -1,6 +1,6 @@
 import type { AxiosError, AxiosInstance, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
 import axios from 'axios'
-import { useRouter } from 'vue-router'
+import { router } from '@/router/index'
 import { useUserStore } from '@/store/user'
 
 function buildBaseUrl() {
@@ -42,7 +42,7 @@ const NoFreePaths = [
 // 请求拦截器
 axiosInstance.interceptors.request.use(
   (config: InternalAxiosRequestConfig) => {
-    const router = useRouter()
+    // const router = useRouter()
     const userStore = useUserStore()
     const path = config.url || ''
 
@@ -62,7 +62,7 @@ axiosInstance.interceptors.request.use(
     return config
   },
   (error: AxiosError) => {
-    console.log("===ReqError===");
+    console.log('===ReqError===')
     return Promise.reject(error)
   },
 )
@@ -80,18 +80,29 @@ axiosInstance.interceptors.response.use(
     }
 
     const resData = response.data as ResponseData<any>
-    response.data.data = parseJsonOrReturnString(response.data.data)
 
-    if (resData.code === 200) {
-      return Promise.resolve(response.data)
+    if (resData.code === 401) {
+      router.push('/auth/login')
+      return Promise.reject(response.data)
+    }
+    else if (resData.code === 404) {
+      router.push('/error/404')
+      return Promise.reject(response.data)
     }
     else {
-      return Promise.reject(resData)
+      resData.isSuccess = resData.code === 200
+      return Promise.resolve(response.data)
     }
   },
   (error: AxiosError) => {
-    console.log("===ResError===");
-    
+    if (error.status === 500) {
+      router.push('/error/500')
+    }
+
+    if (error.status === 404) {
+      router.push('/error/404')
+    }
+
     return Promise.reject(error)
   },
 )
diff --git a/code/link56/link56-frontend-new/src/router/index.ts b/code/link56/link56-frontend-new/src/router/index.ts
index 706202a1..4ad57b13 100644
--- a/code/link56/link56-frontend-new/src/router/index.ts
+++ b/code/link56/link56-frontend-new/src/router/index.ts
@@ -45,6 +45,8 @@ const router = createRouter({
   scrollBehavior: () => ({ left: 0, top: 0 }),
 })
 
+export { router }
+
 export function setupRouter(app: App) {
   app.use(router)
 }
diff --git a/code/link56/link56-frontend-new/src/store/user.ts b/code/link56/link56-frontend-new/src/store/user.ts
index 615bcbf3..1f231f13 100644
--- a/code/link56/link56-frontend-new/src/store/user.ts
+++ b/code/link56/link56-frontend-new/src/store/user.ts
@@ -2,7 +2,7 @@ import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 
 interface IUserInfo {
-  id: number
+  id: string
   account?: string
   email?: string
   name?: string
@@ -14,7 +14,7 @@ export const useUserStore = defineStore(
   'user',
   () => {
     const userInfo = ref<IUserInfo>({
-      id: 0,
+      id: '',
     })
 
     const setUserInfo = (val: IUserInfo) => {
@@ -29,7 +29,7 @@ export const useUserStore = defineStore(
       return !!(
         (
           userInfo.value.token
-          && userInfo.value.id !== 0
+          && userInfo.value.id
           && userInfo.value.account
         )
       )
diff --git a/code/link56/link56-frontend-new/src/types/auth/index.ts b/code/link56/link56-frontend-new/src/types/auth/index.ts
new file mode 100644
index 00000000..de721f70
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/types/auth/index.ts
@@ -0,0 +1,24 @@
+export interface loginApiParams {
+  loginCredential: string
+  password: string
+}
+
+export interface loginApiResult {
+  id: string
+  account: string
+  name: string
+  email: string
+  token: string
+  avatar: string
+}
+
+export interface registerApiParams {
+  account: string
+  name: string
+  email: string
+  password: string
+}
+
+export interface forgetApiParams {
+  forgetCredential: string
+}
diff --git a/code/link56/link56-frontend-new/src/types/auto-import.d.ts b/code/link56/link56-frontend-new/src/types/auto-import.d.ts
index df229b08..2b5cf2d1 100644
--- a/code/link56/link56-frontend-new/src/types/auto-import.d.ts
+++ b/code/link56/link56-frontend-new/src/types/auto-import.d.ts
@@ -19,5 +19,6 @@ declare module 'vue' {
     QueryCompany: typeof import('./../components/QueryCompany.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    SafeImage: typeof import('./../components/SafeImage.vue')['default']
   }
 }
diff --git a/code/link56/link56-frontend-new/src/types/global.d.ts b/code/link56/link56-frontend-new/src/types/global.d.ts
index e5b15a79..10fae533 100644
--- a/code/link56/link56-frontend-new/src/types/global.d.ts
+++ b/code/link56/link56-frontend-new/src/types/global.d.ts
@@ -2,6 +2,7 @@ export {}
 
 declare global {
   interface ResponseData<T> {
+    isSuccess: boolean
     code: number
     message: string
     data: T
diff --git a/code/link56/link56-frontend-new/src/views/auth/forget.vue b/code/link56/link56-frontend-new/src/views/auth/forget.vue
index 49c1916b..244be07c 100644
--- a/code/link56/link56-frontend-new/src/views/auth/forget.vue
+++ b/code/link56/link56-frontend-new/src/views/auth/forget.vue
@@ -9,6 +9,34 @@ function navigateTo(path: string) {
   router.push(path)
 }
 
+const carouselList = [
+  {
+    title: '值得信赖',
+    company: '恒星科技有限公司',
+    content: '我们已经连续三年使用该平台，数据处理稳定高效，团队协作体验非常顺畅。',
+  },
+  {
+    title: '安全 · 高效',
+    company: '博越信息技术',
+    content: '平台的权限管理做得很好，操作简单清晰，极大提升了内部管理效率。',
+  },
+  {
+    title: '稳定可靠',
+    company: '远航供应链集团',
+    content: '系统运行非常稳定，几乎没有出现过宕机情况，客服响应速度也很快。',
+  },
+  {
+    title: '智能化体验',
+    company: '蓝海数据服务中心',
+    content: '智能报表和自动化功能非常实用，减少了大量人工整理数据的时间。',
+  },
+  {
+    title: '灵活易用',
+    company: '中联创投有限公司',
+    content: 'UI设计简洁友好，新员工上手很快，各项业务流程也能灵活配置。',
+  },
+]
+
 // do not use same name with ref
 const form = reactive({
   name: '',
@@ -35,10 +63,16 @@ function onSubmit() {
           height="150px"
           indicator-position="none"
         >
-          <el-carousel-item v-for="item in 4" :key="item">
-            <h3 class="small justify-center" text="2xl">
-              {{ item }}
-            </h3>
+          <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+            <div class="carousel-item">
+              <h2 class="title">
+                {{ item.title }}
+              </h2>
+
+              <span class="content">{{ item.content }}</span>
+
+              <span class="company"> - {{ item.company }}</span>
+            </div>
           </el-carousel-item>
         </el-carousel>
       </div>
@@ -99,13 +133,30 @@ function onSubmit() {
     .bg-content {
       position: absolute;
       left: 50%;
-      bottom: 12%;
+      bottom: 10%;
       transform: translateX(-50%);
       text-align: center;
       color: #fff;
       width: 600px;
+
+      .carousel-item {
+        display: flex;
+        flex-direction: column;
+        .title {
+          font-size: 28px;
+          line-height: 28px;
+          margin-bottom: 16px;
+        }
+        .content {
+          margin-bottom: 8px;
+        }
+        .company {
+          font-size: 14px;
+        }
+      }
     }
   }
+
   .form-label-flex {
     display: flex;
     justify-content: space-between;
@@ -122,7 +173,7 @@ function onSubmit() {
     flex: 1;
     display: flex;
     flex-direction: column;
-    padding: 48px 56px 24px 56px;
+    padding: 36px;
 
     .logo {
       height: 70px;
diff --git a/code/link56/link56-frontend-new/src/views/auth/login.vue b/code/link56/link56-frontend-new/src/views/auth/login.vue
index 13989355..94dd4155 100644
--- a/code/link56/link56-frontend-new/src/views/auth/login.vue
+++ b/code/link56/link56-frontend-new/src/views/auth/login.vue
@@ -1,35 +1,125 @@
 <script lang="ts" setup>
-import { reactive } from 'vue'
-
+import type { FormInstance } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import { reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
+import { loginApi } from '@/request/api/auth'
+import { useUserStore } from '@/store/user'
 
+const userStore = useUserStore()
 const router = useRouter()
 
+const carouselList = [
+  {
+    title: '值得信赖',
+    company: '恒星科技有限公司',
+    content: '我们已经连续三年使用该平台，数据处理稳定高效，团队协作体验非常顺畅。',
+  },
+  {
+    title: '安全 · 高效',
+    company: '博越信息技术',
+    content: '平台的权限管理做得很好，操作简单清晰，极大提升了内部管理效率。',
+  },
+  {
+    title: '稳定可靠',
+    company: '远航供应链集团',
+    content: '系统运行非常稳定，几乎没有出现过宕机情况，客服响应速度也很快。',
+  },
+  {
+    title: '智能化体验',
+    company: '蓝海数据服务中心',
+    content: '智能报表和自动化功能非常实用，减少了大量人工整理数据的时间。',
+  },
+  {
+    title: '灵活易用',
+    company: '中联创投有限公司',
+    content: 'UI设计简洁友好，新员工上手很快，各项业务流程也能灵活配置。',
+  },
+]
+
+const form = reactive<{
+  loginCredential: string
+  password: string
+  rememberMe: boolean
+}>({
+  loginCredential: '',
+  password: '',
+  rememberMe: true,
+})
+const formRef = ref<FormInstance>()
+const formRules = {
+  loginCredential: [
+    { required: true, message: '邮箱 / 账号不能为空', trigger: 'blur' },
+  ],
+  password: [
+    { required: true, message: '密码不能为空', trigger: 'blur' },
+  ],
+}
+
+const saveLoading = ref(false)
+
+async function submitForm(formEl: FormInstance | undefined) {
+  if (!formEl)
+    return
+  await formEl.validate((valid) => {
+    if (valid) {
+      saveLoading.value = true
+      loginApi({
+        loginCredential: form.loginCredential,
+        password: form.password,
+      }).then((res) => {
+        if (res.isSuccess) {
+          userStore.setUserInfo({
+            id: res.data.id,
+            account: res.data.account,
+            email: res.data.email,
+            name: res.data.name,
+            token: res.data.token,
+            avatar: res.data.avatar || '/no-avatar.png',
+          })
+
+          ElMessage.success('登录成功')
+          router.push('/')
+        }
+        else {
+          ElMessage.error(res.message || '登录失败，请稍后再试！')
+        }
+      }).catch((err) => {
+        console.log(err)
+      }).finally(() => {
+        saveLoading.value = false
+      })
+    }
+  })
+}
+
 function navigateTo(path: string) {
   router.push(path)
 }
-
-// do not use same name with ref
-const form = reactive({
-  name: '',
-  region: '',
-  date1: '',
-  date2: '',
-  delivery: false,
-  type: [],
-  resource: '',
-  desc: '',
-})
-
-function onSubmit() {
-  console.log('submit!')
-}
 </script>
 
 <template>
   <div class="auth-wrapper">
     <div class="auth-bg">
       <img src="/auth-bg.jpg">
+      <div class="bg-content">
+        <el-carousel
+          height="150px"
+          indicator-position="none"
+        >
+          <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+            <div class="carousel-item">
+              <h2 class="title">
+                {{ item.title }}
+              </h2>
+
+              <span class="content">{{ item.content }}</span>
+
+              <span class="company"> - {{ item.company }}</span>
+            </div>
+          </el-carousel-item>
+        </el-carousel>
+      </div>
     </div>
 
     <div class="login-form">
@@ -43,29 +133,38 @@ function onSubmit() {
           输入你的 邮箱/账号 和 密码 登录账户.
         </p>
         <el-form
+          ref="formRef"
           :model="form"
+          :rules="formRules"
           label-width="auto"
           label-position="top"
+          hide-required-asterisk
         >
-          <el-form-item label="邮箱 / 账号">
-            <el-input v-model="form.name" placeholder="请输入邮箱 / 账号" size="large" />
+          <el-form-item label="邮箱 / 账号" prop="loginCredential">
+            <el-input v-model="form.loginCredential" placeholder="请输入邮箱 / 账号" size="large" />
           </el-form-item>
-          <el-form-item>
+
+          <el-form-item prop="password">
             <template #label>
-              <div class="form-label-flex">
+              <span class="form-label-flex">
                 <span>密码</span>
                 <span class="forgot" @click="navigateTo('/auth/forget')">忘记密码?</span>
-              </div>
+              </span>
             </template>
-
-            <el-input v-model="form.name" placeholder="请输入密码" size="large" />
+            <el-input
+              v-model="form.password"
+              placeholder="请输入密码"
+              size="large"
+              @keyup.enter="submitForm(formRef)"
+            />
           </el-form-item>
 
           <el-form-item>
-            <el-checkbox label="记住我" class="remeber" />
+            <el-checkbox v-model="form.rememberMe" label="记住我" class="remeber" />
           </el-form-item>
+
           <el-form-item>
-            <el-button type="primary" class="form-btn">
+            <el-button type="primary" class="form-btn" :loading="saveLoading" @click="submitForm(formRef)">
               登录
             </el-button>
           </el-form-item>
@@ -89,12 +188,39 @@ function onSubmit() {
   .auth-bg {
     width: 70%;
     height: 100%;
+    position: relative;
 
     img {
       width: 100%;
       height: 100%;
       object-fit: cover;
     }
+
+    .bg-content {
+      position: absolute;
+      left: 50%;
+      bottom: 10%;
+      transform: translateX(-50%);
+      text-align: center;
+      color: #fff;
+      width: 600px;
+
+      .carousel-item {
+        display: flex;
+        flex-direction: column;
+        .title {
+          font-size: 28px;
+          line-height: 28px;
+          margin-bottom: 16px;
+        }
+        .content {
+          margin-bottom: 8px;
+        }
+        .company {
+          font-size: 14px;
+        }
+      }
+    }
   }
   .form-label-flex {
     display: flex;
@@ -112,7 +238,7 @@ function onSubmit() {
     flex: 1;
     display: flex;
     flex-direction: column;
-    padding: 48px 56px 24px 56px;
+    padding: 36px;
 
     .logo {
       height: 70px;
diff --git a/code/link56/link56-frontend-new/src/views/auth/register.vue b/code/link56/link56-frontend-new/src/views/auth/register.vue
index f0cccf39..365226bb 100644
--- a/code/link56/link56-frontend-new/src/views/auth/register.vue
+++ b/code/link56/link56-frontend-new/src/views/auth/register.vue
@@ -1,28 +1,128 @@
 <script lang="ts" setup>
-import { reactive } from 'vue'
+import type { FormInstance } from 'element-plus'
+import { computed, onUnmounted, reactive, ref } from 'vue'
 
 import { useRouter } from 'vue-router'
 
 const router = useRouter()
 
-function navigateTo(path: string) {
-  router.push(path)
+const carouselList = [
+  {
+    title: '值得信赖',
+    company: '恒星科技有限公司',
+    content: '我们已经连续三年使用该平台，数据处理稳定高效，团队协作体验非常顺畅。',
+  },
+  {
+    title: '安全 · 高效',
+    company: '博越信息技术',
+    content: '平台的权限管理做得很好，操作简单清晰，极大提升了内部管理效率。',
+  },
+  {
+    title: '稳定可靠',
+    company: '远航供应链集团',
+    content: '系统运行非常稳定，几乎没有出现过宕机情况，客服响应速度也很快。',
+  },
+  {
+    title: '智能化体验',
+    company: '蓝海数据服务中心',
+    content: '智能报表和自动化功能非常实用，减少了大量人工整理数据的时间。',
+  },
+  {
+    title: '灵活易用',
+    company: '中联创投有限公司',
+    content: 'UI设计简洁友好，新员工上手很快，各项业务流程也能灵活配置。',
+  },
+]
+
+const form = reactive<{
+  email: string
+  code: string
+  name: string
+  account: string
+  password: string
+  confirmPassword: string
+}>({
+  email: '',
+  code: '',
+  name: '',
+  account: '',
+  password: '',
+  confirmPassword: '',
+})
+const formRef = ref<FormInstance>()
+const formRules = {
+  email: [
+    { required: true, message: '邮箱不能为空', trigger: 'blur' },
+    { type: 'email', message: '请输入正确的邮箱格式', trigger: ['blur', 'change'] },
+  ],
+  code: [
+    { required: true, message: '验证码不能为空', trigger: 'blur' },
+  ],
+  name: [
+    { required: true, message: '名称不能为空', trigger: 'blur' },
+    { min: 2, max: 20, message: '名称长度需在 2 到 20 个字符之间', trigger: 'blur' },
+  ],
+  password: [
+    { required: true, message: '密码不能为空', trigger: 'blur' },
+    { min: 6, max: 20, message: '密码长度需在 6 到 20 个字符之间', trigger: 'blur' },
+  ],
+  confirmPassword: [
+    { required: true, message: '请再次输入密码', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (value !== form.password) {
+          callback(new Error('两次输入的密码不一致'))
+        }
+        else {
+          callback()
+        }
+      },
+      trigger: ['blur', 'change'],
+    },
+  ],
 }
 
-// do not use same name with ref
-const form = reactive({
-  name: '',
-  region: '',
-  date1: '',
-  date2: '',
-  delivery: false,
-  type: [],
-  resource: '',
-  desc: '',
+// --- 邮箱校验（简单正则） ---
+const emailRegex = /^\w+(?:[-.]\w+)*@\w+(?:[-.]\w+)*\.\w+(?:[-.]\w+)*$/
+
+const isEmailValid = computed(() => emailRegex.test(form.email.trim()))
+
+// --- 发送验证码状态 & 倒计时 ---
+const sending = ref(false)
+const countdown = ref(0)
+let timer: number | undefined
+
+function startCountdown(seconds = 60) {
+  countdown.value = seconds
+  timer = window.setInterval(() => {
+    countdown.value -= 1
+    if (countdown.value <= 0) {
+      clearInterval(timer)
+      timer = undefined
+      sending.value = false
+    }
+  }, 1000)
+}
+
+// 清理
+onUnmounted(() => {
+  if (timer) {
+    clearInterval(timer)
+    timer = undefined
+  }
 })
 
-function onSubmit() {
-  console.log('submit!')
+function handleSendEmailCode() {
+  sending.value = true
+  startCountdown()
+}
+
+async function submitForm() {
+
+}
+
+function navigateTo(path: string) {
+  router.push(path)
 }
 </script>
 
@@ -30,8 +130,25 @@ function onSubmit() {
   <div class="auth-wrapper">
     <div class="auth-bg">
       <img src="/auth-bg.jpg">
-    </div>
+      <div class="bg-content">
+        <el-carousel
+          height="150px"
+          indicator-position="none"
+        >
+          <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+            <div class="carousel-item">
+              <h2 class="title">
+                {{ item.title }}
+              </h2>
 
+              <span class="content">{{ item.content }}</span>
+
+              <span class="company"> - {{ item.company }}</span>
+            </div>
+          </el-carousel-item>
+        </el-carousel>
+      </div>
+    </div>
     <div class="login-form">
       <img src="/logo.png" class="logo" @click="navigateTo('/')">
 
@@ -43,25 +160,62 @@ function onSubmit() {
           请填写必要的注册信息，完成账户创建。
         </p>
         <el-form
+          ref="formRef"
           :model="form"
+          :rules="formRules"
           label-width="auto"
           label-position="top"
         >
-          <el-form-item label="邮箱">
-            <el-input v-model="form.name" placeholder="请输入邮箱" size="large" />
+          <el-form-item
+            label="邮箱"
+            prop="email"
+          >
+            <el-input
+              v-model="form.email"
+              placeholder="请输入邮箱"
+              size="large"
+            />
           </el-form-item>
-          <el-form-item label="账号">
-            <el-input v-model="form.name" placeholder="请输入账号" size="large" />
+          <el-form-item
+            label="邮箱验证码"
+            prop="code"
+          >
+            <el-input
+              v-model="form.account" placeholder="请输入邮箱验证码" size="large"
+              class="email-code"
+              :class="(!isEmailValid || sending) ? 'disabled' : ''"
+            >
+              <template #append>
+                <el-button :disabled="!isEmailValid || sending" @click="handleSendEmailCode()">
+                  {{ sending ? `${countdown}s` : "发送验证码" }}
+                </el-button>
+              </template>
+            </el-input>
           </el-form-item>
-          <el-form-item label="公司名称">
+          <!-- <el-form-item label="账号">
+            <el-input v-model="form.account" placeholder="请输入账号" size="large" />
+          </el-form-item> -->
+          <el-form-item
+            label="公司名称"
+            prop="name"
+          >
             <el-input v-model="form.name" placeholder="请输入公司名称" size="large" />
           </el-form-item>
-          <el-form-item label="密码">
-            <el-input v-model="form.name" placeholder="请输入密码" size="large" />
+          <el-form-item
+            label="密码"
+            prop="password"
+          >
+            <el-input v-model="form.password" placeholder="请输入密码" size="large" />
+          </el-form-item>
+          <el-form-item
+            label="确认密码"
+            prop="confirmPassword"
+          >
+            <el-input v-model="form.confirmPassword" placeholder="请输入确认密码" size="large" />
           </el-form-item>
 
           <el-form-item>
-            <el-button type="primary" class="form-btn">
+            <el-button type="primary" class="form-btn" @click="submitForm()">
               注册
             </el-button>
           </el-form-item>
@@ -77,6 +231,21 @@ function onSubmit() {
 </template>
 
 <style lang="scss" scoped>
+.email-code {
+  :deep(.el-input-group__append) {
+    background-color: #eceffd;
+    color: #4041d1;
+    cursor: pointer;
+  }
+
+  &.disabled {
+    :deep(.el-input-group__append) {
+      background-color: #f5f7fa;
+      color: #c0c4cc;
+    }
+  }
+}
+
 .auth-wrapper {
   display: flex;
   height: 100vh;
@@ -85,12 +254,39 @@ function onSubmit() {
   .auth-bg {
     width: 70%;
     height: 100%;
+    position: relative;
 
     img {
       width: 100%;
       height: 100%;
       object-fit: cover;
     }
+
+    .bg-content {
+      position: absolute;
+      left: 50%;
+      bottom: 10%;
+      transform: translateX(-50%);
+      text-align: center;
+      color: #fff;
+      width: 600px;
+
+      .carousel-item {
+        display: flex;
+        flex-direction: column;
+        .title {
+          font-size: 28px;
+          line-height: 28px;
+          margin-bottom: 16px;
+        }
+        .content {
+          margin-bottom: 8px;
+        }
+        .company {
+          font-size: 14px;
+        }
+      }
+    }
   }
   .form-label-flex {
     display: flex;
@@ -105,16 +301,17 @@ function onSubmit() {
   }
 
   .login-form {
+    overflow-y: auto;
     flex: 1;
     display: flex;
     flex-direction: column;
-    padding: 48px 56px 24px 56px;
+    padding: 36px;
 
     .logo {
       height: 70px;
       width: 160px;
       cursor: pointer;
-      margin-bottom: 48px;
+      margin-bottom: 24px;
     }
 
     .main {
diff --git a/code/link56/link56-frontend-new/test.html b/code/link56/link56-frontend-new/test.html
new file mode 100644
index 00000000..ffa30fee
--- /dev/null
+++ b/code/link56/link56-frontend-new/test.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>注册示例</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    background: #f5f5f5;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+  }
+
+  .register-form {
+    background: #fff;
+    padding: 30px 40px;
+    border-radius: 8px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+    width: 350px;
+  }
+
+  .register-form h2 {
+    margin-bottom: 20px;
+    font-weight: 600;
+    text-align: center;
+  }
+
+  .form-item {
+    margin-bottom: 16px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .form-item label {
+    margin-bottom: 6px;
+    font-size: 14px;
+  }
+
+  .form-item input {
+    padding: 8px 12px;
+    font-size: 14px;
+    border-radius: 4px;
+    border: 1px solid #ccc;
+  }
+
+  /* 验证码输入+按钮布局 */
+  .input-with-button {
+    display: flex;
+  }
+
+  .input-with-button input {
+    flex: 1;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .input-with-button button {
+    padding: 0 15px;
+    border: 1px solid #ccc;
+    border-left: none;
+    border-radius: 0 4px 4px 0;
+    background-color: #eceffd;
+    color: #4041d1;
+    cursor: pointer;
+  }
+
+  .input-with-button button.disabled {
+    background-color: #f5f7fa;
+    color: #c0c4cc;
+    cursor: not-allowed;
+  }
+
+  .form-item button[type="submit"] {
+    width: 100%;
+    padding: 10px 0;
+    background-color: #4041d1;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    font-size: 16px;
+    cursor: pointer;
+  }
+
+</style>
+</head>
+<body>
+
+<div class="register-form">
+  <h2>注册</h2>
+
+  <div class="form-item">
+    <label for="email">邮箱</label>
+    <input type="email" id="email" placeholder="请输入邮箱">
+  </div>
+
+  <div class="form-item">
+    <label for="code">邮箱验证码</label>
+    <div class="input-with-button">
+      <input type="text" id="code" placeholder="请输入验证码">
+      <button id="sendCode" class="disabled" disabled>发送验证码</button>
+    </div>
+  </div>
+
+  <div class="form-item">
+    <label for="password">密码</label>
+    <input type="password" id="password" placeholder="请输入密码">
+  </div>
+
+  <div class="form-item">
+    <label for="confirmPassword">确认密码</label>
+    <input type="password" id="confirmPassword" placeholder="请输入确认密码">
+  </div>
+
+  <div class="form-item">
+    <button type="submit">注册</button>
+  </div>
+</div>
+
+<script>
+  const emailInput = document.getElementById('email');
+  const sendBtn = document.getElementById('sendCode');
+  let countdown = 60;
+  let timer = null;
+
+  // 简单邮箱正则
+  const emailRegex = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*\.\w+([.-]?\w+)*$/;
+
+  // 检查邮箱是否有效
+  emailInput.addEventListener('input', () => {
+    if (emailRegex.test(emailInput.value.trim())) {
+      sendBtn.disabled = false;
+      sendBtn.classList.remove('disabled');
+    } else {
+      sendBtn.disabled = true;
+      sendBtn.classList.add('disabled');
+    }
+  });
+
+  // 点击发送验证码
+  sendBtn.addEventListener('click', () => {
+    if (sendBtn.disabled) return;
+
+    sendBtn.disabled = true;
+    sendBtn.classList.add('disabled');
+    sendBtn.textContent = `${countdown}s`;
+
+    // 模拟倒计时
+    timer = setInterval(() => {
+      countdown--;
+      if (countdown <= 0) {
+        clearInterval(timer);
+        countdown = 60;
+        sendBtn.textContent = '发送验证码';
+        // 如果邮箱有效，恢复可点击
+        if (emailRegex.test(emailInput.value.trim())) {
+          sendBtn.disabled = false;
+          sendBtn.classList.remove('disabled');
+        }
+      } else {
+        sendBtn.textContent = `${countdown}s`;
+      }
+    }, 1000);
+
+    // TODO: 在这里调用你的发送验证码接口
+    console.log('发送验证码给邮箱:', emailInput.value.trim());
+  });
+</script>
+
+</body>
+</html>