修复域名所有者模板列表页分页功能

dashboard/src2/components/DomainOwner.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="space-y-4">
-		<div class="mx-5 mt-5">
+		<div>
 			<div class="flex flex-col sm:flex-row gap-4 items-center">
 				<div class="w-full sm:w-1/2">
 					<div class="flex gap-2">
@@ -34,7 +34,7 @@
 			</div>
 
 			<!-- 列表内容 -->
-			<div class="rounded-lg border border-gray-200 bg-white mt-4">
+			<div class="rounded-lg border border-gray-200 bg-white my-4">
 				<!-- 表头 -->
 				<div class="grid grid-cols-12 gap-4 border-b border-gray-200 bg-gray-50 px-6 py-3 text-sm font-medium text-gray-700">
 					<div class="col-span-4">所有者名称</div>
@@ -112,28 +112,46 @@
 			</div>
 
 			<!-- 分页 -->
-			<div v-if="pagination.total > pagination.limit" class="flex items-center justify-between mt-4">
+			<div v-if="pagination.total > pagination.limit" class="flex flex-col items-center space-y-4">
 				<div class="text-sm text-gray-700">
-					显示 {{ (pagination.pageno - 1) * pagination.limit + 1 }} 到 
+					显示第 {{ (pagination.pageno - 1) * pagination.limit + 1 }} - 
 					{{ Math.min(pagination.pageno * pagination.limit, pagination.total) }} 条，
 					共 {{ pagination.total }} 条记录
 				</div>
-				<div class="flex gap-2">
+				<div class="flex items-center space-x-2">
 					<Button 
 						@click="previousPage"
 						:disabled="pagination.pageno <= 1"
 						variant="outline"
 						size="sm"
+						class="px-3"
 					>
-						上一页
+						←
 					</Button>
+					<div class="flex items-center space-x-1">
+						<Button 
+							v-for="page in getVisiblePages()" 
+							:key="page"
+							@click="changePage(page)"
+							:class="[
+								'px-3 py-1 text-sm rounded',
+								page === pagination.pageno 
+									? '!bg-[#1fc76f] text-white' 
+									: 'bg-white text-gray-700 border border-gray-300 hover:bg-gray-50'
+							]"
+							:disabled="page === pagination.pageno"
+						>
+							{{ page }}
+						</Button>
+					</div>
 					<Button 
 						@click="nextPage"
 						:disabled="pagination.pageno >= pagination.pagecount"
 						variant="outline"
 						size="sm"
+						class="px-3"
 					>
-						下一页
+						→
 					</Button>
 				</div>
 			</div>
