From 12773bf6325dcaeb7d7d59bfa8159b016320ebae Mon Sep 17 00:00:00 2001
From: hrx <18603305412@163.com>
Date: Mon, 3 Aug 2026 16:24:25 +0800
Subject: [PATCH] =?UTF-8?q?8.3=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FloatingBox/FloatingBox.vue    |  321 ++-
 f/web-kboss/src/i18n/lang/en-US.js            |  223 ++
 f/web-kboss/src/i18n/lang/zh-CN.js            |  223 ++
 f/web-kboss/src/permission.js                 |    2 +-
 f/web-kboss/src/router/index.js               | 2543 +++++++++--------
 .../src/views/LoginDialog/LoginDialog.vue     |   31 +-
 .../src/views/homePage/about/index.vue        | 1070 +++----
 .../homePage/agentStore/contractCase.vue      |   72 +-
 .../homePage/agentStore/decisionCase.vue      |   75 +-
 .../homePage/agreement/AgreementPreview.vue   |   68 +
 .../views/homePage/agreement/agreementDocs.js |  147 +
 .../src/views/homePage/dialog/talk/index.vue  |  160 +-
 12 files changed, 2895 insertions(+), 2040 deletions(-)
 create mode 100644 f/web-kboss/src/views/homePage/agreement/AgreementPreview.vue
 create mode 100644 f/web-kboss/src/views/homePage/agreement/agreementDocs.js

diff --git a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
index f9435c5..7c2d8de 100644
--- a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
+++ b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
@@ -1,8 +1,7 @@
 <template>
   <div class="box">
     <div>
-      <div class="contener" v-if="shouldShowFloatingConsult">
-
+      <div v-if="shouldShowFloatingConsult" class="contener">
 
         <transition name="slide">
           <div v-show="windowsHidden" style="font-size: 14px">
@@ -10,7 +9,7 @@
               <a href="#" class="floating-consult-btn primary" @click.prevent="openAiConsult">
                 <div class="floating-consult-icon">
                   <img src="./img/ocai.jpg" alt="在线咨询">
-                  <span class="consult-badge"></span>
+                  <span class="consult-badge" />
                 </div>
                 <!-- <span class="floating-consult-text">在线咨询</span> -->
               </a>
@@ -18,37 +17,41 @@
           </div>
         </transition>
 
-
       </div>
 
       <!-- 申请试用弹窗 -->
-      <el-dialog title="申请试用产品" :visible.sync="dialogVisible" width="35%" :before-close="handleClose"
-                 custom-class="apply-use">
+      <el-dialog
+        title="申请试用产品"
+        :visible.sync="dialogVisible"
+        width="35%"
+        :before-close="handleClose"
+        custom-class="apply-use"
+      >
         <el-form ref="form" :model="form" label-width="120px" :rules="rules" style="width: 80%">
           <el-form-item label="姓名:" prop="customer">
-            <el-input v-model="form.customer" placeholder="请输入姓名"></el-input>
+            <el-input v-model="form.customer" placeholder="请输入姓名" />
           </el-form-item>
           <el-form-item label="联系方式:" prop="phone">
-            <el-input v-model="form.phone" placeholder="请输入联系方式"></el-input>
+            <el-input v-model="form.phone" placeholder="请输入联系方式" />
           </el-form-item>
           <el-form-item label="公司:" prop="unit">
-            <el-input v-model="form.unit" placeholder="请输入公司名称"></el-input>
+            <el-input v-model="form.unit" placeholder="请输入公司名称" />
           </el-form-item>
           <el-form-item label="数量:">
-            <el-input disabled v-model="form.product_num" placeholder="请输入资源数量"></el-input>
+            <el-input v-model="form.product_num" disabled placeholder="请输入资源数量" />
           </el-form-item>
           <el-form-item label="需求型号:" prop="resources">
             <!--            <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" v-model="form.resources" placeholder="请输入资源需求"></el-input>-->
             <el-checkbox-group v-model="form.resources" style="display: flex;flex-wrap: wrap;">
-              <el-checkbox label="H800" style="width: 50%;"></el-checkbox>
-              <el-checkbox label="H100" style="width: 50%;"></el-checkbox>
-              <el-checkbox label="A800" style="width: 50%;"></el-checkbox>
-              <el-checkbox label="A100" style="width: 50%;"></el-checkbox>
+              <el-checkbox label="H800" style="width: 50%;" />
+              <el-checkbox label="H100" style="width: 50%;" />
+              <el-checkbox label="A800" style="width: 50%;" />
+              <el-checkbox label="A100" style="width: 50%;" />
             </el-checkbox-group>
           </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button @click="handleClose" size="small">取 消</el-button>
+          <el-button size="small" @click="handleClose">取 消</el-button>
           <el-button size="small" type="primary" @click="onSubmit()">确 定</el-button>
         </span>
       </el-dialog>
@@ -56,10 +59,10 @@
       <!--      v-if="isShowChangeChat"-->
       <div v-if="isShowChangeChat " class="changeChat" style="">
         <span style="margin-bottom: 5px;display: block">请选择聊天方式</span>
-        <el-checkbox-group :min="1" style="margin-bottom: 5px" v-model="checkType">
-          <el-checkbox label="文字"></el-checkbox>
-          <el-checkbox label="视频"></el-checkbox>
-          <el-checkbox label="音频"></el-checkbox>
+        <el-checkbox-group v-model="checkType" :min="1" style="margin-bottom: 5px">
+          <el-checkbox label="文字" />
+          <el-checkbox label="视频" />
+          <el-checkbox label="音频" />
         </el-checkbox-group>
         <div style="display: flex;justify-content: flex-end">
           <el-button size="mini" @click="closeWindow">关闭</el-button>
@@ -74,12 +77,10 @@
 </template>
 
 <script>
-import {contantAPI, applyAPI} from "../../api/floatingWindow/index";
-import axios from "axios";
-import {mapState} from "vuex";
-import {getCustomerOfSaleUserId} from "@/api/customer/vedio";
-import { getHomePath } from "@/views/setting/tools";
-import { reqNewHomeConsult } from "@/api/newHome";
+import { contantAPI, applyAPI } from '../../api/floatingWindow/index'
+import { getCustomerOfSaleUserId } from '@/api/customer/vedio'
+import { getHomePath } from '@/views/setting/tools'
+import { reqNewHomeConsult } from '@/api/newHome'
 
 export default {
   // 组件的逻辑代码
@@ -87,10 +88,10 @@ export default {
     return {
       socket: null,
       checkType: ['文字'],
-      isShowChangeChat: false,//控制选择沟通方式弹窗
+      isShowChangeChat: false, // 控制选择沟通方式弹窗
       loading: true,
       currentDate: '2021-06-01',
-      isShowPicLoading: true,//图片loading展示
+      isShowPicLoading: true, // 图片loading展示
       isSend: true,
       windowsHidden: true,
       // 获取用户代理字P串
@@ -98,7 +99,7 @@ export default {
       // 判断是否为移动设备
       isMobile: false,
       url: window.location.href,
-      orgType: "",
+      orgType: '',
       isShow: false,
       userid: sessionStorage.getItem('userId'),
       src: null,
@@ -114,42 +115,22 @@ export default {
       },
       rules: {
         customer: [
-          {required: true, message: "请输入姓名", trigger: "change"},
+          { required: true, message: '请输入姓名', trigger: 'change' }
         ],
-        phone: [{pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/, message: "请输入有效的手机号"},
-          {required: true, trigger: "blur", message: "请输入手机号"}],
+        phone: [{ pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/, message: '请输入有效的手机号' },
+          { required: true, trigger: 'blur', message: '请输入手机号' }],
         unit: [
-          {required: true, message: "请输入单位", trigger: 'change'},
+          { required: true, message: '请输入单位', trigger: 'change' }
         ],
         product: [
-          {required: true, message: "请输入资源名称", trigger: 'change'},
+          { required: true, message: '请输入资源名称', trigger: 'change' }
         ],
         resources: [
-          {required: true, message: "请输入资源需求", trigger: 'blur'},
-        ],
-      },
+          { required: true, message: '请输入资源需求', trigger: 'blur' }
+        ]
+      }
     }
   },
