diff --git a/src/App.vue b/src/App.vue
index 2bfa27a..20bf073 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -85,8 +85,7 @@ export default {
   flex-direction: column;
 }
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  font-family: Microsoft YaHei UI;
+  font-family: var(--font-chinese);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
diff --git a/src/components/CustomDropdown.vue b/src/components/CustomDropdown.vue
index 5451897..93b0c0a 100644
--- a/src/components/CustomDropdown.vue
+++ b/src/components/CustomDropdown.vue
@@ -156,7 +156,6 @@ export default {
 .custom-select {
     height: 38px;
     position: relative;
-    font-family: Arial, sans-serif;
 }
 
 .select-trigger {
diff --git a/src/components/HoverButton.vue b/src/components/HoverButton.vue
index 1c7625f..5a34aa6 100644
--- a/src/components/HoverButton.vue
+++ b/src/components/HoverButton.vue
@@ -132,7 +132,6 @@ export default {
 
 <style scoped>
 .hover-button {
-  font-family: Microsoft YaHei UI;
   display: inline-flex;
   align-items: center;
   justify-content: center;
diff --git a/src/components/PageTitle.vue b/src/components/PageTitle.vue
index 2db5571..79f8f25 100644
--- a/src/components/PageTitle.vue
+++ b/src/components/PageTitle.vue
@@ -37,8 +37,6 @@ export default {
     box-sizing: border-box;
 
     b {
-        /* headline/haeadline_3_bold */
-        font-family: Microsoft YaHei UI;
         font-size: 18px;
         font-weight: bold;
         line-height: 24px;
diff --git a/src/components/SetLeftMenu.vue b/src/components/SetLeftMenu.vue
index a779703..6cf9d65 100644
--- a/src/components/SetLeftMenu.vue
+++ b/src/components/SetLeftMenu.vue
@@ -3,15 +3,17 @@
     <ul style="margin: 0;">
       <li v-for="(item, index) in menuList" :key="item.path + random()">
         <div 
-          style="gap: 6px;"
-          :class="[($route.path == item.path) || (!item.path && curIndex == index) ? 'active' : '', 'flex', ($route.path == item.path) ? curIndex = index : '']" @click="gotoPath(item, index)">
-            <SvgIcon1 :iconPath="require(`@/assets/${item.img}`)" defaultColor="#8A9099" :size="16" activeColor="#006AFF"
-              :isActive="($route.path == item.path || (!item.path && curIndex == index))" v-if="item.img"/>
-
+        :class="[curIndex === index ? 'active' : '','flex']" @click="gotoPath(item, index)">
+          <SvgIcon1 :iconPath="require(`@/assets/${item.img}`)" defaultColor="#8A9099" :size="16" activeColor="#006AFF"
+            :isActive="curIndex === index" />
           <span class="title_text">{{ item.name }}</span>
         </div>
-        <p :class="['flex', (activeFloor && (activeFloor == item1.desc || activeFloor == item1.path)) ? 'curActive' : '']" v-for="(item1) in item.list"
-          @click="setActiveCur(item1, item,index)" :key="item1.name">{{ item1.name }}</p>
+        <p v-for="(item1) in item.list" :key="item1.name" :class="[
+          'flex',
+          activeFloor === (item1.desc || item1.path || item1.componentsName) ? 'curActive' : ''
+        ]" @click="setActiveCur(item1, item, index)">
+          {{ item1.name }}
+        </p>
       </li>
     </ul>
   </aside>
@@ -19,22 +21,16 @@
 
 <script>
 import SvgIcon1 from '@/components/SvgIcon1.vue';
-// :class="[$route.path != item.path ? 'not-point' : '', 'flex', activeFloor == item1.desc ? 'curActive' : '']"
 import { mapState } from 'vuex';
 import store from '../store';
+
 export default {
   name: 'Sidebar',
   props: {
     menuList: {
       type: Array,
       required: true
-    },
-    // activeFloor:{
-    //   type:String
-    // },
-    // curIndex:{
-    //   type:Number
-    // }
+    }
   },
   components: {
     SvgIcon1,
@@ -42,33 +38,31 @@ export default {
   data() {
     return {
       activeFloor: null,
-      curIndex: 0,
+      curIndex: -1, // 初始化为 -1，表示未找到匹配项
       scrollLock: false,
-      componentsName:''
+      componentsName: '',
+      // 记录每个子菜单项对应的父菜单索引
+      pathToIndexMap: {}
     }
   },
 
   watch: {
-    '$route'() {
-      // console.log(to, from);
-      // 路由变化时重新计算位置
-      this.$nextTick(() => {
-        this.calculateFloorOffsets();
-        this.handleScroll(); // 立即检查当前位置
-      });
+    '$route.path': {
+      immediate: true, // 立即执行一次
+      handler(newPath) {
+        this.updateActiveMenu(newPath);
+      }
     }
   },
+
   mounted() {
-    let curItem = this.menuList[this.curIndex];
-    // 增加单项初始值判断
-    if(!curItem.list || !curItem.list.length){
-      this.activeFloor = curItem.path
-    }else{
-      this.activeFloor = curItem?.list?.[0]?.desc || curItem?.list?.[0]?.path;
-    }
-    this.componentsName = curItem?.list?.[0]?.componentsName;
+    // 初始化路径映射表
+    this.buildPathMap();
+
+    // 根据当前路由更新激活状态
+    this.updateActiveMenu(this.$route.path);
+
     this.$nextTick(() => {
-      // 更可靠的获取滚动容器方式
       this.scrollContainer = document.querySelector('.main-content') ||
         document.getElementById('main-content') ||
         window;
@@ -81,55 +75,117 @@ export default {
       }
     });
   },
+
   beforeDestroy() {
     if (this.scrollContainer) {
       this.scrollContainer.removeEventListener('scroll', this.handleScroll);
     }
   },
-  created() {
-    // console.log(this.$parent.$refs.scrollContainer,'this.$refs.sc--rollContainer--');
-  },
+
   computed: {
-    ...mapState(['pageTitle', 'carryParam']) // 从Vuex映射showSidebar状态到组件的计算属性中
+    ...mapState(['pageTitle', 'carryParam'])
   },
+
   methods: {
+    // 构建路径到父菜单索引的映射
+    buildPathMap() {
+      const map = {};
+      this.menuList.forEach((item, parentIndex) => {
+        if (item.list && item.list.length) {
+          item.list.forEach(subItem => {
+            if (subItem.path) {
+              map[subItem.path] = parentIndex;
+            }
+          });
+        }
+      });
+      this.pathToIndexMap = map;
+    },
+
+    // 根据当前路由更新激活的菜单项
+    updateActiveMenu(currentPath) {
+      // 1. 先尝试匹配二级菜单路径
+      const parentIndex = this.pathToIndexMap[currentPath];
+      if (parentIndex !== undefined) {
+        this.curIndex = parentIndex;
+
+        // 找到对应的二级菜单项
+        const parentItem = this.menuList[parentIndex];
+        const subItem = parentItem.list.find(item => item.path === currentPath);
+
+        if (subItem) {
+          // 如果是组件切换模式
+          if (subItem.componentsName) {
+            this.activeFloor = subItem.componentsName;
+            store.commit('SET_COMPONENTS_NAME', subItem.componentsName);
+          } else {
+            // 如果是路由模式
+            this.activeFloor = subItem.desc || subItem.path;
+          }
+          return;
+        }
+      }
+
+      // 2. 如果找不到匹配的二级路径，尝试匹配一级路径
+      for (let i = 0; i < this.menuList.length; i++) {
+        const item = this.menuList[i];
+        if (item.path && item.path === currentPath) {
+          this.curIndex = i;
+          this.activeFloor = item.path;
+
+          // 如果有子菜单，默认选中第一个
+          if (item.list && item.list.length) {
+            const firstSubItem = item.list[0];
+            if (firstSubItem.componentsName) {
+              store.commit('SET_COMPONENTS_NAME', firstSubItem.componentsName);
+            }
+          }
+          return;
+        }
+      }
+
+      // 3. 如果都没有匹配，默认选中第一个菜单项
+      if (this.curIndex === -1 && this.menuList.length > 0) {
+        this.curIndex = 0;
+        const firstItem = this.menuList[0];
+        if (firstItem.list && firstItem.list.length) {
+          const firstSubItem = firstItem.list[0];
+          this.activeFloor = firstSubItem.desc || firstSubItem.path || firstSubItem.componentsName;
+          if (firstSubItem.componentsName) {
+            store.commit('SET_COMPONENTS_NAME', firstSubItem.componentsName);
+          }
+        } else {
+          this.activeFloor = firstItem.path;
+        }
+      }
+    },
+
     random() {
-      var randomNumber = Math.random();
-      return randomNumber
+      return Math.random();
     },
+
     calculateFloorOffsets() {
-      this.menuList.forEach(item => {
-        item.list?.forEach(every => {
-          const el = document.getElementById(every.desc);
-          if (el) {
-            // 获取元素相对于视口顶部的距离
-            every.offsetTop = el.getBoundingClientRect().top + window.pageYOffset;
-          }
-        });
+      if (this.curIndex === -1 || !this.menuList[this.curIndex]?.list) return;
+
+      this.menuList[this.curIndex].list?.forEach(every => {
+        const el = document.getElementById(every.desc);
+        if (el) {
+          every.offsetTop = el.getBoundingClientRect().top + window.pageYOffset;
+        }
       });
     },
 
     handleScroll() {
-      if (this.scrollLock || !this.menuList[this.curIndex]?.list) return;
+      if (this.scrollLock || this.curIndex === -1 || !this.menuList[this.curIndex]?.list) return;
 
       const scrollPosition = this.getScrollPosition();
       let activeFloor = null;
-      console.log(this.curIndex,scrollPosition,'this.curIndex===');
-
-      // 从下往上查找当前可见区域对应的楼层
-      // for (let i = this.menuList[this.curIndex].list.length - 1; i >= 0; i--) {
-      //   const item = this.menuList[this.curIndex].list[i];
-      //   if (scrollPosition + 100 >= (item.offsetTop || 0)) { // 100是提前量
-      //     activeFloor = item.desc;
-      //     break;
-      //   }
-      // }
-      // 从上往下
+
+      // 从上往下查找当前可见区域对应的楼层
       for (let i = 0; i < this.menuList[this.curIndex].list.length; i++) {
         const item = this.menuList[this.curIndex].list[i];
-        if (scrollPosition + 100 >= (item.offsetTop || 0)) { // 100是提前量
-          activeFloor = item.desc;
-          break;
+        if (item.offsetTop && scrollPosition + 100 >= item.offsetTop) {
+          activeFloor = item.desc || item.componentsName;
         }
       }
 
@@ -144,93 +200,89 @@ export default {
       }
       return this.scrollContainer.scrollTop;
     },
-    // setActiveCur(dom, item) {
-    //   if (this.$route.path != item.path) {
-    //     this.$router.push(item.path)
-    //     store.commit('SET_PAGETITLE', item.name);
-    //   }
-    //   setTimeout(() => {
-    //     this.activeFloor = dom;
-    //     this.setHighActive(dom)
-    //   }, 500)
-    // },
-
-    // setHighActive(dom) {
-    //   this.scrollLock = true;
-    //   const ele = document.getElementById(dom)
-    //   if (!ele) return
-    //   ele.classList.add('ceshi')
-    //   ele.scrollIntoView({ behavior: 'smooth', block: 'start' })
-    //   setTimeout(() => {
-    //     ele.classList.remove('ceshi')
-    //   }, 1000)
-    // }
-    gotoPath(item) {
+
+    gotoPath(item, index) {
+      this.curIndex = index;
       let path = item.path;
-      this.activeFloor = path
-      if (!path) {
-        this.curIndex = 0;
-        return;
+
+      // 如果菜单项没有自己的path但有子菜单，默认选中第一个子项
+      if (!path && item.list && item.list.length) {
+        const firstSubItem = item.list[0];
+        if (firstSubItem.componentsName) {
+          this.activeFloor = firstSubItem.componentsName;
+          store.commit('SET_COMPONENTS_NAME', firstSubItem.componentsName);
+        } else if (firstSubItem.path) {
+          // 如果有二级路径，跳转到二级路径
+          this.setActiveCur(firstSubItem, item, index);
+          return;
+        }
       }
-      if (this.$route.path != path) {
-        this.curIndex = 0;
+
+      this.activeFloor = path;
+      if (!path) {
         this.scrollLock = false;
         this.handleScroll();
-        
-        // 携带当前所有参数跳转
+        return;
+      }
+
+      if (this.$route.path !== path) {
         this.$router.push({
           path: path,
-          query: { ...this.$route.query }, // 携带所有查询参数
-          params: { ...this.$route.params } // 携带所有路由参数
+          query: { ...this.$route.query },
+          params: { ...this.$route.params }
         });
-        
-        // 重置页面滚动高度
+
         const dom = document.getElementById('main-content');
         if (dom) dom.scrollTop = 0;
       }
     },
-    
-    setActiveCur(item1, item,index) {
+
+    setActiveCur(item1, item, index) {
       this.curIndex = index;
       let componentsName = item1?.componentsName;
-      // 如果采用的是 组件切换显示的办法
-      if(componentsName){
+
+      // 组件切换模式
+      if (componentsName) {
         this.activeFloor = componentsName;
-        // 同步 当前切换的组件名称
         store.commit('SET_COMPONENTS_NAME', componentsName);
-        return
+        return;
       }
+
       // 如果 是路由跳转
       // 如果 二级菜单同时存在路由 那么跳转以二级路由为优先
       // 如果 是同一页面 只是页面区域的滚动展示 那么跳转一级路由
       let path = item1.path || item.path;
-      if ( this.$route.path !== path) {
-        if(this.carryParam){
-          // 携带当前所有参数跳转
+      if (path && this.$route.path !== path) {
+        if (this.carryParam) {
           this.$router.push({
             path: path,
-            query: { ...this.$route.query }, // 携带所有查询参数
-            params: { ...this.$route.params } // 携带所有路由参数
+            query: { ...this.$route.query },
+            params: { ...this.$route.params }
           });
-        }else{
+        } else {
           this.$router.push(path);
         }
 
         store.commit('SET_PAGETITLE', item.name);
+
+        // 如果是跳转到新页面，重置滚动
+        const dom = document.getElementById('main-content');
+        if (dom) dom.scrollTop = 0;
       }
 
       this.scrollLock = true;
-      if(item1.desc){
+      if (item1.desc) {
         this.activeFloor = item1.desc;
       }
-      // 如果 二级路由存在跳转 那么不再进行页面的滚动
-      if(item1.path){
+      if (item1.path) {
         this.activeFloor = item1.path;
-        return
+        return;
       }
 
       this.$nextTick(() => {
-        this.setHighActive(item1.desc);
+        if (item1.desc) {
+          this.setHighActive(item1.desc);
+        }
         setTimeout(() => {
           this.scrollLock = false;
         }, 1000);
@@ -245,9 +297,9 @@ export default {
           eles[i].classList.remove('siteMessage-active');
         }
         ele.classList.add('siteMessage-active');
-        setTimeout(function (){
-            ele.classList.remove('siteMessage-active');
-        },1000)
+        setTimeout(() => {
+          ele.classList.remove('siteMessage-active');
+        }, 1000);
         ele.scrollIntoView({
           behavior: 'smooth',
           block: 'start'
@@ -266,10 +318,12 @@ export default {
   background: #FFFFFF;
   box-shadow: 0px 0px 11px 2px rgba(147, 147, 147, 0.11);
 }
-ul{
+
+ul {
   height: 100%;
   overflow-y: auto;
 }
+
 .ceshi {
   // animation: fadeInOut 2s infinite;
 }
diff --git a/src/components/SliderScondThree.vue b/src/components/SliderScondThree.vue
index 13ebb24..94d9298 100644
--- a/src/components/SliderScondThree.vue
+++ b/src/components/SliderScondThree.vue
@@ -345,7 +345,6 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-family: Microsoft YaHei UI;
     gap: 8px;
     min-width: 0; /* 重要：防止flex容器溢出 */
 }
@@ -378,7 +377,6 @@ export default {
     background: #BFDAFF;
     opacity: 1;
     white-space: nowrap; 
-    font-family: Microsoft YaHei;
     font-size: 12px;
     font-weight: normal;
     line-height: 13px;
diff --git a/src/components/preview/logoBack_color.vue b/src/components/preview/logoBack_color.vue
index 9233598..63cd21d 100644
--- a/src/components/preview/logoBack_color.vue
+++ b/src/components/preview/logoBack_color.vue
@@ -129,7 +129,6 @@ export default {
                     margin-bottom: 20px;
                 }
                 button{
-                    font-family: Microsoft YaHei UI;
                     border-radius: 4px;
                     border: none;
                     padding: 7px 10px;
diff --git a/src/components/site/addSiteStep/step2.vue b/src/components/site/addSiteStep/step2.vue
index 89725e2..b0de18a 100644
--- a/src/components/site/addSiteStep/step2.vue
+++ b/src/components/site/addSiteStep/step2.vue
@@ -656,7 +656,6 @@ export default {
   }
 }
 .trigger_placeholder{
-    font-family: Microsoft YaHei UI;
     color: #8A9099;
     font-size: 14px;
     font-weight: normal;
diff --git a/src/components/super/DateSelect.vue b/src/components/super/DateSelect.vue
index 39c91e1..499487e 100644
--- a/src/components/super/DateSelect.vue
+++ b/src/components/super/DateSelect.vue
@@ -182,7 +182,7 @@
   
   <style scoped>
   .date-picker {
-    font-family: Microsoft YaHei UI;
+    
     /* width: 300px; */
     /* border: 1px solid #ddd; */
     border-radius: 4px;
@@ -262,7 +262,7 @@
   }
   
   .month-grid button, .year-grid button {
-    font-family: Microsoft YaHei UI;
+    
     padding: 8px;
     border: none;
     display: flex;
diff --git a/src/store/index.js b/src/store/index.js
index b9b4856..43cef0f 100755
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -402,91 +402,6 @@ export default new Vuex.Store({
        ]
       }
     ],
-    siteSettingData1: [{
-        name: '基本设置',
-        path: '/agent/siteBaseSetting',
-        img: 'site/sitebase.svg',
-        imgActive: require('@/assets/site/sitebase_active.svg'),
-        list: [{
-            name: '站点信息',
-            desc: 'siteMessage1'
-          },
-          {
-            name: '域名设置',
-            desc: 'siteMessage2'
-          },
-          {
-            name: '渠道设置',
-            desc: 'siteMessage14'
-          },
-          {
-            name: '收款方式',
-            desc: 'siteMessage3'
-          },
-        ]
-      },
-      {
-        name: '个性化设置',
-        path: '/agent/sitePersonalization',
-        img: 'site/gexinghua.svg',
-        imgActive: require('@/assets/site/sitebase_active.svg'),
-        list: [{
-            name: '网页模板',
-            desc: 'siteMessage4'
-          },
-          {
-            name: '客服设置',
-            desc: 'siteMessage5'
-          },
-          {
-            name: '功能显隐',
-            desc: 'siteMessage6'
-          },
-          {
-            name: '安全提交',
-            desc: 'siteMessage7'
-          },
-          {
-            name: '初始订单数',
-            desc: 'siteMessage8'
-          },
-        ]
-      },
-      {
-        name: '移动端设置',
-        path: '/agent/siteMobileSetting',
-        img: 'site/siteh5.svg',
-        imgActive: require('@/assets/site/sitebase_active.svg'),
-        list: [{
-            name: '微信H5',
-            desc: 'siteMessage9'
-          },
-          {
-            name: '小程序',
-            desc: 'siteMessage10'
-          },
-        ]
-      },
-      {
-        name: '营销推广',
-        path: '/siteSetting/siteSem',
-        img: 'site/sitesem.svg',
-        imgActive: require('@/assets/site/sitebase_active.svg'),
-        list: [{
-            name: 'SEO设置',
-            desc: 'siteMessage11'
-          },
-          {
-            name: 'SEM设置',
-            desc: 'siteMessage12'
-          },
-          {
-            name: '访问统计',
-            desc: 'siteMessage13'
-          },
-        ]
-      }
-    ],
     siteSettingData: [ //第二种侧边栏 -- 点击单项进行页面滚动
       {
         name: '基本设置',
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index 96803eb..9df1392 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -2,9 +2,13 @@ html {
     scroll-behavior: smooth;
     /* 使整个页面的滚动平滑 */
 }
-
+:root {
+    --font-chinese: "Microsoft YaHei", "Microsoft YaHei UI", -apple-system, 
+      BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", 
+      "Helvetica Neue", Helvetica, Arial, sans-serif;
+  }
 body {
-    font-family: Microsoft YaHei UI;
+    font-family: var(--font-chinese) !important;
     font-size: 14px;
     margin: 0;
     width: 100vw;
@@ -30,7 +34,6 @@ body {
 }
 
 .pageTitle {
-    font-family: Microsoft YaHei UI;
     font-size: 16px;
     font-weight: bold;
     line-height: normal;
@@ -41,7 +44,6 @@ body {
 }
 
 .littleTitle {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: bold;
     line-height: normal;
@@ -355,7 +357,7 @@ body {
 
     .flex-left-desc {
         /* body/body 2_regular */
-        font-family: Microsoft YaHei UI;
+        
         font-size: 14px;
         font-weight: normal;
         line-height: normal;
@@ -396,7 +398,7 @@ body {
     border-radius: 2px;
     width: 96px;
     height: 38px;
-    font-family: Microsoft YaHei UI;
+    
     font-size: 14px;
     letter-spacing: 0.08em;
     display: flex;
@@ -612,7 +614,7 @@ body {
 .el-input {
     border-radius: 2px;
     border: 1px solid transparent;
-    font-family: Microsoft YaHei UI;
+    
 }
 
 .el-input:focus-within {
@@ -661,7 +663,7 @@ body {
 .el-input__inner::placeholder {
     color: #BABDC2;
     letter-spacing: 0.08em;
-    font-family: Microsoft YaHei UI;
+    
 }
 
 .el-input--prefix .el-input__inner {
@@ -696,7 +698,7 @@ body {
 // 应用在表格表头上的下拉开框 统一类名修改 字体效果
 .tableHeaderSelect ::v-deep .el-input__inner {
     font-weight: normal;
-    font-family: Microsoft YaHei UI;
+    
 }
 
 .el-select:hover .el-input__inner {
@@ -724,7 +726,7 @@ body {
     padding: 10px 12px;
     border-radius: 2px;
     height: 100% !important;
-    font-family: Microsoft YaHei UI;
+    
 }
 
 .el-textarea__inner:hover {
@@ -1207,7 +1209,8 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-family: Microsoft YaHei UI;
+    
+
     .left b {
         display: block;
         text-align: left;
diff --git a/src/views/ConfigureServicePrices.vue b/src/views/ConfigureServicePrices.vue
index 29c1ab2..e99e8b8 100644
--- a/src/views/ConfigureServicePrices.vue
+++ b/src/views/ConfigureServicePrices.vue
@@ -322,14 +322,11 @@ export default {
         b {
             display: inline-block;
             margin-right: 32px;
-            /* body/body 1_bold */
-            font-family: Microsoft YaHei UI;
             font-size: 16px;
             font-weight: bold;
             line-height: normal;
             letter-spacing: 0.08em;
             font-variation-settings: "opsz" auto;
-            /* text/text_1 */
             color: #1E2226;
         }
     }
diff --git a/src/views/agent/checkOrderList.vue b/src/views/agent/checkOrderList.vue
index f24c73c..cddf7e3 100644
--- a/src/views/agent/checkOrderList.vue
+++ b/src/views/agent/checkOrderList.vue
@@ -887,7 +887,6 @@ a:hover {
 }
 
 .fontgreen {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -903,7 +902,6 @@ a:hover {
 }
 
 .fontblue {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -919,7 +917,6 @@ a:hover {
 }
 
 .fontred {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -959,13 +956,10 @@ a:hover {
 }
 
 .checktitle {
-    /* body/body 2_bold */
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: bold;
     line-height: normal;
     letter-spacing: 0.08em;
-    /* text/text_1 */
     color: #1E2226;
 }
 
diff --git a/src/views/agent/domainList.vue b/src/views/agent/domainList.vue
index 57442da..f1d2214 100644
--- a/src/views/agent/domainList.vue
+++ b/src/views/agent/domainList.vue
@@ -370,9 +370,7 @@ export default {
 .page-container {
     padding: 32px 32px;
 }
-.tip-title { 
-  /* body/body 2_bold */
-  font-family: Microsoft YaHei UI;
+.tip-title {
   font-size: 14px;
   font-weight: bold;
   line-height: normal;
@@ -420,7 +418,6 @@ export default {
 }
 
 .desc-text {
-  font-family: Microsoft YaHei UI;
   font-size: 14px;
   font-weight: normal;
   line-height: normal;
@@ -430,7 +427,6 @@ export default {
 }
 
 .expiretime {
-  font-family: Microsoft YaHei UI;
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
@@ -529,13 +525,10 @@ a {
       margin-bottom: 32px;
       h3{
         margin: 0;
-        /* body/body 2_bold */
-        font-family: Microsoft YaHei UI;
         font-size: 14px;
         font-weight: bold;
         line-height: normal;
         letter-spacing: 0.08em;
-        /* text/text_1 */
         color: #1E2226;
       }
 
diff --git a/src/views/agent/home.vue b/src/views/agent/home.vue
index 4d243de..1a85dc6 100644
--- a/src/views/agent/home.vue
+++ b/src/views/agent/home.vue
@@ -425,7 +425,6 @@ a {
 }
 
 .specMoney {
-  font-family: Microsoft YaHei UI;
   font-size: 14px;
   font-weight: normal;
   line-height: 22px;
diff --git a/src/views/agent/supplyList.vue b/src/views/agent/supplyList.vue
index 82f4cdb..0ff35fa 100644
--- a/src/views/agent/supplyList.vue
+++ b/src/views/agent/supplyList.vue
@@ -145,7 +145,6 @@ export default {
 }
 
 .classify-title {
-    font-family: Microsoft YaHei UI;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
@@ -179,14 +178,11 @@ export default {
     z-index: 0;
 }
 .ver-title {
-    /* body/body 1_bold */
-    font-family: Microsoft YaHei UI;
     font-size: 16px;
     font-weight: bold;
     line-height: normal;
     text-align: justify; /* 浏览器可能不支持 */
     letter-spacing: 0.08em;
-    /* text/text_1 */
     color: #1E2226;
 }
 
@@ -215,8 +211,6 @@ export default {
 }
 .anchor {
     text-decoration: none;
-    /* body/body 2_regular */
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -227,8 +221,6 @@ export default {
 }
 
 .ver-desc {
-    /* body/body 2_regular */
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -240,7 +232,6 @@ export default {
 }
 
 .ver-single {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -251,7 +242,6 @@ export default {
 }
 
 .ver-single-desc {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -290,8 +280,6 @@ export default {
 }
 
 .service-title {
-    /* body/body 2_regular */
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -303,7 +291,6 @@ export default {
 }
 
 .service-desc {
-    font-family: Microsoft YaHei UI;
     font-size: 12px;
     font-weight: normal;
     line-height: 17px;
@@ -334,7 +321,6 @@ export default {
     z-index: 1;
 }
 .price {
-    font-family: Microsoft YaHei UI;
     font-size: 20px;
     font-weight: normal;
     line-height: 20px;
@@ -345,7 +331,6 @@ export default {
 }
 
 .unit {
-    font-family: Microsoft YaHei UI;
     font-size: 12px;
     font-weight: normal;
     line-height: 16px;
@@ -374,7 +359,6 @@ export default {
 }
 
 .fontgreen {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -390,7 +374,6 @@ export default {
 }
 
 .fontblue {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
@@ -406,7 +389,6 @@ export default {
 }
 
 .fontred {
-    font-family: Microsoft YaHei UI;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
diff --git a/src/views/super/Ranking/Purchase.vue b/src/views/super/Ranking/Purchase.vue
index 566e1d8..aabf0fc 100644
--- a/src/views/super/Ranking/Purchase.vue
+++ b/src/views/super/Ranking/Purchase.vue
@@ -399,7 +399,6 @@ export default {
     font-size: 14px;
     font-weight: normal;
     letter-spacing: 0.08em;
-    font-family: Microsoft YaHei UI;
     color: #1E2226;
 }
 
diff --git a/src/views/super/Ranking/RankBatchList.vue b/src/views/super/Ranking/RankBatchList.vue
index 0588b70..3f22a53 100644
--- a/src/views/super/Ranking/RankBatchList.vue
+++ b/src/views/super/Ranking/RankBatchList.vue
@@ -2,7 +2,7 @@
     <div class="demo-wrap main-content12">
         <div class="flex-between flex-end pagetitle">
             <h4>{{ pageTitle }}</h4>
-            <CustomDropdown ref="dropdownRef" :placeholder="'（'+viewDesc[this.view]+')'+text" width="280px">
+            <CustomDropdown ref="dropdownRef" :placeholder="textDesc" width="280px">
                 <DateSelect slot="normal" :view="view" v-model="selectedDate" @update-count="handleUpdateView"
                     @change="handleDateChange" />
             </CustomDropdown>
@@ -23,8 +23,8 @@
         </div>
         <div class=" flex-common" id="">
             <el-form>
-                <GuipTable :tableData="tableData" style="width: 100%" :border="true" @sort-change="handleSortChange"
-                    :loading="loading" @cell-mouse-enter="handleRowHover">
+                <GuipTable :tableData="tableData" style="width: 100%" :border="true" @sort-change="handleSortChange" :loading="loading"
+                    @cell-mouse-enter="handleRowHover">
                     <el-table-column fixed="left" prop="sort" label="排序" width="70"></el-table-column>
                     <el-table-column fixed="left"
                         v-if="(dataRank == 1 || dataRank == 2) && (dataType == 'ver_type' || dataType == 'check_type')"
@@ -229,10 +229,10 @@ export default {
                 'check_type': '服务名称',
             },
             type_select: {
-                'ver_type': '按品牌名称',
-                'check_type': '按服务名称',
+                'ver_type': '按品牌名称',//2
+                'check_type': '按服务名称',//1
             },
-            selectedType: 'ver_type',
+            selectedType: 'check_type',
             view: 'month',
             labels: ['', '', '', ''],
             current_month: '',
@@ -243,6 +243,7 @@ export default {
             sort_by: 4,
             sort_order: 2,
             text: '',//下拉框显示具体文案
+            textDesc: '',//下拉框显示具体文案
             selectedDate: new Date(),//默认当天日期
             dataType: '',
             dataRank: '',
@@ -263,22 +264,25 @@ export default {
     },
     methods: {
         init() {
+            this.selectedType = this.type;
             document.title = this.pageTitle;
-
             this.text = this.getNowDate()
             this.dataType = this.type
             this.dataRank = this.rank_type
 
+
             this.getRankingData();
         },
         handleUpdateView(newView) {
             this.view = newView;
         },
         getNowDate() {
+            const viewdesc = this.viewDesc[this.view];
             const now = new Date();
             const year = now.getFullYear();
             const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，补零
             const currentYearMonth = `${year}-${month}`;
+            this.textDesc = viewdesc + currentYearMonth;
             return `${currentYearMonth}`
         },
         getDate(dateStr) {
@@ -292,7 +296,9 @@ export default {
             }
         },
         handleDateChange(date) {
+            const viewdesc = this.viewDesc[this.view];
             this.text = this.getDate(date)
+            this.textDesc = viewdesc + this.text;
             this.selectedDate = date;
             localStorage.setItem('date', JSON.stringify(date))
 
@@ -433,17 +439,17 @@ export default {
             this.show_detail_index = row.sort
         },
         changeRankType() {
-            const dataRankObj = {
-                'check_type':'1',
-                'ver_type':'2'
-            }
+            // const dataRankObj = {
+            //     'check_type':'1',
+            //     'ver_type':'2'
+            // }
             this.dataType = this.selectedType
-            this.dataRank = dataRankObj[this.selectedType]
+            // this.dataRank = dataRankObj[this.selectedType]
             this.getRankingData()
         },
+        // 获取排名数据：根据当前选择的数据类型调用相应的排名接口
         getRankingData() {
             this.setLabelText();
-
             if (this.dataType == 'agent') {
                 this.getAgentRanking()
             }
@@ -466,11 +472,11 @@ export default {
             if (this.view === 'month' && year == currentYear && month == currentMonth) {
                 this.current_month = '(当月)';
             }
-
+            //表格 头部label 
             this.labels = [];
             if (this.view === 'year') {
                 for (let i = 3; i >= 0; i--) {
-                    this.labels.push((year - i) + '年' + this.rank_type_desc[this.dataRank]);
+                    this.labels.push((year - i) + '年' + this.rank_type_desc[this.rank_type]);
                 }
             } else {
                 const monthLabels = [];
@@ -478,7 +484,7 @@ export default {
                     let m = month - i;
                     if (m <= 0) m += 12;
 
-                    monthLabels.push(m + '月' + this.rank_type_desc[this.dataRank]);
+                    monthLabels.push(m + '月' + this.rank_type_desc[this.rank_type]);
                 }
                 this.labels = monthLabels;
             }
@@ -526,6 +532,7 @@ export default {
             })
         },
         getTypeRanking() {
+            console.log(this.dataRank,'that.dataRank===');
             //产品排行
             const that = this
             that.tableData = []
@@ -546,6 +553,7 @@ export default {
                     that.total = response.data.total
                 })
             }).catch(error => {
+                this.loading = false;
                 console.error(error, 'error')
             })
         },
@@ -629,7 +637,6 @@ export default {
 
   .pop-top {
     h3 {
-      font-family: Microsoft YaHei UI;
       font-size: 16px;
       font-weight: bold;
       line-height: 18px;
@@ -690,8 +697,7 @@ export default {
     font-size: 14px;
     font-weight: normal;
     letter-spacing: 0.08em;
-    font-family: Microsoft YaHei UI;
     color: #1E2226;
     height: 100%;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/super/Ranking/RankDetail.vue b/src/views/super/Ranking/RankDetail.vue
index b8a97c0..1b779b6 100644
--- a/src/views/super/Ranking/RankDetail.vue
+++ b/src/views/super/Ranking/RankDetail.vue
@@ -536,7 +536,6 @@ export default {
 
   .pop-top {
     h3 {
-      font-family: Microsoft YaHei UI;
       font-size: 16px;
       font-weight: bold;
       line-height: 18px;
diff --git a/src/views/super/Ranking/RankList.vue b/src/views/super/Ranking/RankList.vue
index 7ec1a58..275a878 100644
--- a/src/views/super/Ranking/RankList.vue
+++ b/src/views/super/Ranking/RankList.vue
@@ -705,7 +705,6 @@ export default {
 
   .pop-top {
     h3 {
-      font-family: Microsoft YaHei UI;
       font-size: 16px;
       font-weight: bold;
       line-height: 18px;
@@ -755,7 +754,6 @@ export default {
   font-size: 14px;
   font-weight: normal;
   letter-spacing: 0.08em;
-  font-family: Microsoft YaHei UI;
   color: #1E2226;
   height: 100%;
 }
diff --git a/src/views/super/Ranking/Ranking.vue b/src/views/super/Ranking/Ranking.vue
index deae560..5f4d77f 100644
--- a/src/views/super/Ranking/Ranking.vue
+++ b/src/views/super/Ranking/Ranking.vue
@@ -87,7 +87,6 @@ export default {
 
   .pop-top {
     h3 {
-      font-family: Microsoft YaHei UI;
       font-size: 16px;
       font-weight: bold;
       line-height: 18px;