@@ -461,7 +479,7 @@ export default {
 			selectedStatus: '',
 			pagination: {
 				pageno: 1,
-				limit: 20,
+				limit: 10,
 				total: 0,
 				pagecount: 0
 			},
@@ -487,31 +505,20 @@ export default {
 	},
 	computed: {
 		filteredOwners() {
-			let filtered = [...this.owners];
+			// 由于搜索和过滤现在在服务器端处理，直接返回当前页的数据
-
+			return this.owners;
-			// 搜索过滤
+		}
-			if (this.searchQuery) {
+	},
-				const query = this.searchQuery.toLowerCase();
+	watch: {
-				filtered = filtered.filter(owner => {
+		// 监听搜索条件变化
-					const displayName = this.getDisplayName(owner).toLowerCase();
+		searchQuery() {
-					const title = (owner.title || '').toLowerCase();
+			this.pagination.pageno = 1; // 重置到第一页
-					const email = (owner.c_em || '').toLowerCase();
+			this.fetchOwners();
-					return displayName.includes(query) || title.includes(query) || email.includes(query);
+		},
-				});
+		// 监听状态过滤变化
-			}
+		selectedStatus() {
-
+			this.pagination.pageno = 1; // 重置到第一页
-			// 状态过滤
+			this.fetchOwners();
-			if (this.selectedStatus) {
-				filtered = filtered.filter(owner => {
-					// 根据r_status字段判断实名认证状态
-					// 0: 未实名, 1: 实名成功, 2: 实名中, 3: 实名失败, 4: 认证过期, 5: 待审核
-					const rStatus = owner.r_status;
-					const isVerified = rStatus === '1'; // 只有状态为'1'才是已实名认证
-					return String(isVerified ? '1' : '0') === this.selectedStatus;
-				});
-			}
-
-			return filtered;
 		}
 	},
 	methods: {
@@ -604,11 +611,21 @@ export default {
 			try {
 				const ownersRequest = createResource({
 					url: 'jcloud.api.domain_west.get_domain_owners',
+					params: {
+						limit: this.pagination.limit,
+						pageno: this.pagination.pageno,
+						searchQuery: this.searchQuery,
+						selectedStatus: this.selectedStatus
+					},
 					onSuccess: (response) => {
 						if (response.status === 'Success') {
-							this.owners = response.data || [];
+							this.owners = response.data.items || [];
-							this.pagination.total = this.owners.length;
+							this.pagination = {
-							this.pagination.pagecount = Math.ceil(this.pagination.total / this.pagination.limit);
+								pageno: response.data.pageno || 1,
+								limit: response.data.limit || 20,
+								total: response.data.total || 0,
+								pagecount: response.data.pagecount || 0
+							};
 						} else {
 							this.error = response.message || '获取域名所有者列表失败';
 						}
@@ -777,6 +794,7 @@ export default {
 		previousPage() {
 			if (this.pagination.pageno > 1) {
 				this.pagination.pageno--;
+				this.fetchOwners();
 			}
 		},
 
@@ -784,12 +802,45 @@ export default {
 		nextPage() {
 			if (this.pagination.pageno < this.pagination.pagecount) {
 				this.pagination.pageno++;
+				this.fetchOwners();
 			}
 		},
 
 		// 刷新列表
 		refresh() {
 			this.fetchOwners();
+		},
+
+		// 获取可见的页码
+		getVisiblePages() {
+			const current = this.pagination.pageno;
+			const total = this.pagination.pagecount;
+			const pages = [];
+			
+			// 如果总页数小于等于5，显示所有页码
+			if (total <= 5) {
+				for (let i = 1; i <= total; i++) {
+					pages.push(i);
+				}
+			} else {
+				// 显示当前页附近的页码
+				const start = Math.max(1, current - 2);
+				const end = Math.min(total, current + 2);
+				
+				for (let i = start; i <= end; i++) {
+					pages.push(i);
+				}
+			}
+			
+			return pages;
+		},
+
+		// 切换页码
+		changePage(page) {
+			if (page >= 1 && page <= this.pagination.pagecount) {
+				this.pagination.pageno = page;
+				this.fetchOwners();
+			}
 		}
 	},
 	mounted() {

jcloud/api/domain_west.py

@@ -1795,13 +1795,31 @@ def delete_domain(pagetype, name):
 
 
 @jingrow.whitelist()
-def get_domain_owners():
+def get_domain_owners(**data):
-    """获取当前团队的域名所有者列表"""
+    """获取当前团队的域名所有者列表（支持分页、搜索和过滤）"""
     try:
         team = get_current_team()
         if not team:
             return {"status": "Error", "message": "未找到当前团队"}
         
+        # 获取分页参数
+        limit = data.get('limit', 20)
+        pageno = data.get('pageno', 1)
+        search_query = data.get('searchQuery', '').strip()
+        selected_status = data.get('selectedStatus', '')
+        
+        # 确保参数类型正确
+        try:
+            limit = int(limit)
+            pageno = int(pageno)
+        except (ValueError, TypeError):
+            limit = 20
+            pageno = 1
+        
+        # 确保参数在合理范围内
+        limit = max(1, min(limit, 100))  # 限制每页最多100条
+        pageno = max(1, pageno)
+        
         # 获取当前团队的所有域名所有者
         domain_owners = jingrow.get_all(
             "Domain Owner",
@@ -1811,9 +1829,58 @@ def get_domain_owners():
              "c_idtype_gswl", "c_idnum_gswl", "c_sysid"]
         )
         
+        # 搜索过滤
+        if search_query:
+            search_query_lower = search_query.lower()
+            filtered_owners = []
+            for owner in domain_owners:
+                # 检查显示名称
+                display_name = ""
+                if owner.c_regtype == 'I':
+                    if owner.fullname:
+                        display_name = owner.fullname
+                    else:
+                        display_name = (owner.c_ln_m or '') + (owner.c_fn_m or '')
+                elif owner.c_regtype == 'E':
+                    display_name = owner.c_org_m or owner.title or owner.name
+                else:
+                    display_name = owner.title or owner.name
+                
+                # 检查是否匹配搜索条件
+                if (search_query_lower in display_name.lower() or 
+                    search_query_lower in (owner.title or '').lower() or 
+                    search_query_lower in (owner.c_em or '').lower()):
+                    filtered_owners.append(owner)
+            domain_owners = filtered_owners
+        
+        # 状态过滤
+        if selected_status:
+            filtered_owners = []
+            for owner in domain_owners:
+                r_status = owner.r_status
+                is_verified = r_status == '1'
+                if str('1' if is_verified else '0') == selected_status:
+                    filtered_owners.append(owner)
+            domain_owners = filtered_owners
+        
+        # 计算分页信息
+        total = len(domain_owners)
+        pagecount = (total + limit - 1) // limit
+        start_index = (pageno - 1) * limit
+        end_index = start_index + limit
+        
+        # 返回当前页的记录
+        current_page_items = domain_owners[start_index:end_index]
+        
         return {
             "status": "Success",
-            "data": domain_owners
+            "data": {
+                "pageno": pageno,
+                "limit": limit,
+                "total": total,
+                "pagecount": pagecount,
+                "items": current_page_items
+            }
         }
     except Exception as e:
         return {"status": "Error", "message": f"获取域名所有者列表失败: {str(e)}"}