接入后端部分验证接口

2026-06-08 17:40:08 +08:00
27 changed files with 656 additions and 1709 deletions
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link href="./public/mixue.png" rel="icon" type="image/png" />
+    <link href="/favicon.svg" rel="icon" type="image/svg+xml" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-    <title>蜜雪冰城管理系统</title>
+    <title>backmanagerweb</title>
  </head>
  <body>
    <div id="app"></div>
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,10 +9,8 @@
      "version": "0.0.0",
      "dependencies": {
        "@element-plus/icons-vue": "^2.3.2",
        "element-china-area-data": "^5.0.2",
        "element-plus": "^2.14.1",
-        "vue": "^3.5.34",
+        "vue": "^3.5.34"
        "vue-router": "4"
      },
      "devDependencies": {
        "@vitejs/plugin-vue": "^6.0.6",
@@ -551,12 +549,6 @@
        "@vue/shared": "3.5.35"
      }
    },
    "node_modules/@vue/devtools-api": {
      "version": "6.6.4",
      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
      "license": "MIT"
    },
    "node_modules/@vue/reactivity": {
      "version": "3.5.35",
      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.35.tgz",
@@ -651,12 +643,6 @@
      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
      "license": "MIT"
    },
    "node_modules/china-area-data": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/china-area-data/-/china-area-data-5.0.1.tgz",
      "integrity": "sha512-BQDPpiv5Nn+018ekcJK2oSD9PAD+E1bvXB0wgabc//dFVS/KvRqCgg0QOEUt3vBkx9XzB5a9BmkJCEZDBxVjVw==",
      "license": "MIT"
    },
    "node_modules/csstype": {
      "version": "3.2.3",
      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -679,16 +665,6 @@
        "node": ">=8"
      }
    },
    "node_modules/element-china-area-data": {
      "version": "5.0.2",
      "resolved": "https://registry.npmmirror.com/element-china-area-data/-/element-china-area-data-5.0.2.tgz",
      "integrity": "sha512-vLQuvOKJy/uiX7MRHEk3x/j09hipuIl6DJ/C4XFUG7D7Pj3O47sy+Y6aAArM6k9v8cD9UX6e+yz2S4J+IPnZ8g==",
      "license": "MIT",
      "dependencies": {
        "china-area-data": "^5.0.1",
        "lodash-es": "^4.17.15"
      }
    },
    "node_modules/element-plus": {
      "version": "2.14.1",
      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.14.1.tgz",
@@ -1308,21 +1284,6 @@
      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-3.3.3.tgz",
      "integrity": "sha512-x4nsFpy5Pe8fqPzp/5vkTPeTTDBpAx4WVtV47Ejt0+2FQrq4pRRsJs7JmYRqMFzTu/LW+pCWEjQ3YVCkPV7f9g==",
      "license": "MIT"
    },
    "node_modules/vue-router": {
      "version": "4.6.4",
      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz",
      "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
      "license": "MIT",
      "dependencies": {
        "@vue/devtools-api": "^6.6.4"
      },
      "funding": {
        "url": "https://github.com/sponsors/posva"
      },
      "peerDependencies": {
        "vue": "^3.5.0"
      }
    }
  }
 }
--- a/package.json
+++ b/package.json
@@ -10,8 +10,9 @@
  },
  "dependencies": {
    "@element-plus/icons-vue": "^2.3.2",
-    "element-china-area-data": "^5.0.2",
+    "axios": "^1.17.0",
    "element-plus": "^2.14.1",
    "pinia": "^3.0.4",
    "vue": "^3.5.34",
    "vue-router": "4"
  },
--- a/public/logo.png
+++ b/public/logo.png
--- a/public/mixue.png
+++ b/public/mixue.png
--- a/public/登陆界面背景.mp4
+++ b/public/登陆界面背景.mp4
--- a/public/首页顶图.mp4
+++ b/public/首页顶图.mp4
--- a/src/api/contract.js
+++ b/src/api/contract.js
@@ -1,41 +0,0 @@
 import axios from 'axios'
 import { mockContractAPI } from './mock/contract'
 // 开关：true 用 mock，false 用真实接口
 const USE_MOCK = true
 // axios 实例
 const request = axios.create({
  baseURL: '/api',
  timeout: 5000
 })
 // 获取合同列表
 export const getContractList = (params) => {
  if (USE_MOCK) return mockContractAPI.getList(params)
  return request.get('/contracts', { params }).then(r => r.data)
 }
 // 获取合同详情
 export const getContractDetail = (id) => {
  if (USE_MOCK) return mockContractAPI.getDetail(id)
  return request.get(`/contracts/${id}`).then(r => r.data)
 }
 // 新增合同
 export const createContract = (data) => {
  if (USE_MOCK) return mockContractAPI.create(data)
  return request.post('/contracts', data).then(r => r.data)
 }
 // 更新合同
 export const updateContract = (id, data) => {
  if (USE_MOCK) return mockContractAPI.update(id, data)
  return request.put(`/contracts/${id}`, data).then(r => r.data)
 }
 // 删除合同
 export const deleteContractAPI = (id) => {
  if (USE_MOCK) return mockContractAPI.delete(id)
  return request.delete(`/contracts/${id}`).then(r => r.data)
 }
--- a/src/api/customer.js
+++ b/src/api/customer.js
@@ -1,41 +0,0 @@
 import axios from 'axios'
 import { mockCustomerAPI } from './mock/customer'
 // 开关：true 用 mock，false 用真实接口
 const USE_MOCK = true
 // axios 实例
 const request = axios.create({
  baseURL: '/api',
  timeout: 5000
 })
 // 获取客户列表
 export const getCustomerList = (params) => {
  if (USE_MOCK) return mockCustomerAPI.getList(params)
  return request.get('/customers', { params }).then(r => r.data)
 }
 // 获取客户详情
 export const getCustomerDetail = (id) => {
  if (USE_MOCK) return mockCustomerAPI.getDetail(id)
  return request.get(`/customers/${id}`).then(r => r.data)
 }
 // 新增客户
 export const createCustomer = (data) => {
  if (USE_MOCK) return mockCustomerAPI.create(data)
  return request.post('/customers', data).then(r => r.data)
 }
 // 更新客户
 export const updateCustomer = (id, data) => {
  if (USE_MOCK) return mockCustomerAPI.update(id, data)
  return request.put(`/customers/${id}`, data).then(r => r.data)
 }
 // 删除客户
 export const deleteCustomerAPI = (id) => {
  if (USE_MOCK) return mockCustomerAPI.delete(id)
  return request.delete(`/customers/${id}`).then(r => r.data)
 }
--- a/src/api/mock/contract.js
+++ b/src/api/mock/contract.js
@@ -1,151 +0,0 @@
 // 模拟合同数据
 const mockContracts = [
  {
    id: 1,
    contract_no: 'HT-2025-001',
    contract_name: '蜜雪冰城加盟合同',
    type: '加盟合同',
    party_a: '蜜雪冰城股份有限公司',
    party_b: '张三',
    sign_date: '2025-01-15',
    start_date: '2025-02-01',
    end_date: '2028-01-31',
    amount: 300000,
    status: '生效中',
    remark: '三年期加盟合同',
    create_time: '2025-01-15 10:30:00'
  },
  {
    id: 2,
    contract_no: 'HT-2025-002',
    contract_name: '原材料供货合同',
    type: '供货合同',
    party_a: '蜜雪冰城股份有限公司',
    party_b: '李四',
    sign_date: '2025-03-10',
    start_date: '2025-04-01',
    end_date: '2026-03-31',
    amount: 50000,
    status: '生效中',
    remark: '年度供货协议',
    create_time: '2025-03-10 09:15:00'
  },
  {
    id: 3,
    contract_no: 'HT-2024-010',
    contract_name: '门店租赁合同',
    type: '租赁合同',
    party_a: '蜜雪冰城股份有限公司',
    party_b: '王五',
    sign_date: '2024-06-20',
    start_date: '2024-07-01',
    end_date: '2025-06-30',
    amount: 120000,
    status: '已到期',
    remark: '已续签',
    create_time: '2024-06-20 14:20:00'
  },
  {
    id: 4,
    contract_no: 'HT-2025-003',
    contract_name: '设备维护服务合同',
    type: '服务合同',
    party_a: '蜜雪冰城股份有限公司',
    party_b: '赵六',
    sign_date: '2025-05-01',
    start_date: '2025-05-15',
    end_date: '2026-05-14',
    amount: 15000,
    status: '待审批',
    remark: '',
    create_time: '2025-05-01 11:00:00'
  }
 ]
 // 模拟网络延迟
 const delay = (ms = 300) => new Promise(r => setTimeout(r, ms))
 // Mock API
 export const mockContractAPI = {
  // 获取列表
  async getList(params = {}) {
    await delay()
    let result = [...mockContracts]
    // 关键词搜索
    if (params.keyword) {
      const keyword = params.keyword.toLowerCase()
      result = result.filter(item =>
        item.contract_no.toLowerCase().includes(keyword) ||
        item.contract_name.toLowerCase().includes(keyword) ||
        item.party_b.toLowerCase().includes(keyword)
      )
    }
    // 合同类型筛选
    if (params.type) {
      result = result.filter(item => item.type === params.type)
    }
    // 日期范围筛选（按签订日期）
    if (params.startDate && params.endDate) {
      const start = new Date(params.startDate)
      const end = new Date(params.endDate)
      result = result.filter(item => {
        const signDate = new Date(item.sign_date)
        return signDate >= start && signDate <= end
      })
    }
    // 状态筛选
    if (params.status) {
      result = result.filter(item => item.status === params.status)
    }
    return { code: 200, data: result, total: result.length }
  },
  // 获取详情
  async getDetail(id) {
    await delay()
    const contract = mockContracts.find(item => item.id === id)
    if (contract) {
      return { code: 200, data: contract }
    }
    return { code: 404, message: '合同不存在' }
  },
  // 新增
  async create(data) {
    await delay()
    const newContract = {
      id: Date.now(),
      ...data,
      create_time: new Date().toISOString().replace('T', ' ').slice(0, 19)
    }
    mockContracts.push(newContract)
    return { code: 200, data: newContract, message: '新增成功' }
  },
  // 更新
  async update(id, data) {
    await delay()
    const index = mockContracts.findIndex(item => item.id === id)
    if (index !== -1) {
      mockContracts[index] = { ...mockContracts[index], ...data }
      return { code: 200, data: mockContracts[index], message: '更新成功' }
    }
    return { code: 404, message: '合同不存在' }
  },
  // 删除
  async delete(id) {
    await delay()
    const index = mockContracts.findIndex(item => item.id === id)
    if (index !== -1) {
      mockContracts.splice(index, 1)
      return { code: 200, message: '删除成功' }
    }
    return { code: 404, message: '合同不存在' }
  }
 }
