[add] test

package-lock.json

@@ -11,6 +11,7 @@
                 "@ant-design/icons-vue": "^6.1.0",
                 "axios": "^0.26.1",
                 "bootstrap": "^5.1.3",
+                "element-plus": "^2.1.9",
                 "moment": "^2.29.2",
                 "vue": "^3.2.25"
             },
@@ -87,6 +88,14 @@
                 "node": ">=10"
             }
         },
+        "node_modules/@element-plus/icons-vue": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-1.1.4.tgz",
+            "integrity": "sha512-Iz/nHqdp1sFPmdzRwHkEQQA3lKvoObk8azgABZ81QUOpW9s/lUyQVUSh0tNtEPZXQlKwlSh7SPgoVxzrE0uuVQ==",
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
         "node_modules/@emmetio/abbreviation": {
             "version": "2.2.3",
             "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.2.3.tgz",
@@ -111,16 +120,41 @@
             "integrity": "sha512-8HqW8EVqjnCmWXVpqAOZf+EGESdkR27odcMMMGefgKXtar00SoYNSryGv//TELI4T3QFsECo78p+0lmalk/CFA==",
             "dev": true
         },
+        "node_modules/@floating-ui/core": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.6.1.tgz",
+            "integrity": "sha512-Y30eVMcZva8o84c0HcXAtDO4BEzPJMvF6+B7x7urL2xbAqVsGJhojOyHLaoQHQYjb6OkqRq5kO+zeySycQwKqg=="
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "0.4.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.4.4.tgz",
+            "integrity": "sha512-0Ulu3B/dqQplUUSqnTx0foSrlYuMN+GTtlJWvNJwt6Fr7/PqmlR/Y08o6/+bxDWr6p3roBJRaQ51MDZsNmEhhw==",
+            "dependencies": {
+                "@floating-ui/core": "^0.6.1"
+            }
+        },
         "node_modules/@popperjs/core": {
             "version": "2.11.5",
             "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
             "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
-      "peer": true,
             "funding": {
                 "type": "opencollective",
                 "url": "https://opencollective.com/popperjs"
             }
         },
+        "node_modules/@types/lodash": {
+            "version": "4.14.181",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.181.tgz",
+            "integrity": "sha512-n3tyKthHJbkiWhDZs3DkhkCzt2MexYHXlX0td5iMplyfwketaOeKboEVBqzceH7juqvEg3q5oUoBFxSLu7zFag=="
+        },
+        "node_modules/@types/lodash-es": {
+            "version": "4.17.6",
+            "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+            "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+            "dependencies": {
+                "@types/lodash": "*"
+            }
+        },
         "node_modules/@vitejs/plugin-vue": {
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-2.3.1.tgz",
@@ -323,6 +357,87 @@
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.31.tgz",
             "integrity": "sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ=="
         },
+        "node_modules/@vueuse/core": {
+            "version": "8.2.6",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.2.6.tgz",
+            "integrity": "sha512-fzlpM3B5oVe+UhCT1mXlhG1Zxdq2lq1Z2AvddSB8+RxrsSFzII7DKfsQEz8Vop7Lzc++4m8drTNbhPovYoFqHw==",
+            "dependencies": {
+                "@vueuse/metadata": "8.2.6",
+                "@vueuse/shared": "8.2.6",
+                "vue-demi": "*"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.1.0",
+                "vue": "^2.6.0 || ^3.2.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                },
+                "vue": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vueuse/core/node_modules/@vueuse/shared": {
+            "version": "8.2.6",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.2.6.tgz",
+            "integrity": "sha512-J/W4CMfdL8TahELuSOgtfVO4eQXTjhigp7dVWIBsLUVFCeY9d49gvHUcQN3y5xYLZ6iNP57TjTQjMMT/zhklkw==",
+            "dependencies": {
+                "vue-demi": "*"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.1.0",
+                "vue": "^2.6.0 || ^3.2.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                },
+                "vue": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vueuse/core/node_modules/vue-demi": {
+            "version": "0.12.5",
+            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.5.tgz",
+            "integrity": "sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==",
+            "hasInstallScript": true,
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vueuse/metadata": {
+            "version": "8.2.6",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.2.6.tgz",
+            "integrity": "sha512-OBKtafCt+4RcEJlYDCjp1vl65pBCL2g4TmipEtdZ8/qphKlW6nakJbkY7XRN5grPmjqU99/ahJGtyGk5NHS2hw==",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
         "node_modules/acorn": {
             "version": "7.4.1",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
@@ -347,6 +462,11 @@
             "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==",
             "dev": true
         },
+        "node_modules/async-validator": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.0.7.tgz",
+            "integrity": "sha512-Pj2IR7u8hmUEDOwB++su6baaRi+QvsgajuFB9j95foM1N2gy5HM4z60hfusIO0fBPG5uLAEl6yCJr1jNSVugEQ=="
+        },
         "node_modules/axios": {
             "version": "0.26.1",
             "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
@@ -416,6 +536,11 @@
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.20.tgz",
             "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
         },
+        "node_modules/dayjs": {
+            "version": "1.11.1",
+            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.1.tgz",
+            "integrity": "sha512-ER7EjqVAMkRRsxNCC5YqJ9d9VQYuWdGt7aiH2qA5R5wt8ZmWaP2dLUSIK6y/kVzLMlmh1Tvu5xUf4M/wdGJ5KA=="
+        },
         "node_modules/doctypes": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
@@ -486,6 +611,31 @@
                 "url": "https://github.com/fb55/domutils?sponsor=1"
             }
         },
