diff --git a/ruoyi-ui/src/App.vue b/ruoyi-ui/src/App.vue
index c931a39..fabc47d 100644
--- a/ruoyi-ui/src/App.vue
+++ b/ruoyi-ui/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <router-view />
-    <theme-picker />
+
   </div>
 </template>
 
@@ -49,4 +49,9 @@ export default {
   color: #fff;
   /* 文字颜色 */
 }
+.about-conts {
+  width: 80%;
+  margin: 80px auto;
+  padding: 30px 0;
+}
 </style>
diff --git a/ruoyi-ui/src/assets/gw/dtmap.png b/ruoyi-ui/src/assets/gw/dtmap.png
new file mode 100644
index 0000000..7289bb3
Binary files /dev/null and b/ruoyi-ui/src/assets/gw/dtmap.png differ
diff --git a/ruoyi-ui/src/views/home.vue b/ruoyi-ui/src/views/home.vue
index a312def..c82ced0 100644
--- a/ruoyi-ui/src/views/home.vue
+++ b/ruoyi-ui/src/views/home.vue
@@ -163,60 +163,6 @@
       </div>
     </div>
     <footers></footers>
-<!--    <div class="index-footer">-->
-<!--      <div class="footer">-->
-<!--        <div class="logo">-->
-<!--          <div class="d-s">-->
-<!--            <div class="logo-box">-->
-<!--              <img :src="baseInfo.webImg" />-->
-<!--            </div>-->
-<!--            <div class="logo-size">-->
-<!--              {{this.baseInfo.webName}}-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="footer-contact">-->
-<!--            <div class="p">-->
-
-<!--              <img src="../assets/gw/tel.png" alt="">-->
-<!--              <div class="pp">电话：{{this.baseInfo.contactNumber}}</div>-->
-
-<!--            </div>-->
-
-<!--            <div class="p">-->
-
-<!--              <img src="../assets/gw/email.png" alt="">-->
-<!--              <div class="pp">邮箱：{{this.baseInfo.contactEmail}}</div>-->
-
-<!--            </div>-->
-<!--            <div class="p">-->
-
-<!--              <img src="../assets/gw/address.png" alt="">-->
-<!--              <div class="pp">地址：{{ this.baseInfo.address }}</div>-->
-
-<!--            </div>-->
-
-
-<!--          </div>-->
-<!--        </div>-->
-<!--        <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 class="web_icp">-->
-<!--          <div class="left">-->
-<!--            <a href="">版权所有：{{ this.baseInfo.copyrightInfo }}</a>-->
-<!--            <a href="">备案信息：{{ this.baseInfo.recordInfo }}</a>-->
-<!--          </div>-->
-<!--          <div class="right">-->
-<!--            <div class="">返回顶部</div>-->
-<!--            <img src="../assets/gw/top.png" alt="">-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </div>-->
-
-<!--    </div>-->
   </div>
 </template>
 
@@ -357,7 +303,6 @@ export default {
       return this.tablist.length > 0 ? this.tablist.slice(1) : [];
     }
   },
