diff --git a/ruoyi-ui/src/api/officialWebsite/getPageData.js b/ruoyi-ui/src/api/officialWebsite/getPageData.js
index 4ea44a7..1fbc7e3 100644
--- a/ruoyi-ui/src/api/officialWebsite/getPageData.js
+++ b/ruoyi-ui/src/api/officialWebsite/getPageData.js
@@ -7,3 +7,11 @@ export function getPageData(data) {
     data
   })
 }
+
+export function getPageColumn(data) {
+  return request({
+    url: '/api/category',
+    method: 'post',
+    data
+  })
+}
diff --git a/ruoyi-ui/src/views/officialWebsite/Components/footer.vue b/ruoyi-ui/src/views/officialWebsite/Components/footer.vue
index 3517349..a1e74fc 100644
--- a/ruoyi-ui/src/views/officialWebsite/Components/footer.vue
+++ b/ruoyi-ui/src/views/officialWebsite/Components/footer.vue
@@ -35,12 +35,12 @@
 
         </div>
       </div>
-      <div class="footer-nav">
+      <!-- <div class="footer-nav">
         <div class="footer-nav-item" v-for="item in itemsWithoutFirst">
           <div class="tt">{{ item.label }}</div>
           <a href="" v-for="childrenItem in item.children">{{ childrenItem.label }}</a>
         </div>
-      </div>
+      </div> -->
       <div class="web_icp">
         <div class="left">
           <a href="">版权所有：{{ this.baseInfo.copyrightInfo }}</a>