--- a/src/api/mock/customer.js
+++ b/src/api/mock/customer.js
@@ -1,144 +0,0 @@
 // 模拟客户数据
 const mockCustomers = [
  {
    id: 1,
    name: '张三',
    phone: '13800138001',
    province: '广东省',
    city: '深圳市',
    district: '南山区',
    address: '科技园路1号',
    email: 'zhangsan@example.com',
    customer_type: 'VIP',
    create_time: '2025-01-15 10:30:00'
  },
  {
    id: 2,
    name: '李四',
    phone: '13800138002',
    province: '浙江省',
    city: '杭州市',
    district: '西湖区',
    address: '文三路100号',
    email: 'lisi@example.com',
    customer_type: 'Normal',
    create_time: '2025-02-20 14:20:00'
  },
  {
    id: 3,
    name: '王五',
    phone: '13800138003',
    province: '四川省',
    city: '成都市',
    district: '武侯区',
    address: '天府大道200号',
    email: 'wangwu@example.com',
    customer_type: 'VIP',
    create_time: '2025-03-10 09:15:00'
  },
  {
    id: 4,
    name: '赵六',
    phone: '13800138004',
    province: '湖南省',
    city: '长沙市',
    district: '岳麓区',
    address: '麓山南路100号',
    email: 'zhaoliu@example.com',
    customer_type: 'Normal',
    create_time: '2025-04-05 16:45:00'
  }
 ]
 // 模拟网络延迟
 const delay = (ms = 300) => new Promise(r => setTimeout(r, ms))
 // Mock API
 export const mockCustomerAPI = {
  // 获取列表
  async getList(params = {}) {
    await delay()
    let result = [...mockCustomers]
    // 关键词搜索
    if (params.keyword) {
      const keyword = params.keyword.toLowerCase()
      const searchField = params.searchField || '1'
      if (searchField === '2') {
        // 编号：精确匹配
        result = result.filter(item => String(item.id) === keyword)
      } else if (searchField === '1') {
        // 姓名：模糊匹配
        result = result.filter(item => item.name.includes(keyword))
      } else if (searchField === '3') {
        // 电话：模糊匹配
        result = result.filter(item => item.phone.includes(keyword))
      } else if (searchField === '4') {
        // 邮箱：模糊匹配
        result = result.filter(item => item.email.includes(keyword))
      } else {
        // 默认：模糊匹配所有字段
        result = result.filter(item =>
          String(item.id).includes(keyword) ||
          item.name.includes(keyword) ||
          item.phone.includes(keyword) ||
          item.email.includes(keyword)
        )
      }
    }
    // 客户类型筛选
    if (params.customer_type) {
      result = result.filter(item => item.customer_type === params.customer_type)
    }
    return { code: 200, data: result, total: result.length }
  },
  // 获取详情
  async getDetail(id) {
    await delay()
    const customer = mockCustomers.find(item => item.id === id)
    if (customer) {
      return { code: 200, data: customer }
    }
    return { code: 404, message: '客户不存在' }
  },
  // 新增
  async create(data) {
    await delay()
    // 生成自增 ID
    const maxId = mockCustomers.length > 0 ? Math.max(...mockCustomers.map(item => item.id)) : 0
    const newCustomer = {
      id: maxId + 1,
      ...data,
      create_time: new Date().toISOString().replace('T', ' ').slice(0, 19)
    }
    mockCustomers.push(newCustomer)
    return { code: 200, data: newCustomer, message: '新增成功' }
  },
  // 更新
  async update(id, data) {
    await delay()
    const index = mockCustomers.findIndex(item => item.id === id)
    if (index !== -1) {
      mockCustomers[index] = { ...mockCustomers[index], ...data }
      return { code: 200, data: mockCustomers[index], message: '更新成功' }
    }
    return { code: 404, message: '客户不存在' }
  },
  // 删除
  async delete(id) {
    await delay()
    const index = mockCustomers.findIndex(item => item.id === id)
    if (index !== -1) {
      mockCustomers.splice(index, 1)
      return { code: 200, message: '删除成功' }
    }
    return { code: 404, message: '客户不存在' }
  }
 }
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -0,0 +1,46 @@
 import axios from 'axios'
 import {ElMessage} from 'element-plus'
 import {useUserStore} from '@/stores/user'
 import router from '@/router'
 const request = axios.create({
    baseURL: '/api',
    timeout: 10000,
 })
 // 请求拦截：自动带 token
 request.interceptors.request.use(
    (config) => {
        const userStore = useUserStore()
        if (userStore.token){
            config.headers.Authorization = `Bearer ${userStore.token}`
        }
        return config
    },
    (err) => Promise.reject(err)
 )
 // 响应拦截：统一处理 { code, data, message } + 401 跳登录
 request.interceptors.response.use(
    (res) => {
        const body = res.data
        if (typeof body?.code === 'undefined') return res.data
        if (body.code === 0) return body.data
        ElMessage.error(body.message || '请求失败')
        return Promise.reject(new Error(body.message || '请求失败'))
    },
    (err) => {
        const status = err.response?.status
        if (status === 401) {
            const userStore = useUserStore()
            userStore.logout()
            ElMessage.error('登录已过期，请重新登录')
            router.push('/login')
        }else {
            ElMessage.error(err.response?.data?.message || err.message || '网络异常')
        }
        return Promise.reject(err)
    }
 )
 export default request
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -0,0 +1,5 @@
 import request from './request'
 export const login = (data) => request.post('/user/login', data)
 export const getUserInfo = () => request.get('/user/info')
 export const logout = () => request.post('/user/logout')
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -1,15 +1,9 @@
 <template>
  <div class="login-container">
    <!-- 背景视频 -->
    <video src="../../public/登陆界面背景.mp4" autoplay muted loop class="bg-video"></video>
    <div class="video-overlay"></div>
    <!-- 登录卡片 -->
    <el-card class="login-card" shadow="always">
      <template #header>
        <div class="card-header">
-          <img src="../../public/logo.png" alt="logo" class="login-logo">
+          <h2>欢迎登录</h2>
          <h2>蜜雪冰城管理系统</h2>
          <p class="subtitle">请输入您的账号信息</p>
        </div>
      </template>
@@ -67,8 +61,10 @@ import {reactive, ref} from 'vue'
 import {ElMessage} from 'element-plus'
 import {Lock, User} from '@element-plus/icons-vue'
 import {useRouter} from 'vue-router'
 import {useUserStore} from "@/stores/user.js";
 const router = useRouter()
 const userStore = useUserStore()
 const loginFormRef = ref(null)
 const loading = ref(false)
@@ -93,11 +89,15 @@ const handleLogin = async () => {
  try {
    await loginFormRef.value.validate()
    loading.value = true
-    await new Promise((r) => setTimeout(r, 800))
+    await userStore.login({
-    ElMessage.success('登录成功（模拟）')
+      username: loginForm.username,
      password: loginForm.password,
    })
    ElMessage.success('登录成功')
    router.push('/panel')
-  } catch {
+  } catch(e) {
    // 校验失败，element-plus 会自动显示红色提示
    console.warn('login failed',e?.message)
  } finally {
    loading.value = false
  }
@@ -106,58 +106,17 @@ const handleLogin = async () => {
 <style scoped>
 .login-container {
  position: relative;
  display: flex;
-  justify-content: flex-end;
+  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 20px 60px 20px 20px;
  overflow: hidden;
 }
 /* 背景视频 */
 .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
 }
 .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
 }
 /* 登录卡片 */
 .login-card {
  position: relative;
  z-index: 2;
  width: 420px;
  border-radius: 16px;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
 }
 .login-card :deep(.el-card__header) {
  border-bottom: 2px solid #E60012;
  padding: 20px;
 }