+        "node_modules/element-plus": {
+            "version": "2.1.9",
+            "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.1.9.tgz",
+            "integrity": "sha512-6mWqS3YrmJPnouWP4otzL8+MehfOnDFqDbcIdnmC07p+Z0JkWe/CVKc4Wky8AYC8nyDMUQyiZYvooCbqGuM7pg==",
+            "dependencies": {
+                "@ctrl/tinycolor": "^3.4.0",
+                "@element-plus/icons-vue": "^1.1.4",
+                "@floating-ui/dom": "^0.4.2",
+                "@popperjs/core": "^2.11.4",
+                "@types/lodash": "^4.14.181",
+                "@types/lodash-es": "^4.17.6",
+                "@vueuse/core": "^8.2.4",
+                "async-validator": "^4.0.7",
+                "dayjs": "^1.11.0",
+                "escape-html": "^1.0.3",
+                "lodash": "^4.17.21",
+                "lodash-es": "^4.17.21",
+                "lodash-unified": "^1.0.2",
+                "memoize-one": "^6.0.0",
+                "normalize-wheel-es": "^1.1.2"
+            },
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
         "node_modules/emmet": {
             "version": "2.3.6",
             "resolved": "https://registry.npmjs.org/emmet/-/emmet-2.3.6.tgz",
@@ -863,6 +1013,11 @@
                 "node": ">=12"
             }
         },
+        "node_modules/escape-html": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+            "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+        },
         "node_modules/estree-walker": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -1045,6 +1200,26 @@
                 "promise": "^7.0.1"
             }
         },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "node_modules/lodash-es": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+        },
+        "node_modules/lodash-unified": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.2.tgz",
+            "integrity": "sha512-OGbEy+1P+UT26CYi4opY4gebD8cWRDxAT6MAObIVQMiqYdxZr1g3QHWCToVsm31x2NkLS4K3+MC2qInaRMa39g==",
+            "peerDependencies": {
+                "@types/lodash-es": "*",
+                "lodash": "*",
+                "lodash-es": "*"
+            }
+        },
         "node_modules/lru-cache": {
             "version": "7.8.0",
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.8.0.tgz",
@@ -1062,6 +1237,11 @@
                 "sourcemap-codec": "^1.4.8"
             }
         },
+        "node_modules/memoize-one": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+        },
         "node_modules/moment": {
             "version": "2.29.2",
             "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.2.tgz",
@@ -1081,6 +1261,11 @@
                 "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
             }
         },
+        "node_modules/normalize-wheel-es": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.1.2.tgz",
+            "integrity": "sha512-scX83plWJXYH1J4+BhAuIHadROzxX0UBF3+HuZNY2Ks8BciE7tSTQ+5JhTsvzjaO0/EJdm4JBGrfObKxFf3Png=="
+        },
         "node_modules/object-assign": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -1681,6 +1866,12 @@
             "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.4.0.tgz",
             "integrity": "sha512-JZButFdZ1+/xAfpguQHoabIXkcqRRKpMrWKBkpEZZyxfY9C1DpADFB8PEqGSTeFr135SaTRfKqGKx5xSCLI7ZQ=="
         },
+        "@element-plus/icons-vue": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-1.1.4.tgz",
+            "integrity": "sha512-Iz/nHqdp1sFPmdzRwHkEQQA3lKvoObk8azgABZ81QUOpW9s/lUyQVUSh0tNtEPZXQlKwlSh7SPgoVxzrE0uuVQ==",
+            "requires": {}
+        },
         "@emmetio/abbreviation": {
             "version": "2.2.3",
             "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.2.3.tgz",
@@ -1705,11 +1896,36 @@
             "integrity": "sha512-8HqW8EVqjnCmWXVpqAOZf+EGESdkR27odcMMMGefgKXtar00SoYNSryGv//TELI4T3QFsECo78p+0lmalk/CFA==",
             "dev": true
         },
