diff --git a/f/web-kboss/.gitignore b/f/web-kboss/.gitignore
index 62e44d3..296c744 100644
--- a/f/web-kboss/.gitignore
+++ b/f/web-kboss/.gitignore
@@ -1,10 +1,8 @@
 .DS_Store
 node_modules/
 dist/
-<<<<<<< HEAD
 =======
 # src/
->>>>>>> a3d0bd5845e8b37373bf85c7c40401a7c67884b9
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
diff --git a/f/web-kboss/src/assets/image/icon1.png b/f/web-kboss/src/assets/image/icon1.png
new file mode 100644
index 0000000..0c486cf
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon1.png differ
diff --git a/f/web-kboss/src/assets/image/icon2.png b/f/web-kboss/src/assets/image/icon2.png
new file mode 100644
index 0000000..d045b1f
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon2.png differ
diff --git a/f/web-kboss/src/assets/image/icon3.png b/f/web-kboss/src/assets/image/icon3.png
new file mode 100644
index 0000000..a54cafe
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon3.png differ
diff --git a/f/web-kboss/src/assets/image/icon4.png b/f/web-kboss/src/assets/image/icon4.png
new file mode 100644
index 0000000..27cf955
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon4.png differ
diff --git a/f/web-kboss/src/layout/components/Sidebar/SidebarItem.vue b/f/web-kboss/src/layout/components/Sidebar/SidebarItem.vue
index 8587f51..da82b10 100644
--- a/f/web-kboss/src/layout/components/Sidebar/SidebarItem.vue
+++ b/f/web-kboss/src/layout/components/Sidebar/SidebarItem.vue
@@ -6,7 +6,6 @@
           <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
         </el-menu-item>
       </app-link>
-
     </template>
 
     <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
@@ -94,7 +93,17 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.sider{
+.sider {
+  // 给嵌套菜单添加左边距
+  ::v-deep .nest-menu {
+    .el-menu-item {
+      padding-left: 60px !important; // 或者您想要的任何值，比如10px
+    }
 
+    // 如果还有更深层的嵌套，可以继续设置
+    .nest-menu .el-menu-item {
+      padding-left: 100px !important;
+    }
+  }
 }
 </style>
diff --git a/f/web-kboss/src/layout/components/Sidebar/index.vue b/f/web-kboss/src/layout/components/Sidebar/index.vue
index 42cc42c..9763d74 100644
--- a/f/web-kboss/src/layout/components/Sidebar/index.vue
+++ b/f/web-kboss/src/layout/components/Sidebar/index.vue
@@ -1,4 +1,3 @@
-<!-- Sidebar.vue -->
 <template>
   <div class="index">
     <div :class="{ 'has-logo': showLogo }" class="sidebar-container">
@@ -32,7 +31,7 @@
 
 <script>
 import { mapGetters } from "vuex";
-import SidebarItem from "./SidebarItem.vue";  
+import SidebarItem from "./SidebarItem.vue";
 import variables from "@/styles/variables.scss";
 import Logo from "./Logo.vue";
 
@@ -108,7 +107,7 @@ export default {
     }
   }
 