-.login-logo {
+.login-card {
-  display: block;
+  width: 420px;
-  width: 60px;
+  border-radius: 12px;
-  height: 60px;
+  border: none;
  margin: 0 auto 12px;
  object-fit: contain;
 }
 .card-header {
@@ -166,9 +125,7 @@ const handleLogin = async () => {
 .card-header h2 {
  margin: 0 0 8px;
-  color: #E60012;
+  color: #303133;
  font-size: 22px;
  font-weight: 600;
 }
 .subtitle {
@@ -177,33 +134,10 @@ const handleLogin = async () => {
  color: #909399;
 }
 /* 输入框聚焦时红色边框 */
 .login-card :deep(.el-input__wrapper:focus-within) {
  box-shadow: 0 0 0 1px #E60012 inset;
 }
 /* 登录按钮 */
 .login-btn {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 75%;
  background: #E60012;
  border-color: #E60012;
 }
 .login-btn:hover {
  background: #d50010;
  border-color: #d50010;
 }
 /* 记住我复选框 */
 .login-card :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
  background-color: #E60012;
  border-color: #E60012;
 }
 .login-card :deep(.el-checkbox__input.is-checked + .el-checkbox__label) {
  color: #E60012;
 }
 </style>
--- a/src/components/contract.vue
+++ b/src/components/contract.vue
@@ -1,492 +0,0 @@
 <script setup>
 import { ref, reactive, computed, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Search } from '@element-plus/icons-vue'
 import {
  getContractList,
  createContract,
  updateContract,
  deleteContractAPI
 } from '../api/contract'
 const search = ref('')
 const select = ref('1')
 const dateRange = ref([])
 const loading = ref(false)
 const searchResults = ref([])
 const showSearchResults = ref(false)
 const showAddForm = ref(false)
 const isEditMode = ref(false)
 const currentContractId = ref(null)
 const showDetailDialog = ref(false)
 const currentDetail = ref(null)
 const form = reactive({
  contract_no: '',
  contract_name: '',
  customer_id: '',
  contract_content: '',
  employee_id: '',
  effective_date: '',
  expiry_date: '',
  amount: 0,
  status: '待审批',
  remark: ''
 })
 onMounted(() => {
  fetchData()
 })
 // 获取合同列表
 const fetchData = async () => {
  loading.value = true
  const res = await getContractList()
  searchResults.value = res.data
  showSearchResults.value = true
  loading.value = false
 }
 // 处理搜索
 const handleSearch = async () => {
  // 如果在表单页面，先关闭表单
  if (showAddForm.value) {
    cancelAdd()
  }
  loading.value = true
  let keyword = search.value
  if (select.value === '1' && keyword && !keyword.startsWith('HT')) {
    keyword = 'HT' + keyword
  }
  const params = {
    keyword,
    searchField: select.value,
    startDate: dateRange.value?.[0],
    endDate: dateRange.value?.[1]
  }
  const res = await getContractList(params)
  searchResults.value = res.data
  showSearchResults.value = true
  loading.value = false
 }
 // 日期变更处理
 const handleDateChange = () => {
  handleSearch()
 }
 // 重置搜索
 const resetSearch = () => {
  search.value = ''
  select.value = '1'
  dateRange.value = []
  fetchData()
 }
 // 新增合同
 const addContract = () => {
  resetForm()
  showAddForm.value = true
  showSearchResults.value = false
 }
 // 编辑合同
 const editContract = (row) => {
  isEditMode.value = true
  currentContractId.value = row.id
  Object.assign(form, {
    contract_no: row.contract_no,
    contract_name: row.contract_name,
    customer_id: row.customer_id,
    contract_content: row.contract_content,
    employee_id: row.employee_id,
    effective_date: row.effective_date,
    expiry_date: row.expiry_date,
    amount: row.amount,
    status: row.status,
    remark: row.remark
  })
  showAddForm.value = true
  showSearchResults.value = false
 }
 // 保存合同
 const saveContract = async () => {
  if (isEditMode.value) {
    await updateContract(currentContractId.value, { ...form })
    ElMessage.success('更新成功')
  } else {
    await createContract({ ...form })
    ElMessage.success('新增成功')
  }
  cancelAdd()
  fetchData()
 }
 // 删除合同
 const deleteContract = (id) => {
  ElMessageBox.confirm('确定删除该合同吗？', '提示', {
    type: 'warning'
  }).then(async () => {
    await deleteContractAPI(id)
    ElMessage.success('删除成功')
    fetchData()
  })
 }
 // 取消
 const cancelAdd = () => {
  resetForm()
  showAddForm.value = false
  showSearchResults.value = true
 }
 // 重置表单
 const resetForm = () => {
  Object.assign(form, {
    contract_no: '',
    contract_name: '',
    customer_id: '',
    contract_content: '',
    employee_id: '',
    effective_date: '',
    expiry_date: '',
    amount: 0,
    status: '待审批',
    remark: ''
  })
  isEditMode.value = false
  currentContractId.value = null
 }
 // 双击查看详情
 const showDetail = (row) => {
  currentDetail.value = row
  showDetailDialog.value = true
 }
 // 关闭详情弹窗
 const closeDetail = () => {
  showDetailDialog.value = false
  currentDetail.value = null
 }
 // 状态样式
 const getStatusType = (status) => {
  const map = {
    '生效中': 'success',
    '已到期': 'danger',
    '待审批': 'warning',
    '已终止': 'info'
  }
  return map[status] || 'info'
 }
 // 日期快捷选项
 const dateShortcuts = [
  {
    text: '最近一周',
    value: () => {
      const end = new Date()
      const start = new Date()
      start.setTime(start.getTime() - 7 * 24 * 3600 * 1000)
      return [start, end]
    }
  },
  {
    text: '最近一个月',
    value: () => {
      const end = new Date()
      const start = new Date()
      start.setTime(start.getTime() - 30 * 24 * 3600 * 1000)
      return [start, end]
    }
  },
  {
    text: '最近三个月',
    value: () => {
      const end = new Date()
      const start = new Date()
      start.setTime(start.getTime() - 90 * 24 * 3600 * 1000)
      return [start, end]
    }
  }
 ]
 // 格式化日期
 const formatDate = (date) => {
  if (!date) return ''
  return date
 }
 </script>
 <template>
  <div class="contract-container">
    <!-- 搜索栏区域 -->
    <div class="contract-search">
      <!-- 第一行：搜索框 + 按钮 -->
      <div class="search-row">
        <el-input v-model="search" style="max-width: 500px" placeholder="请输入搜索关键词"
            class="contract-search-with-select" @keyup.enter="handleSearch">
            <template #prepend>
                <el-select v-model="select" placeholder="请选择" style="width: 115px">
                    <el-option label="编号" value="1" />
                    <el-option label="名称" value="2" />
                </el-select>
            </template>
            <template #append>
                <el-button :icon="Search" @click="handleSearch" />
            </template>
        </el-input>
        <div class="search-buttons">
          <el-button type="success" @click="addContract">新增合同</el-button>
          <el-button type="default" @click="resetSearch">重置</el-button>
        </div>
      </div>
      <!-- 第二行：筛选条件 -->
      <div class="filter-row">
        <span class="filter-label">筛选条件：</span>
        <el-date-picker
          v-model="dateRange"
          type="daterange"
          range-separator="至"
          start-placeholder="生效日期"
          end-placeholder="到期日期"
          style="margin-left: 10px;"
          @change="handleDateChange"
        />
      </div>
    </div>
    <!-- 合同列表 -->
    <div v-if="showSearchResults" class="contract-list">
      <div v-if="loading" class="loading-container">
        <el-skeleton :rows="5" animated />
      </div>
      <div v-else-if="searchResults.length === 0" class="empty-container">
        <el-empty description="暂无合同数据" />
      </div>
      <div v-else>
        <div class="list-header">
          <span class="total-count">共找到 {{ searchResults.length }} 条合同</span>
        </div>
        <el-table :data="searchResults" border style="width: 100%" @row-dblclick="showDetail" row-class-name="clickable-row">
          <el-table-column prop="id" label="ID" width="60" />
          <el-table-column prop="contract_no" label="合同编号" width="130" />
          <el-table-column prop="contract_name" label="合同名称" min-width="180" />
          <el-table-column prop="customer_id" label="客户ID" width="80" />
          <el-table-column prop="employee_id" label="业务员ID" width="90" />
          <el-table-column prop="amount" label="金额" width="110">
            <template #default="{ row }">
              ¥{{ row.amount?.toLocaleString() }}
            </template>
          </el-table-column>
          <el-table-column prop="status" label="状态" width="80">
            <template #default="{ row }">
              <el-tag :type="getStatusType(row.status)">{{ row.status }}</el-tag>
            </template>
          </el-table-column>
          <el-table-column prop="effective_date" label="生效日期" width="110" />
          <el-table-column prop="expiry_date" label="到期日期" width="110" />
          <el-table-column label="操作" width="140" fixed="right">
            <template #default="{ row }">
              <el-button link type="primary" @click="editContract(row)">编辑</el-button>
              <el-button link type="danger" @click="deleteContract(row.id)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <!-- 新增/编辑表单 -->
    <div v-if="showAddForm" class="contract-form" style="margin-top: 20px;">
      <el-divider content-position="left">{{ isEditMode ? '编辑合同' : '新增合同' }}</el-divider>
      <el-form :model="form" label-width="auto" style="max-width: 700px;" label-position="top">
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="合同编号">
              <el-input v-model="form.contract_no" placeholder="如: HT-001" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="合同名称">
              <el-input v-model="form.contract_name" placeholder="请输入合同名称" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="客户ID">
              <el-input v-model="form.customer_id"  style="width: 100%;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务员ID">
              <el-input v-model="form.employee_id"  style="width: 100%;" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="生效日期">
              <el-date-picker v-model="form.effective_date" type="date" style="width: 100%;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="到期日期">
              <el-date-picker v-model="form.expiry_date" type="date" style="width: 100%;" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="合同金额">
              <el-input-number v-model="form.amount" :min="0" :step="1000" style="width: 100%;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="状态">
              <el-select v-model="form.status" style="width: 100%;">
                <el-option label="待审批" value="待审批" />
                <el-option label="生效中" value="生效中" />
                <el-option label="已到期" value="已到期" />
                <el-option label="已终止" value="已终止" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="合同内容/条款">
          <el-input v-model="form.contract_content" type="textarea" :rows="4" placeholder="请输入合同内容" />
        </el-form-item>
        <el-form-item label="备注">
          <el-input v-model="form.remark" type="textarea" :rows="2" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="saveContract">保存</el-button>
          <el-button @click="cancelAdd">取消</el-button>
        </el-form-item>
      </el-form>
    </div>
    <!-- 合同详情弹窗 -->
    <el-dialog v-model="showDetailDialog" title="合同详情" width="650px" @close="closeDetail">
      <div v-if="currentDetail" class="detail-content">
        <el-descriptions :column="2" border>
          <el-descriptions-item label="合同编号">{{ currentDetail.contract_no }}</el-descriptions-item>
          <el-descriptions-item label="合同名称" :span="2">{{ currentDetail.contract_name }}</el-descriptions-item>
          <el-descriptions-item label="客户ID">{{ currentDetail.customer_id }}</el-descriptions-item>
          <el-descriptions-item label="业务员ID">{{ currentDetail.employee_id }}</el-descriptions-item>
          <el-descriptions-item label="合同金额" :span="2">
            <span class="amount-text">¥{{ currentDetail.amount?.toLocaleString() }}</span>
          </el-descriptions-item>
          <el-descriptions-item label="状态">
            <el-tag :type="getStatusType(currentDetail.status)">{{ currentDetail.status }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="生效日期">{{ currentDetail.effective_date }}</el-descriptions-item>
          <el-descriptions-item label="到期日期" :span="2">{{ currentDetail.expiry_date }}</el-descriptions-item>
          <el-descriptions-item label="合同内容" :span="2">
            <div class="content-text">{{ currentDetail.contract_content || '无' }}</div>
          </el-descriptions-item>
          <el-descriptions-item label="备注" :span="2">
            {{ currentDetail.remark || '无' }}
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <template #footer>
        <el-button @click="closeDetail">关闭</el-button>
        <el-button type="primary" @click="closeDetail(); editContract(currentDetail)">编辑</el-button>
      </template>
    </el-dialog>
  </div>
 </template>
 <style scoped>
 .contract-container {
  padding: 20px;
 }
 .contract-search {
  margin-bottom: 20px;
  padding: 15px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 .search-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
 }
 .search-buttons {
  display: flex;
  gap: 10px;
 }
 .filter-row {
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
 }
 .filter-label {
  color: #606266;
  font-size: 14px;
  margin-right: 10px;
 }
 .list-header {
  margin-bottom: 15px;
 }
 .total-count {
  color: #909399;
  font-size: 14px;
 }
 .loading-container, .empty-container {
  padding: 40px 0;
 }
 .clickable-row {
  cursor: pointer;
 }
 .detail-content {
  padding: 10px 0;
 }
 .amount-text {
  font-weight: 600;
  color: #e6a23c;
  font-size: 16px;
 }
 .content-text {
  white-space: pre-wrap;
  line-height: 1.6;
  max-height: 120px;
  overflow-y: auto;
 }
 </style>
--- a/src/components/customer.vue
+++ b/src/components/customer.vue
@@ -1,261 +0,0 @@
 <script setup>
 import { Search } from '@element-plus/icons-vue'
 import { ref, onMounted, reactive } from 'vue'
 import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
 import { ElMessage } from 'element-plus'
 import {
    getCustomerList,
    createCustomer,
    updateCustomer,
    deleteCustomerAPI
 } from '../api/customer'
 const form = reactive({
    id: '',
    name: '',           // 姓名，默认为空字符串
    phone: '',          // 电话，默认为空字符串
    region: [],         // 地区，默认为空数组（省市区三级代码）
    address: '',        // 详细地址，默认为空字符串
    email: '',          // 电子邮箱，默认为空字符串
    customer_type: 'Normal'  // 客户类型，默认选中"普通客户"
 })
 const search = ref('')
 const select = ref('1')
 const searchResults = ref([])
 const showSearchResults = ref(false) //是否显示搜索结果
 const showAddForm = ref(false) //是否显示新增表单
 const isEditMode = ref(false)   //是否为编辑模式
 const currentCustomerId = ref(null)  //当前编辑的客户的ID
 const loading = ref(false)
 onMounted(() => {
    fetchData()
 })
 //获取用户列表
 const fetchData = async () => {
    loading.value = true;
    const res = await getCustomerList()
    searchResults.value = res.data
    showSearchResults.value = true
    loading.value = false
 }
 //搜索
 const handleSearch = async () => {
    loading.value = true
    const res = await getCustomerList({ keyword: search.value, searchField: select.value })
    searchResults.value = res.data
    showSearchResults.value = true
    loading.value = false
 }
 // 清空表单
 const resetForm = () => {
    form.id = ''
    form.name = ''
    form.phone = ''
    form.region = []
    form.address = ''
    form.email = ''
    form.customer_type = 'Normal'
    isEditMode.value = false
    currentCustomerId.value = null
 }
 // 显示新增表单
 const addCustomer = () => {
    resetForm()
    showAddForm.value = true
    showSearchResults.value = false
 }
 //编辑
 const editCustomer = (row) => {
    isEditMode.value = true
    currentCustomerId.value = row.id
    form.name = row.name
    form.phone = row.phone
    // 名称转回代码，让级联选择器显示
    form.region = [
        TextToCode[row.province]?.code || '',
        TextToCode[row.province]?.[row.city]?.code || '',
        TextToCode[row.province]?.[row.city]?.[row.district]?.code || ''
    ]
    form.address = row.address
    form.email = row.email
    form.customer_type = row.customer_type
    showAddForm.value = true
    showSearchResults.value = false
 }
 const saveCustomer = async () => {
    const formData = {
        name: form.name,
        phone: form.phone,
        province: CodeToText[form.region[0]] || '',
        city: CodeToText[form.region[1]] || '',
        district: CodeToText[form.region[2]] || '',
        address: form.address,
        email: form.email,
        customer_type: form.customer_type
    }
    if (isEditMode.value) {
        await updateCustomer(currentCustomerId.value, formData)
        ElMessage.success('更新成功')
    } else {
        await createCustomer(formData)
        ElMessage.success('新增成功')
    }
    cancelAdd()
    fetchData()
 }
 // 删除
 const deleteCustomer = async (id) => {
    ElMessageBox.confirm('确定删除该客户吗？', '提示', {
        type: 'warning'
    }).then(async () => {
        await deleteCustomerAPI(id)
        ElMessage.success('删除成功')
        fetchData()
    })
 }
 // 取消
 const cancelAdd = () => {
    resetForm()
    showAddForm.value = false
    showSearchResults.value = true
 }
 // 清空搜索
 const clearSearch = () => {
    search.value = ''
    showSearchResults.value = false
    showAddForm.value = false
    fetchData()
 }
 </script>
 <template>
    <div class="customer-container">
        <!-- 搜索栏区域 -->
        <div class="customer-search">
            <el-input v-model="search" style="max-width: 600px" placeholder="Please input"
                class="customer-search-with-select" @keyup.enter="handleSearch">
                <template #prepend>
                    <el-select v-model="select" placeholder="Select" style="width: 115px">
                        <el-option label="姓名" value="1" />
                        <el-option label="编号" value="2" />
                        <el-option label="电话" value="3" />
                        <el-option label="邮箱" value="4" />
                    </el-select>
                </template>
                <template #append>
                    <el-button :icon="Search" @click="handleSearch" />
                </template>
            </el-input>
            <el-button type="default" @click="clearSearch" style="margin-left:20px">
                重置
            </el-button>
            <el-button color="#E60012" @click="addCustomer" style="margin-left: 20px">
                新增客户
            </el-button>
        </div>
        <div v-if="showSearchResults" class="customer-list">
             <div v-if="loading" class="loading-container">
                <el-skeleton :rows="5" animated />
            </div>
            <div v-else-if="searchResults.length === 0" class="empty-container">
                <el-empty description="暂无数据" />
            </div>
            <div v-else class="customer-table">
                <el-table :data="searchResults" v-loading="loading" border style="width: 100%">
                    <el-table-column prop="id" label="编号" width="80" />
                    <el-table-column prop="name" label="姓名" width="120" />
                    <el-table-column prop="phone" label="电话" width="150" />
                    <el-table-column label="地区" width="200">
                        <template #default="{ row }">
                            {{ [row.province, row.city, row.district].filter(Boolean).join(' ') }}
                        </template>
                    </el-table-column>
                    <el-table-column prop="address" label="详细地址" width="200" />
                    <el-table-column prop="email" label="电子邮箱" width="200" />
                    <el-table-column prop="remark" label="备注" width=""200 />
                    <el-table-column prop="customer_type" label="代理商类型" width="120">
                        <template #default="{ row }">
                            <el-tag :type="row.customer_type === 'VIP' ? 'danger' : 'info'">
                                {{ row.customer_type === 'VIP' ? '地区总代理' : '加盟商' }}
                            </el-tag>
                        </template>
                    </el-table-column>
                    <el-table-column label="操作" width="150" fixed="right">
                        <template #default="{ row }">
                            <el-button link type="primary" @click="editCustomer(row)">编辑</el-button>
                            <el-button link type="danger" @click="deleteCustomer(row.id)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <div style="margin-top: 10px; color: #909399; font-size: 14px;">
                    找到 {{ searchResults.length }} 条结果
                    <el-button link type="primary" @click="clearSearch">清空搜索</el-button>
                </div>
            </div>
        </div>
        <!-- 新增客户表单 -->
        <div v-if="showAddForm" class="customer-info-label">
            <el-divider content-position="left">{{ isEditMode ? '编辑客户信息' : '新增客户' }}</el-divider>
            <el-form :model="form" label-width="auto" style="max-width: 600px" label-position="top">
                <el-form-item label="姓名">
                    <el-input v-model="form.name" placeholder="请输入姓名" />
                </el-form-item>
                <el-form-item label="电话">
                    <el-input v-model="form.phone" :controls="false" :min="0" :max="99999999999" :precision="0"
                        placeholder="请输入11位手机号" style="width: 100%" />
                </el-form-item>
                <el-form-item label="地区">
                    <el-cascader v-model="form.region" :options="regionData" :props="{ expandTrigger: 'hover' }"
                        placeholder="请选择省/市/区" clearable style="width: 100%" />
                </el-form-item>
                <el-form-item label="详细地址">
                    <el-input v-model="form.address" placeholder=" 请输入详细地址" />
                </el-form-item>
                <el-form-item label="电子邮箱">
                    <el-input v-model="form.email" placeholder=" 请输入邮箱地址" />
                </el-form-item>
                <el-form-item label="代理商类型">
                    <el-radio-group v-model="form.customer_type">
                        <el-radio value="VIP">地区总代理</el-radio>
                        <el-radio value="Normal">加盟商</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="saveCustomer">保存</el-button>
                    <el-button type="danger" @click="cancelAdd">取消</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
 </template>
 <style scoped></style>
--- a/src/components/home.vue
+++ b/src/components/home.vue
@@ -1,234 +0,0 @@
 <template>
  <div class="home-container">
    <!-- 顶部视频横幅 -->
    <div class="video-banner">
      <video src="../../public/首页顶图.mp4" autoplay muted loop class="bg-video"></video>
      <div class="video-overlay">
        <h2 class="banner-title">欢迎使用蜜雪冰城管理系统</h2>
      </div>
    </div>
    <!-- 雪王简介 -->
    <div class="intro-section">
      <div class="section-header">
        <div class="header-line"></div>
        <h2 class="section-title">雪王简介</h2>
        <div class="header-line"></div>
      </div>
      <div class="intro-content">
        <div class="pic-wrapper">
          <img src="../../public/mixue.png" alt="雪王" class="xuewang-img">
        </div>
        <div class="txt-wrapper">
          <div class="quote">
            "我是手拿冰淇凌权杖的雪王"
            <br>
            "一生只爱冰淇凌与茶"
          </div>
          <ul class="info-list">
            <li v-for="(item, index) in snowKingInfo" :key="index">
              <span class="info-label">{{ item.label }}</span>
              <span class="info-divider"></span>
              <span class="info-value">{{ item.value }}</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
 </template>
 <script setup>
 import { ref } from 'vue'
 const snowKingInfo = ref([
  { label: '生日', value: '11月22日' },
  { label: '性格', value: '正直、友善、热情、进取' },
  { label: '职位', value: '蜜雪冰城首席品控官兼全球品牌代言人' },
  { label: '口头禅', value: '你爱我，我爱你，蜜雪冰城甜蜜蜜' },
  { label: '爱好', value: '唱歌跳舞，研究冰淇淋与茶的新奇吃法' }
 ])
 </script>
 <style scoped>
 .home-container {
  min-height: 100%;
 }
 /* ========== 视频横幅 ========== */
 .video-banner {
  position: relative;
  width: calc(100% + 40px);
  margin: -20px -20px 0 -20px;
  height: 300px;
  overflow: hidden;
 }
 .bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
 }
 .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(230, 0, 18, 0.3) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
 }
 .banner-title {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  margin: 0;
 }
 /* ========== 简介区域 ========== */
 .intro-section {
  padding: 40px 20px;
 }
 .section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
 }
 .header-line {
  flex: 1;
  max-width: 200px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #E60012, transparent);
 }
 .section-title {
  font-size: 32px;
  font-weight: 700;
  color: #E60012;
  margin: 0;
  white-space: nowrap;
 }
 .intro-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  max-width: 1200px;
  margin: 0 auto;
 }
 /* 雪王图片 */
 .pic-wrapper {
  flex-shrink: 0;
  width: 400px;
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(230, 0, 18, 0.15);
  transition: transform 0.3s;
 }
 .pic-wrapper:hover {
  transform: translateY(-5px);
 }
 .xuewang-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
 }
 /* 文字内容 */
 .txt-wrapper {
  flex: 1;
  max-width: 500px;
 }
 .quote {
  font-size: 28px;
  font-weight: 700;
  color: #E60012;
  line-height: 1.5;
  margin-bottom: 40px;
  padding-left: 20px;
  border-left: 4px solid #E60012;
 }
 .info-list {
  list-style: none;
  padding: 0;
  margin: 0;
 }
 .info-list li {
  display: flex;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px dashed #eee;
  font-size: 16px;
 }
 .info-list li:last-child {
  border-bottom: none;
 }
 .info-label {
  font-weight: 600;
  color: #303133;
  min-width: 70px;
 }
 .info-divider {
  width: 1px;
  height: 16px;
  background: #E60012;
  margin: 0 16px;
 }
 .info-value {
  color: #606266;
  flex: 1;
 }
 /* ========== 响应式适配 ========== */
