diff --git a/f/web-kboss/src/api/login.js b/f/web-kboss/src/api/login.js
index 3058385..5f275bb 100644
--- a/f/web-kboss/src/api/login.js
+++ b/f/web-kboss/src/api/login.js
@@ -42,11 +42,11 @@ export function logoutAPI(params) {
   })
 }
 
-//获取验证码 1
+//获取验证码
 export function getCodeAPI(params) {
   return request({
     url: `/user/mobilecode${suffix}`,
-    method: 'get',
+    method: 'post',
     params: params
   })
 }
@@ -263,3 +263,23 @@ export function reqGetCodeAPI(data) {
     },
   })
 }
+
+// 注册/登录获取验证码
+export function sendCode(data) {
+  return request({
+    url: `/user/mobilecode.dspy`,
+    method: 'post',
+    data,
+  })
+}
+// 注册
+export function register(data) {
+  console.log(data);
+
+  return request({
+    url: `/customer/registerUser${suffix}`,
+    method: 'post',
+    data,
+
+  })
+}
diff --git a/f/web-kboss/src/router/index.js b/f/web-kboss/src/router/index.js
index 2e9c135..4529902 100644
--- a/f/web-kboss/src/router/index.js
+++ b/f/web-kboss/src/router/index.js
@@ -316,7 +316,7 @@ export const asyncRoutes = [
     children: [
       {
         path: "",
-        component: () => import('@/views/product/productHome/productIndex/index.vue'),
+        component: () => import('@/views/product/allProduct/index.vue'),
         name: 'ProductHome',
         meta: {
           title: "全部产品",
@@ -395,48 +395,49 @@ export const asyncRoutes = [
   },
 
   // 官网
-  // {
-  //   path: getHomePath() == '/ncmatchHome/index' ? "/ncmatchHome" : "/homePage",
-  //   component: () => import("@/views/homePage/indexLast.vue"),
-  //   name: "homePage",
-  //   redirect: "/homePage/index",
-  //   meta: { fullPath: "/homePage/index", title: "官网首页", noCache: true, icon: 'el-icon-s-home' },
-  //   children: [
-  //     {
-  //       path: "index",
-  //       component: () => import("@/views/homePage/mainPage/index.vue"),
-  //       name: "homePageIndex",
-  //       hidden: true,
-  //       meta: { title: "首页", fullPath: "/homePage/index" },
-  //     },
-  //     {
-  //       path: "detail",
-  //       component: () => import("@/views/homePage/detail/index.vue"),
-  //       name: "detail",
-  //       hidden: true,
-  //       meta: { title: "详情", cache: true },
-  //     }, {
-  //       path: "hospital",
-  //       component: () => import("@/views/homePage/solve/hospital/index.vue"),
-  //       name: "hospital",
-  //       hidden: true,
-  //       meta: { title: "灵医智能体" },
-  //     }, {
-  //       path: "customerService",
-  //       component: () => import("@/views/homePage/solve/customerService/index.vue"),
-  //       name: "customerService",
-  //       hidden: true,
-  //       meta: { title: "客悦" },
+  {
+    path: getHomePath() == '/ncmatchHome/index' ? "/ncmatchHome" : "/homePage",
+    component: () => import("@/views/homePage/indexLast.vue"),
+    name: "homePage",
+    redirect: "/homePage/index",
+    hidden: true,
+    meta: { fullPath: "/homePage/index", title: "官网首页", noCache: true, icon: 'el-icon-s-home', hidden: true },
+    children: [
+      {
+        path: "index",
+        component: () => import("@/views/homePage/mainPage/index.vue"),
+        name: "homePageIndex",
+        hidden: true,
+        meta: { title: "首页", fullPath: "/homePage/index" },
+      },
+      {
+        path: "detail",
+        component: () => import("@/views/homePage/detail/index.vue"),
+        name: "detail",
+        hidden: true,
+        meta: { title: "详情", cache: true },
+      }, {
+        path: "hospital",
+        component: () => import("@/views/homePage/solve/hospital/index.vue"),
+        name: "hospital",
+        hidden: true,
+        meta: { title: "灵医智能体" },
+      }, {
+        path: "customerService",
+        component: () => import("@/views/homePage/solve/customerService/index.vue"),
+        name: "customerService",
+        hidden: true,
+        meta: { title: "客悦" },
 
-  //     }, {
-  //       path: "about",
-  //       component: () => import("@/views/homePage/about/index.vue"),
-  //       name: "about",
-  //       hidden: true,
-  //       meta: { title: "关于" },
+      }, {
+        path: "about",
+        component: () => import("@/views/homePage/about/index.vue"),
+        name: "about",
+        hidden: true,
+        meta: { title: "关于" },
 
-  //     }]
-  // },
+      }]
+  },
   // 咨询表单
   {
     path: "/consultingMangement",
@@ -899,157 +900,161 @@ export const asyncRoutes = [
     ]
   },
 
-  // // 客户 - 注释掉
-  // {
-  //   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",
+  // // 客户
+  {
+    path: "/customer",
+    component: Layout,
+    redirect: "/customer/workOrderManagement",
+    hidden: true,
+    meta: {
+      title: "客户", icon: "el-icon-s-custom", noCache: true, fullPath: "/customer", hidden: true
+    },
+    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: "百度云" }
-  //         },
+        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
-  //       },
-  //     },
+        ]
+      },
+      // 完善信息
+      {
+        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" },
-  //     },
+      // 个人中心
+      {
+        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登录
-  //     // {
+      // 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: "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",
diff --git a/f/web-kboss/src/views/homePage/detail/img/1.png b/f/web-kboss/src/views/homePage/detail/img/1.png
new file mode 100644
index 0000000..85e5a4a
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/1.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/2.png b/f/web-kboss/src/views/homePage/detail/img/2.png
new file mode 100644
index 0000000..557f515
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/2.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/3.png b/f/web-kboss/src/views/homePage/detail/img/3.png
new file mode 100644
index 0000000..aa0151c
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/3.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/4.png b/f/web-kboss/src/views/homePage/detail/img/4.png
new file mode 100644
index 0000000..64172fc
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/4.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/5.png b/f/web-kboss/src/views/homePage/detail/img/5.png
new file mode 100644
index 0000000..de53a08
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/5.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/6.png b/f/web-kboss/src/views/homePage/detail/img/6.png
new file mode 100644
index 0000000..c74c671
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/6.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/7.png b/f/web-kboss/src/views/homePage/detail/img/7.png
new file mode 100644
index 0000000..e838b20
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/7.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/Frame.png b/f/web-kboss/src/views/homePage/detail/img/Frame.png
new file mode 100644
index 0000000..490d6a8
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/Frame.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/FrameOne.png b/f/web-kboss/src/views/homePage/detail/img/FrameOne.png
new file mode 100644
index 0000000..066533b
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/FrameOne.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/img/Group.png b/f/web-kboss/src/views/homePage/detail/img/Group.png
new file mode 100644
index 0000000..e3a1916
Binary files /dev/null and b/f/web-kboss/src/views/homePage/detail/img/Group.png differ
diff --git a/f/web-kboss/src/views/homePage/detail/index.vue b/f/web-kboss/src/views/homePage/detail/index.vue
index 050ba20..084e5c2 100644
--- a/f/web-kboss/src/views/homePage/detail/index.vue
+++ b/f/web-kboss/src/views/homePage/detail/index.vue
@@ -1,86 +1,170 @@
 <template>
   <div style="width: 100%;">
+    <!-- 顶部容器，设置最小宽度和flex布局 -->
     <div id="topContainer"
       style="min-width: 1400px; width: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: center">
-      <div class="banner">
-        <img src="./img/detailBg.jpg" alt="">
+
+      <!-- 横幅区域 -->
+      <div :class="detailData.title === '裸金属产品' ? 'bannerOne' : 'banner'">
         <div class="content">
+          <!-- 产品标题 -->
           <span class="title">{{ detailData.title }}</span>
+          <!-- 产品描述 -->
           <p style="line-height: 1.6" class="description">{{ detailData.description }}</p>
+          <!-- 咨询按钮 -->
           <span @click="openTalk" class="btnStyle">立即咨询</span>
         </div>
       </div>
-      <!--   产品优势 -->
-      <div class="proAd">
-        <div v-show="detailData.title === '裸金属产品'" class="title">产品规格</div>
 
-        <div v-show="detailData.title === '裸金属产品'" class="cardBox">
-          <div class="card">
-            <ul class="cardUl">
-              <!-- ::{{ JSON.stringify(detailData) }} -->
-              <li class="cardLi" v-for="(i, index) in detailData.products" :key="index">
-                <span class="title"> {{ i.title }}</span>
-                <ul class="tagUl">
-                  <li v-for="(item,index) in i.list" :key="index">
-                    {{ item.name }}：{{ item.content }}
-                  </li>
-                </ul>
+      <!-- 产品规格区域 -->
+      <div :class="detailData.title !== '裸金属产品'?'main':'mainBox'">
+        <div class="proAd">
+          <!-- 裸金属产品显示规格标题 -->
+          <div v-show="detailData.title === '裸金属产品'" class="title">产品<span class="gradient-text">规格</span></div>
 
-                <div class="towBtn">
-                  <span class="basePrice"><span style="font-weight: bold;">￥</span><span
-                    style="font-weight: bold;font-size: 48px">{{ i.price }}</span> <span
-                    style="color: #7A82A0">/{{ i.price_unit }}</span><span style="color: #222F60">（可短租）</span></span>
-                  <span @click="openTalk" class="zixun">立即咨询</span>
+          <!-- 新增：选择区域 -->
+          <div v-show="detailData.title === '裸金属产品'" class="selection-area">
+            <div class="selection-row">
+              <div class="selection-group">
+                <span class="selection-label">计算方式：</span>
+                <span class="selection-option active">包月</span>
+                <span class="selection-option">包年</span>
+              </div>
+            </div>
+            <div class="selection-row">
+              <div class="selection-group">
+                <span class="selection-label">选择地区：</span>
+                <span class="selection-option active">随机可用区</span>
+                <span class="selection-option">北京二区</span>
+                <span class="selection-option">新昌A区</span>
+                <span class="selection-option">杭州A区</span>
+                <span class="selection-option">深圳A区</span>
+              </div>
+            </div>
+            <div class="selection-row">
+              <div class="selection-group">
+                <span class="selection-label">国产算力：</span>
+                <span class="selection-option">A800-80GB</span>
+                <span class="selection-option">H800-80GB</span>
+                <span class="selection-option">A100-80GB</span>
+                <span class="selection-option">RTX3090</span>
+              </div>
+            </div>
+            <div class="selection-row">
+              <div class="selection-group">
+                <span class="selection-label">NVIDIA:</span>
+                <span class="selection-option">A800-80GB</span>
+                <span class="selection-option">H800-80GB</span>
+                <span class="selection-option">A100-80GB</span>
+              </div>
+            </div>
+          </div>
+
+          <!-- 裸金属产品的规格卡片 -->
+          <div v-show="detailData.title === '裸金属产品'" class="cardBox">
+            <div class="card">
+              <ul class="cardUl">
+                <!-- 遍历产品规格列表 -->
+                <li class="cardLi" v-for="(i, index) in detailData.products" :key="index">
+                  <span class="cardTitle"> {{ i.title }}</span>
+                  <!-- 规格参数列表 -->
+                  <ul class="tagUl">
+                    <li v-for="(item, index) in i.list" :key="index">
+                      <span class="param-name">{{ item.name }}</span>
+                      <span class="param-content">{{ item.content }}</span>
+                    </li>
+                  </ul>
+
+                  <!-- 新增：虚线分隔 -->
+                  <div class="dashed-divider"></div>
+
+                  <!-- 价格和咨询按钮 -->
+                  <div class="towBtn">
+                    <div class="price-container">
+                      <span class="basePrice">
+                        <span style="font-weight: bold;">￥</span>
+                        <span style="font-weight: bold;font-size: 30px">{{ i.price }}</span>
+                        <span style="color: #7a82a0">/{{ i.price_unit }}</span>
+                        <span style="color: #c3c6d4">（可短租）</span>
+                      </span>
+                    </div>
+                    <div @click="openTalk" class="zixun">立即咨询</div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+
+          <!-- 非裸金属产品显示优势标题 -->
+          <div style="padding: 50px 0" v-if="detailData.title !== '裸金属产品'" class="title">产品<span
+              class="gradient-text">优势</span></div>
+          <!-- 产品优势列表 -->
+          <div v-if="detailData.title !== '裸金属产品'" class="product">
+            <div v-for="(item, index) in detailData.adList" :key="index" class="product-box">
+              <div class="leftBox">
+                <img :src="item.img" alt="">
+              </div>
+              <div class="rightBox">
+                <div class="subTitle">{{ item.title }}</div>
+                <div class="subDescription">
+                  {{ item.description }}
                 </div>
-              </li>
-
-            </ul>
-
+              </div>
+            </div>
           </div>
         </div>
-
-
-        <div style="padding-top: 50px" v-if="detailData.title !== '裸金属产品'" class="title">产品优势</div>
-        <ul v-if="detailData.title !== '裸金属产品'" class="adUl">
-          <li v-for="(item, index) in detailData.adList" :key="index">
-            <div class="leftBox">
-              <img :src="item.img" alt="">
-            </div>
-            <div class="rightBox">
-              <span class="subTitle">{{ item.title }}</span>
-              <span class="subDescription">{{ item.description }}</span>
-            </div>
-          </li>
-        </ul>
       </div>
-      <!--      产品功能-->
+
+      <!-- 产品功能区域 -->
       <div v-if="detailData.title !== '裸金属产品'" style="justify-content: flex-start!important;" class="proUse">
-        <div style="padding-top: 50px" class="title">产品功能</div>
+        <div style="padding-top: 50px" class="title">产品<span class="gradient-text">功能</span></div>
         <ul class="useUl">
+          <!-- 遍历功能列表 -->
           <li v-for="(item, index) in detailData.useList" :key="index" class="useLi">
             <span v-if="item.title" class="useTitle">{{ item.title }}</span>
             <span v-if="item.description" class="useDescription">{{ item.description }}</span>
-            <ul class="inUl">
-              <li :style="{ justifyContent: i.description ? 'space-around' : 'center' }" v-for="(i, d) in item.content"
-                :key="d" class="inLi">
-                <span class="inTitle" style="margin-bottom: 10px;font-size: 16px;">{{ i.title }}</span>
-                <span style="color: #666;line-height: 1.8;font-size: 14px" class="inDescription">{{
-                  i.description
-                }}</span>
-              </li>
-            </ul>
+            <!-- 功能网格布局 -->
+            <div class="function-grid-container">
+              <!-- 上排4个功能项 -->
+              <div class="function-top-row">
+                <div v-for="(i, d) in getTopRowItems(item.content)" :key="d" class="function-grid-item">
+                  <div class="function-icon-wrapper">
+                    <img :src="getFunctionIcon(d)" alt="" class="function-icon">
+                  </div>
+                  <div class="function-content">
+                    <span class="function-title">{{ i.title }}</span>
+                    <span class="function-desc">{{ i.description }}</span>
+                  </div>
+                </div>
+              </div>
+              <!-- 下排3个功能项 -->
+              <div class="function-bottom-row">
+                <div v-for="(i, d) in getBottomRowItems(item.content)" :key="d + 4" class="function-grid-item">
+                  <div class="function-icon-wrapper">
+                    <img :src="getFunctionIcon(d + 4)" alt="" class="function-icon">
+                  </div>
+                  <div class="function-content">
+                    <span class="function-title">{{ i.title }}</span>
+                    <span class="function-desc">{{ i.description }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
           </li>
         </ul>
       </div>
-      <!--      Application-->
+
+      <!-- 应用场景区域 -->
       <div v-if="detailData.title !== '裸金属产品'" class="application">
-        <div class="title">应用场景</div>
+        <div class="title">应用 <span class="gradient-text">场景</span> </div>
+        <!-- 场景菜单 -->
         <ul class="menu">
           <li v-for="(item, index) in detailData.applicationList" :key="index" @click="clickMenu(item)"
             :class="activeMenu === item.id ? 'activeLi' : ''">
             {{ item.memuName }}
           </li>
         </ul>
+        <!-- 场景详情 -->
         <div class="realApp">
           <div style="display: none" class="leftBox">
             <img :src="menuObj.img" alt="">
@@ -90,47 +174,38 @@
               <span class="topTitle">{{ menuObj.title_r }}</span>
               <span style="line-height: 2" class="topDEscription">{{ menuObj.description_r }}</span>
             </div>
+            <!-- 场景提供的功能 -->
             <div class="boxBox">
-
               <div v-for="(item, index) in menuObj.provide" class="bottomBox">
-                <span style="margin: 15px 0">{{ item.title }}</span>
+                <span style="margin: 15px 0; font-weight: 600; color: #111e52;">{{ item.title }}</span>
                 <span class="content">{{ item.content }}</span>
               </div>
             </div>
-
           </div>
         </div>
       </div>
     </div>
+    <!-- 咨询对话框组件 -->
     <Talk></Talk>
   </div>
 </template>
-<script>
-import Vue from 'vue'
-// import {detailData} from "@/views/homePage/detail/data";
-import { reqHotProduct, reqNewHomeDetail } from "@/api/newHome";
-import Talk from "@/views/homePage/dialog/talk/index.vue";
 
+<script>
+// 引入Vue和相关依赖
+import Vue from 'vue'
+import { reqHotProduct, reqNewHomeDetail } from "@/api/newHome"; // API请求
+import Talk from "@/views/homePage/dialog/talk/index.vue"; // 咨询对话框组件
 
 export default Vue.extend({
-  name: "detail",
-  // computed: {
-  //   luojinshuData() {
-  //     return luojinshuData
-  //   }
-  // },
-  components: { Talk },
-  // computed: {
-  //   detailData() {
-  //     return detailData
-  //   }
-  // },
+  name: "detail", // 组件名称
+  components: { Talk }, // 注册子组件
+
   data() {
     return {
-      loading: null,
-      activeMenu: 0,
-      detailData: {},
-      menuObj: {
+      loading: null, // 加载状态
+      activeMenu: 0, // 当前激活的菜单项ID
+      detailData: {}, // 产品详情数据
+      menuObj: { // 默认菜单对象
         id: "13",
         memuName: "个人建站应用、专属空间 ",
         img: "https://vstecscloud-file-manage.eos-beijing-4.cmecloud.cn/blade-oss/e7d1d90e439246d7879b1c1f8974f376@:,_y3.png",
@@ -141,39 +216,72 @@ export default Vue.extend({
           content: "WordPress、Lamp、Joomla、Drupal"
         }
       },
-      suan: {}
+      suan: {} // 热销产品数据
     }
   },
+
   mounted() {
+    // 组件挂载后获取详情和初始化数据
     this.getDetail()
     this.initData()
-
   },
+
   watch: {
+    // 监听路由变化
     '$route'(to, from) {
-      // 当路由变化时，检查id是否变化
       console.log("asdsad", to.query.id === '2113')
+      // 如果路由ID为2113，重新初始化数据
       if (to.query.id === '2113') {
         this.initData()
       }
+      // 如果路由ID发生变化，重新获取详情
       if (to.query.id !== from.query.id) {
         this.getDetail();
       }
     }
   },
+
   methods: {
+    // 获取功能图标
+    getFunctionIcon(index) {
+      const icons = [
+        require('./img/1.png'),
+        require('./img/2.png'),
+        require('./img/3.png'),
+        require('./img/4.png'),
+        require('./img/5.png'),
+        require('./img/6.png'),
+        require('./img/7.png')
+      ];
+      return icons[index] || icons[0];
+    },
+
+    // 获取上排4个功能项
+    getTopRowItems(content) {
+      return content ? content.slice(0, 4) : [];
+    },
+
+    // 获取下排3个功能项
+    getBottomRowItems(content) {
+      return content ? content.slice(4, 7) : [];
+    },
+
+    // 初始化热销产品数据
     initData() {
       reqHotProduct().then(res => {
         if (res.status) {
-
           this.suan = res.data.suan
           this.suanItem = this.suan.hot
         }
       })
     },
+
+    // 打开咨询对话框
     openTalk() {
       this.$store.commit('setShowTalk', true)
     },
+
+    // 显示全屏加载
     openFullScreen2() {
       this.loading = this.$loading({
         lock: true,
@@ -182,45 +290,40 @@ export default Vue.extend({
         background: 'rgba(0, 0, 0, 0.7)'
       });
     },
+
+    // 点击菜单项
     clickMenu(item) {
       this.activeMenu = item.id
       this.menuObj = item
     },
-    getDetail() {
-      this.openFullScreen2()
-      reqNewHomeDetail({ id: this.$route.query.id }).then(res => {
-        this.loading.close()
-        this.detailData = res.data
-        this.activeMenu = res.data.applicationList[0].id
 
-        this.menuObj = res.data.applicationList[0]
+    // 获取产品详情
+    getDetail() {
+      this.openFullScreen2() // 显示加载
+      reqNewHomeDetail({ id: this.$route.query.id }).then(res => {
+        this.loading.close() // 关闭加载
+        this.detailData = res.data // 设置详情数据
+        this.activeMenu = res.data.applicationList[0].id // 设置默认激活菜单
+        this.menuObj = res.data.applicationList[0] // 设置默认菜单对象
       })
     }
   }
 })
 </script>
 
-
 <style scoped lang="scss">
-.banner {
+.bannerOne {
   width: 100%;
-  height: 375px;
+  height: 500px;
+  background: url('./img/FrameOne.png') no-repeat center center;
+  background-size: 100% 100%;
+  /* 背景图片 */
   position: relative;
 
-  img {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 1;
-  }
-
   .content {
-
-    margin: 0 110px;
+    margin: 0 240px;
     margin-top: 80px;
-    width: 1000px;
+    width: 700px;
     position: relative;
     z-index: 10;
     display: flex;
@@ -230,15 +333,19 @@ export default Vue.extend({
 
     .title {
       font-size: 30px;
+      font-weight: 600;
     }
 
     .description {
-      color: #3d3d3d;
+      font-size: 16px;
+      color: #8890ab;
       line-height: 2 !important;
     }
 
+    /* 咨询按钮样式 */
     .btnStyle {
       background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
+      /* 渐变背景 */
       color: white;
       padding: 8px 15px;
       border-radius: 8px;
@@ -247,20 +354,72 @@ export default Vue.extend({
       &:hover {
         cursor: pointer;
         background: linear-gradient(90deg, #275AFF 0%, #1089c1 100%);
+        /* 悬停效果 */
       }
     }
   }
-
 }
 
+/* 横幅区域样式 */
+.banner {
+  width: 100%;
+  height: 500px;
+  background: url('./img/Frame.png') no-repeat center center;
+  /* 背景图片 */
+  position: relative;
+  background-size: 110% 100%;
+
+  .content {
+    margin: 0 240px;
+    margin-top: 80px;
+    width: 700px;
+    position: relative;
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+
+    .title {
+      font-size: 30px;
+      font-weight: 600;
+    }
+
+    .description {
+      font-size: 16px;
+      color: #8890ab;
+      line-height: 2 !important;
+    }
+
+    /* 咨询按钮样式 */
+    .btnStyle {
+      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
+      /* 渐变背景 */
+      color: white;
+      padding: 8px 15px;
+      border-radius: 8px;
+      margin-top: 15px;
+
+      &:hover {
+        cursor: pointer;
+        background: linear-gradient(90deg, #275AFF 0%, #1089c1 100%);
+        /* 悬停效果 */
+      }
+    }
+  }
+}
+
+/* 通用标题样式 */
 .title {
   margin: 15px 0;
-  font-size: 24px;
+  font-size: 30px;
+  font-weight: 600;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
+/* 产品优势区域样式 */
 .proAd {
   max-width: 1250px;
   width: 100%;
@@ -269,64 +428,26 @@ export default Vue.extend({
   justify-content: flex-start !important;
   align-items: center !important;
 
-
-  .adUl {
-    margin-bottom: 80px;
-    background: url("./img/liBg.png");
-    background-position: center;
-    background-size: cover;
-    width: 100%;
-    min-width: 800px;
-    display: flex !important;
-    flex-wrap: wrap !important;
-
-    justify-content: space-between !important;
-    align-items: center !important;
-
-    li {
-      margin: 15px 0;
-
-      width: 49%;
-      display: flex !important;
-      justify-content: flex-start;
-      align-items: center;
-
-      .leftBox {
-        width: 50px;
-        height: 50px;
-        padding: 10px;
-        min-width: 50px;
-        min-height: 50px;
-
-        img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-
-      .rightBox {
-
-        padding-left: 25px;
-        display: flex !important;
-        flex-direction: column !important;
-
-        .subTitle {
-          font-size: 16px;
-          color: #333;
-        }
-
-        .subDescription {
-          margin-top: 10px;
-          font-size: 14px;
-          color: #999;
-        }
-      }
-    }
-
-
-  }
 }
 
+.mainBox {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  // background-color: #fff;
+  background: linear-gradient(to bottom,#fff, #f2f6fb, #fff);
+
+}
+.main{
+    width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(to bottom, #f5f7fc, #f3f6fb, #e8edfa);
+}
+
+/* 产品功能区域样式 */
 .proUse {
   width: 100%;
   min-width: 1400px;
@@ -334,18 +455,18 @@ export default Vue.extend({
   flex-direction: column !important;
   justify-content: flex-start !important;
   align-items: center !important;
-  background: #f4f4f4;
+  background: linear-gradient(to bottom, #e8edfa, #fff);
+  /* 灰色背景 */
 
   .useUl {
     height: fit-content;
     margin-bottom: 25px;
     width: 1400px;
-    //padding-bottom: 35px;
     border-bottom: 1px solid rgba(228, 231, 237, 1);
 
-
     &:last-child {
       border-bottom: none;
+      /* 最后一个无边框 */
     }
 
     .useLi {
@@ -355,8 +476,6 @@ export default Vue.extend({
       flex-direction: column !important;
       justify-content: flex-start !important;
       align-items: flex-start !important;
-      //padding-bottom: 45px;
-
 
       .useTitle {
         font-size: 18px;
@@ -367,70 +486,244 @@ export default Vue.extend({
         font-size: 12px;
         margin-bottom: 14px;
         line-height: 2 !important;
-
       }
     }
 
-    .inUl {
+    /* 功能网格布局样式 */
+    .function-grid-container {
       width: 100%;
-      display: flex !important;
-      flex-wrap: wrap;
-      justify-content: flex-start !important;
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+    }
 
-      li {
-        padding-right: 10px;
-        margin: 35px 0px;
-        width: 33% !important;
-        font-size: 12px;
-        padding-left: 15px;
-        display: flex !important;
-        flex-direction: column !important;
-        justify-content: space-around;
-        align-items: flex-start;
-        min-height: 70px;
-        border-left: 2px solid #417ce6;
+    .function-top-row {
+      width: 100%;
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      /* 4列网格 */
+      gap: 20px;
+      display: flex;
+      justify-content: center;
+    }
+
+    .function-bottom-row {
+      width: 100%;
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      /* 3列网格 */
+      gap: 20px;
+      justify-items: center;
+    }
+
+    /* 功能项卡片样式 */
+    .function-grid-item {
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: center;
+      padding: 25px 20px;
+      min-height: 140px;
+      width: 300px;
+      border-radius: 12px;
+      transition: all 0.3s ease;
+      text-align: center;
+
+      &:hover {
+        transform: translateY(-5px);
+        /* 悬停上浮效果 */
+        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+      }
+    }
+
+    /* 功能项图标样式 */
+    .function-icon-wrapper {
+      border-radius: 50%;
+      width: 60px;
+      height: 60px;
+      background: #e7f2fd;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-bottom: 15px;
+      flex-shrink: 0;
+    }
+
+    .function-icon {
+      width: 30px;
+      height: 30px;
+    }
+
+    .function-content {
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: center;
+    }
+
+    .function-title {
+      margin-bottom: 12px;
+      font-size: 18px;
+      font-weight: bold;
+      color: #333;
+      line-height: 1.4;
+    }
+
+    .function-desc {
+      color: #666;
+      line-height: 1.8;
+      font-size: 14px;
+      text-align: center;
+    }
+
+    /* 下排功能项宽度调整 */
+    .function-bottom-row .function-grid-item {
+      max-width: 380px;
+      width: 100%;
+    }
+  }
+}
+
+.product {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  /* 改为两列布局 */
+  gap: 20px;
+  /* 列间距 */
+  width: 100%;
+  max-width: 1250px;
+  margin-bottom: 50px;
+
+  .product-box {
+    padding: 30px;
+    display: flex;
+    align-items: center;
+    background: linear-gradient(to bottom, #e8edfa, #fff);
+    border-radius: 12px;
+    transition: all 0.3s ease;
+    cursor: pointer;
+    height: 160px;
+    /* 固定高度确保一致性 */
+    box-sizing: border-box;
+
+    // 添加悬停效果 - 变为蓝色主题
+    &:hover {
+      background: linear-gradient(to bottom, #275AFF, #2EBDFA);
+      box-shadow: 0 8px 25px rgba(39, 90, 255, 0.3);
+
+      .leftBox {
+        background-color: white;
+
+        /* 修复：使用更合适的滤镜或直接改变图标颜色 */
+        img {
+          filter: brightness(0) saturate(100%) invert(21%) sepia(95%) saturate(2593%) hue-rotate(218deg) brightness(96%) contrast(101%);
+          /* 这个滤镜会将图标变成蓝色，与背景形成对比 */
+        }
+      }
+
+      .rightBox {
+
+        .subTitle,
+        .subDescription {
+          color: white;
+        }
+      }
+    }
+
+    .leftBox {
+      width: 70px;
+      height: 70px;
+      background-color: #fff;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      transition: all 0.3s ease;
+      flex-shrink: 0;
+      /* 防止图标容器被压缩 */
+
+      img {
+        width: 35px;
+        height: 35px;
+        transition: all 0.3s ease;
+      }
+    }
+
+    .rightBox {
+      padding-left: 25px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      flex: 1;
+      /* 占据剩余空间 */
+
+      .subTitle {
+        font-size: 18px;
+        color: #333;
+        font-weight: bold;
+        transition: all 0.3s ease;
+        margin-bottom: 10px;
+      }
+
+      .subDescription {
+        font-size: 14px;
+        color: #999;
+        line-height: 1.6;
+        transition: all 0.3s ease;
       }
     }
   }
 }
 
+/* 应用场景区域样式 */
 .application {
-  background: white;
+  padding: 0;
+  width: 100%;
 
   .menu {
-    width: 1250px;
     display: flex !important;
-    justify-content: flex-start !important;
+    justify-content: center !important;
     align-items: center !important;
-    border: 1px solid #dcdfe6;
+    width: 100%;
+    max-width: 600px;
+    margin: 0 auto;
+    border-bottom: 1px solid rgba(228, 231, 237, 1);
 
+    /* 激活菜单项样式 */
     .activeLi {
-
       color: #1b5bff;
-      border-top: 3px solid #1b5bff;
+      border-bottom: 3px solid #1b5bff;
+      font-size: 20px;
+      transition: all 0.3s ease;
     }
 
     li {
-      &:hover {
-        cursor: pointer;
-      }
-
       flex: 1;
       height: 50px;
-      border-right: 1px solid rgba(228, 231, 237, 1);
-      border-left: 1px solid #dcdfe6;
       display: flex !important;
       justify-content: center !important;
       align-items: center !important;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      margin: 0 10px;
+      position: relative;
+
+      &:hover {
+        color: #1b5bff;
+      }
     }
   }
 
   .realApp {
-    width: 1250px;
+    width: 100%;
     display: flex !important;
     justify-content: space-between !important;
     align-items: center !important;
     flex-wrap: nowrap !important;
+    background: url('./img/Group.png') no-repeat center / cover;
+    background-size: 100% 100%;
+    min-height: 400px;
+    transition: all 0.5s ease;
 
     .leftBox {
       display: flex !important;
@@ -440,22 +733,17 @@ export default Vue.extend({
       img {
         width: 100%;
         height: 100%;
-
       }
 
       width: 0;
-      //width: 620px;
       height: 100%;
       background: #e5e5e5;
-
     }
 
     .rightBox {
       padding: 40px;
-      //width: calc(100% - 630px);
       width: 100%;
       height: 100%;
-      border: 1px solid #d8d8d8;
 
       .topBox {
         padding-bottom: 30px;
@@ -467,26 +755,25 @@ export default Vue.extend({
 
         .topTitle {
           margin-top: 25px;
-          font-size: 16px;
+          font-size: 20px;
+          font-weight: 600;
         }
 
         .topDEscription {
           font-size: 14px;
-          color: #666;
+          color: #6d7696;
           margin-top: 15px;
         }
       }
 
       .bottomBox {
-        //padding-top: 30px;
         display: flex !important;
         flex-direction: column !important;
         justify-content: flex-start !important;
         align-items: flex-start !important;
 
         .content {
-          //padding-left: 15px;
-          color: #666;
+          color: #6d7696;
           font-size: 14px;
           padding-right: 25px;
           line-height: 2;
@@ -496,19 +783,80 @@ export default Vue.extend({
   }
 }
 
+/* 选择区域样式 */
+.selection-area {
+  width: 100%;
+  max-width: 1400px;
+  padding: 20px;
+  margin-bottom: 30px;
+  background: white;
+  border-radius: 12px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+}
+
+.selection-row {
+  margin-bottom: 15px;
+  display: flex;
+  align-items: center;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.selection-group {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.selection-label {
+  font-size: 14px;
+  color: #333;
+  margin-right: 10px;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.selection-option {
+  padding: 6px 15px;
+  margin-right: 10px;
+  margin-bottom: 5px;
+  border: 1px solid #e0e0e0;
+  border-radius: 6px;
+  font-size: 14px;
+  color: #666;
+  cursor: pointer;
+  transition: all 0.3s ease;
+
+  &:hover {
+    border-color: #275AFF;
+    color: #275AFF;
+  }
+
+  &.active {
+    background: #275AFF;
+    color: white;
+    border-color: #275AFF;
+  }
+}
+
+/* 裸金属产品卡片样式 */
 .cardBox {
   padding-bottom: 50px;
   width: 100%;
   display: flex;
-  justify-content: flex-start;
-  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
 
   .card {
     border-radius: 12px !important;
-    width: 1400px;
-    background: url("./img/bg.png");
+    /* 卡片背景 */
     background-size: cover;
     background-position: center;
+    padding: 20px;
+    box-sizing: border-box;
   }
 }
 
@@ -516,78 +864,144 @@ export default Vue.extend({
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-around;
-  align-items: center;
+  justify-content: space-between;
+  align-items: stretch;
+  gap: 20px; /* 添加间距 */
 
   .cardLi {
-    height: 350px;
-    position: relative;
-    margin: 45px 0;
-    padding: 0 35px;
-    padding-bottom: 100px;
-    width: 45%;
+    min-height: 400px; /* 降低高度 */
+    margin: 10px 0;
+    padding: 25px 20px; /* 减少内边距 */
+    width: calc(25% - 15px); /* 调整为4个一排 */
     display: flex;
     flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
+    justify-content: space-between;
+    align-items: flex-start;
     background: white;
     border-radius: 16px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    position: relative;
 
-    .title {
-      font-size: 20px;
+    &:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
+    }
+
+    .cardTitle {
+      font-size: 16px; /* 减小字体 */
       font-weight: bold;
+      margin-bottom: 15px;
+      color: #111e52;
+      width: 100%;
+      text-align: left;
     }
 
     .tagUl {
       width: 100%;
+      margin-bottom: 15px;
+      flex: 1;
 
       li {
         margin-bottom: 10px;
         width: 100%;
         display: flex;
-        justify-content: flex-start;
+        justify-content: space-between;
         align-items: center;
+        font-size: 14px; /* 减小字体 */
+
+        .param-name {
+          color: #000;
+          font-size: 13px;
+          min-width: 55px;
+        }
+
+        .param-content {
+          color: #7A82A0;
+          font-size: 12px;
+          flex: 1;
+          text-align: left;
+          padding-left: 8px;
+        }
       }
     }
   }
-
 }
 
+/* 虚线分隔样式 */
+.dashed-divider {
+  width: 100%;
+  height: 1px;
+  background: transparent;
+  border-bottom: 1px dashed #e0e0e0;
+  margin: 20px 0;
+}
+
+/* 折扣标签样式 */
+.discount-tag {
+  position: absolute;
+  top: 30px;
+  right: 30px;
+  background: #F62424;
+  color: white;
+  padding: 4px 12px;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+/* 咨询按钮样式 */
 .zixun {
   background: linear-gradient(90deg, #275aff, #2ebdfa);
-  padding: 10px 20px;
-  border-radius: 12px;
+  /* 渐变背景 */
+  padding: 10px 20px; /* 减小内边距 */
+  border-radius: 6px;
   color: white;
   font-weight: bold;
+  font-size: 14px; /* 减小字体 */
+  transition: all 0.3s ease;
+  text-align: center;
+  width: 100%;
+  margin-top: 15px;
 
   &:hover {
     cursor: pointer;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(39, 90, 255, 0.3);
   }
 }
 
+/* 价格样式 */
 .basePrice {
   display: inline-block;
-  margin-top: 15px;
-  font-size: 16px;
+  margin-top: 10px;
+  font-size: 13px; /* 减小字体 */
   color: #F62424;
+  /* 红色价格 */
 
   * {
     color: #F62424;
   }
 }
 
+/* 底部按钮容器 */
 .towBtn {
-  position: absolute;
-  bottom: 15px;
-  display: flex;
   width: 100%;
-  justify-content: space-between;
-  align-items: flex-end;
-  padding: 0 35px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  margin-top: auto;
 }
 
-.boxBox {
+.price-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
 
+/* 应用场景内容容器 */
+.boxBox {
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -596,6 +1010,51 @@ export default Vue.extend({
 
   .bottomBox {
     width: 50%;
+    /* 两列布局 */
+  }
+}
+
+/* 渐变文字效果 */
+.gradient-text {
+  background: linear-gradient(to right, #0066FF, #66CCFF);
+  /* 蓝到浅蓝渐变 */
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  display: inline-block;
+}
+
+/* 响应式调整 - 在小屏幕上变为一列 */
+@media (max-width: 768px) {
+  .product {
+    grid-template-columns: 1fr;
+  }
+
+  .cardUl .cardLi {
+    width: 100%;
+  }
+
+  .selection-area {
+    padding: 15px;
+  }
+
+  .selection-option {
+    padding: 5px 10px;
+    font-size: 12px;
+  }
+}
+
+/* 在中等屏幕上调整为2个一排 */
+@media (max-width: 1200px) {
+  .cardUl .cardLi {
+    width: calc(50% - 10px);
+  }
+}
+
+/* 在大屏幕上保持4个一排 */
+@media (min-width: 1201px) {
+  .cardUl .cardLi {
+    width: calc(25% - 15px);
   }
 }
 </style>
diff --git a/f/web-kboss/src/views/homePage/ncmatch/index.vue b/f/web-kboss/src/views/homePage/ncmatch/index.vue
index f254347..cc0fa66 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/index.vue
@@ -191,6 +191,7 @@ export default Vue.extend({
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
+  background-color: #f6f8fd;
 
 
 }
diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue b/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
index c300be3..95a20ad 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 产品列表 -->
-  <div>
+  <div class="product-container">
     <ul v-if="type === 'homePage'" class="productListContent" style="padding-top: 16px;">
       <li class="product-item" v-for="item in productList" :key="item.id">
         <div v-if="item.img!=null" class="product-image">
@@ -37,15 +37,15 @@
               <span class="spec-label">网卡:</span>
               <span class="spec-value">{{ item.net_card }}</span>
             </div>
-            <div v-if="item.cart_flag!=='1'"  class="spec-item">  
-              <span cl ass="spec-label">商品描述:</span>
+            <div v-if="item.cart_flag!=='1'"  class="spec-item">
+              <span class="spec-label">商品描述:</span>
               <span class="spec-value showText">{{ item.requirement_summary }}</span>
             </div>
-            <div v-if="item.cart_flag!=='1'"  class="spec-item">  
+            <div v-if="item.cart_flag!=='1'"  class="spec-item">
               <span class="spec-label">相关参数:</span>
               <span class="spec-value showText">{{ item.related_parameters }}</span>
             </div>
-            <div v-if="item.cart_flag!=='1'"  class="spec-item">  
+            <div v-if="item.cart_flag!=='1'"  class="spec-item">
               <span class="spec-label">应用场景:</span>
               <span class="spec-value showText">{{ item.application_scenario }}</span>
             </div>
@@ -59,16 +59,16 @@
             <span @click="openDetail(item)" class="detail-btn">
               详情 <i v-if="loadingStates[item.id]" class="el-icon-loading"></i> <span v-else>>></span>
             </span>
-            <span 
-              :style="{ color: item.favorite === '1' ? 'red' : 'green' }" 
+            <span
+              :style="{ color: item.favorite === '1' ? 'red' : 'green' }"
               @click="collect(item)"
               class="detail-btn"
               style="cursor: pointer;"
             >
               {{ item.favorite === '1' ? '取消收藏' : '收藏' }}
               <i v-if="collectLoadingStates[item.id]" class="el-icon-loading"></i>
-              <i 
-                v-else 
+              <i
+                v-else
                 :class="item.favorite === '1' ? 'el-icon-star-off' : 'el-icon-star-on'"
                 style="width: 14px;height: 14px;margin-left: 2px;"
               ></i>
@@ -120,16 +120,16 @@
             <span @click="openDetail(item)" class="detail-btn">
               详情 <i v-if="loadingStates[item.id]" class="el-icon-loading"></i> <span v-else>>></span>
             </span>
-            <span 
-              :style="{ color: item.favorite === '1' ? 'red' : 'green' }" 
+            <span
+              :style="{ color: item.favorite === '1' ? 'red' : 'green' }"
               @click="collect(item)"
               class="detail-btn"
               style="cursor: pointer;"
             >
               {{ item.favorite === '1' ? '取消收藏' : '收藏' }}
               <i v-if="collectLoadingStates[item.id]" class="el-icon-loading"></i>
-              <i 
-                v-else 
+              <i
+                v-else
                 :class="item.favorite === '1' ? 'el-icon-star-off' : 'el-icon-star-on'"
                 style="width: 14px;height: 14px;margin-left: 2px;"
               ></i>
@@ -221,18 +221,18 @@ export default {
       }else if(this.contentType === 'favorite'){
         this.deleteFavorite(item);
       }
-      
+
       // reqPublishProductDelete({
       //   id:item.id,
       // }).then(res=>{
       //   console.log("删除",res);
       // })
-    }, 
+    },
     collect(item){
       this.$set(this.collectLoadingStates, item.id, true);
       // 这里添加收藏/取消收藏的逻辑
       if(item.favorite=='1'){
-  
+
         reqFavoriteDelete({
           id:item.productid?item.productid:item.id,
         }).then(res=>{
@@ -261,7 +261,7 @@ export default {
           }
         })
       }
-      
+
     },
     openTalk() {
       this.$store.commit('setShowTalk', true);
@@ -272,7 +272,7 @@ export default {
         id:item.productid?item.productid:item.id,
         from:'f'
       }).then(res => {
-   
+
         if(res.status){
           this.$store.commit('SETPRODUCTDETAIL', res.data);
           this.$store.commit('SHOWPRODUCTDETAIL', true);
@@ -282,52 +282,60 @@ export default {
           this.$set(this.loadingStates, item.id, false);
         }
 
-   
+
       })
     }
   }
 }
 </script>
 <style scoped lang="scss">
+.el-pagination{
+  text-align: center !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .showText {
   //显示四行
   display: -webkit-box;
-  -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
+  line-clamp: 4;
+  -webkit-line-clamp: 4;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   word-break: break-all;
 }
 
+.product-container {
+  width: 1300px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .productListContent {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
-  // padding: 16px;
   padding-top: 16px;
-  
-  width: 100%;
-  max-width: 1600px;
+  // width: 100%;
+  max-width: 1200px;
   margin: 0 auto;
-  background-color: white;
+  box-sizing: border-box;
+  // background-color: white;
+  padding: 0 20px;
 
   .product-item {
     width: 100%;
-    background: #F7F9FD;
+    background: #fff;
     border-radius: 12px;
-    // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     padding: 24px;
     margin-bottom: 20px;
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
 
-    // &:hover {
-    //   transform: translateY(-2px);
-    //   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-    // }
-
     .product-image {
       margin-bottom: 20px;
       text-align: center;
@@ -445,22 +453,73 @@ export default {
         white-space: nowrap;
       }
 
-             .delete-btn {
-         display: flex;
-         align-items: center;
-         justify-content: flex-start;
-         font-size: 14px;
-         color: #e74c3c;
-         cursor: pointer;
-         width: fit-content;
-         white-space: nowrap;
-         
-         &.loading {
-           cursor: not-allowed;
-           opacity: 0.7;
-         }
-       }
+      .delete-btn {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        font-size: 14px;
+        color: #e74c3c;
+        cursor: pointer;
+        width: fit-content;
+        white-space: nowrap;
+
+        &.loading {
+          cursor: not-allowed;
+          opacity: 0.7;
+        }
+      }
     }
   }
 }
-</style>
\ No newline at end of file
+
+// 响应式设计
+@media (max-width: 1200px) {
+  .productListContent {
+    grid-template-columns: repeat(3, 1fr);
+    max-width: 1000px;
+    padding: 0 15px;
+  }
+}
+
+@media (max-width: 992px) {
+  .productListContent {
+    grid-template-columns: repeat(2, 1fr);
+    max-width: 800px;
+  }
+}
+
+@media (max-width: 768px) {
+  .productListContent {
+    grid-template-columns: 1fr;
+    max-width: 600px;
+    padding: 0 10px;
+  }
+
+  .product-item {
+    padding: 16px;
+  }
+
+  .product-name {
+    font-size: 20px !important;
+  }
+
+  .product-price {
+    .price {
+      font-size: 24px !important;
+    }
+  }
+
+  .action-buttons {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .detail-btn, .delete-btn {
+    margin-left: 0 !important;
+  }
+}
+</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 04e8399..855eb68 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/search/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/search/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    style="display: flex;align-items: center;justify-content: center;width: 100%;max-width: 1400px;">
+    style="display: flex;align-items: center;justify-content: center;width: 100%;">
 
     <!-- <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=""> -->
@@ -17,7 +17,7 @@
             <el-option label="需求" value="2"></el-option>
           </el-select>
           <input v-model="keyword" type="text" class="search-input" placeholder="搜你想搜..." @input="handleInputChange"
-            @focus="handleInputFocus" @blur="handleInputBlur">
+            @focus="handleInputFocus" @blur="handleInputBlur" @keyup.enter="handleEnterSearch">
 
           <button class="search-btn" @click="handleSearch">搜索</button>
         </div>
@@ -323,6 +323,23 @@ export default {
       }
     },
 
+    // 处理回车搜索
+    handleEnterSearch() {
+      console.log('=== 回车搜索触发 ===');
+
+      // 隐藏联想搜索框
+      this.showSearchResults = false;
+
+      // 如果输入框为空，不执行搜索
+      if (!this.keyword.trim()) {
+        this.$message.warning('请输入搜索关键词');
+        return;
+      }
+
+      // 执行搜索
+      this.handleSearch();
+    },
+
     // 处理搜索
     handleSearch(result) {
       // 立即阻止事件传播，确保方法能被正确执行
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 6f53731..3af4898 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
@@ -1,5 +1,17 @@
 <template>
     <div class="main-box">
+        <div class="class">
+            <div class="class-box" @mouseenter="hoverClassBox = 1" @mouseleave="hoverClassBox = 0" :class="{ active: hoverClassBox === 1 }">
+                <div class="class-title" @click="sendInfo('2')">
+                    发布需求
+                </div>
+            </div>
+            <div class="class-box" @mouseenter="hoverClassBox = 2" @mouseleave="hoverClassBox = 0" :class="{ active: hoverClassBox === 2 }">
+                <div class="class-title" @click="sendInfo('1')">
+                    发布商品
+                </div>
+            </div>
+        </div>
 
         <div style="margin-top: 25px;">
             <span style="margin-top: 100px;" class="title">
@@ -10,8 +22,23 @@
 
         </div>
 
+        <!-- 发布商品/需求弹窗 -->
+        <el-dialog :title="publish_type === '2' ? '发布需求' : '发布商品'" width="60vw" top="5vh"
+            :visible.sync="sendProductVisible">
+            <sendProduct :isEdit="false" v-if="publish_type" @success="sendProductSuccess" :publish_type="publish_type">
+            </sendProduct>
+        </el-dialog>
 
-        <div style="width: 100%;max-width: 1600px;">
+        <!-- 审核提示弹窗 -->
+        <el-dialog title="温馨提示" :visible.sync="showTip" width="30%">
+            <span>您还没有完善企业信息，完善企业信息审核通过后您可以发布需求与商品。</span>
+            <span slot="footer" class="dialog-footer">
+                <span> <span style="margin-right: 10px;"> 跳转到</span> <el-button size="small" type="primary"
+                    @click="goInfo">信息完善</el-button></span>
+            </span>
+        </el-dialog>
+
+        <!-- <div style="width: 100%;max-width: 1600px;"> -->
             <div class="category-filter">
                 <!-- 新增的需求和商品radio按钮组 -->
                 <div class="radio-group-container">
@@ -78,20 +105,23 @@
                 </div>
 
             </div>
-        </div>
+        <!-- </div> -->
     </div>
 </template>
 
 <script>
-import { reqGetSupplyAndDemandSquareList, reqCompanyCategorySearch, reqSupplyAndDemandFirstCategory } from '@/api/ncmatch'
+import { reqGetSupplyAndDemandSquareList, reqCompanyCategorySearch, reqSupplyAndDemandFirstCategory, reqEnterpriseAuditInfoSearch } from '@/api/ncmatch'
 import { mapGetters, mapState } from 'vuex'
 export default {
     name: 'supplyAndDemandSquare',
     components: {
         productCard: () => import('@/views/homePage/ncmatch/mainPage/productCard/index.vue'),
+        sendProduct: () => import('@/views/homePage/ncmatch/mainPage/sendProduct/index.vue')
     },
     data() {
         return {
+            // 新增 hover 状态控制
+            hoverClassBox: 0, // 0: 无悬停, 1: 第一个悬停, 2: 第二个悬停
             page_size: 8,
             current_page: 1,
             typeList: [],
@@ -109,6 +139,9 @@ export default {
             secondCategories: [],
             activeFirstId: null,
             activeSecondId: null,
+            // 新增发布相关状态
+            showTip: false,
+            sendProductVisible: false,
         }
     },
     created() {
@@ -127,18 +160,63 @@ export default {
             logoutUrl: state => state.login.logoutUrl,
             loginStateVuex: state => state.login.loginState,
             logoInfoNew: state => state.product.logoInfoNew,
-
-
         }),
         loginState() {
             const userId = sessionStorage.getItem('userId');
             return this.loginStateVuex || (userId !== null && userId !== 'null' && userId !== '');
         },
-
-
-
     },
     methods: {
+        // 发布需求/商品方法
+        sendInfo(type) {
+            if (this.loginState) {
+                reqEnterpriseAuditInfoSearch({
+                    url_link: window.location.href,
+                }).then(res => {
+                    const dataList = res && res.data && res.data.data
+                    const hasAuditInfo = Array.isArray(dataList) && dataList.length !== 0
+                    const roles = sessionStorage.getItem('jueseNew')
+                    const isCustomer = roles ? roles.includes('客户') : true
+
+                    // 安全检查：确保 data[0] 存在
+                    if (hasAuditInfo && dataList[0]) {
+                        const auditStatus = dataList[0].audit_status
+
+                        if (auditStatus === 'pending') {
+                            this.$message.warning('您的审核状态为待审核，请等待审核通过后发布~')
+                        } else if (auditStatus === 'rejected') {
+                            this.$message.warning('您的审核状态为驳回，请重新提交~')
+                        } else {
+                            // 审核通过或其他状态，允许发布
+                            this.publish_type = type
+                            this.sendProductVisible = true
+                        }
+                    } else if (!isCustomer) {
+                        // 非客户角色，允许发布
+                        this.publish_type = type
+                        this.sendProductVisible = true
+                    } else {
+                        // 没有审核信息且是客户角色，显示提示
+                        this.showTip = true
+                    }
+                })
+            } else {
+                this.$router.push('/login')
+            }
+        },
+
+        // 发布成功回调
+        sendProductSuccess() {
+            this.sendProductVisible = false; // 关闭弹窗
+            this.initData() // 刷新列表
+        },
+
+        // 跳转到信息完善页面
+        goInfo() {
+            this.showTip = false
+            this.$router.push('/customer/approve')
+        },
+
         getOneLevelCategory(){
             // reqSupplyAndDemandFirstCategory({url_link:window.location.href}).then(res=>{
             //     if(res.status){
@@ -331,6 +409,41 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.class{
+  margin: 40px 0;
+  min-width: 1200px;
+  display: flex;
+  background-color: #fff;
+  padding:8px 10px;
+  .class-box{
+    width: 50%;
+    padding: 10px 20px;
+    // border-radius: 8px;
+    transition: all 0.3s ease;
+    cursor: pointer;
+    border: 1px solid transparent;
+    text-align: center;
+
+    /* 悬停时的渐变背景 */
+    &:hover,
+    &.active {
+      background: linear-gradient(to right, #2979fe, #2eb8fa);
+      border-color: #2979fe;
+      color: #fff;
+      box-shadow: 0 4px 12px rgba(41, 121, 254, 0.3);
+
+      .class-title {
+        color: #fff;
+      }
+    }
+  }
+  .class-title{
+    font-size: 16px;
+    color: #333;
+    transition: color 0.3s ease;
+  }
+}
+
 .back-btn {
     width: 100%;
     height: 40px;
@@ -360,7 +473,7 @@ export default {
 
 .radio-group {
     display: flex;
-    background: #fff;
+    //background: #fff;
     border-radius: 8px;
     margin-bottom: 15px;
     // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
@@ -473,16 +586,15 @@ export default {
     width: 100%;
     display: flex;
     flex-direction: column;
-    justify-content: flex-start;
+    justify-content: center;
     align-items: center;
     max-width: 1600px;
-
 }
 
 .category-filter {
     // padding: 20px;
     bottom: 1rem;
-    background-color: #fff;
+    // background-color: #;
     border-radius: 8px;
     margin: 20px;
     margin-left: 0;
@@ -553,4 +665,8 @@ export default {
 
 }
 
+.el-pagination{
+  text-align: center;
+}
+
 </style>
diff --git a/f/web-kboss/src/views/login/indexNew.vue b/f/web-kboss/src/views/login/indexNew.vue
index 5163de1..2fdec30 100644
--- a/f/web-kboss/src/views/login/indexNew.vue
+++ b/f/web-kboss/src/views/login/indexNew.vue
@@ -241,6 +241,10 @@ export default {
       SendCode_text1: "获取验证码", // 重置密码验证码按钮文本
       isDisabled: false,  // 手机登录验证码按钮是否禁用
       isDisabled1: false, // 重置密码验证码按钮是否禁用
+      time_count: 60,     // 手机登录验证码倒计时
+      time_count1: 60,    // 重置密码验证码倒计时
+      timer: null,        // 手机登录验证码定时器
+      timer1: null,       // 重置密码验证码定时器
 
       // 对话框和加载状态
       dialogVisible: false, // 重置密码对话框是否可见
@@ -260,7 +264,7 @@ export default {
       rules: {
         username: [{ required: true, message: "请输入用户名/手机号", trigger: "blur" }],
         password: [{ required: true, message: "请输入密码", trigger: "blur" }],
-        code: [{ required: true, message: "请输入验证码", trigger: "blur" }],
+        vcode: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
 
       // 大写锁定提示
@@ -286,7 +290,8 @@ export default {
       // Logo显示控制
       isLogo: false,
       isShowSaleProduct: false, // 是否显示销售产品
-      vedioObj: {} // 视频通话对象
+      vedioObj: {}, // 视频通话对象
+      socket: null, // WebSocket连接
     }
   },
 
@@ -317,8 +322,14 @@ export default {
   beforeDestroy() {
     // 组件销毁前清理定时器和事件监听
     clearInterval(this.timer)
+    clearInterval(this.timer1)
     clearInterval(this.getCodeTimer)
     window.removeEventListener('keydown', this.handleEnter);
+
+    // 关闭WebSocket连接
+    if (this.socket) {
+      this.socket.close();
+    }
   },
 
   mounted() {
@@ -635,7 +646,17 @@ export default {
 
     // 获取手机登录验证码
     getCode() {
-      getCodeAPI({ username: this.loginForm.username }).then((res) => {
+      // 验证手机号格式
+      if (!this.loginForm.username || !/^1[3-9]\d{9}$/.test(this.loginForm.username)) {
+        this.$message.error('请输入正确的手机号');
+        return;
+      }
+
+      // 使用新的API参数：mobile和action_type
+      getCodeAPI({
+        mobile: this.loginForm.username,
+        action_type: 'login'
+      }).then((res) => {
         console.log(res);
         if (res.status) {
           this.loginForm.codeid = res.codeid;
@@ -643,9 +664,9 @@ export default {
           clearInterval(that.timer)
           this.time_count = 59
           this.SendCode_text = "重新发送" + this.time_count + "s";
+          this.isDisabled = true;
           this.timer = setInterval(() => {
             if (this.time_count > 0) {
-              this.isDisabled = true;
               this.time_count--;
               this.SendCode_text = "重新发送" + this.time_count + "s";
             } else {
@@ -679,15 +700,28 @@ export default {
 
     // 获取重置密码验证码
     getCode1() {
-      retrieveCodeAPI({ username: this.form.username }).then((res) => {
+      // 验证手机号格式
+      if (!this.form.username || !/^1[3-9]\d{9}$/.test(this.form.username)) {
+        this.$message.error('请输入正确的手机号');
+        return;
+      }
+
+      // 使用新的API参数：mobile和action_type
+      retrieveCodeAPI({
+        mobile: this.form.username,
+        action_type: 'login'
+      }).then((res) => {
         if (res.status == true) {
           this.form.id = res.userid;
           this.form.codeid = res.codeid;
           let that = this;
+          this.time_count1 = 59;
+          this.isDisabled1 = true;
+          this.SendCode_text1 = "重新发送" + this.time_count1 + "s";
+
           if (!that.timer1) {
             that.timer1 = setInterval(() => {
               if (that.time_count1 > 0) {
-                this.isDisabled1 = true;
                 that.time_count1--;
                 that.SendCode_text1 = "重新发送" + that.time_count1 + "s";
               } else {
@@ -723,7 +757,7 @@ export default {
       this.capsTooltip = key && key.length === 1 && key >= "A" && key <= "Z";
     },
 
-    // 处理登录
+    // 处理登录 - 账号登录保持原逻辑不变
     handleLogin(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
@@ -901,10 +935,10 @@ export default {
           });
           this.isDisabled1 = false;
           this.dialogVisible = false;
-          that.SendCode_text1 = "获取验证码";
-          clearInterval(that.timer1);
-          that.timer1 = null;
-          that.time_count1 = 60;
+          this.SendCode_text1 = "获取验证码";
+          clearInterval(this.timer1);
+          this.timer1 = null;
+          this.time_count1 = 60;
           this.$refs.form.resetFields();
         } else {
           this.$message({
@@ -926,7 +960,6 @@ export default {
   }
 }
 </script>
-
 <style scoped lang="scss">
 $cursor: black;
 $light_gray: #eee;
@@ -951,8 +984,9 @@ $dark_gray: #889aa4;
   display: flex;
   width: 1400px;
   justify-content: space-around;
+  align-items: center;
   // align-items: center;
-  margin-top: -100px;
+  margin-top: -60px;
 
   .left {
     .title {
diff --git a/f/web-kboss/src/views/product/allProduct/index.vue b/f/web-kboss/src/views/product/allProduct/index.vue
new file mode 100644
index 0000000..f4feece
--- /dev/null
+++ b/f/web-kboss/src/views/product/allProduct/index.vue
@@ -0,0 +1,644 @@
+<template>
+  <div class="product-service-page">
+
+    <!-- 产品分类导航 -->
+    <div class="category-nav">
+      <div v-for="category in panelData"
+           :key="category.firTitle"
+           class="nav-item"
+           :class="{ active: activeCategory === category.firTitle }"
+           @click="switchCategory(category)">
+        {{ category.firTitle }}
+      </div>
+    </div>
+
+    <!-- 产品内容区域 -->
+    <div class="product-content">
+      <!-- 左侧菜单区域（只有有二级或三级菜单时才显示） -->
+      <div v-if="hasMenuSidebar" class="menu-sidebar">
+        <!-- 二级菜单 -->
+        <div v-if="hasSecondLevel" class="subcategory-section">
+          <div class="subcategory-list">
+            <div v-for="subItem in currentSubcategories"
+                 :key="getSubItemKey(subItem)"
+                 class="subcategory-item"
+                 :class="{ active: activeSubId === getSubItemKey(subItem) }"
+                 @click="switchSubcategory(subItem)">
+              <span class="subcategory-name">{{ subItem.secTitle }}</span>
+              <span v-if="getProductCount(subItem)" class="product-count">
+                {{ getProductCount(subItem) }}
+              </span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 三级菜单（如果有且不是算/网分类） -->
+        <div v-if="hasThirdLevel && !isSpecialCategory" class="third-level-section">
+          <div class="third-level-list">
+            <div v-for="thirdItem in thirdLevelData"
+                 :key="getThirdItemKey(thirdItem)"
+                 class="third-level-item"
+                 :class="{ active: activeThirdId === getThirdItemKey(thirdItem) }"
+                 @click="switchThirdLevel(thirdItem)">
+              {{ thirdItem.thrTitle }}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 主内容区 -->
+      <div class="main-content" :class="{ 'full-width': !hasMenuSidebar }">
+        <!-- 产品网格 -->
+        <div class="product-grid">
+          <div v-for="product in currentProducts"
+               :key="product.id"
+               class="product-card"
+               @click="handleProductClick(product)">
+            <div class="product-header">
+              <h3 class="product-name">{{ product.name }}</h3>
+              <span v-if="product.discount" class="discount-badge">
+                {{ product.discount }}折
+              </span>
+            </div>
+            <div class="product-desc">
+              {{ getProductDescription(product) }}
+            </div>
+            <div class="product-footer">
+              <span class="product-type">{{ product.type }}</span>
+              <button class="detail-btn">查看详情</button>
+            </div>
+          </div>
+        </div>
+
+        <!-- 空状态 -->
+        <div v-if="!hasProducts" class="empty-state">
+          <div class="empty-icon">📦</div>
+          <p class="empty-text">暂无产品数据</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reqNavList } from "@/api/newHome";
+
+export default {
+  name: "ProductServicePage",
+  data() {
+    return {
+      panelData: [],
+      activeCategory: '',
+      activeSubId: null,
+      activeThirdId: null,
+      currentProducts: []
+    };
+  },
+  computed: {
+    currentSubcategories() {
+      if (!this.activeCategory || !this.panelData.length) return [];
+      const category = this.panelData.find(item => item.firTitle === this.activeCategory);
+      return category ? category.secMenu : [];
+    },
+    hasSecondLevel() {
+      return this.currentSubcategories && this.currentSubcategories.length > 0;
+    },
+    hasThirdLevel() {
+      return this.thirdLevelData && this.thirdLevelData.length > 0;
+    },
+    hasProducts() {
+      return this.currentProducts && this.currentProducts.length > 0;
+    },
+    hasMenuSidebar() {
+      return this.hasSecondLevel || this.hasThirdLevel;
+    },
+    isSpecialCategory() {
+      return this.activeCategory === '算' || this.activeCategory === '网';
+    },
+    thirdLevelData() {
+      if (!this.activeSubId || !this.currentSubcategories.length) return [];
+
+      // 从activeSubId中提取真实的subItem id
+      const realSubId = this.activeSubId.split('_')[0];
+      const subItem = this.currentSubcategories.find(item =>
+        item.id === realSubId || item.id?.toString() === realSubId
+      );
+
+      return subItem && subItem.thrMenu ? subItem.thrMenu : [];
+    }
+  },
+  async mounted() {
+    await this.loadNavData();
+    this.initializeDefaultData();
+  },
+  methods: {
+    // 生成唯一的二级菜单项key
+    getSubItemKey(subItem) {
+      // 使用分类标题和ID组合确保唯一性
+      return `${subItem.id}_${this.activeCategory}_${subItem.secTitle}`;
+    },
+
+    // 生成唯一的三级菜单项key
+    getThirdItemKey(thirdItem) {
+      // 使用三级菜单ID和父级ID组合确保唯一性
+      return `${thirdItem.id}_${this.activeSubId}_${thirdItem.thrTitle}`;
+    },
+
+    // 加载导航数据
+    async loadNavData() {
+      try {
+        const response = await reqNavList({ url_link: window.location.href });
+        if (response.status && response.data.product_service) {
+          this.panelData = this.processNavData(response.data.product_service);
+        }
+      } catch (error) {
+        console.error("加载产品数据失败:", error);
+        this.panelData = [];
+      }
+    },
+
+    // 处理导航数据 - 修复数据结构
+    processNavData(data) {
+      return data.map((category, categoryIndex) => {
+        // 确保一级分类有唯一标识
+        if (!category.uniqueId) {
+          category.uniqueId = `category_${categoryIndex}_${category.firTitle}`;
+        }
+
+        if (category.secMenu) {
+          category.secMenu.forEach((secItem, secIndex) => {
+            // 确保二级菜单项有唯一标识
+            if (!secItem.id) {
+              secItem.id = `sec_${categoryIndex}_${secIndex}`;
+            }
+
+            if (secItem.thrMenu) {
+              secItem.thrMenu.forEach((thrItem, thrIndex) => {
+                // 确保三级菜单项有唯一标识
+                if (!thrItem.id) {
+                  thrItem.id = `thr_${categoryIndex}_${secIndex}_${thrIndex}`;
+                }
+
+                if (thrItem.value) {
+                  thrItem.value.forEach(product => {
+                    product.type = secItem.secTitle;
+                    // 确保产品有唯一ID
+                    if (!product.id) {
+                      product.id = `product_${categoryIndex}_${secIndex}_${thrIndex}_${Math.random().toString(36).substr(2, 9)}`;
+                    }
+                  });
+                }
+              });
+            }
+          });
+        }
+        return category;
+      });
+    },
+
+    // 初始化默认数据
+    initializeDefaultData() {
+      if (this.panelData.length > 0) {
+        const firstCategory = this.panelData[0];
+        this.activeCategory = firstCategory.firTitle;
+        this.setDefaultSubcategory(firstCategory);
+      }
+    },
+
+    // 根据分类设置默认二级菜单
+    setDefaultSubcategory(category) {
+      if (category.secMenu && category.secMenu.length > 0) {
+        let defaultSubItem = category.secMenu[0];
+
+        if (category.firTitle === '算') {
+          const zhishuanItem = category.secMenu.find(item =>
+            item.secTitle && item.secTitle.includes('智算')
+          );
+          if (zhishuanItem) defaultSubItem = zhishuanItem;
+        } else if (category.firTitle === '网') {
+          const networkItem = category.secMenu.find(item =>
+            item.secTitle && item.secTitle.includes('算力网络')
+          );
+          if (networkItem) defaultSubItem = networkItem;
+        }
+
+        this.activeSubId = this.getSubItemKey(defaultSubItem);
+        this.updateProductList(defaultSubItem);
+      } else {
+        this.activeSubId = null;
+        this.activeThirdId = null;
+        this.currentProducts = this.getAllProductsFromCategory(category);
+      }
+    },
+
+    // 获取分类下的所有产品
+    getAllProductsFromCategory(category) {
+      let allProducts = [];
+      if (category.secMenu) {
+        category.secMenu.forEach(secItem => {
+          if (secItem.thrMenu) {
+            secItem.thrMenu.forEach(thrItem => {
+              if (thrItem.value) {
+                allProducts = allProducts.concat(thrItem.value);
+              }
+            });
+          }
+        });
+      }
+      return allProducts;
+    },
+
+    // 切换分类
+    switchCategory(category) {
+      this.activeCategory = category.firTitle;
+      this.activeSubId = null;
+      this.activeThirdId = null;
+      this.setDefaultSubcategory(category);
+    },
+
+    // 切换二级分类
+    switchSubcategory(subItem) {
+      this.activeSubId = this.getSubItemKey(subItem);
+      this.activeThirdId = null;
+      this.updateProductList(subItem);
+    },
+
+    // 切换三级分类
+    switchThirdLevel(thirdItem) {
+      this.activeThirdId = this.getThirdItemKey(thirdItem);
+      this.currentProducts = thirdItem.value || [];
+    },
+
+    // 更新产品列表
+    updateProductList(subItem) {
+      if (this.isSpecialCategory) {
+        this.currentProducts = this.getAllProductsFromSubcategory(subItem);
+        return;
+      }
+
+      if (subItem.thrMenu && subItem.thrMenu.length > 0) {
+        this.activeThirdId = null;
+        this.currentProducts = this.getAllProductsFromSubcategory(subItem);
+      } else {
+        this.activeThirdId = null;
+        this.currentProducts = [];
+      }
+    },
+
+    // 获取二级分类下的所有产品
+    getAllProductsFromSubcategory(subItem) {
+      let allProducts = [];
+      if (subItem.thrMenu) {
+        subItem.thrMenu.forEach(thrItem => {
+          if (thrItem.value) {
+            allProducts = allProducts.concat(thrItem.value);
+          }
+        });
+      }
+      return allProducts;
+    },
+
+    // 获取产品数量
+    getProductCount(subItem) {
+      if (!subItem.thrMenu) return 0;
+      return subItem.thrMenu.reduce((total, thirdItem) => {
+        return total + (thirdItem.value ? thirdItem.value.length : 0);
+      }, 0);
+    },
+
+    // 获取产品描述
+    getProductDescription(product) {
+      const descriptions = {
+        '云服务器_GPU': '高性能GPU云服务器，适合AI训练、科学计算等场景',
+        '云服务器_BCC': '平衡型云服务器，满足大多数业务需求',
+        '专属服务器': '独享物理服务器，提供更高性能和安全隔离',
+        '轻量应用服务器': '轻量级应用部署，简单易用',
+        '专线接入': '高速稳定的专线网络接入服务',
+        '文字识别': '高精度文字识别，支持多种场景和语言',
+        'AI能力引擎': '强大的AI能力引擎，赋能各种智能应用',
+        '大数据平台': '全面的大数据处理和分析平台',
+        '云服务平台': '一站式云服务平台，便捷高效',
+        '智能内容科技': '智能内容生成与处理技术',
+        'SME企业服务': '中小企业专属服务解决方案',
+        '视频云平台': '专业的视频云处理与分发平台',
+        '智能短信': '智能化短信服务和营销解决方案'
+      };
+      return descriptions[product.name] || '专业的云服务产品，提供稳定可靠的服务';
+    },
+
+    // 点击产品
+    handleProductClick(product) {
+      // 原有的产品点击逻辑保持不变
+      const userId = sessionStorage.getItem('userId');
+
+      if (product.type === '百度云') {
+        if (userId) {
+          localStorage.setItem('redirectUrl', product.url);
+          localStorage.setItem('userRescourseUrl', product.listUrl);
+          this.$router.push({
+            name: 'baiduProductShow',
+            params: {
+              listUrl: product.listUrl,
+              url: product.url
+            }
+          });
+        } else {
+          this.$router.push({
+            path: "/login",
+            query: {
+              fromPath: 'productService',
+              type: 'bd',
+              listUrl: product.listUrl,
+              url: product.url
+            }
+          });
+        }
+      } else if (product.type === '阿里云') {
+        if (userId) {
+          window.open(product.url);
+        } else {
+          this.$router.push({
+            path: "/login",
+            query: {
+              fromPath: 'productService',
+              type: 'ali',
+            }
+          });
+        }
+      } else if (product.type === '智算' || product.type === '算力网络') {
+        if (product.name === '容器云') {
+          if (userId) {
+            this.$router.push('/product/productHome/k8s/createK8s');
+          } else {
+            this.$router.push({
+              path: "/login",
+              query: {
+                fromPath: 'productService',
+                type: 'rqy',
+              }
+            });
+          }
+        } else {
+          this.$router.push({
+            path: '/homePage/detail',
+            query: {
+              id: product.id,
+            }
+          });
+        }
+      } else if (product.name === '灵医智能体') {
+        this.$router.push('/homePage/hospital');
+      } else if (product.name === '客悦·智能客服') {
+        this.$router.push('/homePage/customerService');
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+/* 样式保持不变 */
+.product-service-page {
+  margin: 0 auto;
+  padding: 24px;
+  background: #fff;
+  min-height: calc(100vh - 100px);
+
+  .category-nav {
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 32px;
+    border-bottom: 1px solid #f0f0f0;
+
+    .nav-item {
+      padding: 12px 24px;
+      font-size: 16px;
+      color: #666;
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      transition: all 0.3s;
+
+      &:hover {
+        color: #1E6FFF;
+      }
+
+      &.active {
+        color: #1E6FFF;
+        border-bottom-color: #1E6FFF;
+        font-weight: 600;
+      }
+    }
+  }
+
+  .product-content {
+    display: flex;
+    gap: 24px;
+
+    .menu-sidebar {
+      width: 280px;
+      background: #f8f9fa;
+      border-radius: 8px;
+      padding: 20px;
+      flex-shrink: 0;
+
+      .section-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1a1a1a;
+        margin-bottom: 16px;
+        padding-bottom: 8px;
+        border-bottom: 1px solid #e8e8e8;
+      }
+
+      .subcategory-section {
+        margin-bottom: 24px;
+      }
+
+      .subcategory-list,
+      .third-level-list {
+        .subcategory-item,
+        .third-level-item {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 10px 12px;
+          cursor: pointer;
+          transition: all 0.3s;
+          border-radius: 6px;
+          margin-bottom: 4px;
+
+          &:hover {
+            background: rgba(30, 111, 255, 0.05);
+            color: #1E6FFF;
+          }
+
+          &.active {
+            background: rgba(30, 111, 255, 0.1);
+            color: #1E6FFF;
+            font-weight: 600;
+          }
+
+          .subcategory-name {
+            font-size: 14px;
+          }
+
+          .product-count {
+            background: #e8f4ff;
+            color: #1E6FFF;
+            font-size: 12px;
+            padding: 2px 8px;
+            border-radius: 10px;
+            min-width: 20px;
+            text-align: center;
+          }
+        }
+      }
+
+      .third-level-list {
+        .third-level-item {
+          padding-left: 20px;
+          font-size: 13px;
+        }
+      }
+    }
+
+    .main-content {
+      flex: 1;
+
+      &.full-width {
+        flex: 1;
+        margin-left: 0;
+      }
+
+      .product-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+        gap: 20px;
+
+        .product-card {
+          background: #fff;
+          border: 1px solid #f0f0f0;
+          border-radius: 8px;
+          padding: 20px;
+          cursor: pointer;
+          transition: all 0.3s;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+
+          &:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+            border-color: #1E6FFF;
+          }
+
+          .product-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-start;
+            margin-bottom: 12px;
+
+            .product-name {
+              font-size: 16px;
+              font-weight: 600;
+              color: #1a1a1a;
+              margin: 0;
+              flex: 1;
+            }
+
+            .discount-badge {
+              background: linear-gradient(135deg, #ff6b6b, #ff4757);
+              color: #fff;
+              font-size: 12px;
+              padding: 4px 8px;
+              border-radius: 4px;
+              font-weight: 600;
+              margin-left: 8px;
+            }
+          }
+
+          .product-desc {
+            font-size: 14px;
+            color: #666;
+            line-height: 1.5;
+            margin-bottom: 16px;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+          }
+
+          .product-footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            .product-type {
+              font-size: 12px;
+              color: #999;
+              background: #f8f9fa;
+              padding: 4px 8px;
+              border-radius: 4px;
+            }
+
+            .detail-btn {
+              background: #1E6FFF;
+              color: #fff;
+              border: none;
+              padding: 6px 12px;
+              border-radius: 4px;
+              font-size: 12px;
+              cursor: pointer;
+              transition: background 0.3s;
+
+              &:hover {
+                background: #0d5ae0;
+              }
+            }
+          }
+        }
+      }
+
+      .empty-state {
+        text-align: center;
+        padding: 60px 20px;
+
+        .empty-icon {
+          font-size: 48px;
+          margin-bottom: 16px;
+        }
+
+        .empty-text {
+          color: #999;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .product-service-page {
+    padding: 16px;
+
+    .product-content {
+      flex-direction: column;
+
+      .menu-sidebar {
+        width: 100%;
+        order: 2;
+      }
+
+      .main-content {
+        order: 1;
+
+        &.full-width {
+          margin-left: 0;
+        }
+      }
+    }
+
+    .product-grid {
+      grid-template-columns: 1fr !important;
+    }
+  }
+}
+</style>
diff --git a/f/web-kboss/src/views/product/mainPage/index.vue b/f/web-kboss/src/views/product/mainPage/index.vue
index d060624..b0455a8 100644
--- a/f/web-kboss/src/views/product/mainPage/index.vue
+++ b/f/web-kboss/src/views/product/mainPage/index.vue
@@ -11,8 +11,6 @@
           </li>
         </ul>
       </div>
-
-      <!-- 其他部分保持不变 -->
       <div class="section">
         <div class="bigTitle">资源概览</div>
         <ul class="recUl overView">
@@ -235,7 +233,7 @@ export default Vue.extend({
         console.log(`跳转到资源概览，筛选类型: ${todoName}`, query);
 
         this.$router.push({
-          path: '/overview',
+          path: '/orderManagement/orderManagement',
           query: query
         });
       }
diff --git a/f/web-kboss/src/views/registrationPage/indexNew.vue b/f/web-kboss/src/views/registrationPage/indexNew.vue
index 862993f..268bb58 100644
--- a/f/web-kboss/src/views/registrationPage/indexNew.vue
+++ b/f/web-kboss/src/views/registrationPage/indexNew.vue
@@ -9,7 +9,7 @@
         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">
@@ -22,7 +22,6 @@
           <!-- 表单标题区域 -->
           <div class="title-container">
             <span class="title">注册</span>
-            <!-- 跳转到登录页面的链接 -->
             <span class="subtitle" @click="handleLogin">前往登录 ></span>
           </div>
 
@@ -31,10 +30,9 @@
             <el-form-item prop="mobile" class="form-item-custom full-width">
               <div class="form-item">
                 <span class="svg-container country-code">
-                  +86  <!-- 国家区号 -->
+                  +86
                 </span>
-                <!-- 手机号输入框 -->
-                <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入" type="text"
+                <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入手机号" type="text"
                   class="custom-input" />
               </div>
             </el-form-item>
@@ -42,16 +40,16 @@
 
           <!-- 验证码输入区域 -->
           <div class="form-row">
-            <el-form-item prop="smsCode" class="form-item-custom full-width">
+            <el-form-item prop="vcode" 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"
+                <el-input ref="vcode" v-model="registForm.vcode" placeholder="请输入验证码" type="text"
                   class="custom-input" />
-                <!-- 获取验证码按钮，带倒计时功能 -->
-                <span class="get-code-btn" @click="getSmsCode">{{ countdown > 0 ? `${countdown}s后重新获取` : '获取验证码' }}</span>
+                <span class="get-code-btn" @click="getSmsCode" :class="{ disabled: countdown > 0 }">
+                  {{ countdown > 0 ? `${countdown}s后重新获取` : '获取验证码' }}
+                </span>
               </div>
             </el-form-item>
           </div>
@@ -66,10 +64,9 @@
             <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"
+                <el-input ref="username" v-model="registForm.username" placeholder="请输入账户名（默认手机号）" name="username" type="text"
                   class="custom-input" />
               </div>
             </el-form-item>
@@ -80,12 +77,10 @@
             <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" />
-                <!-- 显示/隐藏密码按钮 -->
+                  placeholder="请输入密码" name="password" class="custom-input" />
                 <span class="show-pwd" @click="showPwd">
                   <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
                 </span>
@@ -93,101 +88,15 @@
             </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 ref="orgname" v-model="registForm.orgname" placeholder="请输入机构名称" type="text"
-                class="custom-input" />
-            </div>
-          </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')">
               立即注册
@@ -200,8 +109,7 @@
 </template>
 
 <script>
-// 导入API函数和工具函数
-import { registerUserAPI, getLogoAPI } from "@/api/login";
+import { getLogoAPI, register, sendCode } from "@/api/login";
 import { cityArr } from '@/assets/province.js'
 import { mapState } from "vuex";
 import { getHomePath } from '@/views/setting/tools'
@@ -224,46 +132,24 @@ export default {
       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',
-      },
+      // 短信验证码的codeid
+      codeid: '',
+
       // 当前页面URL
       url: window.location.href,
       value: '',
       // 注册表单数据
       registForm: {
-        username: "",        // 账户名（非必填）
-        password: "",        // 密码（非必填）
-        email: "",           // 邮箱（已注释）
-        nick_name: "",       // 显示名（已注释）
-        address: "",         // 地址（已注释）
         mobile: "",          // 手机号（必填）
-        org_type: "",        // 机构类型（已注释）
-        orgname: "",         // 机构名称（已注释）
-        main_business: "",   // 主营业务（已注释）
-        smsCode: "",         // 验证码（必填）
-        wechat_openid: localStorage.getItem('wechat_openid') // 微信openid
+        vcode: "",           // 验证码（必填）
+        username: "",        // 账户名（非必填，默认手机号）
+        password: "",        // 密码（非必填）
+        org_type: "2",       // 机构类型（必填，固定为2）
+        wechat_openid: localStorage.getItem('wechat_openid') || "", // 微信openid（默认为空）
+        domain_name: ""      // 域名
       },
-      imageUrl: "",
-      currentFile: null,
-      // 邀请码（从路由参数获取）
-      invitecode: this.$route.query.invitecode,
-      // 表单验证规则 - 只验证手机号和验证码
+
+      // 表单验证规则
       rules: {
         // 手机号验证规则
         mobile: [
@@ -274,27 +160,9 @@ export default {
           { required: true, trigger: "blur", message: "请输入手机号" },
         ],
         // 验证码验证规则
-        smsCode: [
+        vcode: [
           { 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",
@@ -302,11 +170,6 @@ export default {
       loading: false,
       redirect: undefined,
       otherQuery: {},
-      // 机构类型列表（已注释，保留但不使用）
-      // org_type: [
-      //   { value: "2", label: "个人客户" },
-      //   { value: "3", label: "公司客户" },
-      // ],
     };
   },
 
@@ -317,12 +180,8 @@ export default {
 
   // 组件挂载后调用
   mounted() {
-    // 初始化用户名
-    this.registForm.username = '';
-    // 如果有邀请码，设置到表单中
-    if (this.invitecode) {
-      this.registForm.invitecode = this.invitecode;
-    }
+    // 初始化域名
+    this.registForm.domain_name = window.location.hostname;
   },
 
   computed: {
@@ -333,7 +192,7 @@ export default {
   },
 
   methods: {
-    // 跳转到首页 - 与登录页面保持一致
+    // 跳转到首页
     goHomePage() {
       if (this.logoUrlOut) {
         window.location.href = this.logoUrlOut
@@ -347,7 +206,7 @@ export default {
       return cityArr;
     },
 
-    // 初始化函数 - 获取Logo等信息，与登录页面保持一致
+    // 初始化函数 - 获取Logo等信息
     init() {
       let params = {
         url_link: this.GetQueryString(this.url)
@@ -359,7 +218,7 @@ export default {
           this.isShow = true
           this.$store.commit('setLogoInfoNew', res.data[0].additional_msg);
 
-          // 特殊机构处理 - 与登录页面保持一致
+          // 特殊机构处理
           if (res.data[0].orgname == '中关村数智人工智能产业联盟') {
             this.logoUrlOut = 'https://www.ncmatch.cn'
           }
@@ -390,13 +249,6 @@ export default {
       }
     },
 
-    // 机构类型改变时的处理函数（已注释，保留但不使用）
-    change(row) {
-      if (row == 3) {
-        this.registForm.orgname = null;
-      }
-    },
-
     // 显示/隐藏密码
     showPwd() {
       if (this.passwordType === "password") {
@@ -410,7 +262,7 @@ export default {
     },
 
     // 获取短信验证码
-    getSmsCode() {
+    async getSmsCode() {
       // 如果正在倒计时，直接返回
       if (this.countdown > 0) return;
 
@@ -423,7 +275,6 @@ export default {
         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({
@@ -433,29 +284,61 @@ export default {
         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",
-      //     });
-      //   }
-      // });
+      let params = {
+        mobile: this.registForm.mobile,
+        action_type: "register",
+      };
 
-      // 模拟发送验证码成功
-      this.$message({
-        message: "验证码已发送",
-        type: "success",
-      });
-      // 开始倒计时
-      this.startCountdown();
+      try {
+        let res = await sendCode(params)
+        console.log('短信验证码完整响应:', res);
+
+        if (res.status == true) {
+          this.$message({
+            message: "验证码已发送",
+            type: "success",
+          });
+
+          // 修复：安全地获取 codeid，处理不同的响应结构
+          let codeid = '';
+
+          // 尝试从不同的响应结构获取 codeid
+          if (res.data && res.data.codeid) {
+            // 结构: { data: { codeid: 'xxx' } }
+            codeid = res.data.codeid;
+          } else if (res.codeid) {
+            // 结构: { codeid: 'xxx' }
+            codeid = res.codeid;
+          } else if (res.data && typeof res.data === 'string') {
+            // 结构: { data: 'xxx' } 且 data 直接是 codeid
+            codeid = res.data;
+          } else if (res.data && res.data.data && res.data.data.codeid) {
+            // 结构: { data: { data: { codeid: 'xxx' } } }
+            codeid = res.data.data.codeid;
+          } else {
+            // 如果都没有找到，使用手机号和时间戳生成一个临时的 codeid
+            console.warn('无法从响应中获取 codeid，使用临时值。响应结构:', res);
+            codeid = `temp_${this.registForm.mobile}_${Date.now()}`;
+          }
+
+          this.codeid = codeid;
+          console.log('最终获取的 codeid:', this.codeid);
+
+          // 开始倒计时
+          this.startCountdown();
+        } else {
+          this.$message({
+            message: res.message || "验证码发送失败",
+            type: "error",
+          });
+        }
+      } catch (error) {
+        console.error('发送验证码失败:', error);
+        this.$message({
+          message: "验证码发送失败，请重试",
+          type: "error",
+        });
+      }
     },
 
     // 开始验证码倒计时
@@ -469,17 +352,6 @@ export default {
       }, 1000);
     },
 
-    // 头像上传成功处理（已注释，保留但不使用）
-    handleAvatarSuccess(file, fileList) {
-      this.imageUrl = URL.createObjectURL(file.raw);
-      this.currentFile = file;
-    },
-
-    // 移除文件处理（已注释，保留但不使用）
-    handleRemove(file, fileList) {
-      // 移除照片
-    },
-
     // 跳转到登录页面
     handleLogin() {
       this.$router.push({ name: "Login" });
@@ -496,7 +368,7 @@ export default {
         return;
       }
 
-      // 第二步：进行表单验证（只验证手机号和验证码）
+      // 第二步：进行表单验证
       this.$refs[formName].validate((valid) => {
         if (valid) {
           // 表单验证通过，开始注册流程
@@ -505,16 +377,22 @@ export default {
           // 第三步：构建注册数据
           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 : '' // 域名
+            vcode: this.registForm.vcode,          // 验证码（必填）
+            codeid: this.codeid,                   // 短信接口返回的codeid（必填）
+            org_type: "2",                         // 机构类型（必填，固定为2）
+            username: this.registForm.username || this.registForm.mobile,  // 用户名（默认手机号）
+            password: this.registForm.password,    // 密码
+            nick_name: this.registForm.mobile,     // 显示名（默认手机号）
+            wechat_openid: this.registForm.wechat_openid, // 微信openid（默认为空）
+            domain_name: this.registForm.domain_name || window.location.hostname // 域名
           };
 
+          console.log('注册参数:', registerData);
+
           // 第四步：调用注册API
-          registerUserAPI(registerData).then((res) => {
+          register(registerData).then((res) => {
             this.loading = false;
+            console.log('注册返回:', res);
             if (res.status == true) {
               // 注册成功
               this.$message({
@@ -526,12 +404,13 @@ export default {
             } else {
               // 注册失败，显示错误信息
               this.$message({
-                message: res.msg,
+                message: res.message || res.msg || "注册失败",
                 type: "error",
               });
             }
-          }).catch(() => {
+          }).catch((error) => {
             // 网络错误处理
+            console.error('注册失败:', error);
             this.loading = false;
             this.$message({
               message: "注册失败，请重试",
@@ -547,22 +426,6 @@ export default {
         }
       });
     },
-
-    // 将对象转换为FormData格式（已注释，保留但不使用）
-    getFormData(object) {
-      const formData = new FormData();
-      Object.keys(object).forEach((key) => {
-        const value = object[key];
-        if (Array.isArray(value)) {
-          value.forEach((subValue, i) => {
-            formData.append(key + `[${i}]`, subValue);
-          });
-        } else {
-          formData.append(key, object[key]);
-        }
-      });
-      return formData;
-    },
   },
 
   // 组件销毁前清理定时器
@@ -596,7 +459,7 @@ $light-gray: #909399;
   }
 }
 
-// 头部图标样式 - 与登录页面保持一致
+// 头部图标样式
 .logo-top {
   width: 200px !important;
   height: 70px !important;
@@ -771,9 +634,13 @@ $light-gray: #909399;
       background: rgba(64, 158, 255, 0.1);
     }
 
-    &:disabled {
+    &.disabled {
       color: $light-gray;
       cursor: not-allowed;
+
+      &:hover {
+        background: none;
+      }
     }
   }
 
diff --git a/f/web-kboss/src/views/setting/tools.js b/f/web-kboss/src/views/setting/tools.js
index be6735a..966db6d 100644
--- a/f/web-kboss/src/views/setting/tools.js
+++ b/f/web-kboss/src/views/setting/tools.js
@@ -18,12 +18,12 @@ export function getHomePath() {
     !url_link.includes('/domain/')) {
 
     if (domain_url.includes('ncmatch') || domain_url.includes('9527')) {
-     homePath = '/ncmatchHome/index'
+     homePath = '/homePage/index'
     } else if (domain_url.includes('kaiyuancloud') || domain_url.includes('opencomputing') || domain_url.includes('localhost')) {
      homePath = '/homePage/index'
     }
   }else if(url_link.includes('ncmatch')){
-    homePath = '/ncmatchHome/index'
+    homePath = '/homePage/index'
   }else{
       homePath = '/homePage/index'
   }