-  // 重点修改部分 - 更具体的选择器
+  // 更具体的选择器
   ::v-deep .el-menu-vertical {
     border: none;
     height: 100%;
@@ -166,7 +165,7 @@ export default {
     .el-menu--popup {
       .el-menu-item {
         &.is-active {
-          background-color: #d7dafd !important;
+          background-color: #f5f7fa !important;
           color: #296ad9 !important;
         }
       }
diff --git a/f/web-kboss/src/main.js b/f/web-kboss/src/main.js
index 4d0b2f1..a8cef51 100644
--- a/f/web-kboss/src/main.js
+++ b/f/web-kboss/src/main.js
@@ -1,10 +1,9 @@
 import Vue from 'vue'
 
 import Cookies from 'js-cookie'
-
 import 'normalize.css/normalize.css' // a modern alternative to CSS resets
 
-import '@/assets/css/iconfont/iconfont.css'
+import './assets/css/iconfont/iconfont.css'
 
 import Element from 'element-ui'
 import './styles/element-variables.scss'
diff --git a/f/web-kboss/src/router/index.js b/f/web-kboss/src/router/index.js
index a3304b5..2e9c135 100644
--- a/f/web-kboss/src/router/index.js
+++ b/f/web-kboss/src/router/index.js
@@ -300,31 +300,54 @@ export const constantRoutes = [
  */
 export const asyncRoutes = [
 
+
+
+  // 全部产品 - 一级菜单
+  // 全部产品 - 一级菜单（无子路由）
   {
     path: "/product",
     component: Layout,
-    redirect: "/product/overview",
     meta: {
       title: "全部产品",
       fullPath: "/product",
       noCache: true,
-      icon: "el-icon-s-platform"
+      icon: "el-icon-goods"
     },
-    alwaysShow: true,
     children: [
       {
-        path: "overview",
-        component: () => import('../views/customer/orderManagement/index.vue'),
-        name: 'ProductOverview',
+        path: "",
+        component: () => import('@/views/product/productHome/productIndex/index.vue'),
+        name: 'ProductHome',
         meta: {
-          title: "资源概览",
-          fullPath: "/product/overview",
+          title: "全部产品",
+          fullPath: "/product",
           noCache: true
         }
       },
     ]
   },
-
+  {
+    path: "/overview",
+    component: Layout,
+    meta: {
+      title: "资源概览",
+      fullPath: "/overview",
+      noCache: true,
+      icon: "el-icon-s-data"
+    },
+    children: [
+      {
+        path: "",
+        component: () => import('@/views/product/productHome/productIndex/index.vue'),
+        name: 'ResourceOverview',
+        meta: {
+          title: "资源概览",
+          fullPath: "/overview",
+          noCache: true
+        }
+      }
+    ]
+  },
 
   {
     path: "/orderManagement",
@@ -340,15 +363,11 @@ export const asyncRoutes = [
     alwaysShow: true,
     children: [
       {
-        path: "baidu",
-        component: () => import('@/views/product/productHome/productIndex/index.vue'),
-        name: 'BaiduOrder',
-        meta: {
-          title: "百度订单",
-          fullPath: "/product/overview",
-          noCache: true
-        }
-      }
+        path: "orderManagement",
+        component: () => import("@/views/customer/orderManagement"),
+        name: "OrderManagement",
+        meta: { title: "百度订单", fullPath: "/customer/orderManagement", noCache: true, },
+      },
     ]
   },
 
@@ -362,20 +381,16 @@ export const asyncRoutes = [
       title: "资源管理",
       fullPath: "/resourceManagement",
       noCache: true,
-      icon: "el-icon-copy-document"
+      icon: "el-icon-s-management"
     },
     alwaysShow: true,
     children: [
       {
-        path: "baidu",
-        component: () => import('@/views/product/productHome/productIndex/index.vue'),
-        name: 'BaiduResource',
-        meta: {
-          title: "百度资源",
-          fullPath: "/resourceManagement/baidu",
-          noCache: true
-        }
-      }
+        path: "userResource", component: () => import(
+          // "@/views/customer/userResource/iframeJiNan.vue"//iframe报错
+          "@/views/customer/userResource"
+        ), name: "userResource", meta: { title: "百度资源", fullPath: "/customer/userResource", noCache: true },
+      },
     ]
   },
 
@@ -783,163 +798,258 @@ export const asyncRoutes = [
   {
 
   },
-  // // 客户
+  // 工单管理 - 变为一级菜单
   {
-    path: "/customer", component: Layout, redirect: "/customer/workOrderManagement", meta: {
-      title: "客户", icon: "el-icon-s-custom", noCache: true, fullPath: "/customer",
+    path: "/workOrderManagement",
+    component: Layout,
+    meta: {
+      title: "工单管理",
+      icon: "el-icon-s-ticket",
+      noCache: true,
+      fullPath: "/workOrderManagement"
     },
     children: [
-      // 工单
       {
-        path: "workOrderManagement",
+        path: "index",
         component: () => import("@/views/customer/workOrderManagement"),
         name: "WorkOrderManagement",
-        meta: { title: "工单管理", fullPath: "/customer/workOrderManagement" },
-      },
-      // 退订
-      {
-        path: "unsubscribe",
-
-        component: () => import("@/views/customer/unsubscribe"),
-        name: "Unsubscribe",
-        alwaysShow: true, // 确保父菜单始终显示
-        meta: {
-          title: "退订管理",
-          alwaysShow: true
-        },
-        children: [
-          {
-            path: "BaiduNetdisk",
-            component: () => import("@/views/customer/unsubscribe/BaiduNetdisk.vue"),
-            name: "BaiduNetdisk",
-            meta: { title: "百度云" }
-          },
-
-
-        ]
-      },
-      // 完善信息
-      {
-        path: 'approve',
-        component: () => import('@/views/customer/ncApprove/index.vue'),
-        name: "Approve",
-        meta: { title: "信息完善", fullPath: "/customer/ncApprove" },
-      },
-      // 渠道管理
-      {
-        hidden: true,
-        path: "channelMangement",
-        component: () => import("@/views/customer/channelMangement/index.vue"),
-        name: "ChannelMangement",
-        meta: { title: "渠道管理", fullPath: "/customer/channelMangement" },
-      },
-      //渠道产品管理
-      {
-        hidden: true,
-        path: "channelProductMangement",
-        component: () => import("@/views/customer/channelMangement/channelProductMangement/index.vue"),
-        name: "channelProductMangement",
-        meta: { title: "渠道产品管理", fullPath: "/customer/channelMangement/channelProductMangement", noCache: true },
-      },
-      // 无权限
-      {
-        hidden: true,
-        path: "noChannelPermission",
-        component: () => import("@/views/customer/channelMangement/noChannelPermission/index.vue"),
-        name: "noChannelPermission",
-        meta: { title: "无权限", fullPath: "/customer/channelMangement/noChannelPermission", noCache: true },
-      },
-      // 聊天
-      {
-        hidden: true,
-        path: "chat",
-        component: () => import("@/views/product/productHome/chat/index.vue"),
-        name: "chat",
-        meta: {
-          title: "聊天", fullPath: "/product/productHome/chat", noCache: true
-        },
-      },
-
-      // 个人中心
-      {
-        hidden: true,
-        path: "customerInformation",
-        component: () => import("@/views/customer/customerInformation"),
-        name: "customerInformation",
-        meta: { title: "个人中心", fullPath: "/customer/customerInformation" },
-      },
-      // 充值管理
-      {
-        path: "rechargeRecord",
-        component: () => import("@/views/customer/rechargeRecord"),
-        name: "RechargeRecord",
-        meta: { title: "充值管理", fullPath: "/customer/rechargeRecord" },
-      },
-      // 订单管理
-      {
-        path: "orderManagement",
-        component: () => import("@/views/customer/orderManagement"),
-        name: "OrderManagement",
-        meta: { title: "产品订单", fullPath: "/customer/orderManagement", noCache: true, },
-      },
-      // 订单详情
-      {
-        path: "orderDetil",
-        component: () => import("@/views/customer/orderDetil"),
-        name: "orderDetil",
-        hidden: true,
-        meta: { title: "订单详情", fullPath: "/customer/orderDetil", noCache: true, },
-      },
-      // 促销邀请码
-      {
-        hidden: true,
-        path: "promotionalInvitationCode",
-        component: () => import("@/views/customer/promotionalInvitationCode"),
-        name: "PromotionalInvitationCode",
-        meta: { title: "促销邀请码", fullPath: "/customer/promotionalInvitationCode" },
-      },
-
-      // 资源示例
-      {
-        path: "userResource", component: () => import(
-          // "@/views/customer/userResource/iframeJiNan.vue"//iframe报错
-          "@/views/customer/userResource"
-        ), name: "userResource", meta: { title: "资源实例", fullPath: "/customer/userResource", noCache: true },
-      },
-      // ssh登录
-      {
-
-        path: "sshTerminal",
-        component: () => import(
-          // "@/views/customer/userResource/iframeJiNan.vue"//iframe报错
-          "@/views/customer/userResource/SshTerminal.vue"
-        ),
-        name: "sshTerminal",
-        meta: { title: "ssh登录", fullPath: "/customer/SshTerminal", noCache: true },
-      },
-      // 审批记录
-      {
-        hidden: true, path: "approvalRecord", component: () => import(
-          // "@/views/customer/approvalRecord/iframeJiNan.vue"//iframe报错
-          "@/views/customer/approvalRecord"
-        ), name: "approvalRecord", meta: { title: "审批记录", fullPath: "/customer/approvalRecord" },
-      },
-      // 发票管理
-      {
-        path: "invoice",
-        component: () => import("@/views/customer/invoice"),
-        name: "Invoice",
-        meta: { title: "发票管理", fullPath: "/customer/invoice" },
-      },
-      // 产品最新页
-      {
-        hidden: true,
-        path: "productIndex",
-        component: () => import("@/views/product/productHome/productIndex/index.vue"),
-        name: "ProductIndex",
-        meta: { title: "产品最新页", fullPath: "/product/productHome/productIndex", noCache: true },
-      },],
+        meta: { title: "工单管理", fullPath: "/workOrderManagement/index" },
+      }
+    ]
   },
+  // 退订管理 - 变为一级菜单（包含子菜单）
+  {
+    path: "/unsubscribeManagement",
+    component: Layout,
+    redirect: "/unsubscribeManagement/BaiduNetdisk", // 修正重定向路径
+    alwaysShow: true, // 添加这个属性到路由层级，不是meta里面
+    meta: {
+      title: "退订管理",
+      icon: "el-icon-circle-close",
+      noCache: true,
+      fullPath: "/unsubscribeManagement"
+    },
+    children: [
+      {
+        path: "BaiduNetdisk",
+        component: () => import("@/views/customer/unsubscribe/BaiduNetdisk.vue"),
+        name: "BaiduNetdisk",
+        meta: {
+          title: "百度云",
+          fullPath: "/unsubscribeManagement/BaiduNetdisk"
+        }
+      }
+    ]
+  },
+  // 信息完善 - 变为一级菜单
+  {
+    path: "/informationPerfect",
+    component: Layout,
+    meta: {
+      title: "信息完善",
+      icon: "el-icon-edit-outline",
+      noCache: true,
+      fullPath: "/informationPerfect"
+    },
+    children: [
+      {
+        path: "index",
+        component: () => import('@/views/customer/ncApprove/index.vue'),
+        name: "InformationPerfect",
+        meta: { title: "信息完善", fullPath: "/informationPerfect/index" },
+      }
+    ]
+  },
+  // 充值管理 - 变为一级菜单
+  {
+    path: "/rechargeManagement",
+    component: Layout,
+    meta: {
+      title: "充值管理",
+      icon: "el-icon-money",
+      noCache: true,
+      fullPath: "/rechargeManagement"
+    },
+    children: [
+      {
+        path: "index",
+        component: () => import("@/views/customer/rechargeRecord"),
+        name: "RechargeManagement",
+        meta: { title: "充值管理", fullPath: "/rechargeManagement/index" },
+      }
+    ]
+  },
+  // 发票管理 - 变为一级菜单
+  {
+    path: "/invoiceManagement",
+    component: Layout,
+    meta: {
+      title: "发票管理",
+      icon: "el-icon-document",
+      noCache: true,
+      fullPath: "/invoiceManagement"
+    },
+    children: [
+      {
+        path: "index",
+        component: () => import("@/views/customer/invoice"),
+        name: "InvoiceManagement",
+        meta: { title: "发票管理", fullPath: "/invoiceManagement/index" },
+      }
+    ]
+  },
+
+  // // 客户 - 注释掉
+  // {
+  //   path: "/customer", component: Layout, redirect: "/customer/workOrderManagement", meta: {
+  //     title: "客户", icon: "el-icon-s-custom", noCache: true, fullPath: "/customer",
+  //   },
+  //   children: [
+  //     // 工单
+  //     {
+  //       path: "workOrderManagement",
+  //       component: () => import("@/views/customer/workOrderManagement"),
+  //       name: "WorkOrderManagement",
+  //       meta: { title: "工单管理", fullPath: "/customer/workOrderManagement" },
+  //     },
+  //     // 退订
+  //     {
+  //       path: "unsubscribe",
+
+  //       component: () => import("@/views/customer/unsubscribe"),
+  //       name: "Unsubscribe",
+  //       alwaysShow: true, // 确保父菜单始终显示
+  //       meta: {
+  //         title: "退订管理",
+  //         alwaysShow: true
+  //       },
+  //       children: [
+  //         {
+  //           path: "BaiduNetdisk",
+  //           component: () => import("@/views/customer/unsubscribe/BaiduNetdisk.vue"),
+  //           name: "BaiduNetdisk",
+  //           meta: { title: "百度云" }
+  //         },
+
+  //       ]
+  //     },
+  //     // 完善信息
+  //     {
+  //       path: 'approve',
+  //       component: () => import('@/views/customer/ncApprove/index.vue'),
+  //       name: "Approve",
+  //       meta: { title: "信息完善", fullPath: "/customer/ncApprove" },
+  //     },
+  //     // 渠道管理
+  //     {
+  //       hidden: true,
+  //       path: "channelMangement",
+  //       component: () => import("@/views/customer/channelMangement/index.vue"),
+  //       name: "ChannelMangement",
+  //       meta: { title: "渠道管理", fullPath: "/customer/channelMangement" },
+  //     },
+  //     //渠道产品管理
+  //     {
+  //       hidden: true,
+  //       path: "channelProductMangement",
+  //       component: () => import("@/views/customer/channelMangement/channelProductMangement/index.vue"),
+  //       name: "channelProductMangement",
+  //       meta: { title: "渠道产品管理", fullPath: "/customer/channelMangement/channelProductMangement", noCache: true },
+  //     },
+  //     // 无权限
+  //     {
+  //       hidden: true,
+  //       path: "noChannelPermission",
+  //       component: () => import("@/views/customer/channelMangement/noChannelPermission/index.vue"),
+  //       name: "noChannelPermission",
+  //       meta: { title: "无权限", fullPath: "/customer/channelMangement/noChannelPermission", noCache: true },
+  //     },
+  //     // 聊天
+  //     {
+  //       hidden: true,
+  //       path: "chat",
+  //       component: () => import("@/views/product/productHome/chat/index.vue"),
+  //       name: "chat",
+  //       meta: {
+  //         title: "聊天", fullPath: "/product/productHome/chat", noCache: true
+  //       },
+  //     },
+
+  //     // 个人中心
+  //     {
+  //       hidden: true,
+  //       path: "customerInformation",
+  //       component: () => import("@/views/customer/customerInformation"),
+  //       name: "customerInformation",
+  //       meta: { title: "个人中心", fullPath: "/customer/customerInformation" },
+  //     },
+  //     // 充值管理
+  //     {
+  //       path: "rechargeRecord",
+  //       component: () => import("@/views/customer/rechargeRecord"),
+  //       name: "RechargeRecord",
+  //       meta: { title: "充值管理", fullPath: "/customer/rechargeRecord" },
+  //     },
+  //     // 订单管理
+  //     // {
+  //     //   path: "orderManagement",
+  //     //   component: () => import("@/views/customer/orderManagement"),
+  //     //   name: "OrderManagement",
+  //     //   meta: { title: "产品订单", fullPath: "/customer/orderManagement", noCache: true, },
+  //     // },
+  //     // 订单详情
+  //     {
+  //       path: "orderDetil",
+  //       component: () => import("@/views/customer/orderDetil"),
+  //       name: "orderDetil",
+  //       hidden: true,
+  //       meta: { title: "订单详情", fullPath: "/customer/orderDetil", noCache: true, },
+  //     },
+  //     // 促销邀请码
+  //     {
+  //       hidden: true,
+  //       path: "promotionalInvitationCode",
+  //       component: () => import("@/views/customer/promotionalInvitationCode"),
+  //       name: "PromotionalInvitationCode",
+  //       meta: { title: "促销邀请码", fullPath: "/customer/promotionalInvitationCode" },
+  //     },
+
+  //     // 资源示例
+
+  //     // ssh登录
+  //     // {
+
+  //     //   path: "sshTerminal",
+  //     //   component: () => import(
+  //     //     // "@/views/customer/userResource/iframeJiNan.vue"//iframe报错
+  //     //     "@/views/customer/userResource/SshTerminal.vue"
+  //     //   ),
+  //     //   name: "sshTerminal",
+  //     //   meta: { title: "ssh登录", fullPath: "/customer/SshTerminal", noCache: true },
+  //     // },
+  //     // 审批记录
+  //     {
+  //       hidden: true, path: "approvalRecord", component: () => import(
+  //         // "@/views/customer/approvalRecord/iframeJiNan.vue"//iframe报错
+  //         "@/views/customer/approvalRecord"
+  //       ), name: "approvalRecord", meta: { title: "审批记录", fullPath: "/customer/approvalRecord" },
+  //     },
+  //     // 发票管理
+  //     {
+  //       path: "invoice",
+  //       component: () => import("@/views/customer/invoice"),
+  //       name: "Invoice",
+  //       meta: { title: "发票管理", fullPath: "/customer/invoice" },
+  //     },
+  //     // 产品最新页
+  //     {
+  //       hidden: true,
+  //       path: "productIndex",
+  //       component: () => import("@/views/product/productHome/productIndex/index.vue"),
+  //       name: "ProductIndex",
+  //       meta: { title: "产品最新页", fullPath: "/product/productHome/productIndex", noCache: true },
+  //     },],
+  // },
   // 资质审核
   {
     path: "/qualificationReview",
@@ -992,7 +1102,7 @@ export const asyncRoutes = [
     component: Layout,
     name: "demandMangement",
     redirect: "/demandMangement/index",
-    meta: { fullPath: "/demandMangement", title: "需求管理", noCache: true, icon: 'el-icon-s-home' },
+    meta: { fullPath: "/demandMangement", title: "需求管理", noCache: true, icon: 'el-icon-s-claim' },
     children: [
       {
         path: "index",
@@ -1013,7 +1123,7 @@ export const asyncRoutes = [
     component: Layout,
     name: "productMangement",
     redirect: "/productMangement/index",
-    meta: { fullPath: "/productMangement", title: "商品管理", noCache: true, icon: 'el-icon-s-home' },
+    meta: { fullPath: "/productMangement", title: "商品管理", noCache: true, icon: 'el-icon-s-shop' },
     children: [
       {
         path: "index",
@@ -1725,8 +1835,12 @@ export const asyncRoutes = [
   },
   {
     path: "/administrator", component: Layout, redirect: "/administrator/index", meta: {
-      title: "企业管理", icon: "el-icon-s-tools", noCache: true, fullPath: "/administrator",
-    }, children: [
+      title: "企业管理",
+      icon: "el-icon-s-custom",
+      noCache: true,
+      fullPath: "/administrator"
+    },
+    children: [
       {
         path: "departmentManagement",
         component: () => import("@/views/administrator/departmentManagement"),
diff --git a/f/web-kboss/src/store/modules/permission.js b/f/web-kboss/src/store/modules/permission.js
index 21d03d7..014e8f0 100644
--- a/f/web-kboss/src/store/modules/permission.js
+++ b/f/web-kboss/src/store/modules/permission.js
@@ -16,8 +16,11 @@ function filterAsyncRoutes(routes, permissions) {
     // 检查当前路由是否在权限列表中
     const hasPermission = permissions.some(p => p.path === route.meta?.fullPath);
 
-    // 如果当前路由有权限，则加入结果
-    if (hasPermission) {
+    // 特殊处理：确保"全部产品"和"资源概览"这两个一级路由始终显示
+    const isCriticalRoute = route.path === "/product" || route.path === "/overview";
+
+    // 如果当前路由有权限或者是关键路由，则加入结果
+    if (hasPermission || isCriticalRoute) {
       res.push(tmpRoute);
     }
     // 如果没有直接权限，但有子路由，递归处理子路由
@@ -34,18 +37,18 @@ function filterAsyncRoutes(routes, permissions) {
 }
 
 // 新增：为普通用户添加订单管理和资源管理路由
-function addUserRoutes(routes, userType) {
-  console.log("addUserRoutes - userType:", userType);
+function addUserRoutes(routes, userType, orgType) {
+  console.log("addUserRoutes - userType:", userType, "orgType:", orgType);
 
-  // 如果是普通用户（org_type为2），添加订单管理和资源管理路由
-  if (userType === 'user') {
+  const userRoutes = [];
+
+  // 如果是普通用户（org_type为2或userType为user），添加订单管理和资源管理路由
+  if (userType === 'user' || orgType == 2) {
     const orderManagementRoute = routes.find(route => route.path === "/orderManagement");
     const resourceManagementRoute = routes.find(route => route.path === "/resourceManagement");
 
-    const userRoutes = [];
-
     if (orderManagementRoute) {
-      console.log("添加订单管理路由");  
+      console.log("添加订单管理路由");
       userRoutes.push(JSON.parse(JSON.stringify(orderManagementRoute))); // 深拷贝
     }
 
@@ -53,11 +56,21 @@ function addUserRoutes(routes, userType) {
       console.log("添加资源管理路由");
       userRoutes.push(JSON.parse(JSON.stringify(resourceManagementRoute))); // 深拷贝
     }
-
-    return userRoutes;
   }
 
-  return [];
+  // 新增：为所有用户添加五个新的客户菜单
+  const newCustomerRoutes = [
+    routes.find(route => route.path === "/workOrderManagement"),
+    routes.find(route => route.path === "/unsubscribeManagement"),
+    routes.find(route => route.path === "/informationPerfect"),
+    routes.find(route => route.path === "/rechargeManagement"),
+    routes.find(route => route.path === "/invoiceManagement")
+  ].filter(route => route); // 过滤掉undefined
+
+  console.log("添加新的客户菜单路由:", newCustomerRoutes.map(r => r.path));
+  userRoutes.push(...newCustomerRoutes);
+
+  return userRoutes;
 }
 
 function filterRoutesMobile(routes) {
@@ -145,20 +158,18 @@ const actions = {
           accessedRoutes = [];
         }
 
-        // 新增：为普通用户添加订单管理和资源管理路由
-        if (userType === 'user' || orgType == 2) {
-          console.log("为普通用户添加订单管理和资源管理路由");
-          const userSpecificRoutes = addUserRoutes(asyncRoutes, userType);
+        // 新增：为普通用户添加订单管理和资源管理路由以及新的五个客户菜单
+        console.log("为用户添加特定路由");
+        const userSpecificRoutes = addUserRoutes(asyncRoutes, userType, orgType);
 
-          // 确保不重复添加路由
-          userSpecificRoutes.forEach(route => {
-            if (!accessedRoutes.some(r => r.path === route.path)) {
-              accessedRoutes.push(route);
-            }
-          });
+        // 确保不重复添加路由
+        userSpecificRoutes.forEach(route => {
+          if (!accessedRoutes.some(r => r.path === route.path)) {
+            accessedRoutes.push(route);
+          }
+        });
 
-          console.log("添加用户特定路由后的accessedRoutes:", accessedRoutes);
-        }
+        console.log("添加用户特定路由后的accessedRoutes:", accessedRoutes);
       }
 
       console.log("ACTION generateRoutes - calculated accessedRoutes:", accessedRoutes);
diff --git a/f/web-kboss/src/styles/index.css b/f/web-kboss/src/styles/index.css
index 4deab75..e05eb1f 100644
--- a/f/web-kboss/src/styles/index.css
+++ b/f/web-kboss/src/styles/index.css
@@ -32,3 +32,63 @@
 .mt20{
   margin-top: 20px;
 }
+/* ::v-deep .table-header {
+  background: !important;
+  color: #ffffff !important;
+  font-weight: bold;
+  text-align: center;
+} */
+/* 全局表格头部样式 - 蓝色渐变 */
+.el-table .el-table__header th,
+.el-table .el-table__header .el-table__cell {
+  background:  #409EFF !important;
+  color: #ffffff !important;
+  font-weight: bold !important;
+  text-align: center !important;
+  border-bottom: none !important;
+}
+
+/* 处理表格边框情况 */
+.el-table--border .el-table__header th,
+.el-table--border .el-table__header .el-table__cell {
+  border-right: 1px solid #a0cfff !important;
+}
+
+.el-table--border .el-table__header th:last-child,
+.el-table--border .el-table__header .el-table__cell:last-child {
+  border-right: none !important;
+}
+
+/* 鼠标悬停效果 */
+.el-table .el-table__header th:hover,
+.el-table .el-table__header .el-table__cell:hover {
+  background: linear-gradient(135deg, #66b1ff, #409eff) !important;
+}
+
+/* 科技蓝紫渐变滚动条 */
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: linear-gradient(180deg, #f8faff 0%, #f0f4ff 100%);
+  border-radius: 6px;
+  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
+}
+
+::-webkit-scrollbar-thumb {
+  background: #C6D7EB;
+  border-radius: 6px;
+  border: 1.5px solid #f8faff;
+  box-shadow: 0 1px 4px rgba(99, 102, 241, 0.25);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #C6D7EB;
+  box-shadow: 0 1px 6px rgba(99, 102, 241, 0.35);
+}
+
+::-webkit-scrollbar-thumb:active {
+  background: #C6D7EB;
+}
diff --git a/f/web-kboss/src/views/customer/productMangement/commonBox/index.vue b/f/web-kboss/src/views/customer/productMangement/commonBox/index.vue
index 2753957..2ac9f11 100644
--- a/f/web-kboss/src/views/customer/productMangement/commonBox/index.vue
+++ b/f/web-kboss/src/views/customer/productMangement/commonBox/index.vue
@@ -3,16 +3,36 @@
         <div>
             <ul class="search-box">
                 <li>
-                    <span class="search-label">创建日期:</span>
-                    <el-date-picker size="mini" style="width: 220px;" v-model="searchDate" type="datetimerange"
-                        align="right" start-placeholder="开始日期" end-placeholder="结束日期"
-                        :default-time="['00:00:00', '23:59:59']" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
-                        :picker-options="pickerOptions">
-                    </el-date-picker>
+                    <el-input-group class="search-input">
+                        <el-input
+                            size="mini"
+                            v-model="searchData.keyword"
+                            placeholder="请输入关键词"
+                            clearable
+                        ></el-input>
+                        <el-button
+                            slot="append"
+                            icon="el-icon-search"
+                            @click="getTableData"
+                            size="mini"
+                        ></el-button>
+                    </el-input-group>
                 </li>
                 <li>
-
-                    <el-input size="mini" v-model="searchData.keyword" placeholder="请输入关键词" clearable></el-input>
+                    <span class="search-label">创建日期:</span>
+                    <el-date-picker
+                        size="mini"
+                        style="width: 220px;"
+                        v-model="searchDate"
+                        type="datetimerange"
+                        align="right"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        :default-time="['00:00:00', '23:59:59']"
+                        format="yyyy-MM-dd"
+                        value-format="yyyy-MM-dd"
+                        :picker-options="pickerOptions"
+                    ></el-date-picker>
                 </li>
                 <li>
                     <el-button size="mini" @click="resetSearch">重置</el-button>
@@ -20,53 +40,113 @@
                 </li>
             </ul>
         </div>
+
         <div class="table-box">
-            <div style="margin-bottom: 10px;">
-                    <el-radio-group v-if="role.type == 'user'" v-model="searchData.radioType" class="radio-group"
-                    size="mini" @change="handleRadioChange">
-                    <el-radio-button v-for="item in  radioOptions" :key="item.value" :label="item.value">
+            <div class="table-header">
+                <el-radio-group
+                    v-if="role.type == 'user'"
+                    v-model="searchData.radioType"
+                    class="radio-group"
+                    size="mini"
+                    @change="handleRadioChange"
+                >
+                    <el-radio-button
+                        v-for="item in radioOptions"
+                        :key="item.value"
+                        :label="item.value"
+                    >
                         {{ item.label }}
                     </el-radio-button>
                 </el-radio-group>
-                <el-radio-group v-if="role.type == 'app'" v-model="searchData.radioType" class="radio-group"
-                    size="mini" @change="handleRadioChange">
-                    <el-radio-button v-for="item in  userMap" :key="item.value" :label="item.value">
+
+                <el-radio-group
+                    v-if="role.type == 'app'"
+                    v-model="searchData.radioType"
+                    class="radio-group"
+                    size="mini"
+                    @change="handleRadioChange"
+                >
+                    <el-radio-button
+                        v-for="item in userMap"
+                        :key="item.value"
+                        :label="item.value"
+                    >
                         {{ item.label }}
                     </el-radio-button>
                 </el-radio-group>
-                <!-- <el-button style="margin-left: 10px;" size="mini" @click="openAddDialog">
-                    <i class="el-icon-plus"></i> 添加{{ searchData.radioType === '1' || searchData.radioType === '3' ?
-                        '需求' : '商品' }}
-                </el-button> -->
-                <el-button style="margin-left: 10px;" size="mini" @click="getTableData('1')">
+
+                <el-button
+                    style="margin-left: 10px;"
+                    size="mini"
+                    @click="getTableData('1')"
+                >
                     <i class="el-icon-upload2"></i> 全部导出
                 </el-button>
             </div>
-            <el-table size="large" border height="calc(100vh - 250px)" v-loading="loading" :data="tableData"
-                style="width: 100%;border:1px solid #ccc;" element-loading-text="加载中..."
-                element-loading-spinner="el-icon-loading" element-loading-background="rgba(255, 255, 255, 0.8)">
-                <el-table-column v-if="searchData.radioType!='1'&&searchData.radioType!='3'"  prop="date" label="图片" width="180">
+
+            <el-table
+                size="large"
+                border
+                height="calc(100vh - 250px)"
+                v-loading="loading"
+                :data="tableData"
+                style="width: 100%;border:1px solid #ccc;"
+                element-loading-text="加载中..."
+                element-loading-spinner="el-icon-loading"
+                element-loading-background="rgba(255, 255, 255, 0.8)"
+            >
+                <el-table-column
+                    v-if="searchData.radioType!='1'&&searchData.radioType!='3'"
+                    prop="date"
+                    label="图片"
+                    width="180"
+                >
                     <template slot-scope="scope">
-                        <el-image v-if="scope.row.img" :src="scope.row.img || 'https://www.kaiyuancloud.cn/idfile?path=logo_ncmatch.png'"
+                        <el-image
+                            v-if="scope.row.img"
+                            :src="scope.row.img || defaultImage"
                             style="width: 80px; height: 60px;border: 1px solid #ccc;border-radius: 6px;"
-                            :preview-src-list="[scope.row.img || 'https://www.kaiyuancloud.cn/idfile?path=logo_ncmatch.png']"
-                            fit="cover" :initial-index="0" preview-teleported :z-index="3000">
-                        </el-image>
+                            :preview-src-list="[scope.row.img || defaultImage]"
+                            fit="cover"
+                            :initial-index="0"
+                            preview-teleported
+                            :z-index="3000"
+                        ></el-image>
                         <span v-else>/</span>
                     </template>
                 </el-table-column>
-                <el-table-column prop="product_name" show-overflow-tooltip label="名称" min-width="180">
-                </el-table-column>
-                <el-table-column prop="category_name" show-overflow-tooltip label="所属类别" min-width="180">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip label="审核状态" min-width="180">
+
+                <el-table-column
+                    prop="product_name"
+                    show-overflow-tooltip
+                    label="名称"
+                    min-width="180"
+                ></el-table-column>
+
+                <el-table-column
+                    prop="category_name"
+                    show-overflow-tooltip
+                    label="所属类别"
+                    min-width="180"
+                ></el-table-column>
+
+                <el-table-column
+                    show-overflow-tooltip
+                    label="审核状态"
+                    min-width="180"
+                >
                     <template slot-scope="scope">
                         <el-tag v-if="scope.row.audit_status === 'approved'" type="success">审核通过</el-tag>
                         <el-tag v-else-if="scope.row.audit_status === 'rejected'" type="danger">审核不通过</el-tag>
                         <el-tag v-else type="warning">待审核</el-tag>
                     </template>
                 </el-table-column>
-                <el-table-column show-overflow-tooltip label="上架状态" min-width="180">
+
+                <el-table-column
+                    show-overflow-tooltip
+                    label="上架状态"
+                    min-width="180"
+                >
                     <template slot-scope="scope">
                         <el-tag v-if="scope.row.listing_status === 'listing'" type="success">已上架</el-tag>
                         <el-tag v-else-if="scope.row.listing_status === 'delisting'" type="danger">已下架</el-tag>
@@ -74,83 +154,176 @@
                     </template>
                 </el-table-column>
 
-                <el-table-column prop="company_name" show-overflow-tooltip label="所属企业" min-width="180">
-                </el-table-column>
-                <el-table-column prop="company_type" show-overflow-tooltip label="公司类别" min-width="180">
-                </el-table-column>
-                <el-table-column prop="contact_person" show-overflow-tooltip label="联系人" min-width="180">
-                </el-table-column>
-                <el-table-column prop="phone_number" show-overflow-tooltip label="联系电话" min-width="180">
-                </el-table-column>
-                <el-table-column prop="create_at" show-overflow-tooltip label="创建时间" min-width="180">
-                </el-table-column>
-                <el-table-column fixed="right" min-width="260" label="操作">
+                <el-table-column
+                    prop="company_name"
+                    show-overflow-tooltip
+                    label="所属企业"
+                    min-width="180"
+                ></el-table-column>
+
+                <el-table-column
+                    prop="company_type"
+                    show-overflow-tooltip
+                    label="公司类别"
+                    min-width="180"
+                ></el-table-column>
+
+                <el-table-column
+                    prop="contact_person"
+                    show-overflow-tooltip
+                    label="联系人"
+                    min-width="180"
+                ></el-table-column>
+
+                <el-table-column
+                    prop="phone_number"
+                    show-overflow-tooltip
+                    label="联系电话"
+                    min-width="180"
+                ></el-table-column>
+
+                <el-table-column
+                    prop="create_at"
+                    show-overflow-tooltip
+                    label="创建时间"
+                    min-width="180"
+                ></el-table-column>
+
+                <el-table-column
+                    fixed="right"
+                    min-width="260"
+                    label="操作"
+                >
                     <template slot-scope="scope">
-                        <el-button type="text" size="large" @click="openDetail(scope.row, 1)">查看</el-button>
-                        <el-button @click="editProduct(scope.row)" type="text" style="color: #409EFF;"
-                            size="large">修改</el-button>
-                        <el-button v-if="role.role_type == 'customer'" type="text" size="large"
-                            @click="openDetail(scope.row, 2)">审核</el-button>
+                        <el-button
+                            type="text"
+                            size="large"
+                            @click="openDetail(scope.row, 1)"
+                        >查看</el-button>
+
+                        <el-button
+                            @click="editProduct(scope.row)"
+                            type="text"
+                            style="color: #409EFF;"
+                            size="large"
+                        >修改</el-button>
+
+                        <el-button
+                            v-if="role.role_type == 'customer'"
+                            type="text"
+                            size="large"
+                            @click="openDetail(scope.row, 2)"
+                        >审核</el-button>
+
                         <el-button
                             :disabled="scope.row.audit_status !== 'approved' || scope.row.listing_status === 'listing'"
-                            @click="grounding(scope.row, 'listing')" type="text" style="color: #67C23A;"
-                                size="large">上架</el-button>
+                            @click="grounding(scope.row, 'listing')"
+                            type="text"
+                            style="color: #67C23A;"
+                            size="large"
+                        >上架</el-button>
+
                         <el-button
                             :disabled="scope.row.audit_status !== 'approved' || scope.row.listing_status === 'delisting'"
-                            @click="grounding(scope.row, 'delisting')" type="text" size="large">下架</el-button>
-                        <el-button type="text" size="large" @click="exportData(scope.row)">导出</el-button>
-                        <el-popconfirm v-if="role.role_type == 'customer'" title="确定删除该条目吗？"
-                            @confirm="deleteProduct(scope.row)">
-                            <el-button slot="reference" type="text" style="color: #F56C6C;margin-left: 10px;" size="large"
-                                >删除</el-button>
+                            @click="grounding(scope.row, 'delisting')"
+                            type="text"
+                            size="large"
+                        >下架</el-button>
+
+                        <el-button
+                            type="text"
+                            size="large"
+                            @click="exportData(scope.row)"
+                        >导出</el-button>
+
+                        <el-popconfirm
+                            v-if="role.role_type == 'customer'"
+                            title="确定删除该条目吗？"
+                            @confirm="deleteProduct(scope.row)"
+                        >
+                            <el-button
+                                slot="reference"
+                                type="text"
+                                style="color: #F56C6C;margin-left: 10px;"
+                                size="large"
+                            >删除</el-button>
                         </el-popconfirm>
                     </template>
                 </el-table-column>
             </el-table>
-            <el-pagination class="pageBox" @size-change="handleSizeChange"
-                @current-change="handleCurrentChange" :current-page.sync="current_page" :page-size="page_size"
-                layout="total, prev, pager, next" :total="total_count">
-            </el-pagination>
+
+            <el-pagination
+                class="pageBox"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page.sync="current_page"
+                :page-size="page_size"
+                layout="total, prev, pager, next"
+                :total="total_count"
+            ></el-pagination>
         </div>
-        <commonDetail :showType="detailType" :visible="showProductDetail" @close="handleDetailClose"
-            @approve="handleApprove" @reject="handleReject">
-        </commonDetail>
+
+        <!-- 详情弹窗 -->
+        <commonDetail
+            :showType="detailType"
+            :visible="showProductDetail"
+            @close="handleDetailClose"
+            @approve="handleApprove"
+            @reject="handleReject"
+        ></commonDetail>
 
         <!-- 编辑商品弹窗 -->
-        <el-dialog :title="editForm.publish_type === '1' ? '编辑商品' : '编辑需求'" :visible.sync="showEditDialog" width="80%"
-            top="5vh">
-            <sendProduct :publish_type="editForm.publish_type" :isEdit="true" :editData="editForm"
-                @success="handleEditSuccess" @close="closeEditDialog">
-            </sendProduct>
+        <el-dialog
+            :title="editForm.publish_type === '1' ? '编辑商品' : '编辑需求'"
+            :visible.sync="showEditDialog"
+            width="80%"
+            top="5vh"
+        >
+            <sendProduct
+                :publish_type="editForm.publish_type"
+                :isEdit="true"
+                :editData="editForm"
+                @success="handleEditSuccess"
+                @close="closeEditDialog"
+            ></sendProduct>
         </el-dialog>
 
         <!-- 添加商品/需求弹窗 -->
-        <el-dialog :title="publish_type === '2' ? '添加需求' : '添加商品'" width="80%" top="5vh"
-            :visible.sync="sendProductVisible">
-            <sendProduct :publish_type="publish_type" :isEdit="false" @success="sendProductSuccess"
-                @close="closeAddDialog">
-            </sendProduct>
+        <el-dialog
+            :title="publish_type === '2' ? '添加需求' : '添加商品'"
+            width="80%"
+            top="5vh"
+            :visible.sync="sendProductVisible"
+        >
+            <sendProduct
+                :publish_type="publish_type"
+                :isEdit="false"
+                @success="sendProductSuccess"
+                @close="closeAddDialog"
+            ></sendProduct>
         </el-dialog>
     </div>
 </template>
+
 <script>
 import XLSX from 'xlsx';
 import { reqSearchByMangement, reqGetProductDetail, reqEditProduct, reqEditProductNoImg, reqExportProduct } from '@/api/ncmatch';
 import commonDetail from '@/views/customer/productMangement/commonDetail/index.vue';
 import { mapState } from 'vuex';
 import sendProduct from '@/views/homePage/ncmatch/mainPage/sendProduct/index.vue';
+
 export default {
     name: 'commonBox',
     components: { commonDetail, sendProduct },
     props: {
         role: {
             type: Object,
-            default: () => { }
+            default: () => ({})
         }
     },
     data() {
         return {
-            detailType: '1',//1:查看 2:审核 3:前台
+            detailType: '1', // 1:查看 2:审核 3:前台
             sendProductVisible: false,
             searchDate: [],
             searchData: {
@@ -158,7 +331,7 @@ export default {
                 start_date: null,
                 end_date: null,
                 keyword: "",
-                audit_status: null, // 移除对 this.role.audit_status 的直接引用
+                audit_status: null,
                 listing_status: null,
                 publish_type: "2",
                 manager_self: "",
@@ -166,20 +339,20 @@ export default {
                 current_page: 1,
                 page_size: 8,
             },
-                         userMap: [
-                 {
-                     label: '用户需求',
-                     value: '1',
-                     publish_type: '2',
-                     manager_self: null,
-                 },
-                 {
-                     label: '用户商品',
-                     value: '2',
-                     publish_type: '1',
-                     manager_self: null,
-                 },
-             ],
+            userMap: [
+                {
+                    label: '用户需求',
+                    value: '1',
+                    publish_type: '2',
+                    manager_self: null,
+                },
+                {
+                    label: '用户商品',
+                    value: '2',
+                    publish_type: '1',
+                    manager_self: null,
+                },
+            ],
             radioMap: {
                 '1': {
                     label: '用户需求',
@@ -194,7 +367,7 @@ export default {
                 '3': {
                     label: '平台需求',
                     publish_type: '2',
-                    manager_self: 'single  ',
+                    manager_self: 'single',
                 },
                 '4': {
                     label: '平台商品',
@@ -220,7 +393,7 @@ export default {
                     value: '4'
                 },
             ],
-            manager_self: null,
+            defaultImage: 'https://www.kaiyuancloud.cn/idfile?path=logo_ncmatch.png',
             page_size: 10,
             current_page: 1,
             publish_type: 1,
@@ -230,66 +403,38 @@ export default {
             showEditDialog: false,
             editForm: {},
             pickerOptions: {
-                shortcuts: [{
-                    text: '最近一周',
-                    onClick(picker) {
-                        const end = new Date();
-                        const start = new Date();
-                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-                        picker.$emit('pick', [start, end]);
+                shortcuts: [
+                    {
+                        text: '最近一周',
+                        onClick(picker) {
+                            const end = new Date();
+                            const start = new Date();
+                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+                            picker.$emit('pick', [start, end]);
+                        }
+                    },
+                    {
+                        text: '最近一个月',
+                        onClick(picker) {
+                            const end = new Date();
+                            const start = new Date();
+                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+                            picker.$emit('pick', [start, end]);
+                        }
+                    },
+                    {
+                        text: '最近三个月',
+                        onClick(picker) {
+                            const end = new Date();
+                            const start = new Date();
+                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+                            picker.$emit('pick', [start, end]);
+                        }
                     }
-                }, {
-                    text: '最近一个月',
-                    onClick(picker) {
-                        const end = new Date();
-                        const start = new Date();
-                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-                        picker.$emit('pick', [start, end]);
-                    }
-                }, {
-                    text: '最近三个月',
-                    onClick(picker) {
-                        const end = new Date();
-                        const start = new Date();
-                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-                        picker.$emit('pick', [start, end]);
-                    }
-                }]
+                ]
             },
         }
     },
-    created() {
-        console.log("父组件传来的值是", this.role);
-        // 在 created 生命周期中设置 audit_status
-        if (this.role && this.role.audit_status) {
-
-            this.searchData.audit_status = this.role.audit_status;
-        }
-                 if (this.role && this.role.publish_type) {
-             if (this.role.type === 'app') {
-                 this.searchData.publish_type = this.role.publish_type;
-             } else if (this.role.type === 'user') {
-                 const selectedItem = this.userMap.find(item => item.value === this.role.publish_type);
-                 if (selectedItem) {
-                     this.searchData.publish_type = selectedItem.publish_type;
-                     this.searchData.manager_self = selectedItem.manager_self;
-                 }
-             }
-         }
-        this.getTableData();
-    },
-    watch: {
-        // 监听 role 对象的变化
-        role: {
-            handler(newRole) {
-                if (newRole && newRole.audit_status) {
-                    this.searchData.audit_status = newRole.audit_status;
-                }
-            },
-            immediate: true,
-            deep: true
-        }
-    },
     computed: {
         showProductDetail: {
             get() {
@@ -300,138 +445,61 @@ export default {
             }
         }
     },
+    created() {
+        console.log("父组件传来的值是", this.role);
+        this.initializeSearchData();
+        this.getTableData();
+    },
+    watch: {
+        role: {
+            handler(newRole) {
+                if (newRole && newRole.audit_status) {
+                    this.searchData.audit_status = newRole.audit_status;
+                }
+            },
+            immediate: true,
+            deep: true
+        }
+    },
     methods: {
-        exportAllData(){
-            console.log("全部导出");
-        },
-        deleteProduct(row) {
-            console.log(row);
-            let ploay = {
-                id: row.id,
-                del_flg: '1'
+        // 初始化搜索数据
+        initializeSearchData() {
+            if (this.role && this.role.audit_status) {
+                this.searchData.audit_status = this.role.audit_status;
             }
-            reqEditProductNoImg(ploay).then(res => {
 
-                if (res.status) {
-                    this.$message.success('删除成功~');
-                    this.getTableData();
-                } else {
-                    this.$message.error('删除失败~');
+            if (this.role && this.role.publish_type) {
+                if (this.role.type === 'app') {
+                    this.searchData.publish_type = this.role.publish_type;
+                } else if (this.role.type === 'user') {
+                    const selectedItem = this.userMap.find(item => item.value === this.role.publish_type);
+                    if (selectedItem) {
+                        this.searchData.publish_type = selectedItem.publish_type;
+                        this.searchData.manager_self = selectedItem.manager_self;
+                    }
                 }
-            })
-        },
-        grounding(row, listing_status) {
-            console.log(listing_status);
-            let ploay = {
-                id: row.id,
-                listing_status: listing_status,
             }
-            reqEditProductNoImg(ploay).then(res => {
-                let msg = listing_status == 'listing' ? '上架' : '下架';
-                if (res.status) {
-                    this.$message.success(msg + '成功~');
-                    this.getTableData();
+        },
+
+        // 数据获取相关方法
+        async getTableData(to_excel) {
+            this.prepareSearchData();
+            this.loading = true;
+
+            try {
+                if (to_excel === '1') {
+                    await this.exportAllData();
                 } else {
-                    this.$message.error(msg + '失败~');
+                    await this.fetchTableData();
                 }
-            })
-        },
-        sendProductSuccess() {
-            this.sendProductVisible = false; // 关闭弹窗
-            this.getTableData(); // 刷新列表
-        },
-        // 关闭添加弹窗
-        closeAddDialog() {
-            this.sendProductVisible = false;
-        },
-        openSendProduct(item) {
-            this.sendProductVisible = true;
-            this.sendProductData = item;
-        },
-                 handleRadioChange(value) {
-             // 根据角色类型选择对应的映射
-             if (this.role.type === 'user') {
-                 // 对于 user 类型，在数组中查找对应的项
-                 const selectedItem = this.userMap.find(item => item.value === value);
-                 if (selectedItem) {
-                     this.searchData.publish_type = selectedItem.publish_type;
-                     this.searchData.manager_self = selectedItem.manager_self;
-                 }
-             } else {
-                 // 对于 app 类型，使用 radioMap
-                 if (this.radioMap[value]) {
-                     this.searchData.publish_type = this.radioMap[value].publish_type;
-                     this.searchData.manager_self = this.radioMap[value].manager_self;
-                 }
-             }
-
-             // 切换类型后重新获取数据
-             this.searchData.current_page = 1;
-             this.getTableData();
-         },
-        resetSearch() {
-            this.searchDate = [];
-            this.searchData.keyword = "";
-            this.searchData.current_page = 1;
-            this.searchData.audit_status = this.role.audit_status;
-            this.getTableData();
-        },
-        exportData(row) {
-            let ploay = {
-                ids: [row.id]
-                // ids:["fYHuG9eXwLi7949Rg9mRg", "vTv8KuqfDhT1efC8prs9y"]
+            } catch (error) {
+                console.error('获取数据失败:', error);
+            } finally {
+                this.loading = false;
             }
-            reqExportProduct(ploay).then(res => {
-                console.log(res);
-                // 创建一个Workbook对象
-                const wb = XLSX.utils.book_new();
-                // 创建第一个sheet
-                const ws1 = XLSX.utils.json_to_sheet(res.data);
-                XLSX.utils.book_append_sheet(wb, ws1, 'sheet1');
-                // 导出Excel文件
-                XLSX.writeFile(wb, '产品列表.xlsx');
-            })
+        },
 
-
-        },
-        handleDetailClose() {
-            // 弹窗关闭时的处理逻辑
-            console.log('弹窗已关闭');
-        },
-        handleApprove() {
-            // 处理审核通过逻辑
-            console.log('审核通过');
-            this.getTableData();
-            // 这里可以添加审核通过后的业务逻辑
-        },
-        handleReject() {
-            // 处理审核不通过逻辑
-            console.log('审核不通过');
-            this.getTableData();
-            // 这里可以添加审核不通过后的业务逻辑
-        },
-        // 编辑商品
-        editProduct(item) {
-            console.log('编辑商品数据:', item);
-            console.log('公司类别数据:', item.company_type);
-            this.editForm = { ...item };
-            this.showEditDialog = true;
-        },
-        // 关闭编辑弹窗
-        closeEditDialog() {
-            this.showEditDialog = false;
-            this.editForm = {};
-        },
-        // 编辑成功回调
-        handleEditSuccess() {
-            // 根据编辑的数据类型显示不同的成功消息
-            const successMessage = this.editForm.publish_type === '2' ? '需求编辑成功！' : '商品编辑成功！';
-            this.$message.success(successMessage);
-            this.closeEditDialog();
-            this.getTableData(); // 刷新列表
-        },
-        getTableData(to_excel) {
-            // 处理日期范围
+        prepareSearchData() {
             if (this.searchDate && this.searchDate.length === 2) {
                 this.searchData.start_date = this.searchDate[0];
                 this.searchData.end_date = this.searchDate[1];
@@ -439,114 +507,208 @@ export default {
                 this.searchData.start_date = null;
                 this.searchData.end_date = null;
             }
+        },
 
-            console.log("searchData", this.searchData);
+        async fetchTableData() {
+            const requestData = this.buildRequestData();
+            const res = await reqSearchByMangement(requestData);
 
-            this.loading = true;
-            if(to_excel==='1'){
-                this.searchData.to_excel=to_excel
-                                reqSearchByMangement({
-                    url_link: window.location.href,
-                    to_excel: to_excel,
-                    publish_type: this.searchData.publish_type,
-                    manager_self: this.searchData.radioType=='4'||this.searchData.radioType=='3'?'single':null
-                }).then(res => {
-                console.log(res);
-                if (res.status) {
-                    // 创建一个Workbook对象
-                    const wb = XLSX.utils.book_new();
-                    // 创建第一个sheet
-                    const ws1 = XLSX.utils.json_to_sheet(res.data);
-                    XLSX.utils.book_append_sheet(wb, ws1, 'sheet1');
-                    // 导出Excel文件
-                    XLSX.writeFile(wb, '产品列表.xlsx');
-                }
-            }).catch(error => {
-                console.error('获取数据失败:', error);
-            }).finally(() => {
-                this.loading = false;
-            })
-            }else{
-                // 根据角色类型获取对应的 manager_self 值
-                let manager_self = null;
-                let publish_type = null;
+            if (res.status) {
+                this.tableData = res.data.product_list;
+                this.total_count = res.data.total_count;
+            }
+        },
 
-                                 if (this.role.type === 'user') {
-                     const selectedItem = this.userMap.find(item => item.value === this.searchData.radioType);
-                     if (selectedItem) {
-                         publish_type = selectedItem.publish_type;
-                         manager_self = this.searchData.radioType=='4'||this.searchData.radioType=='3'?'single':null;
-                     }
-                                  } else if (this.role.type === 'app') {
-                     if (this.radioMap[this.searchData.radioType]) {
-                         publish_type = this.radioMap[this.searchData.radioType].publish_type;
-                         manager_self = this.searchData.radioType=='4'||this.searchData.radioType=='3'?'single':null;
-                     }
-                 }
+        buildRequestData() {
+            const requestData = { ...this.searchData };
 
-                                 // 构建请求参数，确保传递映射中的值
-                 const requestData = {
-                     ...this.searchData,
-                     publish_type: publish_type,
-                     manager_self: manager_self
-                 };
+            // 设置manager_self和publish_type
+            requestData.manager_self = ['3', '4'].includes(this.searchData.radioType) ? 'single' : null;
+            requestData.publish_type = ['1', '3'].includes(this.searchData.radioType) ? '2' : '1';
 
-                 console.log('请求参数:', requestData);
-                 requestData.manager_self=this.searchData.radioType=='4'||this.searchData.radioType=='3'?'single':null
-                 requestData.publish_type = this.searchData.radioType=='1'||this.searchData.radioType=='3'?'2':'1'
-                 if(this.role.lastType=='1'){
-                        requestData.publish_type='1'
-                 }
-                reqSearchByMangement(requestData).then(res => {
-                console.log(res);
-                if (res.status) {
-                    this.tableData = res.data.product_list;
-                    this.total_count = res.data.total_count;
-                }
-            }).catch(error => {
-                console.error('获取数据失败:', error);
-            }).finally(() => {
-                this.loading = false;
-            })
+            if (this.role.lastType === '1') {
+                requestData.publish_type = '1';
             }
 
+            return requestData;
         },
-        //分页器
+
+        async exportAllData() {
+            const requestData = {
+                url_link: window.location.href,
+                to_excel: '1',
+                publish_type: this.searchData.publish_type,
+                manager_self: ['3', '4'].includes(this.searchData.radioType) ? 'single' : null
+            };
+
+            const res = await reqSearchByMangement(requestData);
+
+            if (res.status) {
+                const wb = XLSX.utils.book_new();
+                const ws1 = XLSX.utils.json_to_sheet(res.data);
+                XLSX.utils.book_append_sheet(wb, ws1, 'sheet1');
+                XLSX.writeFile(wb, '产品列表.xlsx');
+            }
+        },
+
+        async exportData(row) {
+            const ploay = {
+                ids: [row.id]
+            };
+
+            const res = await reqExportProduct(ploay);
+
+            if (res.data) {
+                const wb = XLSX.utils.book_new();
+                const ws1 = XLSX.utils.json_to_sheet(res.data);
+                XLSX.utils.book_append_sheet(wb, ws1, 'sheet1');
+                XLSX.writeFile(wb, '产品列表.xlsx');
+            }
+        },
+
+        // 产品操作相关方法
+        async deleteProduct(row) {
+            const ploay = {
+                id: row.id,
+                del_flg: '1'
+            };
+
+            const res = await reqEditProductNoImg(ploay);
+
+            if (res.status) {
+                this.$message.success('删除成功~');
+                this.getTableData();
+            } else {
+                this.$message.error('删除失败~');
+            }
+        },
+
+        async grounding(row, listing_status) {
+            const ploay = {
+                id: row.id,
+                listing_status: listing_status,
+            };
+
+            const res = await reqEditProductNoImg(ploay);
+            const msg = listing_status === 'listing' ? '上架' : '下架';
+
+            if (res.status) {
+                this.$message.success(`${msg}成功~`);
+                this.getTableData();
+            } else {
+                this.$message.error(`${msg}失败~`);
+            }
+        },
+
+        // 搜索相关方法
+        resetSearch() {
+            this.searchDate = [];
+            this.searchData.keyword = "";
+            this.searchData.current_page = 1;
+            this.searchData.audit_status = this.role.audit_status;
+            this.getTableData();
+        },
+
+        handleRadioChange(value) {
+            const selectedItem = this.role.type === 'user'
+                ? this.userMap.find(item => item.value === value)
+                : this.radioMap[value];
+
+            if (selectedItem) {
+                this.searchData.publish_type = selectedItem.publish_type;
+                this.searchData.manager_self = selectedItem.manager_self;
+            }
+
+            this.searchData.current_page = 1;
+            this.getTableData();
+        },
+
+        // 分页方法
         handleSizeChange(val) {
             console.log(`每页 ${val} 条`);
         },
+
         handleCurrentChange(val) {
             this.searchData.current_page = val;
             this.getTableData();
-            console.log(`当前页: ${val}`);
         },
-        openDetail(item, type) {
+
+        // 详情相关方法
+        async openDetail(item, type) {
             this.detailType = type;
             this.loading = true;
-            reqGetProductDetail({
-                id: item.id,
-                from: 'b'
-            }).then(async res => {
-                this.loading = false;
+
+            try {
+                const res = await reqGetProductDetail({
+                    id: item.id,
+                    from: 'b'
+                });
+
                 if (res.status) {
                     await this.$store.commit('SETPRODUCTDETAIL', res.data);
                     await this.$store.commit('SHOWPRODUCTDETAIL', true);
                 } else {
                     this.$message.error(res.msg || '获取详情失败');
                 }
-            }).catch(error => {
-                this.loading = false;
+            } catch (error) {
                 console.error('获取详情失败:', error);
                 this.$message.error('获取详情失败，请重试');
-            });
+            } finally {
+                this.loading = false;
+            }
         },
+
+        handleDetailClose() {
+            console.log('弹窗已关闭');
+        },
+
+        handleApprove() {
+            console.log('审核通过');
+            this.getTableData();
+        },
+
+        handleReject() {
+            console.log('审核不通过');
+            this.getTableData();
+        },
+
+        // 编辑相关方法
+        editProduct(item) {
+            console.log('编辑商品数据:', item);
+            this.editForm = { ...item };
+            this.showEditDialog = true;
+        },
+
+        closeEditDialog() {
+            this.showEditDialog = false;
+            this.editForm = {};
+        },
+
+        handleEditSuccess() {
+            const successMessage = this.editForm.publish_type === '2' ? '需求编辑成功！' : '商品编辑成功！';
+            this.$message.success(successMessage);
+            this.closeEditDialog();
+            this.getTableData();
+        },
+
+        // 添加相关方法
         openAddDialog() {
-            this.publish_type = this.searchData.radioType === '1' || this.searchData.radioType === '3' ? '2' : '1';
+            this.publish_type = ['1', '3'].includes(this.searchData.radioType) ? '2' : '1';
             this.sendProductVisible = true;
+        },
+
+        sendProductSuccess() {
+            this.sendProductVisible = false;
+            this.getTableData();
+        },
+
+        closeAddDialog() {
+            this.sendProductVisible = false;
         }
     }
 }
 </script>
+
 <style scoped>
 .search-box {
     display: flex;
@@ -554,25 +716,31 @@ export default {
     justify-content: flex-start;
     background-color: white;
     padding: 10px;
-
-    li {
-        margin-right: 15px;
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-    }
-
     margin-bottom: 10px;
     border-radius: 8px;
 }
 
+.search-box li {
+    margin-right: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+
 .table-box {
     height: calc(100vh - 150px);
     padding: 10px;
     background-color: white;
-
 }
 
+.table-header {
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+}
+.search-input{
+  display: flex;
+}
 ::v-deep .radio-group {
     .el-radio-button__inner {
         border-radius: 4px;
@@ -580,15 +748,15 @@ export default {
         border: 1px solid #dcdfe6;
         background-color: #f5f7fa;
         color: #606266;
-
-        &:hover {
-            background-color: #ecf5ff;
-            border-color: #409eff;
-            color: #409eff;
-        }
     }
 
-    .el-radio-button__orig-radio:checked+.el-radio-button__inner {
+    .el-radio-button__inner:hover {
+        background-color: #ecf5ff;
+        border-color: #409eff;
+        color: #409eff;
+    }
+
+    .el-radio-button__orig-radio:checked + .el-radio-button__inner {
         background-color: #409eff;
         border-color: #409eff;
         color: #fff;
@@ -601,10 +769,26 @@ export default {
     font-weight: bold;
     display: flex;
     margin-right: 10px;
+    white-space: nowrap;
 }
-.pageBox{
-  width: 100%;
-  text-align: center;
-  margin: 10px;
+
+.pageBox {
+    width: 100%;
+    text-align: center;
+    margin: 10px;
+}
+
+/* 优化搜索框样式 */
+::v-deep .el-input-group__append {
+    background-color: #409EFF;
+    border-color: #409EFF;
+}
+
+::v-deep .el-input-group__append .el-button {
+    color: white;
+}
+
+::v-deep .el-input-group__append .el-button:hover {
+    background-color: #66b1ff;
 }
 </style>
diff --git a/f/web-kboss/src/views/homePage/about/img/.png b/f/web-kboss/src/views/homePage/about/img/.png
new file mode 100644
index 0000000..4a1652b
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/Newbanner.png b/f/web-kboss/src/views/homePage/about/img/Newbanner.png
new file mode 100644
index 0000000..7c47bd0
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/Newbanner.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/jiajiebg.png b/f/web-kboss/src/views/homePage/about/img/advantage1.png
similarity index 100%
rename from f/web-kboss/src/views/homePage/about/img/jiajiebg.png
rename to f/web-kboss/src/views/homePage/about/img/advantage1.png
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage2.png b/f/web-kboss/src/views/homePage/about/img/advantage2.png
new file mode 100644
index 0000000..9950f60
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage2.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage3.png b/f/web-kboss/src/views/homePage/about/img/advantage3.png
new file mode 100644
index 0000000..ad14f09
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage3.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage4.png b/f/web-kboss/src/views/homePage/about/img/advantage4.png
new file mode 100644
index 0000000..8faad83
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage4.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage5.png b/f/web-kboss/src/views/homePage/about/img/advantage5.png
new file mode 100644
index 0000000..0add006
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage5.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage6.png b/f/web-kboss/src/views/homePage/about/img/advantage6.png
new file mode 100644
index 0000000..ac3d844
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage6.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/jzg.png b/f/web-kboss/src/views/homePage/about/img/jzg.png
new file mode 100644
index 0000000..c2495d3
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/jzg.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/sm.png b/f/web-kboss/src/views/homePage/about/img/sm.png
new file mode 100644
index 0000000..39bb3a3
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/sm.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/yj.png b/f/web-kboss/src/views/homePage/about/img/yj.png
new file mode 100644
index 0000000..c69ba44
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/yj.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/zizhi.png b/f/web-kboss/src/views/homePage/about/img/zizhi.png
new file mode 100644
index 0000000..7230b85
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/zizhi.png differ
diff --git a/f/web-kboss/src/views/homePage/about/index.vue b/f/web-kboss/src/views/homePage/about/index.vue
index 2bbacae..1d20d21 100644
--- a/f/web-kboss/src/views/homePage/about/index.vue
+++ b/f/web-kboss/src/views/homePage/about/index.vue
@@ -1,127 +1,161 @@
 <template>
   <div style="width: 100%;">
     <div class="banner">
-      <span v-if="JSON.stringify(logoInfoNew)!=='{}'" style="font-size: 38px">
-       {{ logoInfoNew.home.bannerTitle }} <span style="color: #0e0b0b">{{ translations[language].slogan }}</span>
-      </span>
+      <div v-if="JSON.stringify(logoInfoNew) !== '{}'" style="font-size: 38px;">
+        <!-- 开元云 标题 -->
+        <div>{{ logoInfoNew.home.bannerTitle }}</div>
+        <p style="color: #0e0b0b">全球领先的AI服务运营商</p>
+      </div>
     </div>
 
     <div class="mainBox" style="padding-top: 35px">
       <div class="inBox">
         <div class="leftBox">
-          <img v-if="JSON.stringify(logoInfoNew)!=='{}'"
-               :src="logoInfoNew.home.logoImg"
-               alt="">
+          <p class="leftBoxtitle">关于<span class="gradient-text">我们</span></p>
+          <!-- <img v-if="JSON.stringify(logoInfoNew) !== '{}'" :src="logoInfoNew.home.logoImg" alt=""> -->
         </div>
-        <div v-if="JSON.stringify(logoInfoNew)!=='{}'" class="rightBox">
-          <p v-for="(i,index) in logoInfoNew.about.content" :key="index">
+        <div v-if="JSON.stringify(logoInfoNew) !== '{}'" class="rightBox">
+          <p v-for="(i, index) in logoInfoNew.about.content" :key="index">
             {{ i }}
           </p>
         </div>
       </div>
     </div>
-
+    <!-- 公司资质 -->
     <div class="zizhi">
       <div style="width: 1400px;">
-        <div style="text-align:center;font-size: 26px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px">
-          {{ translations[language].qualifications }}
+        <div style="text-align:center;font-size: 30px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px">
+          公司<span class="gradient-text">资质</span>
         </div>
         <LogoTwo></LogoTwo>
       </div>
     </div>
-
-    <div class="why">
-      <ul class="whyUl">
-        <li>
-          <span class="icon"><img src="./img/1.png" alt=""></span>
-          <div class="title">{{ translations[language].mission }}</div>
-          <div class="description">
-            <span style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">
-              {{ translations[language].missionContent }}
-            </span>
+    <!-- 企业文化 -->
+    <div class="enterprise">
+      <div class="enterprise-inner">
+        <div class="left-box">
+          <div class="left-title">
+            <span>企业<span class="gradient-text">文化</span></span>
           </div>
-        </li>
-        <li>
-          <span class="icon"><img src="./img/2.png" alt=""></span>
-          <div class="title">{{ translations[language].vision }}</div>
-          <div class="description">
-            <span style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">
-              {{ translations[language].visionContent }}
-            </span>
+        </div>
+        <div class="right-box">
+          <div class="item">
+            <div class="item-img">
+              <img src="./img/sm.png" alt="使命图标">
+            </div>
+            <div class="item-content">
+              <div class="item-tit">
+                <div>使命</div>
+                <div>Mission</div>
+              </div>
+              <div class="item-text">
+                <p>让AI无处不在，让智能如此简单</p>
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <span class="icon"><img src="./img/3.png" alt=""></span>
-          <div class="title">{{ translations[language].values }}</div>
-          <div class="description">
-            <span style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">
-              {{ translations[language].valuesContent }}
-            </span>
+          <div class="item">
+            <div class="item-img">
+              <img src="./img/yj.png" alt="愿景图标">
+            </div>
+            <div class="item-content">
+              <div class="item-tit">
+                <div>愿景</div>
+                <div>Vision</div>
+              </div>
+              <div class="item-text">
+                <p>全球领先的AI服务运营商</p>
+              </div>
+            </div>
           </div>
-        </li>
-      </ul>
+          <div class="item">
+            <div class="item-img">
+              <img src="./img/jzg.png" alt="价值观图标">
+            </div>
+            <div class="item-content">
+              <div class="item-tit">
+                <div>价值观</div>
+                <div>Value</div>
+              </div>
+              <div class="item-text">
+                <p>卓越、开放、创新</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
 
-    <div class="ad">
-      <div style="text-align:center;font-size: 26px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px">
-        {{ translations[language].platformAdvantages }}
+    <!-- 优势 -->
+    <div class="advantage">
+      <div class="advantage-tit">
+        <span>平台<span class="gradient-text">优势</span></span>
       </div>
-      <ul class="adUl">
-        <li>
-          <div class="iconBox">
-            <img src="./img/5.png" alt="">
+      <!-- 优势列表 -->
+      <div class="advantage-content">
+        <div class="advantage-grid">
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage1.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                精准定位
+              </div>
+              <div class="btm-tit">
+                专注于为各行业提供专业、高效的人工智能解决方案，助力企业智能化转型。
+              </div>
+            </div>
           </div>
-          <div class="content">
-            <span>{{ translations[language].advantage1Title }}</span>
-            <span class="description">{{ translations[language].advantage1Desc }}</span>
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage2.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                技术服务
+              </div>
+              <div class="btm-tit">
+                提供人工智能相关的技术服务，为企业解决复杂的技术难题。
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/6.png" alt="">
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage3.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                产品定制
+              </div>
+              <div class="btm-tit">
+                根据企业的特定需求，定制开发人工智能产品，满足不同场景的应用需求。
+              </div>
+            </div>
           </div>
-          <div class="content">
-            <span>{{ translations[language].advantage2Title }}</span>
-            <span class="description">{{ translations[language].advantage2Desc }}</span>
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage4.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                产业赋能
+              </div>
+              <div class="btm-tit">
+                通过人工智能技术，为传统产业赋能，提升产业的竞争力和创新能力。
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/7.png" alt="">
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage5.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                一站式、本地化服务
+              </div>
+              <div class="btm-tit">
+                从售前、售中到售后提供一站式全方位服务
+              </div>
+            </div>
           </div>
-          <div class="content">
-            <span>{{ translations[language].advantage3Title }}</span>
-            <span class="description">{{ translations[language].advantage3Desc }}</span>
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage6.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                提供AI基础设施与模型服务
+              </div>
+              <div class="btm-tit">
+                提供整体底层技术架构和系统支持及模型服务
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/4.png" alt="">
-          </div>
-          <div class="content">
-            <span>{{ translations[language].advantage4Title }}</span>
-            <span class="description">{{ translations[language].advantage4Desc }}</span>
-          </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/2.png" alt="">
-          </div>
-          <div class="content">
-            <span>{{ translations[language].advantage5Title }}</span>
-            <span class="description">{{ translations[language].advantage5Desc }}</span>
-          </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/8.png" alt="">
-          </div>
-          <div class="content">
-            <span>{{ translations[language].advantage6Title }}</span>
-            <span class="description">{{ translations[language].advantage6Desc }}</span>
-          </div>
-        </li>
-      </ul>
+        </div>
+      </div>
+      <!-- 优势列表完 -->
     </div>
   </div>
 </template>
@@ -129,75 +163,14 @@
 <script>
 import Vue from 'vue'
 import LogoTwo from "@/views/homePage/mainPage/logoG/logoTwo.vue";
-import {mapGetters, mapState} from "vuex";
-// 导入语言管理
-import { languageStore, languageBus } from '@/utils/language'
+import { mapGetters, mapState } from "vuex";
 
 export default Vue.extend({
   name: "about",
-  components: {LogoTwo},
+  components: { LogoTwo },
   data() {
     return {
-      language: 'zh',
-      languageChangedHandler: null,
-      translations: {
-        zh: {
-          slogan: '全球领先的AI服务运营商',
-          qualifications: '公司资质',
-          mission: '使命',
-          missionContent: '让AI无处不在，让智能如此简单',
-          vision: '愿景',
-          visionContent: '全球领先的AI服务运营商',
-          values: '价值观',
-          valuesContent: '卓越、开放、创新',
-          platformAdvantages: '平台优势',
-          advantage1Title: '精准定位',
-          advantage1Desc: '专注于为各行业提供专业、高效的人工智能解决方案，助力企业智能化转型。',
-          advantage2Title: '技术服务',
-          advantage2Desc: '提供人工智能相关的技术服务，为企业解决复杂的技术难题。',
-          advantage3Title: '产品定制',
-          advantage3Desc: '根据企业的特定需求，定制开发人工智能产品，满足不同场景的应用需求。',
-          advantage4Title: '产业赋能',
-          advantage4Desc: '通过人工智能技术，为传统产业赋能，提升产业的竞争力和创新能力。',
-          advantage5Title: '一站式、本地化服务',
-          advantage5Desc: '从售前、售中到售后提供一站式全方位服务',
-          advantage6Title: '提供AI基础设施与模型服务',
-          advantage6Desc: '提供整体底层技术架构和系统支持及模型服务'
-        },
-        en: {
-          slogan: 'Leading AI Service Operator Worldwide',
-          qualifications: 'Company Qualifications',
-          mission: 'Mission',
-          missionContent: 'Make AI ubiquitous and intelligence so simple',
-          vision: 'Vision',
-          visionContent: 'Global Leading AI Service Operator',
-          values: 'Values',
-          valuesContent: 'Excellence, Openness, Innovation',
-          platformAdvantages: 'Platform Advantages',
-          advantage1Title: 'Precise Positioning',
-          advantage1Desc: 'Focus on providing professional and efficient AI solutions for various industries to help enterprises achieve intelligent transformation.',
-          advantage2Title: 'Technical Services',
-          advantage2Desc: 'Provide AI-related technical services to help enterprises solve complex technical problems.',
-          advantage3Title: 'Product Customization',
-          advantage3Desc: 'Customize AI products according to specific enterprise needs to meet application requirements in different scenarios.',
-          advantage4Title: 'Industry Empowerment',
-          advantage4Desc: 'Empower traditional industries through AI technology, enhancing industry competitiveness and innovation capability.',
-          advantage5Title: 'One-stop, Localized Service',
-          advantage5Desc: 'Provide comprehensive one-stop services from pre-sales to after-sales',
-          advantage6Title: 'AI Infrastructure & Model Services',
-          advantage6Desc: 'Provide overall underlying technical architecture, system support, and model services'
-        }
-      }
-    }
-  },
-  created() {
-    // 修复：确保从共享状态获取当前语言
-    this.initLanguage()
-  },
-  beforeDestroy() {
-    // 移除事件监听
-    if (this.languageChangedHandler) {
-      languageBus.$off('language-changed', this.languageChangedHandler)
+      // 删除了language和translations相关数据
     }
   },
   computed: {
@@ -222,41 +195,29 @@ export default Vue.extend({
     },
   },
   methods: {
-    // 初始化语言状态
-    initLanguage() {
-      // 直接从store获取当前语言，确保一致性
-      this.language = languageStore.getLanguage()
-      console.log('about页面初始化语言:', this.language)
-
-      // 保存事件处理函数的引用，以便正确移除
-      this.languageChangedHandler = (lang) => {
-        console.log('about页面接收到语言变化:', lang)
-        this.language = lang
-      }
-
-      // 监听语言变化事件
-      languageBus.$on('language-changed', this.languageChangedHandler)
-    }
+    // 删除了initLanguage方法
   }
 })
 </script>
 
 <style scoped lang="scss">
 .banner {
-  background: url("./img/banner.png") no-repeat center center;
+  background: url("./img/Newbanner.png") no-repeat top center;
   display: flex;
   justify-content: center;
   background-size: cover;
   align-items: center;
-  height: 250px;
+  height: 500px;
   flex-direction: column;
   font-weight: bold;
-  span {
+
+  div {
     background: linear-gradient(to right, #275AFF, #2EBDFA);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
     display: inline-block;
+    text-align: center;
   }
 }
 
@@ -266,6 +227,7 @@ export default Vue.extend({
   justify-content: flex-start;
   align-items: center;
   flex-direction: column;
+  background: linear-gradient(180deg, #fff 0%, #f6f8fd 40%, #fff 100%);
 
   .inBox {
     display: flex;
@@ -276,6 +238,14 @@ export default Vue.extend({
     .leftBox {
       width: 25%;
       height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+
+      .leftBoxtitle {
+        font-size: 30px;
+        font-weight: bold;
+      }
 
       img {
         width: 300px;
@@ -290,105 +260,275 @@ export default Vue.extend({
   }
 }
 
-.why {
+/* 企业文化部分样式 */
+.enterprise {
   width: 100%;
+  background: linear-gradient(180deg, #d7e9ff 0%, #fff 100%);
+  padding: 80px 0;
   display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-  height: 500px;
-  background: url("./img/jiajiebg.png");
-  background-position: center;
-  background-size: cover;
-
-  .whyUl {
-    padding-top: 90px;
-    width: 1300px;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-
-    li {
-      width: 280px;
-      height: 310px;
-      background: white;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      padding: 0 20px;
-
-      img {
-        width: 47px;
-        height: 45px;
-      }
-
-      .title {
-        margin: 15px 0;
-        font-size: 26px;
-        font-weight: bold;
-      }
-
-      .description {
-        color: #999;
-        font-size: 14px;
-        line-height: 2;
-      }
-    }
-  }
-}
-
-.ad {
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
 
-  .adUl {
+  .enterprise-inner {
     width: 1400px;
     display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
+    align-items: center;
 
-    li {
-      margin-bottom: 45px;
+    .left-box {
+      width: 25%;
       display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      width: 30% !important;
-      max-width: 30%;
-      padding-right: 15px;
+      justify-content: center;
+      align-items: flex-start;
 
-      .content {
+      .left-title {
+        font-size: 30px;
+        font-weight: bold;
         display: flex;
-        flex-direction: column;
-        justify-content: space-around;
-        align-items: flex-start;
-        padding-left: 15px;
-        font-size: 16px;
-
-        .description {
-          margin-top: 8px;
-          color: #666;
-          font-size: 14px;
-          line-height: 1.5;
-        }
+        justify-content: center;
       }
+    }
 
-      img {
-        width: 50px;
-        height: 50px;
+    .right-box {
+      width: 70%;
+      display: flex;
+      flex-direction: column;
+      gap: 40px;
+
+      .item {
+        display: flex;
+        align-items: center;
+        border-radius: 12px;
+        padding: 30px;
+        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+        transition: all 0.3s ease;
+
+        &:hover {
+          transform: translateY(-5px);
+          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+        }
+
+        .item-img {
+          flex-shrink: 0;
+          margin-right: 25px;
+
+          img {
+            width: 70px;
+            height: 70px;
+            object-fit: contain;
+          }
+        }
+
+        .item-content {
+          flex: 1;
+          display: flex;
+          align-items: center;
+
+          .item-tit {
+            margin-bottom: 15px;
+
+            div:first-child {
+              font-size: 24px;
+              font-weight: bold;
+              color: #333;
+              margin-right: 15px;
+            }
+
+            div:last-child {
+              font-size: 16px;
+              color: #666;
+              font-style: italic;
+            }
+          }
+
+          .item-text {
+            margin-left: 40px;
+
+            p {
+              font-size: 18px;
+              line-height: 1.6;
+              color: #444;
+              margin: 0;
+            }
+          }
+        }
       }
     }
   }
 }
 
+
 .zizhi {
+  height: 900px;
   width: 100%;
+  background: url("./img/zizhi.png") no-repeat;
+  background-size: 100% 100%;
   padding-bottom: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
+
+/* 新增渐变文字样式 */
+.gradient-text {
+  background: linear-gradient(to right, #0066FF, #66CCFF);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  display: inline-block;
+}
+
+// 优势样式
+.advantage {
+  padding: 80px 0;
+  background:#fff;
+
+  .advantage-tit {
+    text-align: center;
+    font-size: 30px;
+    font-weight: bold;
+    margin-bottom: 60px;
+  }
+
+  .advantage-content {
+    display: flex;
+    justify-content: center;
+
+    .advantage-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 30px;
+      width: 1200px;
+
+      .advantage-item {
+        position: relative;
+        border-radius: 12px;
+        padding: 40px 30px;
+        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+        transition: all 0.3s ease;
+        height: 140px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        overflow: hidden;
+        cursor: pointer;
+
+        /* 背景图设置 */
+        background-size: cover !important;
+        background-position: center !important;
+        background-repeat: no-repeat !important;
+
+        /* 默认状态：白色半透明遮罩，黑色文字 */
+        &::before {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background: rgba(255, 255, 255, 0.85);
+          border-radius: 12px;
+          z-index: 1;
+          transition: all 0.3s ease;
+        }
+
+        .content-wrapper {
+          position: relative;
+          z-index: 2;
+          transition: all 0.3s ease;
+        }
+
+        .top-tit {
+          font-size: 22px;
+          font-weight: bold;
+          margin-bottom: 15px;
+          color: #333;
+          transition: all 0.3s ease;
+        }
+
+        .btm-tit {
+          font-size: 16px;
+          line-height: 1.6;
+          color: #666;
+          transition: all 0.3s ease;
+        }
+
+        /* 悬停状态：蓝色半透明遮罩，白色文字 */
+        &:hover {
+          transform: translateY(-5px);
+          box-shadow: 0 8px 25px rgba(0, 102, 255, 0.2);
+
+          &::before {
+            background: rgba(0, 102, 255, 0.9);
+          }
+
+          .top-tit {
+            color: #fff;
+          }
+
+          .btm-tit {
+            color: rgba(255, 255, 255, 0.9);
+          }
+        }
+      }
+    }
+  }
+}
+
+/* 响应式设计 - 适配不同屏幕尺寸 */
+@media (max-width: 1200px) {
+  .mainBox .inBox,
+  .enterprise .enterprise-inner,
+  .advantage-content .advantage-grid {
+    width: 95% !important;
+  }
+
+  .advantage-content .advantage-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 768px) {
+  .banner {
+    height: 300px;
+    font-size: 28px !important;
+
+    p {
+      font-size: 16px;
+    }
+  }
+
+  .mainBox .inBox {
+    flex-direction: column;
+
+    .leftBox, .rightBox {
+      width: 100% !important;
+    }
+
+    .leftBox {
+      margin-bottom: 30px;
+    }
+  }
+
+  .enterprise .enterprise-inner {
+    flex-direction: column;
+
+    .left-box, .right-box {
+      width: 100% !important;
+    }
+
+    .left-box {
+      margin-bottom: 40px;
+      justify-content: flex-start;
+    }
+  }
+
+  .zizhi {
+    height: auto;
+    padding: 50px 0;
+  }
+
+  .advantage-item {
+    height: 160px !important;
+  }
+}
 </style>
diff --git a/f/web-kboss/src/views/homePage/components/topBox/index.vue b/f/web-kboss/src/views/homePage/components/topBox/index.vue
index 4852ca9..7f46fac 100644
--- a/f/web-kboss/src/views/homePage/components/topBox/index.vue
+++ b/f/web-kboss/src/views/homePage/components/topBox/index.vue
@@ -13,6 +13,7 @@
           <div class="nav-list">
             <!-- 首页 -->
             <p :class="{ active: $route.path.includes('/index') }">
+              
               <a @click="$router.push('/homePage/index')">{{ translations[language].home }}</a>
             </p>
             <!-- 产品与服务：鼠标移入显示子菜单 -->
@@ -35,10 +36,10 @@
       <!-- 用户区域：登录/注册按钮和用户下拉菜单 -->
       <div class="user-area">
         <!-- 中英互译 -->
-        <div class="language-toggle" @click="toggleLanguage">
+        <!-- <div class="language-toggle" @click="toggleLanguage">
           <span class="iconfont icon-ditu_diqiu_o"></span>
           <span class="language-text">{{ language === 'zh' ? 'English' : '中文' }}</span>
-        </div>
+        </div> -->
         <!-- AI -->
         <i class="iconfont icon-AIzhushou functions" @click="handleAIClick"></i>
         <!-- 客服 -->
diff --git a/f/web-kboss/src/views/homePage/mainPage/index.vue b/f/web-kboss/src/views/homePage/mainPage/index.vue
index e0009f4..1b2c85c 100644
--- a/f/web-kboss/src/views/homePage/mainPage/index.vue
+++ b/f/web-kboss/src/views/homePage/mainPage/index.vue
@@ -796,6 +796,7 @@ export default Vue.extend({
 
 
 <style scoped lang="less">
+
 // 添加动画样式
 .slide-fade-enter-active {
   transition: all 0.3s ease;
@@ -811,7 +812,7 @@ export default Vue.extend({
   height: 100%;
   overflow: auto !important;
   min-width: 1500px;
-  
+
 }
 
 .banner {
diff --git a/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue b/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue
index c9a70b3..de57954 100644
--- a/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue
+++ b/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue
@@ -1,13 +1,24 @@
 <template>
   <div class="parent">
     <div class="container-wrapper">
-      <div class="container">
-        <!-- 第一组图片 -->
-        <div v-for="(image, index) in images" :key="index" class="child">
+      <!-- 第一排 - 前8张图片 -->
+      <div class="container row1">
+        <div v-for="(image, index) in firstRowImages" :key="index" class="child">
           <img :src="image" alt="logo"/>
         </div>
-        <!-- 第二组相同的图片（用于无缝衔接） -->
-        <div v-for="(image, index) in images" :key="'dup-'+index" class="child">
+        <!-- 重复第一组图片（用于无缝衔接） -->
+        <div v-for="(image, index) in firstRowImages" :key="'dup-'+index" class="child">
+          <img :src="image" alt="logo"/>
+        </div>
+      </div>
+
+      <!-- 第二排 - 其余图片 -->
+      <div class="container row2">
+        <div v-for="(image, index) in secondRowImages" :key="'second-'+index" class="child">
+          <img :src="image" alt="logo"/>
+        </div>
+        <!-- 重复第二组图片（用于无缝衔接） -->
+        <div v-for="(image, index) in secondRowImages" :key="'second-dup-'+index" class="child">
           <img :src="image" alt="logo"/>
         </div>
       </div>
@@ -19,27 +30,30 @@
 export default {
   name: 'LogoCarousel',
   data() {
+    const allImages = [
+      require('./img/zizhi/img.png'),
+      require('./img/zizhi/img_1.png'),
+      require('./img/zizhi/img_2.png'),
+      require('./img/zizhi/img_3.png'),
+      require('./img/zizhi/img_4.png'),
+      require('./img/zizhi/img_5.png'),
+      require('./img/zizhi/img_6.png'),
+      require('./img/zizhi/img_7.png'),
+      require('./img/zizhi/img_8.png'),
+      require('./img/zizhi/img_9.png'),
+      require('./img/zizhi/img_10.png'),
+      require('./img/zizhi/img_11.png'),
+      require('./img/zizhi/img_12.png'),
+      require('./img/zizhi/img_13.png'),
+      require('./img/zizhi/img_15.png'),
+      require('./img/zizhi/img_16.png'),
+      require('./img/zizhi/img_17.png'),
+      require('./img/zizhi/img_18.png')
+    ];
+
     return {
-      images: [
-        require('./img/zizhi/img.png'),
-        require('./img/zizhi/img_1.png'),
-        require('./img/zizhi/img_2.png'),
-        require('./img/zizhi/img_3.png'),
-        require('./img/zizhi/img_4.png'),
-        require('./img/zizhi/img_5.png'),
-        require('./img/zizhi/img_6.png'),
-        require('./img/zizhi/img_7.png'),
-        require('./img/zizhi/img_8.png'),
-        require('./img/zizhi/img_9.png'),
-        require('./img/zizhi/img_10.png'),
-        require('./img/zizhi/img_11.png'),
-        require('./img/zizhi/img_12.png'),
-        require('./img/zizhi/img_13.png'),
-        require('./img/zizhi/img_15.png'),
-        require('./img/zizhi/img_16.png'),
-        require('./img/zizhi/img_17.png'),
-        require('./img/zizhi/img_18.png')
-      ]
+      firstRowImages: allImages.slice(0, 8), // 前8张图片
+      secondRowImages: allImages.slice(8)    // 其余图片
     }
   }
 }
@@ -48,7 +62,7 @@ export default {
 <style scoped>
 .parent {
   width: 100%;
-  height: 280px;
+  height: 400px;
   overflow: hidden;
   position: relative;
 }
@@ -57,15 +71,23 @@ export default {
   width: 100%;
   height: 100%;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
+    padding: 15px 0;
 }
 
 .container {
   display: inline-flex;
-  height: 100%;
+  height: 50%;
   animation: scroll 45s linear infinite;
   white-space: nowrap;
 }
 
+/* 第二排反向滚动 */
+.row2 {
+  animation: scrollReverse 40s linear infinite;
+}
+
 .child {
   flex: 0 0 auto;
   width: 300px;
@@ -80,7 +102,7 @@ export default {
   width: 100%;
   height: 100%;
   object-fit: contain;
-  padding: 10px; /* 可选内边距 */
+  padding: 10px;
   box-sizing: border-box;
 }
 
@@ -92,4 +114,13 @@ export default {
     transform: translateX(-50%);
   }
 }
+
+@keyframes scrollReverse {
+  0% {
+    transform: translateX(-50%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
 </style>
diff --git a/f/web-kboss/src/views/homePage/ncmatch/search/index.vue b/f/web-kboss/src/views/homePage/ncmatch/search/index.vue
index 2afc23a..04e8399 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/search/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/search/index.vue
@@ -2,8 +2,8 @@
   <div
     style="display: flex;align-items: center;justify-content: center;width: 100%;max-width: 1400px;">
 
-    <img @click="goHome" class="logo-clickable" style="width: 200px;height: 60px;padding-right: 20px;"
-      src="https://www.opencomputing.cn/idfile?path=logo_ncmatch.png" alt="">
+    <!-- <img @click="goHome" class="logo-clickable" style="width: 200px;height: 60px;padding-right: 20px;"
+      src="https://www.opencomputing.cn/idfile?path=logo_ncmatch.png" alt=""> -->
     <div
       style="min-width:800px;display: flex;align-items: center;justify-content: space-between;">
 
@@ -24,7 +24,7 @@
         <!-- 实时搜索结果 -->
         <div v-if="showSearchResults && searchResults.length > 0" class="search-results" @click.stop>
           <div v-for="result in searchResults" :key="result.id" class="search-result-item"
-            @click.stop.prevent="handleSearch(result)" 
+            @click.stop.prevent="handleSearch(result)"
             @mousedown.stop.prevent
             @mouseup.stop.prevent
             style="cursor: pointer; padding: 10px">
@@ -34,7 +34,7 @@
 
         <!-- 热搜关键词 -->
         <div v-if="false" class="hot-search">
-    
+
           <a v-for="keyword in hotSearchKeywords" :key="keyword" href="#" class="hot-keyword"
             @click="handleHotKeywordClick(keyword)">
             {{ keyword }}
@@ -330,7 +330,7 @@ export default {
         event.stopPropagation();
         event.preventDefault();
       }
-      
+
       console.log('=== handleSearch 开始执行 ===');
       console.log('接收到的参数:', result);
       console.log('当前路由路径:', this.$route.path);
@@ -418,7 +418,7 @@ export default {
           console.log('点击在搜索组件内部，不隐藏联想结果');
           return;
         }
-        
+
         // 如果联想结果正在显示，则隐藏
         if (this.showSearchResults) {
           console.log('点击在搜索组件外部，隐藏联想结果');
@@ -707,4 +707,4 @@ export default {
     width: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
index 30ef73f..6f53731 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
@@ -534,7 +534,7 @@ export default {
 
                 &.active {
                     background-color: #e6f7ff;
-                    border-color: #1890ff;
+                    border-color: #1890ff;  /* 激活状态下的边框颜色 */
                     color: #1890ff;
                 }
             }
@@ -552,4 +552,5 @@ export default {
     flex-direction: column;
 
 }
+
 </style>
diff --git a/f/web-kboss/src/views/login/index.vue b/f/web-kboss/src/views/login/index.vue
index 8d3f456..e06337a 100644
--- a/f/web-kboss/src/views/login/index.vue
+++ b/f/web-kboss/src/views/login/index.vue
@@ -68,7 +68,7 @@
                   </span>
                   <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
                 </el-form-item>
-                <el-button type="primary" :disabled="isDisabled" size="mini" style="height:50px;margin-left:10px" @click="getCode">{{SendCode_text}}</el-button>
+                <el-button type="primary" :disabled="isDisabled" size="mini" style="height: 50px; margin-left: 10px" @click="getCode">{{SendCode_text}}</el-button>
               </div>
 
               <el-button type="text" @click="resetPassword()" style="margin-left: 80%;margin-top: -15px">忘记密码?</el-button>
@@ -719,11 +719,11 @@ $light_gray: #eee;
   font-size: 24px;
   margin-top: 100px !important;
 }
-.a24Style {
-  //display: flex;
-  //justify-content: flex-end;
-  //align-items: center;
-}
+// .a24Style {
+//   //display: flex;
+//   //justify-content: flex-end;
+//   //align-items: center;
+// }
 .userInput .el-input__inner {
   background-color: white;
 }
diff --git a/f/web-kboss/src/views/login/indexNew.vue b/f/web-kboss/src/views/login/indexNew.vue
index 2dac322..5163de1 100644
--- a/f/web-kboss/src/views/login/indexNew.vue
+++ b/f/web-kboss/src/views/login/indexNew.vue
@@ -1,312 +1,346 @@
 <template>
   <div @keyup.enter.native="handleLogin('loginForm')" class="main-box" style="position: relative">
+    <!-- 广告弹窗（当前未启用） -->
     <div class="ad-dialog" v-if="adShow">
-      <div
-        class="showAdImg"
-        style=""></div>
+      <div class="showAdImg" style=""></div>
     </div>
-    <!--  登录-->
-    <img src="../../assets/kyy/login-bg.png" alt="">
-    <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt="" v-if="isLogo&&isShow">
-    <img @click="goHomePage" style="cursor: pointer" class="logo-top" src="../../assets/kyy/LOGONew.png" alt=""
-         v-else-if="isShow">
-    <!--    <div-->
 
-    <!--      style="position:absolute;top:15px;cursor: pointer;left: 15px;height: 100px!important;width: 250px!important;display: flex"-->
-    <!--      v-else>-->
-    <!--      <img style="width: 126px!important;height: 58px!important;" @click="goHomePage"-->
-    <!--           class="logo-top"-->
-    <!--           src="./img/yun.png" alt="">-->
-    <!--      <span-->
-    <!--        style="margin-left: 8px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#0052a4;margin-top: 53px">opencomputing</span>-->
-    <!--    </div>-->
+    <!-- 页面顶部的横幅图片 -->
+    <!-- <img src="" alt=""> -->
 
-    <div class="login-form" v-if="showWxCode"
-         style="display:flex;align-items:center;justify-content:center;"
-         id="login_containera"></div>
-    <div v-else class="login-form">
-      <!--      <div style="width: 535px;height: 85px;">-->
-      <div style="width: 100% ;height: 85px;" v-if="false">
-        <before-login
-          style="margin-top: 15px;width: 100%!important;"
-          v-if="isShowSaleProduct"></before-login>
+    <div class="conter">
+      <div class="left">
+        <p class="title"> <span class="color">开元云</span> 您身边的AI管家</p>
+        <p class="text">全 球 领 先 的 AI 服 务 运 营 商</p>
       </div>
-      <!--      </div>-->
-      <div v-if="true" class="main-content-box"
-           style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 25px">
-        <span class="login-text">登录</span>
-        <div class="login-container login-form-style">
-          <div class="login-type">
-            <span :class="{activeType:loginType==='0'}" @click="changeLoginType('0')">账号登录</span>
-            <span :class="{activeType:loginType==='1'}" @click="changeLoginType('1')">手机号登录</span>
+      <div class="right">
+        <!-- 根据条件显示不同的Logo -->
+        <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt=""
+          v-if="isLogo && isShow">
+        <img @click="goHomePage" style="cursor: pointer" class="logo-top" src="../../assets/kyy/LOGONew.png" alt=""
+          v-else-if="isShow">
+
+        <!-- 微信登录二维码容器 -->
+        <div class="login-form" v-if="showWxCode" style="display:flex;align-items:center;justify-content:center;"
+          id="login_containera"></div>
+
+        <!-- 主登录表单 -->
+        <div v-else class="login-form">
+          <!-- 前置登录组件（当前未启用） -->
+          <div style="width: 100% ;height: 85px;" v-if="false">
+            <before-login style="margin-top: 15px;width: 100%!important;" v-if="isShowSaleProduct"></before-login>
           </div>
-          <el-tabs v-model="activeName" @tab-click="handleClick">
-            <!-- <el-tab-pane label="" name="first"> -->
-            <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form-l" autocomplete="on"
-                     label-position="left">
-              <el-form-item prop="username" style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
-                <div class="user-input">
-                  <span class="svg-container icon-box">
-                    <!--                  <svg-icon icon-class="Icon-user2icon" />-->
-                    <img src="../../assets/kyy/用户.svg" alt="">
-                  </span>
-                  <el-input id="uesr-name-id" ref="username" v-model="loginForm.username"
-                            placeholder="请输入用户名/手机号" name="username" type="text" class="userInput"/>
-                </div>
-              </el-form-item>
-              <el-tooltip v-if="loginType==='0'" v-model="capsTooltip" style="margin-bottom: 7px"
-                          content="Caps lock is On" placement="right"
-                          manual>
-                <el-form-item prop="password" class="password-mobile"
-                              style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
-                  <div class="user-input">
-                    <span class="svg-container icon-box" style="padding: 2px;color: #9699a0;">
-                      <!--                    <svg-icon icon-class="password" />-->
-                      <img src="./svg/密码.svg" style="color: #6c7079" alt="">
-                    </span>
-                    <el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
-                              :type="passwordType" placeholder="请输入密码" name="password"
-                              @keyup.native="checkCapslock" @blur="capsTooltip = false"
-                              @keyup.enter.native="handleLogin"/>
-                    <span class="show-pwd" @click="showPwd">
-                      <svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="
-                        passwordType === 'password' ? 'eye' : 'eye-open'
-                      "/>
-                    </span>
-                  </div>
-                </el-form-item>
-              </el-tooltip>
 
-              <div v-else style="display:flex;margin-top:20px;"
-                   v-show="loginForm.username!=='admin'&&loginForm.password!=='admin'">
-                <el-form-item prop="" class="invitecode" style="background-color: white; border: 1px solid #d9d9d9;">
-                  <div class="user-input">
-                    <span class="svg-container icon-box">
-                    <img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
-                    </span>
-                    <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode"
-                              type="text"/>
-                  </div>
-                </el-form-item>
-                <span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
-                      @click="getCode">{{ SendCode_text }}
-                </span>
+          <!-- 主要登录内容 -->
+          <div v-if="true" class="main-content-box"
+            style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 25px">
+            <!-- 登录标题 -->
+            <span class="login-text">登录</span>
+
+            <!-- 登录容器 -->
+            <div class="login-container login-form-style">
+              <!-- 登录类型切换：账号登录/手机号登录 -->
+              <div class="login-type">
+                <span :class="{ activeType: loginType === '0' }" @click="changeLoginType('0')">账号登录</span>
+                <span :class="{ activeType: loginType === '1' }" @click="changeLoginType('1')">手机号登录</span>
               </div>
 
-              <!--              <div style="display:flex;width: 300px;">-->
-              <!--                <span class="tip-word">登录视为您已阅读并同意开元云科技 服务条款 和 隐私政策</span>-->
-              <!--              </div>-->
-              <div style="display:flex;">
-                <el-button @keyup.enter.native="handleLogin('loginForm')" :loading="loading" type="primary"
-                           style="width: 300px;margin-top: 30px;margin-bottom: 10px" class="login-btn"
-                           @click.native.prevent="handleLogin('loginForm')">立即登录
-                </el-button>
-              </div>
-              <div style="display:flex;margin-bottom: 30px">
-                <el-button style="width: 300px;margin-top: 10px;color: #1890ff" class="login-btn"
-                           @click.native.prevent="wxBtn">微信登录
-                </el-button>
-              </div>
-              <div class="two-btn">
-                <span type="text" class="forget-password" @click="resetPassword()">忘记密码?
-                </span>
-                <span :loading="loading" type="primary" class="go-register"
+              <!-- Element UI 标签页组件 -->
+              <el-tabs v-model="activeName" @tab-click="handleClick">
+                <!-- 登录表单 -->
+                <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form-l" autocomplete="on"
+                  label-position="left">
+
+                  <!-- 用户名/手机号输入框 -->
+                  <el-form-item prop="username"
+                    style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
+                    <div class="user-input">
+                      <span class="svg-container icon-box">
+                        <!-- 用户图标 -->
+                        <img src="../../assets/kyy/用户.svg" alt="">
+                      </span>
+                      <el-input id="uesr-name-id" ref="username" v-model="loginForm.username" placeholder="请输入用户名/手机号"
+                        name="username" type="text" class="userInput" />
+                    </div>
+                  </el-form-item>
+
+                  <!-- 密码输入框（仅在账号登录模式下显示） -->
+                  <el-tooltip v-if="loginType === '0'" v-model="capsTooltip" style="margin-bottom: 7px"
+                    content="Caps lock is On" placement="right" manual>
+                    <el-form-item prop="password" class="password-mobile"
+                      style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
+                      <div class="user-input">
+                        <span class="svg-container icon-box" style="padding: 2px;color: #9699a0;">
+                          <!-- 密码图标 -->
+                          <img src="./svg/密码.svg" style="color: #6c7079" alt="">
+                        </span>
+                        <el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
+                          :type="passwordType" placeholder="请输入密码" name="password" @keyup.native="checkCapslock"
+                          @blur="capsTooltip = false" @keyup.enter.native="handleLogin" />
+                        <!-- 显示/隐藏密码按钮 -->
+                        <span class="show-pwd" @click="showPwd">
+                          <svg-icon style="margin-right: 10px;cursor: pointer"
+                            :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
+                        </span>
+                      </div>
+                    </el-form-item>
+                  </el-tooltip>
+
+                  <!-- 验证码输入框（仅在手机号登录模式下显示） -->
+                  <div v-else style="display:flex;margin-top:20px;"
+                    v-show="loginForm.username !== 'admin' && loginForm.password !== 'admin'">
+                    <el-form-item prop="" class="invitecode"
+                      style="background-color: white; border: 1px solid #d9d9d9;">
+                      <div class="user-input">
+                        <span class="svg-container icon-box">
+                          <!-- 验证码图标 -->
+                          <img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
+                        </span>
+                        <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
+                      </div>
+                    </el-form-item>
+                    <!-- 获取验证码按钮 -->
+                    <span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
+                      @click="getCode">
+                      {{ SendCode_text }}
+                    </span>
+                  </div>
+
+                  <!-- 登录按钮 -->
+                  <div style="display:flex;">
+                    <el-button @keyup.enter.native="handleLogin('loginForm')" :loading="loading" type="primary"
+                      style="width: 300px;margin-top: 30px;margin-bottom: 10px" class="login-btn"
+                      @click.native.prevent="handleLogin('loginForm')">
+                      立即登录
+                    </el-button>
+                  </div>
+
+                  <!-- 微信登录按钮 -->
+                  <div style="display:flex;margin-bottom: 30px">
+                    <el-button style="width: 300px;margin-top: 10px;color: #1890ff" class="login-btn"
+                      @click.native.prevent="wxBtn">
+                      微信登录
+                    </el-button>
+                  </div>
+
+                  <!-- 底部链接：忘记密码和注册 -->
+                  <div class="two-btn">
+                    <span type="text" class="forget-password" @click="resetPassword()">
+                      忘记密码?
+                    </span>
+                    <span :loading="loading" type="primary" class="go-register"
                       style="width: 127px; margin-bottom: 30px; margin-left: 0px" @click.native.prevent="handleRegister"
-                      @click="handleRegister">没有账号？<span class="go-register-btn">去注册</span>
-                </span>
-              </div>
-            </el-form>
-            <!-- </el-tab-pane> -->
-            <!--            <el-tab-pane label="手机号登录" name="second">配置管理</el-tab-pane>-->
-          </el-tabs>
+                      @click="handleRegister">
+                      没有账号？<span class="go-register-btn">去注册</span>
+                    </span>
+                  </div>
+                </el-form>
+              </el-tabs>
 
-          <el-dialog title="重置密码" :visible.sync="dialogVisible" width="25%" class="myDialog">
-            <el-form ref="form" :model="form" label-width="100px" :rules="forms">
-              <el-form-item label="用户名:" prop="username" class="rePassword" style="background-color: white">
-                <el-input v-model="form.username" class="name-input" placeholder="请先输入用户名/手机号"
-                          style="background-color: white;border:1px solid #d9d9d9;border-radius: 3px;"></el-input>
-              </el-form-item>
-              <el-form-item label="密码:" prop="password" style="background-color: white">
-                <el-input v-model="form.password" style="border:1px solid #d9d9d9;border-radius: 3px"
-                          placeholder="请输入新密码"></el-input>
-              </el-form-item>
-              <el-form-item label="验证码:" prop="vcode" style="background-color: white">
-                <div style="display: flex; flex-direction: row">
-                  <el-input style="border:1px solid #d9d9d9;border-radius: 3px" ref="vcode" v-model="form.vcode"
-                            placeholder="请输入验证码" name="vcode" type="text"/>
-                  <el-button type="primary" size="mini" style="height: 40px; margin-left: 10px" :disabled="isDisabled1"
-                             @click="getCode1">{{ SendCode_text1 }}
-                  </el-button>
-                </div>
-              </el-form-item>
-              <div class="dialog-footer">
-                <el-button size="small" @click="cancelReset">取 消</el-button>
-                <el-button type="primary" size="small" @click="handleSubmit">确 定</el-button>
-              </div>
-            </el-form>
-          </el-dialog>
-          <!--          <el-dialog-->
-          <!--            title="提示"-->
-          <!--            :visible.sync="showInviteCode"-->
-          <!--            width="30%">-->
-          <!--            <span slot="footer" class="dialog-footer">-->
-          <!--             <promotionalInvitationCode ref="codeRef"></promotionalInvitationCode>-->
-          <!--  </span>-->
-          <!--            <span slot="footer" class="dialog-footer">-->
-          <!--    <el-button @click="showInviteCode = false">取 消</el-button>-->
-          <!--    <el-button type="primary" @click="useCodeConfirm">确 定</el-button>-->
-          <!--  </span>-->
-          <!--          </el-dialog>-->
+              <!-- 重置密码对话框 -->
+              <el-dialog title="重置密码" :visible.sync="dialogVisible" width="25%" class="myDialog">
+                <el-form ref="form" :model="form" label-width="100px" :rules="forms">
+                  <el-form-item label="用户名:" prop="username" class="rePassword" style="background-color: white">
+                    <el-input v-model="form.username" class="name-input" placeholder="请先输入用户名/手机号"
+                      style="background-color: white;border:1px solid #d9d9d9;border-radius: 3px;">
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item label="密码:" prop="password" style="background-color: white">
+                    <el-input v-model="form.password" style="border:1px solid #d9d9d9;border-radius: 3px"
+                      placeholder="请输入新密码">
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item label="验证码:" prop="vcode" style="background-color: white">
+                    <div style="display: flex; flex-direction: row">
+                      <el-input style="border:1px solid #d9d9d9;border-radius: 3px" ref="vcode" v-model="form.vcode"
+                        placeholder="请输入验证码" name="vcode" type="text" />
+                      <el-button type="primary" size="mini" style="height: 40px; margin-left: 10px"
+                        :disabled="isDisabled1" @click="getCode1">
+                        {{ SendCode_text1 }}
+                      </el-button>
+                    </div>
+                  </el-form-item>
+                  <div class="dialog-footer">
+                    <el-button size="small" @click="cancelReset">取 消</el-button>
+                    <el-button type="primary" size="small" @click="handleSubmit">确 定</el-button>
+                  </div>
+                </el-form>
+              </el-dialog>
+            </div>
+          </div>
         </div>
+
       </div>
-
     </div>
-
+    <!-- 页面底部信息 -->
     <div class="message-footer">
       <div class="item">
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'" class="goPAge"
-              @click="goPloic">京公网安备：{{ logoInfoNew.home.publicsecurity }}</span>
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'" class="goPAge" @click="goIPC">京ICP备：{{logoInfoNew.home.license}}</span>
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'">增值电信业务经营许可证：{{logoInfoNew.home.businesslicense}}</span>
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'">邮箱：{{logoInfoNew.home.email}}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge" @click="goPloic">京公网安备：{{
+          logoInfoNew.home.publicsecurity }}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge" @click="goIPC">京ICP备：{{
+          logoInfoNew.home.license }}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'">增值电信业务经营许可证：{{ logoInfoNew.home.businesslicense }}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'">邮箱：{{ logoInfoNew.home.email }}</span>
       </div>
       <div class="item">
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'">电话：{{logoInfoNew.home.mobile}}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'">电话：{{ logoInfoNew.home.mobile }}</span>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+// 导入API接口
 import {
-  getCodeAPI,
-  getLogoAPI,
-  getPasswordCodeAPI,
-  logintypeAPI,
-  loginUserAPI,
-  reqGetAppidAPI,
-  reqGetCodeAPI,
-  retrieveCodeAPI,
+  getCodeAPI,      // 获取验证码API
+  getLogoAPI,      // 获取Logo信息API
+  getPasswordCodeAPI, // 重置密码API
+  logintypeAPI,    // 登录类型API
+  loginUserAPI,    // 用户登录API
+  reqGetAppidAPI,  // 获取微信AppID API
+  reqGetCodeAPI,   // 获取微信授权码API
+  retrieveCodeAPI, // 获取重置密码验证码API
 } from "@/api/login";
+
 import store from "@/store";
-import {JSEncrypt} from "jsencrypt";
+import { JSEncrypt } from "jsencrypt"; // RSA加密库
 import BeforeLogin from "@/views/beforeLogin/index.vue";
 import promotionalInvitationCode from "@/views/customer/promotionalInvitationCode"
-import {mapState} from "vuex";
+import { mapState } from "vuex";
 import axios from "axios";
-import './js/wxLogin.js'
-import {Message} from "element-ui";
-import router, {resetRouter} from "@/router";
-import {reqNewHomeFestival} from "@/api/newHome";
+import './js/wxLogin.js' // 微信登录JS
+import { Message } from "element-ui";
+import router, { resetRouter } from "@/router";
+import { reqNewHomeFestival } from "@/api/newHome";
 import { getHomePath } from '@/views/setting/tools'
+
 export default {
   name: "indexNew",
-  components: {BeforeLogin, promotionalInvitationCode},
+  components: { BeforeLogin, promotionalInvitationCode },
   data() {
     return {
-      wechat_openid: '',
-      wxState: ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)),
-      getCodeTimer: null,
-      showWxCode: false,
-      isShow: false,
-      logoUrlOut: '',
-      loginType: '0',//0 账号密码 1 手机号登录
-      showInviteCode: false,//使用邀请码
-      adShow: false,
-      logoImg: require("../../assets/kyy/LOGO.png"),
-      logoText: "开元云",
-      photosUrl: null,
-      url: window.location.href,
-      SendCode_text: "获取验证码",
-      SendCode_text1: "获取验证码",
-      isDisabled: false,
-      isDisabled1: false,
-      dialogVisible: false,
-      loading: false,
+      // 微信登录相关
+      wechat_openid: '', // 微信OpenID
+      wxState: ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)), // 微信授权state参数
+      getCodeTimer: null, // 获取微信授权码的定时器
+
+      // 显示控制
+      showWxCode: false, // 是否显示微信登录二维码
+      isShow: false,     // 是否显示Logo
+      logoUrlOut: '',    // Logo外部链接
+      loginType: '0',    // 登录类型：0-账号密码登录，1-手机号登录
+      showInviteCode: false, // 是否显示邀请码对话框
+      adShow: false,     // 是否显示广告弹窗
+      logoImg: require("../../assets/kyy/LOGO.png"), // 默认Logo
+      logoText: "开元云", // Logo文本
+      photosUrl: null,   // Logo信息
+      url: window.location.href, // 当前页面URL
+
+      // 验证码相关
+      SendCode_text: "获取验证码",  // 手机登录验证码按钮文本
+      SendCode_text1: "获取验证码", // 重置密码验证码按钮文本
+      isDisabled: false,  // 手机登录验证码按钮是否禁用
+      isDisabled1: false, // 重置密码验证码按钮是否禁用
+
+      // 对话框和加载状态
+      dialogVisible: false, // 重置密码对话框是否可见
+      loading: false,       // 登录按钮加载状态
+
+      // 登录表单数据
       loginForm: {
-        username: "",
-        password: "",
-        vcode: "",
-        codeid: ""
+        username: "",  // 用户名/手机号
+        password: "",  // 密码
+        vcode: "",     // 验证码
+        codeid: ""     // 验证码ID
       },
-      activeName: 'first',
+
+      activeName: 'first', // 标签页激活项
+
+      // 表单验证规则
       rules: {
-        username: [{required: true, message: "请输入用户名/手机号", trigger: "blur"}],
-        password: [{required: true, message: "请输入密码", trigger: "blur"}],
-        code: [{required: true, message: "请输入验证码", trigger: "blur"}],
+        username: [{ required: true, message: "请输入用户名/手机号", trigger: "blur" }],
+        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
+        code: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
+
+      // 大写锁定提示
       capsTooltip: false,
-      passwordType: "password",
+      passwordType: "password", // 密码输入框类型：password或text
+
+      // 重置密码表单数据
       form: {
-        username: "",
-        vcode: "",
-        password: "",
-        id: "",
-        codeid: "",
+        username: "", // 用户名
+        vcode: "",    // 验证码
+        password: "", // 新密码
+        id: "",       // 用户ID
+        codeid: "",   // 验证码ID
       },
+
+      // 重置密码表单验证规则
       forms: {
-        username: [{required: true, message: "请输入姓名", trigger: "blur"}],
-        password: [{required: true, message: "请输入密码", trigger: "blur"}],
-        vcode: [{required: true, message: "请输入验证码", trigger: "blur"}],
+        username: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
+        vcode: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
+
+      // Logo显示控制
       isLogo: false,
-      isShowSaleProduct: false,
-      vedioObj: {}
+      isShowSaleProduct: false, // 是否显示销售产品
+      vedioObj: {} // 视频通话对象
     }
   },
+
   created() {
+    // 页面创建时的初始化
     this.init()
-    // this.testFn()
     store.commit('tagsView/resetBreadcrumbState');
+
+    // 保存登出URL
     if (window.location.href.includes("opencomputing") && window.location.href.includes("domain_name") || !window.location.href.includes("opencomputing")) {
       this.$store.commit('setLogoutUrl', window.location.href)
     } else {
       this.$store.commit('setLogoutUrl', "")
     }
+
+    // 从URL中提取域名参数
     let url = window.location.href
-    // https://www.opencomputing.cn/?domain_name=Yr8wFg7AbfxM7wlv_4ORN#/login
-    // 'https://www.opencomputing.cn/?domain_name=Yr8wFg7AbfxM7wlv_4ORN#/login'.split('domain_name=')[1].split('#/login')[0]
-    // console.log("本页面的是", url)
     let params = {
       domain_name: url.includes('domain_name') ? url.split('domain_name=')[1].split('#/login')[0] : ''
     }
 
+    // 获取销售登录信息
     this.$store.dispatch('getSaleLoginMessage', params).then(res => {
-      // console.log("执行了", params)
       this.isShowSaleProduct = res
     })
   },
+
   beforeDestroy() {
+    // 组件销毁前清理定时器和事件监听
     clearInterval(this.timer)
     clearInterval(this.getCodeTimer)
     window.removeEventListener('keydown', this.handleEnter);
   },
+
   mounted() {
-    window.addEventListener('keydown', this.handleEnter);
+    // 页面挂载后的初始化
+    window.addEventListener('keydown', this.handleEnter); // Enter键登录事件
+
+    // 监听微信登录成功消息
     window.addEventListener('message', (event) => {
-      // this.$message.success("event.data.type",event)
       if (event.data.type === 'wx_login_success') {
-        const {code} = event.data
+        const { code } = event.data
         console.log(event.data)
-        // 处理微信返回的code
         this.$message.success("code", code)
       }
     })
-
-    // this.audioElement = new Audio('https://www.opencomputing.cn/dev/idfile?path=/batch_upload/phone-ring.mp3');
-    // // 设置音频循环播放
-    // this.audioElement.loop = true;
-// if (window.location.href.includes("ncmatch")) {
-//   this.$store.commit('login/setLogoutUrl',window.location.href)
-// }
   },
 
   methods: {
+    // 跳转到百度产品页面
     goBaidu(listUrl, url) {
       this.$store.commit('setRedirectUrl', url)
       localStorage.setItem('redirectUrl', url)
       localStorage.setItem('userRescourseUrl', listUrl)
-      // console.log("边度item", )
       this.$router.push({
         name: 'baiduProductShow',
         params: {
@@ -314,9 +348,9 @@ export default {
           url: url
         }
       })
-      // this.$router.push({path: '/product/baiduProduct',})
-
     },
+
+    // 跳转到阿里云活动页面
     goAliyun() {
       reqNewHomeFestival().then(res => {
         if (res.status) {
@@ -327,11 +361,14 @@ export default {
       })
     },
 
+    // 处理Enter键登录
     handleEnter(e) {
       if (e.key === 'Enter') {
         this.handleLogin('loginForm');
       }
     },
+
+    // 显示提示信息
     open2(msg) {
       this.$notify.info({
         title: '提示',
@@ -339,17 +376,20 @@ export default {
         duration: 0
       });
     },
-    pollWxCode() {
 
+    // 轮询获取微信登录授权码
+    pollWxCode() {
       this.getCodeTimer = setInterval(async () => {
         try {
-          const res = await reqGetCodeAPI({state: this.wxState});
+          // 请求微信授权码
+          const res = await reqGetCodeAPI({ state: this.wxState });
           if (!res.status) return;
 
           clearInterval(this.getCodeTimer); // 清理定时器
           this.showWxCode = true;
 
-          const response = await loginUserAPI({wechatCode: res.code});
+          // 使用微信授权码登录
+          const response = await loginUserAPI({ wechatCode: res.code });
           console.log("response:", response);
 
           if (response.status) {
@@ -361,9 +401,9 @@ export default {
               return;
             }
 
-            const {data, admin, user, userId, org_type} = response;
+            const { data, admin, user, userId, org_type } = response;
 
-            // 存储用户信息
+            // 存储用户信息到本地存储
             localStorage.setItem("user_info", JSON.stringify(user));
             sessionStorage.setItem("userId", userId);
             sessionStorage.setItem("user", user);
@@ -371,7 +411,7 @@ export default {
             sessionStorage.setItem("org_type", org_type);
             sessionStorage.setItem("username", user.username); // 存储用户名
 
-            // 处理角色
+            // 处理用户角色
             if (admin !== 1) {
               sessionStorage.setItem("juese", response.roles[0]);
               sessionStorage.setItem("jueseNew", response.roles);
@@ -395,7 +435,6 @@ export default {
 
             // 根据角色跳转到不同页面
             if (org_type === "2" || org_type === "3") {
-              // this.$router.push({ name: "productHome" });
               this.$router.push("/product/productHome");
             } else if (response.roles.includes("运营")) {
               this.$router.push("/operation/supplierManagement");
@@ -404,7 +443,7 @@ export default {
             } else if (response.roles.includes("运维")) {
               this.$router.push("/operationAndMaintenance/workOrderProcessing");
             } else {
-              this.$router.push({path: "/"});
+              this.$router.push({ path: "/" });
             }
           } else if (response.action === "redirect") {
             this.open2(response.msg)
@@ -421,28 +460,29 @@ export default {
           }
         } catch (error) {
           console.error("登录失败:", error);
-          // this.$message.error(response.msg);
         } finally {
           this.loading = false;
         }
       }, 800);
-
     },
 
-
+    // 初始化微信登录二维码
     initWxCode(appid) {
+      // 根据环境确定回调URL
       let origin_uri = window.location.href.includes("dev") ? "https://dev.opencomputing.cn" : "https://www.opencomputing.cn"
       let obj = new WxLogin({
         self_redirect: true,       // 登录后是否跳转到当前页面
         id: "login_containera",     // 绑定的div容器id
         appid: appid,      // 填入你的微信公众号或小程序的APPID
         scope: "snsapi_login",     // 微信登录的权限范围，snsapi_login表示微信扫码登录
-        redirect_uri: encodeURIComponent(origin_uri + "/kpi/update_code_state.dspy"),  // 微信授权回调的URL，用户授权后重定向的地址
-        state: this.wxState,       // 防止CSRF攻击的随机字符串，用于保证请求的一致性
-        style: "border:none;",     // 登录框样式，可以调整
-        href: "https://www.opencomputing.cn/"          // 点击登录按钮后的跳转链接（通常是授权登录后的跳转）
+        redirect_uri: encodeURIComponent(origin_uri + "/kpi/update_code_state.dspy"),  // 微信授权回调的URL
+        state: this.wxState,       // 防止CSRF攻击的随机字符串
+        style: "border:none;",     // 登录框样式
+        href: "https://www.opencomputing.cn/"          // 点击登录按钮后的跳转链接
       });
     },
+
+    // 微信登录按钮点击事件
     wxBtn() {
       reqGetAppidAPI().then(res => {
         if (res.status) {
@@ -458,67 +498,30 @@ export default {
           })
         }
       })
-
     },
+
+    // 切换登录类型
     changeLoginType(loginType) {
       this.loginType = loginType
     },
-    testFn() {
-      // let params = {
-      //   url_link: this.GetQueryString(window.location.href)
-      //   // url_link: 'https://www.baidu.com'
-      // }
-      // getLogoAPI(params).then((res) => {
-      //   console.log("测试的值时", res)
-      // })
-      axios.get('https://www.opencomputing.cn/dev/reseller/get_ipc_logo.dspy', {
-        params: {
-          url_link: 'https://www.opencomputing.cn/dev/?domain_name=TqXo2VbiB47nzUrB_ZLxq'  // 这里设置查询参数 a: 1
-        }
-      })
-    },
+
+    // 跳转到公安备案页面
     goPloic() {
-
-
       window.open('https://beian.mps.gov.cn/#/query/webSearch')
     },
-    goIPC() {
 
+    // 跳转到工信部备案页面
+    goIPC() {
       window.open('https://beian.miit.gov.cn/')
     },
-    playAudio() {
-      console.log("开始按钮点击了")
-      this.audioElement.play();
-    },
-    pauseAudio() {
-      this.audioElement.pause();
-      this.audioElement.currentTime = 0; // 将音频的播放位置设置为0，以便下次播放从头开始
-    },
-    callIn() {
-      this.pauseAudio()
 
-      console.log("接通电话被点击了")
-      this.$store.commit('setShowVideo', false)
-      this.$router.push({
-        path: '/sales/chat',
-        query: {
-          chatIsOn: this.vedioObj.chatIsOn,
-          vedioIsOn: this.vedioObj.vedioIsOn,
-          audioIsOn: this.vedioObj.audioIsOn,
-        }
-      })
-    },
-    callOff() {
-      this.pauseAudio()
-      console.log("挂断电话被点击了")
-      this.$store.commit('setShowVideo', false)
-    },
+    // 初始化WebSocket（销售角色专用）
     initWebSocket(userId) {
-      // let webSocketUrl = 'wss://www.opencomputing.cn/dev/wss/pub/rtcc.ws'
       let webSocketUrl = 'wss://www.opencomputing.cn/pub/rtcc.ws'
       console.log(webSocketUrl)
       this.socket = new WebSocket(webSocketUrl)
-      // this.$store.commit('setSocket', new WebSocket('wss://120.92.102.27:27017/wss'))
+
+      // WebSocket连接打开事件
       this.socket.onopen = (event) => {
         console.log('WebSocket连接已打开');
         this.socket.send(JSON.stringify({
@@ -528,23 +531,17 @@ export default {
           'content': {}
         }));
       };
-      let p = {}
 
+      // WebSocket消息接收事件
       this.socket.onmessage = (event) => {
-        // console.log("登录的evebt", event)
         this.userId = sessionStorage.getItem('userId')
-        //先判断当前是不是销售角色
+        // 判断当前是否为销售角色
         if (sessionStorage.getItem('juese') === '销售') {
           let data = JSON.parse(JSON.parse(event.data).data)
-          // console.log("报错的位置",typeof  data.content)
           let content = JSON.stringify(data.content) !== '{}' ? JSON.parse(data.content) : {}
           if (event.data !== undefined && content.value === 'customer') {
-            // console.log("传来的uuid是", JSON.parse(JSON.parse(event.data).content).uuid)
             if (data.uuid === this.userId) {
-              // Object.assign(this.vedioObj, JSON.parse(event.data))
               this.$store.commit('setShowVideo', true)
-              // this.playAudio()
-              this.audioElement.playAudio()
               console.log("走了if")
             }
           } else {
@@ -553,14 +550,15 @@ export default {
         } else {
           console.log("websocket走了else")
         }
-
       };
 
+      // WebSocket连接关闭事件
       this.socket.onclose = (event) => {
         console.log('WebSocket连接已关闭');
       };
-      // this.$store.commit('setSocket')
     },
+
+    // 密码RSA加密
     passwordEncryption(passwordUser) {
       let publicKey = "-----BEGIN PUBLIC KEY-----\n" +
         "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEApJ3ThUWT3CgvH0O8rrT6\n" +
@@ -570,39 +568,21 @@ export default {
         "Q8v2pnqp19jItuHeD4G4u7a8fWC3/IGEv4+uc5rq5qhwdzRxHUveNmoE+nyh0T8R\n" +
         "C8Y8/XLkEiD0nMvZZjBn7Bof6f1st0aqJX8R1VGvzdTJ8eTvJuyMNsR4wLoF5Pvx\n" +
         "hQIDAQAB\n" +
-        "-----END PUBLIC KEY-----" // 从后台获取公钥，这个保存一下，在这里用。
-      // console.log('后台公钥---------> ', publicKey)
+        "-----END PUBLIC KEY-----" // 从后台获取公钥
+
       let encryptor = new JSEncrypt()  // 新建JSEncrypt对象
       encryptor.setPublicKey(publicKey)  // 设置公钥
       let passwordEncryp = encryptor.encrypt(passwordUser)  // 对密码进行加密
       return passwordEncryp
     },
-    //使用邀请码
-    useCode() {
-      this.showInviteCode = true
-    },
-    //邀请码确认按钮
-    useCodeConfirm() {
-      this.$refs.codeRef.onsubmit('form')
 
-      if (this.isSuccessCode) {
-        this.showInviteCode = false
-      }
-      // this.showInviteCode = false
-    },
+    // 跳转到首页
     goHomePage() {
-      // this.$router.push('/homePage')
-      // if (this.logoUrlOut) {
-      //   window.location.href = this.logoUrlOut
-      // } else {
-      //   window.location.href = 'https://www.opencomputing.cn/';
-      // }
       this.$router.push(getHomePath())
     },
+
+    // 初始化Logo信息
     init() {
-      // let params = {
-      //   url_link: this.GetQueryString(window.location.href)
-      // }
       let remoteUrl = ''
       if (window.location.href.includes("dev")) {
         remoteUrl = 'https://www.opencomputing.cn/dev/reseller/get_ipc_logo.dspy'
@@ -611,46 +591,12 @@ export default {
       } else {
         remoteUrl = 'https://www.opencomputing.cn/reseller/get_ipc_logo.dspy'
       }
-      // axios.get(remoteUrl, {
-      //   params: {
-      //     url_link: params.url_link // 这里设置查询参数 a: 1
-      //   }
-      // }).then(res => {
-      //   console.log(res.status == true)
-      //   console.log(res.data)
-      //   console.log(res.data.length > 0)
-      //   if (res.status == true && res.data && res.data.length > 0) {
-      //     this.photosUrl = res.data[0];
-      //     if (this.photosUrl.orgname != '业主机构') {
-      //       this.isLogo = true
-      //       this.logoImg = this.photosUrl.logo;
-      //       this.logoText = this.photosUrl.orgname;
-      //     }
-      //   } else {
-      //     console.log("sdsddas@@@")
-      //     this.$message({
-      //       // message: res.msg,
-      //       message: "获取ipc失败~",
-      //       type: "error",
-      //     });
-      //   }
-      // })
-
-      // getLogoAPI(params).then((res) => {
 
       let params = {
         url_link: this.GetQueryString(this.url)
-        // url_link: 'https://www.baidu.com'
       }
-      // axios.get(remoteUrl, {
-      //   params: {
-      //     url_link: params.url_link
-      //   }
-      // })
-      getLogoAPI(params).then((res) => {
-        // if (res.data.status == true && res.data.data && res.data.data.length) {
-        //   this.photosUrl = res.data.data[0];
 
+      getLogoAPI(params).then((res) => {
         if (res.status == true && res.data && res.data.length) {
           this.$store.commit('setLogoInfo', res.data[0]);
           this.isShow = true
@@ -672,21 +618,24 @@ export default {
         } else {
           console.log("sdsddas@@@")
           this.$message({
-            // message: res.msg,
             message: "获取ipc失败~",
             type: "error",
           });
         }
       });
     },
+
+    // 获取URL查询参数
     GetQueryString(name) {
       if (name.indexOf("#") != -1) {
         const params = name.split("#")[0];
         return params;
       }
     },
-    getCode() { //获取验证码
-      getCodeAPI({username: this.loginForm.username}).then((res) => {
+
+    // 获取手机登录验证码
+    getCode() {
+      getCodeAPI({ username: this.loginForm.username }).then((res) => {
         console.log(res);
         if (res.status) {
           this.loginForm.codeid = res.codeid;
@@ -724,12 +673,13 @@ export default {
               type: "error",
             });
           }
-
         }
       });
     },
+
+    // 获取重置密码验证码
     getCode1() {
-      retrieveCodeAPI({username: this.form.username}).then((res) => {
+      retrieveCodeAPI({ username: this.form.username }).then((res) => {
         if (res.status == true) {
           this.form.id = res.userid;
           this.form.codeid = res.codeid;
@@ -761,17 +711,23 @@ export default {
         }
       });
     },
+
+    // 标签页点击事件
     handleClick(tab, event) {
       console.log(tab, event);
     },
+
+    // 检查大写锁定状态
     checkCapslock(e) {
-      const {key} = e;
+      const { key } = e;
       this.capsTooltip = key && key.length === 1 && key >= "A" && key <= "Z";
     },
-    handleLogin(formName) {  //登录
 
+    // 处理登录
+    handleLogin(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
+          // 根据登录类型构建不同的API参数
           let apiOneIphone = {
             username: this.loginForm.username,
             domain_name: this.photosUrl?.domain_name ? this.photosUrl.domain_name : '',
@@ -779,51 +735,45 @@ export default {
             codeid: this.loginForm.codeid,
             wechat_openid: this.wechat_openid
           }
+
           let apiOne = {
             username: this.loginForm.username,
             domain_name: this.photosUrl?.domain_name ? this.photosUrl.domain_name : '',
             password: this.passwordEncryption(this.loginForm.password),
             wechat_openid: this.wechat_openid
-            // password: this.loginForm.password,
           }
+
           let apiTwoIphone = {
             username: this.loginForm.username,
             vcode: this.loginForm.vcode,
             codeid: this.loginForm.codeid,
             wechat_openid: this.wechat_openid
           }
+
           let apiTwo = {
             username: this.loginForm.username,
             password: this.passwordEncryption(this.loginForm.password),
-            // password: this.loginForm.password,
           }
 
+          // 根据登录类型调用不同的API
           logintypeAPI(this.loginType === '0' ? apiOne : apiOneIphone).then(res => {
-            // logintypeAPI({ username: this.loginForm.username, password: this.loginForm.password }).then(res => {
             if (res.status == true) {
-              // debugger
-
               this.loading = true;
+              // 执行登录
               this.$store
                 .dispatch("user/login", this.loginType === '0' ? apiTwo : apiTwoIphone)
                 .then((res) => {
                   this.loading = false;
-                  // try {
-                  //   if (res.roles.includes('客户')) {
-                  //     this.$store.dispatch('user/getCustmoersMoney')
-                  //   }
-                  // } catch (e) {
-                  //   console.log("登录保存信息报错", e)
-                  // }
 
                   localStorage.setItem("user_info", JSON.stringify(res.user));
+
+                  // 处理用户角色
                   if (res.admin != 1) {
                     sessionStorage.setItem("juese", res.roles[0]);
                     sessionStorage.setItem("jueseNew", res.roles);
                     if (res.roles.includes('销售')) {
                       this.initWebSocket(res.userId)
                     }
-
                   } else {
                     sessionStorage.setItem("juese", 'admin');
                     sessionStorage.setItem("jueseNew", 'admin');
@@ -835,20 +785,18 @@ export default {
                     sessionStorage.setItem("userId", res.userId);
                     sessionStorage.setItem("orgid", res.user.orgid);
                     sessionStorage.setItem("org_type", res.org_type);
-                    sessionStorage.setItem("username", res['user'].username);//就这行代码,注释就能登录上了,我想存的就是这个
+                    sessionStorage.setItem("username", res['user'].username);
+
+                    // 根据角色跳转到不同页面
                     if (res.admin === 1) {
-                      console.log("走了admin", res)
-                      this.$router.push({path: "/"});
+                      this.$router.push({ path: "/" });
                     } else if (
                       sessionStorage.getItem("org_type") == "2" ||
                       sessionStorage.getItem("org_type") == "3"
                     ) {
                       if (this.$route.query.fromPath === 'homePage') {
-                        // this.$router.push({path: "/homePage/index"});
                         if (this.$route.query.type === 'bd') {
-                          // this.$router.push('/product/baiduProduct')
                           this.goBaidu(this.$route.query.listUrl, this.$route.query.url)
-
                         } else if (this.$route.query.type === 'ali') {
                           this.$router.push("/homePage/index");
                           this.goAliyun()
@@ -857,12 +805,9 @@ export default {
                         } else {
                           this.$router.push(getHomePath());
                         }
-
                       } else {
-
                         this.$router.push(getHomePath());
                       }
-
                     } else if (res.roles.includes('运营')) {
                       this.$router.push('/operation/supplierManagement');
                     } else if (res.roles.includes('销售')) {
@@ -870,14 +815,14 @@ export default {
                     } else if (res.roles.includes('运维')) {
                       this.$router.push('/operationAndMaintenance/workOrderProcessing');
                     } else {
-                      this.$router.push({path: "/"});
+                      this.$router.push({ path: "/" });
                     }
+
                     this.$message({
                       message: "登录成功~",
                       type: "success",
                     });
                   } else {
-                    console.log("zoule874")
                     this.loading = false
                     this.$message({
                       message: res.msg,
@@ -899,18 +844,18 @@ export default {
               });
             }
           })
-
         } else {
           this.$message({
             message: "请查看登录信息格式",
             type: "error",
           });
-
           this.$refs.loginForm.resetFields();
           return false;
         }
       });
     },
+
+    // 显示/隐藏密码
     showPwd() {
       if (this.passwordType === "password") {
         this.passwordType = "";
@@ -921,19 +866,26 @@ export default {
         this.$refs.password.focus();
       });
     },
+
+    // 打开重置密码对话框
     resetPassword() {
       this.dialogVisible = true;
       this.$refs.loginForm.resetFields();
     },
+
+    // 跳转到注册页面
     handleRegister() {
       console.log("注册按钮被点击了")
-      //注册
-      this.$router.push({name: "registrationPage"});
+      this.$router.push({ name: "registrationPage" });
     },
+
+    // 取消重置密码
     cancelReset() {
       this.dialogVisible = false;
       this.$refs.form.resetFields();
     },
+
+    // 提交重置密码
     handleSubmit() {
       let parmas = {
         id: this.form.id,
@@ -942,7 +894,6 @@ export default {
         vcode: this.form.vcode,
       };
       getPasswordCodeAPI(parmas).then((res) => {
-        // console.log(res);
         if (res.status == true) {
           this.$message({
             message: "密码重置成功",
@@ -964,12 +915,13 @@ export default {
       });
     },
   },
-  computed: {
-    ...mapState({
-      isSuccessCode: state => state.login.isSuccessCode,
-      audioElement: state => state.sales.audioElement,
-      logoInfoNew: state => state.product.logoInfoNew,
 
+  computed: {
+    // 映射Vuex状态
+    ...mapState({
+      isSuccessCode: state => state.login.isSuccessCode, // 邀请码是否成功
+      audioElement: state => state.sales.audioElement,   // 音频元素
+      logoInfoNew: state => state.product.logoInfoNew,   // Logo信息
     })
   }
 }
@@ -979,17 +931,55 @@ export default {
 $cursor: black;
 $light_gray: #eee;
 $dark_gray: #889aa4;
+
 .main-box {
-  position: relative;
+  background: url('/static/img/banner.0798e703.png') no-repeat center center;
+  background-size: cover;
   width: 100vw;
   height: 100vh;
-  //border:1px solid red;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
   img {
     width: 100%;
     height: 100%;
   }
 }
 
+.conter {
+  display: flex;
+  width: 1400px;
+  justify-content: space-around;
+  // align-items: center;
+  margin-top: -100px;
+
+  .left {
+    .title {
+      color: #222f60;
+      font-size: 64px;
+      text-align: center;
+
+      .color {
+
+          background: linear-gradient(to right, #0066FF, #66CCFF);
+          -webkit-background-clip: text;
+          background-clip: text;
+          color: transparent;
+          display: inline-block;
+
+      }
+    }
+
+    .text {
+      font-size: 32px;
+      text-align: center;
+      margin-top: 25px;
+    }
+  }
+}
+
+
 ::v-deep .el-input__inner {
   padding: 0 !important;
   border: 1px solid red;
@@ -998,9 +988,7 @@ $dark_gray: #889aa4;
 .login-form {
   padding-left: 52px;
   padding-right: 49px;
-  position: absolute;
-  top: 10%;
-  right: 15%;
+
   width: 481px;
   height: 521px;
   mix-blend-mode: normal;
@@ -1051,15 +1039,10 @@ $dark_gray: #889aa4;
 
 .login-form-style {
   background-color: transparent;
-  //padding-top: 70px;
+
   .el-input {
     input {
-      //background: transparent;
-
-      //backdrop-filter: blur(15px); /* 应用模糊效果 */
       border: 0px;
-      border: 0px;
-      //-webkit-appearance: none;
       border-radius: 0px;
       padding: 12px 5px 12px 15px;
       color: $light_gray;
@@ -1067,7 +1050,6 @@ $dark_gray: #889aa4;
 
       &:-webkit-autofill {
         -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-
         -webkit-text-fill-color: $cursor !important;
       }
     }
@@ -1146,7 +1128,6 @@ $dark_gray: #889aa4;
 }
 
 .main-content-box {
-  //padding-top: 5px;
   margin-top: -10px;
 }
 
@@ -1173,7 +1154,6 @@ $dark_gray: #889aa4;
 
 .rePassword {
   background-color: white;
-  //border: 1px solid red;
 }
 
 .dialog-footer {
@@ -1181,7 +1161,6 @@ $dark_gray: #889aa4;
   justify-content: flex-end;
   align-items: center;
   padding-bottom: 15px;
-
 }
 
 .logo-top {
@@ -1193,7 +1172,7 @@ $dark_gray: #889aa4;
 }
 
 .logo-top1 {
-  width: 220px !important;
+  width: 260px !important;
   height: 80px !important;
   position: absolute;
   top: 3%;
@@ -1205,20 +1184,17 @@ $dark_gray: #889aa4;
 }
 
 @media screen and(max-width: 760px) {
-  .password-mobile {
-    //border: 5px solid red !important;
-    //width: 95% !important;
-  }
+  .password-mobile {}
+
   .login-form {
     width: 90% !important;
-    //border: 5px solid red !important;
     position: absolute;
     top: 13%;
     right: 5%;
   }
+
   .go-register {
     padding-right: 10px;
-    //border:1px solid red;
     width: 174px;
   }
 }
@@ -1247,18 +1223,6 @@ $dark_gray: #889aa4;
   background-size: cover;
 }
 
-
-//::v-deep input:-webkit-autofill {
-//  -webkit-box-shadow: 0 0 0 1000px white inset !important; /* 添加透明背景色 */
-//  transition: background-color 5000s ease-in-out 0s !important; /* 添加过渡效果，确保样式生效 */
-//  font-size: 28px !important;
-//}
-//
-//.userInput {
-//  ::v-deep .el-input__inner {
-//    font-size: 28px !important;
-//  }
-//}
 .message-footer {
   flex-wrap: wrap;
   display: flex;
@@ -1269,7 +1233,7 @@ $dark_gray: #889aa4;
   width: 100%;
   bottom: 0;
   z-index: 10;
-  color: #9c9c9c;
+  color: #000;
 
   item {
     display: flex;
@@ -1310,7 +1274,6 @@ $dark_gray: #889aa4;
     &:hover {
       cursor: pointer;
       color: rgb(22, 100, 255);
-
     }
 
     &:before {
diff --git a/f/web-kboss/src/views/product/index.vue b/f/web-kboss/src/views/product/index.vue
index 734c653..529e3e5 100644
--- a/f/web-kboss/src/views/product/index.vue
+++ b/f/web-kboss/src/views/product/index.vue
@@ -7,12 +7,14 @@
           <el-form :model="form" label-width="100px">
             <el-form-item label="产品区域:">
               <el-radio-group v-model="form.product_area" size="small" @input="searchProduct">
-                <el-radio-button :label="item" :value="item" v-for="(item, index) in product_area" :key="index"></el-radio-button>
+                <el-radio-button :label="item" :value="item" v-for="(item, index) in product_area"
+                  :key="index"></el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item label="产品类型:">
               <el-radio-group v-model="form.ptype" size="small" @input="searchProduct">
-                <el-radio-button :label="item" :value="item" v-for="(item, index) in ptype" :key="index"></el-radio-button>
+                <el-radio-button :label="item" :value="item" v-for="(item, index) in ptype"
+                  :key="index"></el-radio-button>
               </el-radio-group>
               <el-button type="primary" size="small" style="margin-left: 10px" @click="resetSearch">重置</el-button>
             </el-form-item>
@@ -20,12 +22,13 @@
         </el-card>
       </div>
       <!-- v-infinite-scroll="load" -->
-      <div class="productBig" >
+      <div class="productBig">
         <el-card class="productList" v-for="(item, index) in this.discountProductList" :key="index">
           <div slot="header" class="cardHeader">
             <span>
               {{ item.name }}
-              <el-button style="float: right; margin-left: 5px" type="primary" size="small" @click="payFirst(item)">购买</el-button>
+              <el-button style="float: right; margin-left: 5px" type="primary" size="small"
+                @click="payFirst(item)">购买</el-button>
               <!-- <el-button style="float: right" type="primary" size="small" @click="inShoppingCard(item)">加入购物车</el-button> -->
             </span>
           </div>
@@ -70,7 +73,7 @@
             </el-row>
             <el-row :span="24">
               <el-col :span="12" class="productDiscription">
-                <span >规格说明:</span>
+                <span>规格说明:</span>
                 <div style="width: 80%;display: flex">{{ item.spec_note }}</div>
               </el-col>
               <el-col :span="6" class="productDiscription">
@@ -88,7 +91,8 @@
     </div>
 
     <!-- 立即购买弹窗 -->
-    <el-dialog :title="title + productDetail.name" :visible.sync="dialogVisible" width="30%" class="myDialog" :before-close="close">
+    <el-dialog :title="title + productDetail.name" :visible.sync="dialogVisible" width="30%" class="myDialog"
+      :before-close="close">
       <el-form ref="payForm" :model="productDetail" label-width="100px" :rules="payForm">
         <div style="overflow-y: scroll; height: 400px">
           <el-form-item label="产品描述:">
@@ -106,32 +110,40 @@
 
           <div id="renderMoban" v-if="isShow">
             <el-form-item label="路由数:" prop="route_num">
-              <el-select v-model="productDetail.route_num" placeholder="请选择路由数" @change="searchMoney(productDetail.route_num)">
-                <el-option v-for="(item,index) in route_numList" :key="index" :label="item.route_num" :value="item.route_num">
+              <el-select v-model="productDetail.route_num" placeholder="请选择路由数"
+                @change="searchMoney(productDetail.route_num)">
+                <el-option v-for="(item, index) in route_numList" :key="index" :label="item.route_num"
+                  :value="item.route_num">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="带宽:" prop="broadband">
-              <el-select v-model="productDetail.broadband" placeholder="请选择带宽" @change="searchMoney(productDetail.broadband)">
-                <el-option v-for="(item,index) in broadbandList" :key="index" :label="item.broadband" :value="item.broadband">
+              <el-select v-model="productDetail.broadband" placeholder="请选择带宽"
+                @change="searchMoney(productDetail.broadband)">
+                <el-option v-for="(item, index) in broadbandList" :key="index" :label="item.broadband"
+                  :value="item.broadband">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="高校:" prop="high_school">
-              <el-select v-model="productDetail.high_school" placeholder="请选择高校" @change="searchMoney(productDetail.high_school)">
-                <el-option v-for="(item,index) in schoolList" :key="index" :label="item.name" :value="item.name">
+              <el-select v-model="productDetail.high_school" placeholder="请选择高校"
+                @change="searchMoney(productDetail.high_school)">
+                <el-option v-for="(item, index) in schoolList" :key="index" :label="item.name" :value="item.name">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="超算中心:" prop="chaosuan_center">
-              <el-select v-model="productDetail.chaosuan_center" placeholder="请选择超算中心" @change="searchMoney(productDetail.chaosuan_center)">
-                <el-option v-for="(item,index) in chaosuan_centerList" :key="index" :label="item.name" :value="item.name">
+              <el-select v-model="productDetail.chaosuan_center" placeholder="请选择超算中心"
+                @change="searchMoney(productDetail.chaosuan_center)">
+                <el-option v-for="(item, index) in chaosuan_centerList" :key="index" :label="item.name"
+                  :value="item.name">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="距离:" @change="searchMoney(productDetail.distance)">
               <el-select v-model="productDetail.distance" placeholder="请选择距离" disabled>
-                <el-option v-for="(item,index) in distanceList" :key="index" :label="item.distance" :value="item.distance">
+                <el-option v-for="(item, index) in distanceList" :key="index" :label="item.distance"
+                  :value="item.distance">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -191,8 +203,8 @@
                     <el-col :span="21" class="payTypeList">
                       <div class="bigDiv">
                         <div class="divSon" v-for="item in payTypeList" :key="item.index" @mouseenter="changeColor">
-                          <div class="divSonItem" @click="payType(item.index)">{{item.payType}}</div>
-                          <div class="divSonTitle">{{item.title}}</div>
+                          <div class="divSonItem" @click="payType(item.index)">{{ item.payType }}</div>
+                          <div class="divSonTitle">{{ item.title }}</div>
                         </div>
                       </div>
                       <div class="attention">
@@ -216,14 +228,15 @@
                       <!-- <span>如何选择地域</span> -->
                     </el-col>
                     <el-col :span="21" class="aereList">
-                      <el-button size="small" :round="false" @click="DistrictShow">华东1(杭州) <i class="el-icon-caret-bottom"></i></el-button>
+                      <el-button size="small" :round="false" @click="DistrictShow">华东1(杭州) <i
+                          class="el-icon-caret-bottom"></i></el-button>
                       <div class="discrption">不同地域的实例之间内网互不相通；选择靠近您客户的地域，可降低网络时延、提高您客户的访问速度</div>
                       <div class="aereDiv" v-if="isDistrictShow">
                         <div>
                           <span>亚太-中国</span>
                           <el-row :gutter="5" v-for="item in Asia_China" :key="item.RegionId">
                             <el-col :span="8">
-                              <span>{{item.LocalName}}</span>
+                              <span>{{ item.LocalName }}</span>
                             </el-col>
                           </el-row>
                         </div>
@@ -668,22 +681,24 @@ export default {
   // background-color: rgba(240, 241, 244);
   border: 0;
 }
+
 .box {
   height: 100vh;
+
   .product {
     .search {
       // position: fixed;
       top: 10%;
     }
+
     .productBig {
       .productList {
         // height:calc(100vh-300px);
 
         margin-top: 5px;
         padding: 25px;
-        .cardHeader {
-        }
-        .cardBody {
+
+           .cardBody {
           font-size: 14px;
           // font-weight: 600;
 
@@ -699,16 +714,19 @@ export default {
               font-size: 26px;
               font-weight: 600;
             }
+
             .discountPrice {
               color: #f00606;
               font-size: 26px;
               font-weight: 600;
               margin-right: 10px;
             }
+
             .price {
               text-decoration: line-through;
               margin-right: 10px;
             }
+
             .discount {
               height: 30px;
               width: 70px;
@@ -721,44 +739,54 @@ export default {
       }
     }
   }
+
   .aLiDialog {
     // background-color: rgb(99, 100, 100);
     overflow-y: scroll;
+
     .buy {
       font-size: 12px;
       padding-left: 10%;
       padding-right: 10%;
       border: 1px solid red;
+
       .content {
         .left {
           .payType {
             .payTypeTitle {
               padding-top: 15px;
+
               .payTypeItem {
                 font-weight: 600;
+
                 .light {
                   font-size: 12px;
                 }
               }
             }
+
             .payTypeList {
               .bigDiv {
                 display: flex;
+
                 .divSon {
                   display: flex;
                   flex-direction: column;
                   border: 1px solid #cbcbcb;
                   margin-right: 30px;
                   padding: 10px;
+
                   .divSonItem {
                     font-weight: 600;
                     cursor: pointer;
                   }
+
                   .divSonTitle {
                     color: #787e80;
                   }
                 }
               }
+
               .attention {
                 display: flex;
                 padding-top: 5px;
@@ -770,6 +798,7 @@ export default {
                   height: 30px;
                   line-height: 30px;
                 }
+
                 .explain {
                   color: #787e80;
                   height: 30px;
@@ -779,31 +808,34 @@ export default {
               }
             }
           }
+
           .aere {
             .aereCol {
               padding-top: 20px;
+
               .aereSpan {
                 font-weight: 600;
               }
             }
+
             .aereList {
               margin-top: 5px;
+
               .discrption {
                 color: #787e80;
                 padding-top: 3px;
               }
+
               .aereDiv {
                 border: 1px solid #cbcbcb;
               }
             }
-            .network {
-              .networkItem {
-              }
-            }
+
+
           }
         }
-        .right {
-        }
+
+
       }
     }
   }
diff --git a/f/web-kboss/src/views/product/mainPage/index.vue b/f/web-kboss/src/views/product/mainPage/index.vue
index d67028d..d060624 100644
--- a/f/web-kboss/src/views/product/mainPage/index.vue
+++ b/f/web-kboss/src/views/product/mainPage/index.vue
@@ -5,12 +5,14 @@
         <div class="bigTitle">快捷导航</div>
         <ul class="recUl">
           <li v-for="(item,index) in navList" :key="index" @click="goBaidu(item)">
-            <i :class="item.icon || 'el-icon-link'"></i>
+            <!-- 修改这里：使用img标签替换i标签 -->
+            <img :src="getNavIcon(index)" class="nav-icon" alt="icon" />
             {{ item.name }}
           </li>
         </ul>
       </div>
 
+      <!-- 其他部分保持不变 -->
       <div class="section">
         <div class="bigTitle">资源概览</div>
         <ul class="recUl overView">
@@ -52,6 +54,7 @@
       </div>
     </div>
 
+    <!-- 右侧部分保持不变 -->
     <div class="rightBox">
       <div class="user card">
         <div class="userImg">
@@ -108,7 +111,10 @@ import { reqNewHomeResource, reqNewHomeResourceWarning, reqQuickNav } from "@/ap
 import { editReachargelogAPI } from "@/api/finance/customerRechargeManagement";
 import { getUnreadmsgAPI } from "@/api/login";
 import MessageCenter from '@/components/MessageCenter/MessageCenter.vue';
-
+import icon1 from '@/assets/image/icon1.png';
+import icon2 from '@/assets/image/icon2.png';
+import icon3 from '@/assets/image/icon3.png';
+import icon4 from '@/assets/image/icon4.png';
 export default Vue.extend({
   name: "mainPage",
   components: {
@@ -132,7 +138,9 @@ export default Vue.extend({
         { name: '处理中', count: 7 },
         { name: '站内信', count: 0 }
       ],
-      messageCenterVisible: false
+      messageCenterVisible: false,
+      // 添加图标路径数组
+      navIcons: [icon1, icon2, icon3, icon4]
     }
   },
   created() {
@@ -172,6 +180,12 @@ export default Vue.extend({
         }
       })
     },
+    // 添加获取导航图标的方法
+    getNavIcon(index) {
+      // 如果导航项数量超过图标数量，循环使用图标
+      const iconIndex = index % this.navIcons.length;
+      return this.navIcons[iconIndex];
+    },
     async initMybalance() {
       const res = await editReachargelogAPI()
       if (res.status) {
@@ -202,19 +216,16 @@ export default Vue.extend({
 
         switch(todoName) {
           case '待支付':
-            // 待支付：显示未支付和续费的数据
             query = {
-              filterType: 'processing'  // 使用明确的标识
+              filterType: 'processing'
             };
             break;
           case '待续费':
-            // 待续费：只显示续费的数据
             query = {
               filterType: 'pendingPayment'
             };
             break;
           case '处理中':
-            // 处理中：显示未支付的数据
             query = {
               filterType: 'processing'
             };
@@ -224,7 +235,7 @@ export default Vue.extend({
         console.log(`跳转到资源概览，筛选类型: ${todoName}`, query);
 
         this.$router.push({
-          path: '/product/overview',
+          path: '/overview',
           query: query
         });
       }
@@ -248,7 +259,13 @@ export default Vue.extend({
 </script>
 
 <style lang="less" scoped>
-/* 样式保持不变，与之前相同 */
+::v-deep .table-header {
+  background: #409eff !important;
+  color: #ffffff !important;
+  font-weight: bold;
+  text-align: center;
+}
+
 .mainBox {
   background: #f5f7fa;
   width: 100%;
@@ -323,12 +340,21 @@ export default Vue.extend({
     justify-content: center;
     min-width: 0;
 
-    i {
-      font-size: 24px;
+    // 修改这里：为图片添加样式
+    .nav-icon {
+      width: 24px;
+      height: 24px;
       margin-bottom: 10px;
-      color: #409eff;
+      object-fit: contain;
     }
 
+    // 移除原来的图标样式
+    // i {
+    //   font-size: 24px;
+    //   margin-bottom: 10px;
+    //   color: #409eff;
+    // }
+
     &:hover {
       transform: translateY(-3px);
       box-shadow: 0 4px 12px rgba(64, 158, 255, 0.2);
diff --git a/f/web-kboss/src/views/registrationPage/indexNew.vue b/f/web-kboss/src/views/registrationPage/indexNew.vue
index d1927ed..862993f 100644
--- a/f/web-kboss/src/views/registrationPage/indexNew.vue
+++ b/f/web-kboss/src/views/registrationPage/indexNew.vue
@@ -1,169 +1,197 @@
 <template>
   <div class="main-box">
+    <!-- 背景图片 -->
     <div class="imgStyle" v-if="logoImg">
-      <!--      <img :src="logoImg" alt="" class="logo-botton">-->
       <img style="width: 100vw;height: 100vh;" src="../../assets/kyy/register-bg.png" alt="">
     </div>
     <div class="imgStyle" v-else>
       <img style="width: 100vw;height: 100vh;background-position: center center" src="../../assets/kyy/register-bg.png"
-           alt="">
-      <!--      <img class="logo-top" src="../../assets/kyy/LOGO.png" alt="">-->
+        alt="">
     </div>
 
-    <!--  注册表单-->
+    <!-- 头部图标 - 与登录页面保持一致 -->
+    <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt="" v-if="isLogo && isShow">
+    <img @click="goHomePage" style="cursor: pointer" class="logo-top" src="../../assets/kyy/LOGONew.png" alt=""
+      v-else-if="isShow">
+
+    <!-- 注册表单 -->
     <div class="register-form">
       <div class="regist-container">
         <el-form ref="registForm" :model="registForm" :rules="rules" class="regist-form" autocomplete="on"
-                 label-position="left" style="z-index: 1">
+          label-position="left" style="z-index: 1">
+          <!-- 表单标题区域 -->
           <div class="title-container">
-            <span class="title" style="color: black">注册</span>
+            <span class="title">注册</span>
+            <!-- 跳转到登录页面的链接 -->
+            <span class="subtitle" @click="handleLogin">前往登录 ></span>
           </div>
-          <el-form-item prop="username" style="background-color: white;border: 1px solid #D9D9D9">
+
+          <!-- 手机号输入区域 -->
+          <div class="form-row">
+            <el-form-item prop="mobile" class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container country-code">
+                  +86  <!-- 国家区号 -->
+                </span>
+                <!-- 手机号输入框 -->
+                <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 验证码输入区域 -->
+          <div class="form-row">
+            <el-form-item prop="smsCode" class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container">
+                  验证码  <!-- 验证码标签 -->
+                </span>
+                <!-- 验证码输入框 -->
+                <el-input ref="smsCode" v-model="registForm.smsCode" placeholder="请输入" type="text"
+                  class="custom-input" />
+                <!-- 获取验证码按钮，带倒计时功能 -->
+                <span class="get-code-btn" @click="getSmsCode">{{ countdown > 0 ? `${countdown}s后重新获取` : '获取验证码' }}</span>
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 信息补充区域标题 -->
+          <div class="info-supplement">
+            <span class="info-title">信息补充（可跳过）</span>
+          </div>
+
+          <!-- 账户名输入区域（非必填） -->
+          <div class="form-row">
+            <el-form-item class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container">
+                  账户名  <!-- 账户名标签 -->
+                </span>
+                <!-- 账户名输入框 -->
+                <el-input ref="username" v-model="registForm.username" placeholder="请输入" name="username" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 密码输入区域（非必填） -->
+          <div class="form-row">
+            <el-form-item class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container">
+                  密码  <!-- 密码标签 -->
+                </span>
+                <!-- 密码输入框，带显示/隐藏密码功能 -->
+                <el-input :key="passwordType" ref="password" v-model="registForm.password" :type="passwordType"
+                  placeholder="请输入" name="password" class="custom-input" />
+                <!-- 显示/隐藏密码按钮 -->
+                <span class="show-pwd" @click="showPwd">
+                  <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
+                </span>
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 第二行：显示名和邮箱（已注释，保留但不显示） -->
+          <!-- <div class="form-row">
+            <el-form-item prop="nick_name" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
+                </span>
+                <el-input ref="nick_name" v-model="registForm.nick_name" placeholder="请输入显示名" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+
+            <el-form-item prop="email" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/邮箱.svg" alt="">
+                </span>
+                <el-input ref="email" v-model="registForm.email" placeholder="请输入邮件地址" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+          </div> -->
+
+          <!-- 第三行：手机号和地址（已注释，保留但不显示） -->
+          <!-- <div class="form-row">
+            <el-form-item prop="mobile" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/手机.svg" alt="">
+                </span>
+                <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入手机号" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+
+            <el-form-item prop="address" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
+                </span>
+                <el-cascader class="custom-cascader" v-model="registForm.address" :options="cityArr()" :props="props"
+                  placeholder="请选择地址"></el-cascader>
+              </div>
+            </el-form-item>
+          </div> -->
+
+          <!-- 第四行：行业和机构类型（已注释，保留但不显示） -->
+          <!-- <div class="form-row">
+            <el-form-item prop="main_business" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
+                </span>
+                <el-select ref="address" v-model="registForm.main_business" placeholder="请选择行业" class="custom-select">
+                  <el-option v-for="item in main_business_list" :key="item.value" :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+
+            <el-form-item prop="org_type" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/机构.svg" alt="">
+                </span>
+                <el-select v-model="registForm.org_type" placeholder="请选择机构类型" @change="change" class="custom-select">
+                  <el-option label="个人客户" value="2"></el-option>
+                  <el-option label="公司客户" value="3"></el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </div> -->
+
+          <!-- 机构名称（条件显示，已注释，保留但不显示） -->
+          <!-- <el-form-item prop="orgname" v-if="registForm.org_type == '3'" class="form-item-custom full-width">
             <div class="form-item">
               <span class="svg-container">
                 <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
               </span>
-              <el-input class="input-style" style="width: 100px;!important;" ref="username"
-                        v-model="registForm.username" placeholder="请输入用户名" name="username" type="text"/>
+              <el-input ref="orgname" v-model="registForm.orgname" placeholder="请输入机构名称" type="text"
+                class="custom-input" />
             </div>
-          </el-form-item>
-          <el-form-item prop="password" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/密码.svg" alt="">
-              </span>
-              <el-input :key="passwordType" ref="password" v-model="registForm.password" :type="passwordType"
-                        placeholder="请输入密码" name="password"/>
-              <span class="show-pwd" @click="showPwd">
-                <svg-icon :icon-class="
-                      passwordType === 'password' ? 'eye' : 'eye-open'
-                    "/>
-              </span>
-            </div>
-          </el-form-item>
-          <el-form-item prop="nick_name" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
-              </span>
-              <el-input ref="nick_name" v-model="registForm.nick_name" placeholder="请输入显示名" type="text"/>
-            </div>
-          </el-form-item>
-          <el-form-item prop="email" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/邮箱.svg" alt="">
-              </span>
-              <el-input ref="email" v-model="registForm.email" placeholder="请输入邮件地址" type="text"/>
-            </div>
-          </el-form-item>
-
-          <el-form-item prop="mobile" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/手机.svg" alt="">
-              </span>
-              <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入手机号" type="text"/>
-            </div>
-          </el-form-item>
-
-          <el-form-item prop="address" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
-              </span>
-              <!--              <el-input ref="address" v-model="registForm.address" placeholder="请输入地址" type="text"/>-->
-              <el-cascader
-                class="custom-cascader-my"
-                v-model="registForm.address"
-                :options="cityArr()"
-                :props="props"
-              ></el-cascader>
-            </div>
-          </el-form-item>
-          <el-form-item prop="main_business" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
-              </span>
-              <el-select ref="address" v-model="registForm.main_business" placeholder="请输入行业">
-                <el-option
-                  v-for="item in main_business_list"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
-                </el-option>
-              </el-select>
-              <!--              <el-input ref="address" v-model="registForm.main_business" placeholder="请输入行业" type="text"/>-->
-            </div>
-          </el-form-item>
-          <el-form-item prop="org_type" style="background-color: white;border: 1px solid #D9D9D9">
-            <span class="svg-container">
-              <img style="width: 14px;height: 14px;" src="../../assets/kyy/机构.svg" alt="">
-            </span>
-            <el-select v-model="registForm.org_type" placeholder="请选择所属机构" @change="change"
-                       :append-to-body="true" style="position:relative;
-                z-index: 999999999999999999!important;">
-              <el-option label="个人客户" value="2"></el-option>
-              <el-option label="公司客户" value="3"></el-option>
-            </el-select>
-          </el-form-item>
-
-          <!--          <el-form-item prop="" v-if="registForm.org_type === '2'" class="tip-word-style"-->
-          <!--                        style="display: flex;justify-content: flex-start">-->
-          <!--            <el-upload style="height: 60px; width: 60px;" class="avatar-uploader" action="#" :show-file-list="false"-->
-          <!--                       :auto-upload="false" :on-change="handleAvatarSuccess" :on-remove="handleRemove">-->
-          <!--              <img style="height: 60px; width: 60px" v-if="imageUrl" :src="imageUrl" class="avatar"/>-->
-          <!--              <i v-else class="el-icon-plus  avatar-uploader-icon"></i>-->
-          <!--            </el-upload>-->
-          <!--            <div style="margin-left: 15px;color:#c4c4cf ">请上传身份证图片</div>-->
-          <!--          </el-form-item>-->
-
-          <el-form-item prop="orgname" v-if=" registForm.org_type == '3'"
-                        class="name-institution">
-            <div class="form-item" style="border:1px solid #d9d9d9;width: 450px;">
-                        <span class="svg-container">
-                          <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
-                        </span>
-              <el-input ref="orgname" v-model="registForm.orgname" placeholder="请输入机构名称" type="text"/>
-            </div>
-          </el-form-item>
-          <!--          <el-form-item prop="" v-if="registForm.org_type == '3'">-->
-          <!--            <div class="upload-box tip-word-style-next">-->
-          <!--              <el-upload style="height: 60px; width: 60px;" class="avatar-uploader" action="#" :show-file-list="false"-->
-          <!--                         :auto-upload="false" :on-change="handleAvatarSuccess">-->
-          <!--                <img style="height: 60px; width: 60px" v-if="imageUrl" :src="imageUrl" class="avatar"/>-->
-          <!--                <i style="height: 60px; width: 60px" v-else class="el-icon-plus avatar-uploader-icon"></i>-->
-          <!--              </el-upload>-->
-          <!--              <div style="margin-left: 15px;color:#c4c4cf ">请上传营业执照</div>-->
-          <!--            </div>-->
-          <!--          </el-form-item>-->
-
-          <!-- <el-form-item prop="license_img" v-if="registForm.org_type == '3'">
-            <el-upload class="avatar-uploader" action="#" :show-file-list="false" :auto-upload="false" :on-change="handleAvatarSuccess" :on-remove="handleRemove">
-              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
-              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            </el-upload>
-          </el-form-item> -->
-          <!-- <el-form-item prop="id_img" v-if="registForm.org_type=='2'">
-            <span class="svg-container">
-              <svg-icon icon-class="user" />
-            </span>
-            <el-input ref="mobile" v-model="registForm.id_img" placeholder="身份证" type="text" />
-          </el-form-item> -->
-          <!-- <el-form-item prop="license_img" v-if="registForm.org_type=='3'">
-            <span class="svg-container">
-              <svg-icon icon-class="user" />
-            </span>
-            <el-input ref="license_img" v-model="registForm.license_img" placeholder="营业执照" type="text" />
           </el-form-item> -->
 
+          <!-- 用户协议勾选区域 -->
+          <div class="agreement">
+            <el-checkbox v-model="agreeProtocol">
+              我已阅读并同意   《用户协议》、《隐私政策》、《产品服务协议》
+            </el-checkbox>
+          </div>
+
+          <!-- 注册按钮区域 -->
           <div class="twoBtn">
+            <!-- 注册按钮，点击触发注册流程 -->
             <el-button class="register-btn" :loading="loading" type="primary"
-                       @click.native.prevent="handleRegister('registForm')">马上注册
+              @click.native.prevent="handleRegister('registForm')">
+              立即注册
             </el-button>
-            <span class="go-login" @click.native.prevent="handleLogin()">已有账号？<span @click="handleLogin"
-                                                                                        class="login-btn-style">去登录</span></span>
           </div>
         </el-form>
       </div>
@@ -172,213 +200,204 @@
 </template>
 
 <script>
-import {registerUserAPI, getLogoAPI} from "@/api/login";
-import {cityArr} from '@/assets/province.js'
-import {mapState} from "vuex";
+// 导入API函数和工具函数
+import { registerUserAPI, getLogoAPI } from "@/api/login";
+import { cityArr } from '@/assets/province.js'
+import { mapState } from "vuex";
+import { getHomePath } from '@/views/setting/tools'
 
 export default {
   name: "indexNew",
   data() {
     return {
-      main_business_list: [
-        {
-          value: '大学教育',
-          label: '大学教育'
-        },
-        {
-          value: '智慧医疗',
-          label: '智慧医疗'
-        }, {
-          value: '智能制造',
-          label: '智能制造'
-        },
-        {
-          value: '自动驾驶',
-          label: '自动驾驶'
-        },
-        {
-          value: '游戏渲染',
-          label: '游戏渲染'
-        },
-        {
-          value: '金融科技',
-          label: '金融科技'
-        }, {
-          value: '虚拟现实',
-          label: '虚拟现实'
-        }, {
-          value: '生物技术',
-          label: '生物技术'
-        }, {
-          value: '航空航天',
-          label: '航空航天'
-        },
+      // 显示控制
+      isShow: false,
+      isLogo: false,
+      logoUrlOut: '',
+      logoImg: require("../../assets/kyy/LOGO.png"),
+      logoText: "开元云",
+      photosUrl: null,
 
+      // 用户协议勾选状态
+      agreeProtocol: false,
+      // 验证码倒计时秒数
+      countdown: 0,
+      // 倒计时定时器
+      countdownTimer: null,
+      // 行业列表（已注释，保留但不使用）
+      main_business_list: [
+        { value: '大学教育', label: '大学教育' },
+        { value: '智慧医疗', label: '智慧医疗' },
+        { value: '智能制造', label: '智能制造' },
+        { value: '自动驾驶', label: '自动驾驶' },
+        { value: '游戏渲染', label: '游戏渲染' },
+        { value: '金融科技', label: '金融科技' },
+        { value: '虚拟现实', label: '虚拟现实' },
+        { value: '生物技术', label: '生物技术' },
+        { value: '航空航天', label: '航空航天' },
       ],
+      // 级联选择器配置（已注释，保留但不使用）
       props: {
         value: 'name',
         label: 'name',
         expandTrigger: 'click',
-        // lazy: true,
-        // lazyLoad(node, resolve) {
-        //   const {level, value} = node;
-        //   setTimeout(() => {
-        //     let nodes = [];
-        //     if (level === 0) {
-        //       nodes = cityArr.map(city => ({
-        //         value: city.name,
-        //         label: city.name,
-        //         leaf: !city.children || city.children.length === 0
-        //       }));
-        //     } else {
-        //       const findNode = (name, array) => {
-        //         for (const item of array) {
-        //           if (item.name === name) return item;
-        //           if (item.children) {
-        //             const found = findNode(name, item.children);
-        //             if (found) return found;
-        //           }
-        //         }
-        //         return null;
-        //       };
-        //
-        //       const currentNode = findNode(value, cityArr);
-        //       if (currentNode && currentNode.children) {
-        //         nodes = currentNode.children.map(child => ({
-        //           value: typeof child === 'string' ? child : child.name,
-        //           label: typeof child === 'string' ? child : child.name,
-        //           leaf: typeof child === 'string' || !child.children || child.children.length === 0
-        //         }));
-        //       }
-        //     }
-        //     resolve(nodes);
-        //   }, 1000);
-        // }
       },
+      // 当前页面URL
       url: window.location.href,
       value: '',
+      // 注册表单数据
       registForm: {
-        username: "",
-        password: "",
-        email: "",
-        nick_name: "",
-        address: "",
-        mobile: "",
-        org_type: "",
-        orgname: "",
-        main_business: "",
-        wechat_openid: localStorage.getItem('wechat_openid')
+        username: "",        // 账户名（非必填）
+        password: "",        // 密码（非必填）
+        email: "",           // 邮箱（已注释）
+        nick_name: "",       // 显示名（已注释）
+        address: "",         // 地址（已注释）
+        mobile: "",          // 手机号（必填）
+        org_type: "",        // 机构类型（已注释）
+        orgname: "",         // 机构名称（已注释）
+        main_business: "",   // 主营业务（已注释）
+        smsCode: "",         // 验证码（必填）
+        wechat_openid: localStorage.getItem('wechat_openid') // 微信openid
       },
       imageUrl: "",
       currentFile: null,
+      // 邀请码（从路由参数获取）
       invitecode: this.$route.query.invitecode,
+      // 表单验证规则 - 只验证手机号和验证码
       rules: {
-        username: [
-          {required: true, message: "请输入姓名", trigger: "blur"},
-          {min: 6, message: '用户名长度至少应包含6个字符'}],
-        password: [{required: true, message: "请输入密码", trigger: "blur"},
-          {min: 6, message: '密码长度至少应包含6个字符'}],
-        address: [{required: true, message: "请输入地址", trigger: "blur"}],
-        main_business: [{required: true, message: "请输入行业", trigger: "blur"}],
-        nick_name: [
-          {required: true, message: "请输入显示名", trigger: "blur"},
-        ],
+        // 手机号验证规则
         mobile: [
           {
-            pattern:
-              /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
+            pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
             message: "请输入有效的手机号",
           },
-          {required: true, trigger: "blur", message: "请输入手机号"},
+          { required: true, trigger: "blur", message: "请输入手机号" },
         ],
-        email: [
-          {
-            pattern: /[\w.]+\@[-a-z0-9]+(\.[-a-z0-9]+)*/ig
-            ,
-            message: "请输入有效的邮箱",
-          },
-
-          {required: true, trigger: "blur", message: "请输入邮箱"},
-        ],
-        orgname: [{required: true, message: "请输入机构", trigger: "blur"}],
-        // id_img: [
-        //   {required: true, message: "请上传身份证", trigger: "change"},
+        // 验证码验证规则
+        smsCode: [
+          { required: true, message: "请输入验证码", trigger: "blur" }
+        ]
+        // 以下为已注释的验证规则，保留但不使用
+        // address: [
+        //   { required: true, message: "请输入地址", trigger: "blur" }
         // ],
+        // main_business: [
+        //   { required: true, message: "请输入行业", trigger: "blur" }
+        // ],
+        // nick_name: [
+        //   { required: true, message: "请输入显示名", trigger: "blur" },
+        // ],
+        // email: [
+        //   {
+        //     pattern: /[\w.]+\@[-a-z0-9]+(\.[-a-z0-9]+)*/ig,
+        //     message: "请输入有效的邮箱",
+        //   },
+        //   { required: true, trigger: "blur", message: "请输入邮箱" },
+        // ],
+        // orgname: [{ required: true, message: "请输入机构", trigger: "blur" }],
       },
+      // 密码显示类型（password/text）
       passwordType: "password",
+      // 注册按钮加载状态
       loading: false,
       redirect: undefined,
       otherQuery: {},
-      org_type: [
-        {
-          value: "2",
-          label: "个人客户",
-        },
-        {
-          value: "3",
-          label: "公司客户",
-        },
-      ],
-      photosUrl: null,
-      logoImg: null
+      // 机构类型列表（已注释，保留但不使用）
+      // org_type: [
+      //   { value: "2", label: "个人客户" },
+      //   { value: "3", label: "公司客户" },
+      // ],
     };
   },
 
+  // 组件创建时调用
   created() {
-    this.init()
-  }
-  ,
+    this.init();
+  },
+
+  // 组件挂载后调用
   mounted() {
-    this.registForm.username = ''
+    // 初始化用户名
+    this.registForm.username = '';
+    // 如果有邀请码，设置到表单中
     if (this.invitecode) {
       this.registForm.invitecode = this.invitecode;
     }
-  }
-  ,
+  },
+
   computed: {
+    // 从Vuex获取微信openid
     ...mapState({
       wechat_openid: state => state.login.wechat_openid,
     }),
   },
+
   methods: {
+    // 跳转到首页 - 与登录页面保持一致
+    goHomePage() {
+      if (this.logoUrlOut) {
+        window.location.href = this.logoUrlOut
+      } else {
+        window.location.href = 'https://www.opencomputing.cn/';
+      }
+    },
+
+    // 获取城市数据
     cityArr() {
-      return cityArr
-    }
-    ,
+      return cityArr;
+    },
+
+    // 初始化函数 - 获取Logo等信息，与登录页面保持一致
     init() {
       let params = {
         url_link: this.GetQueryString(this.url)
-      }
+      };
+
       getLogoAPI(params).then((res) => {
         if (res.status == true && res.data && res.data.length) {
+          this.$store.commit('setLogoInfo', res.data[0]);
+          this.isShow = true
+          this.$store.commit('setLogoInfoNew', res.data[0].additional_msg);
+
+          // 特殊机构处理 - 与登录页面保持一致
+          if (res.data[0].orgname == '中关村数智人工智能产业联盟') {
+            this.logoUrlOut = 'https://www.ncmatch.cn'
+          }
+
           this.photosUrl = res.data[0];
           if (this.photosUrl.orgname != '业主机构') {
-            // this.isLogo = true
+            this.isLogo = true
             this.logoImg = this.photosUrl.logo;
-            // this.logoText = this.photosUrl.orgname;
+            this.$store.commit('setLogo', this.photosUrl.logo)
+            this.logoText = this.photosUrl.orgname;
+          } else {
+            this.$store.commit('setLogo', "")
           }
         } else {
           this.$message({
-            message: res.msg,
+            message: "获取ipc失败~",
             type: "error",
           });
         }
       });
-    }
-    ,
+    },
+
+    // 从URL中获取查询参数
     GetQueryString(name) {
       if (name.indexOf("#") != -1) {
         const params = name.split("#")[0];
         return params;
       }
-    }
-    ,
+    },
+
+    // 机构类型改变时的处理函数（已注释，保留但不使用）
     change(row) {
       if (row == 3) {
-        this.registForm.orgname = null
+        this.registForm.orgname = null;
       }
-    }
-    ,
+    },
+
+    // 显示/隐藏密码
     showPwd() {
       if (this.passwordType === "password") {
         this.passwordType = "";
@@ -388,94 +407,149 @@ export default {
       this.$nextTick(() => {
         this.$refs.password.focus();
       });
-    }
-    ,
+    },
+
+    // 获取短信验证码
+    getSmsCode() {
+      // 如果正在倒计时，直接返回
+      if (this.countdown > 0) return;
+
+      // 验证手机号是否为空
+      if (!this.registForm.mobile) {
+        this.$message({
+          message: "请输入手机号",
+          type: "error",
+        });
+        return;
+      }
+
+      // 验证手机号格式是否正确
+      const mobileRegex = /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/;
+      if (!mobileRegex.test(this.registForm.mobile)) {
+        this.$message({
+          message: "请输入有效的手机号",
+          type: "error",
+        });
+        return;
+      }
+
+      // 这里实际应该调用获取验证码的API
+      // getSmsCodeAPI({ mobile: this.registForm.mobile }).then(res => {
+      //   if (res.status) {
+      //     this.$message({
+      //       message: "验证码已发送",
+      //       type: "success",
+      //     });
+      //     this.startCountdown();
+      //   } else {
+      //     this.$message({
+      //       message: res.msg,
+      //       type: "error",
+      //     });
+      //   }
+      // });
+
+      // 模拟发送验证码成功
+      this.$message({
+        message: "验证码已发送",
+        type: "success",
+      });
+      // 开始倒计时
+      this.startCountdown();
+    },
+
+    // 开始验证码倒计时
+    startCountdown() {
+      this.countdown = 60;
+      this.countdownTimer = setInterval(() => {
+        this.countdown--;
+        if (this.countdown <= 0) {
+          clearInterval(this.countdownTimer);
+        }
+      }, 1000);
+    },
+
+    // 头像上传成功处理（已注释，保留但不使用）
     handleAvatarSuccess(file, fileList) {
       this.imageUrl = URL.createObjectURL(file.raw);
       this.currentFile = file;
-    }
-    ,
-    handleRemove(file, fileList) { //移除照片
+    },
 
-    }
-    ,
-    handleLogin() {//返回登录页
-      this.$router.push({name: "Login"});
-    }
-    ,
-    handleRegister(formName) { //注册
-      // console.log(this.wechat_openid)
+    // 移除文件处理（已注释，保留但不使用）
+    handleRemove(file, fileList) {
+      // 移除照片
+    },
+
+    // 跳转到登录页面
+    handleLogin() {
+      this.$router.push({ name: "Login" });
+    },
+
+    // 注册处理函数
+    handleRegister(formName) {
+      // 第一步：检查用户是否同意协议
+      if (!this.agreeProtocol) {
+        this.$message({
+          message: "请先阅读并同意用户协议",
+          type: "error",
+        });
+        return;
+      }
+
+      // 第二步：进行表单验证（只验证手机号和验证码）
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          if (this.registForm.org_type) {
-            if (this.registForm.org_type == "2") {
-              this.registForm.orgname = this.registForm.username;
-              this.registForm.domain_name = this.photosUrl.domain_name;
-              const formdata = this.getFormData(this.registForm);
-              // if (this.currentFile) {
-              // formdata.append("id_img", this.currentFile.raw);
-              registerUserAPI(formdata).then((res) => {
-                if (res.status == true) {
-                  this.$message({
-                    message: "注册成功",
-                    type: "success",
-                  });
-                  this.$router.push({name: "Login"});
-                } else {
-                  this.$message({
-                    message: res.msg,
-                    type: "error",
-                  });
-                }
+          // 表单验证通过，开始注册流程
+          this.loading = true;
+
+          // 第三步：构建注册数据
+          const registerData = {
+            mobile: this.registForm.mobile,        // 手机号（必填）
+            smsCode: this.registForm.smsCode,      // 验证码（必填）
+            username: this.registForm.username,    // 账户名（非必填）
+            password: this.registForm.password,    // 密码（非必填）
+            wechat_openid: this.registForm.wechat_openid, // 微信openid
+            domain_name: this.photosUrl ? this.photosUrl.domain_name : '' // 域名
+          };
+
+          // 第四步：调用注册API
+          registerUserAPI(registerData).then((res) => {
+            this.loading = false;
+            if (res.status == true) {
+              // 注册成功
+              this.$message({
+                message: "注册成功",
+                type: "success",
               });
-              // } else {
-              //   this.$message({
-              //     message: '请上传身份证照片',
-              //     type: "error",
-              //   });
-              // }
+              // 跳转到登录页面
+              this.$router.push({ name: "Login" });
             } else {
-              this.registForm.domain_name = this.photosUrl.domain_name;
-              const formdata = this.getFormData(this.registForm);
-              // if (this.currentFile) {
-              //   formdata.append("license_img", this.currentFile.raw);
-              registerUserAPI(formdata).then((res) => {
-                if (res.status == true) {
-                  this.$message({
-                    message: "注册成功",
-                    type: "success",
-                  });
-                  this.$router.push({name: "Login"});
-                } else {
-                  this.$message({
-                    message: res.msg,
-                    type: "error",
-                  });
-                }
+              // 注册失败，显示错误信息
+              this.$message({
+                message: res.msg,
+                type: "error",
               });
-              // } else {
-              //   this.$message({
-              //     message: '请上传营业执照',
-              //     type: "error",
-              //   });
-              // }
             }
-          } else {
+          }).catch(() => {
+            // 网络错误处理
+            this.loading = false;
             this.$message({
-              message: "请选择机构类型",
+              message: "注册失败，请重试",
               type: "error",
             });
-          }
+          });
         } else {
+          // 表单验证失败
           this.$message({
-            message: "请查看注册信息是否完整",
+            message: "请填写正确的手机号和验证码",
             type: "error",
           });
         }
       });
-    }
-    ,
-    getFormData(object) {//转换参数为formdata格式
+    },
+
+    // 将对象转换为FormData格式（已注释，保留但不使用）
+    getFormData(object) {
       const formData = new FormData();
       Object.keys(object).forEach((key) => {
         const value = object[key];
@@ -488,353 +562,343 @@ export default {
         }
       });
       return formData;
+    },
+  },
+
+  // 组件销毁前清理定时器
+  beforeDestroy() {
+    if (this.countdownTimer) {
+      clearInterval(this.countdownTimer);
     }
-    ,
   }
 }
 </script>
 
 <style scoped lang="scss">
-::v-deep .el-popper {
-  max-height: 500px !important;
-  overflow: auto;
-  border: 1px solid red !important;
-}
-
+// 定义样式变量
 $cursor: black;
+$primary-color: #409EFF;
+$border-color: #E4E7ED;
+$background-color: #F5F7FA;
+$light-gray: #909399;
+
+// 主容器样式
 .main-box {
   position: relative;
   width: 100vw;
   height: 100vh;
+  overflow: hidden;
 
   img {
     width: 100%;
     height: 100%;
+    object-fit: cover;
   }
 }
 
+// 头部图标样式 - 与登录页面保持一致
 .logo-top {
   width: 200px !important;
-  height: 45px !important;
+  height: 70px !important;
   position: absolute;
-  top: 3%;
+  top: 2%;
   left: 2%;
+  z-index: 1000;
 }
 
-.logo-botton {
-  width: 100px !important;
-  height: 100px !important;
+.logo-top1 {
+  width: 260px !important;
+  height: 80px !important;
   position: absolute;
   top: 3%;
-  left: 2%;
+  left: 3%;
+  z-index: 1000;
 }
 
+// 注册表单容器样式
 .register-form {
-  border-radius: 20px;
-  overflow-y: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  width: 40vw;
-  height: 98vh;
-  min-width: 500px;
-}
-
-.form-item {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  margin: 0;
-  width: 360px;
-  height: 42px;
-}
-
-//old
-$bg: #2d3a4b;
-$dark_gray: #889aa4;
-$light_gray: #eee;
-
-.regist-container {
-  min-height: 100%;
-  width: 100%;
+  width: 90%;
+  max-width: 480px;
+  min-height: 560px;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 16px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(10px);
   overflow: hidden;
-  background-color: white;
-
-  .regist-form {
-    height: 100%;
-
-    position: relative;
-    width: 520px;
-    // max-width: 100%;
-    padding: 30px 35px 0;
-    margin: 0 auto;
-    overflow: hidden;
-  }
-
-  .svg-container {
-    padding: 6px 5px 6px 15px;
-    color: $dark_gray;
-    vertical-align: middle;
-    width: 30px;
-    display: inline-block;
-  }
-
-  .title-container {
-    margin-bottom: 15px;
-    position: relative;
-
-    .title {
-      mix-blend-mode: normal;
-      color: rgba(0, 0, 0, 1);
-      font-family: PingFang SC;
-      font-size: 24px;
-      letter-spacing: 1.1px;
-
-      //font-size: 26px;
-      //color: $dark_gray;
-      //margin: 0px 10px 0px;
-      //text-align: center;
-      //font-weight: bold;
-    }
-  }
-
-  .show-pwd {
-    position: absolute;
-    right: 10px;
-    top: 7px;
-    font-size: 16px;
-    color: $dark_gray;
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .thirdparty-button {
-    position: absolute;
-    right: 0;
-    bottom: 6px;
-  }
-
-  @media only screen and (max-width: 470px) {
-    .thirdparty-button {
-      display: none;
-    }
-  }
-
-  .avatar-uploader .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .avatar-uploader .el-upload:hover {
-    border-color: #409eff;
-  }
-
-  .avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    height: 60px;
-    width: 60px;
-    line-height: 60px;
-    text-align: center;
-    border: 1px solid #d9d9d9;
-  }
-
-  .avatar {
-    width: 178px;
-    height: 178px;
-    display: block;
-  }
+  z-index: 999;
 }
 
-.mainBg {
-  width: 100vw;
-  height: 100vh;
-  position: relative; /* 让容器成为相对定位的父元素 */
-}
-
-.mainBg::before {
-  position: absolute;
-  top: 0;
-  left: 0;
+// 注册内容区域样式
+.regist-container {
   width: 100%;
   height: 100%;
-  margin-left: -48%;
-  background-image: url("./svgNew/login-bg.svg");
-  background-position: 100%;
-  background-repeat: no-repeat;
-  background-size: auto 100%;
-  content: "";
-}
+  padding: 40px 35px;
 
-.svgImg {
-  //width: 10%!important;
-  //border: 100px solid red;
-  //height: auto;
-
-  //position: absolute; /* 设置绝对定位以脱离文档流 */
-  //top: 0;
-  //left: 0;
-  //width: 50%;
-  //height: 100%; /* 拉伸图片高度至容器高度 */
-}
-
-.loginFromStyle {
-  position: absolute;
-  top: 0;
-  right: 8%;
-  z-index: 1;
-}
-
-.leftLogo {
-  //border: 1px solid red;
-  width: 35vw;
-  height: 80vh;
-  position: absolute;
-  top: 5%;
-  left: 5%;
-  z-index: 9999999;
-
-  img {
-    width: 30%;
-    height: 30%;
+  .regist-form {
+    width: 100%;
   }
-}
 
-.logoStyleTwo {
-  display: flex;
-  justify-content: flex-start;
-}
-
-.windowsLogo {
-  img {
-    width: 90%;
-    height: 90%;
-  }
-}
-
-.titleHeader {
-  --un-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--un-text-opacity));
-  font-size: 24px;
-  margin-top: 100px !important;
-}
-
-.el-select .el-select-dropdown__item {
-  font-size: 14px;
-  padding: 0 20px;
-  position: relative;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #606266;
-  height: 34px;
-  line-height: 34px;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  cursor: pointer;
-  z-index: 99999999999999999999999999999999999999999999999 !important;
-}
-
-.twoBtn {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.regist-container ::v-deep.el-input__inner {
-  border: none;
-  //width: 418px;
-  width: 418px;
-}
-
-.input-style {
-  //width: 360px;
-  //height: 42px;
-  width: 360px !important;
-}
-
-.name-institution ::v-deep .el-input__inner {
-  border: none;
-}
-
-.upload-box {
-  width: 65px;
-}
-
-.register-btn {
-  mix-blend-mode: normal;
-  text-align: center;
-  color: rgba(255, 255, 255, 1);
-  font-family: PingFang SC;
-  font-size: 16px;
-  width: 360px;
-  height: 42px;
-}
-
-.go-login {
-  padding-top: 10px;
-  cursor: default;
-  align-self: flex-end;
-  margin-bottom: 0;
-  mix-blend-mode: normal;
-  text-align: center;
-  color: rgba(0, 0, 0, 1);
-  font-family: PingFang SC;
-  font-size: 14px;
-  letter-spacing: 0.7px;
-}
-
-.login-btn-style {
-  display: inline-block;
-  color: blue;
-  border-bottom: 2px solid blue !important;
-  cursor: pointer;
-}
-
-.el-input ::v-deep .el-input__inner {
-  border: none;
-  background-color: white;
-
-  &:-webkit-autofill {
-    background-color: white;
-    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-    -webkit-text-fill-color: $cursor !important;
-  }
-}
-
-.tip-word-style {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  ::v-deep .el-form-item__content {
-    display: flex !important;
-    justify-content: flex-start !important;
+  // 标题区域样式
+  .title-container {
+    display: flex;
+    justify-content: space-between;
     align-items: center;
+    margin-bottom: 30px;
+
+    .title {
+      font-size: 24px;
+      font-weight: 600;
+      color: #303133;
+    }
+
+    .subtitle {
+      font-size: 14px;
+      color: $primary-color;
+      cursor: pointer;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  // 表单行样式
+  .form-row {
+    margin-bottom: 20px;
+  }
+
+  // 表单项样式
+  .form-item-custom {
+    margin-bottom: 0;
+
+    &.full-width {
+      width: 100%;
+    }
+  }
+
+  // 表单项目样式
+  .form-item {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 48px;
+    background: white;
+    border: 1px solid $border-color;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    position: relative;
+
+    &:hover {
+      border-color: $primary-color;
+    }
+
+    &:focus-within {
+      border-color: $primary-color;
+      box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
+    }
+  }
+
+  // 图标容器样式
+  .svg-container {
+    padding: 0 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: #606266;
+    font-size: 14px;
+    background: #f8f9fa;
+    border-right: 1px solid $border-color;
+    border-radius: 8px 0 0 8px;
+    min-width: 80px;
+
+    &.country-code {
+      min-width: 60px;
+      background: transparent;
+      border-right: none;
+      color: #303133;
+      font-weight: 500;
+    }
+  }
+
+  // 自定义输入框样式
+  .custom-input {
+    flex: 1;
+    border: none !important;
+    outline: none !important;
+    background: transparent;
+    height: 100%;
+
+    ::v-deep .el-input__inner {
+      border: none !important;
+      background: transparent !important;
+      height: 46px;
+      padding: 0 16px;
+      font-size: 14px;
+
+      &:focus {
+        border: none !important;
+        box-shadow: none !important;
+      }
+
+      &::placeholder {
+        color: $light-gray;
+      }
+    }
+  }
+
+  // 获取验证码按钮样式
+  .get-code-btn {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: $primary-color;
+    font-size: 14px;
+    cursor: pointer;
+    background: none;
+    border: none;
+    padding: 4px 8px;
+    border-radius: 4px;
+    transition: background-color 0.3s ease;
+    white-space: nowrap;
+
+    &:hover {
+      background: rgba(64, 158, 255, 0.1);
+    }
+
+    &:disabled {
+      color: $light-gray;
+      cursor: not-allowed;
+    }
+  }
+
+  // 显示密码按钮样式
+  .show-pwd {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 16px;
+    color: #909399;
+    cursor: pointer;
+    z-index: 2;
+  }
+
+  // 信息补充区域样式
+  .info-supplement {
+    margin: 24px 0 16px 0;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #f0f0f0;
+
+    .info-title {
+      font-size: 14px;
+      color: $light-gray;
+      font-weight: 500;
+    }
+  }
+
+  // 协议勾选区域样式
+  .agreement {
+    margin: 20px 0;
+
+    ::v-deep .el-checkbox {
+      .el-checkbox__label {
+        font-size: 14px;
+        color: #606266;
+      }
+    }
+  }
+
+  // 按钮区域样式
+  .twoBtn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 30px;
+  }
+
+  // 注册按钮样式
+  .register-btn {
+    width: 100%;
+    height: 48px;
+    background: $primary-color;
+    border: none;
+    border-radius: 8px;
+    font-size: 16px;
+    font-weight: 500;
+    color: white;
+    transition: all 0.3s ease;
+
+    &:hover {
+      background: #66b1ff;
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
+    }
+
+    &:active {
+      transform: translateY(0);
+    }
   }
 }
 
-.tip-word-style-next {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
+// 响应式设计 - 移动端适配
+@media (max-width: 768px) {
+  .register-form {
+    width: 95%;
+    min-width: unset;
+    height: auto;
+    max-height: 90vh;
+    overflow-y: auto;
+  }
 
-.imgStyle {
-  img {
-    width: 200px;
-    height: 45px;
+  .regist-container {
+    padding: 24px 20px;
+  }
+
+  // 移动端调整头部图标大小
+  .logo-top {
+    width: 150px !important;
+    height: 52px !important;
+  }
+
+  .logo-top1 {
+    width: 200px !important;
+    height: 62px !important;
   }
 }
 
-::v-deep .el-popper {
-  height: 300px !important;
-  overflow: auto !important;
+// 动画效果
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+
+// 自定义滚动条样式
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
 }
 </style>