-
   methods: {
     tabClick(item){
       if(item.label=="联系我们"){
@@ -416,12 +361,6 @@ export default {
 <style scoped>
 .top-box {
   width: 100%;
-  /* height: 1000px; */
-  /* background: url(''); */
-  /* background-size: cover; */
-  /* 背景图片铺满盒子 */
-  /* background-repeat: no-repeat; */
-  /* 禁止背景图片重复 */
   position: relative;
 }
 
diff --git a/ruoyi-ui/src/views/officialWebsite/cases.vue b/ruoyi-ui/src/views/officialWebsite/cases.vue
index 3d2b4d9..b9e9b2c 100644
--- a/ruoyi-ui/src/views/officialWebsite/cases.vue
+++ b/ruoyi-ui/src/views/officialWebsite/cases.vue
@@ -36,7 +36,7 @@
       </div> -->
     </div>
 
-    <div class="page">
+    <div class="page-box">
       <el-pagination background layout="prev, pager, next" :total="1000" class="">
       </el-pagination>
     </div>
@@ -192,7 +192,10 @@ export default {
   /* 禁止背景图片重复 */
   position: relative;
 }
-
+.page-box{
+  width: 82%;
+  margin: 10px auto;
+}
 .tab-box {
   width: 100%;
   box-sizing: border-box;
diff --git a/ruoyi-ui/src/views/officialWebsite/committee.vue b/ruoyi-ui/src/views/officialWebsite/committee.vue
index 1bc598d..d1851df 100644
--- a/ruoyi-ui/src/views/officialWebsite/committee.vue
+++ b/ruoyi-ui/src/views/officialWebsite/committee.vue
@@ -28,78 +28,7 @@
           <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">
-              关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知
-            </div>
-            <div class="time">2024-05-20</div>
-          </div>
-        </div>
-        <div class="page">
-          <el-pagination background layout="prev, pager, next" :total="1000" class="">
-          </el-pagination>
-        </div>
 
-      </div>
-      <div class="team" v-if="currentActive == 1 || currentActive == 2">
-        <el-input placeholder="输入姓名或手机号查询" v-model="input4">
-          <i slot="prefix" class="el-input__icon el-icon-search"></i>
-        </el-input>
-        <div class="team-list">
-          <div class="team-list-header">
-            <div class="div">
-              职位
-            </div>
-            <div class="div">
-              姓名
-            </div>
-            <div class="div">
-              职称
-            </div>
-            <div class="div">
-              联系方式
-            </div>
-            <div class="div">
-              职务
-            </div>
-            <div class="div">
-              工作单位
-            </div>
-            <div class="div">
-              详情
-            </div>
-          </div>
-          <div class="item" v-for="(item, index) in 8">
-            <div class="div">
-              主任
-            </div>
-            <div class="div">
-              钟离
-            </div>
-            <div class="div">
-              教授
-            </div>
-            <div class="div">
-              18865889666
-            </div>
-            <div class="div">
-              常务副校长
-            </div>
-            <div class="div">
-              齐鲁工业大学
-            </div>
-            <div class="div">
-              查看
-            </div>
-          </div>
-        </div>
-        <div class="page">
-          <el-pagination background layout="prev, pager, next" :total="1000" class="">
-          </el-pagination>
-        </div>
-      </div> -->
     </div>
 
     <footers></footers>
@@ -374,6 +303,8 @@ export default {
 }
 
 .committee-cont {
+  width: 80%;
+  margin: 100px auto;
   padding: 30px 0;
 }
 
diff --git a/ruoyi-ui/src/views/officialWebsite/competition.vue b/ruoyi-ui/src/views/officialWebsite/competition.vue
index a73d571..09f63b6 100644
--- a/ruoyi-ui/src/views/officialWebsite/competition.vue
+++ b/ruoyi-ui/src/views/officialWebsite/competition.vue
@@ -318,9 +318,13 @@ export default {
   color: #005375;
   font-weight: bold;
 }
-
+.page-box{
+  width: 82%;
+  margin: 10px auto;
+}
 .committee-cont {
-  padding: 30px 0;
+  width: 80%;
+  margin: 100px auto;
 }
 
 .committee-cont .news {
diff --git a/ruoyi-ui/src/views/officialWebsite/contact.vue b/ruoyi-ui/src/views/officialWebsite/contact.vue
index d4bb0b5..45d1507 100644
--- a/ruoyi-ui/src/views/officialWebsite/contact.vue
+++ b/ruoyi-ui/src/views/officialWebsite/contact.vue
@@ -20,20 +20,21 @@
     <div class="contact">
       <div class="info">
         <!-- main -->
-        <div v-for="(item, index) in nav " :key=index>
+        <!-- <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> -->
+
+        <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">
-        <img src="../../assets/gw/Snipaste_2024-07-24_22-28-43.jpg" alt="">
+        <img src="../../assets/gw/dtmap.png" alt="">
       </div>
     </div>
     <footers></footers>
@@ -71,7 +72,7 @@ export default {
       isMounted: false,
     }
   },
-  mounted() {
+  created() {
     // 页面加载完毕调用
     this.initPageData();
   },
@@ -85,7 +86,7 @@ export default {
       if (this.currentActive == value) {
         return
       }
-      this.currentActive = value
+      this.currentActive = value;
     },
     initPageData() {
 
@@ -94,16 +95,12 @@ export default {
         "pageNum": 1,
         "pageSize": 10
       }
+      debugger;
       getPageColumn(routeParam).then(response => {
-        response.data.forEach(cloumnItem => {
-          this.nav.push(cloumnItem);
+      debugger;
 
-          let context = "";
-          cloumnItem.children.list.forEach(element => {
-            context += element.contentDetail;
-          });
-
-          this.pageContextList.push(context);
+        response.data[0].children.list.forEach(cloumnItem => {
+          this.fourlist.push(cloumnItem);
 
           // cloumnItem.categoryName
         });
diff --git a/ruoyi-ui/src/views/officialWebsite/news.vue b/ruoyi-ui/src/views/officialWebsite/news.vue
index 35cbff2..718f2d0 100644
--- a/ruoyi-ui/src/views/officialWebsite/news.vue
+++ b/ruoyi-ui/src/views/officialWebsite/news.vue
@@ -28,23 +28,9 @@
           <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>
-          <div class="desc">
-            学校虚拟仿真实验教学中心（以下简称虚仿中心）已于2024年1月建成并投入使用，能够满足学校各类虚拟仿真实验课程的教学需要。
-          </div>
-          <div class="more">
-            <i class="el-icon-right"></i>
-          </div>
-        </div>
-        <div class="img">
-          <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
-        </div>
-      </div> -->
+
     </div>
-    <div class="page">
+    <div class="page-box">
       <el-pagination background layout="prev, pager, next" :total="1000" class="">
       </el-pagination>
     </div>
@@ -322,7 +308,11 @@ export default {
 .news {
   padding: 30px 0;
   width: 80%;
-  margin: 0 auto;
+  margin: 100px auto;
+}
+.page-box{
+  width: 82%;
+  margin: 10px auto;
 }
 
 .news .news-item {
diff --git a/ruoyi-ui/src/views/officialWebsite/teaching.vue b/ruoyi-ui/src/views/officialWebsite/teaching.vue
index b49d04f..ffbbee4 100644
--- a/ruoyi-ui/src/views/officialWebsite/teaching.vue
+++ b/ruoyi-ui/src/views/officialWebsite/teaching.vue
@@ -29,36 +29,11 @@
         </div>
       </div>
 
-      <!-- 教学大纲 -->
-      <!-- <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>
-          <div class="time">2024-07-20</div>
-          <div class="tt">《基础化学实验》实验教学大纲《基础化学实验》实验教学大纲基础化学实验》实验教学大纲《基础化学实验》实验教学大纲</div>
-          <div class="bottom">
-            <div class="btn">在线预览</div>
-            <p>资源下载</p>
-          </div>
-        </div> -->
-      <!-- <div class="neirong" v-html="syllabus"></div> -->
-      <!-- </div> -->
 
-      <!-- 实验指导书 -->
-      <!-- <div class="teaching-list" v-if="currentActive == 1">
-        <div class="neirong" v-html="guideBook"></div>
-      </div> -->
-
-      <!-- 资源共享 -->
-      <!-- <div class="teaching-list" v-if="currentActive == 2">
-        <div class="neirong" v-html="resourceSharing"></div>
-      </div> -->
-
-      <div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class="">
-        </el-pagination></div>
 
     </div>
+    <div class="page-box" style="margin-top: 25px" ><el-pagination background layout="prev, pager, next" :total="1000" class="">
+    </el-pagination></div>
     <footers></footers>
   </div>
 </template>
@@ -359,13 +334,17 @@ export default {
 }
 
 .teaching {
-  padding: 40px 0;
-  background: #F5F5F5;
+  width: 80%;
+  margin: 100px auto;
+}
+.page-box{
+  width: 82%;
+  margin: 10px auto;
 }
 
 .teaching .teaching-list {
   /* padding: 30px 2%; */
-  width: 80%;
+  width: 95%;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
diff --git a/ruoyi-ui/src/views/officialWebsite/team.vue b/ruoyi-ui/src/views/officialWebsite/team.vue
index af121de..e7103d4 100644
--- a/ruoyi-ui/src/views/officialWebsite/team.vue
+++ b/ruoyi-ui/src/views/officialWebsite/team.vue
@@ -22,25 +22,20 @@
       </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="item" v-for="(item, index) in 8">
+          <div class="item" v-for="(item, index) in teachingAchievements" :key="index" @click="showDetails(item)">
             <div class="img">
-              <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="">
+              <img :src="imgurl + item.contentImg" alt="">
+              <!-- <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt=""> -->
             </div>
             <div class="text">
-              <div class="tts">人机工程仿真分析平台</div>
+              <div class="tts">{{ item.contentTitle }}</div>
               <div class="desc">
-                人机工程学是一门涉及人体测量学、工业设计、工业工程、心理学、美学等多个领域的交叉学科，其研究目的是实现不同的作业中人、机器、环境三者间的协调。即运用上述学科的知识、研究方法、评价手段，对工作器具、工作方式和工作环境的设计进行分析，并提出改造建议，使得作业在效率、安全、健康、舒适等方面的性能得以有效提高。
+                <div class="desc" v-html="item.summary"></div>
               </div>
             </div>
             <div class="more">
@@ -49,20 +44,29 @@
             </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="item" v-for="(item, index) in 8">
+          <div class="item" v-for="(item, index) in teachingTeam" :key="index">
             <div class="img">
-              <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
+              <img :src="imgurl + item.contentImg" alt="" class="imgWO">
+              <!-- <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO"> -->
             </div>
-            <div class="tts">王尔特</div>
+            <!-- <div class="tts">王尔特</div> -->
+            <div class="tts">{{ item.contentTitle }}</div>
           </div>
         </div>
-      </div> -->
+      </div>
+
+      <!-- main -->
+
+        <div class="team" v-if="currentActive == 999 && isShowDetails">
+          <div class="neirong" v-html="detailsContent"></div>
+        </div>
+
 
 
     </div>
@@ -89,7 +93,11 @@ export default {
   },
   data() {
     return {
+      imgurl: process.env.VUE_APP_BASE_API,
       pageContextList: [],
+      teachingAchievements: [],
+      detailsContent:[],
+      teachingTeam: [],
       nav: [
         // { name: '教学团队' },
         // { name: '教学成果' },
@@ -99,7 +107,7 @@ export default {
 
     }
   },
-  mounted() {
+  created() {
     // 页面加载完毕调用
     this.initPageData();
   },
@@ -108,12 +116,18 @@ export default {
   },
 
   methods: {
+    showDetails(value){
+      this.isShowDetails = true;
+      this.currentActive = 999;
+      this.detailsContent = value.contentDetail;
+    },
     // 触发导航
     getCurrentActive(value) {
       if (this.currentActive == value) {
         return
       }
       this.currentActive = value
+      this.isShowDetails = false;
     },
     initPageData() {
 
@@ -126,12 +140,22 @@ export default {
         response.data.forEach(cloumnItem => {
           this.nav.push(cloumnItem);
 
-          let context = "";
-          cloumnItem.children.list.forEach(element => {
-            context += element.contentDetail;
-          });
+          //教学团队
+          if (cloumnItem.id == "1816773589098172416") {
+            cloumnItem.children.list.forEach(element => {
+              this.teachingAchievements.push(element);
+            });
+          }
+          //教学团队
+          if (cloumnItem.id == "1816773517664980992") {
+            cloumnItem.children.list.forEach(element => {
+              this.teachingTeam.push(element);
+            });
+          }
+
+
+
 
-          this.pageContextList.push(context);
 
           // cloumnItem.categoryName
         });
@@ -283,6 +307,8 @@ export default {
 }
 
 .about-conts {
+  width: 80%;
+  margin: 80px auto;
   padding: 30px 0;
 }
 
diff --git a/ruoyi-ui/src/views/officialWebsite/xufang.vue b/ruoyi-ui/src/views/officialWebsite/xufang.vue
index 33efca0..87dc983 100644
--- a/ruoyi-ui/src/views/officialWebsite/xufang.vue
+++ b/ruoyi-ui/src/views/officialWebsite/xufang.vue
@@ -28,42 +28,8 @@
         </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">
-          <div class="left">
-            <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
-          </div>
-          <div class="right">
-            <div class="time">2024-07-20</div>
-            <div class="tt">船舶轮机实训虚拟仿真项目</div>
-            <div class="desc">
-              项目以培养高素质轮机工程专业技术人才为目标，围绕国际海事组织公约和国家海事局相关评估考核规范进行设计与开发。项目运用虚拟现实、增强现实、智能移动端、网络通讯等软硬件技术，搭建了基于云服务的虚拟仿真实训教学平台,为学生提供从虚拟认知、虚拟操作、虚拟拆装到应急处置的综合性船舶轮机虚拟仿真实训环境。本虚拟仿真实训教学软件的使用,极大地提升了学生实际动手能力,为其今后走向工作岗位打下更坚实的基础。
-            </div>
-            <div class="more">
-              <i class="el-icon-right"></i>
-            </div>
-          </div>
-        </swiper-slide>
-      </swiper>
-      <div class="swiper-pagination"></div>
-    </div>
-
-    <div class="list">
-      <div class="item" v-for="(item, index) in 6 " :key="index">
-        <div class="img">
-          <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
-        </div>
-        <div class="tt">船舶轮机实训虚拟仿真项目</div>
-        <div class="desc">
-          项目以培养高素质轮机工程专业技术人才为目标，围绕国际海事组织公约和国家海事局相关评估考核规范进行设计与开发。项目运用虚拟现实、增强现实、智能移动端、网络通讯等软硬件技术，搭建了基于云服务的虚拟仿真实训教学平台,为学生提供从虚拟认知、虚拟操作、虚拟拆装到应急处置的综合性船舶轮机虚拟仿真实训环境。本虚拟仿真实训教学软件的使用,极大地提升了学生实际动手能力,为其今后走向工作岗位打下更坚实的基础。
-        </div>
-        <div class="time">2024-07-20</div>
-      </div>
-    </div> -->
-
-    <div class="page">
+    <div class="page-box">
       <el-pagination background layout="prev, pager, next" :total="1000" class="">
       </el-pagination>
     </div>
@@ -183,7 +149,10 @@ export default {
   width: 240px;
   border-radius: 50px;
 }
-
+.page-box{
+  width: 82%;
+  margin: 10px auto;
+}
 /* 圆形分页按钮样式 */
 ::v-deep .el-pagination .el-pager li:not(.disabled) {
   border-radius: 100%;