From 76100ad07dba9ad8d9fbcd6fbaf4a43a6fe6d262 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 6 Sep 2023 16:37:22 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E8=AE=BE=E5=A4=87=E5=85=A8=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../monitoring/equipmentFullParams/index.vue  | 143 ++++++++++--------
 .../utils/local-data-manager.js               |  29 ++++
 2 files changed, 109 insertions(+), 63 deletions(-)
 create mode 100644 src/views/monitoring/equipmentFullParams/utils/local-data-manager.js

diff --git a/src/views/monitoring/equipmentFullParams/index.vue b/src/views/monitoring/equipmentFullParams/index.vue
index 05c4c16c..1dcdd722 100644
--- a/src/views/monitoring/equipmentFullParams/index.vue
+++ b/src/views/monitoring/equipmentFullParams/index.vue
@@ -16,10 +16,18 @@
 			<base-table
 				:key="1 + '__basetable'"
 				:table-props="table1.tableProps"
-				:page="1"
-				:limit="999"
+				:page="table1.pageNo"
+				:limit="table1.pageSize"
 				:table-data="table1.data"
 				@emitFun="(val) => handleEmitFun(table1, val)"></base-table>
+			<pagination
+				v-show="table1.total > 0"
+				:total="table1.total"
+				:page.sync="table1.pageNo"
+				:limit.sync="table1.pageSize"
+				:page-size="table1.pageSize"
+				:page-sizes="[1, 3, 5, 10, 20]"
+				@pagination="(val) => getListFor(table1, val)" />
 			<base-table
 				:key="2 + '__basetable'"
 				:table-props="table2.tableProps"
@@ -86,6 +94,72 @@
 </template>
 
 <script>
+import LocalDataManager from './utils/local-data-manager';
+
+const fakeTable1Data = [
+	{
+		time: 1111111111111111,
+		plcCode: 2,
+		val1: 3,
+		bol1: 4,
+		val2: 5,
+		bol2: 6,
+	},
+	{
+		time: 1,
+		plcCode: 22222222222222,
+		val1: 3,
+		bol1: 4,
+		val2: 5,
+		bol2: 6,
+	},
+	{
+		time: 1,
+		plcCode: 2,
+		val1: 33333333333333,
+		bol1: 4,
+		val2: 5,
+		bol2: 6,
+	},
+	{
+		time: 1,
+		plcCode: 2,
+		val1: 3,
+		bol1: 44444444444444,
+		val2: 5,
+		bol2: 6,
+	},
+	{
+		time: 1,
+		plcCode: 2,
+		val1: 3,
+		bol1: 4,
+		val2: 5555555555555,
+		bol2: 6,
+	},
+	{
+		time: 1,
+		plcCode: 2,
+		val1: 3,
+		bol1: 4,
+		val2: 5,
+		bol2: 6666666666666666666,
+	},
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+	{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
+];
+
+const table1LDM = new LocalDataManager(fakeTable1Data, 1, 3);
+
 export default {
 	name: 'EquipmentFullParams',
 	components: {},
@@ -182,67 +256,10 @@ export default {
 						label: '布尔4',
 					},
 				],
-				data: [
-					{
-						time: 1111111111111111,
-						plcCode: 2,
-						val1: 3,
-						bol1: 4,
-						val2: 5,
-						bol2: 6,
-					},
-					{
-						time: 1,
-						plcCode: 22222222222222,
-						val1: 3,
-						bol1: 4,
-						val2: 5,
-						bol2: 6,
-					},
-					{
-						time: 1,
-						plcCode: 2,
-						val1: 33333333333333,
-						bol1: 4,
-						val2: 5,
-						bol2: 6,
-					},
-					{
-						time: 1,
-						plcCode: 2,
-						val1: 3,
-						bol1: 44444444444444,
-						val2: 5,
-						bol2: 6,
-					},
-					{
-						time: 1,
-						plcCode: 2,
-						val1: 3,
-						bol1: 4,
-						val2: 5555555555555,
-						bol2: 6,
-					},
-					{
-						time: 1,
-						plcCode: 2,
-						val1: 3,
-						bol1: 4,
-						val2: 5,
-						bol2: 6666666666666666666,
-					},
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-					{ time: 1, plcCode: 2, val1: 3, bol1: 4, val2: 5, bol2: 6 },
-				],
+				data: table1LDM.dataList,
+				pageNo: table1LDM.pageNo,
+				pageSize: table1LDM.pageSize,
+				total: table1LDM.total,
 			},
 			table2: {
 				tableProps: [
diff --git a/src/views/monitoring/equipmentFullParams/utils/local-data-manager.js b/src/views/monitoring/equipmentFullParams/utils/local-data-manager.js
new file mode 100644
index 00000000..4ef81bbb
--- /dev/null
+++ b/src/views/monitoring/equipmentFullParams/utils/local-data-manager.js
@@ -0,0 +1,29 @@
+export default class LocalDataManager {
+    constructor(dataList, pageNo, pageSize) {
+        this._dataListStore = dataList;
+        this._pageNo = pageNo;
+        this._pageSize = pageSize;
+    }
+
+    setPageNo(pageNo) {
+        this._pageNo = pageNo;
+    }
+
+    setPageSize(pageSize) {
+        this._pageSize = pageSize;
+    }
+
+    get dataList() {
+        return this._dataListStore.slice((this._pageNo - 1) * this._pageSize, this._pageNo * this._pageSize);
+    }
+
+    get total() {
+        return this._dataListStore.length;
+    }
+
+    deleteData(id) {
+        const idx = this._dataListStore.findIndex(item => item.id == id);
+        this._dataListStore.splice(idx, 1);
+        // send http request
+    }
+}
\ No newline at end of file