-  created() {
-    this.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent);
-
-  },
-  watch: {
-    '$route': { // $route可以用引号，也可以不用引号
-      handler(to, from) {
-        this.orgType = sessionStorage.getItem('org_type') ? sessionStorage.getItem('org_type') : "";
-        this.userid = sessionStorage.getItem('userId') ? sessionStorage.getItem('userId') : "";
-      },
-      deep: true, // 深度监听
-      immediate: true, // 第一次初始化渲染就可以监听到
-    }
-  },
-  mounted() {
-    // debugger
-    // console.log("路由展示~~~",location.href)
-    // console.log("路由展示~~~",this.$route)
-
-  },
   computed: {
     shouldShowFloatingConsult() {
       const isHomePage = [
@@ -157,9 +138,28 @@ export default {
         '/homePage/indexLast',
         '/ncmatchHome/index'
       ].includes(this.$route.path)
-      return isHomePage || this.orgType == 2 || this.orgType == 3 || !this.userid
+      return isHomePage || this.orgType === '2' || this.orgType === '3' || !this.userid
     }
   },
+  watch: {
+    '$route': { // $route可以用引号，也可以不用引号
+      handler(to, from) {
+        this.orgType = sessionStorage.getItem('org_type') ? sessionStorage.getItem('org_type') : ''
+        this.userid = sessionStorage.getItem('userId') ? sessionStorage.getItem('userId') : ''
+      },
+      deep: true, // 深度监听
+      immediate: true // 第一次初始化渲染就可以监听到
+    }
+  },
+  created() {
+    this.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent)
+  },
+  mounted() {
+    // debugger
+    // console.log("路由展示~~~",location.href)
+    // console.log("路由展示~~~",this.$route)
+
+  },
   methods: {
     // 让模板中可以直接调用 getHomePath()
     getHomePath,
@@ -168,21 +168,21 @@ export default {
         title: '提示',
         message: '当前还未登录，请先登录~',
         type: 'warning'
-      });
+      })
     },
 
     goVedioPage() {
       if (!sessionStorage.getItem('userId')) {
-        console.log("未登录，请重新登录")
+        console.log('未登录，请重新登录')
         this.openTip()
       } else {
-        let ploady = {
+        const ploady = {
           audioIsOn: 0,
           vedioIsOn: 0,
           chatIsOn: 0,
           userId: this.userid,
           toUserId: 0,
-          customerName: sessionStorage.getItem('username'),
+          customerName: sessionStorage.getItem('username')
         }
         for (let i = 0; i < this.checkType.length; i++) {
           if (this.checkType[i] === '文字') {
@@ -194,9 +194,8 @@ export default {
           }
         }
 
-
-        getCustomerOfSaleUserId({userid: this.userid}).then(res => {
-          let routeData = {
+        getCustomerOfSaleUserId({ userid: this.userid }).then(res => {
+          const routeData = {
             chatIsOn: ploady.chatIsOn,
             vedioIsOn: ploady.vedioIsOn,
             audioIsOn: ploady.audioIsOn,
@@ -215,9 +214,9 @@ export default {
             })
             this.isShowChangeChat = false
             // let webSocketUrl = 'wss://www.opencomputing.cn/dev/wss/pub/rtcc.ws'
-            let webSocketUrl = 'wss://www.opencomputing.cn/pub/rtcc.ws'
+            const webSocketUrl = 'wss://www.opencomputing.cn/pub/rtcc.ws'
             this.socket = new WebSocket(webSocketUrl)
-            let ploadyed = {
+            const ploadyed = {
               type: 'send',
               from: sessionStorage.getItem('userId'),
               uuid: res.data,
@@ -230,36 +229,47 @@ export default {
             //   content: {}
             // }
             this.socket.onopen = (event) => {
-              console.log("客户创建成功了@@@@@")
-              console.log("发送的信息是", ploadyed)
-              this.socket.send(JSON.stringify(ploadyed));
-            };
+              console.log('客户创建成功了@@@@@')
+              console.log('发送的信息是', ploadyed)
+              this.socket.send(JSON.stringify(ploadyed))
+            }
 
             this.socket.onmessage = (event) => {
-              console.log('接收到消息@@@@：', event.data);
-            };
+              console.log('接收到消息@@@@：', event.data)
+            }
 
             this.socket.onclose = (event) => {
-              console.log('WebSocket连接已关闭');
-            };
+              console.log('WebSocket连接已关闭')
+            }
           } else {
-            console.log("zouleels")
+            console.log('zouleels')
           }
         })
-
-
       }
-
     },
     open2() {
       this.isShowChangeChat = true
     },
+    getYunbaoProducts() {
+      return [
+        { id: 'bid', key: this.$t('yunbao.products.bid'), intro: 'E投标智能体是覆盖「招标解析→标书编制→合规审查→查重→知识沉淀」全链路的一站式投标AI解决方案，帮企业将编标周期从数天压缩至小时级，低级废标率降低100%。' },
+        { id: 'tender', key: this.$t('yunbao.products.tender'), intro: 'E招标智能体，AI辅助编制招标文件，自动合规性审查，让招标流程更高效、更透明、更合规。' },
+        { id: 'evaluation', key: this.$t('yunbao.products.evaluation'), intro: 'E评标智能体，AI辅助评标分析，自动提取关键指标、横向对比评分、识别异常报价，帮助评标专家高效、公正地完成评审工作。' },
+        { id: 'loggingReview', key: this.$t('yunbao.products.loggingReview'), intro: '面向林业管理的行业智能体，可在线完成采伐申请材料的智能核验，自动比对采伐范围、树种、蓄积量等核心指标与合规要求，快速识别违规申请，助力林业资源可持续利用。' },
+        { id: 'gasMonitor', key: this.$t('yunbao.products.gasMonitor'), intro: '能源领域工业智能体，实时采集燃机运行的温度、压力、振动等多维度数据，通过AI算法识别异常运行征兆，提前预判潜在故障，保障燃机稳定运行，降低运维成本。' },
+        { id: 'powerPrice', key: this.$t('yunbao.products.powerPrice'), intro: '面向能源行业的预测智能体，结合历史电价数据、供需变化、政策调整、天气影响等多维度变量，通过机器学习模型实现不同周期的电价精准预测，帮助电力企业优化收益管理。' },
+        { id: 'comic', key: this.$t('yunbao.products.comic'), intro: '互联网内容创作智能体，覆盖从剧本生成、分镜拆解、素材生成到视频合成的全流程制作。支持工业化批量生产，帮助中小团队低成本快速产出AI漫画作品，大幅降低创作门槛。' },
+        { id: 'contract', key: this.$t('yunbao.products.contract'), intro: this.$t('casePages.contract.heroDesc') },
+        { id: 'decision', key: this.$t('yunbao.products.decision'), intro: this.$t('casePages.decision.heroDesc') }
+      ]
+    },
     openAiConsult() {
       this.resetYunbaoChatInstance()
       this.installYunbaoChat()
       window.YunbaoChat.init({
         avatarUrl: require('./img/ocai.jpg'),
-        name: '云宝小助手'
+        name: this.$t('yunbao.name'),
+        products: this.getYunbaoProducts()
       })
       window.YunbaoChat.open()
     },
@@ -287,22 +297,12 @@ export default {
           this._inited = true
           this._config = Object.assign({
             avatarUrl: '',
-            name: '云宝小助手',
+            name: vm.$t('yunbao.name'),
             submitUrl: '',
-            products: [
-              { key: 'E投标', intro: 'E投标智能体是覆盖「招标解析→标书编制→合规审查→查重→知识沉淀」全链路的一站式投标AI解决方案，帮企业将编标周期从数天压缩至小时级，低级废标率降低100%。' },
-              { key: 'E招标', intro: 'E招标智能体，AI辅助编制招标文件，自动合规性审查，让招标流程更高效、更透明、更合规。' },
-              { key: 'E评标', intro: 'E评标智能体，AI辅助评标分析，自动提取关键指标、横向对比评分、识别异常报价，帮助评标专家高效、公正地完成评审工作。' },
-              { key: '采伐智审', intro: '面向林业管理的行业智能体，可在线完成采伐申请材料的智能核验，自动比对采伐范围、树种、蓄积量等核心指标与合规要求，快速识别违规申请，助力林业资源可持续利用。' },
-              { key: '燃机智慧监盘', intro: '能源领域工业智能体，实时采集燃机运行的温度、压力、振动等多维度数据，通过AI算法识别异常运行征兆，提前预判潜在故障，保障燃机稳定运行，降低运维成本。' },
-              { key: '电价预测', intro: '面向能源行业的预测智能体，结合历史电价数据、供需变化、政策调整、天气影响等多维度变量，通过机器学习模型实现不同周期的电价精准预测，帮助电力企业优化收益管理。' },
-              { key: 'AI漫剧制作', intro: '互联网内容创作智能体，覆盖从剧本生成、分镜拆解、素材生成到视频合成的全流程制作。支持工业化批量生产，帮助中小团队低成本快速产出AI漫画作品，大幅降低创作门槛。' },
-              { key: '合同智能审查', intro: 'AI驱动的办公智能体，可快速识别合同中的风险条款、表述歧义、合规漏洞，自动标注问题位置并给出修改建议。支持多类型合同模板适配，大幅缩短人工审查时长。' },
-              { key: '投策智能体', intro: '面向企业投资决策的辅助智能体，整合多维度市场数据、行业趋势与政策信息，通过算法模拟不同决策场景的收益与风险，自动生成可视化分析报告，提升投资方案科学性。' }
-            ],
+            products: vm.getYunbaoProducts(),
             pages: {
-              '合同智能审查': '/homePage/agentStore/contractCase',
-              '投策智能体': '/homePage/agentStore/decisionCase'
+              contract: '/homePage/agentStore/contractCase',
+              decision: '/homePage/agentStore/decisionCase'
             }
           }, config)
           this.injectCSS()
@@ -353,9 +353,9 @@ export default {
           if (!body) return
           body.innerHTML = ''
           setTimeout(() => {
-            this.addBotMsg('嗨～我是云宝 👋<br>请问您想随便看看，还是直接聊聊需求？', [
-              { text: '随便看看', action: 'browse' },
-              { text: '直接聊聊需求', action: 'direct' }
+            this.addBotMsg(vm.$t('yunbao.welcome'), [
+              { text: vm.$t('yunbao.browse'), action: 'browse' },
+              { text: vm.$t('yunbao.direct'), action: 'direct' }
             ])
           }, 200)
         },
@@ -373,7 +373,7 @@ export default {
                 <div class="yb-chat-product-card" data-action="${item.action || ''}" data-param="${item.param || ''}" data-url="${item.url || ''}" data-text="${item.text || ''}">
                   <div class="yb-chat-product-card-title">${item.text}</div>
                   <div class="yb-chat-product-card-desc">${item.desc || ''}</div>
-                  <span class="yb-chat-product-card-link">查看更多 →</span>
+                  <span class="yb-chat-product-card-link">${vm.$t('yunbao.learnMore')}</span>
                 </div>
               `).join('')}</div>`
             } else if (type === 'tags') {
@@ -383,7 +383,7 @@ export default {
             }
           }
           msg.innerHTML = `
-            <div class="yb-chat-msg-avatar"><img src="${this._config.avatarUrl}" alt="云宝"></div>
+            <div class="yb-chat-msg-avatar"><img src="${this._config.avatarUrl}" alt="${this._config.name}"></div>
             <div>
               <div class="yb-chat-msg-bubble">${html}</div>
               ${optionHtml}
@@ -413,43 +413,43 @@ export default {
           }
           if (action === 'browse') {
             setTimeout(() => {
-              this.addBotMsg('好的～为您推荐我们的热门产品 👇', [
-                { text: 'E投标', desc: '更智能的标书写作引擎', action: 'goExternal', url: 'https://bid-ocai-v2.jinan.opencomputing.cn/', type: 'cards' },
-                { text: '合同智能审查', desc: 'AI驱动合同风险审查，效率提升60%+', action: 'goContract', type: 'cards' },
-                { text: '投策智能体', desc: '分钟级投研分析，精准辅助投资决策', action: 'goInvest', type: 'cards' }
+              this.addBotMsg(vm.$t('yunbao.recommend'), [
+                { text: vm.$t('yunbao.products.bid'), desc: vm.$t('yunbao.productDescs.bid'), action: 'goExternal', url: 'https://bid-ocai-v2.jinan.opencomputing.cn/', type: 'cards' },
+                { text: vm.$t('yunbao.products.contract'), desc: vm.$t('yunbao.productDescs.contract'), action: 'goContract', type: 'cards' },
+                { text: vm.$t('yunbao.products.decision'), desc: vm.$t('yunbao.productDescs.decision'), action: 'goInvest', type: 'cards' }
               ])
               setTimeout(() => {
-                this.addBotMsg('或者您还有其他想了解的产品吗？', this.getProductTags(), 'tags')
+                this.addBotMsg(vm.$t('yunbao.moreProducts'), this.getProductTags(), 'tags')
               }, 1200)
             }, 200)
             return
           }
           if (action === 'direct') {
             setTimeout(() => {
-              this.addBotMsg('您想了解哪方面的产品或服务呢？', this.getProductTags(), 'tags')
+              this.addBotMsg(vm.$t('yunbao.askProduct'), this.getProductTags(), 'tags')
             }, 200)
             return
           }
           if (action === 'goContract') {
-            vm.$router.push(this._config.pages['合同智能审查'] || '/homePage/agentStore/contractCase').catch(() => {})
+            vm.$router.push(this._config.pages.contract || '/homePage/agentStore/contractCase').catch(() => {})
             this.close()
             setTimeout(() => {
-              this.addBotMsg('已为您打开合同智能审查页面 📄<br>还有其他想了解的吗？', this.getProductTags(), 'tags')
+              this.addBotMsg(vm.$t('yunbao.openedContract'), this.getProductTags(), 'tags')
             }, 200)
             return
           }
           if (action === 'goExternal') {
             window.open(url, '_blank')
             setTimeout(() => {
-              this.addBotMsg('已为您打开相关页面。还有其他想了解的吗？', this.getProductTags(), 'tags')
+              this.addBotMsg(vm.$t('yunbao.openedPage'), this.getProductTags(), 'tags')
             }, 200)
             return
           }
           if (action === 'goInvest') {
-            vm.$router.push(this._config.pages['投策智能体'] || '/homePage/agentStore/decisionCase').catch(() => {})
+            vm.$router.push(this._config.pages.decision || '/homePage/agentStore/decisionCase').catch(() => {})
             this.close()
             setTimeout(() => {
-              this.addBotMsg('已为您打开投策智能体页面 📊<br>还有其他想了解的吗？', this.getProductTags(), 'tags')
+              this.addBotMsg(vm.$t('yunbao.openedDecision'), this.getProductTags(), 'tags')
             }, 200)
             return
           }
@@ -467,12 +467,16 @@ export default {
           return this._config.products.map(item => ({
             text: item.key,
             action: 'productIntro',
-            param: item.key
+            param: item.id
           }))
         },
         getProductIntro(key) {
-          const product = this._config.products.find(item => item.key === key)
-          return product ? product.intro : '这是一款优秀的AI产品，欢迎进一步了解！'
+          const product = this._config.products.find(item => item.id === key || item.key === key)
+          return product ? product.intro : vm.$t('yunbao.productIntroDefault')
+        },
+        getProductName(key) {
+          const product = this._config.products.find(item => item.id === key || item.key === key)
+          return product ? product.key : key
         },
         addContactForm() {
           const body = document.getElementById('yunbaoChatBody')
@@ -481,16 +485,16 @@ export default {
           const form = document.createElement('div')
           form.className = 'yb-chat-msg'
           form.innerHTML = `
-            <div class="yb-chat-msg-avatar"><img src="${this._config.avatarUrl}" alt="云宝"></div>
+            <div class="yb-chat-msg-avatar"><img src="${this._config.avatarUrl}" alt="${this._config.name}"></div>
             <div>
               <div class="yb-chat-msg-bubble">
-                请留下您的联系方式，我们的顾问将尽快与您联系 😊
+                ${vm.$t('yunbao.consultantNote')}
                 <div class="yb-chat-form">
-                  <input type="text" class="yb-chat-form-input" id="yunbaoChatName" placeholder="您的姓名">
-                  <input type="tel" class="yb-chat-form-input" id="yunbaoChatPhone" placeholder="联系电话">
-                  <input type="text" class="yb-chat-form-input" id="yunbaoChatCompany" placeholder="公司名称">
-                  <button class="yb-chat-form-submit" id="yunbaoChatSubmit">提交咨询</button>
-                  <div class="yb-chat-form-tip">信息仅用于顾问联系</div>
+                  <input type="text" class="yb-chat-form-input" id="yunbaoChatName" placeholder="${vm.$t('contactSales.namePlaceholder')}">
+                  <input type="tel" class="yb-chat-form-input" id="yunbaoChatPhone" placeholder="${vm.$t('contactSales.phonePlaceholder')}">
+                  <input type="text" class="yb-chat-form-input" id="yunbaoChatCompany" placeholder="${vm.$t('contactSales.companyPlaceholder')}">
+                  <button class="yb-chat-form-submit" id="yunbaoChatSubmit">${vm.$t('yunbao.submit')}</button>
+                  <div class="yb-chat-form-tip">${vm.$t('yunbao.infoNote')}</div>
                 </div>
               </div>
             </div>
@@ -505,28 +509,29 @@ export default {
           const company = document.getElementById('yunbaoChatCompany').value.trim()
           const submitBtn = document.getElementById('yunbaoChatSubmit')
           if (!name || !phone) {
-            this.addBotMsg('请先填写姓名和联系电话哦～')
+            this.addBotMsg(vm.$t('yunbao.nameRequired'))
             return
           }
           if (!/^1[3-9]\d{9}$/.test(phone)) {
-            this.addBotMsg('请输入正确的 11 位手机号哦～')
+            this.addBotMsg(vm.$t('yunbao.phoneInvalid'))
             return
           }
           if (submitBtn && submitBtn.disabled) return
 
           if (submitBtn) {
             submitBtn.disabled = true
-            submitBtn.innerText = '提交中...'
+            submitBtn.innerText = vm.$t('yunbao.submitting')
           }
 
-          this.addUserMsg('已提交联系方式')
+          this.addUserMsg(vm.$t('yunbao.submitted'))
+          const productName = this.getProductName(this._selectedProduct)
           const data = {
             custom_type: '1',
             name,
             phone,
             company,
             email: '',
-            content: this._selectedProduct ? `我想咨询关于【${this._selectedProduct}】的产品信息` : '云宝对话咨询',
+            content: this._selectedProduct ? vm.$t('yunbao.consultingContent').replace('{product}', productName) : vm.$t('yunbao.defaultContent'),
             source: '官网',
             url_link: window.location.href
           }
@@ -534,20 +539,20 @@ export default {
           try {
             const response = await reqNewHomeConsult(data)
             if (response && response.status) {
-              this.addBotMsg('收到！我们的顾问将尽快与您联系 🎉<br>感谢您的信任！')
+              this.addBotMsg(vm.$t('yunbao.success'))
               return
             }
-            this.addBotMsg((response && response.msg) || '提交失败了，您可以稍后重试。', [
-              { text: '重新提交', action: 'retrySubmit', primary: true }
+            this.addBotMsg((response && response.msg) || vm.$t('yunbao.submitFail'), [
+              { text: vm.$t('yunbao.retry'), action: 'retrySubmit', primary: true }
             ])
           } catch (error) {
-            this.addBotMsg('网络开小差了，提交失败，您可以重试一次。', [
-              { text: '重新提交', action: 'retrySubmit', primary: true }
+            this.addBotMsg(vm.$t('yunbao.networkFail'), [
+              { text: vm.$t('yunbao.retry'), action: 'retrySubmit', primary: true }
             ])
           } finally {
             if (submitBtn) {
               submitBtn.disabled = false
-              submitBtn.innerText = '提交咨询'
+              submitBtn.innerText = vm.$t('yunbao.submit')
             }
           }
         }
@@ -558,10 +563,10 @@ export default {
         <div id="yunbaoModal" class="yb-assistant-modal-overlay">
           <div class="yb-assistant-modal">
             <div class="yb-assistant-modal-header">
-              <div class="yb-chat-avatar"><img src="${config.avatarUrl}" alt="云宝"></div>
+              <div class="yb-chat-avatar"><img src="${config.avatarUrl}" alt="${config.name}"></div>
               <div class="yb-chat-header-info">
                 <div class="yb-chat-header-name">${config.name}</div>
-                <div class="yb-chat-header-status">在线</div>
+                <div class="yb-chat-header-status">${this.$t('yunbao.online')}</div>
               </div>
               <button class="yb-assistant-close-btn" id="yunbaoCloseBtn">
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
@@ -626,7 +631,7 @@ export default {
         @media(max-width:480px){.yb-assistant-modal{width:calc(100vw - 32px);height:calc(100vh - 140px);right:0}.yb-assistant-modal-overlay{right:16px;bottom:90px}}
       `
     },
-    //关闭弹窗
+    // 关闭弹窗
     closeWindow() {
       this.isShowChangeChat = false
     },
@@ -634,14 +639,14 @@ export default {
       this.isShowPicLoading = false
       console.log()
     },
-    handleMouseEnter() {//鼠标移入事件
+    handleMouseEnter() { // 鼠标移入事件
       this.isShow = true
       if (this.isSend) {
         this.contant()
       }
       // this.contant()
     },
-    handleMouseLeave() {//鼠标移出事件
+    handleMouseLeave() { // 鼠标移出事件
       this.isSend = true
       this.src = ''
       this.phone = ''
@@ -649,11 +654,11 @@ export default {
       this.isShow = false
       this.isShowPicLoading = true
     },
-    contant() {//联系我们
-      let params = {
+    contant() { // 联系我们
+      const params = {
         // userid: sessionStorage.getItem("userId")
       }
-      if (this.url.indexOf('www') != -1) {
+      if (this.url.indexOf('www') !== -1) {
         params.domain = 'www'
       }
       contantAPI(params).then(res => {
@@ -661,70 +666,65 @@ export default {
 
         this.isShowPicLoading = false
         if (res.status) {
-
           this.src = res.picture_url
           this.phone = res.contactor_phone
         } else {
           this.$message({
             message: res.msg,
-            type: "error",
-          });
+            type: 'error'
+          })
         }
       })
     },
-    onSubmit() {//点击确认申请试用
+    onSubmit() { // 点击确认申请试用
       this.$refs.form.validate((valid) => {
         if (valid) {
-          let pamars = {
+          const pamars = {
             customer: this.form.customer,
             phone: this.form.phone,
             unit: this.form.unit,
             resources: this.form.resources,
-            userid: sessionStorage.getItem("userId")
+            userid: sessionStorage.getItem('userId')
           }
           applyAPI(pamars).then(res => {
             if (res.status) {
               this.dialogVisible = false
               this.$message({
-                message: "成功申请试用",
-                type: "success",
-              });
+                message: '成功申请试用',
+                type: 'success'
+              })
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
-              });
+                type: 'error'
+              })
             }
           })
         }
       })
     },
-    tryUse() {//申请试用
-
-      if (sessionStorage.getItem("userId")) {
+    tryUse() { // 申请试用
+      if (sessionStorage.getItem('userId')) {
         this.dialogVisible = true
       } else {
         // window.open('https://www.opencomputing.cn/#/floatingBox')
         this.$router.push('/floatingBox')
       }
-
     },
     handleClose() {
-      this.$refs.form.resetFields();
+      this.$refs.form.resetFields()
       this.dialogVisible = false
     },
-    //是否展示悬浮窗
+    // 是否展示悬浮窗
     isShowFloating() {
-
-
       return false
     }
   }
-};
+}
 </script>
 <style lang="scss" scoped>
 .box {
-  
+
   .contener {
     .dialog {
       width: 400px;
@@ -1082,13 +1082,11 @@ export default {
   width: .38rem;
   flex-direction: column;
 
-
   &:hover {
     .cloud-contact-us-i {
       background-position: -100px 0
     }
 
-
     //.active {
     //  border: 5px solid red;
     //  background-color: white !important;
@@ -1319,7 +1317,6 @@ export default {
   letter-spacing: 2px;
 }
 
-
 </style>
 <style>
 .apply-use {
diff --git a/f/web-kboss/src/i18n/lang/en-US.js b/f/web-kboss/src/i18n/lang/en-US.js
index 8db69f6..8531d3c 100644
--- a/f/web-kboss/src/i18n/lang/en-US.js
+++ b/f/web-kboss/src/i18n/lang/en-US.js
@@ -160,5 +160,228 @@ export default {
       secondDesc: 'Recognized for its industrial-grade AI agent factory delivery capabilities and benchmark cases among central and state-owned enterprises, Open Computing AI was named a Forbes China AI Commercial Application Demonstration Enterprise — underscoring its leadership in turning AI technology into scalable, real-world industry solutions.'
     }
   },
+  about: {
+    intro: {
+      kicker: 'About Us',
+      title: 'About Us',
+      copyHtml: 'Open Computing AI takes <span class="copy-strong">"Make AI Everywhere, Make AI Easy"</span> as its mission. By empowering all industries through integrated technologies, we strive to become a world-leading operator of AI Agent services. The company focuses on key application scenarios including <span class="copy-strong">education &amp; research, engineering &amp; transportation, port &amp; water utilities, energy &amp; power, and life-science &amp; healthcare</span>. We build full-stack AI solutions to drive the industrial intelligent transformation. As a Specialized, Refined, Differentiated and Innovative Enterprise, National High-Tech Enterprise, Tech-Based SME and Innovative SME, the company has obtained ISO 9001, ISO 27001 and ISO 28000 certifications. In 2026, it was selected as one of Forbes China’s AI Commercial Implementation Demonstration Enterprises. We have established in-depth cooperation with top-tier institutions such as Peking University Science and Technology Park (PKUSTP), Zhongguancun NCMatch, Inspur Yunzhou, China Railway Group Smart City R&amp;D Center, Beibu Gulf Port Big Data, Baidu Intelligent Cloud and Alibaba Cloud. Leveraging our self-developed AI Agent Factory, we have achieved dual breakthroughs in AI model services and commercial value. Open Computing AI will continue to deepen the scenario-based implementation of AI in vertical industries to accelerate the realization of our strategic vision.'
+    },
+    advantages: {
+      kicker: 'Why Choose Us',
+      title: 'Why Choose Open Computing AI',
+      fast: {
+        title: 'Faster',
+        subtitle: 'Ultra-fast inference · Compute efficiency',
+        tag: 'AI Infra',
+        desc: 'Dramatically accelerates model inference and provides a solid computing infrastructure foundation for enterprise efficiency.'
+      },
+      accurate: {
+        title: 'More Accurate',
+        subtitle: 'Vertical adaptation · Truth-oriented results',
+        tag: 'AI Agent',
+        desc: 'Provides model pre-training, dedicated knowledge bases, and ontology services for vertical industry scenarios.'
+      },
+      strong: {
+        title: 'Stronger',
+        subtitle: 'Full-stack capability · Human-AI collaboration',
+        tag: 'AI Ability',
+        desc: 'Brings globally leading AI capability models into real-world scenarios and continuously enhances AI controllability.'
+      },
+      stable: {
+        title: 'More Stable',
+        subtitle: 'Private deployment · Secure and reliable',
+        tag: 'AI Safety',
+        desc: 'Runs large models and agents stably in dedicated private-domain scenarios, backed by national-level professional teams.'
+      }
+    },
+    credentials: {
+      kicker: 'Credentials',
+      title: 'Credentials & Honors',
+      highTech: {
+        title: 'National High-Tech Enterprise',
+        desc: 'An innovative enterprise recognized by the state in high-tech fields'
+      },
+      specialized: {
+        title: 'Specialized, Refined, Differentiated and Innovative Enterprise',
+        desc: 'Specialized, Refined, Differentiated, and Innovative development direction'
+      },
+      techSme: {
+        title: 'Tech-Based SME',
+        desc: 'Certification for small and medium-sized enterprises with technological innovation capabilities'
+      },
+      iso: {
+        title: 'ISO 9001/27001/28000',
+        desc: 'Triple certification in quality management, information security, and supply chain security'
+      },
+      innovative: {
+        title: 'Innovative SME',
+        desc: 'An enterprise with high innovation capability and growth potential'
+      },
+      forbes: {
+        title: 'Forbes China',
+        descPrefix: 'Selected as ',
+        descHighlight: '"Forbes China AI Commercial Implementation Demonstration Enterprise"',
+        descSuffix: ' in 2026'
+      }
+    },
+    cta: {
+      title: 'Join Hands with Open Computing AI to Build an Intelligent Future',
+      desc: 'Whether you are seeking AI solutions or a like-minded partner, we look forward to speaking with you.'
+    }
+  },
+  casePages: {
+    decision: {
+      heroTitle: 'Investment Strategy Agent',
+      heroDesc: 'An AI-powered assistant designed to support enterprise investment decision-making. It integrates multi-dimensional market data, industry trends, and policy information, and simulates returns and risks across different decision scenarios through algorithms, automatically generating visual analysis reports. It helps enterprises quickly synthesize core information, anticipate market directions, reduce decision-making bias, and enhance the scientific rigor and feasibility of investment proposals.',
+      tabs: { scenarios: 'Use Cases', solution: 'Solutions', highlights: 'Key Highlights' },
+      scenariosTitle: 'Application Scenarios',
+      scenariosDesc: 'Covering the full lifecycle of enterprise investment decision-making',
+      scenarios: [
+        { title: 'Investment Feasibility Study', desc: 'Collects industry data, market trends, and policy information and generates professional investment feasibility analysis reports, helping decision-makers rapidly evaluate project value and risks.' },
+        { title: 'Market Research & Analysis', desc: 'Integrates multi-dimensional market data, automatically analyzes market size, competitive landscape, and development trends, and generates detailed market research reports to support business decisions.' },
+        { title: 'Competitive Product Analysis', desc: 'Automatically collects competitive product information, analyzes product features, market strategies, and user feedback, and generates competitive comparison reports to help enterprises develop differentiated competitive strategies.' }
+      ],
+      solutionTitle: 'Challenges & Solutions for Enterprise Decision-Making',
+      solutionDesc: 'Focusing on data collection, research writing, knowledge management, and intelligent applications',
+      challengeTitle: 'Challenge: Data-Rich, Insight-Poor',
+      challenges: [
+        { title: 'Severe Data Silos', desc: 'Data is scattered across different business systems or website sources, making it difficult to integrate, which impedes comprehensive analysis and decision-making.' },
+        { title: 'Difficulty in Knowledge Accumulation', desc: "Key business knowledge and expert experience primarily reside in individuals' minds and are lost with personnel turnover." },
+        { title: 'Time-Consuming and Labor-Intensive Report Writing', desc: 'Manually organizing data and producing high-quality decision reports is cumbersome and inefficient, making it difficult to respond quickly to demands.' }
+      ],
+      abilityTitle: 'Solutions: Core Capabilities of the E-Decision Platform',
+      abilityDesc: 'Focusing on four dimensions - data collection, research writing, knowledge management, and intelligent applications - to help enterprises build proprietary knowledge systems and empower scientific decision-making.',
+      abilities: [
+        { title: 'Data Collection & Integration', desc: 'Automatically captures internal and external data sources, breaks down barriers, and unifies data standards.' },
+        { title: 'Knowledge Management & Accumulation', desc: 'Transforms unstructured documents into structured knowledge graphs, accumulating core enterprise assets.' },
+        { title: 'Intelligent Applications & Q&A', desc: 'Supports natural language queries for rapid retrieval and responses, delivering key insights on demand.' },
+        { title: 'AI-Assisted Research Report Writing', desc: 'Accepts a topic input to automatically generate content, with one-click export to PDF/PPT.' }
+      ],
+      highlightsTitle: 'Project Highlights',
+      highlightsDesc: 'One Research, Dual-Format Delivery',
+      highlights: [
+        { title: 'One-Click PDF Research Report Generation', desc: 'After AI-assisted generation of research content, the system supports one-click export to a well-formatted, detailed PDF research report, meeting archiving and in-depth reading needs.' },
+        { title: 'One-Click PPT Presentation Generation', desc: 'In addition to PDF, the system supports one-click export to PPT presentations with automatic logical structuring, intelligent pagination, and professional formatting - ready to use immediately.' }
+      ],
+      ctaTitle: 'Start Using the Investment Strategy Agent',
+      ctaDesc: 'Let AI empower your investment decisions with one research workflow and dual-format delivery.',
+      contactSales: 'Contact Sales'
+    },
+    contract: {
+      heroTitle: 'Smart Contract Review',
+      heroDesc: 'A professional review agent designed for the entire contract signing process of enterprise legal and business teams. It aggregates multi-dimensional information including regulatory provisions, internal corporate risk control standards, and historical contract cases. Leveraging the deep semantic parsing capabilities of large language models, it automatically identifies legal risks in contracts and intelligently generates standardized modification suggestions along with clear risk explanations.',
+      tabs: { scenarios: 'Use Cases', solution: 'Solutions', highlights: 'Key Highlights' },
+      scenariosTitle: 'Application Scenarios',
+      scenariosDesc: 'Covering the full lifecycle of the contract review process',
+      scenarios: [
+        { title: 'Business Contract Preliminary Review', desc: 'Automatically parse general business contracts including sales, services, leasing, and cooperation agreements. Screen risk points against enterprise risk control red lines on a clause-by-clause basis, generate preliminary review opinions, reduce basic legal review workload, and accelerate business pre-approval processes.' },
+        { title: 'In-depth Risk Control for Complex Commercial Contracts', desc: 'For high-risk specialized contracts involving investment & financing, intellectual property, engineering, confidentiality and non-compete, conduct multi-level risk simulations integrated with complete legal provisions and judicial precedents. Identify deep-seated issues such as authority loopholes, breach defects, and jurisdictional disputes, and generate comprehensive risk assessment documents.' },
+        { title: 'Multi-party Contract Version Comparison & Revision', desc: 'Automatically identify differences across multiple revision rounds between both parties, distinguish newly added, deleted, and modified clauses, highlight risk-related changes, and simultaneously generate version comparison ledgers to support business negotiations and legal review, avoiding overlooked key risks during revisions.' }
+      ],
+      deleted: 'Deleted',
+      added: 'Added',
+      solutionTitle: 'Challenges & Solutions in Enterprise Contract Management',
+      solutionDesc: 'Across four core dimensions: data aggregation, contract review, knowledge accumulation, and intelligent consultation',
+      challengeTitle: 'Current Challenges',
+      challenges: [
+        { title: 'Fragmented and Dispersed Document Information', desc: 'Contracts, regulations, historical precedents, and internal templates are scattered across different storage channels with no unified search entry, requiring cross-document repeated verification during review.' },
+        { title: 'Risk Control Experience Difficult to Retain and Reuse', desc: "Senior legal counsel's review points, negotiation baselines, and risk handling experience reside only with individuals, which often leads to inconsistent standards after personnel handover." },
+        { title: 'Time-Consuming Manual Review with Weak Standardization', desc: 'Manual clause-by-clause review of massive contracts consumes significant manpower, while review standards vary among legal staff, resulting in slow responses for urgent signing scenarios.' }
+      ],
+      abilityTitle: 'Solutions',
+      abilities: [
+        { title: 'Unified Aggregation & Parsing of Multi-source Documents', desc: 'Batch upload PDF, Word, and scanned contracts; OCR recognizes text and image content, and uniformly extracts key information including transaction parties, pricing, performance, and breach clauses in structured format.' },
+        { title: 'AI-powered Full-Clause Intelligent Review & Correction', desc: 'Layer-by-layer scan of all contract clauses, marking high, medium, and low risks against laws, regulations, and enterprise internal control rules, with standardized compliance replacement clauses provided.' },
+        { title: 'Legal Knowledge Base Accumulation & Management', desc: 'Transform enterprise standard templates, review checklists, precedents, and internal risk control policies into a structured knowledge base, accumulating enterprise-specific legal assets.' },
+        { title: 'Natural Language Legal Intelligent Q&A', desc: 'Enables business and legal staff to query compliance requirements, clause drafting, and risk consequences using natural language questions, with instant professional answers and reference clauses.' }
+      ],
+      highlightsTitle: 'Project Highlights',
+      highlightsDesc: 'Full-Process Intelligent Risk Control with Four Core Review Capabilities',
+      highlights: [
+        { title: 'Auto-tagged Risk Levels with Compliance Remediation Clauses', desc: 'Classify risks into three levels: critical, general, and advisory. Precisely locate the corresponding original text paragraphs for each risk, and match replacement clauses aligned with enterprise policies and current laws for each risk item.' },
+        { title: 'Intelligent Multi-version Contract Comparison & Traceability', desc: 'Upload new and old contracts along with exchanged drafts between both parties; the system automatically highlights added, deleted, and modified clauses, and generates a traceable comparison ledger.' },
+        { title: 'All-Format Contract Recognition with Precise Scanned Document Parsing', desc: 'Supports uploading of Word, PDF, scanned images, and stamped document files with built-in high-precision OCR, covering both existing and newly added contract documents.' },
+        { title: 'One-Click Reuse of Enterprise Legal Knowledge for Unified Review Standards', desc: 'Built-in enterprise-specific contract template library, risk control red-line checklist, and industry precedent database; new employees can directly adopt mature review standards.' }
+      ]
+    }
+  },
+  contactSales: {
+    title: 'Contact Sales',
+    nameLabel: '1. Please enter your name',
+    namePlaceholder: 'Please enter your name',
+    phoneLabel: '2. Please enter your contact information',
+    phonePlaceholder: 'Please enter your phone number',
+    emailLabel: '3. Please enter your email',
+    emailPlaceholder: 'Please enter your email',
+    companyLabel: '4. Please enter your company name',
+    companyPlaceholder: 'Please enter your company name',
+    enterpriseLabel: '5. Please select your enterprise type (single choice)',
+    provinceLabel: '6. Please select your province (single choice)',
+    provincePlaceholder: 'Enter province name or pinyin initials to search...',
+    messageLabel: '7. If you have other questions, please leave a message',
+    messagePlaceholder: 'Please enter your inquiry...',
+    privacy: 'The information you provide will only be used for this business communication. The company will strictly implement information security protection mechanisms and will not disclose or misuse any of your personal data.',
+    phoneInvalid: 'Please enter a valid phone number',
+    emailInvalid: 'Please enter a valid email address',
+    enterpriseRequired: 'Please select your enterprise type',
+    provinceRequired: 'Please select your province',
+    privacyRequired: 'Please agree to the privacy notice before submitting.',
+    formInvalid: 'Please complete the form.',
+    cancel: 'Cancel',
+    submit: 'Submit Inquiry',
+    qrcode: 'Scan QR code to add official customer service',
+    enterpriseOptions: {
+      largeEnterprise: 'Large Enterprise',
+      sme: 'SME',
+      opcIndividual: 'OPC / Individual',
+      university: 'University / Research Institute',
+      government: 'Government',
+      other: 'Other'
+    }
+  },
+  yunbao: {
+    name: 'Yunbao Assistant',
+    online: 'Online',
+    welcome: "Hi~ I'm Yunbao 👋<br>Would you like to just browse, or chat about your needs directly?",
+    browse: 'Just Browse',
+    direct: 'Chat About Needs',
+    recommend: 'Sure~ Here are our recommended hot products 👇',
+    moreProducts: "Or are there other products you'd like to learn about?",
+    askProduct: 'Which product or service would you like to learn about?',
+    learnMore: 'Learn More →',
+    submit: 'Submit Inquiry',
+    consultantNote: 'Please leave your contact information, and our consultant will reach out to you soon',
+    infoNote: 'Your information will only be used for consultant contact',
+    products: {
+      bid: 'AI Bidding Platform',
+      tender: 'AI Tendering Platform',
+      evaluation: 'AI Evaluation Platform',
+      loggingReview: 'Logging Review',
+      gasMonitor: 'Gas Turbine Smart Monitoring',
+      powerPrice: 'Power Price Forecasting',
+      comic: 'AI Comic Drama Production',
+      contract: 'Smart Contract Review',
+      decision: 'Investment Strategy Agent'
+    },
+    productDescs: {
+      bid: 'Smarter bid document writing engine',
+      contract: 'AI-driven contract risk review, 60%+ efficiency boost',
+      decision: 'Minute-level investment research analysis, precise decision support'
+    },
+    productIntroDefault: 'This is an excellent AI product. Feel free to learn more.',
+    nameRequired: 'Please enter your name and phone number first.',
+    phoneInvalid: 'Please enter a valid 11-digit phone number.',
+    submitted: 'Contact information submitted',
+    consultingContent: 'I would like to inquire about {product}.',
+    defaultContent: 'Yunbao chat consultation',
+    submitting: 'Submitting...',
+    success: 'Received! Our consultant will contact you soon.<br>Thank you for your trust!',
+    submitFail: 'Submission failed. Please try again later.',
+    networkFail: 'Network error. Submission failed. Please try again.',
+    retry: 'Retry',
+    openedContract: 'The Smart Contract Review page has been opened.<br>Anything else you would like to know?',
+    openedDecision: 'The Investment Strategy Agent page has been opened.<br>Anything else you would like to know?',
+    openedPage: 'The related page has been opened. Anything else you would like to know?'
+  },
   ...autoMessages
 }
diff --git a/f/web-kboss/src/i18n/lang/zh-CN.js b/f/web-kboss/src/i18n/lang/zh-CN.js
index aa964ac..76470c3 100644
--- a/f/web-kboss/src/i18n/lang/zh-CN.js
+++ b/f/web-kboss/src/i18n/lang/zh-CN.js
@@ -160,5 +160,228 @@ export default {
       secondDesc: '凭借 AI 智能体工厂的工业级交付能力与央国企标杆案例，开元云入选福布斯中国人工智能商业落地示范企业。'
     }
   },
+  about: {
+    intro: {
+      kicker: 'About Us',
+      title: '关于我们',
+      copyHtml: '开元云科技（Open Computing AI）以<span class="copy-strong">"让AI无处不在，让智能如此简单"</span>为使命，通过融合技术赋能千行百业，致力于成为全球领先的AI智能体服务运营商。公司聚焦<span class="copy-strong">教育科研、工程交通、港口水务、能源电力、生物医药</span>等战略应用场景，构建全栈AI解决方案，推动产业智能化升级。作为专精特新企业，国家级高新技术企业、科技型中小企业、创新型中小企业和ISO 9001/27001/28000认证单位，2026年入选福布斯中国"AI商业落地示范企业"。与北京大学科创园、中关村NCMatch、浪潮云洲、中国中铁智慧城市研发中心、北港大数据、百度智能云、阿里云等顶尖机构建立深度合作。依托自主研发的AI智能体工厂，实现AI模型服务与商业价值的双重突破。开元云将持续深耕垂直领域AI场景化落地，加速实现战略愿景。'
+    },
+    advantages: {
+      kicker: 'Why Choose Us',
+      title: '为什么选择开元云',
+      fast: {
+        title: '更快',
+        subtitle: '极速推理 · 算力提效',
+        tag: 'AI Infra',
+        desc: '翻倍级拉升模型推理速度，为企业提效提供坚实算力基础设施'
+      },
+      accurate: {
+        title: '更准',
+        subtitle: '垂类适配 · 去幻求真',
+        tag: 'AI Agent',
+        desc: '针对垂类行业场景开展模型预训练、专属知识库与本体论服务'
+      },
+      strong: {
+        title: '更强',
+        subtitle: '全栈能力 · 人机协同',
+        tag: 'AI Ability',
+        desc: '全球领先AI能力模型下沉落地，AI掌控力持续增强'
+      },
+      stable: {
+        title: '更稳',
+        subtitle: '私有部署 · 安全可信',
+        tag: 'AI Safety',
+        desc: '专属私域场景稳定运行大模型与智能体，携手国家级专业团队为您护航'
+      }
+    },
+    credentials: {
+      kicker: 'Credentials',
+      title: '资质与荣誉',
+      highTech: {
+        title: '国家级高新技术企业',
+        desc: '经国家认定的高新技术领域创新型企业'
+      },
+      specialized: {
+        title: '专精特新企业',
+        desc: '专业化、精细化、特色化、新颖化发展方向'
+      },
+      techSme: {
+        title: '科技型中小企业',
+        desc: '具备科技创新能力的中小型企业认定'
+      },
+      iso: {
+        title: 'ISO 9001/27001/28000',
+        desc: '质量管理、信息安全、供应链安全三重认证'
+      },
+      innovative: {
+        title: '创新型中小企业',
+        desc: '具有较高创新能力和发展潜力的企业'
+      },
+      forbes: {
+        title: '福布斯中国',
+        descPrefix: '2026年入选',
+        descHighlight: '"AI商业落地示范企业"',
+        descSuffix: ''
+      }
+    },
+    cta: {
+      title: '携手开元云，共筑智能未来',
+      desc: '无论您是寻求AI解决方案的企业，还是志同道合的合作伙伴，我们期待与您对话'
+    }
+  },
+  casePages: {
+    decision: {
+      heroTitle: '投策智能体',
+      heroDesc: '面向企业投资决策的辅助智能体，整合多维度市场数据、行业趋势与政策信息，通过算法模拟不同决策场景的收益与风险，自动生成可视化分析报告。帮助企业快速梳理核心信息，预判市场走向，辅助降低决策偏差，提升投资方案的科学性与可行性',
+      tabs: { scenarios: '应用场景', solution: '解决方案', highlights: '项目亮点' },
+      scenariosTitle: '应用场景',
+      scenariosDesc: '覆盖企业投资决策全链路',
+      scenarios: [
+        { title: '投资可行性研究', desc: '自动收集行业数据、市场趋势、政策信息，生成专业的投资可行性分析报告，辅助决策者快速评估项目价值与风险。' },
+        { title: '市场调研分析', desc: '整合多维度市场数据，自动分析市场规模、竞争格局、发展趋势，生成详实的市场调研报告，支撑业务决策。' },
+        { title: '竞品分析', desc: '自动收集竞品信息，分析产品特性、市场策略、用户反馈，生成竞品对比分析报告，帮助企业制定差异化竞争策略。' }
+      ],
+      solutionTitle: '企业决策的困境与解决方案',
+      solutionDesc: '聚焦数据收集、研报撰写、知识管理、智能应用四大维度',
+      challengeTitle: '困境：数据丰富，洞察贫乏',
+      challenges: [
+        { title: '数据孤岛严重', desc: '数据分散在不同业务系统中、或者网站信源中，难以打通整合，阻碍全面分析与决策。' },
+        { title: '知识沉淀难', desc: '关键业务知识与专家经验主要存在于个人头脑中，随人员流动而流失。' },
+        { title: '报告撰写耗时费力', desc: '手工整理数据、制作高质量决策报告过程繁琐，效率低下，难以快速响应需求。' }
+      ],
+      abilityTitle: '解决方案：E决策平台核心能力',
+      abilityDesc: '聚焦“数据收集、研报撰写、知识管理、智能应用”四大维度，帮助企业构建专属知识体系，赋能科学决策。',
+      abilities: [
+        { title: '数据收集与整合', desc: '自动抓取内外部数据源，打破壁垒，统一数据口径' },
+        { title: '知识管理与沉淀', desc: '将非结构化文档转化为结构化知识图谱，沉淀企业核心资产' },
+        { title: '智能应用与问答', desc: '支持自然语言提问，快速检索与回答，即问即得关键洞察' },
+        { title: 'AI辅助研报撰写', desc: '输入主题自动生成内容，支持一键导出为PDF/PPT' }
+      ],
+      highlightsTitle: '项目亮点',
+      highlightsDesc: '一次研究，双格式交付',
+      highlights: [
+        { title: '一键生成PDF研究报告', desc: '在AI辅助生成研报内容后，系统支持一键导出为格式规范、内容详实的PDF研究报告，满足归档与深度阅读需求。' },
+        { title: '一键生成PPT演示文稿', desc: '除了PDF，系统还支持一键导出为PPT演示文稿，并自动完成逻辑梳理、智能分页和专业排版，即导即用。' }
+      ],
+      ctaTitle: '开始使用投策智能体',
+      ctaDesc: '让AI赋能您的投资决策，一次研究，双格式交付',
+      contactSales: '联系销售'
+    },
+    contract: {
+      heroTitle: '合同智能审查',
+      heroDesc: '面向企业法务与业务签约全流程的专业审查智能体，聚合法规条文、企业内部风控标准、历史合同案例多维信息，依托大模型深度语义解析能力自动识别合同法律隐患，智能生成标准化修改建议与风险说明。',
+      tabs: { scenarios: '应用场景', solution: '解决方案', highlights: '项目亮点' },
+      scenariosTitle: '应用场景',
+      scenariosDesc: '覆盖企业合同全生命周期审核链路',
+      scenarios: [
+        { title: '业务合同初审', desc: '自动解析购销、服务、租赁、合作类通用业务合同，逐条对标企业风控红线快速筛查风险点，输出初审意见，减轻法务基础审核工作量，快速完成业务前置审批。' },
+        { title: '复杂商事合同深度风控', desc: '针对投融资、知识产权、工程、保密竞业等高风险专项合同，联动完整法条与司法判例开展多层级风险推演，梳理权责漏洞、违约缺陷、管辖争议等深层隐患，输出完整风险评估文档。' },
+        { title: '多方合同版本比对修订', desc: '自动识别甲乙双方多轮修改稿件差异，区分新增、删减、修改条款，高亮标注风险变更内容，同步生成版本对比台账，辅助商务谈判与法务复核，避免改稿遗漏关键风险。' }
+      ],
+      deleted: '删除',
+      added: '新增',
+      solutionTitle: '企业合同管理的困境与解决方案',
+      solutionDesc: '围绕数据归集、合同编审、知识沉淀、智能咨询四大核心维度',
+      challengeTitle: '现存困境',
+      challenges: [
+        { title: '文件信息割裂分散', desc: '合同、法规、历史判例、内部模板散落在不同存储渠道，无统一检索入口，审核时需跨文件反复核对。' },
+        { title: '风控经验难以留存复用', desc: '资深法务的审查要点、谈判底线、风险处置经验仅存于个人，人员交接后容易出现标准不统一。' },
+        { title: '人工审核耗时长、标准化弱', desc: '海量合同逐条人工审阅消耗大量人力，不同法务审核尺度参差不齐，紧急签约场景响应慢。' }
+      ],
+      abilityTitle: '解决方案',
+      abilities: [
+        { title: '多源文件统一归集解析', desc: '批量上传PDF、Word、扫描件合同，OCR识别图文内容，统一结构化抽取交易主体、价款、履约、违约等关键信息。' },
+        { title: '全条款AI智能编审修正', desc: '分层扫描合同全部条款，对标法律法规与企业内控规则标记高中低三级风险，配套标准化合规替换条款。' },
+        { title: '法务知识库沉淀管理', desc: '将企业标准模板、审查清单、判例、内部风控制度转化为结构化知识库，沉淀企业专属法务资产。' },
+        { title: '自然语言法务智能问答', desc: '支持业务、法务人员以口语化提问查询合规要求、条款写法、风险后果，即时输出专业解答与参考条款。' }
+      ],
+      highlightsTitle: '项目亮点',
+      highlightsDesc: '全流程智能风控，四大核心审查能力落地',
+      highlights: [
+        { title: '分级风险自动标注，配套合规整改条款', desc: '按重大、一般、提示三级划分风险，精准定位风险对应原文段落，每条风险同步匹配适配企业制度与现行法律的替换条款。' },
+        { title: '多版本合同差异智能比对溯源', desc: '上传新旧合同、甲乙双方往来稿件，系统自动高亮新增、删减、变更条款，生成可追溯对比台账。' },
+        { title: '全格式合同兼容识别，扫描件精准解析', desc: '支持Word、PDF、图片扫描件、盖章影像文件上传，内置高精度OCR图文识别，覆盖存量和增量合同文件。' },
+        { title: '企业法务知识一键复用，审查标准统一', desc: '内置企业专属合同模板库、风控红线清单、行业判例库，新员工可直接复用成熟审查标准。' }
+      ]
+    }
+  },
+  contactSales: {
+    title: '联系销售',
+    nameLabel: '1. 请填写您的姓名',
+    namePlaceholder: '请输入您的姓名',
+    phoneLabel: '2. 请填写您的联系方式',
+    phonePlaceholder: '请输入您的联系电话',
+    emailLabel: '3. 请填写您的邮箱',
+    emailPlaceholder: '请输入您的邮箱',
+    companyLabel: '4. 请填写您的公司名称',
+    companyPlaceholder: '请输入您的公司名称',
+    enterpriseLabel: '5. 请选择您的企业类型（单选）',
+    provinceLabel: '6. 请选择您所在的省份（单选）',
+    provincePlaceholder: '输入省份名称或拼音首字母搜索...',
+    messageLabel: '7. 如果您有其他问题需要咨询，请留言',
+    messagePlaceholder: '请输入您想咨询的内容...',
+    privacy: '您填写的信息仅用于本次业务对接沟通，公司将严格落实信息安全保护机制，不泄露、不滥用您的任何个人资料。',
+    phoneInvalid: '请输入正确的手机号',
+    emailInvalid: '请输入正确的邮箱地址',
+    enterpriseRequired: '请选择企业类型',
+    provinceRequired: '请选择所在省份',
+    privacyRequired: '请勾选同意协议后再提交！',
+    formInvalid: '请完善表单信息~',
+    cancel: '取消',
+    submit: '提交咨询',
+    qrcode: '扫码添加官方客服',
+    enterpriseOptions: {
+      largeEnterprise: '大型企业',
+      sme: '中小企业',
+      opcIndividual: 'OPC个人',
+      university: '高校科研机构',
+      government: '政府',
+      other: '其他'
+    }
+  },
+  yunbao: {
+    name: '云宝小助手',
+    online: '在线',
+    welcome: '嗨～ 我是云宝 👋<br>请问您想随便看看，还是直接聊聊需求？',
+    browse: '随便看看',
+    direct: '直接聊聊需求',
+    recommend: '好的～为您推荐我们的热门产品 👇',
+    moreProducts: '或者您还有其他想了解的产品吗？',
+    askProduct: '您想了解哪方面的产品或服务呢？',
+    learnMore: '查看更多→',
+    submit: '提交咨询',
+    consultantNote: '请留下您的联系方式，我们的顾问将尽快与您联系 😊',
+    infoNote: '信息仅用于顾问联系',
+    products: {
+      bid: 'E投标',
+      tender: 'E招标',
+      evaluation: 'E评标',
+      loggingReview: '采伐智审',
+      gasMonitor: '燃机智慧监盘',
+      powerPrice: '电价预测',
+      comic: 'AI漫剧制作',
+      contract: '合同智能审查',
+      decision: '投策智能体'
+    },
+    productDescs: {
+      bid: '更智能的标书写作引擎',
+      contract: 'AI驱动合同风险审查，效率提升60%+',
+      decision: '分钟级投研分析，精准辅助投资决策'
+    },
+    productIntroDefault: '这是一款优秀的AI产品，欢迎进一步了解！',
+    nameRequired: '请先填写姓名和联系电话哦～',
+    phoneInvalid: '请输入正确的 11 位手机号哦～',
+    submitted: '已提交联系方式',
+    consultingContent: '我想咨询关于【{product}】的产品信息',
+    defaultContent: '云宝对话咨询',
+    submitting: '提交中...',
+    success: '收到！我们的顾问将尽快与您联系 🎉<br>感谢您的信任！',
+    submitFail: '提交失败了，您可以稍后重试。',
+    networkFail: '网络开小差了，提交失败，您可以重试一次。',
+    retry: '重新提交',
+    openedContract: '已为您打开合同智能审查页面 📄<br>还有其他想了解的吗？',
+    openedDecision: '已为您打开投策智能体页面 📊<br>还有其他想了解的吗？',
+    openedPage: '已为您打开相关页面。还有其他想了解的吗？'
+  },
   ...autoMessages
 }
diff --git a/f/web-kboss/src/permission.js b/f/web-kboss/src/permission.js
index f11b4ca..8d32c0d 100644
--- a/f/web-kboss/src/permission.js
+++ b/f/web-kboss/src/permission.js
@@ -11,7 +11,7 @@ import {getHomePath} from "@/views/setting/tools";
 
 NProgress.configure({showSpinner: false}); // NProgress Configuration
 
-const whiteList = ["product", "/tokenMarket", "/modelDetail", "/modelApiDocument", "/login", "/homePage", "/registrationPage", "/shoppingCart", "/homePageImage","/h5HomePage",'/H5about','/modelProductDetail','/ncmatchHome']; // no redirect whitelist
+const whiteList = ["product", "/tokenMarket", "/modelDetail", "/modelApiDocument", "/login", "/homePage", "/registrationPage", "/shoppingCart", "/homePageImage","/h5HomePage",'/H5about','/modelProductDetail','/ncmatchHome', '/agreement']; // no redirect whitelist
 
 // 获取用户代理字符串
 const userAgent = window.navigator.userAgent;
diff --git a/f/web-kboss/src/router/index.js b/f/web-kboss/src/router/index.js
index 2e5875a..9730ca9 100644
--- a/f/web-kboss/src/router/index.js
+++ b/f/web-kboss/src/router/index.js
@@ -1,26 +1,26 @@
-import Vue from "vue";
-import Router from "vue-router";
-import store from "@/store";
+import Vue from 'vue'
+import Router from 'vue-router'
+import store from '@/store'
 /* Layout */
-import Layout from "@/layout";
-import GpuProduct from "@/views/product/productHome/capitalOnline/productItem/GpuProduct/index.vue";
-import CreatePrivateNet from "@/views/product/productHome/capitalOnline/Net/privateNet/createPrivateNet/index.vue";
-import ShowPrivateNet from "@/views/product/productHome/capitalOnline/Net/privateNet/showPrivateNet/index.vue";
-import CreateChildNet from "@/views/product/productHome/capitalOnline/Net/childNet/createChildNet/index.vue";
-import ShowChildNet from "@/views/product/productHome/capitalOnline/Net/childNet/showChildNet/index.vue";
-import PrivateNetDetail from "@/views/product/productHome/capitalOnline/Net/privateNet/privateNetDetail/index.vue";
-import ChildDetail from "@/views/product/productHome/capitalOnline/Net/childNet/childDetail/index.vue";
-import SecurityGroup from "@/views/product/productHome/capitalOnline/Net/securityGroup/index.vue";
+import Layout from '@/layout'
+import GpuProduct from '@/views/product/productHome/capitalOnline/productItem/GpuProduct/index.vue'
+import CreatePrivateNet from '@/views/product/productHome/capitalOnline/Net/privateNet/createPrivateNet/index.vue'
+import ShowPrivateNet from '@/views/product/productHome/capitalOnline/Net/privateNet/showPrivateNet/index.vue'
+import CreateChildNet from '@/views/product/productHome/capitalOnline/Net/childNet/createChildNet/index.vue'
+import ShowChildNet from '@/views/product/productHome/capitalOnline/Net/childNet/showChildNet/index.vue'
+import PrivateNetDetail from '@/views/product/productHome/capitalOnline/Net/privateNet/privateNetDetail/index.vue'
+import ChildDetail from '@/views/product/productHome/capitalOnline/Net/childNet/childDetail/index.vue'
+import SecurityGroup from '@/views/product/productHome/capitalOnline/Net/securityGroup/index.vue'
 import CreateSecurityGroup
-  from "@/views/product/productHome/capitalOnline/Net/securityGroup/createSecurityGroup/index.vue";
+from '@/views/product/productHome/capitalOnline/Net/securityGroup/createSecurityGroup/index.vue'
 import SecurityGroupDetail
-  from "@/views/product/productHome/capitalOnline/Net/securityGroup/securityGroupDetail/index.vue";
-import ShowGpu from "@/views/product/productHome/capitalOnline/productItem/GpuProduct/ShowGpu/index.vue";
-import ShowEip from "@/views/product/productHome/capitalOnline/Net/Eip/showEip/index.vue";
-import CreateEip from "@/views/product/productHome/capitalOnline/Net/Eip/createEip/index.vue";
+from '@/views/product/productHome/capitalOnline/Net/securityGroup/securityGroupDetail/index.vue'
+import ShowGpu from '@/views/product/productHome/capitalOnline/productItem/GpuProduct/ShowGpu/index.vue'
+import ShowEip from '@/views/product/productHome/capitalOnline/Net/Eip/showEip/index.vue'
+import CreateEip from '@/views/product/productHome/capitalOnline/Net/Eip/createEip/index.vue'
 import { getHomePath } from '@/views/setting/tools'
 
-Vue.use(Router);
+Vue.use(Router)
 
 /**
  * Note: sub-menu only appear when route children.length >= 1
@@ -51,133 +51,140 @@ Vue.use(Router);
  */
 export const constantRoutes = [
   {
-    path: "/", component: Layout, hidden: true, children: [{
-      path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index"),
-    },],
+    path: '/', component: Layout, hidden: true, children: [{
+      path: '/redirect/:path(.*)', component: () => import('@/views/redirect/index')
+    }]
   },
   // 模型推荐产品详情
   {
-    path: "/modelProductDetail",
+    path: '/modelProductDetail',
     name: 'ProductDetail',
-    component: () => import('@/views/modelProductDetail/index.vue'),
+    component: () => import('@/views/modelProductDetail/index.vue')
 
   },
   {
-    path: "/tokenMarket",
-    name: "PublicTokenMarket",
+    path: '/tokenMarket',
+    name: 'PublicTokenMarket',
     redirect: to => ({
-      path: "/homePage/tokenMarket",
+      path: '/homePage/tokenMarket',
       query: {
-        category: to.query.category || "TOKEN市集",
-        single: to.query.single || "1",
+        category: to.query.category || 'TOKEN市集',
+        single: to.query.single || '1'
       }
     }),
     hidden: true,
     meta: {
-      title: "TOKEN市集",
+      title: 'TOKEN市集',
       noCache: true
     }
   },
+  {
+    path: '/agreement/:type',
+    component: () => import('@/views/homePage/agreement/AgreementPreview.vue'),
+    name: 'agreementPreview',
+    hidden: true,
+    meta: { title: '协议预览', noCache: true }
+  },
   {
     path: '/h5HomePage',
     name: 'H5HomePage',
     title: 'H5首页',
     component: () => import('@/views/H5/index.vue'),
     hidden: true,
-    redirect: "/h5HomePage/index",
+    redirect: '/h5HomePage/index',
     children: [
       {
-        path: "index",
+        path: 'index',
         title: 'H5首页',
         component: () => import('@/views/H5/official/index.vue'),
         meta: {
-          title: "H5首页", fullPath: "/h5HomePage/index",
-        },
+          title: 'H5首页', fullPath: '/h5HomePage/index'
+        }
       },
       {
-        path: "cloud",
+        path: 'cloud',
         title: '云',
         component: () => import('@/views/H5/cloud/index.vue'),
         meta: {
-          title: "云", fullPath: "/h5HomePage/cloud",
-        },
+          title: '云', fullPath: '/h5HomePage/cloud'
+        }
       },
       {
-        path: "calculate",
+        path: 'calculate',
         title: '算',
         component: () => import('@/views/H5/calculate/index.vue'),
         meta: {
-          title: "算", fullPath: "/h5HomePage/calculate",
-        },
+          title: '算', fullPath: '/h5HomePage/calculate'
+        }
       },
       {
-        path: "net",
+        path: 'net',
         title: '网',
         component: () => import('@/views/H5/net/index.vue'),
         meta: {
-          title: "网", fullPath: "/h5HomePage/net",
-        },
+          title: '网', fullPath: '/h5HomePage/net'
+        }
       },
       {
-        path: "use",
+        path: 'use',
         title: '用',
         component: () => import('@/views/H5/use/index.vue'),
         meta: {
-          title: "用", fullPath: "/h5HomePage/use",
-        },
+          title: '用', fullPath: '/h5HomePage/use'
+        }
       },
       {
-        path: "details",
+        path: 'details',
         title: '算产品详情',
         component: () => import('@/views/H5/details/index.vue'),
         meta: {
-          title: "产品详情", fullPath: "/h5HomePage/details",
-        },
+          title: '产品详情', fullPath: '/h5HomePage/details'
+        }
 
       },
       {
-        path: "netDetail",
+        path: 'netDetail',
         title: '网产品详情',
         component: () => import('@/views/H5/netDetails/index.vue'),
         meta: {
-          title: "产品详情", fullPath: "/h5HomePage/netDetail",
-        },
+          title: '产品详情', fullPath: '/h5HomePage/netDetail'
+        }
       },
       {
-        path: "useDetail",
+        path: 'useDetail',
         title: 'AI产品详情',
         component: () => import('@/views/H5/useDetails/index.vue'),
         meta: {
-          title: "AI产品详情", fullPath: "/h5HomePage/useDetail",
-        },
+          title: 'AI产品详情', fullPath: '/h5HomePage/useDetail'
+        }
       },
       {
-        path: "service",
+        path: 'service',
         title: '智能客服详情',
         component: () => import('@/views/H5/useDetails/service.vue'),
         meta: {
-          title: "智能客服详情", fullPath: "/h5HomePage/service",
-        },
+          title: '智能客服详情', fullPath: '/h5HomePage/service'
+        }
       },
       {
-        path: "consultDialogFull",
+        path: 'consultDialogFull',
         title: '全屏咨询弹窗预览',
         component: () => import('@/views/H5/consultDialogFullPreview/index.vue'),
         meta: {
-          title: "全屏咨询弹窗预览", fullPath: "/h5HomePage/consultDialogFull",
-        },
-      },
+          title: '全屏咨询弹窗预览', fullPath: '/h5HomePage/consultDialogFull'
+        }
+      }
     ]
   },
   {
     name: 'H5about',
-    path: "/H5about",
+    path: '/H5about',
     title: 'H5关于我们',
     hidden: true,
     component: () => import('@/views/H5/about/index.vue'),
     meta: {
-      title: "H5关于我们", fullPath: "/h5about/index",
-    },
+      title: 'H5关于我们', fullPath: '/h5about/index'
+    }
   },
 
   {
@@ -191,7 +198,7 @@ export const constantRoutes = [
     path: '/demoDify',
     name: 'DemoDify',
     title: 'DemoDify',
-    component: () => import('@/views/demoDify/index.vue'),
+    component: () => import('@/views/demoDify/index.vue')
   },
 
   {
@@ -208,45 +215,44 @@ export const constantRoutes = [
     hidden: true
   },
 
-
   {
     hidden: true, path: '/screen', name: 'screen', title: '可视化大屏', meta: {
-      title: "可视化大屏", fullPath: "/operation/analyze/screen",
+      title: '可视化大屏', fullPath: '/operation/analyze/screen'
     }, component: () => import('@/views/product/bigScreen/Newscreen/index.vue'), children: [{
-      path: "index",
+      path: 'index',
       title: '可视化首页',
       component: () => import('@/views/product/bigScreen/mainPage/index.vue'),
       meta: {
-        title: "可视化首页", fullPath: "/operation/analyze/screen",
-      },
+        title: '可视化首页', fullPath: '/operation/analyze/screen'
+      }
     }, {
-      path: "userPage",
+      path: 'userPage',
       title: '可视化用户页',
       component: () => import('@/views/product/bigScreen/userPage/index.vue'),
       meta: {
-        title: "可视化用户页", fullPath: "/operation/analyze/screen/userPage",
-      },
+        title: '可视化用户页', fullPath: '/operation/analyze/screen/userPage'
+      }
     }, {
-      path: "operatePage",
+      path: 'operatePage',
       title: '可视化经营页',
       component: () => import('@/views/product/bigScreen/operatePage/index.vue'),
       meta: {
-        title: "可视化经营页", fullPath: "/operation/analyze/screen/operatePage",
-      },
+        title: '可视化经营页', fullPath: '/operation/analyze/screen/operatePage'
+      }
     }, {
-      path: "businessPage",
+      path: 'businessPage',
       title: '商家页',
       component: () => import('@/views/product/bigScreen/businessPage/index.vue'),
       meta: {
-        title: "商家页", fullPath: "/operation/analyze/screen/businessPage",
-      },
+        title: '商家页', fullPath: '/operation/analyze/screen/businessPage'
+      }
     }, {
-      path: "k8sRescource", title: '资源页', component: () => import('@/views/product/bigScreen/k8s/index.vue'), meta: {
-        title: "资源页", fullPath: "/operation/analyze/screen/k8s",
-      },
-    },
+      path: 'k8sRescource', title: '资源页', component: () => import('@/views/product/bigScreen/k8s/index.vue'), meta: {
+        title: '资源页', fullPath: '/operation/analyze/screen/k8s'
+      }
+    }
 
-    ],
+    ]
   },
 
   {
@@ -283,243 +289,247 @@ export const constantRoutes = [
     component: () => import('@/views/product/productHome/baiduProduct/bdProductNew/testBak.vue'),
     hidden: true
   }, {
-    path: "/login", component: () => import("@/views/login/indexNew.vue"), name: "Login", hidden: true,
+    path: '/login', component: () => import('@/views/login/indexNew.vue'), name: 'Login', hidden: true
   }, {
-    path: "/floatingBox",
-    component: () => import("@/components/FloatingBox/simpleFloatingBox.vue"),
-    name: "FloatingBox",
+    path: '/floatingBox',
+    component: () => import('@/components/FloatingBox/simpleFloatingBox.vue'),
+    name: 'FloatingBox',
     hidden: true,
     meta: {
       noCache: true
     }
   }, {
-    path: "/login/mobile", component: () => import("@/views/loginMobile"), name: "Login", hidden: true,
+    path: '/login/mobile', component: () => import('@/views/loginMobile'), name: 'Login', hidden: true
   }, {
-    path: "/registrationPage",
-    component: () => import("@/views/registrationPage/indexNew.vue"),
-    name: "registrationPage",
+    path: '/registrationPage',
+    component: () => import('@/views/registrationPage/indexNew.vue'),
+    name: 'registrationPage',
     hidden: true,
-    meta: { title: "注册" },
+    meta: { title: '注册' }
   }, {
-    path: "/registrationPage/mobile",
-    component: () => import("@/views/registrationPageMobile/index.vue"),
-    name: "registrationPage",
+    path: '/registrationPage/mobile',
+    component: () => import('@/views/registrationPageMobile/index.vue'),
+    name: 'registrationPage',
     hidden: true,
-    meta: { title: "注册" },
+    meta: { title: '注册' }
   },
   {
     hidden: true,
-    path: "/ncmatchHome",
-    component: () => import("@/views/homePage/ncmatch/index.vue"),
-    name: "ncmatchHome",
-    redirect: "/ncmatchHome/index",
-    meta: { fullPath: "/ncmatchHome/index", title: "官网首页", noCache: true, icon: 'el-icon-s-home' },
+    path: '/ncmatchHome',
+    component: () => import('@/views/homePage/ncmatch/index.vue'),
+    name: 'ncmatchHome',
+    redirect: '/ncmatchHome/index',
+    meta: { fullPath: '/ncmatchHome/index', title: '官网首页', noCache: true, icon: 'el-icon-s-home' },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/homePage/ncmatch/mainPage/index.vue"),
-        name: "ncmatchPageIndex",
+        path: 'index',
+        component: () => import('@/views/homePage/ncmatch/mainPage/index.vue'),
+        name: 'ncmatchPageIndex',
         hidden: true,
-        meta: { title: "首页", fullPath: "/ncmatch/mainPage/index" },
+        meta: { title: '首页', fullPath: '/ncmatch/mainPage/index' }
       },
       {
-        path: "supplyAndDemandSquare",
-        component: () => import("@/views/homePage/ncmatch/supplyAndDemandSquare/index.vue"),
-        name: "supplyAndDemandSquare",
+        path: 'supplyAndDemandSquare',
+        component: () => import('@/views/homePage/ncmatch/supplyAndDemandSquare/index.vue'),
+        name: 'supplyAndDemandSquare',
         hidden: true,
-        meta: { title: "算力供需广场", fullPath: "/ncmatch/supplyAndDemandSquare" },
+        meta: { title: '算力供需广场', fullPath: '/ncmatch/supplyAndDemandSquare' }
       },
 
       {
-        path: "search",
-        component: () => import("@/views/homePage/ncmatch/searchBox/index.vue"),
-        name: "search",
+        path: 'search',
+        component: () => import('@/views/homePage/ncmatch/searchBox/index.vue'),
+        name: 'search',
         hidden: true,
-        meta: { title: "产品查询", fullPath: "/ncmatch/searchBox" },
+        meta: { title: '产品查询', fullPath: '/ncmatch/searchBox' }
       },
       {
-        path: "historyBox",
-        component: () => import("@/views/homePage/ncmatch/historyBox/index.vue"),
-        name: "historyBox",
+        path: 'historyBox',
+        component: () => import('@/views/homePage/ncmatch/historyBox/index.vue'),
+        name: 'historyBox',
         hidden: true,
-        meta: { title: "浏览记录", fullPath: "/ncmatch/historyBox" },
+        meta: { title: '浏览记录', fullPath: '/ncmatch/historyBox' }
       },
       {
-        path: "favoriteBox",
-        component: () => import("@/views/homePage/ncmatch/favoriteBox/index.vue"),
-        name: "favoriteBox",
+        path: 'favoriteBox',
+        component: () => import('@/views/homePage/ncmatch/favoriteBox/index.vue'),
+        name: 'favoriteBox',
         hidden: true,
-        meta: { title: "我的关注", fullPath: "/ncmatch/favoriteBox" },
-      },
+        meta: { title: '我的关注', fullPath: '/ncmatch/favoriteBox' }
+      }
     ]
   },
   {
-    path: "/homePage",
-    component: () => import("@/views/homePage/indexLast.vue"),
-    name: "homePage",
+    path: '/homePage',
+    component: () => import('@/views/homePage/indexLast.vue'),
+    name: 'homePage',
     hidden: true,
-    meta: { title: "首页", noCache: true },
+    meta: { title: '首页', noCache: true },
     children: [{
-      path: "index",
-      component: () => import("@/views/homePage/mainPage/index.vue"),
-      name: "homePageIndex",
+      path: 'index',
+      component: () => import('@/views/homePage/mainPage/index.vue'),
+      name: 'homePageIndex',
       hidden: true,
-      meta: { title: "首页", onCache: true },
+      meta: { title: '首页', onCache: true }
     }, {
-      path: "opc",
-      component: () => import("@/views/homePage/mainPage/OPC/index.vue"),
-      name: "homePageOPC",
+      path: 'opc',
+      component: () => import('@/views/homePage/mainPage/OPC/index.vue'),
+      name: 'homePageOPC',
       hidden: true,
-      meta: { title: "OPC公共服务平台", onCache: true },
+      meta: { title: 'OPC公共服务平台', onCache: true }
     }, {
-      path: "computeMarket",
-      component: () => import("@/views/homePage/computeMarket/index.vue"),
-      name: "computeMarket",
+      path: 'computeMarket',
+      component: () => import('@/views/homePage/computeMarket/index.vue'),
+      name: 'computeMarket',
       hidden: true,
-      meta: { title: "算力市场", onCache: true },
+      meta: { title: '算力市场', onCache: true }
     }, {
-      path: "computeMarket/createInstance",
-      component: () => import("@/views/homePage/computeMarket/createInstance.vue"),
-      name: "computeMarketCreateInstance",
+      path: 'computeMarket/createInstance',
+      component: () => import('@/views/homePage/computeMarket/createInstance.vue'),
+      name: 'computeMarketCreateInstance',
       hidden: true,
-      meta: { title: "创建实例", onCache: true },
+      meta: { title: '创建实例', onCache: true }
     }, {
-      path: "trainPlatform",
-      component: () => import("@/views/homePage/trainPlatform"),
-      name: "trainPlatform",
+      path: 'trainPlatform',
+      component: () => import('@/views/homePage/trainPlatform'),
+      name: 'trainPlatform',
       hidden: true,
-      meta: { title: "训推平台", onCache: true },
+      meta: { title: '训推平台', onCache: true }
     }, {
-      path: "tokenMarket",
-      component: () => import("@/views/product/allProduct/index.vue"),
-      name: "homePageTokenMarket",
+      path: 'tokenMarket',
+      component: () => import('@/views/product/allProduct/index.vue'),
+      name: 'homePageTokenMarket',
       hidden: true,
-      meta: { title: "TOKEN市集", onCache: true },
+      meta: { title: 'TOKEN市集', onCache: true }
     }, {
-      path: "agentStore",
-      component: () => import("@/views/homePage/agentStore"),
-      name: "agentStore",
+      path: 'agentStore',
+      component: () => import('@/views/homePage/agentStore'),
+      name: 'agentStore',
       hidden: true,
-      meta: { title: "智能体商店", onCache: true },
+      meta: { title: '智能体商店', onCache: true }
     }, {
-      path: "agentStore/decisionCase",
-      component: () => import("@/views/homePage/agentStore/decisionCase.vue"),
-      name: "agentStoreDecisionCase",
+      path: 'agentStore/decisionCase',
+      component: () => import('@/views/homePage/agentStore/decisionCase.vue'),
+      name: 'agentStoreDecisionCase',
       hidden: true,
-      meta: { title: "投策智能体案例", onCache: true },
+      meta: { title: '投策智能体案例', onCache: true }
     }, {
-      path: "agentStore/contractCase",
-      component: () => import("@/views/homePage/agentStore/contractCase.vue"),
-      name: "agentStoreContractCase",
+      path: 'agentStore/contractCase',
+      component: () => import('@/views/homePage/agentStore/contractCase.vue'),
+      name: 'agentStoreContractCase',
       hidden: true,
-      meta: { title: "合同智能审查案例", onCache: true },
+      meta: { title: '合同智能审查案例', onCache: true }
     }, {
-      path: "detail",
-      component: () => import("@/views/homePage/detail/index.vue"),
-      name: "detail",
+      path: 'detail',
+      component: () => import('@/views/homePage/detail/index.vue'),
+      name: 'detail',
       hidden: true,
-      meta: { title: "详情", onCache: true },
+      meta: { title: '详情', onCache: true }
     },
     {
-      path: "news",
-      component: () => import("@/views/homePage/news/newsView.vue"),
-      name: "homePageNews",
+      path: 'news',
+      component: () => import('@/views/homePage/news/newsView.vue'),
+      name: 'homePageNews',
       hidden: true,
-      meta: { title: "企业动态", onCache: true },
+      meta: { title: '企业动态', onCache: true }
     },
     {
-      path: "news/detail/:id",
-      component: () => import("@/views/homePage/news/NewsDetail.vue"),
-      name: "homePageNewsDetail",
+      path: 'news/detail/:id',
+      component: () => import('@/views/homePage/news/NewsDetail.vue'),
+      name: 'homePageNewsDetail',
       hidden: true,
-      meta: { title: "新闻详情", onCache: true },
+      meta: { title: '新闻详情', onCache: true }
     },
     {
-      path: "new",
-      component: () => import("@/views/homePage/components/topBox/new/index.vue"),
-      name: "new",
-      hidden: true,
-      meta: { title: "政策解读", onCache: true },
+      path: 'agreement/:type',
+      redirect: to => `/agreement/${to.params.type}`,
+      hidden: true
     },
     {
-      path: "sale",
-      component: () => import("@/views/homePage/components/topBox/sale/index.vue"),
-      name: "sale",
+      path: 'new',
+      component: () => import('@/views/homePage/components/topBox/new/index.vue'),
+      name: 'new',
       hidden: true,
-      meta: { title: "促销活动", onCache: true },
+      meta: { title: '政策解读', onCache: true }
+    },
+    {
+      path: 'sale',
+      component: () => import('@/views/homePage/components/topBox/sale/index.vue'),
+      name: 'sale',
+      hidden: true,
+      meta: { title: '促销活动', onCache: true }
     },
 
-
     {
-      path: "hospital",
-      component: () => import("@/views/homePage/solve/hospital/index.vue"),
-      name: "hospital",
+      path: 'hospital',
+      component: () => import('@/views/homePage/solve/hospital/index.vue'),
+      name: 'hospital',
       hidden: true,
-      meta: { title: "灵医智能体" },
+      meta: { title: '灵医智能体' }
     }, {
-      path: "customerService",
-      component: () => import("@/views/homePage/solve/customerService/index.vue"),
-      name: "customerService",
+      path: 'customerService',
+      component: () => import('@/views/homePage/solve/customerService/index.vue'),
+      name: 'customerService',
       hidden: true,
-      meta: { title: "客悦" },
+      meta: { title: '客悦' }
 
     }, {
-      path: "about",
-      component: () => import("@/views/homePage/about/index.vue"),
-      name: "about",
+      path: 'about',
+      component: () => import('@/views/homePage/about/index.vue'),
+      name: 'about',
       hidden: true,
-      meta: { title: "关于" },
+      meta: { title: '关于' }
 
     }]
   },
   {
-    path: "/homePageImage",
-    component: () => import("@/views/homePageImage/index"),
-    name: "homePageImage",
+    path: '/homePageImage',
+    component: () => import('@/views/homePageImage/index'),
+    name: 'homePageImage',
     hidden: true,
-    meta: { title: "备案信息" },
+    meta: { title: '备案信息' }
   }, {
-    path: "/paySuccess",
-    component: () => import("@/views/paySuccess/index"),
-    name: "paySuccess",
+    path: '/paySuccess',
+    component: () => import('@/views/paySuccess/index'),
+    name: 'paySuccess',
     hidden: true,
-    meta: { title: "支付成功" },
+    meta: { title: '支付成功' }
   }, {
-    path: "/payPage",
-    component: () => import("@/views/payPage/index"),
-    name: "payPage",
+    path: '/payPage',
+    component: () => import('@/views/payPage/index'),
+    name: 'payPage',
     hidden: true,
-    meta: { title: "立即支付页面" },
+    meta: { title: '立即支付页面' }
   }, {
-    path: "/auth-redirect", component: () => import("@/views/login/auth-redirect"), hidden: true,
+    path: '/auth-redirect', component: () => import('@/views/login/auth-redirect'), hidden: true
   },
   {
-    path: "/modelDetail",
+    path: '/modelDetail',
     component: () => import('@/views/modelManagement/ModelDetail.vue'),
     hidden: true,
     name: 'modelDetail',
     meta: {
-      title: "模型详情",
-      fullPath: "/modelDetail",
+      title: '模型详情',
+      fullPath: '/modelDetail',
       noCache: true
-    },
+    }
   },
   {
-    path: "/modelApiDocument",
+    path: '/modelApiDocument',
     component: () => import('@/views/modelManagement/ApiDocument.vue'),
     hidden: true,
     name: 'modelApiDocument',
     meta: {
-      title: "API文档",
-      fullPath: "/modelApiDocument",
+      title: 'API文档',
+      fullPath: '/modelApiDocument',
       noCache: true
-    },
+    }
   }, {
-    path: "/404", component: () => import("@/views/error-page/404"), hidden: true,
+    path: '/404', component: () => import('@/views/error-page/404'), hidden: true
   }, {
-    path: "/401", component: () => import("@/views/error-page/401"), hidden: true,
-  },
-];
+    path: '/401', component: () => import('@/views/error-page/401'), hidden: true
+  }
+]
 
 /**
  * asyncRoutes
@@ -528,347 +538,346 @@ export const constantRoutes = [
 export const asyncRoutes = [
   // 财务——财务概览
   {
-    path: "/financialOverview",
+    path: '/financialOverview',
     component: Layout,
     meta: {
-      title: "财务概览",
-      fullPath: "/financialOverview",
+      title: '财务概览',
+      fullPath: '/financialOverview',
       noCache: true,
-      icon: "el-icon-data-analysis",
-      roles: ["财务"]
+      icon: 'el-icon-data-analysis',
+      roles: ['财务']
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/finance/financialOverview/index.vue'),
         name: 'FinancialOverview',
         meta: {
-          title: "财务概览",
-          fullPath: "/financialOverview",
+          title: '财务概览',
+          fullPath: '/financialOverview',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       // 计费统计
       {
-        path: "billingStatistics",
+        path: 'billingStatistics',
         component: () => import('@/views/finance/billingStatistics/index.vue'),
         name: 'BillingStatistics',
         meta: {
-          title: "计费统计",
-          fullPath: "/financialOverview/billingStatistics",
+          title: '计费统计',
+          fullPath: '/financialOverview/billingStatistics',
           noCache: false,
-          roles: ["财务"]
+          roles: ['财务']
         }
       }
     ]
   },
   // 财务——财务结算中心
   {
-    path: "/financialSettlementCenter",
+    path: '/financialSettlementCenter',
     component: Layout,
-    redirect: "/financialSettlementCenter/processOverview",
+    redirect: '/financialSettlementCenter/processOverview',
     meta: {
-      title: "财务结算中心",
-      fullPath: "/financialSettlementCenter",
+      title: '财务结算中心',
+      fullPath: '/financialSettlementCenter',
       noCache: true,
-      icon: "el-icon-s-finance",
-      roles: ["财务"]
+      icon: 'el-icon-s-finance',
+      roles: ['财务']
     },
     children: [
       {
-        path: "processOverview",
+        path: 'processOverview',
         component: () => import('@/views/FinancialSettlementCenter/ProcessOverview.vue'),
         name: 'FinancialSettlementProcessOverview',
         meta: {
-          title: "流程总览",
-          fullPath: "/financialSettlementCenter/processOverview",
+          title: '流程总览',
+          fullPath: '/financialSettlementCenter/processOverview',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "summaryQuery",
+        path: 'summaryQuery',
         component: () => import('@/views/FinancialSettlementCenter/SummaryQuery.vue'),
         name: 'FinancialSettlementSummaryQuery',
         meta: {
-          title: "汇总查询",
-          fullPath: "/financialSettlementCenter/summaryQuery",
+          title: '汇总查询',
+          fullPath: '/financialSettlementCenter/summaryQuery',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "platformRevenue",
+        path: 'platformRevenue',
         component: () => import('@/views/FinancialSettlementCenter/PlatformRevenue.vue'),
         name: 'FinancialSettlementPlatformRevenue',
         meta: {
-          title: "平台收入",
-          fullPath: "/financialSettlementCenter/platformRevenue",
+          title: '平台收入',
+          fullPath: '/financialSettlementCenter/platformRevenue',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "settlementStatementPreview",
+        path: 'settlementStatementPreview',
         component: () => import('@/views/FinancialSettlementCenter/SettlementStatementPreview.vue'),
         name: 'FinancialSettlementStatementPreview',
         meta: {
-          title: "结算单预览",
-          fullPath: "/financialSettlementCenter/settlementStatementPreview",
+          title: '结算单预览',
+          fullPath: '/financialSettlementCenter/settlementStatementPreview',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "createSettlementStatement",
+        path: 'createSettlementStatement',
         component: () => import('@/views/FinancialSettlementCenter/CreateSettlementStatement.vue'),
         name: 'FinancialCreateSettlementStatement',
         meta: {
-          title: "创建结算单",
-          fullPath: "/financialSettlementCenter/createSettlementStatement",
+          title: '创建结算单',
+          fullPath: '/financialSettlementCenter/createSettlementStatement',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "settlementStatementList",
+        path: 'settlementStatementList',
         component: () => import('@/views/FinancialSettlementCenter/SettlementStatementList.vue'),
         name: 'FinancialSettlementStatementList',
         meta: {
-          title: "结算单列表",
-          fullPath: "/financialSettlementCenter/settlementStatementList",
+          title: '结算单列表',
+          fullPath: '/financialSettlementCenter/settlementStatementList',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "settlementStatementDetails",
+        path: 'settlementStatementDetails',
         component: () => import('@/views/FinancialSettlementCenter/SettlementStatementDetails.vue'),
         name: 'FinancialSettlementStatementDetails',
         meta: {
-          title: "结算单详情",
-          fullPath: "/financialSettlementCenter/settlementStatementDetails",
+          title: '结算单详情',
+          fullPath: '/financialSettlementCenter/settlementStatementDetails',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "submitforApproval",
+        path: 'submitforApproval',
         component: () => import('@/views/FinancialSettlementCenter/SubmitforApproval.vue'),
         name: 'FinancialSubmitforApproval',
         meta: {
-          title: "提交审批",
-          fullPath: "/financialSettlementCenter/submitforApproval",
+          title: '提交审批',
+          fullPath: '/financialSettlementCenter/submitforApproval',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       },
       {
-        path: "approvalCallback",
+        path: 'approvalCallback',
         component: () => import('@/views/FinancialSettlementCenter/ApprovalCallback.vue'),
         name: 'FinancialApprovalCallback',
         meta: {
-          title: "审批回调",
-          fullPath: "/financialSettlementCenter/approvalCallback",
+          title: '审批回调',
+          fullPath: '/financialSettlementCenter/approvalCallback',
           noCache: true,
-          roles: ["财务"]
+          roles: ['财务']
         }
       }
     ]
   },
   // 运营——模型管理
   {
-    path: "/modelManagement",
+    path: '/modelManagement',
     component: Layout,
     meta: {
       // title 是菜单上显示的文字，fullPath 用来和后端权限 path 对权限。
-      title: "模型管理",
-      fullPath: "/modelManagement",
+      title: '模型管理',
+      fullPath: '/modelManagement',
       noCache: true,
       // icon 是左侧菜单图标，roles 限制只有运营角色能看到。
-      icon: "el-icon-cpu",
-      roles: ["运营"]
+      icon: 'el-icon-cpu',
+      roles: ['运营']
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/modelManagement/modelManagement.vue'),
         name: 'modelManagement',
         meta: {
-          title: "模型管理",
-          fullPath: "/modelManagement",
+          title: '模型管理',
+          fullPath: '/modelManagement',
           noCache: true,
-          roles: ["运营"]
+          roles: ['运营']
         }
-      },
+      }
     ]
   },
 
   // 运营——模型信息配置
   {
-    path: "/modelInfoConfig",
+    path: '/modelInfoConfig',
     component: Layout,
     meta: {
-      title: "模型信息配置",
-      fullPath: "/modelInfoConfig",
+      title: '模型信息配置',
+      fullPath: '/modelInfoConfig',
       noCache: true,
-      icon: "el-icon-setting",
-      roles: ["运营"]
+      icon: 'el-icon-setting',
+      roles: ['运营']
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/operation/modelInfoConfig/index.vue'),
         name: 'ModelInfoConfig',
         meta: {
-          title: "模型信息配置",
-          fullPath: "/modelInfoConfig",
+          title: '模型信息配置',
+          fullPath: '/modelInfoConfig',
           noCache: true,
-          roles: ["运营"]
+          roles: ['运营']
         }
-      },
+      }
     ]
   },
 
   // 运营——新闻动态
   {
-    path: "/newsLog",
+    path: '/newsLog',
     component: Layout,
     meta: {
-      title: "企业动态",
-      fullPath: "/newsLog",
+      title: '企业动态',
+      fullPath: '/newsLog',
       noCache: true,
-      icon: "el-icon-document",
-      roles: ["运营"]
+      icon: 'el-icon-document',
+      roles: ['运营']
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/homePage/news/newsLog.vue'),
         name: 'NewsLog',
         meta: {
-          title: "企业动态",
-          fullPath: "/newsLog",
+          title: '企业动态',
+          fullPath: '/newsLog',
           noCache: true,
-          roles: ["运营"]
+          roles: ['运营']
         }
-      },
+      }
     ]
   },
 
-
   // token市集 - 一级菜单（所有登录用户都能看到）
   {
-    path: "/product",
+    path: '/product',
     component: Layout,
     meta: {
-      title: "全部产品",
-      fullPath: "/product",
+      title: '全部产品',
+      fullPath: '/product',
       noCache: true,
-      icon: "el-icon-coin"
+      icon: 'el-icon-coin'
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/product/allProduct/index.vue'),
         name: 'ProductHome',
         meta: {
-          title: "全部产品",
-          fullPath: "/product",
+          title: '全部产品',
+          fullPath: '/product',
           noCache: true
         }
       },
       {
-        path: "productHome",
+        path: 'productHome',
         component: () => import('@/views/product/productHome/productIndex/index.vue'),
         name: 'ProductConsoleHome',
         hidden: true,
         meta: {
-          title: "产品",
-          fullPath: "/product/productHome",
+          title: '产品',
+          fullPath: '/product/productHome',
           noCache: true
         }
-      },
+      }
     ]
   },
   // 令牌管理 - 一级菜单（所有登录用户都能看到）
   {
-    path: "/tokenManagement",
+    path: '/tokenManagement',
     component: Layout,
     meta: {
-      title: "令牌管理",
-      fullPath: "/tokenManagement",
+      title: '令牌管理',
+      fullPath: '/tokenManagement',
       noCache: true,
-      icon: "el-icon-key"
+      icon: 'el-icon-key'
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/tokenManagement/index.vue'),
         name: 'TokenManagement',
         meta: {
-          title: "令牌管理",
-          fullPath: "/tokenManagement",
+          title: '令牌管理',
+          fullPath: '/tokenManagement',
           noCache: true,
-          icon: "el-icon-key"
+          icon: 'el-icon-key'
         }
-      },
+      }
     ]
   },
   // Token用量 - 一级菜单（所有登录用户都能看到）
   {
-    path: "/tokenUsage",
+    path: '/tokenUsage',
     component: Layout,
     meta: {
-      title: "Token用量",
-      fullPath: "/tokenUsage",
+      title: 'Token用量',
+      fullPath: '/tokenUsage',
       noCache: true,
-      icon: "el-icon-data-line"
+      icon: 'el-icon-data-line'
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/tokenUsage/index.vue'),
         name: 'TokenUsage',
         meta: {
-          title: "Token用量",
-          fullPath: "/tokenUsage",
+          title: 'Token用量',
+          fullPath: '/tokenUsage',
           noCache: true,
-          icon: "el-icon-data-line"
+          icon: 'el-icon-data-line'
         }
-      },
+      }
     ]
   },
   // 模型体验
   {
-    path: "/modelExperience",
+    path: '/modelExperience',
     component: () => import('@/views/modelManagement/Experience.vue'),
     hidden: true,
     name: 'modelExperience',
     meta: {
-      title: "模型体验",
-      fullPath: "/modelExperience",
+      title: '模型体验',
+      fullPath: '/modelExperience',
       noCache: true
-    },
+    }
   },
   {
-    path: "/overview",
+    path: '/overview',
     component: Layout,
     meta: {
-      title: "资源概览",
-      fullPath: "/overview",
+      title: '资源概览',
+      fullPath: '/overview',
       noCache: true,
-      icon: "el-icon-folder-opened"
+      icon: 'el-icon-folder-opened'
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/product/mainPage/index.vue'),
         name: 'ResourceOverview',
         meta: {
-          title: "资源概览",
-          fullPath: "/overview",
+          title: '资源概览',
+          fullPath: '/overview',
           noCache: true
         }
       }
@@ -876,63 +885,63 @@ export const asyncRoutes = [
   },
   // 运营——运营报表
   {
-    path: "/operationReport",
+    path: '/operationReport',
     component: Layout,
     meta: {
-      title: "运营报表",
-      fullPath: "/operationReport",
+      title: '运营报表',
+      fullPath: '/operationReport',
       noCache: true,
-      icon: "el-icon-data-analysis",
-      roles: ["运营"]
+      icon: 'el-icon-data-analysis',
+      roles: ['运营']
     },
     children: [
       {
-        path: "",
+        path: '',
         component: () => import('@/views/operation/operationReport/index.vue'),
         name: 'operationReport',
         meta: {
-          title: "运营报表",
-          fullPath: "/operationReport",
+          title: '运营报表',
+          fullPath: '/operationReport',
           noCache: true,
-          icon: "el-icon-data-analysis",
-          roles: ["运营"]
+          icon: 'el-icon-data-analysis',
+          roles: ['运营']
         }
       }
     ]
   },
 
   {
-    path: "/orderManagement",
+    path: '/orderManagement',
     component: Layout,
-    redirect: "/orderManagement/baidu",
-    name: "OrderManagement",
+    redirect: '/orderManagement/baidu',
+    name: 'OrderManagement',
     meta: {
-      title: "订单管理",
-      fullPath: "/orderManagement",
+      title: '订单管理',
+      fullPath: '/orderManagement',
       noCache: true,
-      icon: "el-icon-document-copy"
+      icon: 'el-icon-document-copy'
     },
     alwaysShow: true,
     children: [
       {
-        path: "baidu",
-        component: () => import("@/views/customer/orderManagement/baidu/index.vue"),
-        name: "baidu",
-        meta: { title: "百度订单", fullPath: "/customer/orderManagement", noCache: true, },
+        path: 'baidu',
+        component: () => import('@/views/customer/orderManagement/baidu/index.vue'),
+        name: 'baidu',
+        meta: { title: '百度订单', fullPath: '/customer/orderManagement', noCache: true }
       },
       {
-        path: "HistoricalOrders",
-        component: () => import("@/views/customer/orderManagement/HistoricalOrders/index.vue"),
-        name: "HistoricalOrders",
-        meta: { title: "历史订单", fullPath: "/customer/orderManagement", noCache: true, requireUser: 'ZhipuHZ' },
+        path: 'HistoricalOrders',
+        component: () => import('@/views/customer/orderManagement/HistoricalOrders/index.vue'),
+        name: 'HistoricalOrders',
+        meta: { title: '历史订单', fullPath: '/customer/orderManagement', noCache: true, requireUser: 'ZhipuHZ' },
         requireUser: 'ZhipuHZ'
       },
       // 订单详情
       {
-        path: "orderDetails",
-        component: () => import("@/views/customer/orderManagement/orderDetails/index.vue"),
-        name: "orderDetails",
-        meta: { title: "订单详情", fullPath: "/customer/orderManagement", noCache: true, requireUser: 'ZhipuHZ' },
+        path: 'orderDetails',
+        component: () => import('@/views/customer/orderManagement/orderDetails/index.vue'),
+        name: 'orderDetails',
+        meta: { title: '订单详情', fullPath: '/customer/orderManagement', noCache: true, requireUser: 'ZhipuHZ' },
         hidden: true,
         requireUser: 'ZhipuHZ'
       }
@@ -940,186 +949,185 @@ export const asyncRoutes = [
     ]
   },
 
-
   {
-    path: "/resourceManagement",
+    path: '/resourceManagement',
     component: Layout,
-    redirect: "/resourceManagement/baidu",
-    name: "ResourceManagement",
+    redirect: '/resourceManagement/baidu',
+    name: 'ResourceManagement',
     meta: {
-      title: "资源管理",
-      fullPath: "/resourceManagement",
+      title: '资源管理',
+      fullPath: '/resourceManagement',
       noCache: true,
-      icon: "el-icon-paperclip"
+      icon: 'el-icon-paperclip'
     },
     alwaysShow: true,
     children: [
       {
-        path: "userResource", component: () => import(
+        path: 'userResource', component: () => import(
           // "@/views/customer/userResource/iframeJiNan.vue"//iframe报错
-          "@/views/customer/userResource/index.vue"
-        ), name: "userResource", meta: { title: "百度资源", fullPath: "/customer/userResource", noCache: true },
-      },
+          '@/views/customer/userResource/index.vue'
+        ), name: 'userResource', meta: { title: '百度资源', fullPath: '/customer/userResource', noCache: true }
+      }
     ]
   },
 
   // 官网
   {
-    path: getHomePath() == '/ncmatchHome/index' ? "/ncmatchHome" : "/homePage",
-    component: () => import("@/views/homePage/indexLast.vue"),
-    name: "homePage",
-    redirect: "/homePage/index",
+    path: getHomePath() === '/ncmatchHome/index' ? '/ncmatchHome' : '/homePage',
+    component: () => import('@/views/homePage/indexLast.vue'),
+    name: 'homePage',
+    redirect: '/homePage/index',
     hidden: true,
-    meta: { fullPath: "/homePage/index", title: "官网首页", noCache: true, icon: 'el-icon-s-home', hidden: true },
+    meta: { fullPath: '/homePage/index', title: '官网首页', noCache: true, icon: 'el-icon-s-home', hidden: true },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/homePage/mainPage/index.vue"),
-        name: "homePageIndex",
+        path: 'index',
+        component: () => import('@/views/homePage/mainPage/index.vue'),
+        name: 'homePageIndex',
         hidden: true,
-        meta: { title: "首页", fullPath: "/homePage/index" },
+        meta: { title: '首页', fullPath: '/homePage/index' }
       },
       {
-        path: "opc",
-        component: () => import("@/views/homePage/mainPage/OPC/index.vue"),
-        name: "homePageOPC",
+        path: 'opc',
+        component: () => import('@/views/homePage/mainPage/OPC/index.vue'),
+        name: 'homePageOPC',
         hidden: true,
-        meta: { title: "OPC公共服务平台", fullPath: "/homePage/opc" },
+        meta: { title: 'OPC公共服务平台', fullPath: '/homePage/opc' }
       },
       {
-        path: "detail",
-        component: () => import("@/views/homePage/detail/index.vue"),
-        name: "detail",
+        path: 'detail',
+        component: () => import('@/views/homePage/detail/index.vue'),
+        name: 'detail',
         hidden: true,
-        meta: { title: "详情", cache: true },
+        meta: { title: '详情', cache: true }
       }, {
-        path: "news",
-        component: () => import("@/views/homePage/news/newsView.vue"),
-        name: "homePageNewsLegacy",
+        path: 'news',
+        component: () => import('@/views/homePage/news/newsView.vue'),
+        name: 'homePageNewsLegacy',
         hidden: true,
-        meta: { title: "企业动态", cache: true },
+        meta: { title: '企业动态', cache: true }
       }, {
-        path: "news/detail/:id",
-        component: () => import("@/views/homePage/news/NewsDetail.vue"),
-        name: "homePageNewsDetailLegacy",
+        path: 'news/detail/:id',
+        component: () => import('@/views/homePage/news/NewsDetail.vue'),
+        name: 'homePageNewsDetailLegacy',
         hidden: true,
-        meta: { title: "新闻详情", cache: true },
+        meta: { title: '新闻详情', cache: true }
       }, {
-        path: "hospital",
-        component: () => import("@/views/homePage/solve/hospital/index.vue"),
-        name: "hospital",
+        path: 'hospital',
+        component: () => import('@/views/homePage/solve/hospital/index.vue'),
+        name: 'hospital',
         hidden: true,
-        meta: { title: "灵医智能体" },
+        meta: { title: '灵医智能体' }
       }, {
-        path: "customerService",
-        component: () => import("@/views/homePage/solve/customerService/index.vue"),
-        name: "customerService",
+        path: 'customerService',
+        component: () => import('@/views/homePage/solve/customerService/index.vue'),
+        name: 'customerService',
         hidden: true,
-        meta: { title: "客悦" },
+        meta: { title: '客悦' }
 
       }, {
-        path: "about",
-        component: () => import("@/views/homePage/about/index.vue"),
-        name: "about",
+        path: 'about',
+        component: () => import('@/views/homePage/about/index.vue'),
+        name: 'about',
         hidden: true,
-        meta: { title: "关于" },
+        meta: { title: '关于' }
 
       }]
   },
   // 咨询表单
   {
-    path: "/consultingMangement",
+    path: '/consultingMangement',
     name: 'ConsultingMangement',
     component: Layout,
     // 咨询表单是表单/订单类入口，所以菜单图标用 el-icon-s-order。
-    meta: { title: "咨询表单", fullPath: "/consultingMangement", noCache: true, icon: "el-icon-s-order" },
+    meta: { title: '咨询表单', fullPath: '/consultingMangement', noCache: true, icon: 'el-icon-s-order' },
     children: [
       {
-        path: "index",
+        path: 'index',
         component: () => import('@/views/operation/consultingMangement/index.vue'),
         name: 'ConsultingMangement',
         // 子路由也带 icon，单子菜单折叠成一级菜单时能继续显示图标。
-        meta: { title: "咨询表单", fullPath: "/consultingMangement/index", noCache: true, icon: "el-icon-s-order" },
+        meta: { title: '咨询表单', fullPath: '/consultingMangement/index', noCache: true, icon: 'el-icon-s-order' }
       }
     ]
   },
   // 订单管理
   {
-    path: "/product",
+    path: '/product',
     name: 'product',
     component: Layout,
-    redirect: "/product/productHome",
-    meta: { title: "", fullPath: "/product", noCache: true, icon: "el-icon-s-platform" },
+    redirect: '/product/productHome',
+    meta: { title: '', fullPath: '/product', noCache: true, icon: 'el-icon-s-platform' },
     children: [{
-      path: "productHome",
+      path: 'productHome',
       component: () => import('@/views/product/productHome/productIndex/index.vue'),
-      name: 'baiduProduct',
+      name: 'baiduProduct'
     },
     {
       hidden: true,
-      path: "baiduProduct",
+      path: 'baiduProduct',
       component: () => import('@/views/product/productHome/baiduProduct/index.vue'),
       name: 'baiduProduct',
-      meta: { title: "百度智能云", fullPath: "/product/baiduProduct", noCache: true }
+      meta: { title: '百度智能云', fullPath: '/product/baiduProduct', noCache: true }
     }, {
       hidden: true,
-      path: "productHome/k8s/createK8s",
+      path: 'productHome/k8s/createK8s',
       component: () => import('@/views/product/productHome/k8s/createK8s/index.vue'),
       name: 'superComputingDomestic',
-      meta: { title: "容器云", fullPath: "/product/productHome/k8s/createK8s", noCache: true }
+      meta: { title: '容器云', fullPath: '/product/productHome/k8s/createK8s', noCache: true }
     },
     {
       hidden: true,
-      path: "productHome",
+      path: 'productHome',
       name: 'productHome',
-      component: () => import("@/views/product/productHome/productIndex/index.vue"),
+      component: () => import('@/views/product/productHome/productIndex/index.vue'),
       meta: {
-        title: "产品", icon: "el-icon-s-data", fullPath: "/product/productHome/productIndex",
-      },
+        title: '产品', icon: 'el-icon-s-data', fullPath: '/product/productHome/productIndex'
+      }
     }, {
       hidden: true,
-      path: "superComputingCommon",
+      path: 'superComputingCommon',
       component: () => import('@/views/product/productHome/superComputingCommon/index.vue'),
       name: 'superComputingCommon',
-      meta: { title: "通用计算", fullPath: "/product/superComputingCommon", noCache: true }
+      meta: { title: '通用计算', fullPath: '/product/superComputingCommon', noCache: true }
     }, {
       hidden: true,
-      path: "newPage",
+      path: 'newPage',
       component: () => import('@/views/product/productHome/productIndex/newPage'),
       name: 'newPage',
-      meta: { title: "AI智算", fullPath: "/product/superComputingCommon", noCache: true }
+      meta: { title: 'AI智算', fullPath: '/product/superComputingCommon', noCache: true }
     }, {
       hidden: true,
-      path: "superComputingDomestic",
+      path: 'superComputingDomestic',
       component: () => import('@/views/product/productHome/superComputingDomestic/index.vue'),
       name: 'superComputingDomestic',
-      meta: { title: "国产计算", fullPath: "/product/superComputingDomestic", noCache: true }
+      meta: { title: '国产计算', fullPath: '/product/superComputingDomestic', noCache: true }
     }, {
       hidden: true,
-      path: "productHome/k8s/createK8s",
+      path: 'productHome/k8s/createK8s',
       component: () => import('@/views/product/productHome/k8s/createK8s/index.vue'),
       name: 'superComputingDomestic',
-      meta: { title: "k8s", fullPath: "/product/productHome/k8s/createK8s", noCache: true }
+      meta: { title: 'k8s', fullPath: '/product/productHome/k8s/createK8s', noCache: true }
     },
 
     {
       hidden: true,
-      path: "capProduct",
+      path: 'capProduct',
       component: () => import('@/views/product/productHome/capitalOnline/index.vue'),
       name: 'capProduct',
-      meta: { title: "集群节点一产品列表", fullPath: "/product/productHome/capitalOnlineTwo", noCache: true },
+      meta: { title: '集群节点一产品列表', fullPath: '/product/productHome/capitalOnlineTwo', noCache: true },
       children: [{
-        path: "capProductTwo",
+        path: 'capProductTwo',
         component: () => import('@/views/product/productHome/capitalOnline/capitalOnlineTwo/index.vue'),
         name: 'capProductTwo',
-        meta: { title: "集群节点一产品", fullPath: "/product/productHome/capitalOnlineTwo", noCache: true },
+        meta: { title: '集群节点一产品', fullPath: '/product/productHome/capitalOnlineTwo', noCache: true }
       }, {
-        path: "gpuProduct",
+        path: 'gpuProduct',
         component: () => import('@/views/product/productHome/capitalOnline/productItem/GpuProduct/index.vue'),
         name: 'gpuProduct',
         meta: {
-          title: "GPU产品", fullPath: "/product/productHome/capitalOnline/productItem/GpuProduct", noCache: true
-        },
+          title: 'GPU产品', fullPath: '/product/productHome/capitalOnline/productItem/GpuProduct', noCache: true
+        }
       }]
     }, {
       path: 'gpu',
@@ -1131,28 +1139,28 @@ export const asyncRoutes = [
         path: 'showGpu',
         name: 'showGpu',
         component: ShowGpu,
-        meta: { title: 'Gpu', noCache: true, fullpath: '/gpu/showGpu' },
+        meta: { title: 'Gpu', noCache: true, fullpath: '/gpu/showGpu' }
       }, {
         path: 'createGpu',
         name: 'createGpu',
         component: GpuProduct,
-        meta: { title: '创建实例', noCache: true, fullpath: '/gpu/gpuIndex' },
+        meta: { title: '创建实例', noCache: true, fullpath: '/gpu/gpuIndex' }
       }, {
         path: 'securityGroup',
         name: 'securityGroup',
         component: SecurityGroup,
-        meta: { title: '安全组', noCache: true, fullpath: '/net/securityGroup' },
+        meta: { title: '安全组', noCache: true, fullpath: '/net/securityGroup' }
       }, {
         path: 'createSecurityGroup',
         name: 'createSecurityGroup',
         component: CreateSecurityGroup,
-        meta: { title: '创建安全组', noCache: true, fullpath: '/net/createSecurityGroup' },
+        meta: { title: '创建安全组', noCache: true, fullpath: '/net/createSecurityGroup' }
       }, {
         path: 'securityGroupDetail',
         name: 'securityGroupDetail',
         component: SecurityGroupDetail,
-        meta: { title: '安全组详情', noCache: true, fullpath: '/net/securityGroupDetail' },
-      },],
+        meta: { title: '安全组详情', noCache: true, fullpath: '/net/securityGroupDetail' }
+      }],
       hidden: true
     }, {
       path: 'net',
@@ -1164,228 +1172,227 @@ export const asyncRoutes = [
         path: 'netIndex',
         name: 'netIndex',
         component: CreatePrivateNet,
-        meta: { title: '创建私有网络', noCache: true, fullpath: '/net/netIndex' },
+        meta: { title: '创建私有网络', noCache: true, fullpath: '/net/netIndex' }
       },
 
       {
         path: 'showPrivateNet',
         name: 'showPrivateNet',
         component: ShowPrivateNet,
-        meta: { title: '网络列表', noCache: true, fullpath: '/net/showPrivateNet' },
+        meta: { title: '网络列表', noCache: true, fullpath: '/net/showPrivateNet' }
       }, {
         path: 'privateNetDetail',
         name: 'privateNetDetail',
         component: PrivateNetDetail,
-        meta: { title: '私有网络详情', noCache: true, fullpath: '/net/privateNetDetail' },
+        meta: { title: '私有网络详情', noCache: true, fullpath: '/net/privateNetDetail' }
       }, {
         path: 'childCreate',
         name: 'childCreate',
         component: CreateChildNet,
-        meta: { title: '创建子网', noCache: true, fullpath: '/net/childCreate' },
+        meta: { title: '创建子网', noCache: true, fullpath: '/net/childCreate' }
       }, {
         path: 'showChildNet',
         name: 'showChildNet',
         component: ShowChildNet,
-        meta: { title: '展示子网', noCache: true, fullpath: '/net/showChildNet' },
+        meta: { title: '展示子网', noCache: true, fullpath: '/net/showChildNet' }
       }, {
         path: 'childDetail',
         name: 'childDetail',
         component: ChildDetail,
-        meta: { title: '子网详情', noCache: true, fullpath: '/net/childDetail' },
+        meta: { title: '子网详情', noCache: true, fullpath: '/net/childDetail' }
       }, {
         path: 'showUEip',
         name: 'showUEip',
         component: ShowEip,
-        meta: { title: 'EIP列表', noCache: true, fullpath: '/net/showUEip' },
+        meta: { title: 'EIP列表', noCache: true, fullpath: '/net/showUEip' }
       }, {
         path: 'createUEip',
         name: 'createUEip',
         component: CreateEip,
-        meta: { title: '创建EIP', noCache: true, fullpath: '/net/createUEip' },
-      },],
+        meta: { title: '创建EIP', noCache: true, fullpath: '/net/createUEip' }
+      }],
       hidden: true
     }, {
       hidden: true,
-      path: "ucloudProduct",
+      path: 'ucloudProduct',
       component: () => import('@/views/product/productHome/ucloud/index.vue'),
       name: 'ucloudProduct',
-      meta: { title: "集群节点二产品列表", fullPath: "/product/productHome/ucloud", noCache: true },
+      meta: { title: '集群节点二产品列表', fullPath: '/product/productHome/ucloud', noCache: true },
       children: [{
-        path: "ucloudProductTwo",
+        path: 'ucloudProductTwo',
         component: () => import('@/views/product/productHome/ucloud/ucloudTwo/index.vue'),
         name: 'ucloudProductTwo',
-        meta: { title: "集群节点二产品列表", fullPath: "/product/productHome/ucloud/ucloudTwo", noCache: true },
+        meta: { title: '集群节点二产品列表', fullPath: '/product/productHome/ucloud/ucloudTwo', noCache: true }
       }, {
-        path: "showCloudHost",
+        path: 'showCloudHost',
         component: () => import('@/views/product/productHome/ucloud/showCloudHost/index.vue'),
         name: 'showUcloudProduct',
-        meta: { title: "集群节点二产品", fullPath: "/product/productHome/ucloud/showCloudHost", noCache: true },
+        meta: { title: '集群节点二产品', fullPath: '/product/productHome/ucloud/showCloudHost', noCache: true }
       }, {
-        path: "createCloudHost",
+        path: 'createCloudHost',
         component: () => import('@/views/product/productHome/ucloud/createCloudHost/index.vue'),
         name: 'createCloudHost',
-        meta: { title: "集群节点二-购买", fullPath: "/product/productHome/ucloud/createCloudHost", noCache: true },
+        meta: { title: '集群节点二-购买', fullPath: '/product/productHome/ucloud/createCloudHost', noCache: true }
       }, {
-        path: "showFireWall",
+        path: 'showFireWall',
         component: () => import('@/views/product/productHome/ucloud/fireWall/showFireWall/index.vue'),
         name: 'showFireWall',
-        meta: { title: "防火墙列表", fullPath: "/product/productHome/ucloud/fireWall/showFireWall", noCache: true },
+        meta: { title: '防火墙列表', fullPath: '/product/productHome/ucloud/fireWall/showFireWall', noCache: true }
       }, {
-        path: "detailFireWall",
+        path: 'detailFireWall',
         component: () => import('@/views/product/productHome/ucloud/fireWall/detailFireWall/index.vue'),
         name: 'detailFireWall',
-        meta: { title: "防火墙详情", fullPath: "/product/productHome/ucloud/fireWall/detailFireWall", noCache: true },
+        meta: { title: '防火墙详情', fullPath: '/product/productHome/ucloud/fireWall/detailFireWall', noCache: true }
       }, {
-        path: "createUEip",
+        path: 'createUEip',
         component: () => import('@/views/product/productHome/ucloud/Eip/createUEip'),
         name: 'createUEip',
-        meta: { title: "创建Eip", fullPath: "/product/productHome/ucloud/Eip/createUEip", noCache: true },
+        meta: { title: '创建Eip', fullPath: '/product/productHome/ucloud/Eip/createUEip', noCache: true }
       }, {
-        path: "showUEip",
+        path: 'showUEip',
         component: () => import('@/views/product/productHome/ucloud/Eip/showUEip'),
         name: 'showUEip',
-        meta: { title: "Eip列表", fullPath: "/product/productHome/ucloud/Eip/showUEip", noCache: true },
+        meta: { title: 'Eip列表', fullPath: '/product/productHome/ucloud/Eip/showUEip', noCache: true }
       }]
     },
     {
       hidden: true,
-      path: "baiduProductShow",
+      path: 'baiduProductShow',
       component: () => import('@/views/product/productHome/baiduProductShow/index.vue'),
       name: 'baiduProductShow',
-      meta: { title: "资源购买", fullPath: "/product/baiduProductShow", noCache: true, }
+      meta: { title: '资源购买', fullPath: '/product/baiduProductShow', noCache: true }
     }, {
-      path: "index", name: 'index', hidden: true, component: () => import("@/views/product/index.vue"), meta: {
-        title: "产品", icon: "el-icon-s-data", fullPath: "/product/index",
-      },
+      path: 'index', name: 'index', hidden: true, component: () => import('@/views/product/index.vue'), meta: {
+        title: '产品', icon: 'el-icon-s-data', fullPath: '/product/index'
+      }
     }, {
       hidden: true,
-      path: "cloudDatabaseMysql",
-      component: () => import("@/views/operation/volcanoSystem/cloudDatabaseMysql"),
-      name: "cloudDatabaseMysql",
+      path: 'cloudDatabaseMysql',
+      component: () => import('@/views/operation/volcanoSystem/cloudDatabaseMysql'),
+      name: 'cloudDatabaseMysql',
       meta: {
-        title: "云数据库 Mysql版", fullPath: "/product/volcanoSystem/cloudDatabaseMysql",
-      },
+        title: '云数据库 Mysql版', fullPath: '/product/volcanoSystem/cloudDatabaseMysql'
+      }
     }, {
       hidden: true,
-      path: "cloudDatabaseRedis",
-      component: () => import("@/views/operation/volcanoSystem/cloudDatabaseRedis"),
-      name: "cloudDatabaseRedis",
+      path: 'cloudDatabaseRedis',
+      component: () => import('@/views/operation/volcanoSystem/cloudDatabaseRedis'),
+      name: 'cloudDatabaseRedis',
       meta: {
-        title: "缓存数据库 Redis版", fullPath: "/product/volcanoSystem/cloudDatabaseRedis",
-      },
+        title: '缓存数据库 Redis版', fullPath: '/product/volcanoSystem/cloudDatabaseRedis'
+      }
     }, {
       hidden: true,
-      path: "cloudDatabaseMongoDB",
-      component: () => import("@/views/operation/volcanoSystem/cloudDatabaseMongoDB"),
-      name: "cloudDatabaseMongoDB",
+      path: 'cloudDatabaseMongoDB',
+      component: () => import('@/views/operation/volcanoSystem/cloudDatabaseMongoDB'),
+      name: 'cloudDatabaseMongoDB',
       meta: {
-        title: "文档数据库 MongoDB 版", fullPath: "/product/volcanoSystem/cloudDatabaseMongoDB",
-      },
+        title: '文档数据库 MongoDB 版', fullPath: '/product/volcanoSystem/cloudDatabaseMongoDB'
+      }
     },
 
     {
       hidden: true,
-      path: "cloudServer",
-      component: () => import("@/views/operation/volcanoSystem/cloudServer"),
-      name: "cloudServer",
+      path: 'cloudServer',
+      component: () => import('@/views/operation/volcanoSystem/cloudServer'),
+      name: 'cloudServer',
       meta: {
-        title: "云数据库", fullPath: "/product/volcanoSystem/cloudServer",
-      },
+        title: '云数据库', fullPath: '/product/volcanoSystem/cloudServer'
+      }
     }, {
-      path: "shoppingCart",
-      component: () => import("@/views/management/shoppingCart"),
+      path: 'shoppingCart',
+      component: () => import('@/views/management/shoppingCart'),
       name: 'shoppingCart',
       hidden: true,
       meta: {
-        title: "购物车", fullPath: "/management/shoppingCart",
-      },
+        title: '购物车', fullPath: '/management/shoppingCart'
+      }
     }, // 智算
     //   产品-智算-a100
     {
       hidden: true,
-      path: "a100Product",
-      component: () => import("@/views/product/productHome/intelligentCalculation/a100Product/index.vue"),
-      name: "a100Product",
+      path: 'a100Product',
+      component: () => import('@/views/product/productHome/intelligentCalculation/a100Product/index.vue'),
+      name: 'a100Product',
       meta: {
-        title: "a100", fullPath: "/product/productHome/intelligentCalculation/a100Product", noCache: true
-      },
+        title: 'a100', fullPath: '/product/productHome/intelligentCalculation/a100Product', noCache: true
+      }
     }, {
       hidden: true,
-      path: "intelligentCalculation",
-      component: () => import("@/views/product/productHome/intelligentCalculation/index.vue"),
-      name: "intelligentCalculation",
+      path: 'intelligentCalculation',
+      component: () => import('@/views/product/productHome/intelligentCalculation/index.vue'),
+      name: 'intelligentCalculation',
       meta: {
-        title: "智算", fullPath: "/product/productHome/intelligentCalculation", noCache: true
-      },
+        title: '智算', fullPath: '/product/productHome/intelligentCalculation', noCache: true
+      }
     }, //   产品-智算-a200
     {
       hidden: true,
-      path: "a200Product",
-      component: () => import("@/views/product/productHome/intelligentCalculation/a200Product/index.vue"),
-      name: "a200Product",
+      path: 'a200Product',
+      component: () => import('@/views/product/productHome/intelligentCalculation/a200Product/index.vue'),
+      name: 'a200Product',
       meta: {
-        title: "a100", fullPath: "/product/productHome/intelligentCalculation/a200Product", noCache: true
-      },
+        title: 'a100', fullPath: '/product/productHome/intelligentCalculation/a200Product', noCache: true
+      }
     }, //   产品-智算-a800
     {
       hidden: true,
-      path: "a800Product",
-      component: () => import("@/views/product/productHome/intelligentCalculation/a800Product/index.vue"),
-      name: "a800Product",
+      path: 'a800Product',
+      component: () => import('@/views/product/productHome/intelligentCalculation/a800Product/index.vue'),
+      name: 'a800Product',
       meta: {
-        title: "a800", fullPath: "/product/productHome/intelligentCalculation/a800Product", noCache: true
+        title: 'a800', fullPath: '/product/productHome/intelligentCalculation/a800Product', noCache: true
 
-      },
+      }
     }, //   产品-超算-a
     //   H800
     {
       hidden: true,
-      path: "h800Product",
-      component: () => import("@/views/product/productHome/intelligentCalculation/h800Product/index.vue"),
-      name: "h800Product",
+      path: 'h800Product',
+      component: () => import('@/views/product/productHome/intelligentCalculation/h800Product/index.vue'),
+      name: 'h800Product',
       meta: {
-        title: "h800", fullPath: "/product/productHome/intelligentCalculation/h800Product", noCache: true
-      },
+        title: 'h800', fullPath: '/product/productHome/intelligentCalculation/h800Product', noCache: true
+      }
     },
 
-    //网络
+    // 网络
     {
       hidden: true,
-      path: "networkItem",
-      component: () => import("@/views/product/productHome/network/networkItem/index.vue"),
-      name: "networkItem",
+      path: 'networkItem',
+      component: () => import('@/views/product/productHome/network/networkItem/index.vue'),
+      name: 'networkItem',
       meta: {
-        title: "网络", fullPath: "/product/productHome/network/networkItem",
-      },
+        title: '网络', fullPath: '/product/productHome/network/networkItem'
+      }
 
     },
-    //超算专用网络
+    // 超算专用网络
     {
       hidden: true,
-      path: "hypercomputingPrivateNetwork",
-      component: () => import("@/views/product/productHome/network/hypercomputingPrivateNetwork/index.vue"),
-      name: "networkItem",
+      path: 'hypercomputingPrivateNetwork',
+      component: () => import('@/views/product/productHome/network/hypercomputingPrivateNetwork/index.vue'),
+      name: 'networkItem',
       meta: {
-        title: "超算专用网络", fullPath: "/product/productHome/network/hypercomputingPrivateNetwork",
-      },
+        title: '超算专用网络', fullPath: '/product/productHome/network/hypercomputingPrivateNetwork'
+      }
 
     },
-    //传输
+    // 传输
     {
       hidden: true,
-      path: "transmission",
-      component: () => import("@/views/product/productHome/network/transmission/index.vue"),
-      name: "transmission",
+      path: 'transmission',
+      component: () => import('@/views/product/productHome/network/transmission/index.vue'),
+      name: 'transmission',
       meta: {
-        title: "传输", fullPath: "/product/productHome/network/transmission",
-      },
+        title: '传输', fullPath: '/product/productHome/network/transmission'
+      }
 
-    },
+    }
 
-    ],
+    ]
   },
 
-
   // 容器实例 - 客户角色可见
   // {
   //   path: "/containerInstance",
@@ -1412,27 +1419,26 @@ export const asyncRoutes = [
   //   ]
   // },
 
-
   // 退订管理 - 变为一级菜单（包含子菜单）
   {
-    path: "/unsubscribeManagement",
+    path: '/unsubscribeManagement',
     component: Layout,
-    redirect: "/unsubscribeManagement/BaiduNetdisk", // 修正重定向路径
+    redirect: '/unsubscribeManagement/BaiduNetdisk', // 修正重定向路径
     alwaysShow: true, // 添加这个属性到路由层级，不是meta里面
     meta: {
-      title: "退订管理",
-      icon: "el-icon-circle-close",
+      title: '退订管理',
+      icon: 'el-icon-circle-close',
       noCache: true,
-      fullPath: "/unsubscribeManagement"
+      fullPath: '/unsubscribeManagement'
     },
     children: [
       {
-        path: "BaiduNetdisk",
-        component: () => import("@/views/customer/unsubscribe/BaiduNetdisk.vue"),
-        name: "BaiduNetdisk",
+        path: 'BaiduNetdisk',
+        component: () => import('@/views/customer/unsubscribe/BaiduNetdisk.vue'),
+        name: 'BaiduNetdisk',
         meta: {
-          title: "百度云",
-          fullPath: "/unsubscribeManagement/BaiduNetdisk"
+          title: '百度云',
+          fullPath: '/unsubscribeManagement/BaiduNetdisk'
         }
       }
     ]
@@ -1458,97 +1464,97 @@ export const asyncRoutes = [
   // },
   // 充值管理 - 变为一级菜单
   {
-    path: "/rechargeManagement",
+    path: '/rechargeManagement',
     component: Layout,
     meta: {
-      title: "充值记录",
-      icon: "el-icon-money",
+      title: '充值记录',
+      icon: 'el-icon-money',
       noCache: true,
-      fullPath: "/rechargeManagement"
+      fullPath: '/rechargeManagement'
     },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/customer/rechargeRecord"),
-        name: "RechargeManagement",
-        meta: { title: "充值记录", fullPath: "/rechargeManagement/index" },
+        path: 'index',
+        component: () => import('@/views/customer/rechargeRecord'),
+        name: 'RechargeManagement',
+        meta: { title: '充值记录', fullPath: '/rechargeManagement/index' }
       }
     ]
   },
   // 发票管理 - 变为一级菜单
   {
-    path: "/invoiceManagement",
+    path: '/invoiceManagement',
     component: Layout,
     meta: {
-      title: "发票管理",
-      icon: "el-icon-document",
+      title: '发票管理',
+      icon: 'el-icon-document',
       noCache: true,
-      fullPath: "/invoiceManagement"
+      fullPath: '/invoiceManagement'
     },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/customer/invoice"),
-        name: "InvoiceManagement",
-        meta: { title: "发票管理", fullPath: "/invoiceManagement/index" },
+        path: 'index',
+        component: () => import('@/views/customer/invoice'),
+        name: 'InvoiceManagement',
+        meta: { title: '发票管理', fullPath: '/invoiceManagement/index' }
       }
     ]
   },
   // 工单管理 - 变为一级菜单
   {
-    path: "/workOrderManagement",
+    path: '/workOrderManagement',
     component: Layout,
     meta: {
-      title: "工单管理",
-      icon: "el-icon-tickets",
+      title: '工单管理',
+      icon: 'el-icon-tickets',
       noCache: true,
-      fullPath: "/workOrderManagement"
+      fullPath: '/workOrderManagement'
     },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/customer/workOrderManagement"),
-        name: "WorkOrderManagement",
-        meta: { title: "工单管理", fullPath: "/workOrderManagement/index" },
+        path: 'index',
+        component: () => import('@/views/customer/workOrderManagement'),
+        name: 'WorkOrderManagement',
+        meta: { title: '工单管理', fullPath: '/workOrderManagement/index' }
       }
     ]
   },
 
   // // 客户
   {
-    path: "/customer",
+    path: '/customer',
     component: Layout,
-    redirect: "/customer/workOrderManagement",
+    redirect: '/customer/workOrderManagement',
     hidden: true,
     meta: {
-      title: "客户", icon: "el-icon-s-custom", noCache: true, fullPath: "/customer", hidden: true
+      title: '客户', icon: 'el-icon-s-custom', noCache: true, fullPath: '/customer', hidden: true
     },
     children: [
       // 工单
       {
-        path: "workOrderManagement",
-        component: () => import("@/views/customer/workOrderManagement"),
-        name: "WorkOrderManagement",
-        meta: { title: "工单管理", fullPath: "/customer/workOrderManagement" },
+        path: 'workOrderManagement',
+        component: () => import('@/views/customer/workOrderManagement'),
+        name: 'WorkOrderManagement',
+        meta: { title: '工单管理', fullPath: '/customer/workOrderManagement' }
       },
       // 退订
       {
-        path: "unsubscribe",
+        path: 'unsubscribe',
 
-        component: () => import("@/views/customer/unsubscribe"),
-        name: "Unsubscribe",
+        component: () => import('@/views/customer/unsubscribe'),
+        name: 'Unsubscribe',
         alwaysShow: true, // 确保父菜单始终显示
         meta: {
-          title: "退订管理",
+          title: '退订管理',
           alwaysShow: true
         },
         children: [
           {
-            path: "BaiduNetdisk",
-            component: () => import("@/views/customer/unsubscribe/BaiduNetdisk.vue"),
-            name: "BaiduNetdisk",
-            meta: { title: "百度云" }
-          },
+            path: 'BaiduNetdisk',
+            component: () => import('@/views/customer/unsubscribe/BaiduNetdisk.vue'),
+            name: 'BaiduNetdisk',
+            meta: { title: '百度云' }
+          }
 
         ]
       },
@@ -1556,58 +1562,58 @@ export const asyncRoutes = [
       {
         path: 'approve',
         component: () => import('@/views/customer/ncApprove/index.vue'),
-        name: "Approve",
-        meta: { title: "信息完善", fullPath: "/customer/ncApprove" },
+        name: 'Approve',
+        meta: { title: '信息完善', fullPath: '/customer/ncApprove' }
       },
       // 渠道管理
       {
         hidden: true,
-        path: "channelMangement",
-        component: () => import("@/views/customer/channelMangement/index.vue"),
-        name: "ChannelMangement",
-        meta: { title: "渠道管理", fullPath: "/customer/channelMangement" },
+        path: 'channelMangement',
+        component: () => import('@/views/customer/channelMangement/index.vue'),
+        name: 'ChannelMangement',
+        meta: { title: '渠道管理', fullPath: '/customer/channelMangement' }
       },
-      //渠道产品管理
+      // 渠道产品管理
       {
         hidden: true,
-        path: "channelProductMangement",
-        component: () => import("@/views/customer/channelMangement/channelProductMangement/index.vue"),
-        name: "channelProductMangement",
-        meta: { title: "渠道产品管理", fullPath: "/customer/channelMangement/channelProductMangement", noCache: true },
+        path: 'channelProductMangement',
+        component: () => import('@/views/customer/channelMangement/channelProductMangement/index.vue'),
+        name: 'channelProductMangement',
+        meta: { title: '渠道产品管理', fullPath: '/customer/channelMangement/channelProductMangement', noCache: true }
       },
       // 无权限
       {
         hidden: true,
-        path: "noChannelPermission",
-        component: () => import("@/views/customer/channelMangement/noChannelPermission/index.vue"),
-        name: "noChannelPermission",
-        meta: { title: "无权限", fullPath: "/customer/channelMangement/noChannelPermission", noCache: true },
+        path: 'noChannelPermission',
+        component: () => import('@/views/customer/channelMangement/noChannelPermission/index.vue'),
+        name: 'noChannelPermission',
+        meta: { title: '无权限', fullPath: '/customer/channelMangement/noChannelPermission', noCache: true }
       },
       // 聊天
       {
         hidden: true,
-        path: "chat",
-        component: () => import("@/views/product/productHome/chat/index.vue"),
-        name: "chat",
+        path: 'chat',
+        component: () => import('@/views/product/productHome/chat/index.vue'),
+        name: 'chat',
         meta: {
-          title: "聊天", fullPath: "/product/productHome/chat", noCache: true
-        },
+          title: '聊天', fullPath: '/product/productHome/chat', noCache: true
+        }
       },
 
       // 个人中心
       {
         hidden: true,
-        path: "customerInformation",
-        component: () => import("@/views/customer/customerInformation"),
-        name: "customerInformation",
-        meta: { title: "个人中心", fullPath: "/customer/customerInformation" },
+        path: 'customerInformation',
+        component: () => import('@/views/customer/customerInformation'),
+        name: 'customerInformation',
+        meta: { title: '个人中心', fullPath: '/customer/customerInformation' }
       },
       // 充值管理
       {
-        path: "rechargeRecord",
-        component: () => import("@/views/customer/rechargeRecord"),
-        name: "RechargeRecord",
-        meta: { title: "充值管理", fullPath: "/customer/rechargeRecord" },
+        path: 'rechargeRecord',
+        component: () => import('@/views/customer/rechargeRecord'),
+        name: 'RechargeRecord',
+        meta: { title: '充值管理', fullPath: '/customer/rechargeRecord' }
       },
       // 订单管理
       // {
@@ -1618,19 +1624,19 @@ export const asyncRoutes = [
       // },
       // 订单详情
       {
-        path: "orderDetil",
-        component: () => import("@/views/customer/orderDetil"),
-        name: "orderDetil",
+        path: 'orderDetil',
+        component: () => import('@/views/customer/orderDetil'),
+        name: 'orderDetil',
         hidden: true,
-        meta: { title: "订单详情", fullPath: "/customer/orderDetil", noCache: true, },
+        meta: { title: '订单详情', fullPath: '/customer/orderDetil', noCache: true }
       },
       // 促销邀请码
       {
         hidden: true,
-        path: "promotionalInvitationCode",
-        component: () => import("@/views/customer/promotionalInvitationCode"),
-        name: "PromotionalInvitationCode",
-        meta: { title: "促销邀请码", fullPath: "/customer/promotionalInvitationCode" },
+        path: 'promotionalInvitationCode',
+        component: () => import('@/views/customer/promotionalInvitationCode'),
+        name: 'PromotionalInvitationCode',
+        meta: { title: '促销邀请码', fullPath: '/customer/promotionalInvitationCode' }
       },
 
       // 资源示例
@@ -1648,650 +1654,648 @@ export const asyncRoutes = [
       // },
       // 审批记录
       {
-        hidden: true, path: "approvalRecord", component: () => import(
+        hidden: true, path: 'approvalRecord', component: () => import(
           // "@/views/customer/approvalRecord/iframeJiNan.vue"//iframe报错
-          "@/views/customer/approvalRecord"
-        ), name: "approvalRecord", meta: { title: "审批记录", fullPath: "/customer/approvalRecord" },
+          '@/views/customer/approvalRecord'
+        ), name: 'approvalRecord', meta: { title: '审批记录', fullPath: '/customer/approvalRecord' }
       },
       // 发票管理
       {
-        path: "invoice",
-        component: () => import("@/views/customer/invoice"),
-        name: "Invoice",
-        meta: { title: "发票管理", fullPath: "/customer/invoice" },
+        path: 'invoice',
+        component: () => import('@/views/customer/invoice'),
+        name: 'Invoice',
+        meta: { title: '发票管理', fullPath: '/customer/invoice' }
       },
       // 产品最新页
       {
         hidden: true,
-        path: "productIndex",
-        component: () => import("@/views/product/productHome/productIndex/index.vue"),
-        name: "ProductIndex",
-        meta: { title: "产品最新页", fullPath: "/product/productHome/productIndex", noCache: true },
-      },],
+        path: 'productIndex',
+        component: () => import('@/views/product/productHome/productIndex/index.vue'),
+        name: 'ProductIndex',
+        meta: { title: '产品最新页', fullPath: '/product/productHome/productIndex', noCache: true }
+      }]
   },
   // 资质审核
   {
-    path: "/qualificationReview",
+    path: '/qualificationReview',
     component: Layout,
-    name: "qualificationReview",
-    redirect: "/qualificationReview/index",
+    name: 'qualificationReview',
+    redirect: '/qualificationReview/index',
     // 资质审核是审核/校验类菜单，所以用 el-icon-s-check。
-    meta: { fullPath: "/qualificationReview", title: "资质审核", noCache: true, icon: 'el-icon-s-check' },
+    meta: { fullPath: '/qualificationReview', title: '资质审核', noCache: true, icon: 'el-icon-s-check' },
     children: [
       {
-        path: "noApproveInfo",
-        component: () => import("@/views/customer/qualificationReview/noApproveInfo/index.vue"),
-        name: "noApproveInfo",
-        meta: { title: "待审清单", fullPath: "/qualificationReview/index" },
+        path: 'noApproveInfo',
+        component: () => import('@/views/customer/qualificationReview/noApproveInfo/index.vue'),
+        name: 'noApproveInfo',
+        meta: { title: '待审清单', fullPath: '/qualificationReview/index' }
       },
       {
-        path: "rejectInfo",
-        component: () => import("@/views/customer/qualificationReview/apprvedInfo/index.vue"),
-        name: "rejectInfo",
-        meta: { title: "已审清单", fullPath: "/qualificationReview/approvedInfo" },
-      },
+        path: 'rejectInfo',
+        component: () => import('@/views/customer/qualificationReview/apprvedInfo/index.vue'),
+        name: 'rejectInfo',
+        meta: { title: '已审清单', fullPath: '/qualificationReview/approvedInfo' }
+      }
 
     ]
   },
   // 供需审核
   {
-    path: "/approveMangement",
+    path: '/approveMangement',
     component: Layout,
-    name: "approveMangement",
-    redirect: "/approveMangement/index",
+    name: 'approveMangement',
+    redirect: '/approveMangement/index',
     // 供需审核表示供给和需求两边协作审核，所以用 el-icon-s-cooperation。
-    meta: { fullPath: "/approveMangement", title: "供需审核", noCache: true, icon: 'el-icon-s-cooperation' },
+    meta: { fullPath: '/approveMangement', title: '供需审核', noCache: true, icon: 'el-icon-s-cooperation' },
     children: [
       {
-        path: "pendingPro",
-        component: () => import("@/views/customer/approveMangement/pendingPro.vue"),
-        name: "pendingPro",
-        meta: { title: "待审清单", fullPath: "/approveMangement/index" },
+        path: 'pendingPro',
+        component: () => import('@/views/customer/approveMangement/pendingPro.vue'),
+        name: 'pendingPro',
+        meta: { title: '待审清单', fullPath: '/approveMangement/index' }
       },
       {
-        path: "approvedPro",
-        component: () => import("@/views/customer/approveMangement/approvedPro.vue"),
-        name: "approvedPro",
-        meta: { title: "已审清单", fullPath: "/approveMangement/approvedPro" },
-      },
+        path: 'approvedPro',
+        component: () => import('@/views/customer/approveMangement/approvedPro.vue'),
+        name: 'approvedPro',
+        meta: { title: '已审清单', fullPath: '/approveMangement/approvedPro' }
+      }
 
     ]
   },
   // 需求管理
   {
-    path: "/demandMangement",
+    path: '/demandMangement',
     component: Layout,
-    name: "demandMangement",
-    redirect: "/demandMangement/index",
-    meta: { fullPath: "/demandMangement", title: "需求管理", noCache: true, icon: 'el-icon-document-checked' },
+    name: 'demandMangement',
+    redirect: '/demandMangement/index',
+    meta: { fullPath: '/demandMangement', title: '需求管理', noCache: true, icon: 'el-icon-document-checked' },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/customer/demand/demandList.vue"),
-        name: "demandList",
-        meta: { title: "发布清单", fullPath: "/demandMangement/index" },
+        path: 'index',
+        component: () => import('@/views/customer/demand/demandList.vue'),
+        name: 'demandList',
+        meta: { title: '发布清单', fullPath: '/demandMangement/index' }
       },
       {
-        path: "rejectDemand",
-        component: () => import("@/views/customer/demand/rejectDemand.vue"),
-        name: "rejectDemand",
-        meta: { title: "未通过清单", fullPath: "/demandMangement/rejectDemand" },
-      },
+        path: 'rejectDemand',
+        component: () => import('@/views/customer/demand/rejectDemand.vue'),
+        name: 'rejectDemand',
+        meta: { title: '未通过清单', fullPath: '/demandMangement/rejectDemand' }
+      }
     ]
   },
   {
-    path: "/productMangement",
+    path: '/productMangement',
     component: Layout,
-    name: "productMangement",
-    redirect: "/productMangement/index",
-    meta: { fullPath: "/productMangement", title: "商品管理", noCache: true, icon: 'el-icon-shopping-cart-full' },
+    name: 'productMangement',
+    redirect: '/productMangement/index',
+    meta: { fullPath: '/productMangement', title: '商品管理', noCache: true, icon: 'el-icon-shopping-cart-full' },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/customer/productMangement/productList/index.vue"),
-        name: "productList",
-        meta: { title: "发布清单", fullPath: "/productMangement/index" },
+        path: 'index',
+        component: () => import('@/views/customer/productMangement/productList/index.vue'),
+        name: 'productList',
+        meta: { title: '发布清单', fullPath: '/productMangement/index' }
       },
       {
-        path: "rejectedPro",
-        component: () => import("@/views/customer/productMangement/rejectedPro/index.vue"),
-        name: "rejectedPro",
-        meta: { title: "未通过清单", fullPath: "/productMangement/index" },
-      },
+        path: 'rejectedPro',
+        component: () => import('@/views/customer/productMangement/rejectedPro/index.vue'),
+        name: 'rejectedPro',
+        meta: { title: '未通过清单', fullPath: '/productMangement/index' }
+      }
     ]
   },
 
   {
-    path: "/menuMangement",
+    path: '/menuMangement',
     component: Layout,
-    name: "menuMangement",
-    redirect: "/menuMangement/index",
+    name: 'menuMangement',
+    redirect: '/menuMangement/index',
     // 菜单管理就是维护菜单配置，用 Element UI 的菜单图标。
-    meta: { fullPath: "/menuMangement", title: "菜单管理", noCache: true, icon: 'el-icon-menu' },
+    meta: { fullPath: '/menuMangement', title: '菜单管理', noCache: true, icon: 'el-icon-menu' },
     children: [
       {
-        path: "index",
-        component: () => import("@/views/operation/menuMangement/index.vue"),
-        name: "menuMangement",
-        meta: { title: "ncmatch菜单管理", fullPath: "/menuMangement/index" },
+        path: 'index',
+        component: () => import('@/views/operation/menuMangement/index.vue'),
+        name: 'menuMangement',
+        meta: { title: 'ncmatch菜单管理', fullPath: '/menuMangement/index' }
       },
       {
-        path: "productsServices",
-        component: () => import("@/views/operation/productsServices/index.vue"),
-        name: "productsServices",
+        path: 'productsServices',
+        component: () => import('@/views/operation/productsServices/index.vue'),
+        name: 'productsServices',
         meta: {
-          title: "产品与服务管理",
-          fullPath: "/operation/productsServices"
+          title: '产品与服务管理',
+          fullPath: '/operation/productsServices'
         }
       }
     ]
   },
 
   {
-    path: "/sales", component: Layout,
+    path: '/sales', component: Layout,
 
     meta: {
-      title: "销售", icon: "el-icon-shopping-cart-2", noCache: true, fullPath: "/sales",
-    }, redirect: "/sales/distributorManagement", children: [{
-      path: "distributorManagement",
-      component: () => import("@/views/sales/distributorManagement"), // component: () => import("@/views/sales/distributorManagement/lodIndex.vue"),
-      name: "Distributor",
-      meta: { title: "分销商管理", fullPath: "/sales/distributorManagement" }, // hidden: true,
+      title: '销售', icon: 'el-icon-shopping-cart-2', noCache: true, fullPath: '/sales'
+    }, redirect: '/sales/distributorManagement', children: [{
+      path: 'distributorManagement',
+      component: () => import('@/views/sales/distributorManagement'), // component: () => import("@/views/sales/distributorManagement/lodIndex.vue"),
+      name: 'Distributor',
+      meta: { title: '分销商管理', fullPath: '/sales/distributorManagement' } // hidden: true,
     }, {
-      path: "intelligentNetworkConfig",
-      component: () => import("@/views/sales/IntelligentNetworkConfig"),
-      name: "intelligentNetworkConfig",
-      meta: { title: "智算网络配置", fullPath: "/sales/IntelligentNetworkConfig" },
+      path: 'intelligentNetworkConfig',
+      component: () => import('@/views/sales/IntelligentNetworkConfig'),
+      name: 'intelligentNetworkConfig',
+      meta: { title: '智算网络配置', fullPath: '/sales/IntelligentNetworkConfig' }
     }, {
-      path: "chat", component: () => import("@/views/product/productHome/chat/index.vue"), name: "chat", meta: {
-        title: "聊天", fullPath: "/sales/chat", noCache: true
-      },
+      path: 'chat', component: () => import('@/views/product/productHome/chat/index.vue'), name: 'chat', meta: {
+        title: '聊天', fullPath: '/sales/chat', noCache: true
+      }
     }, {
-      path: "rpRebate",
+      path: 'rpRebate',
       hidden: true,
-      component: () => import("@/views/sales/rpRebate"),
-      name: "rpRebate",
-      meta: { title: "返佣设置", fullPath: "/sales/rpRebate" },
+      component: () => import('@/views/sales/rpRebate'),
+      name: 'rpRebate',
+      meta: { title: '返佣设置', fullPath: '/sales/rpRebate' }
     }, {
-      path: "rpDiscount",
+      path: 'rpDiscount',
       hidden: true,
-      component: () => import("@/views/sales/rpDiscount"),
-      name: "rpDiscount",
-      meta: { title: "折扣设置", fullPath: "/sales/rpDiscount" },
+      component: () => import('@/views/sales/rpDiscount'),
+      name: 'rpDiscount',
+      meta: { title: '折扣设置', fullPath: '/sales/rpDiscount' }
     }, {
-      path: "floorPrice",
+      path: 'floorPrice',
       hidden: true,
-      component: () => import("@/views/sales/floorPrice"),
-      name: "floorPrice",
-      meta: { title: "底价设置", fullPath: "/sales/floorPrice" },
+      component: () => import('@/views/sales/floorPrice'),
+      name: 'floorPrice',
+      meta: { title: '底价设置', fullPath: '/sales/floorPrice' }
     },
     {
-      path: "bdUserMangement",
-      component: () => import("@/views/sales/BdUserMangement"),
-      name: "floorPrice",
-      meta: { title: "百度用户管理", fullPath: "/sales/BdUserMangement" },
+      path: 'bdUserMangement',
+      component: () => import('@/views/sales/BdUserMangement'),
+      name: 'floorPrice',
+      meta: { title: '百度用户管理', fullPath: '/sales/BdUserMangement' },
       children: [{
-        path: "orderManagement", component: () => import(
-          "@/views/sales/BdUserMangement/orderMangement"
-        ), name: "orderManagement", meta: {
-          title: "订单管理", fullPath: "/sales/BdUserMangement/orderManagement",
-        },
+        path: 'orderManagement', component: () => import(
+          '@/views/sales/BdUserMangement/orderMangement'
+        ), name: 'orderManagement', meta: {
+          title: '订单管理', fullPath: '/sales/BdUserMangement/orderManagement'
+        }
       }, {
-        path: "billMangement", component: () => import(
-          "@/views/sales/BdUserMangement/billMangement"
-        ), name: "billMangement", meta: {
-          title: "账单管理", fullPath: "/sales/BdUserMangement/billMangement",
-        },
-      },]
+        path: 'billMangement', component: () => import(
+          '@/views/sales/BdUserMangement/billMangement'
+        ), name: 'billMangement', meta: {
+          title: '账单管理', fullPath: '/sales/BdUserMangement/billMangement'
+        }
+      }]
     },
     {
-      path: "customerManagement",
-      component: () => import("@/views/sales/customerManagement"),
-      name: "Customer",
-      meta: { title: "客户管理", fullPath: "/sales/customerManagement" },
-      redirect: "/customerManagement/customerInformationList",
+      path: 'customerManagement',
+      component: () => import('@/views/sales/customerManagement'),
+      name: 'Customer',
+      meta: { title: '客户管理', fullPath: '/sales/customerManagement' },
+      redirect: '/customerManagement/customerInformationList',
       children: [{
-        path: "intendedCustomers", component: () => import(
-          "@/views/sales/customerManagement/intendedCustomers/index.vue"
-        ), name: "intendedCustomers", meta: {
-          title: "意向客户", fullPath: "/sales/customerManagement/intendedCustomers",
-        },
+        path: 'intendedCustomers', component: () => import(
+          '@/views/sales/customerManagement/intendedCustomers/index.vue'
+        ), name: 'intendedCustomers', meta: {
+          title: '意向客户', fullPath: '/sales/customerManagement/intendedCustomers'
+        }
       }, {
-        path: "customerInformationList", component: () => import(
-          "@/views/sales/customerManagement/customerInformationList"
-        ), name: "customerInformationList", meta: {
-          title: "客户信息列表", fullPath: "/sales/customerManagement/customerInformationList",
-        },
+        path: 'customerInformationList', component: () => import(
+          '@/views/sales/customerManagement/customerInformationList'
+        ), name: 'customerInformationList', meta: {
+          title: '客户信息列表', fullPath: '/sales/customerManagement/customerInformationList'
+        }
       }, {
-        path: "zjUserList", hidden: true, component: () => import(
-          "@/views/sales/customerManagement/zjUserList"
-        ), name: "zjUserList", meta: {
-          title: "中金客户列表", fullPath: "/sales/customerManagement/zjUserList",
-        },
+        path: 'zjUserList', hidden: true, component: () => import(
+          '@/views/sales/customerManagement/zjUserList'
+        ), name: 'zjUserList', meta: {
+          title: '中金客户列表', fullPath: '/sales/customerManagement/zjUserList'
+        }
       },
 
       {
-        path: "jiNanChaoSuanUserList", component: () => import(
-          "@/views/sales/customerManagement/jiNanChaoSuanUserList"
+        path: 'jiNanChaoSuanUserList', component: () => import(
+          '@/views/sales/customerManagement/jiNanChaoSuanUserList'
         ), // name: "jiNanChaoSuanUserList",
         meta: {
-          title: "超算用户账号分配", fullPath: "/sales/customerManagement/jiNanChaoSuanUserList",
-        },
+          title: '超算用户账号分配', fullPath: '/sales/customerManagement/jiNanChaoSuanUserList'
+        }
       }, {
-        path: "jiNanChaoSuanTonBu", component: () => import(
-          "@/views/sales/customerManagement/jiNanChaoSuanTonBu"
+        path: 'jiNanChaoSuanTonBu', component: () => import(
+          '@/views/sales/customerManagement/jiNanChaoSuanTonBu'
         ), // name: "jiNanChaoSuanTonBu",
         meta: {
-          title: "超算用户账号同步", fullPath: "/sales/customerManagement/jiNanChaoSuanTonBu",
-        },
+          title: '超算用户账号同步', fullPath: '/sales/customerManagement/jiNanChaoSuanTonBu'
+        }
       }, {
-        path: "promotion",
-        component: () => import("@/views/sales/customerManagement/promotion"),
-        name: "Promotion",
+        path: 'promotion',
+        component: () => import('@/views/sales/customerManagement/promotion'),
+        name: 'Promotion',
         meta: {
-          title: "生成邀请码", fullPath: "/sales/customerManagement/promotion",
-        },
+          title: '生成邀请码', fullPath: '/sales/customerManagement/promotion'
+        }
       }, {
-        path: "customerManagement",
-        component: () => import("@/views/sales/customerManagement/customerManagement"),
-        name: "customerManagement",
+        path: 'customerManagement',
+        component: () => import('@/views/sales/customerManagement/customerManagement'),
+        name: 'customerManagement',
         meta: {
-          title: "客户折扣设置", fullPath: "/sales/customerManagement/customerManagement",
-        },
+          title: '客户折扣设置', fullPath: '/sales/customerManagement/customerManagement'
+        }
       }, {
-        path: "clientPriceSet", component: () => import(
-          "@/views/sales/customerManagement/clientPriceSet"
-        ), name: "clientPriceSet", meta: {
-          title: "客户售价设置", fullPath: "/sales/customerManagement/clientPriceSet",
-        },
+        path: 'clientPriceSet', component: () => import(
+          '@/views/sales/customerManagement/clientPriceSet'
+        ), name: 'clientPriceSet', meta: {
+          title: '客户售价设置', fullPath: '/sales/customerManagement/clientPriceSet'
+        }
       }, {
-        path: "invoiceManage", component: () => import(
-          "@/views/sales/customerManagement/invoiceManage"
-        ), name: "InvoiceManage", meta: {
-          title: "发票管理", fullPath: "/sales/customerManagement/invoiceAndContract",
-        }, redirect: "/sales/customerManagement/invoiceManage/invoiceAndContract", children: [{
-          path: "invoiceAndContract", component: () => import(
-            "@/views/sales/customerManagement/invoiceManage/children/invoiceAndContract"
-          ), name: "InvoiceAndContract", meta: {
-            title: "发票与合同", fullPath: "/sales/customerManagement/invoiceManage/invoiceAndContract",
-          },
+        path: 'invoiceManage', component: () => import(
+          '@/views/sales/customerManagement/invoiceManage'
+        ), name: 'InvoiceManage', meta: {
+          title: '发票管理', fullPath: '/sales/customerManagement/invoiceAndContract'
+        }, redirect: '/sales/customerManagement/invoiceManage/invoiceAndContract', children: [{
+          path: 'invoiceAndContract', component: () => import(
+            '@/views/sales/customerManagement/invoiceManage/children/invoiceAndContract'
+          ), name: 'InvoiceAndContract', meta: {
+            title: '发票与合同', fullPath: '/sales/customerManagement/invoiceManage/invoiceAndContract'
+          }
         }, {
-          path: "historyBilling", component: () => import(
-            "@/views/sales/customerManagement/invoiceManage/children/historyBilling"
-          ), name: "HistoryBilling", meta: {
-            title: "审批记录", fullPath: "/sales/customerManagement/invoiceManage/historyBilling",
-          },
-        },]
-      },],
+          path: 'historyBilling', component: () => import(
+            '@/views/sales/customerManagement/invoiceManage/children/historyBilling'
+          ), name: 'HistoryBilling', meta: {
+            title: '审批记录', fullPath: '/sales/customerManagement/invoiceManage/historyBilling'
+          }
+        }]
+      }]
     }, {
-      path: "salesAnalysis",
+      path: 'salesAnalysis',
       hidden: true,
-      component: () => import("@/views/sales/salesAnalysis"),
-      name: "salesAnalysis",
-      meta: { title: "销售分析", fullPath: "/sales/salesAnalysis" },
-    },],
+      component: () => import('@/views/sales/salesAnalysis'),
+      name: 'salesAnalysis',
+      meta: { title: '销售分析', fullPath: '/sales/salesAnalysis' }
+    }]
   },
 
   {
-    path: "/operation", component: Layout, redirect: "/operation/supplierManagement", meta: {
+    path: '/operation', component: Layout, redirect: '/operation/supplierManagement', meta: {
       // 运营是运营后台入口，用操作/运营类图标。
-      title: "运营", icon: "el-icon-s-operation", noCache: true, fullPath: "/operation",
+      title: '运营', icon: 'el-icon-s-operation', noCache: true, fullPath: '/operation'
     }, children: [
 
       {
-        path: "operation",
+        path: 'operation',
         hidden: true,
-        component: () => import("@/views/operation/examinationManagement"),
-        name: "Operation",
+        component: () => import('@/views/operation/examinationManagement'),
+        name: 'Operation',
         meta: {
-          title: "审批管理", fullPath: "/operation/examinationManagement",
+          title: '审批管理', fullPath: '/operation/examinationManagement'
         },
-        redirect: "/operation/examinationManagement/sustomerDiscountApproval",
+        redirect: '/operation/examinationManagement/sustomerDiscountApproval',
         children: [{
-          path: "sustomerDiscountApproval", component: () => import(
-            "@/views/operation/examinationManagement/sustomerDiscountApproval"
-          ), name: "MyOrganization", meta: {
-            title: "客户折扣审批", fullPath: "/operation/examinationManagement/sustomerDiscountApproval",
-          },
+          path: 'sustomerDiscountApproval', component: () => import(
+            '@/views/operation/examinationManagement/sustomerDiscountApproval'
+          ), name: 'MyOrganization', meta: {
+            title: '客户折扣审批', fullPath: '/operation/examinationManagement/sustomerDiscountApproval'
+          }
         }, {
-          path: "supplierTransferApproval", component: () => import(
-            "@/views/operation/examinationManagement/supplierTransferApproval"
-          ), name: "supplierTransferApproval", meta: {
-            title: "供应商销售收入转账审批", fullPath: "/operation/examinationManagement/supplierTransferApproval",
-          },
+          path: 'supplierTransferApproval', component: () => import(
+            '@/views/operation/examinationManagement/supplierTransferApproval'
+          ), name: 'supplierTransferApproval', meta: {
+            title: '供应商销售收入转账审批', fullPath: '/operation/examinationManagement/supplierTransferApproval'
+          }
         },
         {
-          path: "distributorDiscountSetting", component: () => import(
-            "@/views/operation/examinationManagement/distributorDiscountSetting"
-          ), name: "DistributorDiscountSetting", meta: {
-            title: "分销商折扣设置审批", fullPath: "/operation/examinationManagement/distributorDiscountSetting",
-          },
+          path: 'distributorDiscountSetting', component: () => import(
+            '@/views/operation/examinationManagement/distributorDiscountSetting'
+          ), name: 'DistributorDiscountSetting', meta: {
+            title: '分销商折扣设置审批', fullPath: '/operation/examinationManagement/distributorDiscountSetting'
+          }
         },
         {
-          path: "distributorRebateSetUp", component: () => import(
-            "@/views/operation/examinationManagement/distributorRebateSetUp"
-          ), name: "DistributorRebateSetUp", meta: {
-            title: "分销商回佣率设置审批", fullPath: "/operation/examinationManagement/DistributorRebateSetUp",
-          },
+          path: 'distributorRebateSetUp', component: () => import(
+            '@/views/operation/examinationManagement/distributorRebateSetUp'
+          ), name: 'DistributorRebateSetUp', meta: {
+            title: '分销商回佣率设置审批', fullPath: '/operation/examinationManagement/DistributorRebateSetUp'
+          }
         },
         {
-          path: "distributorCommissionTransferApproval", component: () => import(
-            "@/views/operation/examinationManagement/distributorCommissionTransferApproval"
-          ), name: "DistributorCommissionTransferApproval", meta: {
-            title: "分销商回佣转账审批",
-            fullPath: "/operation/examinationManagement/distributorCommissionTransferApproval",
-          },
-        },],
+          path: 'distributorCommissionTransferApproval', component: () => import(
+            '@/views/operation/examinationManagement/distributorCommissionTransferApproval'
+          ), name: 'DistributorCommissionTransferApproval', meta: {
+            title: '分销商回佣转账审批',
+            fullPath: '/operation/examinationManagement/distributorCommissionTransferApproval'
+          }
+        }]
       }, {
-        path: "supplierManagement",
-        title: "供应商管理",
-        component: () => import("@/views/operation/supplierManagement"),
-        name: "supplierManagement",
+        path: 'supplierManagement',
+        title: '供应商管理',
+        component: () => import('@/views/operation/supplierManagement'),
+        name: 'supplierManagement',
         meta: {
-          title: "供应商管理", fullPath: "/operation/supplierManagement",
-        },
+          title: '供应商管理', fullPath: '/operation/supplierManagement'
+        }
       }, {
-        path: "computingCenterManagement",
-        component: () => import("@/views/operation/computingCenterManagement"),
-        name: "computingCenterManagement",
-        title: "容器云",
+        path: 'computingCenterManagement',
+        component: () => import('@/views/operation/computingCenterManagement'),
+        name: 'computingCenterManagement',
+        title: '容器云',
         meta: {
-          title: "容器云", fullPath: "/operation/computingCenterManagement/mainPage", noCache: true
+          title: '容器云', fullPath: '/operation/computingCenterManagement/mainPage', noCache: true
         },
-        redirect: "/operation/computingCenterManagement",
+        redirect: '/operation/computingCenterManagement',
         children: [
 
           {
-            path: "mainPage",
-            title: "算力中心",
-            component: () => import("@/views/operation/computingCenterManagement/mainPage/index.vue"),
-            name: "supplierManagement",
+            path: 'mainPage',
+            title: '算力中心',
+            component: () => import('@/views/operation/computingCenterManagement/mainPage/index.vue'),
+            name: 'supplierManagement',
             meta: {
-              title: "算力中心", fullPath: "/operation/computingCenterManagement/mainPage", noCache: true
-            },
+              title: '算力中心', fullPath: '/operation/computingCenterManagement/mainPage', noCache: true
+            }
           }, {
-            path: "tagMangement",
+            path: 'tagMangement',
 
-            title: "标签管理",
-            component: () => import("@/views/operation/computingCenterManagement/TagMangement/index.vue"),
-            name: "tagMangement",
+            title: '标签管理',
+            component: () => import('@/views/operation/computingCenterManagement/TagMangement/index.vue'),
+            name: 'tagMangement',
             meta: {
-              title: "标签管理", fullPath: "/operation/computingCenterManagement/tagMangement", noCache: true
-            },
+              title: '标签管理', fullPath: '/operation/computingCenterManagement/tagMangement', noCache: true
+            }
           }, {
-            path: "sellingConfiguration",
-            title: "出售配置",
-            component: () => import("@/views/operation/computingCenterManagement/sellingConfiguration/index.vue"),
-            name: "sellingConfiguration",
+            path: 'sellingConfiguration',
+            title: '出售配置',
+            component: () => import('@/views/operation/computingCenterManagement/sellingConfiguration/index.vue'),
+            name: 'sellingConfiguration',
             meta: {
-              title: "出售配置", fullPath: "/operation/computingCenterManagement/sellingConfiguration", noCache: true
-            },
+              title: '出售配置', fullPath: '/operation/computingCenterManagement/sellingConfiguration', noCache: true
+            }
           }, {
             hidden: true,
-            path: "pod",
-            title: "资源实例看板",
-            component: () => import("@/views/operation/computingCenterManagement/pod/index.vue"),
-            name: "pod",
+            path: 'pod',
+            title: '资源实例看板',
+            component: () => import('@/views/operation/computingCenterManagement/pod/index.vue'),
+            name: 'pod',
             meta: {
-              title: "资源实例看板", fullPath: "/operation/computingCenterManagement/pod", noCache: true
-            },
+              title: '资源实例看板', fullPath: '/operation/computingCenterManagement/pod', noCache: true
+            }
           }, {
             hidden: true,
-            path: "childPod",
-            title: "成员节点看板",
-            component: () => import("@/views/operation/computingCenterManagement/childPod/index.vue"),
-            name: "childPod",
+            path: 'childPod',
+            title: '成员节点看板',
+            component: () => import('@/views/operation/computingCenterManagement/childPod/index.vue'),
+            name: 'childPod',
             meta: {
-              title: "成员节点看板", fullPath: "/operation/computingCenterManagement/childPod", noCache: true
-            },
+              title: '成员节点看板', fullPath: '/operation/computingCenterManagement/childPod', noCache: true
+            }
           }, {
             hidden: true,
-            path: "clusterResourceInstanceConfiguration",
-            title: "资源实例配置",
-            component: () => import("@/views/operation/computingCenterManagement/clusterResourceInstanceConfiguration/index.vue"),
-            name: "clusterResourceInstanceConfiguration",
+            path: 'clusterResourceInstanceConfiguration',
+            title: '资源实例配置',
+            component: () => import('@/views/operation/computingCenterManagement/clusterResourceInstanceConfiguration/index.vue'),
+            name: 'clusterResourceInstanceConfiguration',
             meta: {
-              title: "资源实例配置",
-              fullPath: "/operation/computingCenterManagement/clusterResourceInstanceConfiguration",
+              title: '资源实例配置',
+              fullPath: '/operation/computingCenterManagement/clusterResourceInstanceConfiguration',
               noCache: true
-            },
+            }
           }, {
             hidden: true,
-            path: "colony",
+            path: 'colony',
 
-            title: "管理集群",
-            component: () => import("@/views/operation/computingCenterManagement/colony/index.vue"),
-            name: "supplierManagement",
+            title: '管理集群',
+            component: () => import('@/views/operation/computingCenterManagement/colony/index.vue'),
+            name: 'supplierManagement',
             meta: {
-              title: "管理集群", fullPath: "/operation/computingCenterManagement/colony", noCache: true,
-            },
+              title: '管理集群', fullPath: '/operation/computingCenterManagement/colony', noCache: true
+            }
 
           },
 
           {
             hidden: true,
-            path: "computingPowerNode",
-            title: "算力设备",
-            component: () => import("@/views/operation/computingCenterManagement/computingPowerNode/index.vue"),
-            name: "computingPowerNode",
+            path: 'computingPowerNode',
+            title: '算力设备',
+            component: () => import('@/views/operation/computingCenterManagement/computingPowerNode/index.vue'),
+            name: 'computingPowerNode',
             meta: {
-              title: "算力设备", fullPath: "/operation/computingCenterManagement/computingPowerNode", noCache: true
-            },
+              title: '算力设备', fullPath: '/operation/computingCenterManagement/computingPowerNode', noCache: true
+            }
           }, {
             hidden: true,
-            path: "part",
-            title: "算力部件管理",
-            component: () => import("@/views/operation/computingCenterManagement/Part/index.vue"),
-            name: "part",
+            path: 'part',
+            title: '算力部件管理',
+            component: () => import('@/views/operation/computingCenterManagement/Part/index.vue'),
+            name: 'part',
             meta: {
-              title: "算力部件管理", fullPath: "/operation/computingCenterManagement/Part", noCache: true
-            },
-          },]
+              title: '算力部件管理', fullPath: '/operation/computingCenterManagement/Part', noCache: true
+            }
+          }]
       }, {
-        path: "importSalesRevenue",
-        title: "导入销售额",
-        component: () => import("@/views/operation/importSalesRevenue"),
-        name: "ImportSalesRevenue",
+        path: 'importSalesRevenue',
+        title: '导入销售额',
+        component: () => import('@/views/operation/importSalesRevenue'),
+        name: 'ImportSalesRevenue',
         meta: {
-          title: "导入销售额", fullPath: "/operation/ImportSalesRevenue",
-        },
+          title: '导入销售额', fullPath: '/operation/ImportSalesRevenue'
+        }
       },
 
       {
-        path: "allProductManagement",
-        title: "公共售价管理",
-        component: () => import("@/views/operation/allProductManagement"),
-        name: "allProductManagement",
+        path: 'allProductManagement',
+        title: '公共售价管理',
+        component: () => import('@/views/operation/allProductManagement'),
+        name: 'allProductManagement',
         meta: {
-          title: "公共售价管理", fullPath: "/operation/allProductManagement",
-        },
+          title: '公共售价管理', fullPath: '/operation/allProductManagement'
+        }
       },
 
       {
-        path: "publicDiscountManagement",
-        title: "公共折扣管理",
-        component: () => import("@/views/operation/publicDiscountManagement"),
-        name: "publicDiscountManagement",
+        path: 'publicDiscountManagement',
+        title: '公共折扣管理',
+        component: () => import('@/views/operation/publicDiscountManagement'),
+        name: 'publicDiscountManagement',
         meta: {
-          title: "公共折扣管理", fullPath: "/operation/publicDiscountManagement",
-        },
+          title: '公共折扣管理', fullPath: '/operation/publicDiscountManagement'
+        }
       }, {
-        path: "publicCostomerManagement",
-        component: () => import("@/views/operation/publicCostomerManagement"),
-        name: "PublicCostomerManagement",
+        path: 'publicCostomerManagement',
+        component: () => import('@/views/operation/publicCostomerManagement'),
+        name: 'PublicCostomerManagement',
         meta: {
-          title: "公共客户管理", fullPath: "/operation/publicCostomerManagement",
-        },
+          title: '公共客户管理', fullPath: '/operation/publicCostomerManagement'
+        }
       },
 
       {
-        path: "productManagement",
-        component: () => import("@/views/operation/productManagement"),
-        name: "productManagement",
+        path: 'productManagement',
+        component: () => import('@/views/operation/productManagement'),
+        name: 'productManagement',
         hidden: true,
         meta: {
-          title: "供应商产品管理", fullPath: "/operation/productManagement",
-        },
+          title: '供应商产品管理', fullPath: '/operation/productManagement'
+        }
       },
 
       {
-        path: "specificationTemplateManagement",
-        component: () => import("@/views/operation/specificationTemplateManagement"),
-        name: "specificationTemplateManagement",
+        path: 'specificationTemplateManagement',
+        component: () => import('@/views/operation/specificationTemplateManagement'),
+        name: 'specificationTemplateManagement',
         hidden: true,
         meta: {
-          title: "产品规格模板管理", fullPath: "/operation/specificationTemplateManagement",
-        },
+          title: '产品规格模板管理', fullPath: '/operation/specificationTemplateManagement'
+        }
       }, {
-        path: "saleActives",
-        component: () => import("@/views/operation/saleActives"),
-        name: "SaleActives",
-        meta: { title: "促销活动", fullPath: "/operation/saleActives" },
+        path: 'saleActives',
+        component: () => import('@/views/operation/saleActives'),
+        name: 'SaleActives',
+        meta: { title: '促销活动', fullPath: '/operation/saleActives' }
       }, {
-        path: "voucher",
-        component: () => import("@/views/operation/voucher"),
-        name: "voucher",
-        meta: { title: "算力券管理", fullPath: "/operation/voucher" },
+        path: 'voucher',
+        component: () => import('@/views/operation/voucher'),
+        name: 'voucher',
+        meta: { title: '算力券管理', fullPath: '/operation/voucher' }
       }, {
-        path: "customerTransfer",
-        component: () => import("@/views/operation/customerTransfer"),
-        name: "CustomerTransfer",
+        path: 'customerTransfer',
+        component: () => import('@/views/operation/customerTransfer'),
+        name: 'CustomerTransfer',
         meta: {
-          title: "客户转移", fullPath: "/operation/customerTransfer",
-        },
+          title: '客户转移', fullPath: '/operation/customerTransfer'
+        }
       }, {
-        path: "turnoverHandover",
-        component: () => import("@/views/operation/turnoverHandover"),
-        name: "TurnoverHandover",
+        path: 'turnoverHandover',
+        component: () => import('@/views/operation/turnoverHandover'),
+        name: 'TurnoverHandover',
         meta: {
-          title: "离职交接", fullPath: "/operation/turnoverHandover",
-        },
+          title: '离职交接', fullPath: '/operation/turnoverHandover'
+        }
       },
 
       {
-        path: "analyze", component: () => import("@/views/operation/analyze"), name: "analyze", meta: {
-          title: "分析", fullPath: "/operation/analyze",
-        }, redirect: "/operation/analyze", children: [
+        path: 'analyze', component: () => import('@/views/operation/analyze'), name: 'analyze', meta: {
+          title: '分析', fullPath: '/operation/analyze'
+        }, redirect: '/operation/analyze', children: [
 
           {
-            path: "bill", component: () => import(
-              "@/views/operation/analyze/bill/index.vue"
-            ), name: "bill", meta: {
-              title: "消费KPI分析", fullPath: "/operation/analyze/bill",
-            },
+            path: 'bill', component: () => import(
+              '@/views/operation/analyze/bill/index.vue'
+            ), name: 'bill', meta: {
+              title: '消费KPI分析', fullPath: '/operation/analyze/bill'
+            }
           },
 
           {
-            path: "operationalAnalysis", component: () => import(
-              "@/views/operation/analyze/operationalAnalysis"
-            ), name: "operationalAnalysis", meta: {
-              title: "运营KPI分析", fullPath: "/operation/analyze/operationalAnalysis",
-            },
+            path: 'operationalAnalysis', component: () => import(
+              '@/views/operation/analyze/operationalAnalysis'
+            ), name: 'operationalAnalysis', meta: {
+              title: '运营KPI分析', fullPath: '/operation/analyze/operationalAnalysis'
+            }
           }, {
-            path: "depementAnalysis", component: () => import(
-              "@/views/operation/analyze/depementAnalysis"
-            ), name: "depementAnalysis", meta: {
-              title: "部门KPI分析", fullPath: "/operation/analyze/depementAnalysis",
-            },
+            path: 'depementAnalysis', component: () => import(
+              '@/views/operation/analyze/depementAnalysis'
+            ), name: 'depementAnalysis', meta: {
+              title: '部门KPI分析', fullPath: '/operation/analyze/depementAnalysis'
+            }
           }, {
-            path: "saleAnalysis", component: () => import(
-              "@/views/operation/analyze/saleAnalysis"
-            ), name: "saleAnalysis", meta: {
-              title: "销售KPI分析", fullPath: "/operation/analyze/saleAnalysis",
-            },
+            path: 'saleAnalysis', component: () => import(
+              '@/views/operation/analyze/saleAnalysis'
+            ), name: 'saleAnalysis', meta: {
+              title: '销售KPI分析', fullPath: '/operation/analyze/saleAnalysis'
+            }
           }, {
-            path: "incomeAnalysis", component: () => import(
-              "@/views/operation/analyze/incomeAnalysis"
-            ), name: "incomeAnalysis", meta: {
-              title: "收入分析", fullPath: "/operation/analyze/incomeAnalysis",
-            },
+            path: 'incomeAnalysis', component: () => import(
+              '@/views/operation/analyze/incomeAnalysis'
+            ), name: 'incomeAnalysis', meta: {
+              title: '收入分析', fullPath: '/operation/analyze/incomeAnalysis'
+            }
           }, {
-            path: "profitAnalysis", component: () => import(
-              "@/views/operation/analyze/profitAnalysis"
-            ), name: "profitAnalysis", meta: {
-              title: "利润分析", fullPath: "/operation/analyze/profitAnalysis",
-            },
-          },
+            path: 'profitAnalysis', component: () => import(
+              '@/views/operation/analyze/profitAnalysis'
+            ), name: 'profitAnalysis', meta: {
+              title: '利润分析', fullPath: '/operation/analyze/profitAnalysis'
+            }
+          }
 
-
-        ],
+        ]
       }, {
-        path: "channelCustomer",
-        title: "渠道客户",
-        component: () => import("@/views/operation/channelCustomer"),
-        name: "channelCustomer",
+        path: 'channelCustomer',
+        title: '渠道客户',
+        component: () => import('@/views/operation/channelCustomer'),
+        name: 'channelCustomer',
         meta: {
-          title: "渠道客户", fullPath: "/operation/channelCustomer", noCache: true
-        },
+          title: '渠道客户', fullPath: '/operation/channelCustomer', noCache: true
+        }
       }, {
         hidden: true,
-        path: "intelligentConfigOpe",
-        title: "智算产品配置",
-        component: () => import("@/views/operation/IntelligentConfigOpe"),
-        name: "intelligentConfigOpe",
+        path: 'intelligentConfigOpe',
+        title: '智算产品配置',
+        component: () => import('@/views/operation/IntelligentConfigOpe'),
+        name: 'intelligentConfigOpe',
         meta: {
-          title: "智算产品配置", fullPath: "/operation/IntelligentConfigOpe",
-        },
+          title: '智算产品配置', fullPath: '/operation/IntelligentConfigOpe'
+        }
       }, {
-        path: "deviceMangement",
-        component: () => import("@/views/operation/deviceMangement"),
-        name: "deviceMangement",
+        path: 'deviceMangement',
+        component: () => import('@/views/operation/deviceMangement'),
+        name: 'deviceMangement',
         meta: {
-          title: "产品租赁", fullPath: "/operation/deviceMangement",
+          title: '产品租赁', fullPath: '/operation/deviceMangement'
         },
-        redirect: "/operation/deviceMangement",
+        redirect: '/operation/deviceMangement',
         children: [{
-          path: "device", component: () => import(
-            "@/views/operation/deviceMangement/device/index.vue"
-          ), name: "device", meta: {
-            title: "设备管理", fullPath: "/operation/deviceMangement/device",
-          },
+          path: 'device', component: () => import(
+            '@/views/operation/deviceMangement/device/index.vue'
+          ), name: 'device', meta: {
+            title: '设备管理', fullPath: '/operation/deviceMangement/device'
+          }
         }, {
-          path: "deviceBillList", component: () => import(
-            "@/views/operation/deviceMangement/deviceBillList/index.vue"
-          ), name: "deviceBillList", meta: {
-            title: "设备订单", fullPath: "/operation/deviceMangement/deviceBillList",
-          },
+          path: 'deviceBillList', component: () => import(
+            '@/views/operation/deviceMangement/deviceBillList/index.vue'
+          ), name: 'deviceBillList', meta: {
+            title: '设备订单', fullPath: '/operation/deviceMangement/deviceBillList'
+          }
         }, {
-          path: "machineRoom", component: () => import(
-            "@/views/operation/deviceMangement/machineRoom/index.vue"
-          ), name: "machineRoom", meta: {
-            title: "机房信息", fullPath: "/operation/deviceMangement/machineRoom",
-          },
+          path: 'machineRoom', component: () => import(
+            '@/views/operation/deviceMangement/machineRoom/index.vue'
+          ), name: 'machineRoom', meta: {
+            title: '机房信息', fullPath: '/operation/deviceMangement/machineRoom'
+          }
         }, {
-          path: "deviceGrid", component: () => import(
-            "@/views/operation/deviceMangement/deviceGrid/index.vue"
-          ), name: "deviceGrid", meta: {
-            title: "统计分析", fullPath: "/operation/deviceMangement/deviceGrid",
+          path: 'deviceGrid', component: () => import(
+            '@/views/operation/deviceMangement/deviceGrid/index.vue'
+          ), name: 'deviceGrid', meta: {
+            title: '统计分析', fullPath: '/operation/deviceMangement/deviceGrid'
           }, children: [{
-            path: "machineRoomGrid",
-            component: () => import("@/views/operation/deviceMangement/deviceGrid/machineRoomGrid.vue"),
-            name: "machineRoomGrid",
+            path: 'machineRoomGrid',
+            component: () => import('@/views/operation/deviceMangement/deviceGrid/machineRoomGrid.vue'),
+            name: 'machineRoomGrid',
             meta: {
-              title: "机房统计", fullPath: "/operation/deviceMangement/deviceGrid/machineRoomGrid"
+              title: '机房统计', fullPath: '/operation/deviceMangement/deviceGrid/machineRoomGrid'
             }
           }, {
-            path: "deviceExpiration",
-            component: () => import("@/views/operation/deviceMangement/deviceGrid/deviceExpiration.vue"),
-            name: "deviceExpiration",
+            path: 'deviceExpiration',
+            component: () => import('@/views/operation/deviceMangement/deviceGrid/deviceExpiration.vue'),
+            name: 'deviceExpiration',
             meta: {
-              title: "设备统计", fullPath: "/operation/deviceMangement/deviceGrid/deviceExpiration"
+              title: '设备统计', fullPath: '/operation/deviceMangement/deviceGrid/deviceExpiration'
             }
           }, {
-            path: "supplierAndProductStatistics",
-            component: () => import("@/views/operation/deviceMangement/deviceGrid/supplierAndProductStatistics.vue"),
-            name: "deviceExpiration",
+            path: 'supplierAndProductStatistics',
+            component: () => import('@/views/operation/deviceMangement/deviceGrid/supplierAndProductStatistics.vue'),
+            name: 'deviceExpiration',
             meta: {
-              title: "供需指数", fullPath: "/operation/deviceMangement/deviceGrid/supplierAndProductStatistics"
+              title: '供需指数', fullPath: '/operation/deviceMangement/deviceGrid/supplierAndProductStatistics'
             }
-          },
-
+          }
 
           ]
         }, {
-          hidden: true, path: "deviceContract", component: () => import(
-            "@/views/operation/deviceMangement/deviceContract/index.vue"
-          ), name: "deviceContract", // beforeRouteEnter(to, from, next) {
+          hidden: true, path: 'deviceContract', component: () => import(
+            '@/views/operation/deviceMangement/deviceContract/index.vue'
+          ), name: 'deviceContract', // beforeRouteEnter(to, from, next) {
           //   // 在路由进入前执行逻辑
           //   // 可以访问组件实例 `this`，但是此时还无法访问到组件实例本身
           //   next(vm => {
@@ -2301,187 +2305,187 @@ export const asyncRoutes = [
           //   // 继续路由导航
           // },
           meta: {
-            title: "设备合同", fullPath: "/operation/deviceMangement/deviceContract",
-          },
-        },],
+            title: '设备合同', fullPath: '/operation/deviceMangement/deviceContract'
+          }
+        }]
       }, {
-        path: 'approval', component: () => import("@/views/operation/approval"), name: "approval", meta: {
-          title: "审批配置", fullPath: "/operation/approval"
+        path: 'approval', component: () => import('@/views/operation/approval'), name: 'approval', meta: {
+          title: '审批配置', fullPath: '/operation/approval'
         }, children: [{
-          path: "approvalArgumentsConfig",
-          component: () => import("@/views/operation/approval/approvalArgumentsConfig"),
-          name: "approvalArgumentsConfig",
+          path: 'approvalArgumentsConfig',
+          component: () => import('@/views/operation/approval/approvalArgumentsConfig'),
+          name: 'approvalArgumentsConfig',
           meta: {
-            title: "参数配置", fullPath: "/operation/approval/approvalArgumentsConfig"
+            title: '参数配置', fullPath: '/operation/approval/approvalArgumentsConfig'
           }
         },
 
         {
-          path: "approvalConfig",
-          component: () => import("@/views/operation/approval/approvalConfig"),
-          name: "approvalConfig",
+          path: 'approvalConfig',
+          component: () => import('@/views/operation/approval/approvalConfig'),
+          name: 'approvalConfig',
           meta: {
-            title: "审核人配置", fullPath: "/operation/approval/approvalConfig"
+            title: '审核人配置', fullPath: '/operation/approval/approvalConfig'
           }
         }, {
-          path: "approvalList",
-          component: () => import("@/views/operation/approval/approvalList"),
-          name: "approvalList",
+          path: 'approvalList',
+          component: () => import('@/views/operation/approval/approvalList'),
+          name: 'approvalList',
           meta: {
-            title: "流程列表", fullPath: "/operation/approval/approvalList"
+            title: '流程列表', fullPath: '/operation/approval/approvalList'
           }
         }]
       }, {
-        path: "test", name: 'test', component: () => import("@/views/Test/index"), meta: {
-          title: "Test", icon: "el-icon-shopping-cart-2", noCache: true, fullPath: "/Test/index",
-        },
-      },],
+        path: 'test', name: 'test', component: () => import('@/views/Test/index'), meta: {
+          title: 'Test', icon: 'el-icon-shopping-cart-2', noCache: true, fullPath: '/Test/index'
+        }
+      }]
   },
   {
-    path: "/operationAndMaintenance", component: Layout, redirect: "/operationAndMaintenance/index", meta: {
-      title: "运维", icon: "el-icon-s-tools", noCache: true, fullPath: "/operationAndMaintenance",
+    path: '/operationAndMaintenance', component: Layout, redirect: '/operationAndMaintenance/index', meta: {
+      title: '运维', icon: 'el-icon-s-tools', noCache: true, fullPath: '/operationAndMaintenance'
     }, children: [{
-      path: "workOrderProcessing",
-      component: () => import("@/views/operationAndMaintenance/workOrderProcessing"),
-      name: "WorkOrderProcessing",
+      path: 'workOrderProcessing',
+      component: () => import('@/views/operationAndMaintenance/workOrderProcessing'),
+      name: 'WorkOrderProcessing',
       meta: {
-        title: "手工工单处理", fullPath: "/operationAndMaintenance/workOrderProcessing",
-      },
+        title: '手工工单处理', fullPath: '/operationAndMaintenance/workOrderProcessing'
+      }
     }, {
-      path: "documentManagement",
-      component: () => import("@/views/operationAndMaintenance/documentManagement"),
-      name: "DocumentManagement",
+      path: 'documentManagement',
+      component: () => import('@/views/operationAndMaintenance/documentManagement'),
+      name: 'DocumentManagement',
       meta: {
-        title: "文档管理", fullPath: "/operationAndMaintenance/documentManagement",
-      },
+        title: '文档管理', fullPath: '/operationAndMaintenance/documentManagement'
+      }
     }, {
-      path: "productSupply",
-      component: () => import("@/views/operationAndMaintenance/productSupply"),
-      name: "productSupply",
+      path: 'productSupply',
+      component: () => import('@/views/operationAndMaintenance/productSupply'),
+      name: 'productSupply',
       meta: {
-        title: "产品供应", fullPath: "/operationAndMaintenance/productSupply", noCache: true
-      },
+        title: '产品供应', fullPath: '/operationAndMaintenance/productSupply', noCache: true
+      }
     }, {
-      path: "envDeployment",
-      component: () => import("@/views/operationAndMaintenance/envDeployment"),
-      name: "envDeployment",
+      path: 'envDeployment',
+      component: () => import('@/views/operationAndMaintenance/envDeployment'),
+      name: 'envDeployment',
       meta: {
-        title: "环境部署", fullPath: "/operationAndMaintenance/envDeployment", noCache: true
-      },
-    },
-    ],
+        title: '环境部署', fullPath: '/operationAndMaintenance/envDeployment', noCache: true
+      }
+    }
+    ]
   },
 
   {
-    path: "/finance", component: Layout, redirect: "/finance/financialOverview", meta: {
-      title: "财务", icon: "el-icon-s-data", noCache: true, fullPath: "/finance",
+    path: '/finance', component: Layout, redirect: '/finance/financialOverview', meta: {
+      title: '财务', icon: 'el-icon-s-data', noCache: true, fullPath: '/finance'
     }, children: [{
-      path: "financialOverview",
-      component: () => import("@/views/finance/financialOverview"),
-      name: "FinancialOverview",
+      path: 'financialOverview',
+      component: () => import('@/views/finance/financialOverview'),
+      name: 'FinancialOverview',
       meta: {
-        title: "财务概览",
-        fullPath: "/finance/financialOverview",
-        icon: "el-icon-data-analysis",
-        roles: ["财务"]
-      },
+        title: '财务概览',
+        fullPath: '/finance/financialOverview',
+        icon: 'el-icon-data-analysis',
+        roles: ['财务']
+      }
     }, {
-      path: "supplierSettlement",
+      path: 'supplierSettlement',
       hidden: true,
       component: () => import(
-        "@/views/finance/supplierSettlement"
+        '@/views/finance/supplierSettlement'
       ),
-      name: "SupplierSettlement",
-      meta: { title: "供应商结算", fullPath: "/finance/supplierSettlement" },
+      name: 'SupplierSettlement',
+      meta: { title: '供应商结算', fullPath: '/finance/supplierSettlement' },
       children: [{
-        path: "supplierSalesReconciliation", component: () => import(
-          "@/views/finance/supplierSettlement/supplierSalesReconciliation"
-        ), name: "SupplierSalesReconciliation", meta: {
-          title: "供应商销售对账", fullPath: "/finance/supplierSettlement/supplierSalesReconciliation",
-        },
+        path: 'supplierSalesReconciliation', component: () => import(
+          '@/views/finance/supplierSettlement/supplierSalesReconciliation'
+        ), name: 'SupplierSalesReconciliation', meta: {
+          title: '供应商销售对账', fullPath: '/finance/supplierSettlement/supplierSalesReconciliation'
+        }
       }, {
-        path: "misaccounting",
-        component: () => import("@/views/finance/supplierSettlement/misaccounting"),
-        name: "Misaccounting",
+        path: 'misaccounting',
+        component: () => import('@/views/finance/supplierSettlement/misaccounting'),
+        name: 'Misaccounting',
         meta: {
-          title: "错账处理", fullPath: "/finance/supplierSettlement/misaccounting",
-        },
-      },],
+          title: '错账处理', fullPath: '/finance/supplierSettlement/misaccounting'
+        }
+      }]
     }, {
-      path: "supplierSettlementStatistics",
-      component: () => import("@/views/endDay/supplierSettlementStatistics"),
-      name: "supplierSettlementStatistics",
-      meta: { title: "供应商结算统计", fullPath: "/endDay/supplierSettlementStatistics" },
+      path: 'supplierSettlementStatistics',
+      component: () => import('@/views/endDay/supplierSettlementStatistics'),
+      name: 'supplierSettlementStatistics',
+      meta: { title: '供应商结算统计', fullPath: '/endDay/supplierSettlementStatistics' }
     },
     {
-      path: "customerRechargeManagement",
-      component: () => import("@/views/finance/customerRechargeManagement"),
-      name: "CustomerRechargeManagement",
+      path: 'customerRechargeManagement',
+      component: () => import('@/views/finance/customerRechargeManagement'),
+      name: 'CustomerRechargeManagement',
       meta: {
-        title: "客户充值管理", fullPath: "/finance/customerRechargeManagement",
+        title: '客户充值管理', fullPath: '/finance/customerRechargeManagement'
       },
       children: [{
-        path: "customersRechargeOnffline", component: () => import(
-          "@/views/finance/customerRechargeManagement/customersRechargeOnffline"
-        ), name: "CustomersRechargeOnffline", meta: {
-          title: "客户线下充值入账", fullPath: "/finance/customerRechargeManagement/customersRechargeOnffline",
-        },
-      },
-      ],
+        path: 'customersRechargeOnffline', component: () => import(
+          '@/views/finance/customerRechargeManagement/customersRechargeOnffline'
+        ), name: 'CustomersRechargeOnffline', meta: {
+          title: '客户线下充值入账', fullPath: '/finance/customerRechargeManagement/customersRechargeOnffline'
+        }
+      }
+      ]
     }, {
-      path: "financialAnalysis",
+      path: 'financialAnalysis',
       hidden: true,
-      component: () => import("@/views/finance/financialAnalysis"),
-      meta: { title: "财务分析", fullPath: "/finance/financialAnalysis" },
-    },
+      component: () => import('@/views/finance/financialAnalysis'),
+      meta: { title: '财务分析', fullPath: '/finance/financialAnalysis' }
+    }
 
-    ],
+    ]
   },
 
   {
-    path: "/superAdministrator", component: Layout, redirect: "/superAdministrator/index", meta: {
-      title: "超级管理员", icon: "el-icon-user-solid", noCache: true, fullPath: "/superAdministrator",
+    path: '/superAdministrator', component: Layout, redirect: '/superAdministrator/index', meta: {
+      title: '超级管理员', icon: 'el-icon-user-solid', noCache: true, fullPath: '/superAdministrator'
     }, children: [{
-      path: "roleManagement",
-      component: () => import("@/views/superAdministrator/roleManagement"),
-      name: "RoleManagement",
+      path: 'roleManagement',
+      component: () => import('@/views/superAdministrator/roleManagement'),
+      name: 'RoleManagement',
       meta: {
-        title: "角色管理", fullPath: "/superAdministrator/roleManagement",
-      },
+        title: '角色管理', fullPath: '/superAdministrator/roleManagement'
+      }
     }, {
-      path: "addAdmin", component: () => import("@/views/superAdministrator/addAdmin"), name: "addAdmin", meta: {
-        title: "添加业主机构管理员", fullPath: "/superAdministrator/addAdmin",
-      },
+      path: 'addAdmin', component: () => import('@/views/superAdministrator/addAdmin'), name: 'addAdmin', meta: {
+        title: '添加业主机构管理员', fullPath: '/superAdministrator/addAdmin'
+      }
     }, {
-      path: "permissionListManagement",
-      component: () => import("@/views/superAdministrator/permissionListManagement"),
-      name: "permissionListManagement",
+      path: 'permissionListManagement',
+      component: () => import('@/views/superAdministrator/permissionListManagement'),
+      name: 'permissionListManagement',
       meta: {
-        title: "权限列表管理", fullPath: "/superAdministrator/permissionListManagement",
-      },
+        title: '权限列表管理', fullPath: '/superAdministrator/permissionListManagement'
+      }
     }, {
-      path: "rolepermissionConfiguration",
-      component: () => import("@/views/superAdministrator/rolepermissionConfiguration"),
-      name: "RolepermissionConfiguration",
+      path: 'rolepermissionConfiguration',
+      component: () => import('@/views/superAdministrator/rolepermissionConfiguration'),
+      name: 'RolepermissionConfiguration',
       meta: {
-        title: "角色权限配置", fullPath: "/superAdministrator/rolepermissionConfiguration",
-      },
+        title: '角色权限配置', fullPath: '/superAdministrator/rolepermissionConfiguration'
+      }
     }, {
-      path: "systeCconfigurationManagement",
-      component: () => import("@/views/superAdministrator/systeCconfigurationManagement"),
-      name: "SysteCconfigurationManagement",
+      path: 'systeCconfigurationManagement',
+      component: () => import('@/views/superAdministrator/systeCconfigurationManagement'),
+      name: 'SysteCconfigurationManagement',
       meta: {
-        title: "系统参数配置", fullPath: "/superAdministrator/systeCconfigurationManagement",
-      },
+        title: '系统参数配置', fullPath: '/superAdministrator/systeCconfigurationManagement'
+      }
     }, {
-      path: "codeManagement",
-      title: "代码与键值管理",
-      component: () => import("@/views/superAdministrator/codeManagement"),
-      name: "codeManagement",
+      path: 'codeManagement',
+      title: '代码与键值管理',
+      component: () => import('@/views/superAdministrator/codeManagement'),
+      name: 'codeManagement',
       meta: {
-        title: "代码与键值管理", fullPath: "/superAdministrator/codeManagement",
-      },
-    },],
+        title: '代码与键值管理', fullPath: '/superAdministrator/codeManagement'
+      }
+    }]
   },
   // {
   //   path: "/administrator", component: Layout, redirect: "/administrator/index", meta: {
@@ -2515,120 +2519,117 @@ export const asyncRoutes = [
   //     },],
   // },
   {
-    path: "/management",
+    path: '/management',
     hidden: true,
     component: Layout,
-    redirect: "/management/userRightsManagement/accountManagement",
+    redirect: '/management/userRightsManagement/accountManagement',
     meta: {
-      title: "管理", icon: "el-icon-setting", noCache: true, fullPath: "/management",
+      title: '管理', icon: 'el-icon-setting', noCache: true, fullPath: '/management'
     },
     children: [{
-      path: "userManagement",
-      component: () => import("@/views/management/userRightsManagement"),
-      meta: { title: "用户权限管理", fullPath: "/management/userManagement" },
-      redirect: "/management/userManagement/accountManagement",
+      path: 'userManagement',
+      component: () => import('@/views/management/userRightsManagement'),
+      meta: { title: '用户权限管理', fullPath: '/management/userManagement' },
+      redirect: '/management/userManagement/accountManagement',
       children: [{
-        path: "accountManagement", component: () => import(
-          "@/views/management/userRightsManagement/accountManagement"
-        ), name: "accountManagement", meta: {
-          title: "用户管理", fullPath: "/management/userManagement/accountManagement",
-        },
+        path: 'accountManagement', component: () => import(
+          '@/views/management/userRightsManagement/accountManagement'
+        ), name: 'accountManagement', meta: {
+          title: '用户管理', fullPath: '/management/userManagement/accountManagement'
+        }
       }, {
-        path: "authorityManagement", component: () => import(
-          "@/views/management/userRightsManagement/authorityManagement"
-        ), name: "AuthorityManagement", meta: {
-          title: "权限管理", fullPath: "/management/userManagement/authorityManagement",
-        },
+        path: 'authorityManagement', component: () => import(
+          '@/views/management/userRightsManagement/authorityManagement'
+        ), name: 'AuthorityManagement', meta: {
+          title: '权限管理', fullPath: '/management/userManagement/authorityManagement'
+        }
       }, {
-        path: "organizationManagement", component: () => import(
-          "@/views/management/userRightsManagement/organizationManagement"
-        ), name: "OrganizationManagement", meta: {
-          title: "组织管理", fullPath: "/management/userManagement/organizationManagement",
-        },
-      },],
+        path: 'organizationManagement', component: () => import(
+          '@/views/management/userRightsManagement/organizationManagement'
+        ), name: 'OrganizationManagement', meta: {
+          title: '组织管理', fullPath: '/management/userManagement/organizationManagement'
+        }
+      }]
     }, {
-      path: "serviceManagement",
-      component: () => import("@/views/management/serviceManagement"),
-      meta: { title: "业务管理", fullPath: "/management/serviceManagement" },
-      redirect: "/management/serviceManagement/orderManagement",
+      path: 'serviceManagement',
+      component: () => import('@/views/management/serviceManagement'),
+      meta: { title: '业务管理', fullPath: '/management/serviceManagement' },
+      redirect: '/management/serviceManagement/orderManagement',
       children: [{
-        path: "billingManagement",
-        component: () => import("@/views/management/serviceManagement/billingManagement"),
-        name: "BillingManagement",
+        path: 'billingManagement',
+        component: () => import('@/views/management/serviceManagement/billingManagement'),
+        name: 'BillingManagement',
         meta: {
-          title: "账单管理", fullPath: "/management/serviceManagement/billingManagement",
-        },
+          title: '账单管理', fullPath: '/management/serviceManagement/billingManagement'
+        }
       }, {
-        path: "financialManagement", component: () => import(
-          "@/views/management/serviceManagement/financialManagement"
-        ), name: "FinancialManagement", meta: {
-          title: "财务管理", fullPath: "/management/serviceManagement/financialManagement",
-        },
-      },],
+        path: 'financialManagement', component: () => import(
+          '@/views/management/serviceManagement/financialManagement'
+        ), name: 'FinancialManagement', meta: {
+          title: '财务管理', fullPath: '/management/serviceManagement/financialManagement'
+        }
+      }]
     }, {
-      path: "/supplier_product", component: () => import("@/views/management/suplier_pro/index.vue"),
+      path: '/supplier_product', component: () => import('@/views/management/suplier_pro/index.vue')
     }, {
-      path: "/systemManagement",
-      title: "系统参数管理",
-      component: () => import("@/views/management/systemManagement"),
-      name: "systemManagement",
+      path: '/systemManagement',
+      title: '系统参数管理',
+      component: () => import('@/views/management/systemManagement'),
+      name: 'systemManagement',
       meta: {
-        title: "系统参数管理", fullPath: "/management/systemManagement",
-      },
+        title: '系统参数管理', fullPath: '/management/systemManagement'
+      }
     }, {
-      path: "/dayDispose",
-      title: "日末管理",
-      component: () => import("@/views/management/dayDispose"),
-      name: "dayDispose",
-      meta: { title: "日末管理", fullPath: "/management/dayDispose" },
-    },],
+      path: '/dayDispose',
+      title: '日末管理',
+      component: () => import('@/views/management/dayDispose'),
+      name: 'dayDispose',
+      meta: { title: '日末管理', fullPath: '/management/dayDispose' }
+    }]
   },
 
-
   {
-    path: "/endDay", component: Layout, redirect: "/endDay/endDay", hidden: true, meta: {
-      title: "日末", icon: "el-icon-s-custom", noCache: true, fullPath: "/endDay",
+    path: '/endDay', component: Layout, redirect: '/endDay/endDay', hidden: true, meta: {
+      title: '日末', icon: 'el-icon-s-custom', noCache: true, fullPath: '/endDay'
     }, children: [{
-      path: "endDay",
-      component: () => import("@/views/endDay/endDay"),
-      name: "endDay",
-      meta: { title: "日末", fullPath: "/endDay/endDay" },
-    },
+      path: 'endDay',
+      component: () => import('@/views/endDay/endDay'),
+      name: 'endDay',
+      meta: { title: '日末', fullPath: '/endDay/endDay' }
+    }
 
-    ],
+    ]
   },
 
   {
-    path: "*", redirect: "/404", hidden: true,
-  },];
-
+    path: '*', redirect: '/404', hidden: true
+  }]
 
 const createRouter = () => new Router({
   // mode: 'history', // require service support
   scrollBehavior: () => ({
     y: 0, x: 0
-  }), routes: constantRoutes,
-});
+  }), routes: constantRoutes
+})
 
-const router = createRouter();
+const router = createRouter()
 
 // 在beforeRouteLeave导航守卫中清空面包屑状态
 router.beforeEach((to, from, next) => {
   // 清空面包屑状态的代码
   // store.commit('tagsView/resetBreadcrumbState');
-  next();
-});
-window.addEventListener('beforeunload', function () {
+  next()
+})
+window.addEventListener('beforeunload', function() {
   // 清空面包屑状态的代码
-  store.commit('tagsView/resetBreadcrumbState');
-
-});
+  store.commit('tagsView/resetBreadcrumbState')
+})
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
   // asyncRoutes
-  const newRouter = createRouter();
-  router.matcher = newRouter.matcher; // reset router
+  const newRouter = createRouter()
+  router.matcher = newRouter.matcher // reset router
 }
 
-export default router;
+export default router
diff --git a/f/web-kboss/src/views/LoginDialog/LoginDialog.vue b/f/web-kboss/src/views/LoginDialog/LoginDialog.vue
index 8404426..ec5920c 100644
--- a/f/web-kboss/src/views/LoginDialog/LoginDialog.vue
+++ b/f/web-kboss/src/views/LoginDialog/LoginDialog.vue
@@ -11,7 +11,7 @@
     >
       <div class="login-card">
         <div class="brand-area">
-       
+
           <div class="brand-text">
             <h2>{{ activeTab === 'login' ? '欢迎登录' : '创建账号' }}</h2>
           </div>
@@ -41,7 +41,7 @@
                   prefix-icon="el-icon-lock"
                   @keyup.enter.native="handleLogin"
                 >
-                  <i slot="suffix" class="el-icon-view password-eye" @click="loginPwdVisible = !loginPwdVisible"></i>
+                  <i slot="suffix" class="el-icon-view password-eye" @click="loginPwdVisible = !loginPwdVisible" />
                 </el-input>
               </el-form-item>
             </template>
@@ -93,14 +93,18 @@
                 prefix-icon="el-icon-lock"
                 @keyup.enter.native="handleRegister"
               >
-                <i slot="suffix" class="el-icon-view password-eye" @click="regPwdVisible = !regPwdVisible"></i>
+                <i slot="suffix" class="el-icon-view password-eye" @click="regPwdVisible = !regPwdVisible" />
               </el-input>
             </el-form-item>
           </el-form>
 
           <div class="agreement-wrap">
             <el-checkbox v-model="registerForm.agree">
-              我已阅读并同意《用户协议》、《隐私政策》、《产品服务协议》
+              我已阅读并同意
+              <a class="agreement-link" :href="getAgreementUrl('user')" target="_blank" rel="noopener noreferrer" @click.stop>《用户协议》</a>
+              、
+              <a class="agreement-link" :href="getAgreementUrl('privacy')" target="_blank" rel="noopener noreferrer" @click.stop>《隐私政策》</a>
+
             </el-checkbox>
           </div>
 
@@ -234,6 +238,9 @@ export default {
         if (this.$refs.loginForm) this.$refs.loginForm.clearValidate()
       })
     },
+    getAgreementUrl(type) {
+      return `${window.location.origin}/#/agreement/${type}`
+    },
     passwordEncryption(passwordUser) {
       const publicKey = '-----BEGIN PUBLIC KEY-----\n' +
         'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEApJ3ThUWT3CgvH0O8rrT6\n' +
@@ -785,6 +792,21 @@ export default {
   }
 }
 
+.agreement-link {
+  padding: 0;
+  color: #1d4ed8;
+  font-size: inherit;
+  line-height: inherit;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+
+.agreement-link:hover {
+  color: #0f172a;
+  text-decoration: underline;
+}
+
 .bottom-link {
   display: block;
   width: 100%;
@@ -836,4 +858,3 @@ export default {
   }
 }
 </style>
- 
\ No newline at end of file
diff --git a/f/web-kboss/src/views/homePage/about/index.vue b/f/web-kboss/src/views/homePage/about/index.vue
index 6dcea01..c149279 100644
--- a/f/web-kboss/src/views/homePage/about/index.vue
+++ b/f/web-kboss/src/views/homePage/about/index.vue
@@ -1,547 +1,655 @@
+
 <template>
-  <div class="about-page" style="width: 100%;">
-    <!-- Banner部分 -->
-    <div class="banner">
-      <div v-if="JSON.stringify(logoInfoNew) !== '{}'" style="font-size: 38px;">
-        <div>{{ logoInfoNew.home.bannerTitle }}</div>
-        <p style="color: #0e0b0b">全球领先的AI服务运营商</p>
+  <div class="content-layer">
+    <section class="about-section">
+      <div class="about-container">
+        <div class="section-title reveal visible">
+          <div class="section-kicker">{{ $t('about.intro.kicker') }}</div>
+          <h2>{{ $t('about.intro.title') }}</h2>
+        </div>
+        <div class="reveal visible">
+          <p class="about-copy" v-html="$t('about.intro.copyHtml')" />
+        </div>
       </div>
-    </div>
+    </section>
 
-    <!-- 关于我们部分 -->
-    <div class="mainBox" style="padding-top: 35px">
-      <div class="inBox">
-        <div class="leftBox">
-          <p class="leftBoxtitle">关于<span class="gradient-text">我们</span></p>
+    <section class="about-section">
+      <div class="about-container">
+        <div class="section-title section-title--spacious reveal visible">
+          <div class="section-kicker">{{ $t('about.advantages.kicker') }}</div>
+          <h2>{{ $t('about.advantages.title') }}</h2>
         </div>
-        <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: 30px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px">
-          公司<span class="gradient-text">资质</span>
-        </div>
-        <LogoTwo></LogoTwo>
-      </div>
-    </div>
-
-    <!-- 企业文化 -->
-    <div class="enterprise">
-      <div class="enterprise-inner">
-        <div class="left-box">
-          <div class="left-title">
-            <span>企业<span class="gradient-text">文化</span></span>
-          </div>
-        </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>
-          <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>
-          <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="advantage">
-      <div class="advantage-tit">
-        <span>平台<span class="gradient-text">优势</span></span>
-      </div>
-      <!-- 优势列表 -->
-      <div class="advantage-content">
-        <div class="advantage-grid">
+        <div class="card-grid">
           <div
-            v-for="(item, index) in advantageItems"
-            :key="index"
-            class="advantage-item"
-            :class="{
-              'hovered': hoveredIndex === index && item.hasHoverEffect,
-              'no-hover-effect': !item.hasHoverEffect
-            }"
-            @mouseenter="hoveredIndex = index"
-            @mouseleave="hoveredIndex = null"
-            :style="{
-              backgroundImage: `url(${getBackgroundImage(index)})`
-            }"
+            class="advantage-card glass-card glow-border reveal visible"
+            style="--accent: #4f46e5; --soft: #e0e7ff; --x: 50%; --y: 50%;"
+            @mousemove="moveCardGlow"
+            @mouseleave="resetCardGlow"
           >
-            <div class="content-wrapper">
-              <div class="top-tit">
-                {{ item.title }}
+            <div class="card-glow" />
+            <div class="card-glow-bottom" />
+            <div class="card-bg" />
+            <div class="relative">
+              <div class="card-heading">
+                <span class="card-number">01</span>
+                <div>
+                  <div class="card-title">{{ $t('about.advantages.fast.title') }}</div>
+                  <div class="card-subtitle">{{ $t('about.advantages.fast.subtitle') }}</div>
+                </div>
               </div>
-              <div class="btm-tit">
-                {{ item.description }}
+              <div class="card-tag">{{ $t('about.advantages.fast.tag') }}</div>
+              <p>{{ $t('about.advantages.fast.desc') }}</p>
+            </div>
+          </div>
+
+          <div
+            class="advantage-card glass-card glow-border reveal visible"
+            style="--accent: #0891b2; --soft: #cffafe; --x: 50%; --y: 50%;"
+            @mousemove="moveCardGlow"
+            @mouseleave="resetCardGlow"
+          >
+            <div class="card-glow" />
+            <div class="card-glow-bottom" />
+            <div class="card-bg" />
+            <div class="relative">
+              <div class="card-heading">
+                <span class="card-number">02</span>
+                <div>
+                  <div class="card-title">{{ $t('about.advantages.accurate.title') }}</div>
+                  <div class="card-subtitle">{{ $t('about.advantages.accurate.subtitle') }}</div>
+                </div>
               </div>
+              <div class="card-tag">{{ $t('about.advantages.accurate.tag') }}</div>
+              <p>{{ $t('about.advantages.accurate.desc') }}</p>
+            </div>
+          </div>
+
+          <div
+            class="advantage-card glass-card glow-border reveal visible"
+            style="--accent: #4f46e5; --soft: #e0e7ff; --x: 50%; --y: 50%;"
+            @mousemove="moveCardGlow"
+            @mouseleave="resetCardGlow"
+          >
+            <div class="card-glow" />
+            <div class="card-glow-bottom" />
+            <div class="card-bg" />
+            <div class="relative">
+              <div class="card-heading">
+                <span class="card-number">03</span>
+                <div>
+                  <div class="card-title">{{ $t('about.advantages.strong.title') }}</div>
+                  <div class="card-subtitle">{{ $t('about.advantages.strong.subtitle') }}</div>
+                </div>
+              </div>
+              <div class="card-tag">{{ $t('about.advantages.strong.tag') }}</div>
+              <p>{{ $t('about.advantages.strong.desc') }}</p>
+            </div>
+          </div>
+
+          <div
+            class="advantage-card glass-card glow-border reveal visible"
+            style="--accent: #0891b2; --soft: #cffafe; --x: 50%; --y: 50%;"
+            @mousemove="moveCardGlow"
+            @mouseleave="resetCardGlow"
+          >
+            <div class="card-glow" />
+            <div class="card-glow-bottom" />
+            <div class="card-bg" />
+            <div class="relative">
+              <div class="card-heading">
+                <span class="card-number">04</span>
+                <div>
+                  <div class="card-title">{{ $t('about.advantages.stable.title') }}</div>
+                  <div class="card-subtitle">{{ $t('about.advantages.stable.subtitle') }}</div>
+                </div>
+              </div>
+              <div class="card-tag">{{ $t('about.advantages.stable.tag') }}</div>
+              <p>{{ $t('about.advantages.stable.desc') }}</p>
             </div>
           </div>
         </div>
       </div>
-    </div>
+    </section>
+
+    <section class="about-section">
+      <div class="about-container">
+        <div class="section-title section-title--spacious reveal visible">
+          <div class="section-kicker">{{ $t('about.credentials.kicker') }}</div>
+          <h2>{{ $t('about.credentials.title') }}</h2>
+        </div>
+
+        <div class="card-grid">
+          <div class="credential-card glass-card glow-border reveal visible">
+            <div class="credential-icon credential-icon--amber">
+              <svg viewBox="0 0 24 24"><path d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /></svg>
+            </div>
+            <div>
+              <h3>{{ $t('about.credentials.highTech.title') }}</h3>
+              <p>{{ $t('about.credentials.highTech.desc') }}</p>
+            </div>
+          </div>
+
+          <div class="credential-card glass-card glow-border reveal visible">
+            <div class="credential-icon credential-icon--indigo">
+              <svg viewBox="0 0 24 24"><path d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
+            </div>
+            <div>
+              <h3>{{ $t('about.credentials.specialized.title') }}</h3>
+              <p>{{ $t('about.credentials.specialized.desc') }}</p>
+            </div>
+          </div>
+
+          <div class="credential-card glass-card glow-border reveal visible">
+            <div class="credential-icon credential-icon--cyan">
+              <svg viewBox="0 0 24 24"><path d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" /></svg>
+            </div>
+            <div>
+              <h3>{{ $t('about.credentials.techSme.title') }}</h3>
+              <p>{{ $t('about.credentials.techSme.desc') }}</p>
+            </div>
+          </div>
+
+          <div class="credential-card glass-card glow-border reveal visible">
+            <div class="credential-icon credential-icon--emerald">
+              <svg viewBox="0 0 24 24"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" /></svg>
+            </div>
+            <div>
+              <h3>{{ $t('about.credentials.iso.title') }}</h3>
+              <p>{{ $t('about.credentials.iso.desc') }}</p>
+            </div>
+          </div>
+
+          <div class="credential-card glass-card glow-border reveal visible">
+            <div class="credential-icon credential-icon--rose">
+              <svg viewBox="0 0 24 24"><path d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /></svg>
+            </div>
+            <div>
+              <h3>{{ $t('about.credentials.innovative.title') }}</h3>
+              <p>{{ $t('about.credentials.innovative.desc') }}</p>
+            </div>
+          </div>
+
+          <div class="credential-card glass-card glow-border credential-card--forbes reveal visible">
+            <div class="credential-icon credential-icon--amber">
+              <svg viewBox="0 0 24 24"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" /></svg>
+            </div>
+            <div>
+              <h3>{{ $t('about.credentials.forbes.title') }}</h3>
+              <p>{{ $t('about.credentials.forbes.descPrefix') }}<span class="forbes-text">{{ $t('about.credentials.forbes.descHighlight') }}</span>{{ $t('about.credentials.forbes.descSuffix') }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="about-section about-section--cta">
+      <div class="about-container about-container--cta reveal visible">
+        <div class="cta-card glass-card glow-border">
+          <div class="cta-card__background" />
+          <div class="relative">
+            <h2>{{ $t('about.cta.title') }}</h2>
+            <p>{{ $t('about.cta.desc') }}</p>
+          </div>
+        </div>
+      </div>
+    </section>
   </div>
 </template>
 
 <script>
-import Vue from 'vue'
-import LogoTwo from "@/views/homePage/mainPage/logoG/logoTwo.vue";
-import { mapGetters, mapState } from "vuex";
-
-export default Vue.extend({
-  name: "about",
-  components: { LogoTwo },
-  data() {
-    return {
-      hoveredIndex: null,
-      advantageItems: [
-        {
-          title: '精准定位',
-          description: '专注于为各行业提供专业、高效的人工智能解决方案，助力企业智能化转型。',
-          normalImage: 'advantage1.png',
-          hoverImage: 'advantageColor1.png', // 第一张没有彩色版本，使用同一张图片
-          hasHoverEffect: true // 标记没有悬停效果
-        },
-        {
-          title: '技术服务',
-          description: '提供人工智能相关的技术服务，为企业解决复杂的技术难题。',
-          normalImage: 'advantage2.png',
-          hoverImage: 'advantageColor2.png',
-          hasHoverEffect: true
-        },
-        {
-          title: '产品定制',
-          description: '根据企业的特定需求，定制开发人工智能产品，满足不同场景的应用需求。',
-          normalImage: 'advantage3.png',
-          hoverImage: 'advantageColor3.png',
-          hasHoverEffect: true
-        },
-        {
-          title: '产业赋能',
-          description: '通过人工智能技术，为传统产业赋能，提升产业的竞争力和创新能力。',
-          normalImage: 'advantage4.png',
-          hoverImage: 'advantageColor4.png',
-          hasHoverEffect: true
-        },
-        {
-          title: '一站式、本地化服务',
-          description: '从售前、售中到售后提供一站式全方位服务',
-          normalImage: 'advantage5.png',
-          hoverImage: 'advantageColor5.png',
-          hasHoverEffect: true
-        },
-        {
-          title: '提供AI基础设施与模型服务',
-          description: '提供整体底层技术架构和系统支持及模型服务',
-          normalImage: 'advantage6.png',
-          hoverImage: 'advantageColor6.png',
-          hasHoverEffect: true
-        }
-      ]
-    }
-  },
-  computed: {
-    ...mapGetters(["sidebar", "avatar", "device"]),
-    ...mapState({
-      isShowPanel: (state) => state.product.showHomeNav,
-      navIndex: (state) => state.product.navIndex,
-      gridObj: state => state.operationAnalysis.gridObj,
-      mybalance: state => state.user.mybalance,
-      logoutUrl: state => state.login.logoutUrl,
-      loginState: state => state.login.loginState,
-      logoInfoNew: state => state.product.logoInfoNew,
-    }),
-    showRegisterButton() {
-      const orgType = window.sessionStorage.getItem('org_type');
-      const userId = window.sessionStorage.getItem('userId');
-      console.log("此时是:", orgType !== '2' && orgType !== '3' && userId !== null)
-      return orgType !== '2' && orgType !== '3' && userId === null;
-    },
-    username() {
-      return sessionStorage.getItem('username') || '';
-    },
-  },
+export default {
+  name: 'HomeAbout',
   methods: {
-    getBackgroundImage(index) {
-      const item = this.advantageItems[index];
+    moveCardGlow(event) {
+      const card = event.currentTarget
+      const bounds = card.getBoundingClientRect()
+      const x = ((event.clientX - bounds.left) / bounds.width) * 100
+      const y = ((event.clientY - bounds.top) / bounds.height) * 100
 
-      // 如果有悬停效果且当前被悬停，使用悬停图片
-      if (this.hoveredIndex === index && item.hasHoverEffect) {
-        return require(`./img/${item.hoverImage}`);
-      } else {
-        // 正常状态或没有悬停效果
-        return require(`./img/${item.normalImage}`);
-      }
+      card.style.setProperty('--x', `${x}%`)
+      card.style.setProperty('--y', `${y}%`)
+      card.classList.add('is-glowing')
+    },
+    resetCardGlow(event) {
+      const card = event.currentTarget
+
+      card.style.setProperty('--x', '50%')
+      card.style.setProperty('--y', '50%')
+      card.classList.remove('is-glowing')
     }
   }
-})
+}
 </script>
 
 <style scoped lang="scss">
-.banner {
-  background: url("./img/Newbanner.png") no-repeat top center;
-  display: flex;
-  justify-content: center;
-  background-size: cover;
-  align-items: center;
-  height: 500px;
-  flex-direction: column;
-  font-weight: bold;
-
-  div {
-    background: linear-gradient(to right, #275AFF, #2EBDFA);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    display: inline-block;
-    text-align: center;
-  }
+.content-layer {
+  min-height: 100%;
+  padding: 88px 24px 72px;
+  color: #111827;
+  background:
+    radial-gradient(circle at 10% 20%, rgba(224, 231, 255, 0.46), transparent 28%),
+    radial-gradient(circle at 92% 52%, rgba(207, 250, 254, 0.36), transparent 30%),
+    linear-gradient(180deg, #f8faff 0%, #f7f9ff 100%);
 }
 
-.mainBox {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  flex-direction: column;
-  background: linear-gradient(180deg, #fff 0%, #f6f8fd 40%, #fff 100%);
-
-  .inBox {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 1450px;
-
-    .leftBox {
-      width: 25%;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: flex-start;
-
-      .leftBoxtitle {
-        font-size: 30px;
-        font-weight: bold;
-      }
-
-      img {
-        width: 300px;
-      }
-    }
-
-    .rightBox {
-      width: 75%;
-      height: 100%;
-      line-height: 2;
-    }
-  }
-}
-
-/* 企业文化部分样式 */
-.enterprise {
-  width: 100%;
-  background: linear-gradient(180deg, #d7e9ff 0%, #fff 100%);
+.about-section {
   padding: 80px 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+}
 
-  .enterprise-inner {
-    width: 1400px;
-    display: flex;
-    align-items: center;
+.about-section--cta {
+  padding-bottom: 20px;
+}
 
-    .left-box {
-      width: 25%;
-      display: flex;
-      justify-content: center;
-      align-items: flex-start;
+.about-container {
+  width: min(896px, 100%);
+  margin: 0 auto;
+}
 
-      .left-title {
-        font-size: 30px;
-        font-weight: bold;
-        display: flex;
-        justify-content: center;
-      }
-    }
+.about-container--cta {
+  width: min(768px, 100%);
+  text-align: center;
+}
 
-    .right-box {
-      width: 70%;
-      display: flex;
-      flex-direction: column;
-      gap: 40px;
+.section-title {
+  margin-bottom: 48px;
+  text-align: center;
+}
 
-      .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;
+.section-title--spacious {
+  margin-bottom: 72px;
+}
 
-        &:hover {
-          transform: translateY(-5px);
-          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
-        }
+.section-kicker {
+  margin-bottom: 16px;
+  color: #6366f1;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+}
 
-        .item-img {
-          flex-shrink: 0;
-          margin-right: 25px;
+.section-title h2 {
+  margin: 0;
+  color: #111827;
+  font-size: clamp(34px, 4.5vw, 48px);
+  line-height: 1.2;
+  font-weight: 800;
+  letter-spacing: -0.035em;
+}
 
-          img {
-            width: 70px;
-            height: 70px;
-            object-fit: contain;
-          }
-        }
+.about-copy {
+  margin: 0;
+  color: #4b5563;
+  font-size: 16px;
+  line-height: 1.9;
+}
 
-        .item-content {
-          flex: 1;
-          display: flex;
-          align-items: center;
+.copy-strong {
+  color: #111827;
+  font-weight: 600;
+}
 
-          .item-tit {
-            margin-bottom: 15px;
+.card-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 24px;
+}
 
-            div:first-child {
-              font-size: 24px;
-              font-weight: bold;
-              color: #333;
-              margin-right: 15px;
-            }
+.glass-card {
+  background: rgba(255, 255, 255, 0.78);
+  border: 1px solid rgba(226, 232, 240, 0.92);
+  box-shadow: 0 14px 32px rgba(71, 85, 105, 0.055);
+  backdrop-filter: blur(10px);
+}
 
-            div:last-child {
-              font-size: 16px;
-              color: #666;
-              font-style: italic;
-            }
-          }
+.glow-border {
+  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
+}
 
-          .item-text {
-            margin-left: 40px;
+.glow-border:hover {
+  border-color: var(--accent, #c7d2fe);
+  box-shadow: 0 18px 38px rgba(79, 70, 229, 0.09);
+  transform: translateY(-2px);
+}
 
-            p {
-              font-size: 18px;
-              line-height: 1.6;
-              color: #444;
-              margin: 0;
-            }
-          }
-        }
-      }
-    }
+.advantage-card {
+  position: relative;
+  min-height: 246px;
+  padding: 40px;
+  overflow: hidden;
+  border-radius: 16px;
+}
+
+.advantage-card::before,
+.advantage-card::after {
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+  height: 2px;
+  content: '';
+  pointer-events: none;
+}
+
+.advantage-card::before {
+  top: 0;
+  left: -100%;
+  background: linear-gradient(90deg, transparent, var(--accent), transparent);
+  box-shadow: 0 0 10px var(--accent);
+  animation: advantage-border-move 3s linear infinite;
+}
+
+.advantage-card::after {
+  right: -100%;
+  bottom: 0;
+  background: linear-gradient(90deg, transparent, var(--accent), transparent);
+  box-shadow: 0 0 10px var(--accent);
+  animation: advantage-border-move-reverse 3s linear infinite;
+}
+
+.card-glow,
+.card-glow-bottom,
+.card-bg {
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  pointer-events: none;
+}
+
+.card-glow {
+  background: radial-gradient(circle at var(--x) var(--y), var(--soft), transparent 42%);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.card-glow-bottom {
+  background: radial-gradient(circle at 50% 125%, var(--soft), transparent 44%);
+  background-size: 220% 220%;
+  opacity: 0;
+  transition: opacity 0.25s ease;
+}
+
+.advantage-card.is-glowing .card-glow {
+  opacity: 0.42;
+}
+
+.advantage-card.is-glowing .card-glow-bottom {
+  opacity: 0.2;
+  animation: card-glow-sweep 2.4s linear infinite;
+}
+
+@keyframes card-glow-sweep {
+  0% {
+    background-position: -100% 100%;
+  }
+
+  100% {
+    background-position: 160% -80%;
   }
 }
 
-.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;
+@keyframes advantage-border-move {
+  0% {
+    left: -100%;
+  }
+
+  100% {
+    left: 100%;
+  }
 }
 
-/* 新增渐变文字样式 */
-.gradient-text {
-  background: linear-gradient(to right, #0066FF, #66CCFF);
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
+@keyframes advantage-border-move-reverse {
+  0% {
+    right: -100%;
+  }
+
+  100% {
+    right: 100%;
+  }
+}
+
+.card-bg {
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.62), transparent);
+}
+
+.relative {
+  position: relative;
+  z-index: 2;
+}
+
+.card-heading {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.card-number {
+  color: var(--soft);
+  font-size: 48px;
+  line-height: 1;
+  font-weight: 900;
+  letter-spacing: -0.07em;
+  text-shadow: 0 1px 0 var(--accent);
+}
+
+.card-title {
+  color: #111827;
+  font-size: 28px;
+  line-height: 1.15;
+  font-weight: 800;
+}
+
+.card-subtitle {
+  margin-top: 4px;
+  color: var(--accent);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.card-tag {
   display: inline-block;
+  margin-bottom: 16px;
+  padding: 5px 10px;
+  color: var(--accent);
+  font-size: 11px;
+  line-height: 1;
+  background: var(--soft);
+  border: 1px solid var(--soft);
+  border-radius: 999px;
 }
 
-// 优势样式
-.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;
-        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;
-
-        .content-wrapper {
-          position: relative;
-          z-index: 2;
-        }
-
-        .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;
-        }
-
-        /* 有悬停效果的卡片 */
-        &:not(.no-hover-effect) {
-          &.hovered {
-            transform: translateY(-5px);
-            box-shadow: 0 8px 25px rgba(0, 102, 255, 0.2);
-
-            .top-tit {
-              color: #fff;
-            }
-
-            .btm-tit {
-              color: rgba(255, 255, 255, 0.9);
-            }
-          }
-        }
-
-        /* 没有悬停效果的卡片（第一张） */
-        &.no-hover-effect {
-          cursor: default;
-
-          &:hover {
-            transform: none;
-            box-shadow: none;
-          }
-
-          .top-tit, .btm-tit {
-            color: #333;
-          }
-        }
-      }
-    }
-  }
+.advantage-card p {
+  margin: 0;
+  color: #4b5563;
+  font-size: 14px;
+  line-height: 1.75;
 }
 
-/* 响应式设计 - 适配不同屏幕尺寸 */
-@media (max-width: 1200px) {
-  .mainBox .inBox,
-  .enterprise .enterprise-inner,
-  .advantage-content .advantage-grid {
-    width: 95% !important;
-  }
+.credential-card {
+  position: relative;
+  min-height: 112px;
+  padding: 32px;
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+  overflow: hidden;
+  border-radius: 16px;
+}
 
-  .advantage-content .advantage-grid {
-    grid-template-columns: 1fr;
-  }
+.credential-card--forbes::after {
+  position: absolute;
+  top: -46px;
+  right: -46px;
+  width: 150px;
+  height: 150px;
+  content: '';
+  background: radial-gradient(circle, rgba(254, 243, 199, 0.88), transparent 70%);
+  border-radius: 999px;
+}
+
+.credential-icon {
+  position: relative;
+  z-index: 1;
+  width: 48px;
+  height: 48px;
+  flex: 0 0 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid currentColor;
+  border-radius: 12px;
+}
+
+.credential-icon svg {
+  width: 24px;
+  height: 24px;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 1.5;
+}
+
+.credential-icon--amber {
+  color: #d97706;
+  background: linear-gradient(135deg, #fef3c7, #ffedd5);
+  border-color: #fde68a;
+}
+
+.credential-icon--indigo {
+  color: #4f46e5;
+  background: linear-gradient(135deg, #e0e7ff, #ede9fe);
+  border-color: #c7d2fe;
+}
+
+.credential-icon--cyan {
+  color: #0891b2;
+  background: linear-gradient(135deg, #cffafe, #ccfbf1);
+  border-color: #a5f3fc;
+}
+
+.credential-icon--emerald {
+  color: #059669;
+  background: linear-gradient(135deg, #d1fae5, #dcfce7);
+  border-color: #a7f3d0;
+}
+
+.credential-icon--rose {
+  color: #e11d48;
+  background: linear-gradient(135deg, #ffe4e6, #fce7f3);
+  border-color: #fecdd3;
+}
+
+.credential-card h3 {
+  position: relative;
+  z-index: 1;
+  margin: 2px 0 10px;
+  color: #111827;
+  font-size: 18px;
+  line-height: 1.35;
+  font-weight: 700;
+}
+
+.credential-card p {
+  position: relative;
+  z-index: 1;
+  margin: 0;
+  color: #6b7280;
+  font-size: 14px;
+  line-height: 1.7;
+}
+
+.forbes-text {
+  color: #d97706;
+  font-weight: 600;
+}
+
+.cta-card {
+  position: relative;
+  padding: 64px;
+  overflow: hidden;
+  border-radius: 24px;
+}
+
+.cta-card__background {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, rgba(238, 242, 255, 0.9), transparent 45%, rgba(236, 254, 255, 0.85));
+}
+
+.cta-card h2 {
+  margin: 0 0 16px;
+  color: #111827;
+  font-size: clamp(28px, 3.4vw, 36px);
+  line-height: 1.3;
+  font-weight: 800;
+}
+
+.cta-card p {
+  margin: 0;
+  color: #6b7280;
+  font-size: 15px;
+  line-height: 1.8;
 }
 
 @media (max-width: 768px) {
-  .banner {
-    height: 300px;
-    font-size: 28px !important;
-
-    p {
-      font-size: 16px;
-    }
+  .content-layer {
+    padding: 64px 18px 32px;
   }
 
-  .mainBox .inBox {
-    flex-direction: column;
-
-    .leftBox, .rightBox {
-      width: 100% !important;
-    }
-
-    .leftBox {
-      margin-bottom: 30px;
-    }
+  .about-section {
+    padding: 52px 0;
   }
 
-  .enterprise .enterprise-inner {
-    flex-direction: column;
-
-    .left-box, .right-box {
-      width: 100% !important;
-    }
-
-    .left-box {
-      margin-bottom: 40px;
-      justify-content: flex-start;
-    }
+  .section-title--spacious {
+    margin-bottom: 40px;
   }
 
-  .zizhi {
-    height: auto;
-    padding: 50px 0;
+  .card-grid {
+    grid-template-columns: 1fr;
   }
 
-  .advantage-item {
-    height: 160px !important;
+  .advantage-card,
+  .credential-card {
+    padding: 28px;
+  }
+
+  .cta-card {
+    padding: 42px 24px;
+  }
+}
+
+@media (max-width: 480px) {
+  .content-layer {
+    padding-right: 14px;
+    padding-left: 14px;
+  }
+
+  .section-title {
+    margin-bottom: 32px;
+  }
+
+  .about-copy {
+    font-size: 14px;
+  }
+
+  .card-number {
+    font-size: 42px;
+  }
+
+  .card-title {
+    font-size: 25px;
+  }
+
+  .credential-icon {
+    width: 42px;
+    height: 42px;
+    flex-basis: 42px;
+  }
+
+  .credential-card h3 {
+    font-size: 16px;
   }
 }
 </style>
diff --git a/f/web-kboss/src/views/homePage/agentStore/contractCase.vue b/f/web-kboss/src/views/homePage/agentStore/contractCase.vue
index 1a94752..58c42b3 100644
--- a/f/web-kboss/src/views/homePage/agentStore/contractCase.vue
+++ b/f/web-kboss/src/views/homePage/agentStore/contractCase.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="contract-case-page">
-    <div class="decor decor--blue"></div>
-    <div class="decor decor--purple"></div>
+    <div class="decor decor--blue" />
+    <div class="decor decor--purple" />
 
     <section class="case-hero" :style="{ backgroundImage: `url(${bannerImg})` }">
       <div class="case-container">
         <div class="case-hero__content">
-          <h1>合同智能审查</h1>
+          <h1>{{ $t('casePages.contract.heroTitle') }}</h1>
           <p>
-            面向企业法务与业务签约全流程的专业审查智能体，聚合法规条文、企业内部风控标准、历史合同案例多维信息，依托大模型深度语义解析能力自动识别合同法律隐患，智能生成标准化修改建议与风险说明。
+            {{ $t('casePages.contract.heroDesc') }}
           </p>
         </div>
       </div>
@@ -17,7 +17,7 @@
     <section class="case-tabs">
       <div class="case-container">
         <button
-          v-for="tab in tabs"
+          v-for="tab in localizedTabs"
           :key="tab.id"
           type="button"
           class="tab-item"
@@ -33,8 +33,8 @@
       <section id="scenarios" class="case-section">
         <div class="case-container">
           <div class="section-heading">
-            <h2>应用场景</h2>
-            <p>覆盖企业合同全生命周期审核链路</p>
+            <h2>{{ $t('casePages.contract.scenariosTitle') }}</h2>
+            <p>{{ $t('casePages.contract.scenariosDesc') }}</p>
           </div>
           <div class="case-scenario-grid">
             <article class="case-feature-card scenario-card">
@@ -75,9 +75,9 @@
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414A1 1 0 0119 9.414V19a2 2 0 01-2 2z" />
                   </svg>
                 </span>
-                <h3>业务合同初审</h3>
+                <h3>{{ $t('casePages.contract.scenarios.0.title') }}</h3>
               </div>
-              <p>自动解析购销、服务、租赁、合作类通用业务合同，逐条对标企业风控红线快速筛查风险点，输出初审意见，减轻法务基础审核工作量，快速完成业务前置审批。</p>
+              <p>{{ $t('casePages.contract.scenarios.0.desc') }}</p>
             </article>
 
             <article class="case-feature-card scenario-card">
@@ -109,9 +109,9 @@
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
                   </svg>
                 </span>
-                <h3>复杂商事合同深度风控</h3>
+                <h3>{{ $t('casePages.contract.scenarios.1.title') }}</h3>
               </div>
-              <p>针对投融资、知识产权、工程、保密竞业等高风险专项合同，联动完整法条与司法判例开展多层级风险推演，梳理权责漏洞、违约缺陷、管辖争议等深层隐患，输出完整风控评估文档。</p>
+              <p>{{ $t('casePages.contract.scenarios.1.desc') }}</p>
             </article>
 
             <article class="case-feature-card scenario-card">
@@ -144,9 +144,9 @@
                   </g>
                   <g class="diff-tags">
                     <rect x="90" y="48" width="30" height="8" rx="2" fill="#ef4444" opacity="0.2" />
-                    <text x="95" y="54" font-size="8" fill="#ef4444" font-weight="bold">删除</text>
+                    <text x="95" y="54" font-size="8" fill="#ef4444" font-weight="bold">{{ $t('casePages.contract.deleted') || '删除' }}</text>
                     <rect x="230" y="63" width="30" height="8" rx="2" fill="#10b981" opacity="0.2" />
-                    <text x="235" y="69" font-size="8" fill="#10b981" font-weight="bold">新增</text>
+                    <text x="235" y="69" font-size="8" fill="#10b981" font-weight="bold">{{ $t('casePages.contract.added') || '新增' }}</text>
                   </g>
                 </svg>
               </div>
@@ -156,9 +156,9 @@
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
                   </svg>
                 </span>
-                <h3>多方合同版本比对修订</h3>
+                <h3>{{ $t('casePages.contract.scenarios.2.title') }}</h3>
               </div>
-              <p>自动识别甲乙双方多轮修改稿件差异，区分新增、删减、修改条款，高亮标注风险变更内容，同步生成版本对比台账，辅助商务谈判与法务复核，避免改稿遗漏关键风险。</p>
+              <p>{{ $t('casePages.contract.scenarios.2.desc') }}</p>
             </article>
           </div>
         </div>
@@ -167,8 +167,8 @@
       <section id="solution" class="case-section solution-section">
         <div class="case-container">
           <div class="section-heading">
-            <h2>企业合同管理的困境与解决方案</h2>
-            <p>围绕数据归集、合同编审、知识沉淀、智能咨询四大核心维度</p>
+            <h2>{{ $t('casePages.contract.solutionTitle') }}</h2>
+            <p>{{ $t('casePages.contract.solutionDesc') }}</p>
           </div>
           <div class="solution-grid">
             <div class="solution-column">
@@ -178,9 +178,9 @@
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01M4.93 19h14.14c1.54 0 2.5-1.67 1.73-3L13.73 4c-.77-1.33-2.69-1.33-3.46 0L3.2 16c-.77 1.33.19 3 1.73 3z" />
                   </svg>
                 </span>
-                <h3>现存困境</h3>
+                <h3>{{ $t('casePages.contract.challengeTitle') }}</h3>
               </div>
-              <article v-for="item in problems" :key="item.title" class="solution-item solution-item--danger">
+              <article v-for="item in localizedProblems" :key="item.title" class="solution-item solution-item--danger">
                 <span class="solution-icon">
                   <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" :d="item.icon" />
@@ -200,9 +200,9 @@
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                   </svg>
                 </span>
-                <h3>解决方案</h3>
+                <h3>{{ $t('casePages.contract.abilityTitle') }}</h3>
               </div>
-              <article v-for="item in solutions" :key="item.title" class="solution-item solution-item--primary">
+              <article v-for="item in localizedSolutions" :key="item.title" class="solution-item solution-item--primary">
                 <span class="solution-icon">
                   <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" :d="item.icon" />
@@ -221,11 +221,11 @@
       <section id="highlights" class="case-section">
         <div class="case-container">
           <div class="section-heading">
-            <h2>项目亮点</h2>
-            <p>全流程智能风控，四大核心审查能力落地</p>
+            <h2>{{ $t('casePages.contract.highlightsTitle') }}</h2>
+            <p>{{ $t('casePages.contract.highlightsDesc') }}</p>
           </div>
           <div class="case-highlight-grid">
-            <article v-for="(item, index) in highlights" :key="item.title" class="case-highlight-card">
+            <article v-for="(item, index) in localizedHighlights" :key="item.title" class="case-highlight-card">
               <span class="highlight-num">{{ index + 1 }}</span>
               <div>
                 <h3>{{ item.title }}</h3>
@@ -331,6 +331,23 @@ export default {
       ]
     }
   },
+  computed: {
+    localizedTabs() {
+      return this.tabs.map(tab => ({
+        ...tab,
+        label: this.$t(`casePages.contract.tabs.${tab.id}`)
+      }))
+    },
+    localizedProblems() {
+      return this.getLocalizedList(this.problems, 'casePages.contract.challenges')
+    },
+    localizedSolutions() {
+      return this.getLocalizedList(this.solutions, 'casePages.contract.abilities')
+    },
+    localizedHighlights() {
+      return this.getLocalizedList(this.highlights, 'casePages.contract.highlights')
+    }
+  },
   mounted() {
     this.$nextTick(() => {
       const scroller = this.getScrollContainer()
@@ -343,6 +360,13 @@ export default {
     this.getScrollContainer().removeEventListener('scroll', this.handlePageScroll)
   },
   methods: {
+    getLocalizedList(list, keyPrefix) {
+      return list.map((item, index) => ({
+        ...item,
+        title: this.$t(`${keyPrefix}.${index}.title`),
+        desc: this.$t(`${keyPrefix}.${index}.desc`)
+      }))
+    },
     getScrollContainer() {
       return document.getElementById('homeOut') || window
     },
diff --git a/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue b/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue
index 911a554..20293a1 100644
--- a/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue
+++ b/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue
@@ -1,17 +1,17 @@
 <template>
   <div class="decision-case-page">
-    <div class="decor decor--blue"></div>
-    <div class="decor decor--purple"></div>
-    <div class="decor decor--deep-blue"></div>
-    <div class="decor decor--deep-purple"></div>
+    <div class="decor decor--blue" />
+    <div class="decor decor--purple" />
+    <div class="decor decor--deep-blue" />
+    <div class="decor decor--deep-purple" />
 
     <section class="case-hero">
       <img class="case-hero__bg" :src="bannerImg" alt="">
       <div class="case-container">
         <div class="case-hero__content">
-          <h1>投策智能体</h1>
+          <h1>{{ $t('casePages.decision.heroTitle') }}</h1>
           <p>
-            面向企业投资决策的辅助智能体，整合多维度市场数据、行业趋势与政策信息，通过算法模拟不同决策场景的收益与风险，自动生成可视化分析报告。帮助企业快速梳理核心信息，预判市场走向，辅助降低决策偏差，提升投资方案的科学性与可行性。
+            {{ $t('casePages.decision.heroDesc') }}
           </p>
         </div>
       </div>
@@ -20,7 +20,7 @@
     <section class="case-tabs">
       <div class="case-container">
         <button
-          v-for="tab in tabs"
+          v-for="tab in localizedTabs"
           :key="tab.id"
           type="button"
           class="tab-item"
@@ -36,11 +36,11 @@
       <section id="scenarios" class="case-section">
         <div class="case-container">
           <div class="section-heading">
-            <h2>应用场景</h2>
-            <p>覆盖企业投资决策全链路</p>
+            <h2>{{ $t('casePages.decision.scenariosTitle') }}</h2>
+            <p>{{ $t('casePages.decision.scenariosDesc') }}</p>
           </div>
           <div class="scenario-grid">
-            <article v-for="item in scenarios" :key="item.title" class="feature-card">
+            <article v-for="item in localizedScenarios" :key="item.title" class="feature-card">
               <div class="feature-card__head">
                 <div class="icon-gradient">
                   <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -58,8 +58,8 @@
       <section id="solution" class="case-section">
         <div class="case-container">
           <div class="section-heading">
-            <h2>企业决策的困境与解决方案</h2>
-            <p>聚焦数据收集、研报撰写、知识管理、智能应用四大维度</p>
+            <h2>{{ $t('casePages.decision.solutionTitle') }}</h2>
+            <p>{{ $t('casePages.decision.solutionDesc') }}</p>
           </div>
           <div class="solution-grid">
             <article class="problem-card">
@@ -67,10 +67,10 @@
                 <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
                 </svg>
-                困境：数据丰富，洞察贫乏
+                {{ $t('casePages.decision.challengeTitle') }}
               </h3>
               <div class="list-block">
-                <div v-for="item in problems" :key="item.title" class="list-item list-item--danger">
+                <div v-for="item in localizedProblems" :key="item.title" class="list-item list-item--danger">
                   <div class="list-icon">
                     <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" :d="item.icon" />
@@ -89,13 +89,13 @@
                 <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                 </svg>
-                解决方案：E决策平台核心能力
+                {{ $t('casePages.decision.abilityTitle') }}
               </h3>
               <p class="solution-card__intro">
-                聚焦“数据收集、研报撰写、知识管理、智能应用”四大维度，帮助企业构建专属知识体系，赋能科学决策。
+                {{ $t('casePages.decision.abilityDesc') }}
               </p>
               <div class="ability-list">
-                <div v-for="item in abilities" :key="item.title" class="ability-item">
+                <div v-for="item in localizedAbilities" :key="item.title" class="ability-item">
                   <div class="ability-icon icon-gradient">
                     <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" :d="item.icon" />
@@ -115,11 +115,11 @@
       <section id="highlights" class="case-section">
         <div class="case-container">
           <div class="section-heading">
-            <h2>项目亮点</h2>
-            <p>一次研究，双格式交付</p>
+            <h2>{{ $t('casePages.decision.highlightsTitle') }}</h2>
+            <p>{{ $t('casePages.decision.highlightsDesc') }}</p>
           </div>
           <div class="highlight-grid">
-            <article v-for="item in highlights" :key="item.title" class="feature-card">
+            <article v-for="item in localizedHighlights" :key="item.title" class="feature-card">
               <div class="feature-card__head">
                 <div class="icon-gradient">
                   <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -137,13 +137,13 @@
 
     <section class="case-cta">
       <div class="case-container case-cta__inner">
-        <h2>开始使用投策智能体</h2>
-        <p>让AI赋能您的投资决策，一次研究，双格式交付</p>
-        <button type="button" @click="handleContact">联系销售</button>
+        <h2>{{ $t('casePages.decision.ctaTitle') }}</h2>
+        <p>{{ $t('casePages.decision.ctaDesc') }}</p>
+        <button type="button" @click="handleContact">{{ $t('casePages.decision.contactSales') }}</button>
       </div>
     </section>
 
-    <Talk></Talk>
+    <Talk />
   </div>
 </template>
 
@@ -232,6 +232,26 @@ export default {
       bannerImg: require('./img.jpg')
     }
   },
+  computed: {
+    localizedTabs() {
+      return this.tabs.map(tab => ({
+        ...tab,
+        label: this.$t(`casePages.decision.tabs.${tab.id}`)
+      }))
+    },
+    localizedScenarios() {
+      return this.getLocalizedList(this.scenarios, 'casePages.decision.scenarios')
+    },
+    localizedProblems() {
+      return this.getLocalizedList(this.problems, 'casePages.decision.challenges')
+    },
+    localizedAbilities() {
+      return this.getLocalizedList(this.abilities, 'casePages.decision.abilities')
+    },
+    localizedHighlights() {
+      return this.getLocalizedList(this.highlights, 'casePages.decision.highlights')
+    }
+  },
   mounted() {
     this.$nextTick(() => {
       const scroller = this.getScrollContainer()
@@ -244,6 +264,13 @@ export default {
     this.getScrollContainer().removeEventListener('scroll', this.handlePageScroll)
   },
   methods: {
+    getLocalizedList(list, keyPrefix) {
+      return list.map((item, index) => ({
+        ...item,
+        title: this.$t(`${keyPrefix}.${index}.title`),
+        desc: this.$t(`${keyPrefix}.${index}.desc`)
+      }))
+    },
     getScrollContainer() {
       return document.getElementById('homeOut') || window
     },
diff --git a/f/web-kboss/src/views/homePage/agreement/AgreementPreview.vue b/f/web-kboss/src/views/homePage/agreement/AgreementPreview.vue
new file mode 100644
index 0000000..3c1dfc8
--- /dev/null
+++ b/f/web-kboss/src/views/homePage/agreement/AgreementPreview.vue
@@ -0,0 +1,68 @@
+<template>
+  <main class="agreement-preview-page">
+    <section class="agreement-preview-card">
+      <article class="agreement-content">
+        <p
+          v-for="(paragraph, index) in currentDoc.paragraphs"
+          :key="`${paragraph.slice(0, 12)}-${index}`"
+        >
+          {{ paragraph }}
+        </p>
+      </article>
+    </section>
+  </main>
+</template>
+
+<script>
+import docs from './agreementDocs'
+
+export default {
+  name: 'AgreementPreview',
+  computed: {
+    currentDoc() {
+      return docs[this.$route.params.type] || docs.user
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.agreement-preview-page {
+  height: 100vh;
+  min-height: 100vh;
+  padding: 48px 24px 64px;
+  overflow-y: auto;
+  color: #111827;
+  background: #fff;
+  box-sizing: border-box;
+}
+
+.agreement-preview-card {
+  width: min(920px, 100%);
+  margin: 0 auto;
+  padding: 0;
+}
+
+.agreement-content {
+  color: #374151;
+  font-size: 15px;
+  line-height: 1.9;
+}
+
+.agreement-content p {
+  margin: 0 0 14px;
+  white-space: pre-wrap;
+}
+
+.agreement-content p:first-child {
+  color: #0f172a;
+  font-size: 20px;
+  font-weight: 800;
+}
+
+@media (max-width: 640px) {
+  .agreement-preview-page {
+    padding: 28px 16px 36px;
+  }
+}
+</style>
diff --git a/f/web-kboss/src/views/homePage/agreement/agreementDocs.js b/f/web-kboss/src/views/homePage/agreement/agreementDocs.js
new file mode 100644
index 0000000..eb0585b
--- /dev/null
+++ b/f/web-kboss/src/views/homePage/agreement/agreementDocs.js
@@ -0,0 +1,147 @@
+export default {
+  'user': {
+    'title': '用户协议',
+    'paragraphs': [
+      '开元云用户协议',
+      '更新日期：【2026】年【7】月【30】日',
+      '生效日期：【2026】年【7】月【30】日',
+      '本《开元云用户协议》（以下简称“本协议”）由开元云（北京）科技有限公司（以下简称“开元云”或“我们”）与注册、访问或使用开元云服务的自然人、法人或非法人组织（以下简称“用户”或“您”）订立。',
+      '请您在注册、下单或使用服务前完整阅读本协议。与责任限制、费用、服务暂停或终止、数据处理及争议解决有关的条款已采用加粗方式提示。您点击同意、提交订单、开通或实际使用服务，均表示您已阅读并同意本协议。您代表法人或其他组织操作的，应保证已取得充分授权。',
+      '协议范围与定义',
+      '开元云平台，是指由开元云运营的网站、业务平台、客户端、控制台、应用程序、接口及其他服务载体，包括开元算力应用服务平台及后续更名、升级或新增的服务载体。',
+      '开元云服务，是指开元云通过平台或双方确认的订单提供的云计算、算力、算力网络、人工智能及相关产品和技术服务，具体以产品页面、订单或服务说明为准。',
+      '开元云既可能直接提供服务，也可能代理销售、转售或协助交付第三方服务。实际销售方、服务提供方、开票方及售后责任方，以订单记载为准。',
+      '订单，是指用户通过平台提交并由系统确认的订单，以及双方签署或确认的报价单、采购单、服务单、工作说明书或其他交易文件。订单应列明或能够确定服务内容、服务期限、计费方式、实际销售方或服务提供方、开票方、售后责任方及适用的服务规则。',
+      '本协议与订单、产品说明、服务等级协议、隐私政策及适用的平台规则共同构成双方协议。约定不一致时，按双方专项书面约定、订单、产品专项规则、本协议的顺序适用；法律另有规定的除外。',
+      '账户注册与管理',
+      '您应按要求提供真实、准确、完整、有效的注册及认证信息，并在信息变化后及时更新。特定服务依法需要实名核验、资质审查或安全评估的，您应予配合。',
+      '您应妥善保管账户及认证信息，并合理设置操作权限。通过您账户实施的操作原则上视为您的行为，但您能够证明账户被未经授权使用且已及时采取合理措施的除外。',
+      '发现账户或认证信息被盗用、泄露或存在异常操作时，您应及时通知开元云并采取必要措施。开元云可根据风险采取身份复核、限制登录或临时冻结等措施。',
+      '未经开元云同意，您不得转让、出租、出借账户，或者以共享账户等方式规避计费、资质审查或访问控制。',
+      '服务订购与交付',
+      '服务内容、期限、费用、交付方式、技术指标及支持标准，以产品页面、订单或双方书面约定为准。您应在下单前核对相关信息。',
+      '平台展示内容符合要约条件且订单提交成功的，订单成立；订单明确需经资源、资质或合规审核的，以开元云确认、服务开通或双方签署书面文件时成立。',
+      '对开元云直接提供的服务，开元云按约承担交付、维护及售后责任。对第三方服务，各方责任依订单及订购前向您提供的第三方规则确定。开元云的代理或平台角色不免除其依法应承担的信息披露、平台管理及因自身过错产生的责任。',
+      '服务可通过账户开通、资源交付、接口启用、部署完成或订单约定的方式交付。需要验收的，按订单约定办理；订单未约定验收期限的，您应在收到交付通知后五个工作日内完成合理核验并反馈问题，隐蔽缺陷不受该期限限制。',
+      '服务变更、扩容、迁移或定制开发，应通过订单、变更单或双方书面确认实施。',
+      '订购、交付与验收',
+      '您应在下单前核对服务名称、配置、数量、价格、第三方服务商及限制等条件。平台提供订单更正和取消入口的，您可在订单确认前修改；订单确认后的变更、退订或迁移按对应产品规则或双方约定办理。',
+      '平台展示的信息符合要约条件且用户提交订单成功的，订单成立；平台明确为要约邀请，或订单需经资源、资质、信用或合规审核的，以开元云确认、资源开通或双方签署书面文件时成立。开元云不得以格式条款约定用户付款后合同仍不成立。',
+      '服务通过账户开通、资源交付、许可码发送、接口启用、部署完成或订单约定的其他方式交付。需要验收的，验收标准和期限以订单为准；订单未约定的，用户应在收到交付通知后五个工作日内完成合理核验并反馈可复现的问题，不影响用户依法就隐蔽缺陷主张权利。',
+      '按周期续费的服务，以订单是否设置自动续费为准。开元云在自动扣款前应以合理方式提示扣款金额和时间，并提供便捷的取消方式；用户取消后不再产生下一周期费用，但已生效周期按约定继续履行。',
+      '资源扩容、迁移、版本升级、服务内容变更或定制开发，应通过新订单、变更单或双方书面确认实施。未经确认的口头沟通不构成对服务范围、费用或期限的变更。',
+      '费用、支付、发票与退款',
+      '您应按照订单约定的价格、计费单位、结算周期和支付期限付款。因用户使用量、配置或调用次数变化产生的费用，以平台计量记录和订单计费规则为准；用户对计量结果有异议的，应在账单出具后十五日内提出，开元云应提供合理的核验渠道。',
+      '除订单另有约定，价格不含因用户自身支付方式产生的银行手续费或其他第三方费用。开元云调整服务价格的，应在调整生效前通过平台公告、站内信、电子邮件或订单页面通知；已生效的固定期限订单不受影响，按量服务和续费周期自通知载明的日期适用新价格。',
+      '发票由订单或结算页面列明的开票主体依法开具。您应提供真实、准确的开票信息；因信息错误造成的重开、红冲或邮寄成本，由责任方承担。',
+      '退订、退款及未消费余额的处理，以订单和对应产品规则为准。涉及第三方服务的，还受第三方服务商的退订条件和资源采购规则约束。',
+      '用户逾期付款的，开元云可催告并给予合理补救期限；用户在期限届满后仍未付款的，开元云可暂停相应服务并按订单约定收取违约金。暂停前，开元云应在合理可行范围内提示用户备份或迁移数据；紧急安全风险、恶意欠费或法律要求立即暂停的除外。',
+      '用户数据与个人信息',
+      '用户对其通过服务上传、生成、存储或处理的数据和内容（以下简称“用户数据”）依法享有相应权利。除履行协议、维护安全、遵守法律或取得用户授权外，开元云不取得用户数据的所有权，也不将其用于与提供服务无关的目的。',
+      '开元云为账户管理、交易结算、客户服务、安全保障及依法运营而处理个人信息的，按照《开元云隐私政策》执行。',
+      '用户决定个人信息处理目的和方式、开元云仅按用户指示提供处理能力的，用户应保证具有合法处理依据；开元云应按照约定和用户的合法指示处理，并采取与风险相适应的安全措施。必要时，双方可另行签署数据处理协议。',
+      '为履行订单确需委托第三方处理或向第三方提供用户数据的，开元云应依法履行告知、合同约束及安全管理义务。未经合法依据，不得向无关第三方提供用户个人信息。',
+      '涉及数据跨境的，由依法负有责任的一方完成相应合规程序。开元云不得在未告知用户的情况下擅自改变订单约定的数据存储地域。',
+      '开元云应采取必要的网络和数据安全措施。发生可能影响用户权益的安全事件时，应及时采取补救措施，并按法律规定和合同约定履行通知、报告义务。',
+      '服务终止后，开元云按照订单、产品规则或数据处理协议提供合理的数据导出期限，并在期限届满后依法删除或匿名化处理用户数据；依法需要留存的除外。',
+      '知识产权',
+      '开元云平台、软件、接口、文档、商标及相关技术成果的知识产权归开元云或相应权利人所有。未经许可，用户不得超出订单及产品规则约定的范围使用。',
+      '服务期限内，用户获得仅限自身合法业务使用的、非独占且不可转让的使用权。第三方产品或开源组件适用其各自许可条款。',
+      '用户数据及用户自行开发成果的权利，依法或依双方约定确定。用户授权开元云在提供和保障服务所必需的范围内处理用户数据。未经用户另行明确授权，开元云不得使用用户的非公开业务数据训练面向不特定用户的通用模型。',
+      '人工智能或模型服务的输出可能存在不准确或权利瑕疵。用户应结合使用场景进行核验，并依法处理输出内容的使用及权利风险。',
+      '服务运行与变更',
+      '开元云按照订单或服务等级协议维护其直接提供的服务。第三方服务的可用性、维护及补偿标准，以订单和第三方规则为准；开元云作出更高承诺的，从其承诺。',
+      '因维护升级需要计划中断服务的，开元云应按约提前通知；遇有安全事件、重大故障或主管机关要求等紧急情况，可先行处置并及时通知。',
+      '开元云可以对服务进行合理升级或调整。涉及主要功能、关键技术指标、数据处理方式或费用的重大变化，应提前合理通知；变化实质影响合同目的的，用户可依法解除受影响的服务。',
+      '第三方停止或变更服务导致迁移、替换或退订的，开元云应及时通知并提供合理处理方案。费用和责任按照订单、第三方规则及各方过错确定。',
+      '服务暂停与终止',
+      '用户可按订单和产品规则申请退订或停止续费。固定期限服务到期且未续费的，服务终止。',
+      '用户逾期付款、严重违反本协议、造成现实安全风险，或者依法需要暂停服务的，开元云可根据风险限制或暂停相关服务。除紧急情形外，开元云应事先通知并给予合理补救期限。',
+      '一方严重违约且在合理期限内未改正的，守约方可解除受影响的订单；违约无法补救或导致重大安全风险的，可立即解除。',
+      '服务终止不影响终止前已经产生的付款、保密、数据处理、责任承担及争议解决义务。用户数据按照第6.7条处理。',
+      '保证、免责与责任限制',
+      '开元云应以符合行业合理标准的技术和管理措施提供服务。除订单、产品说明或法律另有规定外，开元云不保证服务适合用户的特定目的或实现特定结果。',
+      '人工智能、模型、智能分析及计算结果可能存在错误、遗漏或偏差，仅供辅助使用，不能替代专业审查、验证或依法应由人工作出的决定。本条不免除开元云因虚假宣传、违反明示承诺或自身过错依法应承担的责任。',
+      '因用户自身原因或不属于开元云控制范围的第三方原因造成的损失，由责任方依法承担；开元云对其自身过错承担相应责任。',
+      '在法律允许的范围内，一方仅对其违约或过错造成的直接且可合理预见的损失承担责任。除法律规定不得限制的责任以及开元云故意、重大过失外，开元云就单一订单承担的累计赔偿责任，以索赔事件发生前十二个月内用户就该订单项下受影响服务实际支付的费用总额为上限；订单另有约定的，从其约定。',
+      '本协议的免责或限责条款不适用于法律禁止免责或限制责任的情形，也不影响消费者依法享有的权利。',
+      '保密',
+      '一方因订立或履行本协议知悉的对方非公开技术、经营、数据及其他依其性质应属保密的信息，均为保密信息。接收方仅可为履行本协议使用，并应采取合理保护措施。',
+      '已经合法公开、从无保密义务的第三方合法取得、接收方能够证明独立取得，或披露方同意公开的信息，不受前款限制。依法应披露的，接收方可在法定范围内披露，并在法律允许时通知披露方。',
+      '保密义务在协议终止后持续五年；商业秘密、个人信息及重要数据依法律规定持续保护。',
+      '不可抗力与通知',
+      '因不能预见、不能避免且不能克服的事件导致不能履行的，受影响方在法律允许范围内部分或全部免责，但迟延履行后发生不可抗力的除外。受影响方应及时通知并采取合理减损措施。',
+      '不可抗力持续超过六十日且导致合同目的不能实现的，任一方可解除受影响的未履行部分，已实际履行的服务按履行情况结算。',
+      '开元云可通过平台公告、站内信、账户通知、电子邮件、短信或订单约定的方式发送通知。涉及费用、主要功能、数据处理、服务暂停终止或争议解决的重大事项，应以能够合理到达用户的显著方式通知。',
+      '您应及时维护有效联系方式。因您未及时更新导致通知无法送达的，由您承担相应后果；开元云明知联系方式失效仍向该地址发送的除外。',
+      '开元云可因法律变化、服务调整或安全需要修改本协议。对用户权利义务有重大影响的修改，应在生效前显著通知。用户不同意的，可在生效前停止使用并按适用规则终止未履行服务。法律另有规定的，从其规定。',
+      '法律适用与其他',
+      '本协议的订立、效力、解释、履行及争议解决适用中华人民共和国大陆地区法律。',
+      '双方应先协商解决争议。协商不成的，任一方可向开元云住所地有管辖权的人民法院提起诉讼；消费者依法有权选择其他有管辖权法院的，从其规定。',
+      '双方是独立合同主体。本协议不成立合伙、合资、劳动或未经明确授权的代理关系。',
+      '一方未行使或迟延行使权利，不构成放弃。部分条款无效或不可执行的，不影响其他条款的效力。',
+      '本协议以电子形式订立，与纸质协议具有同等法律效力。用户可通过平台或客服获取、保存和下载协议文本及交易记录。',
+      '客服联系方式：【400-6150805 010-65917875】；电子邮箱：【Open-computing@kaiyuancloud.cn】。联系方式变更的，以开元云平台依法公示的信息为准。'
+    ]
+  },
+  'privacy': {
+    'title': '隐私政策',
+    'paragraphs': [
+      '开元云隐私政策',
+      '版本更新日期：【2026年7月30日】',
+      '版本生效日期：【2026年7月30日】',
+      '开元云（北京）科技有限公司（以下简称“开元云”或“我们”）重视您的个人信息和隐私保护。本政策适用于我们通过开元云官方网站、开放算力应用服务平台及其他由我们运营并明确适用本政策的产品和服务（统称“开元云服务”）处理个人信息的活动。某项服务另有专门隐私规则的，专门规则优先适用；未约定的事项，适用本政策。',
+      '开元云服务涉及算力服务、算力网络、AI应用、云平台和相关技术服务。您代表单位使用服务的，请确认已取得必要授权；您向我们提供他人个人信息的，应当确保来源合法，并已依法履行告知、取得同意等义务。',
+      '请您在使用开元云服务前阅读本政策。涉及敏感个人信息、向其他个人信息处理者提供个人信息或向境外提供个人信息等依法需要单独同意的事项，我们将另行告知并依法取得您的单独同意。',
+      '定义',
+      '个人信息：以电子或者其他方式记录的、与已识别或者可识别的自然人有关的各种信息，不包括匿名化处理后的信息。',
+      '敏感个人信息：一旦泄露或者被非法使用，容易导致自然人的人格尊严受到侵害或者人身、财产安全受到危害的个人信息。开元云仅在特定目的、充分必要并采取严格保护措施的情况下处理敏感个人信息。',
+      '匿名化：个人信息经过处理无法识别特定自然人且不能复原的过程。',
+      '用户业务数据：用户在使用开元云服务过程中上传、生成、存储、传输或委托开元云处理的数据，不当然属于个人信息；其中含有个人信息的部分，依照适用法律和双方约定处理。',
+      '我们如何收集和使用个人信息',
+      '我们遵循合法、正当、必要和诚信原则，仅为明确、合理且与服务直接相关的目的处理个人信息。具体功能所需信息以实际页面、订单、合同或单独告知为准，主要包括：',
+      '账号和联系信息。当您注册、登录或管理账号时，我们可能处理您的账号名称、手机号码、电子邮箱、密码密文及账号安全设置，用于创建账号、身份验证、发送必要通知和保障账号安全。拒绝提供必要信息可能导致无法使用账号功能，但通常不影响浏览公开内容。',
+      '企业认证和交易信息。当您申请试用、购买算力或其他服务、签订或履行合同、结算或开具发票时，我们可能处理单位名称、统一社会信用代码、联系人及联系方式、服务配置、订单、合同、支付状态和开票信息，用于确认交易主体、交付服务、结算、售后和财务管理。支付机构直接处理的银行卡等信息由其依照自身规则处理，我们原则上仅接收完成交易所需的支付结果。',
+      '咨询和服务记录。当您提交咨询、工单、投诉或参加业务活动时，我们可能处理您提交的姓名、联系方式、单位、需求描述、沟通记录和附件，用于回复请求、排查问题和改进服务。非提供服务所必需的调研或推广信息，我们将在必要时另行取得同意，并提供便捷的退订方式。',
+      '设备、日志和安全信息。您访问或使用开元云服务时，我们可能自动记录IP地址、浏览器和设备类型、访问时间、操作记录、故障日志及安全日志，用于运行服务、定位故障、统计基本使用情况和防范网络攻击、欺诈或其他安全风险。我们不会仅因设备或日志信息而不合理限制您的服务。',
+      '依法需要核验的信息。如特定产品、交易或监管要求确需进行个人或企业身份核验，我们可能处理姓名、身份证明或主体资质等必要信息，并在收集前另行说明具体目的、方式、范围和保存期限。涉及敏感个人信息的，我们将采取更严格的保护措施并依法取得单独同意；如有非敏感的替代核验方式，我们将按实际情况提供。',
+      '我们依据您的同意、订立或履行合同所必需、履行法定义务，或者法律规定的其他基础处理个人信息。处理目的、方式或个人信息种类发生变化的，我们将依法重新告知，并在需要时重新取得同意。除法律另有规定外，您可以撤回基于同意作出的授权；撤回不影响撤回前处理活动的效力。',
+      'Cookie和同类技术',
+      '为保障网站正常运行、保持登录状态、保存必要设置、分析故障和防范安全风险，我们可能使用Cookie和同类技术。必要Cookie被禁用后，部分功能可能无法正常使用；对于非必要Cookie，我们将依法提供选择或关闭方式。',
+      '您可以通过浏览器设置管理或删除Cookie。清除或拒绝Cookie可能使您需要重新登录或设置偏好，但不影响与相关Cookie无关的服务。我们不会将Cookie用于本政策未说明的目的。',
+      '用户业务数据',
+      '您或您的单位在使用算力、存储、网络、模型、智能文档处理或其他开元云服务时上传、生成、存储、传输或委托我们处理的数据，属于用户业务数据。其中含有个人信息的，您或您的单位通常决定处理目的和方式，我们按照双方协议和您的合法指示提供受托处理服务。',
+      '您应当确保业务数据来源、内容及处理活动合法，并根据适用法律向相关个人履行告知、取得同意等义务。除非产品说明、订单或合同另有明确约定并具备合法处理基础，或者法律另有规定，我们不会将用户业务数据用于自身营销、训练通用模型或其他与提供约定服务无关的目的。',
+      '用户业务数据与我们为账号管理、交易结算、客户支持和安全保障而独立处理的信息，适用不同的责任分工。具体数据位置、备份、迁移、删除和安全要求，以对应产品说明、订单或合同为准。',
+      '委托处理、对外提供、转让和公开披露',
+      '为提供和保障开元云服务，我们可能委托基础设施、算力、网络、模型接口、身份核验、支付结算、电子签约、发票、客服或安全服务提供方处理必要的个人信息。我们将根据服务性质选择合作方，通过合同约定处理目的、期限、方式、信息种类、安全措施和双方责任，并进行必要监督。合作方不得将受托信息用于自身目的。',
+      '如需向其他个人信息处理者提供您的个人信息，我们将依法告知接收方信息、处理目的、方式和个人信息种类，并在法律要求时取得您的单独同意。涉及敏感个人信息的，我们还会说明必要性及对个人权益的影响。我们不会出售个人信息。',
+      '发生合并、分立、重组、资产转让或类似交易而需要转移个人信息的，我们将向您告知接收方信息，并要求接收方继续履行本政策和法律规定的义务；接收方变更原处理目的或方式的，应当依法重新取得同意。',
+      '我们原则上不公开披露个人信息。确需公开披露的，将告知披露目的、方式和信息种类，依法取得单独同意并采取相应保护措施，法律另有规定的除外。',
+      '个人信息的保存和安全保护',
+      '我们按照实现处理目的所必要的最短时间保存个人信息；法律法规、监管规定或双方合同另有要求的，从其规定。保存期限届满后，我们将删除个人信息或进行匿名化处理；因技术原因暂时无法删除的，将停止除存储和采取必要安全保护措施之外的处理。',
+      '我们在中华人民共和国境内收集和产生的个人信息原则上存储在境内。具体产品的数据中心和用户业务数据存储位置以产品说明、订单或合同为准。',
+      '我们根据个人信息的种类、处理目的和风险采取与之相适应的安全措施，包括权限控制、身份认证、传输和存储保护、日志审计、备份恢复、人员管理及安全事件处置。互联网环境并非绝对安全，请您妥善保管账号和认证凭证，不要通过不安全渠道发送敏感信息。',
+      '发生或者可能发生个人信息泄露、篡改、丢失时，我们将立即采取补救措施，并依照法律规定向主管部门报告；可能对您的权益造成危害的，我们将依法告知事件情况、可能影响、已采取或拟采取的措施及降低风险的建议。',
+      '您的权利',
+      '在法律规定范围内，您有权知情、决定、限制或拒绝我们处理您的个人信息，并可请求查阅、复制、更正、补充或删除个人信息，撤回同意、注销账号，以及要求我们解释个人信息处理规则。我们利用个人信息进行自动化决策并对您的权益产生重大影响的，您有权要求说明，并有权拒绝仅通过自动化决策作出的决定。',
+      '您可以通过产品提供的账号设置、工单或本政策所列联系方式提出请求。为保护账号和信息安全，我们可能验证您的身份，并在法律规定的期限内处理。请求明显不合理、超出必要限度，或法律规定可以不予响应的，我们可能拒绝或限制响应，并向您说明理由。',
+      '账号注销后，我们将停止提供与账号相关的服务，并依法删除或匿名化处理相关个人信息；依法需要保留的信息，在保存期间仅用于履行法定义务或争议处理。注销前，请您按照产品说明妥善迁移或备份用户业务数据。',
+      '未成年人个人信息',
+      '不以不满十四周岁的未成年人应当在父母或其他监护人指导下使用开元云相关服务。我们发现未经监护人同意处理了不满十四周岁未成年人的个人信息时，将依法删除或采取其他必要措施。',
+      '个人信息跨境提供',
+      '如特定服务需要向中华人民共和国境外提供个人信息，我们将仅在业务确有必要且符合法律规定的情况下进行，并在提供前告知境外接收方信息、处理目的和方式、个人信息种类以及您向境外接收方行使权利的方式和程序。我们将依法履行相应程序，取得单独同意，并要求境外接收方达到法律规定的个人信息保护标准。',
+      '用户自行选择境外资源、境外模型或其他境外服务的，相关数据位置和跨境安排以对应产品说明、订单、合同及单独告知为准。',
+      '本政策的更新',
+      '我们可能根据法律变化、业务调整或个人信息处理活动变化更新本政策。更新后的政策将通过网站、产品页面或其他适当方式发布。处理目的、方式、个人信息种类、保存期限或个人权利等发生重大变化的，我们将以显著方式通知；依法需要重新取得同意的，将在相关处理前完成。',
+      '未经您的同意，我们不会通过更新本政策减损您依法享有的权利。',
+      '如何联系我们',
+      '如您对本政策或个人信息处理活动有疑问、意见、投诉，或需要行使个人信息权利，可通过以下方式联系开元云：',
+      '公司名称：【开元云（北京）科技有限公司】',
+      '联系地址：【北京市朝阳区东三环中路65号富力中心】',
+      '联系电话：【400-6150805 010-65917875】',
+      '联系邮箱：【Open-computing@kaiyuancloud.cn】',
+      '我们将在核验您的身份后依法处理。对处理结果有异议的，您可以再次向我们反馈，也可以依法向履行个人信息保护职责的部门投诉、举报或寻求其他救济。'
+    ]
+  }
+}
diff --git a/f/web-kboss/src/views/homePage/dialog/talk/index.vue b/f/web-kboss/src/views/homePage/dialog/talk/index.vue
index 1d6eeb6..374dff1 100644
--- a/f/web-kboss/src/views/homePage/dialog/talk/index.vue
+++ b/f/web-kboss/src/views/homePage/dialog/talk/index.vue
@@ -1,37 +1,37 @@
 <template>
   <div>
     <el-dialog
-      title="联系销售"
+      :title="$t('contactSales.title')"
       :visible="dialogVisible"
       width="400px"
       center
       append-to-body
       :close-on-click-modal="false"
-      @close="cancelBtn"
-      @update:visible="handleDialogVisibleUpdate"
       top="8vh"
       custom-class="talk-dialog"
+      @close="cancelBtn"
+      @update:visible="handleDialogVisibleUpdate"
     >
       <div class="talk-body">
         <div class="talk-form">
           <el-form ref="ruleForm" :rules="rules" label-position="top" label-width="80px" :model="addData">
             <div class="form-grid">
-              <el-form-item label="1. 请填写您的姓名" prop="name">
-                <el-input v-model.trim="addData.name" maxlength="20" placeholder="请输入您的姓名"></el-input>
+              <el-form-item :label="$t('contactSales.nameLabel')" prop="name">
+                <el-input v-model.trim="addData.name" maxlength="20" :placeholder="$t('contactSales.namePlaceholder')" />
               </el-form-item>
-              <el-form-item prop="phone" label="2. 请填写您的联系方式">
-                <el-input v-model.trim="addData.phone" maxlength="11" placeholder="请输入您的联系电话"></el-input>
+              <el-form-item prop="phone" :label="$t('contactSales.phoneLabel')">
+                <el-input v-model.trim="addData.phone" maxlength="11" :placeholder="$t('contactSales.phonePlaceholder')" />
               </el-form-item>
-              <el-form-item label="3. 请填写您的邮箱" prop="email" class="form-item--compact">
-                <el-input v-model.trim="addData.email" maxlength="60" placeholder="请输入您的邮箱"></el-input>
+              <el-form-item :label="$t('contactSales.emailLabel')" prop="email" class="form-item--compact">
+                <el-input v-model.trim="addData.email" maxlength="60" :placeholder="$t('contactSales.emailPlaceholder')" />
               </el-form-item>
-              <el-form-item label="4. 请填写您的公司名称" prop="company" class="form-item--compact">
-                <el-input v-model.trim="addData.company" maxlength="80" placeholder="请输入您的公司名称"></el-input>
+              <el-form-item :label="$t('contactSales.companyLabel')" prop="company" class="form-item--compact">
+                <el-input v-model.trim="addData.company" maxlength="80" :placeholder="$t('contactSales.companyPlaceholder')" />
               </el-form-item>
-              <el-form-item label="5. 请选择您的企业类型（单选）" prop="enterprise_type" class="form-item--full">
+              <el-form-item :label="$t('contactSales.enterpriseLabel')" prop="enterprise_type" class="form-item--full">
                 <el-radio-group v-model="addData.enterprise_type" class="option-grid">
                   <el-radio
-                    v-for="item in enterpriseOptions"
+                    v-for="item in localizedEnterpriseOptions"
                     :key="item.id"
                     :label="item.id"
                     class="option-item"
@@ -40,11 +40,11 @@
                   </el-radio>
                 </el-radio-group>
               </el-form-item>
-              <el-form-item label="6. 请选择您所在的省份（单选）" prop="region" class="form-item--full">
+              <el-form-item :label="$t('contactSales.provinceLabel')" prop="region" class="form-item--full">
                 <el-select
                   v-model="addData.region"
                   filterable
-                  placeholder="输入省份名称或拼音首字母搜索..."
+                  :placeholder="$t('contactSales.provincePlaceholder')"
                   class="full-select"
                 >
                   <el-option
@@ -55,48 +55,48 @@
                   />
                 </el-select>
               </el-form-item>
-              <el-form-item label="7. 如果您有其他问题需要咨询，请留言" class="form-item--message">
+              <el-form-item :label="$t('contactSales.messageLabel')" class="form-item--message">
                 <el-input
                   v-model.trim="addData.content"
                   type="textarea"
                   :autosize="{ minRows: 3, maxRows: 5 }"
                   maxlength="500"
                   show-word-limit
-                  placeholder="请输入您想咨询的内容..."
-                ></el-input>
+                  :placeholder="$t('contactSales.messagePlaceholder')"
+                />
               </el-form-item>
             </div>
           </el-form>
-          <el-checkbox class="agreement-checkbox" v-model="checked">
-            您填写的信息仅用于本次业务对接沟通，公司将严格落实信息安全保护机制，不泄露、不滥用您的任何个人资料。
+          <el-checkbox v-model="checked" class="agreement-checkbox">
+            {{ $t('contactSales.privacy') }}
           </el-checkbox>
         </div>
         <div v-if="qrCodeUrl" class="qcode">
           <img :src="qrCodeUrl" alt="官方客服二维码">
-          <span>扫码添加官方客服</span>
+          <span>{{ $t('contactSales.qrcode') }}</span>
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button class="cancel-btn" @click="cancelBtn">取消</el-button>
-        <el-button class="submit-btn" type="primary" :loading="addBtnLoading" @click="confirmBtn">提交咨询</el-button>
+        <el-button class="cancel-btn" @click="cancelBtn">{{ $t('contactSales.cancel') }}</el-button>
+        <el-button class="submit-btn" type="primary" :loading="addBtnLoading" @click="confirmBtn">{{ $t('contactSales.submit') }}</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 <script>
 import Vue from 'vue'
-import {mapState} from "vuex";
-import {reqNewHomeConsult} from "@/api/newHome";
-import {reqConsultForm} from "@/api/H5";
+import { mapState } from 'vuex'
+import { reqNewHomeConsult } from '@/api/newHome'
+import { reqConsultForm } from '@/api/H5'
 
 export default Vue.extend({
-  name: "talk",
+  name: 'Talk',
   data() {
     const validatePhone = (rule, value, callback) => {
       if (!value) {
-        callback(new Error('请输入联系电话'))
+        callback(new Error(this.$t('contactSales.phonePlaceholder')))
       } else if (!/^1[3-9]\d{9}$/.test(value)) {
-        callback(new Error('请输入正确的手机号'))
+        callback(new Error(this.$t('contactSales.phoneInvalid') || '请输入正确的手机号'))
       } else {
         callback()
       }
@@ -105,23 +105,23 @@ export default Vue.extend({
     return {
       rules: {
         name: [
-          {required: true, message: '请输入姓名', trigger: 'blur'},
+          { required: true, message: this.$t('contactSales.namePlaceholder'), trigger: 'blur' }
         ],
         phone: [
-          {required: true, validator: validatePhone, trigger: 'blur'}
+          { required: true, validator: validatePhone, trigger: 'blur' }
         ],
         email: [
-          {required: true, message: '请输入邮箱', trigger: 'blur'},
-          {type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur'}
+          { required: true, message: this.$t('contactSales.emailPlaceholder'), trigger: 'blur' },
+          { type: 'email', message: this.$t('contactSales.emailInvalid') || '请输入正确的邮箱地址', trigger: 'blur' }
         ],
         company: [
-          {required: true, message: '请输入公司名称', trigger: 'blur'}
+          { required: true, message: this.$t('contactSales.companyPlaceholder'), trigger: 'blur' }
         ],
         enterprise_type: [
-          {required: true, message: '请选择企业类型', trigger: 'change'}
+          { required: true, message: this.$t('contactSales.enterpriseRequired') || '请选择企业类型', trigger: 'change' }
         ],
         region: [
-          {required: true, message: '请选择所在省份', trigger: 'change'}
+          { required: true, message: this.$t('contactSales.provinceRequired') || '请选择所在省份', trigger: 'change' }
         ]
       },
       addBtnLoading: false,
@@ -130,14 +130,14 @@ export default Vue.extend({
       enterpriseOptions: [],
       provinceOptions: [],
       addData: {
-        content: '',//需求内容
-        custom_type: "1",//客户类型 0-个人 1-企业
-        name: "",//姓名
-        phone: "",//手机号
-        company: "",//公司名称
-        email: "",//邮箱
+        content: '', // 需求内容
+        custom_type: '1', // 客户类型 0-个人 1-企业
+        name: '', // 姓名
+        phone: '', // 手机号
+        company: '', // 公司名称
+        email: '', // 邮箱
         enterprise_type: '',
-        region: '',
+        region: ''
       },
       labelPosition: 'right',
       formLabelAlign: {
@@ -147,6 +147,23 @@ export default Vue.extend({
       }
     }
   },
+  computed: {
+    ...mapState({
+      showTalk: (state) => state.product.showTalk,
+      logoInfoNew: state => state.product.logoInfoNew
+    }),
+    qrCodeUrl() {
+      return this.logoInfoNew && this.logoInfoNew.home && this.logoInfoNew.home.qrCode
+        ? this.logoInfoNew.home.qrCode
+        : ''
+    },
+    localizedEnterpriseOptions() {
+      return this.enterpriseOptions.map(item => ({
+        ...item,
+        name: this.getEnterpriseOptionName(item.name)
+      }))
+    }
+  },
   watch: {
     showTalk: {
       immediate: true,
@@ -159,6 +176,18 @@ export default Vue.extend({
     }
   },
   methods: {
+    getEnterpriseOptionName(name) {
+      const map = {
+        大型企业: 'largeEnterprise',
+        中小企业: 'sme',
+        OPC个人: 'opcIndividual',
+        高校科研机构: 'university',
+        政府: 'government',
+        其他: 'other'
+      }
+      const key = map[name]
+      return key ? this.$t(`contactSales.enterpriseOptions.${key}`) : name
+    },
     getDefaultFormData() {
       return {
         content: '',
@@ -168,7 +197,7 @@ export default Vue.extend({
         company: '',
         email: '',
         enterprise_type: '',
-        region: '',
+        region: ''
       }
     },
     normalizeDictOptions(list, type) {
@@ -201,19 +230,19 @@ export default Vue.extend({
       }
     },
     handleDialogVisibleUpdate(value) {
-      this.dialogVisible = value;
+      this.dialogVisible = value
       if (!value) {
-        this.$store.commit('setShowTalk', false);
+        this.$store.commit('setShowTalk', false)
       }
     },
     cancelBtn() {
-      this.dialogVisible = false;
-      this.$store.commit('setShowTalk', false);
+      this.dialogVisible = false
+      this.$store.commit('setShowTalk', false)
     },
     confirmBtn() {
       if (!this.checked) {
-        this.$message.warning('请勾选同意协议后再提交！');
-        return;
+        this.$message.warning(this.$t('contactSales.privacyRequired') || '请勾选同意协议后再提交！')
+        return
       }
       this.$refs['ruleForm'].validate((valid) => {
         if (valid) {
@@ -229,41 +258,28 @@ export default Vue.extend({
               this.$message({
                 type: 'success',
                 message: '感谢您关注人工智能服务平台，我们将尽快联系您！~'
-              });
-              this.$store.commit('setShowTalk', false);
+              })
+              this.$store.commit('setShowTalk', false)
               this.addData = this.getDefaultFormData()
               this.checked = false
             } else {
-              this.$message.error(response.msg || '提交失败，请稍后再试！');
+              this.$message.error(response.msg || '提交失败，请稍后再试！')
             }
           }).catch(error => {
-            console.error("提交咨询失败:", error);
-            this.$message.error('提交失败，请稍后再试！');
+            console.error('提交咨询失败:', error)
+            this.$message.error('提交失败，请稍后再试！')
           })
         } else {
-          this.$message.error('请完善表单信息~')
-          return false;
+          this.$message.error(this.$t('contactSales.formInvalid') || '请完善表单信息~')
+          return false
         }
-      });
-
+      })
     }
 
-  },
-  computed: {
-    ...mapState({
-      showTalk: (state) => state.product.showTalk,
-      logoInfoNew: state => state.product.logoInfoNew,
-    }),
-    qrCodeUrl() {
-      return this.logoInfoNew && this.logoInfoNew.home && this.logoInfoNew.home.qrCode
-        ? this.logoInfoNew.home.qrCode
-        : ''
-    },
-  },
+  }
 })
 </script>
 
-
 <style scoped lang="scss">
 ::v-deep .talk-dialog {
   border-radius: 22px;