From e50c1c374ae7196f881be61d4fcc2005224c9f8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=82=9E=E2=86=98=E7=B5=9F=E2=84=A1=E2=84=83=E3=83=84?=
 <137586129@qq.com>
Date: Thu, 19 Sep 2024 02:12:46 +0000
Subject: [PATCH] =?UTF-8?q?update=20Yi.RuoYi.Vue3/src/views/code/field/com?=
 =?UTF-8?q?ponents/TableList.vue.=20=E5=A2=9E=E5=8A=A0=E7=AE=80=E5=8D=95?=
 =?UTF-8?q?=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: ゞ↘絟℡℃ツ <137586129@qq.com>
---
 .../views/code/field/components/TableList.vue | 108 ++++++++++++++----
 1 file changed, 84 insertions(+), 24 deletions(-)

diff --git a/Yi.RuoYi.Vue3/src/views/code/field/components/TableList.vue b/Yi.RuoYi.Vue3/src/views/code/field/components/TableList.vue
index 808d1c02..ba257689 100644
--- a/Yi.RuoYi.Vue3/src/views/code/field/components/TableList.vue
+++ b/Yi.RuoYi.Vue3/src/views/code/field/components/TableList.vue
@@ -1,32 +1,92 @@
 <template>
-      <h3 class="title">数据表选择</h3>
-      <el-menu
-        default-active="2"
-        class="el-menu-vertical-demo"
-      >
-      <el-menu-item  v-for="(item,i) in dataList" :index="'data-'+i" :key="i" @click="menuClick(item)">
-          <el-icon><setting /></el-icon>
-          <span>{{item.name}}</span>
-      </el-menu-item>
-  </el-menu>
+	<h3 class="title">数据表选择</h3>
+	<el-menu default-active="2" class="el-menu-vertical-demo">
+		<el-menu-item v-for="(item,i) in dataList" :index="'data-'+i" :key="i" @click="menuClick(item)">
+			<el-icon>
+				<setting />
+			</el-icon>
+			<span>{{item.name}}</span>
+		</el-menu-item>
+	</el-menu>
+	<el-row>
+		<el-button-group>
+			<el-button type="primary" @click="Prev" :icon="ArrowLeft">Previous Page</el-button>
+			<el-button type="primary" @click="Next">
+				Next Page<el-icon class="el-icon--right">
+					<ArrowRight />
+				</el-icon>
+			</el-button>
+		</el-button-group>
+	</el-row>
 </template>
 
 <script lang="ts" setup>
-import useTable from '../hooks/useTable'
-const emit = defineEmits(['selectTable'])
+	import { reactive, ref } from 'vue'
+	import {
+		listData
+	} from "@/api/code/tableApi";
 
-function menuClick(item) {
-  emit('selectTable',item)
-}
-const {dataList}=useTable();
+	const emit = defineEmits(['selectTable']);
+	const total = ref(0);
+	const dataList = ref([]);
+
+	const data = ref({
+		form: {},
+		queryParams: {
+			skipCount: 1,
+			maxResultCount: 10,
+			name: undefined
+		},
+		rules: {
+			name: [{
+				required: true,
+				message: "表名称不能为空",
+				trigger: "blur"
+			}],
+		},
+	});
+
+	function menuClick(item) {
+		emit('selectTable', item)
+	}
+
+	//简版分页 上一页
+	function Prev() {
+		data.value.queryParams.skipCount--;
+		if (data.value.queryParams.skipCount <= 1)
+			data.value.queryParams.skipCount = 1;
+		GetTableDataList();
+	}
+	//简版分页 下一页
+	function Next() {
+		data.value.queryParams.skipCount++;
+		var totalMax = total.value % data.value.queryParams.maxResultCount == 0
+			? total.value / data.value.queryParams.maxResultCount
+			: total.value / data.value.queryParams.maxResultCount + 1;
+		if (data.value.queryParams.skipCount >= totalMax) {
+			data.value.queryParams.skipCount = parseInt(totalMax);
+		}
+		GetTableDataList();
+	}
+	//查询 Table 列表
+	function GetTableDataList() {
+		listData(data.value.queryParams).then(
+			(response) => {
+				dataList.value = response.data.items;
+				total.value = response.data.totalCount;
+			}
+		);
+	}
+	GetTableDataList();
+	console.log(dataList);
 </script>
 <style scoped>
-.el-menu-item{
-  justify-content: center;
-  max-height: 1000px;
-}
-.title
-{
-  text-align: center;
-}
+	.el-menu-item {
+		justify-content: center;
+		max-height: 1000px;
+	}
+
+	.title {
+		text-align: center;
+	}
 </style>
\ No newline at end of file