From 82d1c6470dc3ed7b62d9e212641b1980c593e940 Mon Sep 17 00:00:00 2001
From: rainbro <33367671@qq.com>
Date: Mon, 14 Jul 2025 15:17:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9F=A5=E9=87=8D=E8=AE=A2=E5=8D=95=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Page.vue            | 238 +++++++++++++++++++++++++++++++++++++
 src/views/agent/checkOrderList.vue |  64 ++++++----
 2 files changed, 280 insertions(+), 22 deletions(-)
 create mode 100644 src/components/Page.vue

diff --git a/src/components/Page.vue b/src/components/Page.vue
new file mode 100644
index 0000000..2f93a8b
--- /dev/null
+++ b/src/components/Page.vue
@@ -0,0 +1,238 @@
+<template>
+  <div class="pagination">
+    <!-- 首页按钮 -->
+    <button 
+      v-if="showHome" 
+      @click="goToFirstPage"
+      class="pagination-button"
+    >
+      首页
+    </button>
+    
+    <!-- 上一页按钮 -->
+    <button 
+      v-if="showPrev" 
+      @click="goToPrevPage"
+      class="pagination-button"
+    >
+      上一页
+    </button>
+    
+    <!-- 当前页码显示 -->
+    <span v-if="showCurrent" class="current-page">第{{ currentPage }}页</span>
+    
+    <!-- 下一页按钮 -->
+    <button 
+      v-if="showNext" 
+      @click="goToNextPage"
+      class="pagination-button"
+    >
+      下一页
+    </button>
+    
+    <!-- 尾页按钮/状态 -->
+    <button 
+      v-if="showLastButton"
+      @click="goToLastPage"
+      class="pagination-button"
+    >
+      尾页
+    </button>
+    <span v-if="showLastText" class="last-page">尾页</span>
+    
+    <!-- 尾页时的页码显示 -->
+    <span v-if="endPageFlag" class="last-page-number">第{{ totalPages }}页</span>
+    
+    <!-- 跳转控件 -->
+    <div class="page-jump">
+      <input 
+        type="number" 
+        v-model="jumpPage" 
+        min="1" 
+        class="jump-input"
+      >
+      <button @click="handleJump" class="jump-button">跳转</button>
+    </div>
+    
+    <!-- 尾页时的总记录数 -->
+    <span v-if="endPageFlag" class="total-records">共{{ totalRecords }}条记录</span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Pagination',
+  props: {
+    // 总记录数
+    totalRecords: {
+      type: [Number,String],
+      required: true,
+      default: 0
+    },
+    // 总页数
+    totalPages: {
+      type: [Number,String],
+      required: true,
+      default: 1
+    },
+    // 当前页码
+    currentPage: {
+      type: [Number,String],
+      required: true,
+      default: 1
+    },
+    // 用于下一页的minid
+    nextMinId: {
+      type: [Number,String],
+      default: null
+    },
+    // 用于上一页的maxid
+    prevMaxId: {
+      type: [Number,String],
+      default: null
+    }
+  },
+  data() {
+    return {
+      endPageFlag: false, // 尾页标识
+      jumpPage: null      // 跳转页码
+    };
+  },
+  computed: {
+    // 是否显示首页按钮
+    showHome() {
+      return this.currentPage > 1;
+    },
+    // 是否显示上一页按钮
+    showPrev() {
+      return this.currentPage > 1;
+    },
+    // 是否显示当前页码
+    showCurrent() {
+      return !this.endPageFlag;
+    },
+    // 是否显示下一页按钮
+    showNext() {
+      return !this.endPageFlag;
+    },
+    // 是否显示尾页按钮
+    showLastButton() {
+      return !this.endPageFlag;
+    },
+    // 是否显示尾页文本
+    showLastText() {
+      return this.endPageFlag;
+    }
+  },
+  methods: {
+    // 跳转到首页
+    goToFirstPage() {
+      this.endPageFlag = false;
+      this.$emit('page-change', {
+        page: 1,
+        isFirst: true
+      });
+    },
+    
+    // 跳转到上一页
+    goToPrevPage() {
+      this.endPageFlag = false;
+      this.$emit('page-change', {
+        page: this.currentPage - 1,
+        maxid: this.prevMaxId,
+        isPrev: true
+      });
+    },
+    
+    // 跳转到下一页
+    goToNextPage() {
+      this.endPageFlag = false;
+      this.$emit('page-change', {
+        page: this.currentPage + 1,
+        minid: this.nextMinId,
+        isNext: true
+      });
+    },
+    
+    // 跳转到尾页
+    goToLastPage() {
+      this.endPageFlag = true;
+      this.$emit('page-change', {
+        page: this.totalPages,
+        isLast: true
+      });
+    },
+    
+    // 处理跳转
+    handleJump() {
+      if (!this.jumpPage || this.jumpPage < 1) {
+        return;
+      }
+      if (this.totalPages > 0 && this.jumpPage > this.totalPages) {
+        return;
+      }
+      
+      this.endPageFlag = this.jumpPage === this.totalPages;
+      
+      this.$emit('page-change', {
+        page: this.jumpPage,
+        isJump: true
+      });
+      
+      this.jumpPage = null;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.pagination {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 20px;
+  flex-wrap: wrap;
+}
+
+.pagination-button {
+  padding: 6px 12px;
+  border: 1px solid #ddd;
+  background: #f8f8f8;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.pagination-button:hover {
+  background: #e8e8e8;
+}
+
+.current-page, .last-page, .last-page-number, .total-records {
+  padding: 0 8px;
+  font-size: 14px;
+}
+
+.page-jump {
+  display: flex;
+  gap: 4px;
+}
+
+.jump-input {
+  width: 50px;
+  padding: 4px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.jump-button {
+  padding: 4px 8px;
+  border: 1px solid #ddd;
+  background: #f0f0f0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.jump-button:hover {
+  background: #e0e0e0;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/agent/checkOrderList.vue b/src/views/agent/checkOrderList.vue
index 83e3e45..eab86b1 100644
--- a/src/views/agent/checkOrderList.vue
+++ b/src/views/agent/checkOrderList.vue
@@ -50,7 +50,7 @@
                             <template slot-scope="scope">
                                 <div class="flex" v-if="scope.row.status==1">
                                     <GuipToolTip :content="'下载报告 作者：'+scope.row.author + ' 标题：' + scope.row.title">
-                                        <a href="/agentnew/report/tid/" target="_blank" v-for="tid in scope.row.tids" :key="tid">{{ tid }}</a>
+                                        <a :href="'http://'+scope.row.domain+'/report/tid/'+tid+'/sid/'+scope.row.sale_id" target="_blank" v-for="tid in scope.row.tids" :key="tid">{{ tid }}</a>
                                     </GuipToolTip>
                                 </div>
                                 <div class="" v-else>
@@ -88,7 +88,7 @@
                         <el-table-column prop="similarity" label="相似度">
                             <template slot-scope="scope">
                                 <div class="flex">
-                                    <p v-if="scope.row.similarity>0">{{ formatSimilarity(scope.row.similarity) }}</p>
+                                    <p v-if="scope.row.similarity>0">{{ scope.row.similarity }}%</p>
                                     <p v-else>-</p>
                                 </div>
                             </template>
@@ -127,17 +127,16 @@
                             <template slot-scope="scope">
                             <div class="flex">
                                 <el-button v-if="scope.row.status==1" @click="showConfirmDelReport(scope.row)" type="text">删报告</el-button>
-                                <el-button @click="paySetting(scope.row)" type="text">标红</el-button>
                             </div>
                             </template>
                         </el-table-column>
                     </GuipTable>
-                    <!-- <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
-                        :current-page="orderListCurrentPage" 
-                        :page-size="orderListPageSize" 
-                        :total="orderListTotal"
-                        layout="prev, pager, next,jumper">
-                    </el-pagination> -->
+                    <Page :total-records="orderListTotal"
+                    :total-pages="orderListPageSize"
+                    :current-page="orderListCurrentPage"
+                    :next-min-id="orderListNextMinId"
+                    :prev-max-id="orderListPrevMaxId"
+                    @page-change="handlePageChange"></Page>
                 </el-form>
             </div>
             <GuipDialog :dialogVisible="dialogVisibleDelReport" title="删除报告" confirmText="删除" cancelText="取消" :show-close-button="false"
@@ -157,6 +156,7 @@ import GuipSelect from '@/components/GuipSelect.vue';
 import GuipInput from '@/components/GuipInput.vue';
 import GuipToolTip from '@/components/GuipToolTip.vue';
 import GuipDialog from '@/components/GuipDialog.vue';
+import Page from '@/components/Page.vue';
 
 export default {
     name: 'siteList',
@@ -166,6 +166,7 @@ export default {
         GuipInput,
         GuipToolTip,
         GuipDialog,
+        Page,
     },
     data() {
         return {
@@ -178,6 +179,11 @@ export default {
             orderListTotal: 0,
             orderListCurrentPage: 1,
             orderListPageSize: 100,
+            endPageFlag: false,
+            orderListNextMinId: 0,
+            orderListPrevMaxId: 0,
+            orderListEndPage: 0,
+            orderListJumpToPage: 0,
 
             siteList: [],
 
@@ -199,6 +205,10 @@ export default {
             this.$http('POST', '/agentnew/ajax_get_check_order_list', {
                 page: this.orderListCurrentPage,
                 pagesize: this.orderListPageSize,
+                minid: this.orderListNextMinId,
+                maxid: this.orderListPrevMaxId,
+                end_page: this.orderListEndPage,
+                jump_to_page: this.orderListJumpToPage,
             },{
                 headers:{
                     'Auth': this.token
@@ -207,6 +217,9 @@ export default {
                 this.tableLoading = false
                 this.$nextTick(() => {
                     that.orderList = response.data.list
+                    this.orderListTotal = response.data.total
+                    this.orderListNextMinId = response.data.minid
+                    this.orderListPrevMaxId = response.data.maxid
                 })
             }).catch(error => {
                 console.error(error, 'error')
@@ -218,14 +231,6 @@ export default {
         getChannelImg(src) {
             return require('@/assets/channel_'+src+'.svg');
         },
-        handleSizeChange(val) {
-            this.orderListPageSize = val
-            this.getOrderList()
-        },
-        handleCurrentChange(val) {
-            this.orderListCurrentPage = val
-            this.getOrderList()
-        },
         changeSearchSite() {
             console.log(this.searchUid)
             this.getOrderList()
@@ -272,14 +277,29 @@ export default {
             console.log(data, 'data098908090');
         },
         // 弹框相关方法---end
-    },
-    computed: {
-        formatSimilarity(similarity) {
-            var similar = similarity.toFixed(2);
 
-            return similar * 100 + '%';
+        handlePageChange(params) {
+            // 根据参数调用API获取新数据
+            console.log('分页参数:', params);
+            
+            // 更新当前页码
+            this.orderListCurrentPage = params.page;
+            
+            // 更新minid/maxid（根据实际API返回）
+            if (params.isNext) {
+                // 从API响应中获取新的orderListNextMinId
+                this.orderListNextMinId = params.minid;
+            }
+            
+            if (params.isPrev) {
+                // 从API响应中获取新的orderListPrevMaxId
+                this.orderListPrevMaxId = params.maxid;
+            }
+            this.getOrderList()
         }
     },
+    computed: {
+    },
 }
 </script>
 <style lang="scss" scoped>