diff --git a/ruoyi-ui/src/views/officialWebsite/Components/header.vue b/ruoyi-ui/src/views/officialWebsite/Components/header.vue
index da78d8c..d2a2a1e 100644
--- a/ruoyi-ui/src/views/officialWebsite/Components/header.vue
+++ b/ruoyi-ui/src/views/officialWebsite/Components/header.vue
@@ -37,6 +37,7 @@ export default {
       baseInfo:"",
       input:'',
       show_search: true,
+      categoryQuery:{},
       tablist: [
         {name: '首页'},
         {name: '中心概括'},
diff --git a/ruoyi-ui/src/views/officialWebsite/about.vue b/ruoyi-ui/src/views/officialWebsite/about.vue
index b3953e2..1b07c5f 100644
--- a/ruoyi-ui/src/views/officialWebsite/about.vue
+++ b/ruoyi-ui/src/views/officialWebsite/about.vue
@@ -16,27 +16,34 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="about-conts" v-bind:class="[currentActive == 0 ? 'bj' : '']">
-      <!-- 中心简介 -->
-      <div class="about-conts-item1" v-if="currentActive == 0">
-        <div class="neirong" v-html="content"></div>
-      </div>
-      <!-- 组织机构 -->
-      <div class="about-conts-item2" v-if="currentActive == 1">
-        <!-- <div class="div" v-for="(item, index) in orgList">
-          {{ item.contentDetail }}
-        </div> -->
-        <div class="neirong" v-html="orgList"></div>
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="about-conts-item1" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
       </div>
 
+      <!-- 中心简介 -->
+      <!-- <div class="about-conts-item1" v-if="currentActive == 0"> -->
+      <!-- <div class="neirong" v-html="content"></div> -->
+      <!-- </div> -->
+      <!-- 组织机构 -->
+      <!-- <div class="about-conts-item1" v-if="currentActive == 1"> -->
+      <!-- <div class="div" v-for="(item, index) in orgList">
+          {{ item.contentDetail }}
+        </div> -->
+      <!-- <div class="neirong" v-html="orgList"></div> -->
+      <!-- </div> -->
+
       <!-- 现任领导 -->
-      <div class="about-conts-item3" v-if="currentActive == 2">
-        <!-- <div class="about-conts-item3-div" v-for="postList">
+      <!-- <div class="about-conts-item1" v-if="currentActive == 2"> -->
+      <!-- <div class="about-conts-item3-div" v-for="postList">
           <div class="left">
             主任
           </div>
@@ -49,7 +56,7 @@
             </div>
           </div>
         </div> -->
-        <!-- <div class="about-conts-item3-div">
+      <!-- <div class="about-conts-item3-div">
           <div class="left">
             主任
           </div>
@@ -75,8 +82,8 @@
             </div>
           </div>
         </div> -->
-        <div class="neirong" v-html="leaderList"></div>
-      </div>
+      <!-- <div class="neirong" v-html="leaderList"></div> -->
+      <!-- </div> -->
 
     </div>
     <footers></footers>
@@ -86,9 +93,14 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
-import { getPageData } from "@/api/officialWebsite/getPageData";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import headers from '@/views/officialWebsite/Components/header.vue'
 import footers from '@/views/officialWebsite/Components/footer.vue'
+
+// import {useRoute, useRouter} from "vue-router";
+// const route = useRoute();
+// const router = useRouter();
+
 export default {
   components: {
     Swiper,
@@ -102,43 +114,30 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       nav: [
-        { name: '中心简介' },
-        { name: '组织机构' },
-        { name: '现任领导' },
+        // { name: '中心简介' },
+        // { name: '组织机构' },
+        // { name: '现任领导' },
       ],
       currentActive: 2,
       isMounted: false,
-      orgList:"",
-      postList:[],
-//       content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-//     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
-// </p>
-// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-//     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span>
-// </p>
-// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-//     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
-// </p>
-// <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;">
-//     <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/>
-// </p>`
-      content:"",
-      leaderList:"",
+      orgList: "",
+      postList: [],
+      //       content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
+      //     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
+      // </p>
+      // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
+      //     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span>
+      // </p>
+      // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
+      //     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
+      // </p>
+      // <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;">
+      //     <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/>
+      // </p>`
+      content: "",
+      leaderList: "",
     }
   },
   computed: {
@@ -159,42 +158,64 @@ export default {
       this.currentActive = value
     },
     initPageData() {
-      let introduction_center_param = {
-        "categoryId": "1813827591224823808",
-        "pageNum": 1,
-        "pageSize": 1000
-      };
-      getPageData(introduction_center_param).then(response => {
-        response.data.list.forEach(element => {
-          this.content += element.contentDetail;
-        });
+      console.log("123123", this.$route.query.id);
 
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
       });
 
-      let organizational_structure_param = {
-        "categoryId": "1813827750121836544",
-        "pageNum": 1,
-        "pageSize": 1000
-      };
-      getPageData(organizational_structure_param).then(response => {
-        response.data.list.forEach(element => {
-          // this.orgList.push(element);
-          this.orgList += element.contentDetail;
-        });
+      // let introduction_center_param = {
+      //   "categoryId": "1813827591224823808",
+      //   "pageNum": 1,
+      //   "pageSize": 1000
+      // };
+      // getPageData(introduction_center_param).then(response => {
+      //   response.data.list.forEach(element => {
+      //     this.content += element.contentDetail;
+      //   });
 
-      });
+      // });
 
-      let current_leader_param = {
-        "categoryId": "1813827861774209024",
-        "pageNum": 1,
-        "pageSize": 1000
-      };
-      getPageData(current_leader_param).then(response => {
-        response.data.list.forEach(element => {
-          this.leaderList += element.contentDetail;
-        });
+      // let organizational_structure_param = {
+      //   "categoryId": "1813827750121836544",
+      //   "pageNum": 1,
+      //   "pageSize": 1000
+      // };
+      // getPageData(organizational_structure_param).then(response => {
+      //   response.data.list.forEach(element => {
+      //     // this.orgList.push(element);
+      //     this.orgList += element.contentDetail;
+      //   });
 
-      });
+      // });
+
+      // let current_leader_param = {
+      //   "categoryId": "1813827861774209024",
+      //   "pageNum": 1,
+      //   "pageSize": 1000
+      // };
+      // getPageData(current_leader_param).then(response => {
+      //   response.data.list.forEach(element => {
+      //     this.leaderList += element.contentDetail;
+      //   });
+
+      // });
 
     },
   }
diff --git a/ruoyi-ui/src/views/officialWebsite/cases.vue b/ruoyi-ui/src/views/officialWebsite/cases.vue
index 2c7c2df..3d2b4d9 100644
--- a/ruoyi-ui/src/views/officialWebsite/cases.vue
+++ b/ruoyi-ui/src/views/officialWebsite/cases.vue
@@ -13,18 +13,27 @@
         <div class="left"> <img src="../../assets/gw/home.png" alt="">
           <p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">合作企业</span></p>
         </div>
-
+        <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
+          @click="getCurrentActive(index)">
+          {{ item.categoryName }}
+        </div>
       </div>
     </div>
 
     <div class="list">
-      <div class="item" v-for="(item, index) in 8" :key="index">
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="about-conts-item1" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
+      <!-- <div class="item" v-for="(item, index) in 8" :key="index">
         <div class="img">
           <img src="../../assets/gw/Snipaste_2024-07-24_21-58-16.jpg" alt="" class="">
         </div>
         <div class="tt">船舶轮机实训虚拟仿真项目</div>
 
-      </div>
+      </div> -->
     </div>
 
     <div class="page">
@@ -39,9 +48,10 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import headers from '@/views/officialWebsite/Components/header.vue'
 import footers from '@/views/officialWebsite/Components/footer.vue'
-import {getTab, getbanner, getinfo} from "@/api/gw/home";
+import { getTab, getbanner, getinfo } from "@/api/gw/home";
 export default {
   components: {
     Swiper,
@@ -55,59 +65,55 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
-
+      pageContextList: [],
       nav: [
-        { name: '教学团队' },
-        { name: '教学成果' },
+        // { name: '教学团队' },
+        // { name: '教学成果' },
       ],
       currentActive: 0,
       isMounted: false,
 
     }
   },
+  mounted() {
+    // 页面加载完毕调用
+    this.initPageData();
+  },
   computed: {
 
   },
-  mounted() {
-    console.log(this.$route.query.id)
-    this.getInfo()
-  },
+
   methods: {
-    getInfo() {
-      let data = {
-        categoryId: this.$route.query.id,
-        pageNum:1,
-        pageSize:10
-
-      }
-      getbanner(data).then(res => {
-
-        console.log(res)
-
-
-      })
-    },
     // 触发导航
     getCurrentActive(value) {
       if (this.currentActive == value) {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }
@@ -362,7 +368,8 @@ export default {
   left: 0;
   transition: 0.5s ease;
 }
-.list .item:hover .tt{
+
+.list .item:hover .tt {
   top: 0%;
 }
 
diff --git a/ruoyi-ui/src/views/officialWebsite/committee.vue b/ruoyi-ui/src/views/officialWebsite/committee.vue
index 48f4bd7..1bc598d 100644
--- a/ruoyi-ui/src/views/officialWebsite/committee.vue
+++ b/ruoyi-ui/src/views/officialWebsite/committee.vue
@@ -16,13 +16,19 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="committee-cont">
-      <div class="news" v-if="currentActive == 0">
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="about-conts-item1" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
+      <!-- <div class="news" v-if="currentActive == 0">
         <div class="news-list">
           <div class="item" v-for="(item, index) in 8">
             <div class="tts">
@@ -93,7 +99,7 @@
           <el-pagination background layout="prev, pager, next" :total="1000" class="">
           </el-pagination>
         </div>
-      </div>
+      </div> -->
     </div>
 
     <footers></footers>
@@ -103,6 +109,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 export default {
@@ -118,30 +125,21 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       nav: [
-        { name: '工作动态' },
-        { name: '组织架构' },
-        { name: '成员信息' },
+        // { name: '工作动态' },
+        // { name: '组织架构' },
+        // { name: '成员信息' },
       ],
       currentActive: 1,
       isMounted: false,
       input4: ""
     }
   },
+  mounted() {
+    // 页面加载完毕调用
+    this.initPageData();
+  },
   computed: {
 
   },
@@ -153,7 +151,30 @@ export default {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }
diff --git a/ruoyi-ui/src/views/officialWebsite/competition.vue b/ruoyi-ui/src/views/officialWebsite/competition.vue
index 8592dc4..a73d571 100644
--- a/ruoyi-ui/src/views/officialWebsite/competition.vue
+++ b/ruoyi-ui/src/views/officialWebsite/competition.vue
@@ -16,13 +16,19 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="committee-cont">
-      <div class="news">
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="about-conts-item1" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
+      <!-- <div class="news">
         <div class="news-list">
           <div class="item" v-for="(item, index) in 8">
             <div class="tts">
@@ -36,7 +42,7 @@
           </el-pagination>
         </div>
 
-      </div>
+      </div> -->
 
     </div>
 
@@ -47,6 +53,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 export default {
@@ -62,32 +69,23 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       nav: [
-        { name: '大赛信息' },
-        { name: '比赛通知' },
-        { name: '报名信息' },
-        { name: '获奖信息' },
-        { name: '赛事风采' },
+        // { name: '大赛信息' },
+        // { name: '比赛通知' },
+        // { name: '报名信息' },
+        // { name: '获奖信息' },
+        // { name: '赛事风采' },
       ],
       currentActive: 1,
       isMounted: false,
       input4: ""
     }
   },
+  mounted() {
+    // 页面加载完毕调用
+    this.initPageData();
+  },
   computed: {
 
   },
@@ -99,7 +97,30 @@ export default {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }
diff --git a/ruoyi-ui/src/views/officialWebsite/contact.vue b/ruoyi-ui/src/views/officialWebsite/contact.vue
index e72ac6b..d4bb0b5 100644
--- a/ruoyi-ui/src/views/officialWebsite/contact.vue
+++ b/ruoyi-ui/src/views/officialWebsite/contact.vue
@@ -11,15 +11,25 @@
         <div class="left"> <img src="../../assets/gw/home.png" alt="">
           <p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">联系我们</span></p>
         </div>
+        <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
+          @click="getCurrentActive(index)">
+          {{ item.categoryName }}
+        </div>
       </div>
     </div>
     <div class="contact">
       <div class="info">
-        <div class="info-item" v-for="(item,index) in fourlist" :key="index">
+        <!-- main -->
+        <div v-for="(item, index) in nav " :key=index>
+          <div class="about-conts-item1" v-if="currentActive == index">
+            <div class="neirong" v-html="pageContextList[index]"></div>
+          </div>
+        </div>
+        <!-- <div class="info-item" v-for="(item,index) in fourlist" :key="index">
           <img :src=" imgurl + item.contentImg " alt="">
           <div class="p">{{item.contentTitle}}</div>
           <div class="desc" v-html="item.contentDetail"></div>
-        </div>
+        </div> -->
 
       </div>
       <div class="map">
@@ -31,9 +41,10 @@
 </template>
 
 <script>
-import {getTab, getbanner, getinfo} from "@/api/gw/home";
+import { getTab, getbanner, getinfo } from "@/api/gw/home";
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 export default {
@@ -49,58 +60,56 @@ export default {
   },
   data() {
     return {
-      imgurl:process.env.VUE_APP_BASE_API,
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      imgurl: process.env.VUE_APP_BASE_API,
+      pageContextList: [],
       nav: [
-        { name: '教学团队' },
-        { name: '教学成果' },
+        // { name: '教学团队' },
+        // { name: '教学成果' },
       ],
-      fourlist:[],
+      fourlist: [],
       currentActive: 0,
       isMounted: false,
     }
   },
-  computed: {
-  },
   mounted() {
-    console.log(this.$route.query.id)
-    this.getInfo()
+    // 页面加载完毕调用
+    this.initPageData();
   },
+  computed: {
+
+  },
+
   methods: {
-    getInfo() {
-      let data = {
-        categoryId: this.$route.query.id,
-        pageNum:1,
-        pageSize:10
-
-      }
-      getbanner(data).then(res => {
-
-        console.log(res.data[0].children.list)
-        this.fourlist = res.data[0].children.list
-
-      })
-    },
     // 触发导航
     getCurrentActive(value) {
       if (this.currentActive == value) {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }
@@ -388,6 +397,7 @@ export default {
   height: 1px;
   background-color: #eee;
 }
+
 .contact .map {
   width: 46%;
   /* height: 468px; */
@@ -397,10 +407,12 @@ export default {
   flex-wrap: wrap;
   padding: 1%;
 }
-.contact .map img{
+
+.contact .map img {
   width: 100%;
   height: 100%;
 }
+
 .index-footer {
   background: #383838;
   padding-top: 30px;
diff --git a/ruoyi-ui/src/views/officialWebsite/news.vue b/ruoyi-ui/src/views/officialWebsite/news.vue
index 09b7932..35cbff2 100644
--- a/ruoyi-ui/src/views/officialWebsite/news.vue
+++ b/ruoyi-ui/src/views/officialWebsite/news.vue
@@ -16,13 +16,19 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="news">
-      <div class="news-item" v-for="(item, index) in 8">
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="about-conts-item1" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
+      <!-- <div class="news-item" v-for="(item, index) in 8">
         <div class="text">
           <div class="time">2024-07-20</div>
           <div class="tt">关于2024年秋季学期虚拟仿真实验类课程教学安排的通知</div>
@@ -36,7 +42,7 @@
         <div class="img">
           <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="page">
       <el-pagination background layout="prev, pager, next" :total="1000" class="">
@@ -49,6 +55,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 export default {
@@ -64,29 +71,20 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       nav: [
-        { name: '活动通知' },
-        { name: '研讨内容' },
+        // { name: '活动通知' },
+        // { name: '研讨内容' },
       ],
       currentActive: 0,
       isMounted: false,
 
     }
   },
+  mounted() {
+    // 页面加载完毕调用
+    this.initPageData();
+  },
   computed: {
 
   },
@@ -98,7 +96,30 @@ export default {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }
diff --git a/ruoyi-ui/src/views/officialWebsite/platform.vue b/ruoyi-ui/src/views/officialWebsite/platform.vue
index 93e06fe..66470ab 100644
--- a/ruoyi-ui/src/views/officialWebsite/platform.vue
+++ b/ruoyi-ui/src/views/officialWebsite/platform.vue
@@ -16,17 +16,22 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="about-conts" v-bind:class="[currentActive == 1 ? 'bj' : '']">
-
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="about-conts-item1" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
       <!-- 专业平台介绍 -->
-      <div class="ayptjs" v-if="currentActive == 0">
+      <!-- <div class="ayptjs" v-if="currentActive == 0">
         <div class="tt">专业平台介绍</div>
-        <!-- <div class="ayptjs-list">
+        <div class="ayptjs-list">
           <div class="item" v-for="(item, index) in 8">
             <div class="img">
               <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="">
@@ -42,14 +47,14 @@
               <p>查看详情</p>
             </div>
           </div>
-        </div> -->
+        </div>
         <div class="neirong" v-html="professionalResources"></div>
       </div>
 
-      <!-- 软硬件资源介绍 -->
+      软硬件资源介绍
       <div class="about-conts-item1" v-if="currentActive == 1">
         <div class="neirong" v-html="content"></div>
-      </div>
+      </div> -->
 
     </div>
     <footers></footers>
@@ -59,7 +64,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
-import {getPageData} from "@/api/officialWebsite/getPageData";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 export default {
@@ -75,49 +80,36 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       nav: [
-        { name: '专业平台介绍' },
-        { name: '软硬件资源介绍' },
+        // { name: '专业平台介绍' },
+        // { name: '软硬件资源介绍' },
       ],
       currentActive: 0,
       isMounted: false,
-      professionalResources:"",
-      content:"",
-//       content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-//     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
-// </p>
-// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-//     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span>
-// </p>
-// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-//     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
-// </p>
-// <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;">
-//     <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/>
-// </p>`
+      professionalResources: "",
+      content: "",
+      //       content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
+      //     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
+      // </p>
+      // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
+      //     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span>
+      // </p>
+      // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
+      //     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
+      // </p>
+      // <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;">
+      //     <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/>
+      // </p>`
     }
-  },
-  computed: {
-
   },
   mounted() {
     // 页面加载完毕调用
     this.initPageData();
   },
+  computed: {
+
+  },
 
   methods: {
     // 触发导航
@@ -127,29 +119,27 @@ export default {
       }
       this.currentActive = value
     },
-
     initPageData() {
-      let param = {
-        "categoryId": "1813827750121836544",
-        "pageNum": 1,
-        "pageSize": 10
-      }
-      getPageData(param).then(response => {
-        response.data.list.forEach(element => {
-          this.content += element.contentDetail;
-        });
-      })
 
-      let professionalResourcesParam = {
-        "categoryId": "1816771598271778816",
+      let routeParam = {
+        "categoryId": this.$route.query.id,
         "pageNum": 1,
         "pageSize": 10
       }
-      getPageData(professionalResourcesParam).then(response => {
-        response.data.list.forEach(element => {
-          this.professionalResources += element.contentDetail;
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
         });
-      })
+      });
 
     },
   }
diff --git a/ruoyi-ui/src/views/officialWebsite/practice.vue b/ruoyi-ui/src/views/officialWebsite/practice.vue
index 2a7c8e1..acf16d7 100644
--- a/ruoyi-ui/src/views/officialWebsite/practice.vue
+++ b/ruoyi-ui/src/views/officialWebsite/practice.vue
@@ -16,19 +16,25 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="about-conts" v-bind:class="[currentActive == 0 || currentActive == 3 ? 'bj' : '']">
-      <!-- 实践教学资源 -->
-      <div class="about-conts-item1" v-if="currentActive == 0">
-        <div class="neirong" v-html="content"></div>
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="about-conts-item1" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
       </div>
+      <!-- 实践教学资源 -->
+      <!-- <div class="about-conts-item1" v-if="currentActive == 0">
+        <div class="neirong" v-html="content"></div>
+      </div> -->
 
       <!-- 专业平台介绍 -->
-      <div class="ayptjs" v-if="currentActive == 1">
+      <!-- <div class="ayptjs" v-if="currentActive == 1">
 
         <div class="ayptjs-list">
           <div class="item" v-for="(item, index) in 8">
@@ -47,9 +53,9 @@
             </div>
           </div>
         </div>
-      </div>
+      </div> -->
       <!-- 实践项目 -->
-      <div class="xjxm" v-if="currentActive == 2">
+      <!-- <div class="xjxm" v-if="currentActive == 2">
         <div class="list">
           <div class="item" v-for="(item, index) in 6 " :key="index">
             <div class="img">
@@ -67,9 +73,9 @@
           <el-pagination background layout="prev, pager, next" :total="1000" class="">
           </el-pagination>
         </div>
-      </div>
+      </div> -->
       <!--  -->
-      <div class="teaching" v-if="currentActive == 3">
+      <!-- <div class="teaching" v-if="currentActive == 3">
         <div class="teaching-list">
           <div class="item" v-for="(item, index) in 8">
             <div class="img">
@@ -81,7 +87,7 @@
         <div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class="">
           </el-pagination></div>
 
-      </div>
+      </div> -->
     </div>
     <footers></footers>
   </div>
@@ -90,6 +96,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 export default {
@@ -105,27 +112,14 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       input4: "",
       show_search: true,
       nav: [
-        { name: '实践教学资源' },
-        { name: '实践平台 ' },
-        { name: '实践项目' },
-        { name: '自制仪器设备' },
+        // { name: '实践教学资源' },
+        // { name: '实践平台 ' },
+        // { name: '实践项目' },
+        // { name: '自制仪器设备' },
       ],
       currentActive: 3,
       isMounted: false,
@@ -143,6 +137,10 @@ export default {
 </p>`
     }
   },
+  mounted() {
+    // 页面加载完毕调用
+    this.initPageData();
+  },
   computed: {
 
   },
@@ -154,7 +152,30 @@ export default {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }
diff --git a/ruoyi-ui/src/views/officialWebsite/teaching.vue b/ruoyi-ui/src/views/officialWebsite/teaching.vue
index 4f45f01..b49d04f 100644
--- a/ruoyi-ui/src/views/officialWebsite/teaching.vue
+++ b/ruoyi-ui/src/views/officialWebsite/teaching.vue
@@ -16,16 +16,22 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="teaching" v-bind:class="[currentActive == 0 ? 'bj' : '']">
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="teaching-list" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
 
       <!-- 教学大纲 -->
-      <div class="teaching-list" v-if="currentActive == 0">
-        <!-- <div class="item" v-for="(item, index) in 8">
+      <!-- <div class="teaching-list" v-if="currentActive == 0"> -->
+      <!-- <div class="item" v-for="(item, index) in 8">
           <div class="img">
             <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
           </div>
@@ -36,18 +42,18 @@
             <p>资源下载</p>
           </div>
         </div> -->
-        <div class="neirong" v-html="syllabus"></div>
-      </div>
+      <!-- <div class="neirong" v-html="syllabus"></div> -->
+      <!-- </div> -->
 
       <!-- 实验指导书 -->
-      <div class="teaching-list" v-if="currentActive == 1">
+      <!-- <div class="teaching-list" v-if="currentActive == 1">
         <div class="neirong" v-html="guideBook"></div>
-      </div>
+      </div> -->
 
       <!-- 资源共享 -->
-      <div class="teaching-list" v-if="currentActive == 2">
+      <!-- <div class="teaching-list" v-if="currentActive == 2">
         <div class="neirong" v-html="resourceSharing"></div>
-      </div>
+      </div> -->
 
       <div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class="">
         </el-pagination></div>
@@ -60,7 +66,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
-import { getPageData } from "@/api/officialWebsite/getPageData";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 
@@ -77,29 +83,16 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       nav: [
-        { name: '教学大纲' },
-        { name: '实验指导书' },
-        { name: '资源共享' },
+        // { name: '教学大纲' },
+        // { name: '实验指导书' },
+        // { name: '资源共享' },
       ],
       currentActive: 2,
-      resourceSharing:"",
-      guideBook:"",
-      syllabus:"",
+      resourceSharing: "",
+      guideBook: "",
+      syllabus: "",
 
     }
   },
@@ -120,39 +113,60 @@ export default {
       this.currentActive = value
     },
     initPageData() {
-      //资源共享
-      let resourceSharingParam = {
-        "categoryId": "1816771402032877568",
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
         "pageNum": 1,
         "pageSize": 10
       }
-      getPageData(resourceSharingParam).then(response => {
-        response.data.list.forEach(element => {
-          this.resourceSharing += element.contentDetail;
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
         });
-      })
-      //实验指导书
-      let guideBookParam = {
-        "categoryId": "1813828546838269952",
-        "pageNum": 1,
-        "pageSize": 10
-      }
-      getPageData(guideBookParam).then(response => {
-        response.data.list.forEach(element => {
-          this.guideBook += element.contentDetail;
-        });
-      })
-      //教学大纲
-      let syllabusParam = {
-        "categoryId": "1813828322673692672",
-        "pageNum": 1,
-        "pageSize": 10
-      }
-      getPageData(syllabusParam).then(response => {
-        response.data.list.forEach(element => {
-          this.syllabus += element.contentDetail;
-        });
-      })
+      });
+
+      // //资源共享
+      // let resourceSharingParam = {
+      //   "categoryId": "1816771402032877568",
+      //   "pageNum": 1,
+      //   "pageSize": 10
+      // }
+      // getPageData(resourceSharingParam).then(response => {
+      //   response.data.list.forEach(element => {
+      //     this.resourceSharing += element.contentDetail;
+      //   });
+      // })
+      // //实验指导书
+      // let guideBookParam = {
+      //   "categoryId": "1813828546838269952",
+      //   "pageNum": 1,
+      //   "pageSize": 10
+      // }
+      // getPageData(guideBookParam).then(response => {
+      //   response.data.list.forEach(element => {
+      //     this.guideBook += element.contentDetail;
+      //   });
+      // })
+      // //教学大纲
+      // let syllabusParam = {
+      //   "categoryId": "1813828322673692672",
+      //   "pageNum": 1,
+      //   "pageSize": 10
+      // }
+      // getPageData(syllabusParam).then(response => {
+      //   response.data.list.forEach(element => {
+      //     this.syllabus += element.contentDetail;
+      //   });
+      // })
 
     },
   }
@@ -206,9 +220,12 @@ export default {
 
   border: 1px solid #DDDDDD;
 }
-::v-deep  .el-pagination .btn-next .el-icon,::v-deep  .el-pagination .btn-prev .el-icon{
+
+::v-deep .el-pagination .btn-next .el-icon,
+::v-deep .el-pagination .btn-prev .el-icon {
   font-size: 18px;
 }
+
 .top-box {
   width: 100%;
   /* height: 1000px; */
diff --git a/ruoyi-ui/src/views/officialWebsite/team.vue b/ruoyi-ui/src/views/officialWebsite/team.vue
index cd34aab..af121de 100644
--- a/ruoyi-ui/src/views/officialWebsite/team.vue
+++ b/ruoyi-ui/src/views/officialWebsite/team.vue
@@ -16,17 +16,23 @@
         <div class="right">
           <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
             @click="getCurrentActive(index)">
-            {{ item.name }}
+            {{ item.categoryName }}
           </div>
         </div>
       </div>
     </div>
     <div class="about-conts">
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="teaching-list" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
 
       <!-- 教学成果 -->
-      <div class="ayptjs" v-if="currentActive == 1">
+      <!-- <div class="ayptjs" v-if="currentActive == 1">
         <div class="tt">教学成果</div>
-        <!-- <div class="ayptjs-list">
+        <div class="ayptjs-list">
           <div class="item" v-for="(item, index) in 8">
             <div class="img">
               <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="">
@@ -42,21 +48,21 @@
               <p>查看详情</p>
             </div>
           </div>
-        </div> -->
-      </div>
+        </div>
+      </div> -->
 
       <!-- 教学团队 -->
-      <div class="team" v-if="currentActive == 0">
+      <!-- <div class="team" v-if="currentActive == 0">
         <div class="tt">教学团队</div>
-        <!-- <div class="team-list">
+        <div class="team-list">
           <div class="item" v-for="(item, index) in 8">
             <div class="img">
               <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
             </div>
             <div class="tts">王尔特</div>
           </div>
-        </div> -->
-      </div>
+        </div>
+      </div> -->
 
 
     </div>
@@ -67,6 +73,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import footers from '@/views/officialWebsite/Components/footer.vue'
 import headers from '@/views/officialWebsite/Components/header.vue'
 export default {
@@ -82,29 +89,20 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       nav: [
-        { name: '教学团队' },
-        { name: '教学成果' },
+        // { name: '教学团队' },
+        // { name: '教学成果' },
       ],
       currentActive: 0,
       isMounted: false,
 
     }
   },
+  mounted() {
+    // 页面加载完毕调用
+    this.initPageData();
+  },
   computed: {
 
   },
@@ -116,7 +114,30 @@ export default {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }
diff --git a/ruoyi-ui/src/views/officialWebsite/xufang.vue b/ruoyi-ui/src/views/officialWebsite/xufang.vue
index 41ac720..33efca0 100644
--- a/ruoyi-ui/src/views/officialWebsite/xufang.vue
+++ b/ruoyi-ui/src/views/officialWebsite/xufang.vue
@@ -13,11 +13,22 @@
         <div class="left"> <img src="../../assets/gw/home.png" alt="">
           <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">虚拟专业频道</span></p>
         </div>
+        <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
+          @click="getCurrentActive(index)">
+          {{ item.categoryName }}
+        </div>
 
       </div>
     </div>
-
     <div class="top-swiper">
+      <!-- main -->
+      <div v-for="(item, index) in nav " :key=index>
+        <div class="teaching-list" v-if="currentActive == index">
+          <div class="neirong" v-html="pageContextList[index]"></div>
+        </div>
+      </div>
+    </div>
+    <!-- <div class="top-swiper">
 
       <swiper ref="mySwiper" :options="swiperOptions" style="width: 100%">
         <swiper-slide class="banner-box" v-for="(item, index) in 8">
@@ -50,7 +61,7 @@
         </div>
         <div class="time">2024-07-20</div>
       </div>
-    </div>
+    </div> -->
 
     <div class="page">
       <el-pagination background layout="prev, pager, next" :total="1000" class="">
@@ -64,6 +75,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
 import headers from '@/views/officialWebsite/Components/header.vue'
 import footers from '@/views/officialWebsite/Components/footer.vue'
 export default {
@@ -79,20 +91,7 @@ export default {
   },
   data() {
     return {
-      tablist: [
-        { name: '首页' },
-        { name: '中心概括' },
-        { name: '教学资源' },
-        { name: '教学平台' },
-        { name: '教学团队' },
-        { name: '专业委员会' },
-        { name: '教学研讨活动' },
-        { name: '虚仿专业频道' },
-        { name: '大赛风采' },
-        { name: '实践平台' },
-        { name: '合作企业' },
-        { name: '联系我们' },
-      ],
+      pageContextList: [],
       swiperOptions: {
         navigation: {
           nextEl: ".swiper-button-next",
@@ -120,14 +119,18 @@ export default {
         }
       },
       nav: [
-        { name: '教学团队' },
-        { name: '教学成果' },
+        // { name: '教学团队' },
+        // { name: '教学成果' },
       ],
       currentActive: 0,
       isMounted: false,
 
     }
   },
+  mounted() {
+    // 页面加载完毕调用
+    this.initPageData();
+  },
   computed: {
 
   },
@@ -139,7 +142,30 @@ export default {
         return
       }
       this.currentActive = value
-    }
+    },
+    initPageData() {
+
+      let routeParam = {
+        "categoryId": this.$route.query.id,
+        "pageNum": 1,
+        "pageSize": 10
+      }
+      getPageColumn(routeParam).then(response => {
+        response.data.forEach(cloumnItem => {
+          this.nav.push(cloumnItem);
+
+          let context = "";
+          cloumnItem.children.list.forEach(element => {
+            context += element.contentDetail;
+          });
+
+          this.pageContextList.push(context);
+
+          // cloumnItem.categoryName
+        });
+      });
+
+    },
   }
 
 }