panel4

src/api/system/overview.js

 import request from '@/utils/request'
 
+
+export function getData4panel4(data) { // 导师信息
+  return request({
+    url: 'api/mentor',
+    method: 'get',
+    params:data,
+  })
+}
+
 export function getData4panel0(data) { // 孵化器概况信息
   return request({
     url: 'api/incubator/profile?incubatorId='+data.incubatorId,
@@ -55,5 +64,5 @@ export function editUser(data) {
 }
 
 
-export default { getData4panel0, getDialogData4panel0, getData4tech, add, edit, del }
+export default { getData4panel0, getDialogData4panel0, getData4panel4, getData4tech, add, edit, del }
 

src/views/system/home/overview.vue

@@ -22,7 +22,7 @@
 
     <div class="bodyer">
       <ul class="panelsWrapper">
-        <li class="overview tab_panel_0" v-if="activeIndex === 0">
+        <li class="overview tab_panel_0" v-if="activeIndex === 40">
           <h2>{{ data4panel0.incubatorName }}</h2>
           <div class="contentWrapper">
             <div class="left">
@@ -201,25 +201,39 @@
             </div>
           </div>
         </li>
-        <li class="tab_panel_4" v-if="activeIndex === 40">
+        <li class="tab_panel_4" v-if="activeIndex === 0">
           <div class="_title">
             <span>创业导师</span>
             <el-input
               placeholder="请输入姓名搜索"
               prefix-icon="el-icon-search"
               v-model="searchText4panel0"
+              style="width: 300px;"
             ></el-input>
           </div>
           <ul>
-            <li v-for="item in 10" :key="item">
-              <img src="" alt="" />
-              <p>姓名：张丽力</p>
-              <p>学历：博士</p>
-              <p>毕业学校：山东大学</p>
-              <p>联系电话：13521457845</p>
-              <a>查看简介&gt;</a>
+            <li v-for="item in tableData4panel4" :key="item.id">
+              <img
+                  :src="`${baseAPI}file/${item.photo}`"
+                  alt=""
+                />
+              <p>姓名：{{ item.mentorName }}</p>
+              <p>学历：{{ item.education }}</p>
+              <p>毕业学校：{{ item.graduationSchool }}</p>
+              <p>联系电话：{{ item.contactPhone }}</p>
+              <a @click="getMore4panel4(item)">查看简介&gt;</a>
             </li>
           </ul>
+          <el-pagination
+            style="text-align: center; margin-top: 20px;"
+            @current-change="handleCurrentChange4panel4"
+            @size-change="handleSizeChange4panel4"
+            :current-page="currentPage4panel4"
+            :page-size="pageSize4panel4"
+            :total="totalCount4panel4"
+            :page-sizes="[10, 20, 30, 40]"
+            layout="prev, pager, next, sizes"
+          ></el-pagination>
         </li>
       </ul>
     </div>
@@ -284,54 +298,10 @@
       
     </el-dialog>
     <el-dialog
-      title="新增孵化器信息"
-      :visible.sync="dialogVisible4panel1"
-      @close="resetForm"
+    title="简介信息"
+      :visible.sync="dialogVisible4panel4"
     >
-      <el-form
-        label-width="170px"
-        :inline="true"
-        :model="formData4panel0"
-        class="demo-form-inline"
-      >
-        <el-row>
-          <el-form-item label="孵化器名称">
-            <el-input
-              v-model="formData4panel0.incubatorName"
-              placeholder=""
-              size="middle"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="运行机构">
-            <el-input
-              v-model="formData4panel0.operatingAgency"
-              placeholder=""
-              size="middle"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="孵化器等级">
-            <el-select
-              v-model="formData4panel0.incubatorLevel"
-              style="width: 200px"
-              size="middle"
-            >
-              <el-option
-                :label="item.name"
-                :value="item.value"
-                v-for="item in companyLevelList"
-                :key="item.name"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="联系人">
-            <el-input
-              v-model="formData4panel0.contactPerson"
-              placeholder=""
-              size="middle"
-            ></el-input>
-          </el-form-item>
-        </el-row>
-      </el-form>
+      <div v-html="introduction4panel4"></div>
     </el-dialog>
   </div>
 </template>
@@ -356,7 +326,7 @@ export default {
       // 顶部切换菜单
       activeIndex: 0,
 
-      // panel0
+      // panel0 孵化器概况
       data4panel0: {},
       totalCount4panel0: 0, // 总条目数
       currentPage4panel0: 0, // 当前页码
@@ -364,19 +334,33 @@ export default {
       dialogVisible4panel0: false,
       searchQuery4panel0: '',
       tableData4panel0: [],
-      filteredData4panel0: [],
-      formData4panel0: {
-        address: "",
-        contactPerson: "",
-      },
+
+      // panel4 创业导师
+      totalCount4panel4: 0, // 总条目数
+      currentPage4panel4: 0, // 当前页码
+      pageSize4panel4: 10, // 每页显示的条目数量
+      dialogVisible4panel4: false,
+      searchQuery4panel4: '',
+      tableData4panel4: [],
+      introduction4panel4: '',
+
     };
   },
   computed: {},
   mounted() {
     this.incubatorId = this.$route.query.id;
-    this.getData4panel0();
+    // this.getData4panel0();
+    this.getData4panel4();
+
   },
   methods: {
+    changeNav(index) {
+      this.activeIndex = ~~index;
+    },
+
+    /**
+     * panel0
+     */
     filterData4panel0() {
       this.currentPage4panel0 = 1; // 重置当前分页
       this.getDialogData4panel0();
@@ -385,9 +369,7 @@ export default {
       this.dialogVisible4panel0 = true
       this.getDialogData4panel0()
     },
-    changeNav(index) {
-      this.activeIndex = ~~index;
-    },
+
     handleCurrentChange4panel0(newPage) {
       // 切换分页
       this.currentPage4panel0 = newPage;
@@ -457,7 +439,7 @@ export default {
     getDialogData4panel0(fn) { // 获取panel0弹窗列表信息
       overviewApi
         .getDialogData4panel0({
-          page: this.currentPage4panel0 -1,
+          page: this.currentPage4panel0 > 0 ? this.currentPage4panel0-1 : this.currentPage4panel0,
           size: this.pageSize4panel0,
           incubatorId: this.incubatorId,
           year: this.searchQuery4panel0
@@ -479,6 +461,42 @@ export default {
           this.initChart4panel0_1();
         });
     },
+    /**
+     * panel4
+     * @param {*} fn 
+     */
+     filterData4panel4() {
+      this.currentPage4panel4 = 1; // 重置当前分页
+      this.getData4panel4();
+    },
+    getMore4panel4(item){
+     this.dialogVisible4panel4 = true
+     this.introduction4panel4 = item.introduction
+    },
+
+    handleCurrentChange4panel4(newPage) {
+      // 切换分页
+      this.currentPage4panel4 = newPage;
+      this.getData4panel4()
+      
+    },
+    handleSizeChange4panel4(newSize){
+      this.pageSize4panel4 = newSize;
+      this.getData4panel4()
+    },
+    getData4panel4(fn) { // 获取panel4导师信息
+      overviewApi
+        .getData4panel4({
+          page: this.currentPage4panel4 > 0 ? this.currentPage4panel4-1 : this.currentPage4panel4,
+          size: this.pageSize4panel4,
+          incubatorId: this.incubatorId,
+          mentorName: this.searchQuery4panel4
+        })
+        .then((res) => {
+          this.tableData4panel4 = res.body.list || [];
+          this.totalCount4panel4 = res.body.total
+        });
+    },
  
   },
 };
@@ -629,7 +647,7 @@ export default {
       a {
         position: absolute;
         right: 6px;
-        bottom: 60px;
+        bottom: 96px;
         font-size: 15px;
         color: #1890ff;
       }