接口对接

.gitignore

@@ -45,3 +45,5 @@ dist-ssr
 *.local
 build.sh
 
+ruoyi-admin/target/
+*.iml

ruoyi-ui/src/api/officialWebsite/getPageData.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getPageData(data) {
+  return request({
+    url: '/api/category/content',
+    method: 'post',
+    data
+  })
+}

ruoyi-ui/src/views/officialWebsite/about.vue

@@ -47,14 +47,14 @@
       </div>
       <!-- 组织机构 -->
       <div class="about-conts-item2" v-if="currentActive == 1">
-        <div class="div" v-for="(item, index) in 8">
+        <div class="div" v-for="(item, index) in orgList">
-          教学中心办公室
+          {{ item.contentDetail }}
         </div>
       </div>
 
       <!-- 现任领导 -->
       <div class="about-conts-item3" v-if="currentActive == 2">
-        <div class="about-conts-item3-div">
+        <!-- <div class="about-conts-item3-div" v-for="postList">
           <div class="left">
             主任
           </div>
@@ -66,7 +66,7 @@
               <div class="tt">钟离</div>
             </div>
           </div>
-        </div>
+        </div> -->
         <div class="about-conts-item3-div">
           <div class="left">
             主任
@@ -210,6 +210,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import { getPageData } from "@/api/officialWebsite/getPageData";
 export default {
   components: {
     Swiper,
@@ -242,23 +243,31 @@ export default {
       ],
       currentActive: 2,
       isMounted: false,
-      content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
+      orgList:[],
-    <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
+      postList:[],
-</p>
+//       content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-<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;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
-    <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span>
+// </p>
-</p>
+// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-<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>
-    <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
+// </p>
-</p>
+// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
-<p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;">
+//     <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
-    <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/>
+// </p>
-</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:""
     }
   },
   computed: {
 
   },
+  mounted() {
+    // 页面加载完毕调用
+    debugger;
+    this.initPageData();
+  },
 
   methods: {
     // 触发导航
@@ -267,7 +276,45 @@ export default {
         return
       }
       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;
+        });
+
+      });
+
+      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);
+        });
+
+      });
+      
+      let current_leader_param = {
+        "categoryId": "1813827861774209024",
+        "pageNum": 1,
+        "pageSize": 1000
+      };
+      getPageData(current_leader_param).then(response => {
+        response.data.list.forEach(element => {
+          // this.content += element.contentDetail;
+        });
+
+      });
+
+    },
   }
 
 }
@@ -479,10 +526,12 @@ export default {
   justify-content: space-between;
   align-items: center;
 }
-.about-conts .about-conts-item3 .about-conts-item3-div:last-child{
+
+.about-conts .about-conts-item3 .about-conts-item3-div:last-child {
   margin-bottom: 0;
   border-bottom: 1px solid transparent;
 }
+
 .about-conts .about-conts-item3 .about-conts-item3-div .left {
   width: 20%;
   /* background-color: #f0f; */

ruoyi-ui/src/views/officialWebsite/platform.vue

@@ -185,6 +185,7 @@
 <script>
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.min.css";
+import {getPageData} from "@/api/officialWebsite/getPageData";
 export default {
   components: {
     Swiper,
@@ -233,6 +234,11 @@ export default {
   computed: {
 
   },
+  mounted() {
+    // 页面加载完毕调用
+    debugger;
+    this.initPageData();
+  },
 
   methods: {
     // 触发导航
@@ -241,7 +247,21 @@ export default {
         return
       }
       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;
+        });
+
+        
+      })
+    },
   }
 
 }