diff --git a/f/web-kboss/src/assets/image/icon1.png b/f/web-kboss/src/assets/image/icon1.png
new file mode 100644
index 0000000..0c486cf
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon1.png differ
diff --git a/f/web-kboss/src/assets/image/icon2.png b/f/web-kboss/src/assets/image/icon2.png
new file mode 100644
index 0000000..d045b1f
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon2.png differ
diff --git a/f/web-kboss/src/assets/image/icon3.png b/f/web-kboss/src/assets/image/icon3.png
new file mode 100644
index 0000000..a54cafe
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon3.png differ
diff --git a/f/web-kboss/src/assets/image/icon4.png b/f/web-kboss/src/assets/image/icon4.png
new file mode 100644
index 0000000..27cf955
Binary files /dev/null and b/f/web-kboss/src/assets/image/icon4.png differ
diff --git a/f/web-kboss/src/router/index.js b/f/web-kboss/src/router/index.js
index 8702ce2..2e9c135 100644
--- a/f/web-kboss/src/router/index.js
+++ b/f/web-kboss/src/router/index.js
@@ -338,7 +338,7 @@ export const asyncRoutes = [
     children: [
       {
         path: "",
-        component: () => import('../views/customer/orderManagement/index.vue'),
+        component: () => import('@/views/product/productHome/productIndex/index.vue'),
         name: 'ResourceOverview',
         meta: {
           title: "资源概览",
diff --git a/f/web-kboss/src/styles/index.css b/f/web-kboss/src/styles/index.css
index ed5eb85..e05eb1f 100644
--- a/f/web-kboss/src/styles/index.css
+++ b/f/web-kboss/src/styles/index.css
@@ -78,17 +78,17 @@
 }
 
 ::-webkit-scrollbar-thumb {
-  background: linear-gradient(180deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
+  background: #C6D7EB;
   border-radius: 6px;
   border: 1.5px solid #f8faff;
   box-shadow: 0 1px 4px rgba(99, 102, 241, 0.25);
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: linear-gradient(180deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);
+  background: #C6D7EB;
   box-shadow: 0 1px 6px rgba(99, 102, 241, 0.35);
 }
 
 ::-webkit-scrollbar-thumb:active {
-  background: linear-gradient(180deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
+  background: #C6D7EB;
 }
diff --git a/f/web-kboss/src/views/homePage/about/img/.png b/f/web-kboss/src/views/homePage/about/img/.png
new file mode 100644
index 0000000..4a1652b
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/Newbanner.png b/f/web-kboss/src/views/homePage/about/img/Newbanner.png
new file mode 100644
index 0000000..7c47bd0
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/Newbanner.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/jiajiebg.png b/f/web-kboss/src/views/homePage/about/img/advantage1.png
similarity index 100%
rename from f/web-kboss/src/views/homePage/about/img/jiajiebg.png
rename to f/web-kboss/src/views/homePage/about/img/advantage1.png
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage2.png b/f/web-kboss/src/views/homePage/about/img/advantage2.png
new file mode 100644
index 0000000..9950f60
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage2.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage3.png b/f/web-kboss/src/views/homePage/about/img/advantage3.png
new file mode 100644
index 0000000..ad14f09
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage3.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage4.png b/f/web-kboss/src/views/homePage/about/img/advantage4.png
new file mode 100644
index 0000000..8faad83
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage4.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage5.png b/f/web-kboss/src/views/homePage/about/img/advantage5.png
new file mode 100644
index 0000000..0add006
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage5.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/advantage6.png b/f/web-kboss/src/views/homePage/about/img/advantage6.png
new file mode 100644
index 0000000..ac3d844
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/advantage6.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/jzg.png b/f/web-kboss/src/views/homePage/about/img/jzg.png
new file mode 100644
index 0000000..c2495d3
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/jzg.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/sm.png b/f/web-kboss/src/views/homePage/about/img/sm.png
new file mode 100644
index 0000000..39bb3a3
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/sm.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/yj.png b/f/web-kboss/src/views/homePage/about/img/yj.png
new file mode 100644
index 0000000..c69ba44
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/yj.png differ
diff --git a/f/web-kboss/src/views/homePage/about/img/zizhi.png b/f/web-kboss/src/views/homePage/about/img/zizhi.png
new file mode 100644
index 0000000..7230b85
Binary files /dev/null and b/f/web-kboss/src/views/homePage/about/img/zizhi.png differ
diff --git a/f/web-kboss/src/views/homePage/about/index.vue b/f/web-kboss/src/views/homePage/about/index.vue
index 2bbacae..1d20d21 100644
--- a/f/web-kboss/src/views/homePage/about/index.vue
+++ b/f/web-kboss/src/views/homePage/about/index.vue
@@ -1,127 +1,161 @@
 <template>
   <div style="width: 100%;">
     <div class="banner">
-      <span v-if="JSON.stringify(logoInfoNew)!=='{}'" style="font-size: 38px">
-       {{ logoInfoNew.home.bannerTitle }} <span style="color: #0e0b0b">{{ translations[language].slogan }}</span>
-      </span>
+      <div v-if="JSON.stringify(logoInfoNew) !== '{}'" style="font-size: 38px;">
+        <!-- 开元云 标题 -->
+        <div>{{ logoInfoNew.home.bannerTitle }}</div>
+        <p style="color: #0e0b0b">全球领先的AI服务运营商</p>
+      </div>
     </div>
 
     <div class="mainBox" style="padding-top: 35px">
       <div class="inBox">
         <div class="leftBox">
-          <img v-if="JSON.stringify(logoInfoNew)!=='{}'"
-               :src="logoInfoNew.home.logoImg"
-               alt="">
+          <p class="leftBoxtitle">关于<span class="gradient-text">我们</span></p>
+          <!-- <img v-if="JSON.stringify(logoInfoNew) !== '{}'" :src="logoInfoNew.home.logoImg" alt=""> -->
         </div>
-        <div v-if="JSON.stringify(logoInfoNew)!=='{}'" class="rightBox">
-          <p v-for="(i,index) in logoInfoNew.about.content" :key="index">
+        <div v-if="JSON.stringify(logoInfoNew) !== '{}'" class="rightBox">
+          <p v-for="(i, index) in logoInfoNew.about.content" :key="index">
             {{ i }}
           </p>
         </div>
       </div>
     </div>
-
+    <!-- 公司资质 -->
     <div class="zizhi">
       <div style="width: 1400px;">
-        <div style="text-align:center;font-size: 26px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px">
-          {{ translations[language].qualifications }}
+        <div style="text-align:center;font-size: 30px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px">
+          公司<span class="gradient-text">资质</span>
         </div>
         <LogoTwo></LogoTwo>
       </div>
     </div>
-
-    <div class="why">
-      <ul class="whyUl">
-        <li>
-          <span class="icon"><img src="./img/1.png" alt=""></span>
-          <div class="title">{{ translations[language].mission }}</div>
-          <div class="description">
-            <span style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">
-              {{ translations[language].missionContent }}
-            </span>
+    <!-- 企业文化 -->
+    <div class="enterprise">
+      <div class="enterprise-inner">
+        <div class="left-box">
+          <div class="left-title">
+            <span>企业<span class="gradient-text">文化</span></span>
           </div>
-        </li>
-        <li>
-          <span class="icon"><img src="./img/2.png" alt=""></span>
-          <div class="title">{{ translations[language].vision }}</div>
-          <div class="description">
-            <span style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">
-              {{ translations[language].visionContent }}
-            </span>
+        </div>
+        <div class="right-box">
+          <div class="item">
+            <div class="item-img">
+              <img src="./img/sm.png" alt="使命图标">
+            </div>
+            <div class="item-content">
+              <div class="item-tit">
+                <div>使命</div>
+                <div>Mission</div>
+              </div>
+              <div class="item-text">
+                <p>让AI无处不在，让智能如此简单</p>
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <span class="icon"><img src="./img/3.png" alt=""></span>
-          <div class="title">{{ translations[language].values }}</div>
-          <div class="description">
-            <span style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">
-              {{ translations[language].valuesContent }}
-            </span>
+          <div class="item">
+            <div class="item-img">
+              <img src="./img/yj.png" alt="愿景图标">
+            </div>
+            <div class="item-content">
+              <div class="item-tit">
+                <div>愿景</div>
+                <div>Vision</div>
+              </div>
+              <div class="item-text">
+                <p>全球领先的AI服务运营商</p>
+              </div>
+            </div>
           </div>
-        </li>
-      </ul>
+          <div class="item">
+            <div class="item-img">
+              <img src="./img/jzg.png" alt="价值观图标">
+            </div>
+            <div class="item-content">
+              <div class="item-tit">
+                <div>价值观</div>
+                <div>Value</div>
+              </div>
+              <div class="item-text">
+                <p>卓越、开放、创新</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
 
-    <div class="ad">
-      <div style="text-align:center;font-size: 26px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px">
-        {{ translations[language].platformAdvantages }}
+    <!-- 优势 -->
+    <div class="advantage">
+      <div class="advantage-tit">
+        <span>平台<span class="gradient-text">优势</span></span>
       </div>
-      <ul class="adUl">
-        <li>
-          <div class="iconBox">
-            <img src="./img/5.png" alt="">
+      <!-- 优势列表 -->
+      <div class="advantage-content">
+        <div class="advantage-grid">
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage1.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                精准定位
+              </div>
+              <div class="btm-tit">
+                专注于为各行业提供专业、高效的人工智能解决方案，助力企业智能化转型。
+              </div>
+            </div>
           </div>
-          <div class="content">
-            <span>{{ translations[language].advantage1Title }}</span>
-            <span class="description">{{ translations[language].advantage1Desc }}</span>
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage2.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                技术服务
+              </div>
+              <div class="btm-tit">
+                提供人工智能相关的技术服务，为企业解决复杂的技术难题。
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/6.png" alt="">
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage3.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                产品定制
+              </div>
+              <div class="btm-tit">
+                根据企业的特定需求，定制开发人工智能产品，满足不同场景的应用需求。
+              </div>
+            </div>
           </div>
-          <div class="content">
-            <span>{{ translations[language].advantage2Title }}</span>
-            <span class="description">{{ translations[language].advantage2Desc }}</span>
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage4.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                产业赋能
+              </div>
+              <div class="btm-tit">
+                通过人工智能技术，为传统产业赋能，提升产业的竞争力和创新能力。
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/7.png" alt="">
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage5.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                一站式、本地化服务
+              </div>
+              <div class="btm-tit">
+                从售前、售中到售后提供一站式全方位服务
+              </div>
+            </div>
           </div>
-          <div class="content">
-            <span>{{ translations[language].advantage3Title }}</span>
-            <span class="description">{{ translations[language].advantage3Desc }}</span>
+          <div class="advantage-item" :style="{ backgroundImage: 'url(' + require('./img/advantage6.png') + ')' }">
+            <div class="content-wrapper">
+              <div class="top-tit">
+                提供AI基础设施与模型服务
+              </div>
+              <div class="btm-tit">
+                提供整体底层技术架构和系统支持及模型服务
+              </div>
+            </div>
           </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/4.png" alt="">
-          </div>
-          <div class="content">
-            <span>{{ translations[language].advantage4Title }}</span>
-            <span class="description">{{ translations[language].advantage4Desc }}</span>
-          </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/2.png" alt="">
-          </div>
-          <div class="content">
-            <span>{{ translations[language].advantage5Title }}</span>
-            <span class="description">{{ translations[language].advantage5Desc }}</span>
-          </div>
-        </li>
-        <li>
-          <div class="iconBox">
-            <img src="./img/8.png" alt="">
-          </div>
-          <div class="content">
-            <span>{{ translations[language].advantage6Title }}</span>
-            <span class="description">{{ translations[language].advantage6Desc }}</span>
-          </div>
-        </li>
-      </ul>
+        </div>
+      </div>
+      <!-- 优势列表完 -->
     </div>
   </div>
 </template>
@@ -129,75 +163,14 @@
 <script>
 import Vue from 'vue'
 import LogoTwo from "@/views/homePage/mainPage/logoG/logoTwo.vue";
-import {mapGetters, mapState} from "vuex";
-// 导入语言管理
-import { languageStore, languageBus } from '@/utils/language'
+import { mapGetters, mapState } from "vuex";
 
 export default Vue.extend({
   name: "about",
-  components: {LogoTwo},
+  components: { LogoTwo },
   data() {
     return {
-      language: 'zh',
-      languageChangedHandler: null,
-      translations: {
-        zh: {
-          slogan: '全球领先的AI服务运营商',
-          qualifications: '公司资质',
-          mission: '使命',
-          missionContent: '让AI无处不在，让智能如此简单',
-          vision: '愿景',
-          visionContent: '全球领先的AI服务运营商',
-          values: '价值观',
-          valuesContent: '卓越、开放、创新',
-          platformAdvantages: '平台优势',
-          advantage1Title: '精准定位',
-          advantage1Desc: '专注于为各行业提供专业、高效的人工智能解决方案，助力企业智能化转型。',
-          advantage2Title: '技术服务',
-          advantage2Desc: '提供人工智能相关的技术服务，为企业解决复杂的技术难题。',
-          advantage3Title: '产品定制',
-          advantage3Desc: '根据企业的特定需求，定制开发人工智能产品，满足不同场景的应用需求。',
-          advantage4Title: '产业赋能',
-          advantage4Desc: '通过人工智能技术，为传统产业赋能，提升产业的竞争力和创新能力。',
-          advantage5Title: '一站式、本地化服务',
-          advantage5Desc: '从售前、售中到售后提供一站式全方位服务',
-          advantage6Title: '提供AI基础设施与模型服务',
-          advantage6Desc: '提供整体底层技术架构和系统支持及模型服务'
-        },
-        en: {
-          slogan: 'Leading AI Service Operator Worldwide',
-          qualifications: 'Company Qualifications',
-          mission: 'Mission',
-          missionContent: 'Make AI ubiquitous and intelligence so simple',
-          vision: 'Vision',
-          visionContent: 'Global Leading AI Service Operator',
-          values: 'Values',
-          valuesContent: 'Excellence, Openness, Innovation',
-          platformAdvantages: 'Platform Advantages',
-          advantage1Title: 'Precise Positioning',
-          advantage1Desc: 'Focus on providing professional and efficient AI solutions for various industries to help enterprises achieve intelligent transformation.',
-          advantage2Title: 'Technical Services',
-          advantage2Desc: 'Provide AI-related technical services to help enterprises solve complex technical problems.',
-          advantage3Title: 'Product Customization',
-          advantage3Desc: 'Customize AI products according to specific enterprise needs to meet application requirements in different scenarios.',
-          advantage4Title: 'Industry Empowerment',
-          advantage4Desc: 'Empower traditional industries through AI technology, enhancing industry competitiveness and innovation capability.',
-          advantage5Title: 'One-stop, Localized Service',
-          advantage5Desc: 'Provide comprehensive one-stop services from pre-sales to after-sales',
-          advantage6Title: 'AI Infrastructure & Model Services',
-          advantage6Desc: 'Provide overall underlying technical architecture, system support, and model services'
-        }
-      }
-    }
-  },
-  created() {
-    // 修复：确保从共享状态获取当前语言
-    this.initLanguage()
-  },
-  beforeDestroy() {
-    // 移除事件监听
-    if (this.languageChangedHandler) {
-      languageBus.$off('language-changed', this.languageChangedHandler)
+      // 删除了language和translations相关数据
     }
   },
   computed: {
@@ -222,41 +195,29 @@ export default Vue.extend({
     },
   },
   methods: {
-    // 初始化语言状态
-    initLanguage() {
-      // 直接从store获取当前语言，确保一致性
-      this.language = languageStore.getLanguage()
-      console.log('about页面初始化语言:', this.language)
-
-      // 保存事件处理函数的引用，以便正确移除
-      this.languageChangedHandler = (lang) => {
-        console.log('about页面接收到语言变化:', lang)
-        this.language = lang
-      }
-
-      // 监听语言变化事件
-      languageBus.$on('language-changed', this.languageChangedHandler)
-    }
+    // 删除了initLanguage方法
   }
 })
 </script>
 
 <style scoped lang="scss">
 .banner {
-  background: url("./img/banner.png") no-repeat center center;
+  background: url("./img/Newbanner.png") no-repeat top center;
   display: flex;
   justify-content: center;
   background-size: cover;
   align-items: center;
-  height: 250px;
+  height: 500px;
   flex-direction: column;
   font-weight: bold;
-  span {
+
+  div {
     background: linear-gradient(to right, #275AFF, #2EBDFA);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
     display: inline-block;
+    text-align: center;
   }
 }
 
@@ -266,6 +227,7 @@ export default Vue.extend({
   justify-content: flex-start;
   align-items: center;
   flex-direction: column;
+  background: linear-gradient(180deg, #fff 0%, #f6f8fd 40%, #fff 100%);
 
   .inBox {
     display: flex;
@@ -276,6 +238,14 @@ export default Vue.extend({
     .leftBox {
       width: 25%;
       height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+
+      .leftBoxtitle {
+        font-size: 30px;
+        font-weight: bold;
+      }
 
       img {
         width: 300px;
@@ -290,105 +260,275 @@ export default Vue.extend({
   }
 }
 
-.why {
+/* 企业文化部分样式 */
+.enterprise {
   width: 100%;
+  background: linear-gradient(180deg, #d7e9ff 0%, #fff 100%);
+  padding: 80px 0;
   display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-  height: 500px;
-  background: url("./img/jiajiebg.png");
-  background-position: center;
-  background-size: cover;
-
-  .whyUl {
-    padding-top: 90px;
-    width: 1300px;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-
-    li {
-      width: 280px;
-      height: 310px;
-      background: white;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      padding: 0 20px;
-
-      img {
-        width: 47px;
-        height: 45px;
-      }
-
-      .title {
-        margin: 15px 0;
-        font-size: 26px;
-        font-weight: bold;
-      }
-
-      .description {
-        color: #999;
-        font-size: 14px;
-        line-height: 2;
-      }
-    }
-  }
-}
-
-.ad {
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
 
-  .adUl {
+  .enterprise-inner {
     width: 1400px;
     display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
+    align-items: center;
 
-    li {
-      margin-bottom: 45px;
+    .left-box {
+      width: 25%;
       display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      width: 30% !important;
-      max-width: 30%;
-      padding-right: 15px;
+      justify-content: center;
+      align-items: flex-start;
 
-      .content {
+      .left-title {
+        font-size: 30px;
+        font-weight: bold;
         display: flex;
-        flex-direction: column;
-        justify-content: space-around;
-        align-items: flex-start;
-        padding-left: 15px;
-        font-size: 16px;
-
-        .description {
-          margin-top: 8px;
-          color: #666;
-          font-size: 14px;
-          line-height: 1.5;
-        }
+        justify-content: center;
       }
+    }
 
-      img {
-        width: 50px;
-        height: 50px;
+    .right-box {
+      width: 70%;
+      display: flex;
+      flex-direction: column;
+      gap: 40px;
+
+      .item {
+        display: flex;
+        align-items: center;
+        border-radius: 12px;
+        padding: 30px;
+        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+        transition: all 0.3s ease;
+
+        &:hover {
+          transform: translateY(-5px);
+          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+        }
+
+        .item-img {
+          flex-shrink: 0;
+          margin-right: 25px;
+
+          img {
+            width: 70px;
+            height: 70px;
+            object-fit: contain;
+          }
+        }
+
+        .item-content {
+          flex: 1;
+          display: flex;
+          align-items: center;
+
+          .item-tit {
+            margin-bottom: 15px;
+
+            div:first-child {
+              font-size: 24px;
+              font-weight: bold;
+              color: #333;
+              margin-right: 15px;
+            }
+
+            div:last-child {
+              font-size: 16px;
+              color: #666;
+              font-style: italic;
+            }
+          }
+
+          .item-text {
+            margin-left: 40px;
+
+            p {
+              font-size: 18px;
+              line-height: 1.6;
+              color: #444;
+              margin: 0;
+            }
+          }
+        }
       }
     }
   }
 }
 
+
 .zizhi {
+  height: 900px;
   width: 100%;
+  background: url("./img/zizhi.png") no-repeat;
+  background-size: 100% 100%;
   padding-bottom: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
+
+/* 新增渐变文字样式 */
+.gradient-text {
+  background: linear-gradient(to right, #0066FF, #66CCFF);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  display: inline-block;
+}
+
+// 优势样式
+.advantage {
+  padding: 80px 0;
+  background:#fff;
+
+  .advantage-tit {
+    text-align: center;
+    font-size: 30px;
+    font-weight: bold;
+    margin-bottom: 60px;
+  }
+
+  .advantage-content {
+    display: flex;
+    justify-content: center;
+
+    .advantage-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 30px;
+      width: 1200px;
+
+      .advantage-item {
+        position: relative;
+        border-radius: 12px;
+        padding: 40px 30px;
+        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+        transition: all 0.3s ease;
+        height: 140px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        overflow: hidden;
+        cursor: pointer;
+
+        /* 背景图设置 */
+        background-size: cover !important;
+        background-position: center !important;
+        background-repeat: no-repeat !important;
+
+        /* 默认状态：白色半透明遮罩，黑色文字 */
+        &::before {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background: rgba(255, 255, 255, 0.85);
+          border-radius: 12px;
+          z-index: 1;
+          transition: all 0.3s ease;
+        }
+
+        .content-wrapper {
+          position: relative;
+          z-index: 2;
+          transition: all 0.3s ease;
+        }
+
+        .top-tit {
+          font-size: 22px;
+          font-weight: bold;
+          margin-bottom: 15px;
+          color: #333;
+          transition: all 0.3s ease;
+        }
+
+        .btm-tit {
+          font-size: 16px;
+          line-height: 1.6;
+          color: #666;
+          transition: all 0.3s ease;
+        }
+
+        /* 悬停状态：蓝色半透明遮罩，白色文字 */
+        &:hover {
+          transform: translateY(-5px);
+          box-shadow: 0 8px 25px rgba(0, 102, 255, 0.2);
+
+          &::before {
+            background: rgba(0, 102, 255, 0.9);
+          }
+
+          .top-tit {
+            color: #fff;
+          }
+
+          .btm-tit {
+            color: rgba(255, 255, 255, 0.9);
+          }
+        }
+      }
+    }
+  }
+}
+
+/* 响应式设计 - 适配不同屏幕尺寸 */
+@media (max-width: 1200px) {
+  .mainBox .inBox,
+  .enterprise .enterprise-inner,
+  .advantage-content .advantage-grid {
+    width: 95% !important;
+  }
+
+  .advantage-content .advantage-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 768px) {
+  .banner {
+    height: 300px;
+    font-size: 28px !important;
+
+    p {
+      font-size: 16px;
+    }
+  }
+
+  .mainBox .inBox {
+    flex-direction: column;
+
+    .leftBox, .rightBox {
+      width: 100% !important;
+    }
+
+    .leftBox {
+      margin-bottom: 30px;
+    }
+  }
+
+  .enterprise .enterprise-inner {
+    flex-direction: column;
+
+    .left-box, .right-box {
+      width: 100% !important;
+    }
+
+    .left-box {
+      margin-bottom: 40px;
+      justify-content: flex-start;
+    }
+  }
+
+  .zizhi {
+    height: auto;
+    padding: 50px 0;
+  }
+
+  .advantage-item {
+    height: 160px !important;
+  }
+}
 </style>
diff --git a/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue b/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue
index c9a70b3..de57954 100644
--- a/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue
+++ b/f/web-kboss/src/views/homePage/mainPage/logoG/logoTwo.vue
@@ -1,13 +1,24 @@
 <template>
   <div class="parent">
     <div class="container-wrapper">
-      <div class="container">
-        <!-- 第一组图片 -->
-        <div v-for="(image, index) in images" :key="index" class="child">
+      <!-- 第一排 - 前8张图片 -->
+      <div class="container row1">
+        <div v-for="(image, index) in firstRowImages" :key="index" class="child">
           <img :src="image" alt="logo"/>
         </div>
-        <!-- 第二组相同的图片（用于无缝衔接） -->
-        <div v-for="(image, index) in images" :key="'dup-'+index" class="child">
+        <!-- 重复第一组图片（用于无缝衔接） -->
+        <div v-for="(image, index) in firstRowImages" :key="'dup-'+index" class="child">
+          <img :src="image" alt="logo"/>
+        </div>
+      </div>
+
+      <!-- 第二排 - 其余图片 -->
+      <div class="container row2">
+        <div v-for="(image, index) in secondRowImages" :key="'second-'+index" class="child">
+          <img :src="image" alt="logo"/>
+        </div>
+        <!-- 重复第二组图片（用于无缝衔接） -->
+        <div v-for="(image, index) in secondRowImages" :key="'second-dup-'+index" class="child">
           <img :src="image" alt="logo"/>
         </div>
       </div>
@@ -19,27 +30,30 @@
 export default {
   name: 'LogoCarousel',
   data() {
+    const allImages = [
+      require('./img/zizhi/img.png'),
+      require('./img/zizhi/img_1.png'),
+      require('./img/zizhi/img_2.png'),
+      require('./img/zizhi/img_3.png'),
+      require('./img/zizhi/img_4.png'),
+      require('./img/zizhi/img_5.png'),
+      require('./img/zizhi/img_6.png'),
+      require('./img/zizhi/img_7.png'),
+      require('./img/zizhi/img_8.png'),
+      require('./img/zizhi/img_9.png'),
+      require('./img/zizhi/img_10.png'),
+      require('./img/zizhi/img_11.png'),
+      require('./img/zizhi/img_12.png'),
+      require('./img/zizhi/img_13.png'),
+      require('./img/zizhi/img_15.png'),
+      require('./img/zizhi/img_16.png'),
+      require('./img/zizhi/img_17.png'),
+      require('./img/zizhi/img_18.png')
+    ];
+
     return {
-      images: [
-        require('./img/zizhi/img.png'),
-        require('./img/zizhi/img_1.png'),
-        require('./img/zizhi/img_2.png'),
-        require('./img/zizhi/img_3.png'),
-        require('./img/zizhi/img_4.png'),
-        require('./img/zizhi/img_5.png'),
-        require('./img/zizhi/img_6.png'),
-        require('./img/zizhi/img_7.png'),
-        require('./img/zizhi/img_8.png'),
-        require('./img/zizhi/img_9.png'),
-        require('./img/zizhi/img_10.png'),
-        require('./img/zizhi/img_11.png'),
-        require('./img/zizhi/img_12.png'),
-        require('./img/zizhi/img_13.png'),
-        require('./img/zizhi/img_15.png'),
-        require('./img/zizhi/img_16.png'),
-        require('./img/zizhi/img_17.png'),
-        require('./img/zizhi/img_18.png')
-      ]
+      firstRowImages: allImages.slice(0, 8), // 前8张图片
+      secondRowImages: allImages.slice(8)    // 其余图片
     }
   }
 }
@@ -48,7 +62,7 @@ export default {
 <style scoped>
 .parent {
   width: 100%;
-  height: 280px;
+  height: 400px;
   overflow: hidden;
   position: relative;
 }
@@ -57,15 +71,23 @@ export default {
   width: 100%;
   height: 100%;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
+    padding: 15px 0;
 }
 
 .container {
   display: inline-flex;
-  height: 100%;
+  height: 50%;
   animation: scroll 45s linear infinite;
   white-space: nowrap;
 }
 
+/* 第二排反向滚动 */
+.row2 {
+  animation: scrollReverse 40s linear infinite;
+}
+
 .child {
   flex: 0 0 auto;
   width: 300px;
@@ -80,7 +102,7 @@ export default {
   width: 100%;
   height: 100%;
   object-fit: contain;
-  padding: 10px; /* 可选内边距 */
+  padding: 10px;
   box-sizing: border-box;
 }
 
@@ -92,4 +114,13 @@ export default {
     transform: translateX(-50%);
   }
 }
+
+@keyframes scrollReverse {
+  0% {
+    transform: translateX(-50%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
 </style>
diff --git a/f/web-kboss/src/views/login/indexNew.vue b/f/web-kboss/src/views/login/indexNew.vue
index 93eb4cb..5163de1 100644
--- a/f/web-kboss/src/views/login/indexNew.vue
+++ b/f/web-kboss/src/views/login/indexNew.vue
@@ -1,164 +1,184 @@
 <template>
   <div @keyup.enter.native="handleLogin('loginForm')" class="main-box" style="position: relative">
+    <!-- 广告弹窗（当前未启用） -->
     <div class="ad-dialog" v-if="adShow">
       <div class="showAdImg" style=""></div>
     </div>
-    <!--  登录-->
-    <img src="../../assets/kyy/login-bg.png" alt="">
-    <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt="" v-if="isLogo && isShow">
-    <img @click="goHomePage" style="cursor: pointer" class="logo-top" src="../../assets/kyy/LOGONew.png" alt=""
-      v-else-if="isShow">
-    <!--    <div-->
 
-    <!--      style="position:absolute;top:15px;cursor: pointer;left: 15px;height: 100px!important;width: 250px!important;display: flex"-->
-    <!--      v-else>-->
-    <!--      <img style="width: 126px!important;height: 58px!important;" @click="goHomePage"-->
-    <!--           class="logo-top"-->
-    <!--           src="./img/yun.png" alt="">-->
-    <!--      <span-->
-    <!--        style="margin-left: 8px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#0052a4;margin-top: 53px">opencomputing</span>-->
-    <!--    </div>-->
+    <!-- 页面顶部的横幅图片 -->
+    <!-- <img src="" alt=""> -->
 
-    <div class="login-form" v-if="showWxCode" style="display:flex;align-items:center;justify-content:center;"
-      id="login_containera"></div>
-    <div v-else class="login-form">
-      <!--      <div style="width: 535px;height: 85px;">-->
-      <div style="width: 100% ;height: 85px;" v-if="false">
-        <before-login style="margin-top: 15px;width: 100%!important;" v-if="isShowSaleProduct"></before-login>
+    <div class="conter">
+      <div class="left">
+        <p class="title"> <span class="color">开元云</span> 您身边的AI管家</p>
+        <p class="text">全 球 领 先 的 AI 服 务 运 营 商</p>
       </div>
-      <!--      </div>-->
-      <div v-if="true" class="main-content-box"
-        style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 25px">
-        <span class="login-text">登录</span>
-        <div class="login-container login-form-style">
-          <div class="login-type">
-            <span :class="{ activeType: loginType === '0' }" @click="changeLoginType('0')">账号登录</span>
-            <span :class="{ activeType: loginType === '1' }" @click="changeLoginType('1')">手机号登录</span>
+      <div class="right">
+        <!-- 根据条件显示不同的Logo -->
+        <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt=""
+          v-if="isLogo && isShow">
+        <img @click="goHomePage" style="cursor: pointer" class="logo-top" src="../../assets/kyy/LOGONew.png" alt=""
+          v-else-if="isShow">
+
+        <!-- 微信登录二维码容器 -->
+        <div class="login-form" v-if="showWxCode" style="display:flex;align-items:center;justify-content:center;"
+          id="login_containera"></div>
+
+        <!-- 主登录表单 -->
+        <div v-else class="login-form">
+          <!-- 前置登录组件（当前未启用） -->
+          <div style="width: 100% ;height: 85px;" v-if="false">
+            <before-login style="margin-top: 15px;width: 100%!important;" v-if="isShowSaleProduct"></before-login>
           </div>
-          <el-tabs v-model="activeName" @tab-click="handleClick">
-            <!-- <el-tab-pane label="" name="first"> -->
-            <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form-l" autocomplete="on"
-              label-position="left">
-              <el-form-item prop="username" style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
-                <div class="user-input">
-                  <span class="svg-container icon-box">
-                    <!--                  <svg-icon icon-class="Icon-user2icon" />-->
-                    <img src="../../assets/kyy/用户.svg" alt="">
-                  </span>
-                  <el-input id="uesr-name-id" ref="username" v-model="loginForm.username" placeholder="请输入用户名/手机号"
-                    name="username" type="text" class="userInput" />
-                </div>
-              </el-form-item>
-              <el-tooltip v-if="loginType === '0'" v-model="capsTooltip" style="margin-bottom: 7px"
-                content="Caps lock is On" placement="right" manual>
-                <el-form-item prop="password" class="password-mobile"
-                  style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
-                  <div class="user-input">
-                    <span class="svg-container icon-box" style="padding: 2px;color: #9699a0;">
-                      <!--                    <svg-icon icon-class="password" />-->
-                      <img src="./svg/密码.svg" style="color: #6c7079" alt="">
-                    </span>
-                    <el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
-                      :type="passwordType" placeholder="请输入密码" name="password" @keyup.native="checkCapslock"
-                      @blur="capsTooltip = false" @keyup.enter.native="handleLogin" />
-                    <span class="show-pwd" @click="showPwd">
-                      <svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'
-                        " />
+
+          <!-- 主要登录内容 -->
+          <div v-if="true" class="main-content-box"
+            style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 25px">
+            <!-- 登录标题 -->
+            <span class="login-text">登录</span>
+
+            <!-- 登录容器 -->
+            <div class="login-container login-form-style">
+              <!-- 登录类型切换：账号登录/手机号登录 -->
+              <div class="login-type">
+                <span :class="{ activeType: loginType === '0' }" @click="changeLoginType('0')">账号登录</span>
+                <span :class="{ activeType: loginType === '1' }" @click="changeLoginType('1')">手机号登录</span>
+              </div>
+
+              <!-- Element UI 标签页组件 -->
+              <el-tabs v-model="activeName" @tab-click="handleClick">
+                <!-- 登录表单 -->
+                <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form-l" autocomplete="on"
+                  label-position="left">
+
+                  <!-- 用户名/手机号输入框 -->
+                  <el-form-item prop="username"
+                    style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
+                    <div class="user-input">
+                      <span class="svg-container icon-box">
+                        <!-- 用户图标 -->
+                        <img src="../../assets/kyy/用户.svg" alt="">
+                      </span>
+                      <el-input id="uesr-name-id" ref="username" v-model="loginForm.username" placeholder="请输入用户名/手机号"
+                        name="username" type="text" class="userInput" />
+                    </div>
+                  </el-form-item>
+
+                  <!-- 密码输入框（仅在账号登录模式下显示） -->
+                  <el-tooltip v-if="loginType === '0'" v-model="capsTooltip" style="margin-bottom: 7px"
+                    content="Caps lock is On" placement="right" manual>
+                    <el-form-item prop="password" class="password-mobile"
+                      style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
+                      <div class="user-input">
+                        <span class="svg-container icon-box" style="padding: 2px;color: #9699a0;">
+                          <!-- 密码图标 -->
+                          <img src="./svg/密码.svg" style="color: #6c7079" alt="">
+                        </span>
+                        <el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
+                          :type="passwordType" placeholder="请输入密码" name="password" @keyup.native="checkCapslock"
+                          @blur="capsTooltip = false" @keyup.enter.native="handleLogin" />
+                        <!-- 显示/隐藏密码按钮 -->
+                        <span class="show-pwd" @click="showPwd">
+                          <svg-icon style="margin-right: 10px;cursor: pointer"
+                            :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
+                        </span>
+                      </div>
+                    </el-form-item>
+                  </el-tooltip>
+
+                  <!-- 验证码输入框（仅在手机号登录模式下显示） -->
+                  <div v-else style="display:flex;margin-top:20px;"
+                    v-show="loginForm.username !== 'admin' && loginForm.password !== 'admin'">
+                    <el-form-item prop="" class="invitecode"
+                      style="background-color: white; border: 1px solid #d9d9d9;">
+                      <div class="user-input">
+                        <span class="svg-container icon-box">
+                          <!-- 验证码图标 -->
+                          <img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
+                        </span>
+                        <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
+                      </div>
+                    </el-form-item>
+                    <!-- 获取验证码按钮 -->
+                    <span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
+                      @click="getCode">
+                      {{ SendCode_text }}
                     </span>
                   </div>
-                </el-form-item>
-              </el-tooltip>
 
-              <div v-else style="display:flex;margin-top:20px;"
-                v-show="loginForm.username !== 'admin' && loginForm.password !== 'admin'">
-                <el-form-item prop="" class="invitecode" style="background-color: white; border: 1px solid #d9d9d9;">
-                  <div class="user-input">
-                    <span class="svg-container icon-box">
-                      <img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
-                    </span>
-                    <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
+                  <!-- 登录按钮 -->
+                  <div style="display:flex;">
+                    <el-button @keyup.enter.native="handleLogin('loginForm')" :loading="loading" type="primary"
+                      style="width: 300px;margin-top: 30px;margin-bottom: 10px" class="login-btn"
+                      @click.native.prevent="handleLogin('loginForm')">
+                      立即登录
+                    </el-button>
                   </div>
-                </el-form-item>
-                <span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
-                  @click="getCode">{{ SendCode_text }}
-                </span>
-              </div>
 
-              <!--              <div style="display:flex;width: 300px;">-->
-              <!--                <span class="tip-word">登录视为您已阅读并同意开元云科技 服务条款 和 隐私政策</span>-->
-              <!--              </div>-->
-              <div style="display:flex;">
-                <el-button @keyup.enter.native="handleLogin('loginForm')" :loading="loading" type="primary"
-                  style="width: 300px;margin-top: 30px;margin-bottom: 10px" class="login-btn"
-                  @click.native.prevent="handleLogin('loginForm')">立即登录
-                </el-button>
-              </div>
-              <div style="display:flex;margin-bottom: 30px">
-                <el-button style="width: 300px;margin-top: 10px;color: #1890ff" class="login-btn"
-                  @click.native.prevent="wxBtn">微信登录
-                </el-button>
-              </div>
-              <div class="two-btn">
-                <span type="text" class="forget-password" @click="resetPassword()">忘记密码?
-                </span>
-                <span :loading="loading" type="primary" class="go-register"
-                  style="width: 127px; margin-bottom: 30px; margin-left: 0px" @click.native.prevent="handleRegister"
-                  @click="handleRegister">没有账号？<span class="go-register-btn">去注册</span>
-                </span>
-              </div>
-            </el-form>
-            <!-- </el-tab-pane> -->
-            <!--            <el-tab-pane label="手机号登录" name="second">配置管理</el-tab-pane>-->
-          </el-tabs>
+                  <!-- 微信登录按钮 -->
+                  <div style="display:flex;margin-bottom: 30px">
+                    <el-button style="width: 300px;margin-top: 10px;color: #1890ff" class="login-btn"
+                      @click.native.prevent="wxBtn">
+                      微信登录
+                    </el-button>
+                  </div>
 
-          <el-dialog title="重置密码" :visible.sync="dialogVisible" width="25%" class="myDialog">
-            <el-form ref="form" :model="form" label-width="100px" :rules="forms">
-              <el-form-item label="用户名:" prop="username" class="rePassword" style="background-color: white">
-                <el-input v-model="form.username" class="name-input" placeholder="请先输入用户名/手机号"
-                  style="background-color: white;border:1px solid #d9d9d9;border-radius: 3px;"></el-input>
-              </el-form-item>
-              <el-form-item label="密码:" prop="password" style="background-color: white">
-                <el-input v-model="form.password" style="border:1px solid #d9d9d9;border-radius: 3px"
-                  placeholder="请输入新密码"></el-input>
-              </el-form-item>
-              <el-form-item label="验证码:" prop="vcode" style="background-color: white">
-                <div style="display: flex; flex-direction: row">
-                  <el-input style="border:1px solid #d9d9d9;border-radius: 3px" ref="vcode" v-model="form.vcode"
-                    placeholder="请输入验证码" name="vcode" type="text" />
-                  <el-button type="primary" size="mini" style="height: 40px; margin-left: 10px" :disabled="isDisabled1"
-                    @click="getCode1">{{ SendCode_text1 }}
-                  </el-button>
-                </div>
-              </el-form-item>
-              <div class="dialog-footer">
-                <el-button size="small" @click="cancelReset">取 消</el-button>
-                <el-button type="primary" size="small" @click="handleSubmit">确 定</el-button>
-              </div>
-            </el-form>
-          </el-dialog>
-          <!--          <el-dialog-->
-          <!--            title="提示"-->
-          <!--            :visible.sync="showInviteCode"-->
-          <!--            width="30%">-->
-          <!--            <span slot="footer" class="dialog-footer">-->
-          <!--             <promotionalInvitationCode ref="codeRef"></promotionalInvitationCode>-->
-          <!--  </span>-->
-          <!--            <span slot="footer" class="dialog-footer">-->
-          <!--    <el-button @click="showInviteCode = false">取 消</el-button>-->
-          <!--    <el-button type="primary" @click="useCodeConfirm">确 定</el-button>-->
-          <!--  </span>-->
-          <!--          </el-dialog>-->
+                  <!-- 底部链接：忘记密码和注册 -->
+                  <div class="two-btn">
+                    <span type="text" class="forget-password" @click="resetPassword()">
+                      忘记密码?
+                    </span>
+                    <span :loading="loading" type="primary" class="go-register"
+                      style="width: 127px; margin-bottom: 30px; margin-left: 0px" @click.native.prevent="handleRegister"
+                      @click="handleRegister">
+                      没有账号？<span class="go-register-btn">去注册</span>
+                    </span>
+                  </div>
+                </el-form>
+              </el-tabs>
+
+              <!-- 重置密码对话框 -->
+              <el-dialog title="重置密码" :visible.sync="dialogVisible" width="25%" class="myDialog">
+                <el-form ref="form" :model="form" label-width="100px" :rules="forms">
+                  <el-form-item label="用户名:" prop="username" class="rePassword" style="background-color: white">
+                    <el-input v-model="form.username" class="name-input" placeholder="请先输入用户名/手机号"
+                      style="background-color: white;border:1px solid #d9d9d9;border-radius: 3px;">
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item label="密码:" prop="password" style="background-color: white">
+                    <el-input v-model="form.password" style="border:1px solid #d9d9d9;border-radius: 3px"
+                      placeholder="请输入新密码">
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item label="验证码:" prop="vcode" style="background-color: white">
+                    <div style="display: flex; flex-direction: row">
+                      <el-input style="border:1px solid #d9d9d9;border-radius: 3px" ref="vcode" v-model="form.vcode"
+                        placeholder="请输入验证码" name="vcode" type="text" />
+                      <el-button type="primary" size="mini" style="height: 40px; margin-left: 10px"
+                        :disabled="isDisabled1" @click="getCode1">
+                        {{ SendCode_text1 }}
+                      </el-button>
+                    </div>
+                  </el-form-item>
+                  <div class="dialog-footer">
+                    <el-button size="small" @click="cancelReset">取 消</el-button>
+                    <el-button type="primary" size="small" @click="handleSubmit">确 定</el-button>
+                  </div>
+                </el-form>
+              </el-dialog>
+            </div>
+          </div>
         </div>
+
       </div>
-
     </div>
-
+    <!-- 页面底部信息 -->
     <div class="message-footer">
       <div class="item">
         <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge" @click="goPloic">京公网安备：{{
           logoInfoNew.home.publicsecurity }}</span>
-        <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge"
-          @click="goIPC">京ICP备：{{ logoInfoNew.home.license }}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge" @click="goIPC">京ICP备：{{
+          logoInfoNew.home.license }}</span>
         <span v-if="JSON.stringify(logoInfoNew) !== '{}'">增值电信业务经营许可证：{{ logoInfoNew.home.businesslicense }}</span>
         <span v-if="JSON.stringify(logoInfoNew) !== '{}'">邮箱：{{ logoInfoNew.home.email }}</span>
       </div>
@@ -170,135 +190,157 @@
 </template>
 
 <script>
+// 导入API接口
 import {
-  getCodeAPI,
-  getLogoAPI,
-  getPasswordCodeAPI,
-  logintypeAPI,
-  loginUserAPI,
-  reqGetAppidAPI,
-  reqGetCodeAPI,
-  retrieveCodeAPI,
+  getCodeAPI,      // 获取验证码API
+  getLogoAPI,      // 获取Logo信息API
+  getPasswordCodeAPI, // 重置密码API
+  logintypeAPI,    // 登录类型API
+  loginUserAPI,    // 用户登录API
+  reqGetAppidAPI,  // 获取微信AppID API
+  reqGetCodeAPI,   // 获取微信授权码API
+  retrieveCodeAPI, // 获取重置密码验证码API
 } from "@/api/login";
+
 import store from "@/store";
-import { JSEncrypt } from "jsencrypt";
+import { JSEncrypt } from "jsencrypt"; // RSA加密库
 import BeforeLogin from "@/views/beforeLogin/index.vue";
 import promotionalInvitationCode from "@/views/customer/promotionalInvitationCode"
 import { mapState } from "vuex";
 import axios from "axios";
-import './js/wxLogin.js'
+import './js/wxLogin.js' // 微信登录JS
 import { Message } from "element-ui";
 import router, { resetRouter } from "@/router";
 import { reqNewHomeFestival } from "@/api/newHome";
 import { getHomePath } from '@/views/setting/tools'
+
 export default {
   name: "indexNew",
   components: { BeforeLogin, promotionalInvitationCode },
   data() {
     return {
-      wechat_openid: '',
-      wxState: ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)),
-      getCodeTimer: null,
-      showWxCode: false,
-      isShow: false,
-      logoUrlOut: '',
-      loginType: '0',//0 账号密码 1 手机号登录
-      showInviteCode: false,//使用邀请码
-      adShow: false,
-      logoImg: require("../../assets/kyy/LOGO.png"),
-      logoText: "开元云",
-      photosUrl: null,
-      url: window.location.href,
-      SendCode_text: "获取验证码",
-      SendCode_text1: "获取验证码",
-      isDisabled: false,
-      isDisabled1: false,
-      dialogVisible: false,
-      loading: false,
+      // 微信登录相关
+      wechat_openid: '', // 微信OpenID
+      wxState: ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)), // 微信授权state参数
+      getCodeTimer: null, // 获取微信授权码的定时器
+
+      // 显示控制
+      showWxCode: false, // 是否显示微信登录二维码
+      isShow: false,     // 是否显示Logo
+      logoUrlOut: '',    // Logo外部链接
+      loginType: '0',    // 登录类型：0-账号密码登录，1-手机号登录
+      showInviteCode: false, // 是否显示邀请码对话框
+      adShow: false,     // 是否显示广告弹窗
+      logoImg: require("../../assets/kyy/LOGO.png"), // 默认Logo
+      logoText: "开元云", // Logo文本
+      photosUrl: null,   // Logo信息
+      url: window.location.href, // 当前页面URL
+
+      // 验证码相关
+      SendCode_text: "获取验证码",  // 手机登录验证码按钮文本
+      SendCode_text1: "获取验证码", // 重置密码验证码按钮文本
+      isDisabled: false,  // 手机登录验证码按钮是否禁用
+      isDisabled1: false, // 重置密码验证码按钮是否禁用
+
+      // 对话框和加载状态
+      dialogVisible: false, // 重置密码对话框是否可见
+      loading: false,       // 登录按钮加载状态
+
+      // 登录表单数据
       loginForm: {
-        username: "",
-        password: "",
-        vcode: "",
-        codeid: ""
+        username: "",  // 用户名/手机号
+        password: "",  // 密码
+        vcode: "",     // 验证码
+        codeid: ""     // 验证码ID
       },
-      activeName: 'first',
+
+      activeName: 'first', // 标签页激活项
+
+      // 表单验证规则
       rules: {
         username: [{ required: true, message: "请输入用户名/手机号", trigger: "blur" }],
         password: [{ required: true, message: "请输入密码", trigger: "blur" }],
         code: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
+
+      // 大写锁定提示
       capsTooltip: false,
-      passwordType: "password",
+      passwordType: "password", // 密码输入框类型：password或text
+
+      // 重置密码表单数据
       form: {
-        username: "",
-        vcode: "",
-        password: "",
-        id: "",
-        codeid: "",
+        username: "", // 用户名
+        vcode: "",    // 验证码
+        password: "", // 新密码
+        id: "",       // 用户ID
+        codeid: "",   // 验证码ID
       },
+
+      // 重置密码表单验证规则
       forms: {
         username: [{ required: true, message: "请输入姓名", trigger: "blur" }],
         password: [{ required: true, message: "请输入密码", trigger: "blur" }],
         vcode: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
+
+      // Logo显示控制
       isLogo: false,
-      isShowSaleProduct: false,
-      vedioObj: {}
+      isShowSaleProduct: false, // 是否显示销售产品
+      vedioObj: {} // 视频通话对象
     }
   },
+
   created() {
+    // 页面创建时的初始化
     this.init()
-    // this.testFn()
     store.commit('tagsView/resetBreadcrumbState');
+
+    // 保存登出URL
     if (window.location.href.includes("opencomputing") && window.location.href.includes("domain_name") || !window.location.href.includes("opencomputing")) {
       this.$store.commit('setLogoutUrl', window.location.href)
     } else {
       this.$store.commit('setLogoutUrl', "")
     }
+
+    // 从URL中提取域名参数
     let url = window.location.href
-    // https://www.opencomputing.cn/?domain_name=Yr8wFg7AbfxM7wlv_4ORN#/login
-    // 'https://www.opencomputing.cn/?domain_name=Yr8wFg7AbfxM7wlv_4ORN#/login'.split('domain_name=')[1].split('#/login')[0]
-    // console.log("本页面的是", url)
     let params = {
       domain_name: url.includes('domain_name') ? url.split('domain_name=')[1].split('#/login')[0] : ''
     }
 
+    // 获取销售登录信息
     this.$store.dispatch('getSaleLoginMessage', params).then(res => {
-      // console.log("执行了", params)
       this.isShowSaleProduct = res
     })
   },
+
   beforeDestroy() {
+    // 组件销毁前清理定时器和事件监听
     clearInterval(this.timer)
     clearInterval(this.getCodeTimer)
     window.removeEventListener('keydown', this.handleEnter);
   },
+
   mounted() {
-    window.addEventListener('keydown', this.handleEnter);
+    // 页面挂载后的初始化
+    window.addEventListener('keydown', this.handleEnter); // Enter键登录事件
+
+    // 监听微信登录成功消息
     window.addEventListener('message', (event) => {
-      // this.$message.success("event.data.type",event)
       if (event.data.type === 'wx_login_success') {
         const { code } = event.data
         console.log(event.data)
-        // 处理微信返回的code
         this.$message.success("code", code)
       }
     })
-
-    // this.audioElement = new Audio('https://www.opencomputing.cn/dev/idfile?path=/batch_upload/phone-ring.mp3');
-    // // 设置音频循环播放
-    // this.audioElement.loop = true;
-    // if (window.location.href.includes("ncmatch")) {
-    //   this.$store.commit('login/setLogoutUrl',window.location.href)
-    // }
   },
 
   methods: {
+    // 跳转到百度产品页面
     goBaidu(listUrl, url) {
       this.$store.commit('setRedirectUrl', url)
       localStorage.setItem('redirectUrl', url)
       localStorage.setItem('userRescourseUrl', listUrl)
-      // console.log("边度item", )
       this.$router.push({
         name: 'baiduProductShow',
         params: {
@@ -306,9 +348,9 @@ export default {
           url: url
         }
       })
-      // this.$router.push({path: '/product/baiduProduct',})
-
     },
+
+    // 跳转到阿里云活动页面
     goAliyun() {
       reqNewHomeFestival().then(res => {
         if (res.status) {
@@ -319,11 +361,14 @@ export default {
       })
     },
 
+    // 处理Enter键登录
     handleEnter(e) {
       if (e.key === 'Enter') {
         this.handleLogin('loginForm');
       }
     },
+
+    // 显示提示信息
     open2(msg) {
       this.$notify.info({
         title: '提示',
@@ -331,16 +376,19 @@ export default {
         duration: 0
       });
     },
-    pollWxCode() {
 
+    // 轮询获取微信登录授权码
+    pollWxCode() {
       this.getCodeTimer = setInterval(async () => {
         try {
+          // 请求微信授权码
           const res = await reqGetCodeAPI({ state: this.wxState });
           if (!res.status) return;
 
           clearInterval(this.getCodeTimer); // 清理定时器
           this.showWxCode = true;
 
+          // 使用微信授权码登录
           const response = await loginUserAPI({ wechatCode: res.code });
           console.log("response:", response);
 
@@ -355,7 +403,7 @@ export default {
 
             const { data, admin, user, userId, org_type } = response;
 
-            // 存储用户信息
+            // 存储用户信息到本地存储
             localStorage.setItem("user_info", JSON.stringify(user));
             sessionStorage.setItem("userId", userId);
             sessionStorage.setItem("user", user);
@@ -363,7 +411,7 @@ export default {
             sessionStorage.setItem("org_type", org_type);
             sessionStorage.setItem("username", user.username); // 存储用户名
 
-            // 处理角色
+            // 处理用户角色
             if (admin !== 1) {
               sessionStorage.setItem("juese", response.roles[0]);
               sessionStorage.setItem("jueseNew", response.roles);
@@ -387,7 +435,6 @@ export default {
 
             // 根据角色跳转到不同页面
             if (org_type === "2" || org_type === "3") {
-              // this.$router.push({ name: "productHome" });
               this.$router.push("/product/productHome");
             } else if (response.roles.includes("运营")) {
               this.$router.push("/operation/supplierManagement");
@@ -413,28 +460,29 @@ export default {
           }
         } catch (error) {
           console.error("登录失败:", error);
-          // this.$message.error(response.msg);
         } finally {
           this.loading = false;
         }
       }, 800);
-
     },
 
-
+    // 初始化微信登录二维码
     initWxCode(appid) {
+      // 根据环境确定回调URL
       let origin_uri = window.location.href.includes("dev") ? "https://dev.opencomputing.cn" : "https://www.opencomputing.cn"
       let obj = new WxLogin({
         self_redirect: true,       // 登录后是否跳转到当前页面
         id: "login_containera",     // 绑定的div容器id
         appid: appid,      // 填入你的微信公众号或小程序的APPID
         scope: "snsapi_login",     // 微信登录的权限范围，snsapi_login表示微信扫码登录
-        redirect_uri: encodeURIComponent(origin_uri + "/kpi/update_code_state.dspy"),  // 微信授权回调的URL，用户授权后重定向的地址
-        state: this.wxState,       // 防止CSRF攻击的随机字符串，用于保证请求的一致性
-        style: "border:none;",     // 登录框样式，可以调整
-        href: "https://www.opencomputing.cn/"          // 点击登录按钮后的跳转链接（通常是授权登录后的跳转）
+        redirect_uri: encodeURIComponent(origin_uri + "/kpi/update_code_state.dspy"),  // 微信授权回调的URL
+        state: this.wxState,       // 防止CSRF攻击的随机字符串
+        style: "border:none;",     // 登录框样式
+        href: "https://www.opencomputing.cn/"          // 点击登录按钮后的跳转链接
       });
     },
+
+    // 微信登录按钮点击事件
     wxBtn() {
       reqGetAppidAPI().then(res => {
         if (res.status) {
@@ -450,67 +498,30 @@ export default {
           })
         }
       })
-
     },
+
+    // 切换登录类型
     changeLoginType(loginType) {
       this.loginType = loginType
     },
-    testFn() {
-      // let params = {
-      //   url_link: this.GetQueryString(window.location.href)
-      //   // url_link: 'https://www.baidu.com'
-      // }
-      // getLogoAPI(params).then((res) => {
-      //   console.log("测试的值时", res)
-      // })
-      axios.get('https://www.opencomputing.cn/dev/reseller/get_ipc_logo.dspy', {
-        params: {
-          url_link: 'https://www.opencomputing.cn/dev/?domain_name=TqXo2VbiB47nzUrB_ZLxq'  // 这里设置查询参数 a: 1
-        }
-      })
-    },
+
+    // 跳转到公安备案页面
     goPloic() {
-
-
       window.open('https://beian.mps.gov.cn/#/query/webSearch')
     },
-    goIPC() {
 
+    // 跳转到工信部备案页面
+    goIPC() {
       window.open('https://beian.miit.gov.cn/')
     },
-    playAudio() {
-      console.log("开始按钮点击了")
-      this.audioElement.play();
-    },
-    pauseAudio() {
-      this.audioElement.pause();
-      this.audioElement.currentTime = 0; // 将音频的播放位置设置为0，以便下次播放从头开始
-    },
-    callIn() {
-      this.pauseAudio()
 
-      console.log("接通电话被点击了")
-      this.$store.commit('setShowVideo', false)
-      this.$router.push({
-        path: '/sales/chat',
-        query: {
-          chatIsOn: this.vedioObj.chatIsOn,
-          vedioIsOn: this.vedioObj.vedioIsOn,
-          audioIsOn: this.vedioObj.audioIsOn,
-        }
-      })
-    },
-    callOff() {
-      this.pauseAudio()
-      console.log("挂断电话被点击了")
-      this.$store.commit('setShowVideo', false)
-    },
+    // 初始化WebSocket（销售角色专用）
     initWebSocket(userId) {
-      // let webSocketUrl = 'wss://www.opencomputing.cn/dev/wss/pub/rtcc.ws'
       let webSocketUrl = 'wss://www.opencomputing.cn/pub/rtcc.ws'
       console.log(webSocketUrl)
       this.socket = new WebSocket(webSocketUrl)
-      // this.$store.commit('setSocket', new WebSocket('wss://120.92.102.27:27017/wss'))
+
+      // WebSocket连接打开事件
       this.socket.onopen = (event) => {
         console.log('WebSocket连接已打开');
         this.socket.send(JSON.stringify({
@@ -520,23 +531,17 @@ export default {
           'content': {}
         }));
       };
-      let p = {}
 
+      // WebSocket消息接收事件
       this.socket.onmessage = (event) => {
-        // console.log("登录的evebt", event)
         this.userId = sessionStorage.getItem('userId')
-        //先判断当前是不是销售角色
+        // 判断当前是否为销售角色
         if (sessionStorage.getItem('juese') === '销售') {
           let data = JSON.parse(JSON.parse(event.data).data)
-          // console.log("报错的位置",typeof  data.content)
           let content = JSON.stringify(data.content) !== '{}' ? JSON.parse(data.content) : {}
           if (event.data !== undefined && content.value === 'customer') {
-            // console.log("传来的uuid是", JSON.parse(JSON.parse(event.data).content).uuid)
             if (data.uuid === this.userId) {
-              // Object.assign(this.vedioObj, JSON.parse(event.data))
               this.$store.commit('setShowVideo', true)
-              // this.playAudio()
-              this.audioElement.playAudio()
               console.log("走了if")
             }
           } else {
@@ -545,14 +550,15 @@ export default {
         } else {
           console.log("websocket走了else")
         }
-
       };
 
+      // WebSocket连接关闭事件
       this.socket.onclose = (event) => {
         console.log('WebSocket连接已关闭');
       };
-      // this.$store.commit('setSocket')
     },
+
+    // 密码RSA加密
     passwordEncryption(passwordUser) {
       let publicKey = "-----BEGIN PUBLIC KEY-----\n" +
         "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEApJ3ThUWT3CgvH0O8rrT6\n" +
@@ -562,39 +568,21 @@ export default {
         "Q8v2pnqp19jItuHeD4G4u7a8fWC3/IGEv4+uc5rq5qhwdzRxHUveNmoE+nyh0T8R\n" +
         "C8Y8/XLkEiD0nMvZZjBn7Bof6f1st0aqJX8R1VGvzdTJ8eTvJuyMNsR4wLoF5Pvx\n" +
         "hQIDAQAB\n" +
-        "-----END PUBLIC KEY-----" // 从后台获取公钥，这个保存一下，在这里用。
-      // console.log('后台公钥---------> ', publicKey)
+        "-----END PUBLIC KEY-----" // 从后台获取公钥
+
       let encryptor = new JSEncrypt()  // 新建JSEncrypt对象
       encryptor.setPublicKey(publicKey)  // 设置公钥
       let passwordEncryp = encryptor.encrypt(passwordUser)  // 对密码进行加密
       return passwordEncryp
     },
-    //使用邀请码
-    useCode() {
-      this.showInviteCode = true
-    },
-    //邀请码确认按钮
-    useCodeConfirm() {
-      this.$refs.codeRef.onsubmit('form')
 
-      if (this.isSuccessCode) {
-        this.showInviteCode = false
-      }
-      // this.showInviteCode = false
-    },
+    // 跳转到首页
     goHomePage() {
-      // this.$router.push('/homePage')
-      // if (this.logoUrlOut) {
-      //   window.location.href = this.logoUrlOut
-      // } else {
-      //   window.location.href = 'https://www.opencomputing.cn/';
-      // }
       this.$router.push(getHomePath())
     },
+
+    // 初始化Logo信息
     init() {
-      // let params = {
-      //   url_link: this.GetQueryString(window.location.href)
-      // }
       let remoteUrl = ''
       if (window.location.href.includes("dev")) {
         remoteUrl = 'https://www.opencomputing.cn/dev/reseller/get_ipc_logo.dspy'
@@ -603,46 +591,12 @@ export default {
       } else {
         remoteUrl = 'https://www.opencomputing.cn/reseller/get_ipc_logo.dspy'
       }
-      // axios.get(remoteUrl, {
-      //   params: {
-      //     url_link: params.url_link // 这里设置查询参数 a: 1
-      //   }
-      // }).then(res => {
-      //   console.log(res.status == true)
-      //   console.log(res.data)
-      //   console.log(res.data.length > 0)
-      //   if (res.status == true && res.data && res.data.length > 0) {
-      //     this.photosUrl = res.data[0];
-      //     if (this.photosUrl.orgname != '业主机构') {
-      //       this.isLogo = true
-      //       this.logoImg = this.photosUrl.logo;
-      //       this.logoText = this.photosUrl.orgname;
-      //     }
-      //   } else {
-      //     console.log("sdsddas@@@")
-      //     this.$message({
-      //       // message: res.msg,
-      //       message: "获取ipc失败~",
-      //       type: "error",
-      //     });
-      //   }
-      // })
-
-      // getLogoAPI(params).then((res) => {
 
       let params = {
         url_link: this.GetQueryString(this.url)
-        // url_link: 'https://www.baidu.com'
       }
-      // axios.get(remoteUrl, {
-      //   params: {
-      //     url_link: params.url_link
-      //   }
-      // })
-      getLogoAPI(params).then((res) => {
-        // if (res.data.status == true && res.data.data && res.data.data.length) {
-        //   this.photosUrl = res.data.data[0];
 
+      getLogoAPI(params).then((res) => {
         if (res.status == true && res.data && res.data.length) {
           this.$store.commit('setLogoInfo', res.data[0]);
           this.isShow = true
@@ -664,20 +618,23 @@ export default {
         } else {
           console.log("sdsddas@@@")
           this.$message({
-            // message: res.msg,
             message: "获取ipc失败~",
             type: "error",
           });
         }
       });
     },
+
+    // 获取URL查询参数
     GetQueryString(name) {
       if (name.indexOf("#") != -1) {
         const params = name.split("#")[0];
         return params;
       }
     },
-    getCode() { //获取验证码
+
+    // 获取手机登录验证码
+    getCode() {
       getCodeAPI({ username: this.loginForm.username }).then((res) => {
         console.log(res);
         if (res.status) {
@@ -716,10 +673,11 @@ export default {
               type: "error",
             });
           }
-
         }
       });
     },
+
+    // 获取重置密码验证码
     getCode1() {
       retrieveCodeAPI({ username: this.form.username }).then((res) => {
         if (res.status == true) {
@@ -753,17 +711,23 @@ export default {
         }
       });
     },
+
+    // 标签页点击事件
     handleClick(tab, event) {
       console.log(tab, event);
     },
+
+    // 检查大写锁定状态
     checkCapslock(e) {
       const { key } = e;
       this.capsTooltip = key && key.length === 1 && key >= "A" && key <= "Z";
     },
-    handleLogin(formName) {  //登录
 
+    // 处理登录
+    handleLogin(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
+          // 根据登录类型构建不同的API参数
           let apiOneIphone = {
             username: this.loginForm.username,
             domain_name: this.photosUrl?.domain_name ? this.photosUrl.domain_name : '',
@@ -771,51 +735,45 @@ export default {
             codeid: this.loginForm.codeid,
             wechat_openid: this.wechat_openid
           }
+
           let apiOne = {
             username: this.loginForm.username,
             domain_name: this.photosUrl?.domain_name ? this.photosUrl.domain_name : '',
             password: this.passwordEncryption(this.loginForm.password),
             wechat_openid: this.wechat_openid
-            // password: this.loginForm.password,
           }
+
           let apiTwoIphone = {
             username: this.loginForm.username,
             vcode: this.loginForm.vcode,
             codeid: this.loginForm.codeid,
             wechat_openid: this.wechat_openid
           }
+
           let apiTwo = {
             username: this.loginForm.username,
             password: this.passwordEncryption(this.loginForm.password),
-            // password: this.loginForm.password,
           }
 
+          // 根据登录类型调用不同的API
           logintypeAPI(this.loginType === '0' ? apiOne : apiOneIphone).then(res => {
-            // logintypeAPI({ username: this.loginForm.username, password: this.loginForm.password }).then(res => {
             if (res.status == true) {
-              // debugger
-
               this.loading = true;
+              // 执行登录
               this.$store
                 .dispatch("user/login", this.loginType === '0' ? apiTwo : apiTwoIphone)
                 .then((res) => {
                   this.loading = false;
-                  // try {
-                  //   if (res.roles.includes('客户')) {
-                  //     this.$store.dispatch('user/getCustmoersMoney')
-                  //   }
-                  // } catch (e) {
-                  //   console.log("登录保存信息报错", e)
-                  // }
 
                   localStorage.setItem("user_info", JSON.stringify(res.user));
+
+                  // 处理用户角色
                   if (res.admin != 1) {
                     sessionStorage.setItem("juese", res.roles[0]);
                     sessionStorage.setItem("jueseNew", res.roles);
                     if (res.roles.includes('销售')) {
                       this.initWebSocket(res.userId)
                     }
-
                   } else {
                     sessionStorage.setItem("juese", 'admin');
                     sessionStorage.setItem("jueseNew", 'admin');
@@ -827,20 +785,18 @@ export default {
                     sessionStorage.setItem("userId", res.userId);
                     sessionStorage.setItem("orgid", res.user.orgid);
                     sessionStorage.setItem("org_type", res.org_type);
-                    sessionStorage.setItem("username", res['user'].username);//就这行代码,注释就能登录上了,我想存的就是这个
+                    sessionStorage.setItem("username", res['user'].username);
+
+                    // 根据角色跳转到不同页面
                     if (res.admin === 1) {
-                      console.log("走了admin", res)
                       this.$router.push({ path: "/" });
                     } else if (
                       sessionStorage.getItem("org_type") == "2" ||
                       sessionStorage.getItem("org_type") == "3"
                     ) {
                       if (this.$route.query.fromPath === 'homePage') {
-                        // this.$router.push({path: "/homePage/index"});
                         if (this.$route.query.type === 'bd') {
-                          // this.$router.push('/product/baiduProduct')
                           this.goBaidu(this.$route.query.listUrl, this.$route.query.url)
-
                         } else if (this.$route.query.type === 'ali') {
                           this.$router.push("/homePage/index");
                           this.goAliyun()
@@ -849,12 +805,9 @@ export default {
                         } else {
                           this.$router.push(getHomePath());
                         }
-
                       } else {
-
                         this.$router.push(getHomePath());
                       }
-
                     } else if (res.roles.includes('运营')) {
                       this.$router.push('/operation/supplierManagement');
                     } else if (res.roles.includes('销售')) {
@@ -864,12 +817,12 @@ export default {
                     } else {
                       this.$router.push({ path: "/" });
                     }
+
                     this.$message({
                       message: "登录成功~",
                       type: "success",
                     });
                   } else {
-                    console.log("zoule874")
                     this.loading = false
                     this.$message({
                       message: res.msg,
@@ -891,18 +844,18 @@ export default {
               });
             }
           })
-
         } else {
           this.$message({
             message: "请查看登录信息格式",
             type: "error",
           });
-
           this.$refs.loginForm.resetFields();
           return false;
         }
       });
     },
+
+    // 显示/隐藏密码
     showPwd() {
       if (this.passwordType === "password") {
         this.passwordType = "";
@@ -913,19 +866,26 @@ export default {
         this.$refs.password.focus();
       });
     },
+
+    // 打开重置密码对话框
     resetPassword() {
       this.dialogVisible = true;
       this.$refs.loginForm.resetFields();
     },
+
+    // 跳转到注册页面
     handleRegister() {
       console.log("注册按钮被点击了")
-      //注册
       this.$router.push({ name: "registrationPage" });
     },
+
+    // 取消重置密码
     cancelReset() {
       this.dialogVisible = false;
       this.$refs.form.resetFields();
     },
+
+    // 提交重置密码
     handleSubmit() {
       let parmas = {
         id: this.form.id,
@@ -934,7 +894,6 @@ export default {
         vcode: this.form.vcode,
       };
       getPasswordCodeAPI(parmas).then((res) => {
-        // console.log(res);
         if (res.status == true) {
           this.$message({
             message: "密码重置成功",
@@ -956,12 +915,13 @@ export default {
       });
     },
   },
-  computed: {
-    ...mapState({
-      isSuccessCode: state => state.login.isSuccessCode,
-      audioElement: state => state.sales.audioElement,
-      logoInfoNew: state => state.product.logoInfoNew,
 
+  computed: {
+    // 映射Vuex状态
+    ...mapState({
+      isSuccessCode: state => state.login.isSuccessCode, // 邀请码是否成功
+      audioElement: state => state.sales.audioElement,   // 音频元素
+      logoInfoNew: state => state.product.logoInfoNew,   // Logo信息
     })
   }
 }
@@ -973,17 +933,53 @@ $light_gray: #eee;
 $dark_gray: #889aa4;
 
 .main-box {
-  position: relative;
+  background: url('/static/img/banner.0798e703.png') no-repeat center center;
+  background-size: cover;
   width: 100vw;
   height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 
-  //border:1px solid red;
   img {
     width: 100%;
     height: 100%;
   }
 }
 
+.conter {
+  display: flex;
+  width: 1400px;
+  justify-content: space-around;
+  // align-items: center;
+  margin-top: -100px;
+
+  .left {
+    .title {
+      color: #222f60;
+      font-size: 64px;
+      text-align: center;
+
+      .color {
+
+          background: linear-gradient(to right, #0066FF, #66CCFF);
+          -webkit-background-clip: text;
+          background-clip: text;
+          color: transparent;
+          display: inline-block;
+
+      }
+    }
+
+    .text {
+      font-size: 32px;
+      text-align: center;
+      margin-top: 25px;
+    }
+  }
+}
+
+
 ::v-deep .el-input__inner {
   padding: 0 !important;
   border: 1px solid red;
@@ -992,9 +988,7 @@ $dark_gray: #889aa4;
 .login-form {
   padding-left: 52px;
   padding-right: 49px;
-  position: absolute;
-  top: 10%;
-  right: 15%;
+
   width: 481px;
   height: 521px;
   mix-blend-mode: normal;
@@ -1046,15 +1040,9 @@ $dark_gray: #889aa4;
 .login-form-style {
   background-color: transparent;
 
-  //padding-top: 70px;
   .el-input {
     input {
-      //background: transparent;
-
-      //backdrop-filter: blur(15px); /* 应用模糊效果 */
       border: 0px;
-      border: 0px;
-      //-webkit-appearance: none;
       border-radius: 0px;
       padding: 12px 5px 12px 15px;
       color: $light_gray;
@@ -1062,7 +1050,6 @@ $dark_gray: #889aa4;
 
       &:-webkit-autofill {
         -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-
         -webkit-text-fill-color: $cursor !important;
       }
     }
@@ -1141,7 +1128,6 @@ $dark_gray: #889aa4;
 }
 
 .main-content-box {
-  //padding-top: 5px;
   margin-top: -10px;
 }
 
@@ -1168,7 +1154,6 @@ $dark_gray: #889aa4;
 
 .rePassword {
   background-color: white;
-  //border: 1px solid red;
 }
 
 .dialog-footer {
@@ -1176,7 +1161,6 @@ $dark_gray: #889aa4;
   justify-content: flex-end;
   align-items: center;
   padding-bottom: 15px;
-
 }
 
 .logo-top {
@@ -1200,14 +1184,10 @@ $dark_gray: #889aa4;
 }
 
 @media screen and(max-width: 760px) {
-  .password-mobile {
-    //border: 5px solid red !important;
-    //width: 95% !important;
-  }
+  .password-mobile {}
 
   .login-form {
     width: 90% !important;
-    //border: 5px solid red !important;
     position: absolute;
     top: 13%;
     right: 5%;
@@ -1215,7 +1195,6 @@ $dark_gray: #889aa4;
 
   .go-register {
     padding-right: 10px;
-    //border:1px solid red;
     width: 174px;
   }
 }
@@ -1244,18 +1223,6 @@ $dark_gray: #889aa4;
   background-size: cover;
 }
 
-
-//::v-deep input:-webkit-autofill {
-//  -webkit-box-shadow: 0 0 0 1000px white inset !important; /* 添加透明背景色 */
-//  transition: background-color 5000s ease-in-out 0s !important; /* 添加过渡效果，确保样式生效 */
-//  font-size: 28px !important;
-//}
-//
-//.userInput {
-//  ::v-deep .el-input__inner {
-//    font-size: 28px !important;
-//  }
-//}
 .message-footer {
   flex-wrap: wrap;
   display: flex;
@@ -1266,7 +1233,7 @@ $dark_gray: #889aa4;
   width: 100%;
   bottom: 0;
   z-index: 10;
-  color: #9c9c9c;
+  color: #000;
 
   item {
     display: flex;
@@ -1307,7 +1274,6 @@ $dark_gray: #889aa4;
     &:hover {
       cursor: pointer;
       color: rgb(22, 100, 255);
-
     }
 
     &:before {
diff --git a/f/web-kboss/src/views/product/index.vue b/f/web-kboss/src/views/product/index.vue
index 734c653..529e3e5 100644
--- a/f/web-kboss/src/views/product/index.vue
+++ b/f/web-kboss/src/views/product/index.vue
@@ -7,12 +7,14 @@
           <el-form :model="form" label-width="100px">
             <el-form-item label="产品区域:">
               <el-radio-group v-model="form.product_area" size="small" @input="searchProduct">
-                <el-radio-button :label="item" :value="item" v-for="(item, index) in product_area" :key="index"></el-radio-button>
+                <el-radio-button :label="item" :value="item" v-for="(item, index) in product_area"
+                  :key="index"></el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item label="产品类型:">
               <el-radio-group v-model="form.ptype" size="small" @input="searchProduct">
-                <el-radio-button :label="item" :value="item" v-for="(item, index) in ptype" :key="index"></el-radio-button>
+                <el-radio-button :label="item" :value="item" v-for="(item, index) in ptype"
+                  :key="index"></el-radio-button>
               </el-radio-group>
               <el-button type="primary" size="small" style="margin-left: 10px" @click="resetSearch">重置</el-button>
             </el-form-item>
@@ -20,12 +22,13 @@
         </el-card>
       </div>
       <!-- v-infinite-scroll="load" -->
-      <div class="productBig" >
+      <div class="productBig">
         <el-card class="productList" v-for="(item, index) in this.discountProductList" :key="index">
           <div slot="header" class="cardHeader">
             <span>
               {{ item.name }}
-              <el-button style="float: right; margin-left: 5px" type="primary" size="small" @click="payFirst(item)">购买</el-button>
+              <el-button style="float: right; margin-left: 5px" type="primary" size="small"
+                @click="payFirst(item)">购买</el-button>
               <!-- <el-button style="float: right" type="primary" size="small" @click="inShoppingCard(item)">加入购物车</el-button> -->
             </span>
           </div>
@@ -70,7 +73,7 @@
             </el-row>
             <el-row :span="24">
               <el-col :span="12" class="productDiscription">
-                <span >规格说明:</span>
+                <span>规格说明:</span>
                 <div style="width: 80%;display: flex">{{ item.spec_note }}</div>
               </el-col>
               <el-col :span="6" class="productDiscription">
@@ -88,7 +91,8 @@
     </div>
 
     <!-- 立即购买弹窗 -->
-    <el-dialog :title="title + productDetail.name" :visible.sync="dialogVisible" width="30%" class="myDialog" :before-close="close">
+    <el-dialog :title="title + productDetail.name" :visible.sync="dialogVisible" width="30%" class="myDialog"
+      :before-close="close">
       <el-form ref="payForm" :model="productDetail" label-width="100px" :rules="payForm">
         <div style="overflow-y: scroll; height: 400px">
           <el-form-item label="产品描述:">
@@ -106,32 +110,40 @@
 
           <div id="renderMoban" v-if="isShow">
             <el-form-item label="路由数:" prop="route_num">
-              <el-select v-model="productDetail.route_num" placeholder="请选择路由数" @change="searchMoney(productDetail.route_num)">
-                <el-option v-for="(item,index) in route_numList" :key="index" :label="item.route_num" :value="item.route_num">
+              <el-select v-model="productDetail.route_num" placeholder="请选择路由数"
+                @change="searchMoney(productDetail.route_num)">
+                <el-option v-for="(item, index) in route_numList" :key="index" :label="item.route_num"
+                  :value="item.route_num">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="带宽:" prop="broadband">
-              <el-select v-model="productDetail.broadband" placeholder="请选择带宽" @change="searchMoney(productDetail.broadband)">
-                <el-option v-for="(item,index) in broadbandList" :key="index" :label="item.broadband" :value="item.broadband">
+              <el-select v-model="productDetail.broadband" placeholder="请选择带宽"
+                @change="searchMoney(productDetail.broadband)">
+                <el-option v-for="(item, index) in broadbandList" :key="index" :label="item.broadband"
+                  :value="item.broadband">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="高校:" prop="high_school">
-              <el-select v-model="productDetail.high_school" placeholder="请选择高校" @change="searchMoney(productDetail.high_school)">
-                <el-option v-for="(item,index) in schoolList" :key="index" :label="item.name" :value="item.name">
+              <el-select v-model="productDetail.high_school" placeholder="请选择高校"
+                @change="searchMoney(productDetail.high_school)">
+                <el-option v-for="(item, index) in schoolList" :key="index" :label="item.name" :value="item.name">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="超算中心:" prop="chaosuan_center">
-              <el-select v-model="productDetail.chaosuan_center" placeholder="请选择超算中心" @change="searchMoney(productDetail.chaosuan_center)">
-                <el-option v-for="(item,index) in chaosuan_centerList" :key="index" :label="item.name" :value="item.name">
+              <el-select v-model="productDetail.chaosuan_center" placeholder="请选择超算中心"
+                @change="searchMoney(productDetail.chaosuan_center)">
+                <el-option v-for="(item, index) in chaosuan_centerList" :key="index" :label="item.name"
+                  :value="item.name">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="距离:" @change="searchMoney(productDetail.distance)">
               <el-select v-model="productDetail.distance" placeholder="请选择距离" disabled>
-                <el-option v-for="(item,index) in distanceList" :key="index" :label="item.distance" :value="item.distance">
+                <el-option v-for="(item, index) in distanceList" :key="index" :label="item.distance"
+                  :value="item.distance">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -191,8 +203,8 @@
                     <el-col :span="21" class="payTypeList">
                       <div class="bigDiv">
                         <div class="divSon" v-for="item in payTypeList" :key="item.index" @mouseenter="changeColor">
-                          <div class="divSonItem" @click="payType(item.index)">{{item.payType}}</div>
-                          <div class="divSonTitle">{{item.title}}</div>
+                          <div class="divSonItem" @click="payType(item.index)">{{ item.payType }}</div>
+                          <div class="divSonTitle">{{ item.title }}</div>
                         </div>
                       </div>
                       <div class="attention">
@@ -216,14 +228,15 @@
                       <!-- <span>如何选择地域</span> -->
                     </el-col>
                     <el-col :span="21" class="aereList">
-                      <el-button size="small" :round="false" @click="DistrictShow">华东1(杭州) <i class="el-icon-caret-bottom"></i></el-button>
+                      <el-button size="small" :round="false" @click="DistrictShow">华东1(杭州) <i
+                          class="el-icon-caret-bottom"></i></el-button>
                       <div class="discrption">不同地域的实例之间内网互不相通；选择靠近您客户的地域，可降低网络时延、提高您客户的访问速度</div>
                       <div class="aereDiv" v-if="isDistrictShow">
                         <div>
                           <span>亚太-中国</span>
                           <el-row :gutter="5" v-for="item in Asia_China" :key="item.RegionId">
                             <el-col :span="8">
-                              <span>{{item.LocalName}}</span>
+                              <span>{{ item.LocalName }}</span>
                             </el-col>
                           </el-row>
                         </div>
@@ -668,22 +681,24 @@ export default {
   // background-color: rgba(240, 241, 244);
   border: 0;
 }
+
 .box {
   height: 100vh;
+
   .product {
     .search {
       // position: fixed;
       top: 10%;
     }
+
     .productBig {
       .productList {
         // height:calc(100vh-300px);
 
         margin-top: 5px;
         padding: 25px;
-        .cardHeader {
-        }
-        .cardBody {
+
+           .cardBody {
           font-size: 14px;
           // font-weight: 600;
 
@@ -699,16 +714,19 @@ export default {
               font-size: 26px;
               font-weight: 600;
             }
+
             .discountPrice {
               color: #f00606;
               font-size: 26px;
               font-weight: 600;
               margin-right: 10px;
             }
+
             .price {
               text-decoration: line-through;
               margin-right: 10px;
             }
+
             .discount {
               height: 30px;
               width: 70px;
@@ -721,44 +739,54 @@ export default {
       }
     }
   }
+
   .aLiDialog {
     // background-color: rgb(99, 100, 100);
     overflow-y: scroll;
+
     .buy {
       font-size: 12px;
       padding-left: 10%;
       padding-right: 10%;
       border: 1px solid red;
+
       .content {
         .left {
           .payType {
             .payTypeTitle {
               padding-top: 15px;
+
               .payTypeItem {
                 font-weight: 600;
+
                 .light {
                   font-size: 12px;
                 }
               }
             }
+
             .payTypeList {
               .bigDiv {
                 display: flex;
+
                 .divSon {
                   display: flex;
                   flex-direction: column;
                   border: 1px solid #cbcbcb;
                   margin-right: 30px;
                   padding: 10px;
+
                   .divSonItem {
                     font-weight: 600;
                     cursor: pointer;
                   }
+
                   .divSonTitle {
                     color: #787e80;
                   }
                 }
               }
+
               .attention {
                 display: flex;
                 padding-top: 5px;
@@ -770,6 +798,7 @@ export default {
                   height: 30px;
                   line-height: 30px;
                 }
+
                 .explain {
                   color: #787e80;
                   height: 30px;
@@ -779,31 +808,34 @@ export default {
               }
             }
           }
+
           .aere {
             .aereCol {
               padding-top: 20px;
+
               .aereSpan {
                 font-weight: 600;
               }
             }
+
             .aereList {
               margin-top: 5px;
+
               .discrption {
                 color: #787e80;
                 padding-top: 3px;
               }
+
               .aereDiv {
                 border: 1px solid #cbcbcb;
               }
             }
-            .network {
-              .networkItem {
-              }
-            }
+
+
           }
         }
-        .right {
-        }
+
+
       }
     }
   }
diff --git a/f/web-kboss/src/views/product/mainPage/index.vue b/f/web-kboss/src/views/product/mainPage/index.vue
index 3ec9a26..d060624 100644
--- a/f/web-kboss/src/views/product/mainPage/index.vue
+++ b/f/web-kboss/src/views/product/mainPage/index.vue
@@ -5,12 +5,14 @@
         <div class="bigTitle">快捷导航</div>
         <ul class="recUl">
           <li v-for="(item,index) in navList" :key="index" @click="goBaidu(item)">
-            <i :class="item.icon || 'el-icon-link'"></i>
+            <!-- 修改这里：使用img标签替换i标签 -->
+            <img :src="getNavIcon(index)" class="nav-icon" alt="icon" />
             {{ item.name }}
           </li>
         </ul>
       </div>
 
+      <!-- 其他部分保持不变 -->
       <div class="section">
         <div class="bigTitle">资源概览</div>
         <ul class="recUl overView">
@@ -52,6 +54,7 @@
       </div>
     </div>
 
+    <!-- 右侧部分保持不变 -->
     <div class="rightBox">
       <div class="user card">
         <div class="userImg">
@@ -108,7 +111,10 @@ import { reqNewHomeResource, reqNewHomeResourceWarning, reqQuickNav } from "@/ap
 import { editReachargelogAPI } from "@/api/finance/customerRechargeManagement";
 import { getUnreadmsgAPI } from "@/api/login";
 import MessageCenter from '@/components/MessageCenter/MessageCenter.vue';
-
+import icon1 from '@/assets/image/icon1.png';
+import icon2 from '@/assets/image/icon2.png';
+import icon3 from '@/assets/image/icon3.png';
+import icon4 from '@/assets/image/icon4.png';
 export default Vue.extend({
   name: "mainPage",
   components: {
@@ -132,7 +138,9 @@ export default Vue.extend({
         { name: '处理中', count: 7 },
         { name: '站内信', count: 0 }
       ],
-      messageCenterVisible: false
+      messageCenterVisible: false,
+      // 添加图标路径数组
+      navIcons: [icon1, icon2, icon3, icon4]
     }
   },
   created() {
@@ -172,6 +180,12 @@ export default Vue.extend({
         }
       })
     },
+    // 添加获取导航图标的方法
+    getNavIcon(index) {
+      // 如果导航项数量超过图标数量，循环使用图标
+      const iconIndex = index % this.navIcons.length;
+      return this.navIcons[iconIndex];
+    },
     async initMybalance() {
       const res = await editReachargelogAPI()
       if (res.status) {
@@ -202,19 +216,16 @@ export default Vue.extend({
 
         switch(todoName) {
           case '待支付':
-            // 待支付：显示未支付和续费的数据
             query = {
-              filterType: 'processing'  // 使用明确的标识
+              filterType: 'processing'
             };
             break;
           case '待续费':
-            // 待续费：只显示续费的数据
             query = {
               filterType: 'pendingPayment'
             };
             break;
           case '处理中':
-            // 处理中：显示未支付的数据
             query = {
               filterType: 'processing'
             };
@@ -255,7 +266,6 @@ export default Vue.extend({
   text-align: center;
 }
 
-
 .mainBox {
   background: #f5f7fa;
   width: 100%;
@@ -330,12 +340,21 @@ export default Vue.extend({
     justify-content: center;
     min-width: 0;
 
-    i {
-      font-size: 24px;
+    // 修改这里：为图片添加样式
+    .nav-icon {
+      width: 24px;
+      height: 24px;
       margin-bottom: 10px;
-      color: #409eff;
+      object-fit: contain;
     }
 
+    // 移除原来的图标样式
+    // i {
+    //   font-size: 24px;
+    //   margin-bottom: 10px;
+    //   color: #409eff;
+    // }
+
     &:hover {
       transform: translateY(-3px);
       box-shadow: 0 4px 12px rgba(64, 158, 255, 0.2);