@media (max-width: 900px) {
  .intro-content {
    flex-direction: column;
    gap: 30px;
  }
  .pic-wrapper {
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 1;
  }
  .txt-wrapper {
    width: 100%;
  }
  .banner-title {
    font-size: 24px;
  }
  .video-banner {
    height: 200px;
  }
 }
 </style>
--- a/src/components/products.vue
+++ b/src/components/products.vue
@@ -3,7 +3,7 @@
 </script>
 <template>
-<h1>hello ,im 3</h1>
+<h1>hello ,im 1</h1>
 </template>
 <style scoped>
--- a/src/components/service.vue
+++ b/src/components/service.vue
@@ -3,7 +3,7 @@
 </script>
 <template>
-<h1>hello ,im 3</h1>
+<h1>hello ,im 2</h1>
 </template>
 <style scoped>
--- a/src/components/employee.vue
+++ b/src/components/employee.vue
--- a/src/components/panel.vue
+++ b/src/components/panel.vue
@@ -1,6 +1,7 @@
 <script setup>
 import {ref} from 'vue'
 import {useRoute} from 'vue-router'
 import {ArrowLeft, Location, Menu as IconMenu, SwitchButton,} from '@element-plus/icons-vue'
 const route = useRoute()
@@ -8,88 +9,70 @@ const isCollapse = ref(false)
 const switchFold = () => {
  isCollapse.value = !isCollapse.value
 }
 </script>
 <template>
  <el-container style="height: 100vh">
