孵化器概况

src/api/system/overview.js

@@ -7,6 +7,15 @@ export function getData4panel0(data) { // 孵化器概况信息
   })
 }
 
+export function getDialogData4panel0(data) { // 孵化器概况信息
+  return request({
+    url: 'api/incubatorRevenue',
+    method: 'get',
+    params:data,
+  })
+}
+
+
 export function getData4tech(data) {
   return request({
     url: 'api/incubator',
@@ -46,5 +55,5 @@ export function editUser(data) {
 }
 
 
-export default { getData4panel0, getData4tech, add, edit, del }
+export default { getData4panel0, getDialogData4panel0, getData4tech, add, edit, del }
 

src/views/system/home/overview.vue

@@ -29,7 +29,7 @@
               <div class="item">
                 <div class="_title prefixDiv">
                   <span class="_left">总收入</span>
-                  <span class="_right">查看更多>></span>
+                  <span class="_right" @click="getMore4panel0">查看更多>></span>
                 </div>
                 <div class="body">
                   <div class="_left">
@@ -123,11 +123,13 @@
                 </li>
               </ul>
               <el-pagination
-                @current-change="handleCurrentChange4panel0"
-                :current-page="currentPage4panel0"
-                :page-size="pageSize4panel0"
-                :total="totalItems4panel0"
-                layout="prev, pager, next"
+                @current-change="handleCurrentChange4panel1"
+                @size-change="handleSizeChange4panel1"
+                :current-page="currentPage4panel1"
+                :page-size="pageSize4panel1"
+                :total="totalItems4panel1"
+                :page-sizes="[10, 20, 30, 40]"
+                layout="prev, pager, next, sizes"
               />
             </div>
           </div>
@@ -223,8 +225,67 @@
     </div>
 
     <el-dialog
-      title="新增孵化器信息"
+      title="孵化器年度收入信息"
       :visible.sync="dialogVisible4panel0"
+      width="1100px"
+    >
+        <el-input
+      placeholder="请输入年度搜索"
+      prefix-icon="el-icon-search"
+      v-model="searchQuery4panel0"
+      style="width: 300px;margin-bottom: 10px;"
+      @blur="filterData4panel0"
+    ></el-input>
+      <el-table :data="tableData4panel0" style="width: 100%">
+        <el-table-column
+          prop="year"
+          label="年度"
+          width="50"
+        ></el-table-column>
+        <el-table-column
+          prop="totalRevenue"
+          label="孵化器总收入（万元）"
+        ></el-table-column>
+        <el-table-column
+          prop="serviceRevenue"
+          label="综合服务收入（万元）"
+        ></el-table-column>
+        <el-table-column
+          prop="rentRevenue"
+          label="房租收入（万元）"
+        ></el-table-column>
+        <el-table-column
+          prop="propertyRevenue"
+          label="物业收入（万元）"
+        ></el-table-column>
+        <el-table-column
+          prop="investmentRevenue"
+          label="投资收入（万元）"
+        ></el-table-column>
+        <el-table-column
+          prop="policyRevenue"
+          label="政策性收入（万元）"
+        ></el-table-column>
+        <el-table-column
+          prop="otherRevenue"
+          label="其他收入（万元）"
+        ></el-table-column>
+      </el-table>
+      
+      <el-pagination
+        @current-change="handleCurrentChange4panel0"
+        @size-change="handleSizeChange4panel0"
+        :current-page="currentPage4panel0"
+        :page-size="pageSize4panel0"
+        :total="totalCount4panel0"
+        :page-sizes="[10, 20, 30, 40]"
+        layout="prev, pager, next, sizes"
+      ></el-pagination>
+      
+    </el-dialog>
+    <el-dialog
+      title="新增孵化器信息"
+      :visible.sync="dialogVisible4panel1"
       @close="resetForm"
     >
       <el-form
@@ -297,11 +358,13 @@ export default {
 
       // panel0
       data4panel0: {},
-      searchText4panel0: "",
-      currentPage4panel0: 1, // 当前页码
+      totalCount4panel0: 0, // 总条目数
+      currentPage4panel0: 0, // 当前页码
       pageSize4panel0: 10, // 每页显示的条目数量
-      totalItems4panel0: 100, // 总条目数
       dialogVisible4panel0: false,
+      searchQuery4panel0: '',
+      tableData4panel0: [],
+      filteredData4panel0: [],
       formData4panel0: {
         address: "",
         contactPerson: "",
@@ -314,6 +377,14 @@ export default {
     this.getData4panel0();
   },
   methods: {
+    filterData4panel0() {
+      this.currentPage4panel0 = 1; // 重置当前分页
+      this.getDialogData4panel0();
+    },
+    getMore4panel0(){
+      this.dialogVisible4panel0 = true
+      this.getDialogData4panel0()
+    },
     changeNav(index) {
       this.activeIndex = ~~index;
     },
@@ -322,6 +393,12 @@ export default {
       this.currentPage4panel0 = newPage;
       // 这里可以添加代码来加载新页的数据
       console.log(`当前页: ${newPage}`);
+      this.getDialogData4panel0()
+      
+    },
+    handleSizeChange4panel0(newSize){
+      this.pageSize4panel0 = newSize;
+      this.getDialogData4panel0()
     },
     initChart4panel0_1() {
       const chartDom = this.$refs.pieChart4panel0_1;
@@ -377,7 +454,21 @@ export default {
 
       myChart.setOption(option);
     },
-    getData4panel0(fn) {
+    getDialogData4panel0(fn) { // 获取panel0弹窗列表信息
+      overviewApi
+        .getDialogData4panel0({
+          page: this.currentPage4panel0 -1,
+          size: this.pageSize4panel0,
+          incubatorId: this.incubatorId,
+          year: this.searchQuery4panel0
+        })
+        .then((res) => {
+          console.log(res, "getData4panel04tech");
+          this.tableData4panel0 = res.body.list || [];
+          this.totalCount4panel0 = res.body.total
+        });
+    },
+    getData4panel0(fn) { // 获取panel0页面统计信息
       overviewApi
         .getData4panel0({
           incubatorId: this.incubatorId,
@@ -388,6 +479,7 @@ export default {
           this.initChart4panel0_1();
         });
     },
+ 
   },
 };
 </script>
@@ -705,6 +797,9 @@ export default {
     justify-content: space-between;
     padding-left: 26px;
     padding-right: 20px;
+    &>._right{
+          cursor: pointer;
+        }
   }
   .contentWrapper {
     border-top: 1px dashed #dddee1;
@@ -723,6 +818,7 @@ export default {
         ._right {
           flex: 1;
         }
+       
       }
       li {
         font-size: 15px;
@@ -757,5 +853,9 @@ export default {
     }
   }
 }
+
+::v-deep .el-dialog__body .el-table th.el-table__cell{
+  background-color: #f9ffec;
+}
 </style>
     
\ No newline at end of file