数据接口对接

2024-07-29 19:00:42 +08:00 · 2024-07-29 19:00:42 +08:00 · b322a21747
commit b322a21747
parent 4853dcf1ca
12 changed files with 460 additions and 316 deletions
--- 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>
--- a/ruoyi-ui/src/views/officialWebsite/about.vue
+++ b/ruoyi-ui/src/views/officialWebsite/about.vue
@ -31,19 +31,19 @@

      <!-- 中心简介 -->
      <!-- <div class="about-conts-item1" v-if="currentActive == 0"> -->
-        <!-- <div class="neirong" v-html="content"></div> -->
+      <!-- <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">
+      <!-- <div class="div" v-for="(item, index) in orgList">
          {{ item.contentDetail }}
        </div> -->
-        <!-- <div class="neirong" v-html="orgList"></div> -->
+      <!-- <div class="neirong" v-html="orgList"></div> -->
      <!-- </div> -->

      <!-- 现任领导 -->
      <!-- <div class="about-conts-item1" v-if="currentActive == 2"> -->
-        <!-- <div class="about-conts-item3-div" v-for="postList">
+      <!-- <div class="about-conts-item3-div" v-for="postList">
          <div class="left">
            主任
          </div>
@ -56,7 +56,7 @@
            </div>
          </div>
        </div> -->
-        <!-- <div class="about-conts-item3-div">
+      <!-- <div class="about-conts-item3-div">
          <div class="left">
            主任
          </div>
@ -82,7 +82,7 @@
            </div>
          </div>
        </div> -->
-        <!-- <div class="neirong" v-html="leaderList"></div> -->
+      <!-- <div class="neirong" v-html="leaderList"></div> -->
      <!-- </div> -->

    </div>
@ -93,7 +93,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
-import { getPageData,getPageColumn } 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'

@ -114,7 +114,7 @@ export default {
  },
  data() {
    return {
-      pageContextList:[],
+      pageContextList: [],
      nav: [
        // { name: '中心简介' },
        // { name: '组织机构' },
@ -122,22 +122,22 @@ export default {
      ],
      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: {
@ -158,10 +158,10 @@ export default {
      this.currentActive = value
    },
    initPageData() {
-      // console.log("123123",this.$route.params.id);
+      console.log("123123", this.$route.query.id);

      let routeParam = {
-        "categoryId": this.$route.params.id,
+        "categoryId": this.$route.query.id,
        "pageNum": 1,
        "pageSize": 10
      }
--- 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%;
 }

--- 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
+        });
+      });
+
+    },
  }

 }
--- 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
+        });
+      });
+
+    },
  }

 }
--- 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;
--- 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
+        });
+      });
+
+    },
  }

 }
--- 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
        });
-      })
+      });

    },
  }
--- 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
+        });
+      });
+
+    },
  }

 }
--- a/ruoyi-ui/src/views/officialWebsite/teaching.vue
+++ b/ruoyi-ui/src/views/officialWebsite/teaching.vue
@ -22,7 +22,7 @@
      </div>
    </div>
    <div class="teaching" v-bind:class="[currentActive == 0 ? 'bj' : '']">
-            <!-- main -->
+      <!-- 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>
@ -31,7 +31,7 @@

      <!-- 教学大纲 -->
      <!-- <div class="teaching-list" v-if="currentActive == 0"> -->
-        <!-- <div class="item" v-for="(item, index) in 8">
+      <!-- <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>
@ -42,7 +42,7 @@
            <p>资源下载</p>
          </div>
        </div> -->
-        <!-- <div class="neirong" v-html="syllabus"></div> -->
+      <!-- <div class="neirong" v-html="syllabus"></div> -->
      <!-- </div> -->

      <!-- 实验指导书 -->
@ -66,7 +66,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
-import { getPageData,getPageColumn } 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'

@ -83,15 +83,16 @@ export default {
  },
  data() {
    return {
+      pageContextList: [],
      nav: [
        // { name: '教学大纲' },
        // { name: '实验指导书' },
        // { name: '资源共享' },
      ],
      currentActive: 2,
-      resourceSharing:"",
-      guideBook:"",
-      syllabus:"",
+      resourceSharing: "",
+      guideBook: "",
+      syllabus: "",

    }
  },
@ -114,7 +115,7 @@ export default {
    initPageData() {

      let routeParam = {
-        "categoryId": this.$route.params.id,
+        "categoryId": this.$route.query.id,
        "pageNum": 1,
        "pageSize": 10
      }
@ -132,7 +133,7 @@ export default {
          // cloumnItem.categoryName
        });
      });
-      
+
      // //资源共享
      // let resourceSharingParam = {
      //   "categoryId": "1816771402032877568",
@ -219,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; */
--- 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
+        });
+      });
+
+    },
  }

 }
--- 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
+        });
+      });
+
+    },
  }

 }