-    <!-- 顶部导航栏 -->
+    <el-header style="display: flex; align-items: center;">
    <el-header class="app-header">
      <el-menu
        :ellipsis="false"
        mode="horizontal"
        router
-        class="header-menu"
+        style="flex: 1;"
      >
-        <!-- 左侧 Logo -->
+        <!-- 左侧 -->
-        <el-menu-item index="" class="logo-item">
+        <el-menu-item index="">
-          <img src="../../public/logo.png" alt="logo" class="logo-img">
+          <h1 style="margin: 0;">信息管理系统</h1>
          <h1 class="logo-title">蜜雪冰城管理系统</h1>
        </el-menu-item>
-        <!-- 右侧退出 -->
+        <!-- 右侧：margin-left: auto 把它推到底部 -->
-        <el-menu-item index="/login" class="logout-item">
+        <el-menu-item index="/login" style="margin-left: auto">
          <el-icon><SwitchButton/></el-icon>
-          <template #title>退出登录</template>
+          <template #title>LogOut</template>
        </el-menu-item>
      </el-menu>
    </el-header>
    <el-container>
-      <!-- 侧边栏 -->
+      <el-aside style="display: flex; flex-direction: column" width="200px">
      <el-aside class="app-aside" :width="isCollapse ? '64px' : '200px'">
        <el-menu
          :collapse="isCollapse"
          :default-active="route.path"
          router
-          class="aside-menu"
+          style="flex: 1; display: flex; flex-direction: column"
        >
-          <el-menu-item index="/panel/home">
+          <el-sub-menu index="1">
-            <el-icon><House /></el-icon>
+            <template #title>
-            <template #title>首页</template>
+              <el-icon><IconMenu/></el-icon>
              <span>一号栏</span>
            </template>
            <el-menu-item index="/panel/page1">
              <el-icon><Location/></el-icon>
              <template #title>item one</template>
            </el-menu-item>
          </el-sub-menu>
          <el-menu-item index="/panel/page2">
            <el-icon><Location/></el-icon>
            <template #title>二号栏</template>
          </el-menu-item>
          <el-menu-item index="/panel/page3">
            <el-icon><Location/></el-icon>
            <template #title>三号栏</template>
          </el-menu-item>
