From 33f8b1658371b0bfab97f7834286d326b2e4fadc Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期三, 26 五月 2021 10:23:09 +0800
Subject: [PATCH] 搜索分页及返回数功能添加

---
 src/components/panel/topicSearch/enterprise-emergency/ResourcesQuery.vue |   32 +++++++++++++++++++++++++++++++-
 1 files changed, 31 insertions(+), 1 deletions(-)

diff --git a/src/components/panel/topicSearch/enterprise-emergency/ResourcesQuery.vue b/src/components/panel/topicSearch/enterprise-emergency/ResourcesQuery.vue
index 5ec3213..7b269dc 100644
--- a/src/components/panel/topicSearch/enterprise-emergency/ResourcesQuery.vue
+++ b/src/components/panel/topicSearch/enterprise-emergency/ResourcesQuery.vue
@@ -34,6 +34,12 @@
                     </el-option>
                 </el-select>
             </el-form-item>
+            <div class="page_total">
+                <p>鍏辫
+                    <span>{{total}}</span>
+                    鏉¤褰�
+                </p>
+            </div>
             <div class="rightButtonSearch">
                 <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input>
                 <el-button class="el-icon-search" @click="handleSearch"></el-button>
@@ -51,6 +57,17 @@
                 <p v-else>鍦板潃:<span>{{item.properties.adminzonename}}</span></p>
             </div>
         </el-scrollbar>
+        <el-card class="footer-page" v-if="total > 10">
+            <el-pagination
+                    small
+                    @current-change="handlePage"
+                    :page-size=pageSize
+                    layout="prev, pager, next"
+                    :total=total
+                    class="warnPagination"
+            >
+            </el-pagination>
+        </el-card>
     </div>
 </template>
 
@@ -84,6 +101,10 @@
       activeNum: -1,
       // 鎼滅储鍒扮殑鏁版嵁杩涜瀛樺偍鐨刲ist
       list: [],
+      // 鎼滅储鍒扮殑鏁版嵁鏁伴噺
+      total: 0,
+      // 鍒嗛〉
+      pageSize: 10,
       // form琛ㄥ崟缁戝畾鐨勫浘灞傛暟鎹�
       items: [LayerEmergencySource, LayerSurroundings],
       subItems: LayerEmergencySource.layers || LayerSurroundings.layers,
@@ -97,6 +118,11 @@
     this.wfsHelper = new WfsHelper()
   },
   methods: {
+    // 椤甸潰鍒囨崲 鍒嗛〉鍔熻兘
+    handlePage (page) {
+      // this.wfsHelper.setPage(page)
+      this.handleSearch()
+    },
     // 鎼滅储灞曠ず鍥剧墖鏍规嵁杩斿洖鍊煎睍绀�
     getImgSrc (type) {
       // console.log(type)
@@ -107,6 +133,7 @@
     handlePipelineType (val) {
       // console.log(val)
       this.list = []
+      this.total = 0
       for (let i = 0; i < this.items.length; i++) {
         const item = this.items[i].name
         if (val === item.name) {
@@ -126,10 +153,12 @@
     handleDataType (val) {
       // console.log(val)
       this.list = []
+      this.total = 0
     },
     // 鐐瑰嚮鎼滅储浜嬩欢
     async handleSearch () {
       this.list = []
+      this.total = 0
       this.wfsHelper.clearFilter()
       this.wfsHelper.setTypeName(['sewer:view_emergency'])
       this.wfsHelper.setMaxFeatures(100)
@@ -143,9 +172,10 @@
         this.wfsHelper.addLike('name', this.form.keyword)
       }
       const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {})
-      // console.log(res)
+      console.log(res)
       if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) {
         this.list = res.features
+        this.total = res.numberReturned
       }
     },
     // 鏌ヨ瀹氫綅鍔熻兘

--
Gitblit v1.8.0