diff --git a/package.json b/package.json
index bb92cf8..1a57f05 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "axios": "^1.9.0",
     "bootstrap": "^5.3.6",
     "ismobilejs": "^1.1.1",
+    "q-pagination": "^1.0.12",
     "sass-embedded": "^1.89.1",
     "vue": "^3.5.13",
     "vue-router": "^4.5.1"
diff --git a/yarn.lock b/yarn.lock
index 4e21968..d4b346a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1157,6 +1157,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"async-validator@npm:~1.8.1":
+  version: 1.8.5
+  resolution: "async-validator@npm:1.8.5"
+  dependencies:
+    babel-runtime: 6.x
+  checksum: 3c526e3578119cf1c54bb033a931d63772bcf022ca1edb81f2a4799a90666e90b28d8c48fd82c9e67b1756f130dffdaad051bee1b7c3da7243d232356a388b93
+  languageName: node
+  linkType: hard
+
 "asynckit@npm:^0.4.0":
   version: 0.4.0
   resolution: "asynckit@npm:0.4.0"
@@ -1175,6 +1184,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-helper-vue-jsx-merge-props@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "babel-helper-vue-jsx-merge-props@npm:2.0.3"
+  checksum: 94d354b401fae665137433632d6ecb4f212217c115feb06b2544987939fdb2735b35bc856eb99e306e8ead5f840b7891d8e050916a76c025b2380ee052a3b8df
+  languageName: node
+  linkType: hard
+
+"babel-runtime@npm:6.x":
+  version: 6.26.0
+  resolution: "babel-runtime@npm:6.26.0"
+  dependencies:
+    core-js: ^2.4.0
+    regenerator-runtime: ^0.11.0
+  checksum: 8aeade94665e67a73c1ccc10f6fd42ba0c689b980032b70929de7a6d9a12eb87ef51902733f8fefede35afea7a5c3ef7e916a64d503446c1eedc9e3284bd3d50
+  languageName: node
+  linkType: hard
+
 "balanced-match@npm:^1.0.0":
   version: 1.0.2
   resolution: "balanced-match@npm:1.0.2"
@@ -1390,6 +1416,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js@npm:^2.4.0":
+  version: 2.6.12
+  resolution: "core-js@npm:2.6.12"
+  checksum: 44fa9934a85f8c78d61e0c8b7b22436330471ffe59ec5076fe7f324d6e8cf7f824b14b1c81ca73608b13bdb0fef035bd820989bf059767ad6fa13123bb8bd016
+  languageName: node
+  linkType: hard
+
 "cross-spawn@npm:^6.0.0":
   version: 6.0.6
   resolution: "cross-spawn@npm:6.0.6"
@@ -1433,6 +1466,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deepmerge@npm:^1.2.0":
+  version: 1.5.2
+  resolution: "deepmerge@npm:1.5.2"
+  checksum: 5ecfe328e0105f2c554b90af555cbba052ab4468f1893e3b26800cb8869d3c1a1c590a5bbe1fdf481a8cc89b1bc47b5ac73a7153d5a0e4b702ea6eca081038a8
+  languageName: node
+  linkType: hard
+
 "default-browser-id@npm:^5.0.0":
   version: 5.0.0
   resolution: "default-browser-id@npm:5.0.0"
@@ -1512,6 +1552,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"element-ui@npm:^2.15.9":
+  version: 2.15.14
+  resolution: "element-ui@npm:2.15.14"
+  dependencies:
+    async-validator: ~1.8.1
+    babel-helper-vue-jsx-merge-props: ^2.0.0
+    deepmerge: ^1.2.0
+    normalize-wheel: ^1.0.1
+    resize-observer-polyfill: ^1.5.0
+    throttle-debounce: ^1.0.1
+  peerDependencies:
+    vue: ^2.5.17
+  checksum: 937b211ce3437ce3627fe07a098800805d6c6babc527edfff711dcc160d3c52cbaadd25663d8a03408200d996d7c745afdd60339804537fbf2875554a6edeb2f
+  languageName: node
+  linkType: hard
+
 "emoji-regex@npm:^8.0.0":
   version: 8.0.0
   resolution: "emoji-regex@npm:8.0.0"
@@ -2317,6 +2373,7 @@ __metadata:
     axios: ^1.9.0
     bootstrap: ^5.3.6
     ismobilejs: ^1.1.1
+    q-pagination: ^1.0.12
     sass-embedded: ^1.89.1
     vite: ^6.2.4
     vite-plugin-vue-devtools: ^7.7.2
@@ -2653,6 +2710,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"normalize-wheel@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "normalize-wheel@npm:1.0.1"
+  checksum: 00b32efa040bad9438e732385a4ca27f8532fa2c8c06b54be43b9f75b2da6642bf41a0b4f81e542639dc8d682cde8b059b0a02ae0723fb8ebc3c8f036c8e51d8
+  languageName: node
+  linkType: hard
+
 "npm-run-path@npm:^2.0.0":
   version: 2.0.2
   resolution: "npm-run-path@npm:2.0.2"
@@ -2890,6 +2954,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"q-pagination@npm:^1.0.12":
+  version: 1.0.12
+  resolution: "q-pagination@npm:1.0.12"
+  dependencies:
+    element-ui: ^2.15.9
+  checksum: 78d889ec91192879ba89a5297234a86d256a8a29efa932c51b305bb2d02d0f7b7eb267b5d40408cc711ab444b646eca3f09d769839af9c9ae2e2509b68e823a3
+  languageName: node
+  linkType: hard
+
 "read-pkg@npm:^5.1.1":
   version: 5.2.0
   resolution: "read-pkg@npm:5.2.0"
@@ -2913,6 +2986,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regenerator-runtime@npm:^0.11.0":
+  version: 0.11.1
+  resolution: "regenerator-runtime@npm:0.11.1"
+  checksum: 3c97bd2c7b2b3247e6f8e2147a002eb78c995323732dad5dc70fac8d8d0b758d0295e7015b90d3d444446ae77cbd24b9f9123ec3a77018e81d8999818301b4f4
+  languageName: node
+  linkType: hard
+
+"resize-observer-polyfill@npm:^1.5.0":
+  version: 1.5.1
+  resolution: "resize-observer-polyfill@npm:1.5.1"
+  checksum: 57e7f79489867b00ba43c9c051524a5c8f162a61d5547e99333549afc23e15c44fd43f2f318ea0261ea98c0eb3158cca261e6f48d66e1ed1cd1f340a43977094
+  languageName: node
+  linkType: hard
+
 "resolve@npm:^1.10.0":
   version: 1.22.10
   resolution: "resolve@npm:1.22.10"
@@ -3557,6 +3644,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"throttle-debounce@npm:^1.0.1":
+  version: 1.1.0
+  resolution: "throttle-debounce@npm:1.1.0"
+  checksum: f465f06b11aa6d4b70281615b3d13b610f685220a63d56f40c0caf7257a7be55c72868b974f5438591f509cb1b9756cf10cfad5b409e487e4ed022e9bb61e61f
+  languageName: node
+  linkType: hard
+
 "tinyglobby@npm:^0.2.12, tinyglobby@npm:^0.2.13":
   version: 0.2.14
   resolution: "tinyglobby@npm:0.2.14"