-          <el-menu-item index="/panel/customer">
+          <!-- ⭐ 关键：margin-top: auto 把它推到最底部 -->
-            <el-icon><Avatar /></el-icon>
+          <el-menu-item style="margin-top: auto" @click="switchFold">
-            <template #title>客户管理</template>
+            <el-icon :class="{'rotate-180-animation':!isCollapse,'rotate-180-animation-reverse':isCollapse}" ><ArrowLeft /></el-icon>
          </el-menu-item>
          <el-menu-item index="/panel/contract">
            <el-icon><Document /></el-icon>
            <template #title>合同管理</template>
          </el-menu-item>
          <el-menu-item index="/panel/service">
            <el-icon><Service /></el-icon>
            <template #title>售后管理</template>
          </el-menu-item>
          <el-menu-item index="/panel/products">
            <el-icon><IceTea /></el-icon>
            <template #title>产品管理</template>
          </el-menu-item>
          <el-menu-item index="/panel/employee">
            <el-icon><User /></el-icon>
            <template #title>员工管理</template>
          </el-menu-item>
            <el-menu-item index="/panel/user">
            <el-icon><User /></el-icon>
            <template #title>用户管理</template>
          </el-menu-item>
          <!-- 底部收缩按钮 -->
          <el-menu-item index="" class="collapse-btn" @click="switchFold">
            <el-icon :class="{'rotate-180-animation':!isCollapse,'rotate-180-animation-reverse':isCollapse}">
              <ArrowLeft />
            </el-icon>
            <template #title>收缩</template>
          </el-menu-item>
        </el-menu>
      </el-aside>
-      <!-- 主内容区 -->
+      <el-main>
-      <el-main class="app-main">
+        <!-- ⭐ 这个 router-view 渲染嵌套的子路由（page1/page2/page3） -->
        <router-view />
      </el-main>
    </el-container>
@@ -97,130 +80,37 @@ const switchFold = () => {
 </template>
 <style scoped>
 /* ========== 顶部导航栏 ========== */
 .app-header {
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 2px solid #E60012;
  padding: 0;
  height: 60px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 .header-menu {
  flex: 1;
  border-bottom: none !important;
 }
 .logo-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: none !important;
 }
 .logo-item.is-active {
  border-bottom: none !important;
 }
 .logo-item.is-active::after {
  display: none !important;
 }
 .logo-img {
  width: 36px;
  height: 36px;
  object-fit: contain;
 }
 .logo-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #E60012;
  white-space: nowrap;
 }
 .logout-item {
  margin-left: auto !important;
  color: #909399;
 }
 .logout-item:hover {
  color: #E60012 !important;
 }
 /* ========== 侧边栏 ========== */
 .app-aside {
  transition: width 0.3s ease;
  background: #fff;
  border-right: 1px solid #eee;
 }
 .aside-menu {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: none;
 }
 .aside-menu:not(.el-menu--collapse) {
  width: 200px;
 }
 /* 菜单项样式 */
 .aside-menu .el-menu-item {
  height: 50px;
  line-height: 50px;
  margin: 4px 8px;
  border-radius: 8px;
  color: #606266;
  transition: all 0.3s;
 }
 .aside-menu .el-menu-item:hover {
  background: #FEF0F0;
  color: #E60012;
 }
 .aside-menu .el-menu-item.is-active {
  background: #E60012;
  color: #fff;
 }
 .aside-menu .el-menu-item.is-active .el-icon {
  color: #fff;
 }
 /* 底部收缩按钮 */
 .collapse-btn {
  margin-top: auto !important;
 }
 /* ========== 主内容区 ========== */
 .app-main {
  padding: 20px;
  background: #f5f7fa;
  overflow-y: auto;
 }
 /* ========== 收缩动画 ========== */
 .rotate-180-animation {
-  animation: rotate-180 0.3s ease-in-out forwards;
+  /* 修改为你想要的动画：旋转180度，执行一次，持续0.5秒 */
  animation: rotate-180 0.3s ease-in-out;
  animation-fill-mode:forwards;
 }
 .rotate-180-animation-reverse {
-  animation: rotate-180-reverse 0.3s ease-in-out forwards;
+  /* 修改为你想要的动画：旋转180度，执行一次，持续0.5秒 */
  animation: rotate-180-reverse 0.3s ease-in-out;
  animation-fill-mode:forwards;
 }
@keyframes rotate-180 {
-  from { transform: rotate(0deg); }
+  from {
-  to { transform: rotate(180deg); }
+    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
 }
@keyframes rotate-180-reverse {
-  from { transform: rotate(180deg); }
+  from {
-  to { transform: rotate(0deg); }
+    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
 }
 </style>
--- a/src/components/user.vue
+++ b/src/components/user.vue
@@ -1,11 +0,0 @@
 <script setup>
 </script>
 <template>
 <h1>hello ,im 3</h1>
 </template>
 <style scoped>
 </style>
--- a/src/main.js
+++ b/src/main.js
@@ -1,17 +1,13 @@
 import { createPinia } from 'pinia'
 import {createApp} from 'vue'
 import './style.css'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import App from './App.vue'
 import router from './router'
 const app = createApp(App)
-
+app.use(createPinia())
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
 }
 app.use(ElementPlus)
 app.use(router)
-app.mount('#app')
+router.isReady().then(() => app.mount('#app'))
--- a/src/router.js
+++ b/src/router.js
@@ -1,13 +1,9 @@
 import {createRouter, createWebHistory} from "vue-router";
 import Login from "./components/Login.vue";
 import Home from "./components/home.vue"
 import Panel from "./components/panel.vue";
-import Customer from "./components/customer.vue";
+import Page1 from "./components/page1.vue";
-import Contract from "./components/contract.vue";
+import Page2 from "./components/page2.vue";
-import Service from "./components/service.vue";
+import Page3 from "./components/page3.vue";
 import Products from "./components/products.vue";
 import Employee from "./components/employee.vue";
 import User from "./components/user.vue";
 const routes = [
    { path: "/", redirect: "/login" },
@@ -15,15 +11,12 @@ const routes = [
    {
        path: "/panel",
        component: Panel,
-        redirect: "/panel/home",
+        redirect: "/panel/page1",
        meta: { requiresAuth: true},
        children: [
-            { path: "home", component:Home},
+            { path: "page1", component: Page1 },
-            { path: "customer", component: Customer },
+            { path: "page2", component: Page2 },
-            { path: "contract", component: Contract },
+            { path: "page3", component: Page3 },
            { path: "service", component: Service },
            { path: "products", component: Products  },
            { path: "employee", component: Employee },
            { path: "user", component: User }
        ],
    },
 ]
@@ -32,4 +25,18 @@ const router = createRouter({
    history: createWebHistory(),
    routes,
 })
 router.beforeEach((to, from, next) => {
    const token = localStorage.getItem("bm_token");
    if (to.meta['requiresAuth'] && !token) {
        return next('/login');
    }
    if (to.path === "/login" && token) {
        return next('/panel');
    }
    next()
 })
 export default router;
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -0,0 +1,38 @@
 import {defineStore} from "pinia";
 import {ref} from "vue";
 import {login as loginApi, getUserInfo, logout as logoutApi} from "@/api/user.js";
 const TOKEN_KEY = 'bm_token'
 export const useUserStore = defineStore('user', () => {
    const token = ref(localStorage.getItem(TOKEN_KEY) || '')
    const userInfo = ref({})
    async function login(form) {
        const data = await loginApi(form)
        token.value = data.token
        userInfo.value = data.user
        localStorage.setItem(TOKEN_KEY, data.token)
        return data
    }
    async function fetchUserInfo() {
        const data = await getUserInfo()
        userInfo.value = data
        return data
    }
    async function logout() {
        try {
            await logoutApi()
        } catch (_) {
        }
        token.value = ''
        userInfo.value = {}
        localStorage.removeItem(TOKEN_KEY)
    }
    return {token, userInfo, logout, login, fetchUserInfo}
 })
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,22 @@
 import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { fileURLToPath, URL } from 'node:url'
 // https://vite.dev/config/
 export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)), //代码里写 @/api/user 时，自动当成 ./src/api/user 来找文件
    },
  },
  server: {
    port: 5173,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
      }
    }
  }
 })
--- a/yarn.lock
+++ b/yarn.lock
@@ -37,6 +37,28 @@
  resolved "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz"
  integrity sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==
 "@emnapi/core@1.10.0":
  version "1.10.0"
  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.10.0.tgz#380ccc8f2412ea22d1d972df7f8ee23a3b9c7467"
  integrity sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==
  dependencies:
    "@emnapi/wasi-threads" "1.2.1"
    tslib "^2.4.0"
 "@emnapi/runtime@1.10.0":
  version "1.10.0"
  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.10.0.tgz#4b260c0d3534204e98c6110b8db1a987d26ec87c"
  integrity sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==
  dependencies:
    tslib "^2.4.0"
 "@emnapi/wasi-threads@1.2.1":
  version "1.2.1"
  resolved "https://registry.yarnpkg.com/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz#28fed21a1ba1ce797c44a070abc94d42f3ae8548"
  integrity sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==
  dependencies:
    tslib "^2.4.0"
 "@floating-ui/core@^1.7.5":
  version "1.7.5"
  resolved "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz"
@@ -62,6 +84,13 @@
  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz"
  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 "@napi-rs/wasm-runtime@^1.1.4":
  version "1.1.4"
  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz#a46bbfedc29751b7170c5d23bc1d8ee8c7e3c1e1"
  integrity sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==
  dependencies:
    "@tybys/wasm-util" "^0.10.1"
 "@oxc-project/types@=0.133.0":
  version "0.133.0"
  resolved "https://registry.npmjs.org/@oxc-project/types/-/types-0.133.0.tgz"