+        "@floating-ui/core": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.6.1.tgz",
+            "integrity": "sha512-Y30eVMcZva8o84c0HcXAtDO4BEzPJMvF6+B7x7urL2xbAqVsGJhojOyHLaoQHQYjb6OkqRq5kO+zeySycQwKqg=="
+        },
+        "@floating-ui/dom": {
+            "version": "0.4.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.4.4.tgz",
+            "integrity": "sha512-0Ulu3B/dqQplUUSqnTx0foSrlYuMN+GTtlJWvNJwt6Fr7/PqmlR/Y08o6/+bxDWr6p3roBJRaQ51MDZsNmEhhw==",
+            "requires": {
+                "@floating-ui/core": "^0.6.1"
+            }
+        },
         "@popperjs/core": {
             "version": "2.11.5",
             "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
-      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+            "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw=="
-      "peer": true
+        },
+        "@types/lodash": {
+            "version": "4.14.181",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.181.tgz",
+            "integrity": "sha512-n3tyKthHJbkiWhDZs3DkhkCzt2MexYHXlX0td5iMplyfwketaOeKboEVBqzceH7juqvEg3q5oUoBFxSLu7zFag=="
+        },
+        "@types/lodash-es": {
+            "version": "4.17.6",
+            "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+            "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+            "requires": {
+                "@types/lodash": "*"
+            }
         },
         "@vitejs/plugin-vue": {
             "version": "2.3.1",
@@ -1906,6 +2122,37 @@
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.31.tgz",
             "integrity": "sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ=="
         },
+        "@vueuse/core": {
+            "version": "8.2.6",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.2.6.tgz",
+            "integrity": "sha512-fzlpM3B5oVe+UhCT1mXlhG1Zxdq2lq1Z2AvddSB8+RxrsSFzII7DKfsQEz8Vop7Lzc++4m8drTNbhPovYoFqHw==",
+            "requires": {
+                "@vueuse/metadata": "8.2.6",
+                "@vueuse/shared": "8.2.6",
+                "vue-demi": "*"
+            },
+            "dependencies": {
+                "@vueuse/shared": {
+                    "version": "8.2.6",
+                    "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.2.6.tgz",
+                    "integrity": "sha512-J/W4CMfdL8TahELuSOgtfVO4eQXTjhigp7dVWIBsLUVFCeY9d49gvHUcQN3y5xYLZ6iNP57TjTQjMMT/zhklkw==",
+                    "requires": {
+                        "vue-demi": "*"
+                    }
+                },
+                "vue-demi": {
+                    "version": "0.12.5",
+                    "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.5.tgz",
+                    "integrity": "sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==",
+                    "requires": {}
+                }
+            }
+        },
+        "@vueuse/metadata": {
+            "version": "8.2.6",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.2.6.tgz",
+            "integrity": "sha512-OBKtafCt+4RcEJlYDCjp1vl65pBCL2g4TmipEtdZ8/qphKlW6nakJbkY7XRN5grPmjqU99/ahJGtyGk5NHS2hw=="
+        },
         "acorn": {
             "version": "7.4.1",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
@@ -1924,6 +2171,11 @@
             "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==",
             "dev": true
         },
+        "async-validator": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.0.7.tgz",
+            "integrity": "sha512-Pj2IR7u8hmUEDOwB++su6baaRi+QvsgajuFB9j95foM1N2gy5HM4z60hfusIO0fBPG5uLAEl6yCJr1jNSVugEQ=="
+        },
         "axios": {
             "version": "0.26.1",
             "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
@@ -1981,6 +2233,11 @@
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.20.tgz",
             "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
         },
+        "dayjs": {
+            "version": "1.11.1",
+            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.1.tgz",
+            "integrity": "sha512-ER7EjqVAMkRRsxNCC5YqJ9d9VQYuWdGt7aiH2qA5R5wt8ZmWaP2dLUSIK6y/kVzLMlmh1Tvu5xUf4M/wdGJ5KA=="
+        },
         "doctypes": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
@@ -2032,6 +2289,28 @@
                 "domhandler": "^4.2.0"
             }
         },
