diff --git a/src/App.vue b/src/App.vue
index e751a54..7efc269 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,8 +8,9 @@
         <div class="bg"></div>
       </el-header>
       <el-container :class="(showHeader ? 'short-container' : '')">
-        <SliderMenu v-if="showSidebar" :menuData="menuData"></SliderMenu>
-        <el-container>
+        <SliderMenu v-if="showSidebar" :menuData="slidermenu" :customize="customize"></SliderMenu>
+        <!-- <SliderMenu v-if="showSidebar" :menuData="menuData"></SliderMenu> -->
+        <el-container class="main-right-content">
           <!-- 面包屑导航 -->
           <Breadcrumb />
           <el-main class="app-content">
@@ -17,10 +18,7 @@
                 <router-view />
               </global-loading>
             </el-main>
-          <!-- <el-footer v-if="showFooter">
-            <Footer></Footer>
-          </el-footer> -->
-
+            <!-- <Footer v-if="showFooter"></Footer> -->
         </el-container>
       </el-container>
     </el-container>
@@ -28,7 +26,6 @@
 </template>
 <script>
 import SliderMenu from '@/components/SliderMenu.vue';
-// import Footer from '@/components/Footer.vue';
 import { mapState } from 'vuex';
 import Header from './components/Header.vue';
 import Breadcrumb from './components/Breadcrumb.vue';