@@ -72,6 +101,80 @@
  resolved "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.8.tgz"
  integrity sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==
 "@rolldown/binding-android-arm64@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.3.tgz#54ce8f8382213f4a314a0c2f7ba83f81ffeae592"
  integrity sha512-454rs7jHngixp/NMxd5srYD57OnzSlZ/eFTETjORQHLwJG1lRtmNOJcBerZlfu4GjKqeq8aCCIQrMdHyhI51Hw==
 "@rolldown/binding-darwin-arm64@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.3.tgz#388fca1566c14c00c4b446fc3928630e7f0d95fc"
  integrity sha512-PcAhP+ynjURNyy8SKGl5DQP94aGuB/7JrXJb/t7P+hanXvQVMWzUvRRhBAcg/lNRadBhoUPqSoP4xw5tR/KBEA==
 "@rolldown/binding-darwin-x64@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.3.tgz#53f57de1f599ecf1db13823cfc88c18fb80954ad"
  integrity sha512-9YpfeUvSE2RS7wysJ81uOZkXJz7f7Q55H2Gvp3VEw/EsahqDtrphrZ0EwDLK5vvKOzaCrBsjF8JmnMLcUt78Gg==
 "@rolldown/binding-freebsd-x64@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.3.tgz#6f3fdda1b7aeaac9d268a526804b4fb96e4e35f1"
  integrity sha512-yB1IlAsSNHncV6SCTL27/MVGR5htvQsoGxIv5KMGXALp+Ll1wYsn+x98M9MW7qa+NdSbvrrY7ANI4wLJ0n1e6g==
 "@rolldown/binding-linux-arm-gnueabihf@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.3.tgz#d87a454bf585cc9676849377e91d6e375297326f"
  integrity sha512-Yi30IVAAfLUCy2MseFjbB1jAMDl1VMCAas5StnYp8da9+CKvMd2H2cbEjWcw5NPaPqzvYkVIaF1nNUG+b7u/sw==
 "@rolldown/binding-linux-arm64-gnu@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.3.tgz#419fd6bf612cf348f10528cbcd94ebab9607d8d1"
  integrity sha512-jsO7R8To+AdlYgUmN5sHSCZbfhtMBkO0WUx8iORQnPcMMdgr7qM2DQmMwgabs3GhNztdmoKkMKQFHD6DTMCIQw==
 "@rolldown/binding-linux-arm64-musl@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.3.tgz#fcc6918696bb76844877e1e4930a18fd0d374069"
  integrity sha512-VWkUHwWriDciit80wleYwKILoR/KMvxh/IdwS/paX+ZgpuRpCrKLUdadJbc0NpBEiyhpYawsJ73j9aCvOH+f7Q==
 "@rolldown/binding-linux-ppc64-gnu@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.3.tgz#32aecb7c8dae5d4f2a8cde57a058ec86991542f8"
  integrity sha512-5f1laC0SlIR0yDbFCd8acUhvJIag6N3zC5P7oUPN6wX0aOma+uKJ0wBDH5aq7I1PVI2ttTlhJwzwRIBnLiSGEg==
 "@rolldown/binding-linux-s390x-gnu@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.3.tgz#bed9346ea81e6bb8b93cf11f5d88b77db890b763"
  integrity sha512-Iq4ko0r4XsgbrF/LunNgHtAGLRRVE2kXonAXQ/MV0mC6jQpMOhW1SvtZja2EhC/kd05++bP78dsqBeIQyYJ6Yg==
 "@rolldown/binding-linux-x64-gnu@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.3.tgz#64c2d26f75dffd9b5a1f97557a00ae77250c8cb7"
  integrity sha512-B8m6tD5+/N5FeNQFbKlLA/2yVq9ycQP1SeedyEYYKWBNR3ZQbkvIUcNnDNM03lO1l5F2roiiFJGgvoLLyZXtSg==
 "@rolldown/binding-linux-x64-musl@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.3.tgz#5a45132e8a47659eeaaf3b540c2954a97c860ff3"
  integrity sha512-pSdpdUJHkuCxun9LE7jvgUB9qsRgaiyNNCX7m/AvHTcq67AiT/Yhoxvw5zPfhrM8k/BfP8ce/hMOpthKDpEUow==
 "@rolldown/binding-openharmony-arm64@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.3.tgz#290513068c55e849dc8457a32afee1d7b0acb309"
  integrity sha512-OXXS3RKJgX2uLwM+gYyuH5omcH8fL1LJs96pZGgtetVCahON57+d4SJHzTgZiOjxgGkSnpXpOsWuPDGAKAigEg==
 "@rolldown/binding-wasm32-wasi@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.3.tgz#3d9972dbf1a953d3c7afaa4a0f20ef2b2e39f31b"
  integrity sha512-JTtb8BWFynicNSoPrehsCzBtOKjZ6jhMiPFEmOiuXg1Fl8dn2KHQob+GuPSGR0dryQa1PQJbzjF3dqO/whhjLg==
  dependencies:
    "@emnapi/core" "1.10.0"
    "@emnapi/runtime" "1.10.0"
    "@napi-rs/wasm-runtime" "^1.1.4"
 "@rolldown/binding-win32-arm64-msvc@1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.3.tgz#a004ab607a16d6f03bcb555728ff888af75773ad"
  integrity sha512-gEdFFEN70A/jxb2svrWsN3aDL7OUtmvlOy+6fa2jxG8K0wQ1ZbdeLGnidov6Yu5/733dI5ySfzFlQ/cb0bSz1g==
 "@rolldown/binding-win32-x64-msvc@1.0.3":
  version "1.0.3"
  resolved "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.3.tgz"
@@ -82,7 +185,14 @@
  resolved "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz"
  integrity sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==
-"@types/lodash-es@*", "@types/lodash-es@^4.17.12":
+"@tybys/wasm-util@^0.10.1":
  version "0.10.2"
  resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.10.2.tgz#12b3a1b33db1f9cad4ddff1f604ab7dd00bf464e"
  integrity sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==
  dependencies:
    tslib "^2.4.0"
 "@types/lodash-es@^4.17.12":
  version "4.17.12"
  resolved "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz"
  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
@@ -150,9 +260,36 @@
 "@vue/devtools-api@^6.6.4":
  version "6.6.4"
-  resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
 "@vue/devtools-api@^7.7.7":
  version "7.7.9"
  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-7.7.9.tgz#999dbea50da6b00cf59a1336f11fdc2b43d9e063"
  integrity sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==
  dependencies:
    "@vue/devtools-kit" "^7.7.9"
 "@vue/devtools-kit@^7.7.9":
  version "7.7.9"
  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz#bc218a815616e8987df7ab3e10fc1fb3b8706c58"
  integrity sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==
  dependencies:
    "@vue/devtools-shared" "^7.7.9"
    birpc "^2.3.0"
    hookable "^5.5.3"
    mitt "^3.0.1"
    perfect-debounce "^1.0.0"
    speakingurl "^14.0.1"
    superjson "^2.2.2"
 "@vue/devtools-shared@^7.7.9":
  version "7.7.9"
  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz#fa4c096b744927081a7dda5fcf05f34b1ae6ca14"
  integrity sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==
  dependencies:
    rfdc "^1.4.1"
 "@vue/reactivity@3.5.35":
  version "3.5.35"
  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.35.tgz"
@@ -210,15 +347,59 @@
  resolved "https://registry.npmjs.org/@vueuse/shared/-/shared-14.3.0.tgz"
  integrity sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==
 agent-base@6:
  version "6.0.2"
  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
  dependencies:
    debug "4"
 async-validator@^4.2.5:
  version "4.2.5"
  resolved "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz"
  integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
-china-area-data@^5.0.1:
+asynckit@^0.4.0:
-  version "5.0.1"
+  version "0.4.0"
-  resolved "https://registry.npmmirror.com/china-area-data/-/china-area-data-5.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha512-BQDPpiv5Nn+018ekcJK2oSD9PAD+E1bvXB0wgabc//dFVS/KvRqCgg0QOEUt3vBkx9XzB5a9BmkJCEZDBxVjVw==
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 axios@^1.17.0:
  version "1.17.0"
  resolved "https://registry.yarnpkg.com/axios/-/axios-1.17.0.tgz#ae5a1164a4f719942cd73c67e6a3f62d3ccb8f2b"
  integrity sha512-J8SwNxprqqpbfenehxWYXE7CW+wM1BB4w3+N+g+/Wx40xM4rsLrfPmHHxSWIxJLYDgSY/HqlFPIYb2/S3rxafw==
  dependencies:
    follow-redirects "^1.16.0"
    form-data "^4.0.5"
    https-proxy-agent "^5.0.1"
    proxy-from-env "^2.1.0"
 birpc@^2.3.0:
  version "2.9.0"
  resolved "https://registry.yarnpkg.com/birpc/-/birpc-2.9.0.tgz#b59550897e4cd96a223e2a6c1475b572236ed145"
  integrity sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==
 call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
  dependencies:
    es-errors "^1.3.0"
    function-bind "^1.1.2"
 combined-stream@^1.0.8:
  version "1.0.8"
  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
  dependencies:
    delayed-stream "~1.0.0"
 copy-anything@^4:
  version "4.0.5"
  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-4.0.5.tgz#16cabafd1ea4bb327a540b750f2b4df522825aea"
  integrity sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==
  dependencies:
    is-what "^5.2.0"
 csstype@^3.2.3:
  version "3.2.3"
@@ -230,18 +411,31 @@ dayjs@^1.11.20:
  resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.21.tgz"
  integrity sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==
 debug@4:
  version "4.4.3"
  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
  dependencies:
    ms "^2.1.3"
 delayed-stream@~1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 detect-libc@^2.0.3:
  version "2.1.2"
  resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz"
  integrity sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==