+        "element-plus": {
+            "version": "2.1.9",
+            "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.1.9.tgz",
+            "integrity": "sha512-6mWqS3YrmJPnouWP4otzL8+MehfOnDFqDbcIdnmC07p+Z0JkWe/CVKc4Wky8AYC8nyDMUQyiZYvooCbqGuM7pg==",
+            "requires": {
+                "@ctrl/tinycolor": "^3.4.0",
+                "@element-plus/icons-vue": "^1.1.4",
+                "@floating-ui/dom": "^0.4.2",
+                "@popperjs/core": "^2.11.4",
+                "@types/lodash": "^4.14.181",
+                "@types/lodash-es": "^4.17.6",
+                "@vueuse/core": "^8.2.4",
+                "async-validator": "^4.0.7",
+                "dayjs": "^1.11.0",
+                "escape-html": "^1.0.3",
+                "lodash": "^4.17.21",
+                "lodash-es": "^4.17.21",
+                "lodash-unified": "^1.0.2",
+                "memoize-one": "^6.0.0",
+                "normalize-wheel-es": "^1.1.2"
+            }
+        },
         "emmet": {
             "version": "2.3.6",
             "resolved": "https://registry.npmjs.org/emmet/-/emmet-2.3.6.tgz",
@@ -2216,6 +2495,11 @@
             "dev": true,
             "optional": true
         },
+        "escape-html": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+            "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+        },
         "estree-walker": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -2343,6 +2627,22 @@
                 "promise": "^7.0.1"
             }
         },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "lodash-es": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+        },
+        "lodash-unified": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.2.tgz",
+            "integrity": "sha512-OGbEy+1P+UT26CYi4opY4gebD8cWRDxAT6MAObIVQMiqYdxZr1g3QHWCToVsm31x2NkLS4K3+MC2qInaRMa39g==",
+            "requires": {}
+        },
         "lru-cache": {
             "version": "7.8.0",
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.8.0.tgz",
@@ -2357,6 +2657,11 @@
                 "sourcemap-codec": "^1.4.8"
             }
         },
+        "memoize-one": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+        },
         "moment": {
             "version": "2.29.2",
             "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.2.tgz",
@@ -2367,6 +2672,11 @@
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz",
             "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA=="
         },
+        "normalize-wheel-es": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.1.2.tgz",
+            "integrity": "sha512-scX83plWJXYH1J4+BhAuIHadROzxX0UBF3+HuZNY2Ks8BciE7tSTQ+5JhTsvzjaO0/EJdm4JBGrfObKxFf3Png=="
+        },
         "object-assign": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",

package.json

@@ -4,13 +4,14 @@
     "version": "0.0.0",
     "scripts": {
         "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
+        "build": "vite build",
         "preview": "vite preview"
     },
     "dependencies": {
         "@ant-design/icons-vue": "^6.1.0",
         "axios": "^0.26.1",
         "bootstrap": "^5.1.3",
+        "element-plus": "^2.1.9",
         "moment": "^2.29.2",
         "vue": "^3.2.25"
     },

src/App.vue

@@ -1,15 +1,35 @@
 <script setup lang="ts">
+import type { TabsPaneContext } from 'element-plus';
+import { ref } from "vue";
 import BJ_Casino_Rank from './components/BJ_Casino_Rank.vue';
+
+const activeName = ref('first')
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+    console.log(tab, event)
+}
 </script>
 
 <template>
     <div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+            <el-tab-pane label="User" name="first">
                 <BJ_Casino_Rank />
+            </el-tab-pane>
+            <el-tab-pane label="Config" name="second">Config</el-tab-pane>
+            <el-tab-pane label="Role" name="third">Role</el-tab-pane>
+            <el-tab-pane label="Task" name="fourth">Task</el-tab-pane>
+        </el-tabs>
     </div>
 </template>
 
 <style>
 @import url('../src/assets/fonts.css');
+@import url('../src/assets/style.css');
+
+.demo-tabs>.el-tabs__content {
+    width: 50%;
+    margin: 0 auto;
+}
 
 #app {
     font-family: Avenir, Helvetica, Arial, sans-serif;

src/assets/style.css

@@ -2,6 +2,11 @@
     width: inherit;
 }
 
+.el-tabs__nav-scroll {
+    /* width: 50%; */
+    margin: 0 auto;
+}
+
 /* .main {
     width: 80%;
     margin: 20px auto;

src/components/BJ_Casino_Rank.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import '../assets/style.css';
 import { BJ_Casino_Rank } from "../script/BJ_Casino_Rank";
 
 let Title = ref("BJ_Casino_Rank");

src/main.ts

@@ -1,7 +1,10 @@
 import 'bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
+import ElementPlus from 'element-plus';
+import 'element-plus/dist/index.css';
+import locale from 'element-plus/lib/locale/lang/zh-tw';
 import { createApp } from 'vue';
 import App from './App.vue';
 
 
-createApp(App).mount('#app')
+createApp(App).use(ElementPlus, { locale }).mount('#app')