@@ -39,26 +36,6 @@ export default {
   data() {
     return {
       isCollapse: true,
-    //   menuData: [
-    //     {
-    //       index: '1',
-    //       title: '父级菜单1',
-    //       icon: 'el-icon-location',
-    //       children: [
-    //         { index: '1-1', title: '子级菜单1-1', path: '/' },
-    //         { index: '1-2', title: 'ui页面', path: '/ui' }
-    //       ]
-    //     },
-    //     {
-    //       index: '2',
-    //       title: '父级菜单2',
-    //       icon: 'el-icon-menu',
-    //       children: [
-    //         { index: '2-1', title: '子级菜单2-1', path: '/about' },
-    //         { index: '2-2', title: '加盟耶main', path: '/franchise' }
-    //       ]
-    //     }
-    //   ]
     };
   },
   components: {
@@ -70,9 +47,10 @@ export default {
     Breadcrumb
   },
   computed: {
-    ...mapState(['menuData','showSidebar', 'showFooter', 'showHeader']) // 从Vuex映射showSidebar状态到组件的计算属性中
+    ...mapState(['showSidebar', 'showFooter', 'showHeader','slidermenu','customize']) // 从Vuex映射showSidebar状态到组件的计算属性中
   },
   mounted() {
+    console.log(this.showFooter,'showFooter----');
     window.addEventListener('beforeunload', this.clearStorage);
   },
   beforeUnmount() {
@@ -110,6 +88,11 @@ export default {
 .short-container {
   height: calc(100vh - 62px);
 }
+.main-right-content{
+  display: flex;
+  flex-direction: column;
+}
+
 
 ::v-deep .el-container .el-main {
   // padding: 12px;
diff --git a/src/assets/menu/home-bread.svg b/src/assets/menu/home-bread.svg
new file mode 100644
index 0000000..e3ef53e
--- /dev/null
+++ b/src/assets/menu/home-bread.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_164_44672"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_164_44672)"><g><path d="M2.3333334922790527,5.666663492279053C2.3333334922790527,5.666663492279053,1.9953204922790526,5.092043492279053,1.9953204922790526,5.092043492279053C1.9953204922790526,5.092043492279053,1.6666664922790528,5.285373492279053,1.6666664922790528,5.285373492279053C1.6666664922790528,5.285373492279053,1.6666664922790528,5.666663492279053,1.6666664922790528,5.666663492279053C1.6666664922790528,5.666663492279053,2.3333334922790527,5.666663492279053,2.3333334922790527,5.666663492279053C2.3333334922790527,5.666663492279053,2.3333334922790527,5.666663492279053,2.3333334922790527,5.666663492279053ZM13.666633492279052,5.666663492279053C13.666633492279052,5.666663492279053,14.333333492279053,5.666663492279053,14.333333492279053,5.666663492279053C14.333333492279053,5.666663492279053,14.333333492279053,5.285373492279053,14.333333492279053,5.285373492279053C14.333333492279053,5.285373492279053,14.004633492279053,5.092043492279053,14.004633492279053,5.092043492279053C14.004633492279053,5.092043492279053,13.666633492279052,5.666663492279053,13.666633492279052,5.666663492279053C13.666633492279052,5.666663492279053,13.666633492279052,5.666663492279053,13.666633492279052,5.666663492279053ZM13.666633492279052,13.666633492279052C13.666633492279052,13.666633492279052,13.666633492279052,14.333333492279053,13.666633492279052,14.333333492279053C13.666633492279052,14.333333492279053,14.333333492279053,14.333333492279053,14.333333492279053,14.333333492279053C14.333333492279053,14.333333492279053,14.333333492279053,13.666633492279052,14.333333492279053,13.666633492279052C14.333333492279053,13.666633492279052,13.666633492279052,13.666633492279052,13.666633492279052,13.666633492279052C13.666633492279052,13.666633492279052,13.666633492279052,13.666633492279052,13.666633492279052,13.666633492279052ZM2.3333334922790527,13.666633492279052C2.3333334922790527,13.666633492279052,1.6666664922790528,13.666633492279052,1.6666664922790528,13.666633492279052C1.6666664922790528,13.666633492279052,1.6666664922790528,14.333333492279053,1.6666664922790528,14.333333492279053C1.6666664922790528,14.333333492279053,2.3333334922790527,14.333333492279053,2.3333334922790527,14.333333492279053C2.3333334922790527,14.333333492279053,2.3333334922790527,13.666633492279052,2.3333334922790527,13.666633492279052C2.3333334922790527,13.666633492279052,2.3333334922790527,13.666633492279052,2.3333334922790527,13.666633492279052ZM8.000003492279053,2.3333334922790527C8.000003492279053,2.3333334922790527,8.338013492279053,1.7587104922790529,8.338013492279053,1.7587104922790529C8.338013492279053,1.7587104922790529,8.000003492279053,1.5598794922790526,8.000003492279053,1.5598794922790526C8.000003492279053,1.5598794922790526,7.661983492279052,1.7587104922790529,7.661983492279052,1.7587104922790529C7.661983492279052,1.7587104922790529,8.000003492279053,2.3333334922790527,8.000003492279053,2.3333334922790527C8.000003492279053,2.3333334922790527,8.000003492279053,2.3333334922790527,8.000003492279053,2.3333334922790527ZM6.666663492279053,9.333333492279053C6.666663492279053,9.333333492279053,6.666663492279053,8.666663492279053,6.666663492279053,8.666663492279053C6.666663492279053,8.666663492279053,6.000003492279053,8.666663492279053,6.000003492279053,8.666663492279053C6.000003492279053,8.666663492279053,6.000003492279053,9.333333492279053,6.000003492279053,9.333333492279053C6.000003492279053,9.333333492279053,6.666663492279053,9.333333492279053,6.666663492279053,9.333333492279053C6.666663492279053,9.333333492279053,6.666663492279053,9.333333492279053,6.666663492279053,9.333333492279053ZM9.333333492279053,9.333333492279053C9.333333492279053,9.333333492279053,10.000003492279053,9.333333492279053,10.000003492279053,9.333333492279053C10.000003492279053,9.333333492279053,10.000003492279053,8.666663492279053,10.000003492279053,8.666663492279053C10.000003492279053,8.666663492279053,9.333333492279053,8.666663492279053,9.333333492279053,8.666663492279053C9.333333492279053,8.666663492279053,9.333333492279053,9.333333492279053,9.333333492279053,9.333333492279053C9.333333492279053,9.333333492279053,9.333333492279053,9.333333492279053,9.333333492279053,9.333333492279053ZM9.333333492279053,13.666633492279052C9.333333492279053,13.666633492279052,9.333333492279053,14.333333492279053,9.333333492279053,14.333333492279053C9.333333492279053,14.333333492279053,10.000003492279053,14.333333492279053,10.000003492279053,14.333333492279053C10.000003492279053,14.333333492279053,10.000003492279053,13.666633492279052,10.000003492279053,13.666633492279052C10.000003492279053,13.666633492279052,9.333333492279053,13.666633492279052,9.333333492279053,13.666633492279052C9.333333492279053,13.666633492279052,9.333333492279053,13.666633492279052,9.333333492279053,13.666633492279052ZM6.666663492279053,13.666633492279052C6.666663492279053,13.666633492279052,6.000003492279053,13.666633492279052,6.000003492279053,13.666633492279052C6.000003492279053,13.666633492279052,6.000003492279053,14.333333492279053,6.000003492279053,14.333333492279053C6.000003492279053,14.333333492279053,6.666663492279053,14.333333492279053,6.666663492279053,14.333333492279053C6.666663492279053,14.333333492279053,6.666663492279053,13.666633492279052,6.666663492279053,13.666633492279052C6.666663492279053,13.666633492279052,6.666663492279053,13.666633492279052,6.666663492279053,13.666633492279052ZM13.000033492279053,5.666663492279053C13.000033492279053,5.666663492279053,13.000033492279053,13.666633492279052,13.000033492279053,13.666633492279052C13.000033492279053,13.666633492279052,14.333333492279053,13.666633492279052,14.333333492279053,13.666633492279052C14.333333492279053,13.666633492279052,14.333333492279053,5.666663492279053,14.333333492279053,5.666663492279053C14.333333492279053,5.666663492279053,13.000033492279053,5.666663492279053,13.000033492279053,5.666663492279053C13.000033492279053,5.666663492279053,13.000033492279053,5.666663492279053,13.000033492279053,5.666663492279053ZM13.666633492279052,13.000033492279053C13.666633492279052,13.000033492279053,2.3333334922790527,13.000033492279053,2.3333334922790527,13.000033492279053C2.3333334922790527,13.000033492279053,2.3333334922790527,14.333333492279053,2.3333334922790527,14.333333492279053C2.3333334922790527,14.333333492279053,13.666633492279052,14.333333492279053,13.666633492279052,14.333333492279053C13.666633492279052,14.333333492279053,13.666633492279052,13.000033492279053,13.666633492279052,13.000033492279053C13.666633492279052,13.000033492279053,13.666633492279052,13.000033492279053,13.666633492279052,13.000033492279053ZM3.0000004922790526,13.666633492279052C3.0000004922790526,13.666633492279052,3.0000004922790526,5.666663492279053,3.0000004922790526,5.666663492279053C3.0000004922790526,5.666663492279053,1.6666664922790528,5.666663492279053,1.6666664922790528,5.666663492279053C1.6666664922790528,5.666663492279053,1.6666664922790528,13.666633492279052,1.6666664922790528,13.666633492279052C1.6666664922790528,13.666633492279052,3.0000004922790526,13.666633492279052,3.0000004922790526,13.666633492279052C3.0000004922790526,13.666633492279052,3.0000004922790526,13.666633492279052,3.0000004922790526,13.666633492279052ZM2.671346492279053,6.241293492279053C2.671346492279053,6.241293492279053,8.338013492279053,2.9079564922790526,8.338013492279053,2.9079564922790526C8.338013492279053,2.9079564922790526,7.661983492279052,1.7587104922790529,7.661983492279052,1.7587104922790529C7.661983492279052,1.7587104922790529,1.9953204922790526,5.092043492279053,1.9953204922790526,5.092043492279053C1.9953204922790526,5.092043492279053,2.671346492279053,6.241293492279053,2.671346492279053,6.241293492279053C2.671346492279053,6.241293492279053,2.671346492279053,6.241293492279053,2.671346492279053,6.241293492279053ZM7.661983492279052,2.9079564922790526C7.661983492279052,2.9079564922790526,13.328633492279053,6.241293492279053,13.328633492279053,6.241293492279053C13.328633492279053,6.241293492279053,14.004633492279053,5.092043492279053,14.004633492279053,5.092043492279053C14.004633492279053,5.092043492279053,8.338013492279053,1.7587104922790529,8.338013492279053,1.7587104922790529C8.338013492279053,1.7587104922790529,7.661983492279052,2.9079564922790526,7.661983492279052,2.9079564922790526C7.661983492279052,2.9079564922790526,7.661983492279052,2.9079564922790526,7.661983492279052,2.9079564922790526ZM6.666663492279053,10.000003492279053C6.666663492279053,10.000003492279053,9.333333492279053,10.000003492279053,9.333333492279053,10.000003492279053C9.333333492279053,10.000003492279053,9.333333492279053,8.666663492279053,9.333333492279053,8.666663492279053C9.333333492279053,8.666663492279053,6.666663492279053,8.666663492279053,6.666663492279053,8.666663492279053C6.666663492279053,8.666663492279053,6.666663492279053,10.000003492279053,6.666663492279053,10.000003492279053C6.666663492279053,10.000003492279053,6.666663492279053,10.000003492279053,6.666663492279053,10.000003492279053ZM8.666663492279053,9.333333492279053C8.666663492279053,9.333333492279053,8.666663492279053,13.666633492279052,8.666663492279053,13.666633492279052C8.666663492279053,13.666633492279052,10.000003492279053,13.666633492279052,10.000003492279053,13.666633492279052C10.000003492279053,13.666633492279052,10.000003492279053,9.333333492279053,10.000003492279053,9.333333492279053C10.000003492279053,9.333333492279053,8.666663492279053,9.333333492279053,8.666663492279053,9.333333492279053C8.666663492279053,9.333333492279053,8.666663492279053,9.333333492279053,8.666663492279053,9.333333492279053ZM9.333333492279053,13.000033492279053C9.333333492279053,13.000033492279053,6.666663492279053,13.000033492279053,6.666663492279053,13.000033492279053C6.666663492279053,13.000033492279053,6.666663492279053,14.333333492279053,6.666663492279053,14.333333492279053C6.666663492279053,14.333333492279053,9.333333492279053,14.333333492279053,9.333333492279053,14.333333492279053C9.333333492279053,14.333333492279053,9.333333492279053,13.000033492279053,9.333333492279053,13.000033492279053C9.333333492279053,13.000033492279053,9.333333492279053,13.000033492279053,9.333333492279053,13.000033492279053ZM7.333333492279053,13.666633492279052C7.333333492279053,13.666633492279052,7.333333492279053,9.333333492279053,7.333333492279053,9.333333492279053C7.333333492279053,9.333333492279053,6.000003492279053,9.333333492279053,6.000003492279053,9.333333492279053C6.000003492279053,9.333333492279053,6.000003492279053,13.666633492279052,6.000003492279053,13.666633492279052C6.000003492279053,13.666633492279052,7.333333492279053,13.666633492279052,7.333333492279053,13.666633492279052C7.333333492279053,13.666633492279052,7.333333492279053,13.666633492279052,7.333333492279053,13.666633492279052Z" fill="#8A9099" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/separator.png b/src/assets/separator.png
new file mode 100644
index 0000000..0ff4277
Binary files /dev/null and b/src/assets/separator.png differ
diff --git a/src/components/Breadcrumb.vue b/src/components/Breadcrumb.vue
index 7dea213..718be04 100644
--- a/src/components/Breadcrumb.vue
+++ b/src/components/Breadcrumb.vue
@@ -1,77 +1,117 @@
 <template>
-    <el-breadcrumb v-if="showBreadcrumb" separator="/">
-      <el-breadcrumb-item
-        v-for="(item, index) in breadcrumbList"
-        :key="index"
-      >
-        <i v-if="item.icon" :class="item.icon"></i>
-        <span>{{ item.title }}</span>
-      </el-breadcrumb-item>
-    </el-breadcrumb>
-  </template>
-  
-  <script>
-  export default {
-    data() {
-      return {
-        breadcrumbList: [],
-        showBreadcrumb: false // 控制是否显示面包屑导航
-      };
-    },
-    watch: {
-      $route() {
-        this.updateBreadcrumb();
-      }
-    },
-    mounted() {
-      this.updateBreadcrumb();
-    },
-    methods: {
-      updateBreadcrumb() {
-        const currentPath = this.$route.path;
-        // 判断是否为子页面
-        if(!this.$parent.menuData)return
-        const isSubPage = this.isSubPage(currentPath);
-        this.showBreadcrumb = isSubPage;
-  
-        if (isSubPage) {
-          this.breadcrumbList = this.getBreadcrumbList(currentPath);
+  <div v-if="breadcrumbs.length > 0" class="breadcrumb-container">
+    <nav>
+      <ol class="breadcrumb">
+        <li v-for="(item, index) in breadcrumbs" :key="index" class="breadcrumb-item"
+          :class="{ active: index === breadcrumbs.length - 1 }">
+
+          <template v-if="index !== breadcrumbs.length - 1">
+            <router-link to="/" v-if="item.title == '首页'">
+              <SvgIcon1 :iconPath="require(`@/assets/menu/home-bread.svg`)" defaultColor="#8A9099" :size="16" activeColor="#006AFF"/>
+              <!-- <img class="home-icon" src="@/assets/menu/home-bread.svg" alt="首页"> -->
+            </router-link>
+            <router-link v-else :to="item.path">{{ item.title }}</router-link>
+            <img class="separator" src="@/assets/separator.png" alt="">
+          </template>
+          <template v-else>
+            <span>{{ item.title }}</span>
+          </template>
+        </li>
+      </ol>
+    </nav>
+  </div>
+</template>
+
+<script>
+import SvgIcon1 from '@/components/SvgIcon1.vue';
+export default {
+  name: 'Breadcrumb',
+  components: {
+    SvgIcon1,
+  },
+  computed: {
+    breadcrumbs() {
+      if (this.$route.meta.hideBreadcrumb) return []
+
+      const crumbs = []
+      let currentRoute = this.$route
+
+      // 递归查找所有父级路由
+      while (currentRoute) {
+        crumbs.unshift({
+          path: currentRoute.path,
+          title: this.getTitle(currentRoute)
+        })
+
+        // 通过 meta.breadcrumbParent 查找父级路由
+        if (currentRoute.meta.breadcrumbParent) {
+          currentRoute = this.$router.options.routes.find(
+            r => r.name === currentRoute.meta.breadcrumbParent
+          )
         } else {
-          this.breadcrumbList = [];
-        }
-      },
-      isSubPage(path) {
-        console.log(this.$parent.menuData,'this.$parent.menuData==');
-        // 判断当前路径是否为子页面
-        for (const menu of this.$parent.menuData) {
-          for (const subMenu of menu.children) {
-            if (subMenu.path === path) {
-              return true;
-            }
-          }
-        }
-        return false;
-      },
-      getBreadcrumbList(path) {
-        const breadcrumbList = [];
-        // 遍历菜单数据，查找匹配的面包屑路径
-        for (const menu of this.$parent.menuData) {
-          for (const subMenu of menu.children) {
-            if (subMenu.path === path) {
-              breadcrumbList.push({ title: menu.title, icon: menu.icon });
-              breadcrumbList.push({ title: subMenu.title });
-              break;
-            }
-          }
+          currentRoute = null
         }
-        return breadcrumbList;
       }
+
+      return crumbs
     }
-  };
-  </script>
-  
-  <style scoped>
-  .el-breadcrumb {
-    margin-bottom: 20px;
+  },
+  methods: {
+    getTitle(route) {
+      return typeof route.meta.title === 'function'
+        ? route.meta.title(route)
+        : route.meta.title || route.name
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.breadcrumb-container {
+  padding: 16px 12px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+}
+.home-icon{
+  width: 16px;
+  height: 16px;
+}
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  height: 22px;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.breadcrumb-item {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  cursor: pointer;
+}
+.router-link-active{
+  height: 100%;
+    display: flex;
+    align-items: center;
+}
+.breadcrumb-item a {
+  color: #626573;
+  text-decoration: none;
+  &:hover{
+    color: #006AFF;
   }
-  </style>
\ No newline at end of file
+}
+
+.breadcrumb-item.active span {
+  color: #1E2226;
+  ;
+
+}
+
+.separator {
+  width: 12px;
+  height: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/GlobalLoading1.vue b/src/components/GlobalLoading1.vue
index 0b632f3..95bb149 100644
--- a/src/components/GlobalLoading1.vue
+++ b/src/components/GlobalLoading1.vue
@@ -1,12 +1,13 @@
 <template>
-    <div>
+    <div style="height:100%">
         <div class="content-loading-overlay" v-show="isLoading">
             <div class="loading-content">
                 <div ref="animationContainer" class="animation-container"></div>
             </div>
         </div>
-        <div  v-show="!isLoading">
+        <div  style="height:100%" v-show="!isLoading">
             <slot></slot>
+            <Footer v-if="showFooter"></Footer>
         </div>
     </div>
 </template>
@@ -14,6 +15,7 @@
 import lottie from 'lottie-web'
 import { mapState } from 'vuex'
 import defaultAnimation from '@/assets/loadingAni.json'
+import Footer from '@/components/Footer.vue';
 
 export default {
   name: 'Loading',
@@ -22,8 +24,11 @@ export default {
       anim: null
     }
   },
+  components: {
+    Footer,
+  },
   computed: {
-    ...mapState(['isLoading', 'loadingText'])
+    ...mapState(['isLoading','showFooter', 'loadingText'])
   },
   watch: {
     isLoading(newVal) {
diff --git a/src/components/GuipTable.vue b/src/components/GuipTable.vue
index df58773..6b5c9c2 100644
--- a/src/components/GuipTable.vue
+++ b/src/components/GuipTable.vue
@@ -1,5 +1,4 @@
 <template>
-  <global-loading>
     <el-table ref="guiptable" v-bind="$attrs" :data="tableData"  v-on="$listeners" :border="border" @selection-change="handleSelectionChange"
       :style="{ width: width ? width : '100%', height: height ? height : '100%' }" v-loading="loading">
       <!-- 多选 -->
@@ -9,9 +8,6 @@
       </template>
       <!-- 自定义header -->
       <slot></slot>
-      <!-- <template v-if="autoColumn">
-      <slot name="headerTop"></slot>
-    </template> -->
       <!-- 通过json数据遍历渲染 -->
       <template v-if="columns">
         <el-table-column v-for="column in columns" :key="column.prop" :prop="column.prop" :label="column.label"
@@ -41,24 +37,13 @@
         </el-table-column>
       </template>
       <template #empty>
-        <!-- <div v-if="loading">
-          <i class="el-icon-loading"></i>
-          <span>数据加载中...</span>
-        </div> -->
-        <!-- <div class="custom-empty">
-          <img src="@/assets/table_empty.png" alt="无数据" class="empty-image">
-          <p class="empty-text">暂无数据</p>
-        </div> -->
         <el-empty :image="emptyImg"></el-empty>
       </template>
     </el-table>
-  </global-loading>
-
 </template>
 
 <script>
 import GuipButton from '@/components/GuipButton.vue';
-import GlobalLoading from '@/components/GlobalLoading1.vue'
 
 export default {
   name: 'GuipTextarea',
@@ -71,7 +56,6 @@ export default {
   },
   components: {
     GuipButton,
-    GlobalLoading
   },
   mounted() {
   },
diff --git a/src/components/SetLeftMenu.vue b/src/components/SetLeftMenu.vue
index 727c21f..3e9b659 100644
--- a/src/components/SetLeftMenu.vue
+++ b/src/components/SetLeftMenu.vue
@@ -1,15 +1,16 @@
 <template>
   <aside class="sidebar">
-    <ul>
-      <li v-for="(item, index) in menuList" :key="item.path">
-        <div :class="[$route.path == item.path ? 'active' : '', 'flex', $route.path == item.path ? curIndex = index : '']"
-          @click="gotoPath(item.path,index)">
-          <SvgIcon1 :iconPath="require(`@/assets/${item.img}`)" defaultColor="#8A9099" :size="16"
-                activeColor="#006AFF" :isActive="$route.path == item.path" />
-          <span class="title_text" >{{ item.name }}</span>
+    <ul style="margin: 0;">
+      <li v-for="(item, index) in menuList" :key="item.path + random()">
+        <div
+          :class="[($route.path == item.path) || (item.noToPath && 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.noToPath && curIndex == index))" />
+          <span class="title_text">{{ item.name }}</span>
         </div>
-        <p :class="['flex', activeFloor == item1.desc ? 'curActive' : '']"
-          v-for="(item1) in item.list" @click="setActiveCur(item1.desc,item)" :key="item1.name">{{ item1.name }}</p>
+        <p :class="['flex', activeFloor == item1.desc ? 'curActive' : '']" v-for="(item1) in item.list"
+          @click="setActiveCur(item1.desc, item)" :key="item1.name">{{ item1.name }}</p>
       </li>
     </ul>
   </aside>
@@ -42,149 +43,117 @@ export default {
       activeFloor: null,
       curIndex: 0,
       scrollLock: false,
-      // menuList: [
-      //   {
-      //     name: '基本设置',
-      //     path: '/siteSetting/siteBaseSetting',
-      //     img: require('@/assets/site/sitebase.svg'),
-      //     imgActive: require('@/assets/site/sitebase_active.svg'),
-      //     list: [
-      //       {
-      //         name: '站点信息',
-      //         desc: 'siteMessage1'
-      //       },
-      //       {
-      //         name: '域名设置',
-      //         desc: 'siteMessage2'
-      //       },
-      //       {
-      //         name: '收款方式',
-      //         desc: 'siteMessage3'
-      //       },
-      //     ]
-      //   },
-      //   {
-      //     name: '个性化设置',
-      //     path: '/siteSetting/sitePersonalization',
-      //     img: require('@/assets/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: '/siteSetting/siteH5',
-      //     img: require('@/assets/site/siteh5.svg'),
-      //     imgActive: require('@/assets/site/sitebase_active.svg'),
-      //     list: [
-      //       {
-      //         name: '微信H5',
-      //         desc: 'siteMessage9'
-      //       },
-      //       {
-      //         name: '小程序',
-      //         desc: 'siteMessage10'
-      //       },
-      //     ]
-      //   },
-      //   {
-      //     name: '营销推广',
-      //     path: '/siteSetting/siteSem',
-      //     img: require('@/assets/site/sitesem.svg'),
-      //     imgActive: require('@/assets/site/sitebase_active.svg'),
-      //     list: [
-      //       {
-      //         name: 'SEO设置',
-      //         desc: 'siteMessage11'
-      //       },
-      //       {
-      //         name: 'SEM设置',
-      //         desc: 'siteMessage12'
-      //       },
-      //       {
-      //         name: '访问统计',
-      //         desc: 'siteMessage13'
-      //       },
-      //     ]
-      //   }
-      // ]
+    }
+  },
+
+  watch: {
+    '$route'(to, from) {
+      console.log(to, from);
+      // 路由变化时重新计算位置
+      this.$nextTick(() => {
+        this.calculateFloorOffsets();
+        this.handleScroll(); // 立即检查当前位置
+      });
     }
   },
   mounted() {
-    // console.log(this.curIndex,'this.curIndex');
-    this.activeFloor = this.menuList[this.curIndex]['list'][0]['desc'];
-    this.calculateFloorOffsets();
+    this.activeFloor = this.menuList[this.curIndex]?.list?.[0]?.desc;
     this.$nextTick(() => {
-      // console.log(this.$parent.$refs.scrollContainer, 'this.$refs.scrollContainer--');
-      this.$parent.$refs.scrollContainer.addEventListener('scroll', this.handleScroll);
-    })
+      // 更可靠的获取滚动容器方式
+      this.scrollContainer = document.querySelector('.main-content') ||
+        document.getElementById('main-content') ||
+        window;
+
+      if (this.scrollContainer) {
+        this.scrollContainer.addEventListener('scroll', this.handleScroll);
+        this.calculateFloorOffsets();
+      } else {
+        console.error('未找到滚动容器');
+      }
+    });
+  },
+  beforeDestroy() {
+    if (this.scrollContainer) {
+      this.scrollContainer.removeEventListener('scroll', this.handleScroll);
+    }
   },
   created() {
     // console.log(this.$parent.$refs.scrollContainer,'this.$refs.sc--rollContainer--');
   },
   computed: {
-        ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
-    },
-  beforeDestroy() {
-    this.$parent.$refs.scrollContainer.removeEventListener('scroll', this.handleScroll);
+    ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
   },
   methods: {
+    random() {
+      var randomNumber = Math.random();
+      return randomNumber
+    },
     calculateFloorOffsets() {
       this.menuList.forEach(item => {
-        item.list.forEach(every => {
+        item.list?.forEach(every => {
           const el = document.getElementById(every.desc);
           if (el) {
-            every.offsetTop = el.offsetTop;
+            // 获取元素相对于视口顶部的距离
+            every.offsetTop = el.getBoundingClientRect().top + window.pageYOffset;
           }
-        })
+        });
       });
     },
+
     handleScroll() {
-      if (this.scrollLock) return
-      const scrollContainer = this.$parent.$refs.scrollContainer;
-      const scrollHeight = scrollContainer.scrollTop;
-      let activeFloor = this.menuList[this.curIndex]['list'][0]['desc'];
-      this.menuList[this.curIndex]['list'].forEach(item => {
-        if (scrollHeight + 72 >= item.offsetTop) {
-          activeFloor = item.desc; // 更新当前激活的楼层ID
-        } else {
-          return false; // 一旦找到第一个小于当前滚动位置的楼层，停止循环
+      if (this.scrollLock || !this.menuList[this.curIndex]?.list) return;
+
+      const scrollPosition = this.getScrollPosition();
+      let activeFloor = null;
+
+      // 从下往上查找当前可见区域对应的楼层
+      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;
         }
-      });
-      this.activeFloor = activeFloor; // 更新数据以触发视图更新
+      }
+
+      if (activeFloor && this.activeFloor !== activeFloor) {
+        this.activeFloor = activeFloor;
+      }
     },
-    setActiveCur(dom,item) {
-      if(this.$route.path != item.path){
-        this.$router.push(item.path)
-        store.commit('SET_PAGETITLE', item.name);
+
+    getScrollPosition() {
+      if (this.scrollContainer === window) {
+        return window.pageYOffset || document.documentElement.scrollTop;
       }
-      setTimeout(()=>{
-        this.activeFloor = dom;
-        this.setHighActive(dom)
-      },500)
+      return this.scrollContainer.scrollTop;
     },
-    gotoPath(path,index) {
-      if(this.$route.path != path){
+    // 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, index) {
+      let path = item.path;
+      if (!path) {
+        this.curIndex = index;
+        return
+      }
+      if (this.$route.path != path) {
         this.curIndex = index
         this.scrollLock = false;
         this.handleScroll()
@@ -197,15 +166,32 @@ export default {
     activeArea(type) {
       console.log(type);
     },
-    setHighActive(dom) {
+    setActiveCur(dom, item) {
+      debugger
+      if (this.$route.path !== item.path) {
+        this.$router.push(item.path);
+        store.commit('SET_PAGETITLE', item.name);
+      }
+
       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)
+      this.activeFloor = dom;
+
+      this.$nextTick(() => {
+        this.setHighActive(dom);
+        setTimeout(() => {
+          this.scrollLock = false;
+        }, 1000);
+      });
+    },
+
+    setHighActive(dom) {
+      const ele = document.getElementById(dom);
+      if (ele) {
+        ele.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start'
+        });
+      }
     }
   }
 }
@@ -213,7 +199,7 @@ export default {
 
 <style scoped lang="scss">
 .sidebar {
-  width: 158px;
+  min-width: 158px;
   padding: 21px;
   box-sizing: border-box;
   background: #FFFFFF;
@@ -223,7 +209,8 @@ export default {
 .ceshi {
   // animation: fadeInOut 2s infinite;
 }
-.title_text{
+
+.title_text {
   margin-left: 6px;
 }
 
diff --git a/src/components/SliderMenu.vue b/src/components/SliderMenu.vue
index ef4ddba..6eb84f2 100644
--- a/src/components/SliderMenu.vue
+++ b/src/components/SliderMenu.vue
@@ -38,7 +38,6 @@
     </el-menu>
 
     <SetLeftMenu v-else :menuList="menuData"/>
-<!-- <div v-else>---akjshdjka</div> -->
   </transition>
 
 </template>
@@ -73,6 +72,7 @@ export default {
   },
   watch: {
     "$route.path"() {
+      if(this.customize)return
       this.updateCurrentMenu();
     },
   },
diff --git a/src/router/index.js b/src/router/index.js
index 00f161d..dce215e 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,268 +6,384 @@ import HomeView from '../views/HomeView.vue';
 // import Franchise from '../views/Franchise.vue'
 
 Vue.use(VueRouter)
-const whiteSlideList = ['/', '/ui', 
-  '/agent/siteList', 
-  '/agent/siteBaseSetting', 
-  '/agent/siteSemSetting',
-]; //侧边导航白名单
+// 侧边导航黑名单
+const blackSliderList = [
+  '/register','/franchise'
+];
+// 一级路由
+let first_child_router = []
+//头部导航黑名单 不需要添加头部的放置在这里，其余默认显示头部
+const blackHeaderList = [
+  '/franchise'
+];
+const blackFooterList = [
+  '/','/franchise'
+];
+// const whiteSlideList = ['/', '/ui', 
+//   '/agent/siteList', 
+//   '/agent/siteBaseSetting', 
+//   '/agent/siteSemSetting',
+//   '/siteBaseSetting',
+//   '/sitePersonalization'
+// ]; //侧边导航白名单
 // const whiteHeaderList = ['/', '/ui', '/agent/siteList', '/register', '/configureServicePrices', '/siteList','/siteSetting/siteBaseSetting','/siteSetting/sitePersonalization'
 //   ,'/siteSetting/siteH5','/siteSetting/siteSem','/pageTemplete','/demo',
 //   '/super/ranking/yearProfit', '/super/ranking/monthProfit', '/super/ranking/checkProfit', '/super/ranking/checkOrdernum',
 //   '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew',
 //   '/super/ranking/purchase','/super/ranking/stagePurchase','/super/ranking/loss'
 // ]; //头部导航白名单
-//头部导航黑名单 不需要添加头部的放置在这里，其余默认显示头部
-const blackHeaderList = [
-]; 
+
 //底部白名单 暂时废弃，在页面独立添加组件
 // const whiteFooterList = ['/', '/ui', '/agent/siteList', '/configureServicePrices',
 //   '/super/ranking/yearProfit', '/super/ranking/monthProfit', '/super/ranking/checkProfit', '/super/ranking/checkOrdernum',
 //   '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew',
 //   '/super/ranking/purchase','/super/ranking/stagePurchase','/super/ranking/loss'
 // ]; 
+
 const routes = [{
     path: '/',
     name: '首页',
     component: HomeView,
-    // component: Franchise
+    isFirst:true,//是否属于一级路由
+    meta: {
+      title: '首页',//面包屑名称（此页面确认不需要放置在面包屑可以不添加此属性；如果获取不到title 会自动 获取 name 作为面包屑名称）
+      hideBreadcrumb: true // 是否隐藏面包屑
+    }
   },
   {
     path: '/register',
     name: 'register',
-    // route level code-splitting
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
     component: () => import( /* webpackChunkName: "register" */ '../views/Register.vue'),
-    children: [ // 这是子路由的定义开始
-      // {
-      //   path: '', // 当访问 /user 时，默认加载 UserProfile 组件
-      //   name: 'register',
-      //   component: Register
-      // },
-      // {
-      //   path: 'posts', // 当访问 /user/posts 时，加载 UserPosts 组件
-      //   name: 'UserPosts',
-      //   component: UserPosts,
-      // }
-    ]
   },
   {
     path: '/ui',
     name: 'ui组件',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import( /* webpackChunkName: "ui" */ '../views/elementGroups.vue')
+    isFirst:true,
+    component: () => import( /* webpackChunkName: "ui" */ '../views/elementGroups.vue'),
+    meta: {
+      title: '公共组件示例',
+      hideBreadcrumb: true, // 一级页面不显示面包屑
+      // breadcrumbParent:'首页'
+    }
   },
   {
     path: '/agent/siteList',
     name: '站点列表',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteList.vue')
+    isFirst:true,
+    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteList.vue'),
+    meta: {
+      title: '站点列表',
+      breadcrumbParent: '首页',
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
   },
   {
     path: '/agent/siteBaseSetting',
     name: '站点基本设置',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteBaseSetting.vue')
+    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteBaseSetting.vue'),
+    meta: {
+      title: '站点设置',
+      breadcrumbParent: '站点列表' // 手动指定父级
+      // 如果想隐藏中间层级
+      // breadcrumbParent: '首页', // 跳过医生信息
+      // hideInBreadcrumb: true // 可选：隐藏当前项
+    }
   },
   {
     path: '/agent/siteSemSetting',
     name: '营销推广',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteSemSetting.vue')
+    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteSemSetting.vue'),
+    meta: {
+      title: '站点设置',
+      breadcrumbParent: '站点列表' // 手动指定父级
+    }
   },
   {
     path: '/franchise',
     name: '加盟',
-    component: () => import( /* webpackChunkName: "franchise" */ '../views/Franchise.vue')
+    component: () => import( /* webpackChunkName: "franchise" */ '../views/Franchise.vue'),
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
   },
   {
     path: '/configureServicePrices',
     name: '配置服务价格',
     component: () => import( /* webpackChunkName: "configureServicePrices" */ '../views/ConfigureServicePrices.vue')
   },
+  // 暂时废弃
+  // {
+  // path: '/siteSetting',
+  // name: '站点设置',
+  // component: () => import( /* webpackChunkName: "SiteSetting" */ '../views/SiteSetting.vue'),
+  // children: [
+  //   {
+  //     path: '', // 默认子路由
+  //     redirect: () => import( /* webpackChunkName: "siteBaseSetting" */ '../views/SiteBaseSetting.vue') // 重定向到第一个页面
+  //   },
+  // {
+  //   path: 'siteBaseSetting',
+  //   name: '站点基础设置',
+  //   component: () => import( /* webpackChunkName: "siteBaseSetting" */ '../views/SiteBaseSetting.vue'),
+  // },
+  // {
+  //   path: 'sitePersonalization',
+  //   name: '个性化设置',
+  //   component: () => import( /* webpackChunkName: "sitePersonalization" */ '../views/SitePersonalization.vue')
+  // },
+  // {
+  //   path: 'siteH5',
+  //   name: '移动端设置',
+  //   component: () => import( /* webpackChunkName: "siteH5" */ '../views/SiteH5.vue')
+  // },
+  // {
+  //   path: 'demoTable', // 默认子路由
+  //   name: '测试页面',
+  //   redirect: () => import( /* webpackChunkName: "demoTable" */ '../views/DemoTable.vue') // 重定向到第一个页面
+  // },
+  // ]
+  // },
   {
-    path: '/siteList',
-    name: '站点列表',
-    component: () => import( /* webpackChunkName: "siteList" */ '../views/SiteList.vue')
+    path: '/pageTemplete',
+    name: '网页模板',
+    component: () => import( /* webpackChunkName: "pageTemplete" */ '../views/PageTemplete.vue')
   },
 
+
+  // -----------------分隔符-----------
+  // 管理员start
   {
-    path: '/siteSetting',
-    name: '站点设置',
-    component: () => import( /* webpackChunkName: "SiteSetting" */ '../views/SiteSetting.vue'),
-    children: [
-      {
-        path: '', // 默认子路由
-        redirect: () => import( /* webpackChunkName: "siteBaseSetting" */ '../views/SiteBaseSetting.vue') // 重定向到第一个页面
-      },
-      {
-        path: 'siteBaseSetting',
-        name: '站点基础设置',
-        component: () => import( /* webpackChunkName: "siteBaseSetting" */ '../views/SiteBaseSetting.vue'),
-      },
-      {
-        path: 'sitePersonalization',
-        name: '个性化设置',
-        component: () => import( /* webpackChunkName: "sitePersonalization" */ '../views/SitePersonalization.vue')
-      },
-      {
-        path: 'siteH5',
-        name: '移动端设置',
-        component: () => import( /* webpackChunkName: "siteH5" */ '../views/SiteH5.vue')
-      },
-      // {
-      //   path: 'demoTable', // 默认子路由
-      //   name: '测试页面',
-      //   redirect: () => import( /* webpackChunkName: "demoTable" */ '../views/DemoTable.vue') // 重定向到第一个页面
-      // },
-    ]
+    path: '/super/ranking/yearProfit',
+    name: '年排行',
+    component: () => import( /* webpackChunkName: "Rankåing" */ '../views/super/Ranking/RankDetail.vue'),
+    props: {
+      pageTitle: '总利润 - 年排行',
+      rank_type: 1,
+      type: 'year',
+      showDateSelect: false
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+
   },
   {
-    path: '/pageTemplete',
-    name: '网页模板',
-    component: () => import( /* webpackChunkName: "pageTemplete" */ '../views/PageTemplete.vue')
+    path: '/super/ranking/monthProfit',
+    name: '月排行',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
+    props: {
+      pageTitle: '总利润 - 月排行',
+      rank_type: 1,
+      type: 'month',
+      showDateSelect: true
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
   },
-  // {
-  //   path: '/demo',
-  //   name: 'demo页面',
-  //   component: () => import( /* webpackChunkName: "Demo" */ '../views/Demo.vue'),
-  //   children: [
-  //     {
-  //       path: '', // 默认子路由
-  //       redirect: () => import( /* webpackChunkName: "DemoTable" */ '../views/DemoTable.vue') // 重定向到第一个页面
-  //     },
-  //   ]
-  // }
-
   {
-    path: '/super/ranking',
-    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/Ranking.vue'),
-    children: [
-      {
-        path: '', // 默认子路由
-        redirect: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
-        props: {pageTitle:'总利润 - 年排行', rank_type: 1, type: 'year', showDateSelect: false}
-      },
-      {
-        path: 'yearProfit',
-        name: '年排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
-        props: {pageTitle:'总利润 - 年排行', rank_type: 1, type: 'year', showDateSelect: false}
-      },
-      {
-        path: 'monthProfit',
-        name: '月排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
-        props: {pageTitle:'总利润 - 月排行', rank_type: 1, type: 'month', showDateSelect: true}
-      },
-      {
-        path: 'checkProfit',
-        name: '产品毛利润排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
-        props: {pageTitle:'产品 - 毛利润排行', rank_type: 1, type: 'check_type'}
-      },
-      {
-        path: 'checkOrdernum',
-        name: '产品订单数排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
-        props: {pageTitle:'产品 - 订单数排行', rank_type: 2, type: 'check_type'}
-      },
-      {
-        path: 'checkRefund',
-        name: '产品退单数排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
-        props: {pageTitle:'产品 - 退单数排行', rank_type: 3, type: 'check_type'}
-      },
-      {
-        path: 'loss',
-        name: '产品负毛利排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
-        props: {pageTitle:'产品 - 负毛利排行', rank_type: 5, type: 'loss'}
-      },
-      {
-        path: 'agentProfit',
-        name: '代理商毛利润排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
-        props: {pageTitle:'代理商 - 毛利润排行', rank_type: 1, type: 'agent'}
-      },
-      {
-        path: 'agentRecharge',
-        name: '代理商充值排行',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
-        props: {pageTitle:'代理商 - 充值排行', rank_type: 4, type: 'agent'}
-      },
-      {
-        path: 'agentNew',
-        name: '代理商新加盟',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
-        props: {pageTitle:'代理商 - 新加盟', type: 'agentnew', showDateSelect: false}
-      },
-      {
-        path: 'purchase',
-        name: '采购价',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/Purchase.vue'),
-        props: {pageTitle:'设置 - 采购价', type: 'purchase'}
-      },
-      {
-        path: 'stagePurchase',
-        name: '阶段采购价',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/Purchase.vue'),
-        props: {pageTitle:'设置 - 阶段采购', type: 'stagePurchase'}
-      },
-      {
-        path: 'detail',
-        name: '详情',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
-        props: {pageTitle:'详情', type: 'day', showDateSelect: false, lookMore:false}
-      },
-      {
-        path: 'list',
-        name: '列表',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
-        props: {pageTitle:'详情', showDateSelect: false, lookMore:false}
-      },
-      {
-        path: 'order',
-        name: '订单统计',
-        component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
-        props: {pageTitle:'订单统计', type: 'order', showDateSelect: false}
-      },
-    ]
+    path: '/super/ranking/checkProfit',
+    name: '产品毛利润排行',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
+    props: {
+      pageTitle: '产品 - 毛利润排行',
+      rank_type: 1,
+      type: 'check_type'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
   },
-]
+  {
+    path: '/super/ranking/checkOrdernum',
+    name: '产品订单数排行',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
+    props: {
+      pageTitle: '产品 - 订单数排行',
+      rank_type: 2,
+      type: 'check_type'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/checkRefund',
+    name: '产品退单数排行',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
+    props: {
+      pageTitle: '产品 - 退单数排行',
+      rank_type: 3,
+      type: 'check_type'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/loss',
+    name: '产品负毛利排行',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
+    props: {
+      pageTitle: '产品 - 负毛利排行',
+      rank_type: 5,
+      type: 'loss'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/agentProfit',
+    name: '代理商毛利润排行',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
+    props: {
+      pageTitle: '代理商 - 毛利润排行',
+      rank_type: 1,
+      type: 'agent'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/agentRecharge',
+    name: '代理商充值排行',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
+    props: {
+      pageTitle: '代理商 - 充值排行',
+      rank_type: 4,
+      type: 'agent'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/agentNew',
+    name: '代理商新加盟',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
+    props: {
+      pageTitle: '代理商 - 新加盟',
+      type: 'agentnew',
+      showDateSelect: false
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/purchase',
+    name: '采购价',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/Purchase.vue'),
+    props: {
+      pageTitle: '设置 - 采购价',
+      type: 'purchase'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/stagePurchase',
+    name: '阶段采购价',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/Purchase.vue'),
+    props: {
+      pageTitle: '设置 - 阶段采购',
+      type: 'stagePurchase'
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/detail',
+    name: '详情',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
+    props: {
+      pageTitle: '详情',
+      type: 'day',
+      showDateSelect: false,
+      lookMore: false
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/list',
+    name: '列表',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
+    props: {
+      pageTitle: '详情',
+      showDateSelect: false,
+      lookMore: false
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
+    path: '/super/ranking/order',
+    name: '订单统计',
+    component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
+    props: {
+      pageTitle: '订单统计',
+      type: 'order',
+      showDateSelect: false
+    },
+    meta: {
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  // 管理员end
 
+]
+first_child_router = routes.filter(item => item.isFirst);
 const router = new VueRouter({
   mode: 'history',
   base: process.env.BASE_URL,
   routes
 })
 router.beforeEach((to, from, next) => {
-  console.log(to.path, 'to.path-----');
-  if (whiteSlideList.includes(to.path)) {
-    store.commit('SET_SIDEBAR', true); // 登录页面不显示侧边栏
+
+  if (blackSliderList.includes(to.path)) {
+    store.commit('SET_SIDEBAR', false); // 黑名单内页面不显示侧边栏
   } else {
-    store.commit('SET_SIDEBAR', false); // 其他页面显示侧边栏
+    store.commit('SET_SIDEBAR', true); // 其他页面显示侧边栏
+    if(first_child_router.length > 0){
+      first_child_router.forEach(item=>{
+        if(item.path == to.path){
+          store.commit('SET_CUSTOMIZE', false);
+          store.commit('SET_SLIDER_MENU', 'menuData');
+        }
+      })
+    }
+    if (to.path.includes('/super/ranking/')) { //匹配包含此路径的 侧边栏数据
+      store.commit('SET_CUSTOMIZE', false);
+      store.commit('SET_SLIDER_MENU', 'rankMenuData');
+    }
+  }
+  if (blackFooterList.includes(to.path)) {
+    store.commit('SET_FOOTER', false); // 页面不显示底部
+  } else {
+    store.commit('SET_FOOTER', true); // 其他页面显示底部
   }
-  // if (whiteFooterList.includes(to.path)) {
-  //   store.commit('SET_FOOTER', true); // 登录页面不显示侧边栏
-  // } else {
-  //   store.commit('SET_FOOTER', false); // 其他页面显示侧边栏
-  // }
   if (blackHeaderList.includes(to.path)) {
     store.commit('SET_HEADER', false); // 不显示顶部
   } else {
     store.commit('SET_HEADER', true); // 其他页面显示顶部
   }
+  store.dispatch('showLoading')
   next();
 });
+router.afterEach(() => {
+  // 添加延迟确保过渡效果
+  setTimeout(() => {
+    store.dispatch('hideLoading')
+  }, 300)
+})
 
 export default router
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
index f83bb76..003030e 100755
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -13,6 +13,8 @@ export default new Vuex.Store({
     pageTitle: '一般新文献', //页面标题
     addServiceList: [], //选中的服务
     isLoading: false, //页面loading
+    customize: false, //页面loading
+    slidermenu:[],
     rankMenuData: [{
         index: '1',
         title: '总利润',
@@ -133,10 +135,10 @@ export default new Vuex.Store({
         ]
       }
     ],
-    siteSettingData:[
+    siteSettingData1:[
       {
         name: '基本设置',
-        path: '/siteSetting/siteBaseSetting',
+        path: '/agent/siteBaseSetting',
         img:'site/sitebase.svg',
         imgActive: require('@/assets/site/sitebase_active.svg'),
         list: [
@@ -156,7 +158,7 @@ export default new Vuex.Store({
       },
       {
         name: '个性化设置',
-        path: '/siteSetting/sitePersonalization',
+        path: '/agent/sitePersonalization',
         img: 'site/gexinghua.svg',
         imgActive: require('@/assets/site/sitebase_active.svg'),
         list: [
@@ -218,6 +220,92 @@ export default new Vuex.Store({
           },
         ]
       }
+    ],
+    siteSettingData:[
+      {
+        name: '基本设置',
+        path: '/agent/siteBaseSetting',
+        img:'site/sitebase.svg',
+        imgActive: require('@/assets/site/sitebase_active.svg'),
+        list: [
+          {
+            name: '站点信息',
+            desc: 'siteMessage1'
+          },
+          {
+            name: '域名设置',
+            desc: 'siteMessage2'
+          },
+          {
+            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/siteH5',
+        img: 'site/siteh5.svg',
+        imgActive: require('@/assets/site/sitebase_active.svg'),
+        list: [
+          {
+            name: '微信H5',
+            desc: 'siteMessage9'
+          },
+          {
+            name: '小程序',
+            desc: 'siteMessage10'
+          },
+        ]
+      },
+      {
+        name: '营销推广',
+        path: '/agent/siteSemSetting',
+        img: 'site/sitesem.svg',
+        imgActive: require('@/assets/site/sitebase_active.svg'),
+        list: [
+          {
+            name: 'SEO设置',
+            desc: 'siteMessage11'
+          },
+          {
+            name: 'SEM设置',
+            desc: 'siteMessage12'
+          },
+          {
+            name: '访问统计',
+            desc: 'siteMessage13'
+          },
+        ]
+      }
     ]
   },
   actions: {
@@ -261,8 +349,24 @@ export default new Vuex.Store({
     }) {
       commit('HIDE_LOADING')
     },
+    SET_CUSTOMIZE({
+      commit
+    }) {
+      commit('SET_CUSTOMIZE');
+    },
+    SET_SLIDER_MENU({
+      commit
+    }) {
+      commit('SET_SLIDER_MENU')
+    },
   },
   mutations: {
+    SET_SLIDER_MENU(state,type){
+      state.slidermenu = state[type]
+    },
+    SET_CUSTOMIZE(state,show) {
+      state.customize = show
+    },
     SHOW_LOADING(state) {
       state.isLoading = true
       // state.loadingText = text || '加载中...'
@@ -289,7 +393,9 @@ export default new Vuex.Store({
       state.addServiceList = list;
     }
   },
-  getters: {},
+  getters: {
+    menuData: state => state.menuData
+  },
 
   modules: {}
 })
\ No newline at end of file
diff --git a/src/views/DemoTable1.vue b/src/views/DemoTable1.vue
new file mode 100644
index 0000000..74ef70c
--- /dev/null
+++ b/src/views/DemoTable1.vue
@@ -0,0 +1,974 @@
+<template>
+    <div class="site-setting-wrap pagePadding min-flex-right">
+        <p class="pageTitle bold mt24 mb24">基础信息</p>
+        <div class="siteMessage flex-common" id="siteMessage1">
+            <p class="littleTitle mb32">基础信息</p>
+            <el-form :model="form" :rules="siteFormrules" ref="siteForm">
+                <div class="flex-wrap">
+                    <div class="flex-left">
+                        <GuipFormItem column="column" class="mb24" label="出诊医院省市" :required="true">
+                            <div class="flex-between" slot="formDom">
+                                <div class="short-width">
+                                    <GuipSelect width="100%" v-model="form.province" multiple :options="options_payword"
+                                        placeholder="选择省份">
+                                    </GuipSelect>
+                                </div>
+                                <div class="short-width">
+                                    <GuipSelect width="100%" v-model="form.city" multiple :options="options_payword"
+                                        placeholder="选择城市">
+                                    </GuipSelect>
+                                </div>
+                            </div>
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="mb24" label="出诊医院名称" :required="true">
+                            <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="form.company_name"
+                                prop="company_name" placeholder="请输入">
+                                <img src="@/assets/input_search_ic.svg" slot="suffix" @click="handleClear" />
+                            </GuipInput>
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="mb24" label="医院简称">
+                            <span slot="formRight" class="desc">方便患者记忆，非必填</span>
+                            <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="form.h_name"
+                                prop="h_name" placeholder="请输入" />
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="mb24" label="所在科室" :required="true">
+                            <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="form.depart_name"
+                                prop="depart_name" placeholder="请输入" />
+                        </GuipFormItem>
+                    </div>
+                    <div class="flex-line"></div>
+                    <div class="flex-right">
+                        <GuipFormItem column="column" class="mb24">
+                            <div slot="formLeft" class="form-top-icon">医保定点</div>
+                            <div class="flex" slot="formDom" style="padding: 9px 0px;">
+                                <GuipSwitch :modelValue="Boolean(form.is_fixed)" @change="onSwitchChange" activeText="非医保定点"
+                                    inactiveText="非医保定点">
+                                </GuipSwitch>
+                            </div>
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="mb24" label="使用功能">
+                            <el-checkbox-group slot="formDom" v-model="form.type" @change="validateSelection" class="checkboxGroup">
+                                <div class="flex">
+                                    <el-checkbox :label="2" >医生名片（基础功能不可取消）</el-checkbox>
+                                    <el-checkbox :label="0">患者预约</el-checkbox>
+                                </div>
+                                <el-checkbox :label="1">项目计数</el-checkbox>
+                            </el-checkbox-group>
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="" label="就诊提醒">
+                            <div slot="formRight" class="desc">就诊前的注意事项，非必填</div>
+                            <GuipTextarea slot="formDom" v-model="form.notice" prop="notice" width="100%"
+                                height="84px" autosize placeholder="输入" />
+                        </GuipFormItem>
+                    </div>
+                </div>
+            </el-form>
+            <GroupFormBtns @cancel="cancelClick" @confirm="submitForm('siteForm')" />
+        </div>
+
+        <div class="siteMessage flex-common mt12" id="siteMessage2">
+            <p class="littleTitle mb32">出诊时间</p>
+            <el-form :model="form" :rules="siteFormrules1" ref="siteForm1">
+                <div class="flex-wrap">
+                    <div class="flex-left">
+                        <GuipFormItem column="column" class="mb24" label="工作时间（ 上午 ）" :required="true">
+                            <el-time-picker slot="formDom" style="width:100%" is-range v-model="form.morning_worktime"
+                                range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"
+                                @change="ChangeTime('time1')" format="HH:mm"
+                                value-format="HH:mm">
+                            </el-time-picker>
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="mb24" label="工作时间（ 下午 ）" :required="true">
+                            <el-time-picker slot="formDom" style="width:100%" is-range v-model="form.afternoon_worktime"
+                                range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"
+                                @change="ChangeTime('time1')" format="HH:mm"
+                                value-format="HH:mm">
+                            </el-time-picker>
+                        </GuipFormItem>
+                    </div>
+                    <div class="flex-line"></div>
+                    <div class="flex-right">
+                        <GuipFormItem column="column" label="每周出诊安排" :required="true">
+                            <div class="flex weekPlan" slot="formDom">
+                                <GuipSelect v-for="day in weekDays" :key="day.id" v-model="form.worktimes[day.id].plan"
+                                    :options="options_weekPlan" @change="weekChange()" :label="day.name" placeholder="休息">
+                                </GuipSelect>
+                            </div>
+                        </GuipFormItem>
+                    </div>
+                </div>
+            </el-form>
+            <GroupFormBtns @cancel="cancelClick" @confirm="submitForm('siteForm1')" />
+        </div>
+        <div class="siteMessage flex-common mt12" id="siteMessage3">
+            <p class="littleTitle mb32">放号设置</p>
+            <el-form :model="form" :rules="numSettingFormRule" ref="numSettingForm">
+                <div class="flex-wrap">
+                    <div class="flex-left">
+                        <GuipFormItem column="column" class="mb24" label="号源单位时段" :required="true">
+                            <span class="desc" slot="formRight">如30分钟，放号时9:00-9:30；9:30-10:00来划分</span>
+                            <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="form.time_unit"
+                                prop="time_unit" placeholder="请输入" unit="分钟/时段" />
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="mb24" label="放号量" :required="true">
+                            <span class="desc" slot="formRight">放号量可少于实际数量，以便为现场约号患者预留</span>
+                            <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="form.time_unit_num"
+                                prop="time_unit_num" placeholder="请输入" unit="个号/时段" />
+                        </GuipFormItem>
+                    </div>
+                    <div class="flex-line"></div>
+                    <div class="flex-right">
+                        <GuipFormItem column="column" class="mb24" label="开放预约" :required="true">
+                            <span class="desc" slot="formRight">患者可提前多久约号</span>
+                            <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="form.visit_day"
+                                prop="visit_day" placeholder="请输入" unit="小时">
+                                <span slot="prependshow">提前</span>
+                            </GuipInput>
+                        </GuipFormItem>
+                        <GuipFormItem column="column" class="mb24" label="超时未就诊提醒">
+                            <span class="desc" slot="formRight">不输入即无期限</span>
+                            <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="form.treat_expire"
+                                prop="treat_expire" placeholder="请输入" unit="天" />
+                        </GuipFormItem>
+                    </div>
+                </div>
+            </el-form>
+            <GroupFormBtns @cancel="cancelClick" @confirm="submitForm('numSettingForm')" />
+        </div>
+        <!-- <p class="pageTitle bold">项目管理</p> -->
+        <div class="siteMessage flex-common mt12" id="siteMessage4">
+            <el-form>
+                <div class=" mb32 flex-between">
+                    <span class="littleTitle">项目列表</span>
+                    <div class="flex-between" style="gap:10px">
+                        <GuipButton size="table" type="ignore">新增分组</GuipButton>
+                        <GuipButton size="table" type="primary">新增项目</GuipButton>
+                    </div>
+                </div>
+                <div class="selectAllTable-wrap flex-between  mt32">
+                    <div class="left flex">
+                        <div class="checkboxAll">
+                            <el-checkbox @change="handleSelectAllChange" v-model="selectAll"
+                                :indeterminate="isIndeterminate">全选</el-checkbox>
+                        </div>
+                        <span class="totalCount">共{{ projectList.length }}条，已选{{ selectedCount }}条</span>
+                        <GuipButton type="ignore" :btnstyle="{ width: '99px', height: '32px', margin: '0 26px' }"
+                            @click="batchOperate('1')">批量禁用</GuipButton>
+                        <GuipButton type="ignore" :btnstyle="{ width: '99px', height: '32px' }"
+                            @click="batchOperate('2')">
+                            批量启用</GuipButton>
+                    </div>
+
+                </div>
+                <div class="flex-between mb32 mt32">
+                    <div class="tabProject flex">
+                        <div :class="['tab-item ', projectSearchId == item.id ? 'active' : '']" @click="selectTag(item)"
+                            v-for="item in projectTagData" :key="item.name">{{ item.name }}</div>
+                    </div>
+                    <div class="right flex">
+                        <span style="margin-right: 16px;">搜索项目</span>
+                        <GuipInput ref="GuipInput" column="column" width="280px" v-model="projectSearchName"
+                            prop="company_name" placeholder="请输入">
+                            <img src="@/assets/input_search_ic.svg" slot="suffix" @click="handleClear" />
+                        </GuipInput>
+                    </div>
+                </div>
+                <GuipTable :tableData="projectList" style="width: 100%" ref="multipleTable"
+                    @selection-change="handleSelectionChange" :loading="loading">
+                    <el-table-column type="selection" label="选择" width="80"></el-table-column>
+                    <el-table-column prop="name" label="项目名称" min-width="225"></el-table-column>
+                    <el-table-column prop="price" label="项目价格" min-width="125"></el-table-column>
+                    <el-table-column prop="group" label="分组" min-width="125"></el-table-column>
+                    <el-table-column prop="time" label="添加时间" min-width="225"></el-table-column>
+                    <el-table-column prop="status" label="状态" min-width="125">
+                        <template slot-scope="scope">
+                            <GuipSwitch :modelValue="scope.row.status" @change="onSwitchChange1(scope.row)">
+                            </GuipSwitch>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="操作" fixed="right" min-width="100px">
+                        <template slot-scope="scope">
+                            <div class="flex">
+                                <el-button type="text" @click="handleClick(scope.row)">编辑</el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </GuipTable>
+                <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
+                    :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
+                    :total="projectList.length">
+                </el-pagination>
+            </el-form>
+        </div>
+        <div class="siteMessage flex-common mt12" id="siteMessage5">
+            <el-form>
+                <div class=" mb32 flex-between">
+                    <span class="littleTitle">疗程套餐</span>
+                    <div class="flex-between" style="gap:10px">
+                        <GuipButton size="table" type="primary" @click="addNewSetMenu">新增套餐</GuipButton>
+                    </div>
+                </div>
+                <div class="selectAllTable-wrap flex-between  mt32 mb32">
+                    <div class="left flex">
+                        <div class="checkboxAll">
+                            <el-checkbox @change="handleSelectAllChange1" v-model="selectAll1"
+                                :indeterminate="isIndeterminate1">全选</el-checkbox>
+                        </div>
+                        <span class="totalCount">共{{ courseList.length }}条，已选{{ selectedCount }}条</span>
+                        <GuipButton type="ignore" :btnstyle="{ width: '99px', height: '32px', margin: '0 26px' }"
+                            @click="batchOperate('1')">批量禁用</GuipButton>
+                        <GuipButton type="ignore" :btnstyle="{ width: '99px', height: '32px' }"
+                            @click="batchOperate('2')">
+                            批量启用</GuipButton>
+                    </div>
+
+                </div>
+                <GuipTable :tableData="courseList" style="width: 100%" ref="multipleTable1"
+                    @selection-change="handleSelectionChange1" :loading="loading1">
+                    <el-table-column type="selection" label="选择" width="80"></el-table-column>
+                    <el-table-column prop="name" label="项目名称" min-width="225"></el-table-column>
+                    <el-table-column prop="price" label="项目价格" min-width="125"></el-table-column>
+                    <el-table-column prop="group" label="分组" min-width="125"></el-table-column>
+                    <el-table-column prop="time" label="添加时间" min-width="225"></el-table-column>
+                    <el-table-column prop="status" label="状态" min-width="125">
+                        <template slot-scope="scope">
+                            <GuipSwitch :modelValue="scope.row.status" @change="onSwitchChange2(scope.row)">
+                            </GuipSwitch>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="操作" fixed="right" min-width="100px">
+                        <template slot-scope="scope">
+                            <div class="flex">
+                                <el-button type="text" @click="handleClick(scope.row)">编辑</el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </GuipTable>
+                <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
+                    :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
+                    :total="courseList.length">
+                </el-pagination>
+            </el-form>
+        </div>
+        <GuipDialog :dialogVisible="dialogVisible" :title="dialogTitle" :show-close-button="true" width="762"
+            type="center" :show-cancel-button="true" @confirm="handleConfirm" @cancel="handleCancel"
+            @close="handleClose" @dialogVisibleChange="dialogVisibleChange">
+            <!-- <BatchProject v-if="dialogType == '1'" :projectTagData="projectTagData" @getproTag="getProTagData" /> -->
+        </GuipDialog>
+        <GuipDialog :dialogVisible="dialogVisible1" :title="'新增项目分组'" :show-close-button="true" width="599px"
+            type="center" :show-cancel-button="true" @confirm="handleConfirm" @cancel="handleCancel"
+            @close="handleClose" confirmText="确定新增" @dialogVisibleChange="dialogVisibleChange">
+            <el-form :model="form1" @submit.native.prevent ref="projectNameForm">
+                <GuipFormItem column="column" class="" label="分组名称">
+                    <GuipInput slot="formDom" ref="GuipInput" v-model="form1.projectName" :rules="nameRules"
+                        prop="projectName" placeholder="请填写新增分组名称" />
+                </GuipFormItem>
+            </el-form>
+        </GuipDialog>
+    </div>
+</template>
+<script>
+import GuipFormItem from '@/components/GuipFormItem.vue';
+import BatchProject from '@/components/BatchProject.vue';
+import store from '@/store';
+import GuipButton from '@/components/GuipButton.vue';
+import GuipInput from '@/components/GuipInput.vue';
+import GuipTextarea from '@/components/GuipTextarea.vue';
+import GroupFormBtns from '@/components/GroupFormBtns.vue';
+import GuipSelect from '@/components/GuipSelect.vue';
+import GuipSwitch from '@/components/GuipSwitch.vue';
+import GuipTable from '@/components/GuipTable.vue';
+import GuipDialog from '@/components/GuipDialog.vue';
+// import GuipRadio from '@/components/GuipRadio.vue';
+// import HoverButton from '@/components/HoverButton.vue';
+import { mapState } from 'vuex';
+
+export default {
+    // 站点设置
+    name: '',
+    props: [''],
+
+    components: {
+        GuipFormItem,
+        BatchProject,
+        GuipButton,
+        GuipDialog,
+        // GuipRadio,
+        GuipInput,
+        GuipTable,
+        GuipSwitch,
+        GuipSelect,
+        GuipTextarea,
+        GroupFormBtns,
+        // HoverButton
+
+    },
+    data() {
+        return {
+            doctorId: '',
+            dialogType: '1',
+            dialogVisible: false,
+            dialogVisible1: false,
+            form1: {
+                projectName: ''
+            },
+            nameRules: [{ required: true, message: '分组名称不得为空', trigger: 'blur' }],
+            dialogTitle: '批量录入项目',
+            currentPage: 1,
+            pageSize: 10,
+            currentPage1: 1,
+            pageSize1: 10,
+            loading: false,
+            loading1: false,
+            selectedRows: [],//已选中数据
+            selectedRows1: [],//已选中数据
+            isIndeterminate: false,
+            isIndeterminate1: false,
+            projectSearchId: '',
+            projectSearchName: '',
+
+            projectList: [
+                {
+                    name: '针灸',
+                    price: '88',
+                    group: '针灸1',
+                    time: '2077 - 12 - 20',
+                    status: true,
+                    id: '1'
+                },
+                {
+                    name: '拔罐',
+                    price: '188',
+                    group: '针灸2',
+                    time: '2077 - 12 - 20',
+                    status: true,
+                    id: '2'
+                },
+                {
+                    name: '火刺',
+                    price: '55',
+                    group: '针灸1',
+                    time: '2077 - 12 - 20',
+                    status: true,
+                    id: '3'
+                },
+            ],
+            projectTagData: [
+                {
+                    name: '全部分类',
+                    id: '0'
+                },
+                {
+                    name: '针灸1',
+                    id: '1'
+                },
+                {
+                    name: '针灸2',
+                    id: '11'
+                },
+                {
+                    name: '针灸3',
+                    id: '12'
+                },
+                {
+                    name: '针灸4',
+                    id: '13'
+                },
+                {
+                    name: '针灸1',
+                    id: '21'
+                },
+                {
+                    name: '针灸2',
+                    id: '211'
+                },
+                {
+                    name: '针灸3',
+                    id: '212'
+                },
+                {
+                    name: '针灸4',
+                    id: '213'
+                },
+            ],
+            courseList: [
+                {
+                    name: '针灸',
+                    price: '88',
+                    group: '针灸1',
+                    time: '2077 - 12 - 20',
+                    status: true,
+                    id: '1'
+                },
+                {
+                    name: '拔罐',
+                    price: '188',
+                    group: '针灸2',
+                    time: '2077 - 12 - 20',
+                    status: true,
+                    id: '2'
+                },
+                {
+                    name: '火刺',
+                    price: '55',
+                    group: '针灸1',
+                    time: '2077 - 12 - 20',
+                    status: true,
+                    id: '3'
+                },
+            ],
+            selectAll: false,
+            selectAll1: false,
+            numSettingForm: {
+                times: '',
+                hours: '',
+                nums: '',
+                days: ''
+            },
+            numSettingFormRule: {
+                times: [
+                    { required: true, message: '请输入', trigger: 'blur' }
+                ],
+                hours: [
+                    { required: true, message: '请输入', trigger: 'blur' }
+                ],
+                nums: [
+                    { required: true, message: '请输入', trigger: 'blur' }
+                ],
+                days: [
+                    { required: true, message: '请输入', trigger: 'blur' }
+                ],
+            },
+            options_payword: [{
+                value: '选项1',
+                label: '黄金糕'
+            }, {
+                value: '选项2',
+                label: '双皮奶'
+            }, {
+                value: '选项3',
+                label: '蚵仔煎'
+            }, {
+                value: '选项4',
+                label: '龙须面'
+            }, {
+                value: '选项5',
+                label: '北京烤鸭'
+            }],
+            weekPlan: {
+                '周一': '',
+                '周二': '',
+                '周三': '',
+                '周四': '',
+                '周五': '',
+                '周六': '',
+                '周日': '',
+            },
+            weekDays: [
+                { id: 1, name: '周一' },
+                { id: 2, name: '周二' },
+                { id: 3, name: '周三' },
+                { id: 4, name: '周四' },
+                { id: 5, name: '周五' },
+                { id: 6, name: '周六' },
+                { id: 7, name: '周日' }
+            ],
+            time1: '',
+            time2: '',
+            checkList: ['医生名片（基础功能不可取消）'],
+            fileList: [
+                { name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100' }
+            ],
+            yibao: '',
+            options_weekPlan: [{
+                value: '1',
+                label: '上午班'
+            }, {
+                value: '2',
+                label: '下午班'
+            }, {
+                value: '3',
+                label: '全天'
+            }, {
+                value: '0',
+                label: '休息'
+            },],
+            siteForm: {
+                company_name: '',
+                company_address: '',
+                company_phone: '',
+                site_alias: '',
+            },
+            oldForm: {
+                description: '',
+                detailDesc: '',
+                tags: ''
+            },
+            form: {
+                province: '',
+                city: '',
+                depart_name: '',
+                address:"万柏林区 晋祠路一段56号凯旋门小区2幢4005",
+                afternoon_worktime:"14:00-22:00",
+                depart_id:"1",
+                h_name:"武丽娜中医针灸",
+                h_pos:"37.850249,112.53111",
+                hid:"1",
+                is_fixed:"1",
+                morning_worktime:"8:00-11:00",
+                notice:"周六上午门诊最后一轮扎针到10点50分，11点后到患者的，只开药，不扎针。\r\n初诊患者请先将挂号条交给医助、在门外静坐等待叫号\r\n为了节约大家排号时间，请全部挂号，按挂号顺序治疗\r\n针灸治疗单缴费完毕后请交还医助\r\n药费缴费完毕后交方给药房等待拿药（可办理快递）\r\n请准备一次性医用床单（可现场购买）和户外保温毯（推荐），户外保温毯购买链接：<a href=\"https://m.tb.cn/h.UJglv3C?tk=5KMnd9XFr3D\" target=\"_blank\">https://m.tb.cn/h.UJglv3C?tk=5KMnd9XFr3D</a>",
+                time_unit:"15",
+                time_unit_num:"10",
+                treat_expire:"365",
+                visit_day:"7"
+            },
+            siteFormrules: {
+                depart_name: [
+                    { required: true, message: '请输入科室信息', trigger: 'blur' }
+                ],
+                h_name: [
+                    { required: true, message: '请输入出诊医院信息', trigger: 'blur' }
+                ],
+            },
+            siteForm1: {
+                domain_set: '',
+                domain_source: '平台免费域名',
+            },
+            siteForm2: {
+                isApprove: '',
+                phone: ''
+            },
+
+            siteFormrules1: {
+                domain_source: [
+                    { required: true, message: '请输入站点简称', trigger: 'blur' }
+                ]
+            },
+        }
+    },
+    created(){
+        store.commit('SET_CUSTOMIZE', true); 
+        store.commit('SET_SLIDER_MENU','hosMenuData'); 
+    },
+    mounted() {
+        const { depart_id, doctor_id } = this.$route.query; // 获取 doctorId 参数
+        if (doctor_id && depart_id) {
+            // 请求医生信息
+            this.depart_id = depart_id;
+            this.doctor_id = doctor_id;
+            // this.fetchDoctorData()
+        }
+    },
+    computed: {
+        selectedCount() {
+            return this.selectedRows.length;
+        },
+        ...mapState(['hosMenuData']) // 从Vuex映射showSidebar状态到组件的计算属性中
+    },
+    methods: {
+        fetchDoctorData() {
+            this.$http('POST', '/api/admin/get_depart_info', {
+                depart_id: this.depart_id,
+                doctor_id: this.doctor_id
+            }).then(response => {
+                this.form = { ...this.form, ...response.data,
+                    type:response.type ? [Number(response.type)] : [2],
+                    'morning_worktime':response.data.morning_worktime.split('-'),
+                    'afternoon_worktime':response.data.afternoon_worktime.split('-')
+                 }
+
+            }).catch(error => {
+                console.error(error, 'error')
+            })
+        },
+        validateSelection(val) {
+            // 防止取消选中医生名片
+            if (!val.includes(2)) {
+                this.$nextTick(() => {
+                    this.form.type = [...val, 2];
+                    this.$message.warning('基础功能不可取消');
+                });
+            }
+        },
+        selectTag(item) {
+            this.projectSearchId = item.id
+        },
+        getProTagData() {
+            this.$http('POST', '/supernew/ajax_get_type_batch_list', {
+
+            }).then(response => {
+                this.projectTagData = response.data
+
+            }).catch(error => {
+                console.error(error, 'error')
+            })
+        },
+        addNewSetMenu() {
+            this.$router.push('/addNewTreatment')
+        },
+        handleClose() {
+            this.$Message.info('弹框已关闭');
+            this.dialogVisible = false;
+        },
+        handleSizeChange(val) {
+            this.pageSize = val
+            this.getData()
+        },
+        handleCurrentChange(val) {
+            this.currentPage = val
+            this.getData()
+        },
+       
+        // 确认按钮事件
+        handleConfirm() {
+            if (this.dialogVisible1) {
+                this.$refs['projectNameForm'].validate((valid) => {
+                    if (valid) {
+                        alert('submit!');
+                        this.dialogVisible1 = false;
+
+                    } else {
+                        console.log('error submit!!');
+                        return false;
+                    }
+                });
+            } else if (this.dialogVisible) {
+                this.$Message.success('点击了确认按钮');
+                this.dialogVisible = false;
+            }
+        },
+        // 取消按钮事件
+        handleCancel() {
+            this.$Message.warning('点击了取消按钮');
+            this.dialogVisible = false;
+            this.dialogVisible1 = false;
+        },
+        dialogVisibleChange(data) {
+            console.log(data, 'data098908090');
+        },
+        onSwitchChange1(row) {
+            row.status = !row.status;
+            this.$set(this.projectList, row)
+        },
+        onSwitchChange2(row) {
+            row.status = !row.status;
+            this.$set(this.courseList, row)
+        },
+        handleClick1(row) {
+            console.log(row);
+            this.$router.push(`/addNewTreatment?id=${row.id}`)
+            // 跳转编辑页面
+        },
+        handleClick(row) {
+            console.log(row);
+            // 跳转编辑页面
+        },
+        // 处理全选按钮变化
+        handleSelectAllChange(val) {
+            console.log(this.$refs.multipleTable, 'multipleTable-');
+            if (val) {
+                // 只选中未选中的行
+                const unselectedRows = this.projectList.filter(
+                    row => !this.selectedRows.includes(row)
+                );
+                unselectedRows.forEach(row => {
+                    this.$refs.multipleTable.$refs.guiptable.toggleRowSelection(row, true);
+                });
+            } else {
+                // 只取消已选中的行
+                this.selectedRows.forEach(row => {
+                    this.$refs.multipleTable.$refs.guiptable.toggleRowSelection(row, false);
+                });
+            }
+        },
+
+        // 处理选择变化
+        handleSelectionChange(rows) {
+            this.selectedRows = rows;
+            // 更新全选按钮状态
+            const allSelected = rows.length === this.projectList.length;
+            const noneSelected = rows.length === 0;
+
+            this.selectAll = allSelected;
+            this.isIndeterminate = !noneSelected && !allSelected;
+        },
+        handleSelectAllChange1(val) {
+            console.log(this.$refs.multipleTable, 'multipleTable-');
+            if (val) {
+                // 只选中未选中的行
+                const unselectedRows = this.courseList.filter(
+                    row => !this.selectedRows1.includes(row)
+                );
+                unselectedRows.forEach(row => {
+                    this.$refs.multipleTable1.$refs.guiptable.toggleRowSelection(row, true);
+                });
+            } else {
+                // 只取消已选中的行
+                this.selectedRows.forEach(row => {
+                    this.$refs.multipleTable1.$refs.guiptable.toggleRowSelection(row, false);
+                });
+            }
+        },
+
+        // 处理选择变化
+        handleSelectionChange1(rows) {
+            this.selectedRows = rows;
+            // 更新全选按钮状态
+            const allSelected = rows.length === this.courseList.length;
+            const noneSelected = rows.length === 0;
+
+            this.selectAll1 = allSelected;
+            this.isIndeterminate1 = !noneSelected && !allSelected;
+        },
+        // 批量操作
+        batchOperate(type) {
+            if (type == '1') {
+                // 禁用
+
+            } else {
+                // 启用
+
+            }
+        },
+        ChangeTime(type) {
+
+            console.log(this.form.morning_worktime, type,'===');
+        },
+        btnClick() {
+        },
+        handleClear(value) {
+            // this.handleInput('')
+            console.log(value, 'value===qinghcu');
+        },
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        // 上传图片
+        handleAvatarSuccess(res, file) {
+            this.imageUrl1 = URL.createObjectURL(file.raw);
+        },
+        beforeAvatarUpload(file) {
+            const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
+            const isLt2M = file.size / 1024 / 1024 < 2;
+
+            if (!isJPG) {
+                this.$message.error('上传头像图片只能是 JPG 或 PNG 格式!');
+            }
+            if (!isLt2M) {
+                this.$message.error('上传头像图片大小不能超过 2MB!');
+            }
+            return isJPG && isLt2M;
+        },
+        changeNormalWeixin() {
+
+        },
+        changeSelectWeixin(item, flag) {
+            if (flag) {
+                this.select_placeholder_weixin = this.options_weixin_null.desc;
+                return
+            }
+            this.selectedItem = { ...item };
+            console.log(this.selectedItem, 'this.selectedItem====');
+        },
+        //  销售渠道
+        domain_radioChange(type) {
+            console.log(type, '--');
+        },
+        onSwitchChange(data) {
+            console.log(data, '---');
+        },
+        updateHosInfo(props){
+            this.$http('POST', '/api/admin/set_hospital_depart', {
+                ...props
+            }).then(response => {
+                if(response.code == 0){
+                    this.$Message.success('更新成功')
+                }
+            }).catch(error => {
+                console.error(error, 'error')
+            })
+        },
+        submitForm(form) {
+            console.log(this.$refs[form], '-----');
+            this.$refs[form].validate((valid) => {
+                console.log(this[form], '======formxinxi');
+                if (valid) {
+                    alert('提交成功!');
+                    let props = {}
+                    switch(form){
+                        case 'siteForm1':
+                            props={
+                                morning_worktime:form.morning_worktime.join('-'),
+                                afternoon_worktime:form.afternoon_worktime.join('-')
+                            }
+                            break;
+                        case 'siteForm':
+                            props={
+                                is_fixed:this.form.is_fixed,
+                                type:form.type,
+                                notice:form.notice
+                            }
+                            break;
+                        case 'numSettingForm':
+                            props={
+                                time_unit:form.time_unit,
+                                time_unit_num:form.time_unit_num,
+                                visit_day:form.visit_day,
+                                treat_expire:form.treat_expire,
+                            }
+                            break;
+                    }
+                    this.updateHosInfo(props)
+                } else {
+                    return false;
+                }
+            });
+        },
+        cancelClick() {
+            console.log('quxiao');
+        },
+        confirmClick(type) {
+            console.log(type, '确认');
+        }
+
+    }
+}
+</script>
+<style lang="scss">
+.weekPlan {
+    display: grid;
+    grid-gap: 12px 44px;
+    grid-template-columns: repeat(2, 1fr);
+
+}
+.pageTitle{
+    // padding: 12px 0;
+}
+
+.totalCount {
+    font-size: 12px;
+    font-weight: normal;
+    line-height: 13px;
+    letter-spacing: 0.08em;
+    color: #8A9099;
+    margin-left: 12px;
+}
+
+.tabProject {
+    gap: 12px;
+
+    .tab-item {
+        /* 自动布局子元素 */
+        height: 28px;
+        min-width: 74px;
+        /* 自动布局 */
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        box-sizing: border-box;
+        padding: 4px 12px;
+        gap: 4px;
+        align-self: stretch;
+        z-index: 2;
+        border-radius: 14px;
+        background: #FFFFFF;
+        box-sizing: border-box;
+        /* middle/middle_line_1 */
+        border: 1px solid #DFE2E6;
+        /* body/body 2_regular */
+        font-family: Microsoft YaHei UI;
+        font-size: 14px;
+        text-align: justify;
+        /* 浏览器可能不支持 */
+        letter-spacing: 0.08em;
+        /* text/text_4 */
+        color: #8A9099;
+    }
+
+    .active {
+        color: #006AFF;
+        border: none;
+        background: #F2F3F5;
+    }
+}
+
+.el-form-item {
+    margin-bottom: 0;
+}
+
+.siteMessage {
+    border-radius: 4px;
+    transition: all .5s;
+    border: 1px solid transparent;
+}
+
+.checkboxGroup {
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 24px;
+    height: 72px;
+    padding: 10px 0;
+}
+
+.addStore {
+    margin-top: 12px;
+}
+
+.qqCode-wrap {
+    margin-bottom: 14px;
+
+    .labelImg {
+        opacity: .7;
+        margin-left: 8px;
+    }
+
+    .avatar-uploader {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: flex-start;
+        margin: 12px 0 8px;
+    }
+
+    .avatar-desc {
+        text-align: left;
+    }
+}
+
+
+.site-setting-wrap {
+    width: 100%;
+}
+
+#siteMessage2 {
+    margin: 12px 0;
+}
+
+.domain-wrap {
+    .domain-item {
+        margin-bottom: 10px;
+    }
+
+
+    .domain-item p:last-child {
+        padding-left: 23px;
+        color: #8A9099;
+    }
+
+    p {
+        text-align: left;
+        line-height: 18px;
+        margin-bottom: 8px;
+    }
+
+    .domain-box {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/SiteBaseSetting.vue b/src/views/SiteBaseSetting.vue
index f8d9df3..397454b 100644
--- a/src/views/SiteBaseSetting.vue
+++ b/src/views/SiteBaseSetting.vue
@@ -37,7 +37,17 @@
                     <div class="flex-right">
                         <GuipFormItem column="column" label="域名设置" required="true">
                             <GuipInput slot="formDom" v-model="siteForm1.domain_set" placeholder="仅支持数字、字母">
-                                <span slot="appendshow">.chachongz.com</span>
+                                <span slot="appendshow" style="width: 200px;">
+                                    <GuipSelect width="200px" v-model="domainSuffix" placeholder="选择后缀"
+                                        :filterable="true" allow-create :options="domainOptions">
+                                        <!-- <el-option
+                                        v-for="item in domainOptions"
+                                        :key="item"
+                                        :label="item"
+                                        :value="item"
+                                        /> -->
+                                    </GuipSelect>
+                                </span>
                             </GuipInput>
                         </GuipFormItem>
                     </div>
@@ -56,9 +66,9 @@
                                 <img src="@/assets/register/weixin.svg" style="width: 26px;height: 26px;"
                                     alt=""><span>微信收款</span>
                             </div>
-                            <CustomDropdown slot="formDom" width="100%" v-model="siteForm1.weixin_pay" :options="options_weixin"
-                                @change="changeSelectWeixin" placeholder="请选择" :options_null="options_weixin_null"
-                                @changeNormal="changeNormalWeixin">
+                            <CustomDropdown slot="formDom" width="100%" v-model="siteForm1.weixin_pay"
+                                :options="options_weixin" @change="changeSelectWeixin" placeholder="请选择"
+                                :options_null="options_weixin_null" @changeNormal="changeNormalWeixin">
                                 <!-- 自定义触发按钮 -->
                                 <template #trigger>
                                     <span v-if="selectedItemWeixin"
@@ -102,9 +112,9 @@
                             </div>
                             <!-- <GuipSelect slot="formDom" v-model="siteForm2.zhifubao_pay" prop="zhifubao_pay"
                                         :options="options_zhifubao" placeholder="未绑定支付宝收款" /> -->
-                            <CustomDropdown slot="formDom" width="100%" v-model="siteForm1.zhifubao_pay" :options="options_weixin"
-                                @change="changeSelectWeixin" placeholder="请选择" :options_null="options_weixin_null"
-                                @changeNormal="changeNormalWeixin">
+                            <CustomDropdown slot="formDom" width="100%" v-model="siteForm1.zhifubao_pay"
+                                :options="options_weixin" @change="changeSelectWeixin" placeholder="请选择"
+                                :options_null="options_weixin_null" @changeNormal="changeNormalWeixin">
                                 <!-- 自定义触发按钮 -->
                                 <template #trigger>
                                     <span v-if="selectedItemWeixin"
@@ -166,6 +176,7 @@ import GuipRadio from '@/components/GuipRadio.vue';
 import CustomDropdown from '@/components/CustomDropdown.vue';
 import GuipButton from '@/components/GuipButton.vue';
 import GroupFormBtns from '@/components/GroupFormBtns.vue';
+import GuipSelect from '@/components/GuipSelect.vue';
 // import {setHighActive} from '@/utils/common';
 export default {
     // 站点设置
@@ -177,11 +188,28 @@ export default {
         GuipInput,
         CustomDropdown,
         GuipButton,
-        GroupFormBtns
+        GroupFormBtns,
+        GuipSelect
 
     },
     data() {
         return {
+            domainInput: '',
+            domainSuffix: '.chachongz.com',
+            domainOptions: [
+                {
+                    value: '1',
+                    label: '.chachongz.com'
+                },
+                {
+                    value: '2',
+                    label: '.turnitin.org.cn'
+                },
+                {
+                    value: '3',
+                    label: '.jishu.chachongz.com'
+                },
+            ],
             siteForm: {
                 company_name: '',
                 company_address: '',
@@ -222,7 +250,11 @@ export default {
         }
     },
     computed: {
-        ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
+        ...mapState(['pageTitle','siteSettingData']) // 从Vuex映射showSidebar状态到组件的计算属性中
+    },
+    created(){
+        store.commit('SET_CUSTOMIZE', true); 
+        store.commit('SET_SLIDER_MENU','siteSettingData'); 
     },
     mounted() {
         store.commit('SET_PAGETITLE', '基本设置');
@@ -268,11 +300,12 @@ export default {
 }
 </script>
 <style lang="scss">
-.siteMessage{
+.siteMessage {
     border-radius: 4px;
     transition: all .5s;
     border: 1px solid transparent;
 }
+
 .addStore {
     margin-top: 12px;
     // border-radius: 4px;
@@ -289,12 +322,16 @@ export default {
 }
 
 
-.site-setting-wrap{
+.site-setting-wrap {
     width: 100%;
+    padding: 12px ;
+    box-sizing: border-box;
 }
-#siteMessage2{
+
+#siteMessage2 {
     margin: 12px 0;
 }
+
 .domain-wrap {
     .domain-item {
         margin-bottom: 10px;
diff --git a/src/views/SitePersonalization.vue b/src/views/SitePersonalization.vue
index a2ef243..8ed4edf 100644
--- a/src/views/SitePersonalization.vue
+++ b/src/views/SitePersonalization.vue
@@ -300,6 +300,10 @@ export default {
     computed: {
         ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
     },
+    created(){
+        store.commit('SET_CUSTOMIZE', true); 
+        store.commit('SET_SLIDER_MENU','siteSettingData'); 
+    },
     mounted() {
         store.commit('SET_PAGETITLE', '个性化设置');
     },
diff --git a/src/views/agent/siteBaseSetting.vue b/src/views/agent/siteBaseSetting.vue
index 05d7fa0..3b73bed 100644
--- a/src/views/agent/siteBaseSetting.vue
+++ b/src/views/agent/siteBaseSetting.vue
@@ -244,6 +244,10 @@ export default {
     computed: {
         ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
     },
+    created(){
+        store.commit('SET_CUSTOMIZE', true); 
+        store.commit('SET_SLIDER_MENU','siteSettingData'); 
+    },
     mounted() {
         store.commit('SET_PAGETITLE', '基本设置');
 
diff --git a/src/views/agent/siteList.vue b/src/views/agent/siteList.vue
index 03ec6fa..77a75f3 100644
--- a/src/views/agent/siteList.vue
+++ b/src/views/agent/siteList.vue
@@ -101,7 +101,6 @@
                     </GuipDialog>
                 </el-form>
             </div>
-            <Footer></Footer>
         </div>
     </div>
 </template>
@@ -109,17 +108,16 @@
 <script>
 
 import GuipTable from '@/components/GuipTable.vue';
-import Footer from '@/components/Footer.vue';
 import SvgIcon from '@/components/SvgIcon.vue';
 import GuipSelect from '@/components/GuipSelect.vue';
 import GuipButton from '@/components/GuipButton.vue';
 import GuipInput from '@/components/GuipInput.vue';
 import GuipDialog from '@/components/GuipDialog.vue';
+// import store from '@/store';
 
 export default {
     name: 'siteList',
     components: {
-        Footer,
         GuipTable,
         SvgIcon,
         GuipSelect,
@@ -142,7 +140,7 @@ export default {
             // 服务列表url
             serviceListUrl: '/ui',
             // 站点设置url
-            siteSettingUrl: '/siteSetting/siteBaseSetting',
+            siteSettingUrl: '/agent/siteBaseSetting',
             // 新增站点url
             addNewSiteUrl: '/ui',
             popoverFlag:false,
diff --git a/src/views/agent/siteSemSetting.vue b/src/views/agent/siteSemSetting.vue
index 4e34e70..4ae40b3 100644
--- a/src/views/agent/siteSemSetting.vue
+++ b/src/views/agent/siteSemSetting.vue
@@ -334,6 +334,10 @@ export default {
     computed: {
         ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
     },
+    created(){
+        store.commit('SET_CUSTOMIZE', true); 
+        store.commit('SET_SLIDER_MENU','siteSettingData'); 
+    },
     mounted() {
         this.getSiteInfo();
         store.commit('SET_PAGETITLE', '营销推广');
@@ -534,7 +538,7 @@ export default {
     justify-content: space-between;
     /* 关键属性 */
     align-items: center;
-    margin: 16px 0px 16px 0px;
+    margin: 0px 0px 16px 0px;
 }
 
 .pagetitle {
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index a2835b2..9bacfbe 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -363,7 +363,6 @@ import HoverButton from '@/components/HoverButton.vue'
 import SvgIcon from '@/components/SvgIcon.vue';
 
 // import { mapState } from 'vuex'
-// import store from '@/store';
 
 export default {
     name: 'HomeView',
@@ -680,7 +679,6 @@ export default {
     mounted() {
         this.getList();
         this.getStagePurchase()
-
         // this.$loadingFn.show()
         // setInterval(()=>{
         //     this.$loadingFn.hide()
diff --git a/src/views/super/Ranking/Purchase.vue b/src/views/super/Ranking/Purchase.vue
index 2a8af1c..2974154 100644
--- a/src/views/super/Ranking/Purchase.vue
+++ b/src/views/super/Ranking/Purchase.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="demo-wrap min-flex-right">
+    <div class="demo-wrap main-content12">
         <div class="flex-between">
             <h2>{{ pageTitle }}</h2>
             <el-button type="primary" @click="openDialog">新增</el-button>
diff --git a/src/views/super/Ranking/RankBatchList.vue b/src/views/super/Ranking/RankBatchList.vue
index 66d433e..590b0c6 100644
--- a/src/views/super/Ranking/RankBatchList.vue
+++ b/src/views/super/Ranking/RankBatchList.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="demo-wrap min-flex-right">
+    <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">
diff --git a/src/views/super/Ranking/RankDetail.vue b/src/views/super/Ranking/RankDetail.vue
index 18afe45..964d7a9 100644
--- a/src/views/super/Ranking/RankDetail.vue
+++ b/src/views/super/Ranking/RankDetail.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="demo-wrap min-flex-right">
+    <div class="demo-wrap main-content12">
         <div class="flex-between">
             <h2>{{ filterTitle ? filterTitle : pageTitle }}</h2>
             <CustomDropdown v-if="showDateSelect"
diff --git a/src/views/super/Ranking/RankList.vue b/src/views/super/Ranking/RankList.vue
index 44d2879..e61c1ce 100644
--- a/src/views/super/Ranking/RankList.vue
+++ b/src/views/super/Ranking/RankList.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="demo-wrap min-flex-right">
+    <div class="demo-wrap main-content12">
         <div class="flex-between">
             <h2>{{ filterTitle ? filterTitle : pageTitle }}</h2>
             <CustomDropdown v-if="showDateSelect" ref="dropdownRef"