-element-china-area-data@^5.0.2:
+dunder-proto@^1.0.1:
-  version "5.0.2"
+  version "1.0.1"
-  resolved "https://registry.npmmirror.com/element-china-area-data/-/element-china-area-data-5.0.2.tgz"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
-  integrity sha512-vLQuvOKJy/uiX7MRHEk3x/j09hipuIl6DJ/C4XFUG7D7Pj3O47sy+Y6aAArM6k9v8cD9UX6e+yz2S4J+IPnZ8g==
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
  dependencies:
-    china-area-data "^5.0.1"
+    call-bind-apply-helpers "^1.0.1"
-    lodash-es "^4.17.15"
+    es-errors "^1.3.0"
    gopd "^1.2.0"
 element-plus@^2.14.1:
  version "2.14.1"
@@ -269,6 +463,33 @@ entities@^7.0.1:
  resolved "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz"
  integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
 es-define-property@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
 es-errors@^1.3.0:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
 es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
  version "1.1.2"
  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.2.tgz#a2d0b373205724dfa525d23b0c3e1b1ca582c99b"
  integrity sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==
  dependencies:
    es-errors "^1.3.0"
 es-set-tostringtag@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
  dependencies:
    es-errors "^1.3.0"
    get-intrinsic "^1.2.6"
    has-tostringtag "^1.0.2"
    hasown "^2.0.2"
 estree-walker@^2.0.2:
  version "2.0.2"
  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
@@ -279,6 +500,148 @@ fdir@^6.5.0:
  resolved "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz"
  integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
 follow-redirects@^1.16.0:
  version "1.16.0"
  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.16.0.tgz#28474a159d3b9d11ef62050a14ed60e4df6d61bc"
  integrity sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==
 form-data@^4.0.5:
  version "4.0.5"
  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.5.tgz#b49e48858045ff4cbf6b03e1805cebcad3679053"
  integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
  dependencies:
    asynckit "^0.4.0"
    combined-stream "^1.0.8"
    es-set-tostringtag "^2.1.0"
    hasown "^2.0.2"
    mime-types "^2.1.12"
 fsevents@~2.3.3:
  version "2.3.3"
  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 function-bind@^1.1.2:
  version "1.1.2"
  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 get-intrinsic@^1.2.6:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
  dependencies:
    call-bind-apply-helpers "^1.0.2"
    es-define-property "^1.0.1"
    es-errors "^1.3.0"
    es-object-atoms "^1.1.1"
    function-bind "^1.1.2"
    get-proto "^1.0.1"
    gopd "^1.2.0"
    has-symbols "^1.1.0"
    hasown "^2.0.2"
    math-intrinsics "^1.1.0"
 get-proto@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
  dependencies:
    dunder-proto "^1.0.1"
    es-object-atoms "^1.0.0"
 gopd@^1.2.0:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 has-symbols@^1.0.3, has-symbols@^1.1.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
 has-tostringtag@^1.0.2:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
  dependencies:
    has-symbols "^1.0.3"
 hasown@^2.0.2:
  version "2.0.4"
  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.4.tgz#8c62d8cb90beb2aad5d0a5b67581ad9854c3f003"
  integrity sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==
  dependencies:
    function-bind "^1.1.2"
 hookable@^5.5.3:
  version "5.5.3"
  resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
  integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
 https-proxy-agent@^5.0.1:
  version "5.0.1"
  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
  dependencies:
    agent-base "6"
    debug "4"
 is-what@^5.2.0:
  version "5.5.0"
  resolved "https://registry.yarnpkg.com/is-what/-/is-what-5.5.0.tgz#a3031815757cfe1f03fed990bf6355a2d3f628c4"
  integrity sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==
 lightningcss-android-arm64@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz#f033885116dfefd9c6f54787523e3514b61e1968"
  integrity sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==
 lightningcss-darwin-arm64@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz#50b71871b01c8199584b649e292547faea7af9b5"
  integrity sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==
 lightningcss-darwin-x64@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz#35f3e97332d130b9ca181e11b568ded6aebc6d5e"
  integrity sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==
 lightningcss-freebsd-x64@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz#9777a76472b64ed6ff94342ad64c7bafd794a575"
  integrity sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==
 lightningcss-linux-arm-gnueabihf@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz#13ae652e1ab73b9135d7b7da172f666c410ad53d"
  integrity sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==
 lightningcss-linux-arm64-gnu@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz#417858795a94592f680123a1b1f9da8a0e1ef335"
  integrity sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==
 lightningcss-linux-arm64-musl@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz#6be36692e810b718040802fd809623cffe732133"
  integrity sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==
 lightningcss-linux-x64-gnu@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz#0b7803af4eb21cfd38dd39fe2abbb53c7dd091f6"
  integrity sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==
 lightningcss-linux-x64-musl@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz#88dc8ba865ddddb1ac5ef04b0f161804418c163b"
  integrity sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==
 lightningcss-win32-arm64-msvc@1.32.0:
  version "1.32.0"
  resolved "https://registry.yarnpkg.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz#4f30ba3fa5e925f5b79f945e8cc0d176c3b1ab38"
  integrity sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==
 lightningcss-win32-x64-msvc@1.32.0:
  version "1.32.0"
  resolved "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz"
@@ -303,7 +666,7 @@ lightningcss@^1.32.0:
    lightningcss-win32-arm64-msvc "1.32.0"
    lightningcss-win32-x64-msvc "1.32.0"
-lodash-es@*, lodash-es@^4.17.15, lodash-es@^4.18.1:
+lodash-es@^4.18.1:
  version "4.18.1"
  resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz"
  integrity sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==
@@ -313,7 +676,7 @@ lodash-unified@^1.0.3:
  resolved "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz"
  integrity sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==
-lodash@*, lodash@^4.18.1:
+lodash@^4.18.1:
  version "4.18.1"
  resolved "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz"
  integrity sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==
@@ -325,11 +688,38 @@ magic-string@^0.30.21:
  dependencies:
    "@jridgewell/sourcemap-codec" "^1.5.5"
 math-intrinsics@^1.1.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
 memoize-one@^6.0.0:
  version "6.0.0"
  resolved "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz"
  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
 mime-db@1.52.0:
  version "1.52.0"
  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 mime-types@^2.1.12:
  version "2.1.35"
  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
  dependencies:
    mime-db "1.52.0"
 mitt@^3.0.1:
  version "3.0.1"
  resolved "https://registry.yarnpkg.com/mitt/-/mitt-3.0.1.tgz#ea36cf0cc30403601ae074c8f77b7092cdab36d1"
  integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==
 ms@^2.1.3:
  version "2.1.3"
  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 nanoid@^3.3.12:
  version "3.3.12"
  resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz"
@@ -340,16 +730,28 @@ normalize-wheel-es@^1.2.0:
  resolved "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz"
  integrity sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==
 perfect-debounce@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
  integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
 picocolors@^1.1.1:
  version "1.1.1"
  resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
-"picomatch@^3 || ^4", picomatch@^4.0.4:
+picomatch@^4.0.4:
  version "4.0.4"
  resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz"
  integrity sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==
 pinia@^3.0.4:
  version "3.0.4"
  resolved "https://registry.yarnpkg.com/pinia/-/pinia-3.0.4.tgz#75dde12784a61e34c1fa6abcd13c1a1061c360c0"
  integrity sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==
  dependencies:
    "@vue/devtools-api" "^7.7.7"
 postcss@^8.5.15:
  version "8.5.15"
  resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz"
@@ -359,6 +761,16 @@ postcss@^8.5.15:
    picocolors "^1.1.1"
    source-map-js "^1.2.1"
 proxy-from-env@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz#a7487568adad577cfaaa7e88c49cab3ab3081aba"
  integrity sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==
 rfdc@^1.4.1:
  version "1.4.1"
  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.4.1.tgz#778f76c4fb731d93414e8f925fbecf64cce7f6ca"
  integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
 rolldown@1.0.3:
  version "1.0.3"
  resolved "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz"
@@ -388,6 +800,18 @@ source-map-js@^1.2.1:
  resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz"
  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 speakingurl@^14.0.1:
  version "14.0.1"
  resolved "https://registry.yarnpkg.com/speakingurl/-/speakingurl-14.0.1.tgz#f37ec8ddc4ab98e9600c1c9ec324a8c48d772a53"
  integrity sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==
 superjson@^2.2.2:
  version "2.2.6"
  resolved "https://registry.yarnpkg.com/superjson/-/superjson-2.2.6.tgz#a223a3a988172a5f9656e2063fe5f733af40d099"
  integrity sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==
  dependencies:
    copy-anything "^4"
 tinyglobby@^0.2.17:
  version "0.2.17"
  resolved "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz"
@@ -396,7 +820,12 @@ tinyglobby@^0.2.17:
    fdir "^6.5.0"
    picomatch "^4.0.4"
-"vite@^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", vite@^8.0.12:
+tslib@^2.4.0:
  version "2.8.1"
  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 vite@^8.0.12:
  version "8.0.16"
  resolved "https://registry.npmjs.org/vite/-/vite-8.0.16.tgz"
  integrity sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==
@@ -416,12 +845,12 @@ vue-component-type-helpers@^3.3.1:
 vue-router@4:
  version "4.6.4"
-  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.6.4.tgz#a0a9cb9ef811a106d249e4bb9313d286718020d8"
  integrity sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==
  dependencies:
    "@vue/devtools-api" "^6.6.4"
-vue@^3.2.0, vue@^3.2.25, vue@^3.3.7, vue@^3.5.0, vue@^3.5.34, vue@3.5.35:
+vue@^3.5.34:
  version "3.5.35"
  resolved "https://registry.npmjs.org/vue/-/vue-3.5.35.tgz"
  integrity sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==