Ver código fonte

feat: 数据地图的分页添加总条数显示

zhangying 10 meses atrás
pai
commit
ca6579aaf9

+ 3 - 0
vue/src/views/dataMap/companyDataMap.vue

@@ -156,6 +156,7 @@
         </div>
         </div>
         <!-- 分页区域 -->
         <!-- 分页区域 -->
         <div class="pagination-box">
         <div class="pagination-box">
+          <span>共{{ companyTotal }}{{ searchType == 'company' ? '家' : '个' }}</span>
           <a-pagination v-model:current="companySearchParam.pageIndex" :total="companyTotal"
           <a-pagination v-model:current="companySearchParam.pageIndex" :total="companyTotal"
                         v-model:pageSize="companySearchParam.pageSize"
                         v-model:pageSize="companySearchParam.pageSize"
                         show-less-items @change="companyPaginationChange" simple :show-size-changer="false"/>
                         show-less-items @change="companyPaginationChange" simple :show-size-changer="false"/>
@@ -243,6 +244,7 @@
           </div>
           </div>
           <!-- 分页控件 -->
           <!-- 分页控件 -->
           <div class="pagination-box">
           <div class="pagination-box">
+            <span>共{{ postTotal }}个</span>
             <a-pagination v-model:current="postSearchParams.pageIndex" :total="postTotal"
             <a-pagination v-model:current="postSearchParams.pageIndex" :total="postTotal"
                           v-model:pageSize="postSearchParams.pageSize"
                           v-model:pageSize="postSearchParams.pageSize"
                           show-less-items @change="postPaginationChange" simple :show-size-changer="false"/>
                           show-less-items @change="postPaginationChange" simple :show-size-changer="false"/>
@@ -845,6 +847,7 @@ export default {
   .pagination-box {
   .pagination-box {
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: center;
+    align-items: center;
   }
   }
 
 
   .launch-btn {
   .launch-btn {

+ 2 - 0
vue/src/views/dataMap/jobUserDataMap.vue

@@ -103,6 +103,7 @@
         </div>
         </div>
         <!-- 分页控件 -->
         <!-- 分页控件 -->
         <div class="pagination-box">
         <div class="pagination-box">
+          <span>共{{ jobUserTotal }}人</span>
           <a-pagination v-model:current="searchParams.pageIndex" :total="jobUserTotal"
           <a-pagination v-model:current="searchParams.pageIndex" :total="jobUserTotal"
                         v-model:pageSize="searchParams.pageSize"
                         v-model:pageSize="searchParams.pageSize"
                         show-less-items @change="onSearch" simple :show-size-changer="false"/>
                         show-less-items @change="onSearch" simple :show-size-changer="false"/>
@@ -584,6 +585,7 @@ export default {
     .pagination-box {
     .pagination-box {
       display: flex;
       display: flex;
       justify-content: center;
       justify-content: center;
+      align-items: center;
     }
     }
   }
   }
 }
 }

+ 2 - 0
vue/src/views/dataMap/siteDataMap.vue

@@ -117,6 +117,7 @@
         </div>
         </div>
         <!-- 分页控件 -->
         <!-- 分页控件 -->
         <div class="pagination-box">
         <div class="pagination-box">
+          <span>共{{ paginationTotal }}{{ searchType == 'site' ? '个' : '人' }}</span>
           <a-pagination v-model:current="siteSearchParam.pageIndex" :total="paginationTotal"
           <a-pagination v-model:current="siteSearchParam.pageIndex" :total="paginationTotal"
                         v-model:pageSize="siteSearchParam.pageSize"
                         v-model:pageSize="siteSearchParam.pageSize"
                         show-less-items @change="onSearch" simple :show-size-changer="false"/>
                         show-less-items @change="onSearch" simple :show-size-changer="false"/>
@@ -577,6 +578,7 @@ export default {
   .pagination-box {
   .pagination-box {
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: center;
+    align-items: center;
     padding: 10px 10px;
     padding: 10px 10px;
     background-color: #F8F8F8;
     background-color: #F8F8F8;
     border-radius: 0 0 10px 10px;
     border-radius: 0 0 10px 10px;