From 8c81241998d7de80448215d47b8d38e04f72d2a8 Mon Sep 17 00:00:00 2001
From: guoyanqiang <13346346880@163.com>
Date: Mon, 28 Apr 2025 19:26:37 +0800
Subject: [PATCH] gyq_huodong_4.28

---
 package-lock.json                          | 628 ++++++++++++++++++++++++++++-
 package.json                               |   5 +-
 src/App.vue                                |  91 +----
 src/api/axiosConfig.js                     |  14 +
 src/assets/images/日历.png               | Bin 0 -> 5089 bytes
 src/components/HelloWorld.vue              |  44 --
 src/components/TheWelcome.vue              |  94 -----
 src/components/WelcomeItem.vue             |  86 ----
 src/components/icons/IconCommunity.vue     |   7 -
 src/components/icons/IconDocumentation.vue |   7 -
 src/components/icons/IconEcosystem.vue     |   7 -
 src/components/icons/IconSupport.vue       |   7 -
 src/components/icons/IconTooling.vue       |  19 -
 src/main.js                                |  29 +-
 src/router/index.js                        |  15 +-
 src/views/AboutView.vue                    |  15 -
 src/views/HomeView.vue                     |   9 -
 src/views/VotingManagement.vue             | 575 ++++++++++++++++++++++++++
 18 files changed, 1247 insertions(+), 405 deletions(-)
 create mode 100644 src/api/axiosConfig.js
 create mode 100644 src/assets/images/日历.png
 delete mode 100644 src/components/HelloWorld.vue
 delete mode 100644 src/components/TheWelcome.vue
 delete mode 100644 src/components/WelcomeItem.vue
 delete mode 100644 src/components/icons/IconCommunity.vue
 delete mode 100644 src/components/icons/IconDocumentation.vue
 delete mode 100644 src/components/icons/IconEcosystem.vue
 delete mode 100644 src/components/icons/IconSupport.vue
 delete mode 100644 src/components/icons/IconTooling.vue
 delete mode 100644 src/views/AboutView.vue
 delete mode 100644 src/views/HomeView.vue
 create mode 100644 src/views/VotingManagement.vue

diff --git a/package-lock.json b/package-lock.json
index bfd4c36..00453d5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,12 @@
       "name": "vue",
       "version": "0.0.0",
       "dependencies": {
+        "axios": "^1.9.0",
+        "element-plus": "^2.9.9",
         "pinia": "^3.0.1",
         "vue": "^3.5.13",
-        "vue-router": "^4.5.0"
+        "vue-router": "^4.5.0",
+        "xlsx": "^0.18.5"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^5.2.3",
@@ -487,6 +490,24 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
+      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.3",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.3.tgz",
@@ -912,6 +933,31 @@
         "node": ">=18"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "license": "MIT"
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
@@ -971,6 +1017,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
@@ -1301,6 +1358,27 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/lodash": {
+      "version": "4.17.16",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.16.tgz",
+      "integrity": "sha512-HX7Em5NYQAXKW+1T+FiuG27NGwzJfCX3s1GjOa7ujxZa52kjJLOr4FUxT+giF6Tgxv1e+/czV/iTtBw27WTU9g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
+      "license": "MIT"
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "5.2.3",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz",
@@ -1538,6 +1616,126 @@
       "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
       "license": "MIT"
     },
+    "node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "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": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "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/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
+      "integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/birpc": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.3.0.tgz",
@@ -1596,6 +1794,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001715",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz",
@@ -1617,6 +1828,40 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -1639,6 +1884,18 @@
         "url": "https://github.com/sponsors/mesqueeb"
       }
     },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -1660,6 +1917,12 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "license": "MIT"
     },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
     "node_modules/debug": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@@ -1721,6 +1984,29 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.142",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.142.tgz",
@@ -1728,6 +2014,32 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/element-plus": {
+      "version": "2.9.9",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.9.9.tgz",
+      "integrity": "sha512-gN553+xr7ETkhJhH26YG0fERmd2BSCcQKslbtR8fats0Mc0yCtZOXr00bmoPOt5xGzhuRN1TWc9+f1pCaiA0/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.3.1",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.14.182",
+        "@types/lodash-es": "^4.17.6",
+        "@vueuse/core": "^9.1.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.13",
+        "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.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -1750,6 +2062,51 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.25.3",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.3.tgz",
@@ -1801,6 +2158,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -1865,6 +2228,50 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+      "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/fs-extra": {
       "version": "11.3.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
@@ -1895,6 +2302,15 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -1905,6 +2321,43 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-stream": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-9.0.1.tgz",
@@ -1932,6 +2385,18 @@
         "node": ">=4"
       }
     },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -1939,6 +2404,45 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/hookable": {
       "version": "5.5.3",
       "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
@@ -2117,6 +2621,29 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz",
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -2136,6 +2663,42 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mitt": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
@@ -2184,6 +2747,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/npm-run-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-6.0.0.tgz",
@@ -2353,6 +2922,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
     "node_modules/rfdc": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
@@ -2491,6 +3066,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/strip-final-newline": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
@@ -2818,6 +3405,45 @@
         "node": ">= 8"
       }
     },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
diff --git a/package.json b/package.json
index c069c30..dee1412 100644
--- a/package.json
+++ b/package.json
@@ -9,9 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.9.0",
+    "element-plus": "^2.9.9",
     "pinia": "^3.0.1",
     "vue": "^3.5.13",
-    "vue-router": "^4.5.0"
+    "vue-router": "^4.5.0",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.3",
diff --git a/src/App.vue b/src/App.vue
index e864195..61fd5bc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,85 +1,16 @@
-<script setup>
-import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
 <template>
-  <header>
-    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
-
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
-
-      <nav>
-        <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
-      </nav>
-    </div>
-  </header>
-
-  <RouterView />
+  <div id="app">
+    <voting-management></voting-management>
+  </div>
 </template>
 
-<style scoped>
-header {
-  line-height: 1.5;
-  max-height: 100vh;
-}
-
-.logo {
-  display: block;
-  margin: 0 auto 2rem;
-}
-
-nav {
-  width: 100%;
-  font-size: 12px;
-  text-align: center;
-  margin-top: 2rem;
-}
-
-nav a.router-link-exact-active {
-  color: var(--color-text);
-}
-
-nav a.router-link-exact-active:hover {
-  background-color: transparent;
-}
-
-nav a {
-  display: inline-block;
-  padding: 0 1rem;
-  border-left: 1px solid var(--color-border);
-}
-
-nav a:first-of-type {
-  border: 0;
-}
-
-@media (min-width: 1024px) {
-  header {
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 2);
-  }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
-
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
+<script>
+export default {
+  name: 'App',
+};
+</script>
 
-  nav {
-    text-align: left;
-    margin-left: -1rem;
-    font-size: 1rem;
+<style>
+/* 添加全局样式 */
 
-    padding: 1rem 0;
-    margin-top: 1rem;
-  }
-}
-</style>
+</style>
\ No newline at end of file
diff --git a/src/api/axiosConfig.js b/src/api/axiosConfig.js
new file mode 100644
index 0000000..3637b56
--- /dev/null
+++ b/src/api/axiosConfig.js
@@ -0,0 +1,14 @@
+import axios from 'axios';
+
+const instance = axios.create({
+  baseURL: 'http://192.168.8.235:8000/api/vote', // 后端 API 基地址
+  timeout: 3000,
+});
+
+export default instance;
+
+
+
+
+
+
diff --git a/src/assets/images/日历.png b/src/assets/images/日历.png
new file mode 100644
index 0000000000000000000000000000000000000000..76baa260225f57074e36615eaa4693f14e95ced1
GIT binary patch
literal 5089
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

literal 0
HcmV?d00001

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index eff59f1..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<script setup>
-defineProps({
-  msg: {
-    type: String,
-    required: true,
-  },
-})
-</script>
-
-<template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a href="https://vite.dev/" target="_blank" rel="noopener">Vite</a> +
-      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
-    </h3>
-  </div>
-</template>
-
-<style scoped>
-h1 {
-  font-weight: 500;
-  font-size: 2.6rem;
-  position: relative;
-  top: -10px;
-}
-
-h3 {
-  font-size: 1.2rem;
-}
-
-.greetings h1,
-.greetings h3 {
-  text-align: center;
-}
-
-@media (min-width: 1024px) {
-  .greetings h1,
-  .greetings h3 {
-    text-align: left;
-  }
-}
-</style>
diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue
deleted file mode 100644
index fe48afc..0000000
--- a/src/components/TheWelcome.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import WelcomeItem from './WelcomeItem.vue'
-import DocumentationIcon from './icons/IconDocumentation.vue'
-import ToolingIcon from './icons/IconTooling.vue'
-import EcosystemIcon from './icons/IconEcosystem.vue'
-import CommunityIcon from './icons/IconCommunity.vue'
-import SupportIcon from './icons/IconSupport.vue'
-
-const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
-</script>
-
-<template>
-  <WelcomeItem>
-    <template #icon>
-      <DocumentationIcon />
-    </template>
-    <template #heading>Documentation</template>
-
-    Vue’s
-    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
-    provides you with all information you need to get started.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <ToolingIcon />
-    </template>
-    <template #heading>Tooling</template>
-
-    This project is served and bundled with
-    <a href="https://vite.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
-    recommended IDE setup is
-    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
-    +
-    <a href="https://github.com/vuejs/language-tools" target="_blank" rel="noopener">Vue - Official</a>. If
-    you need to test your components and web pages, check out
-    <a href="https://vitest.dev/" target="_blank" rel="noopener">Vitest</a>
-    and
-    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a>
-    /
-    <a href="https://playwright.dev/" target="_blank" rel="noopener">Playwright</a>.
-
-    <br />
-
-    More instructions are available in
-    <a href="javascript:void(0)" @click="openReadmeInEditor"><code>README.md</code></a
-    >.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <EcosystemIcon />
-    </template>
-    <template #heading>Ecosystem</template>
-
-    Get official tools and libraries for your project:
-    <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
-    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
-    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
-    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
-    you need more resources, we suggest paying
-    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
-    a visit.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <CommunityIcon />
-    </template>
-    <template #heading>Community</template>
-
-    Got stuck? Ask your question on
-    <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>
-    (our official Discord server), or
-    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
-      >StackOverflow</a
-    >. You should also follow the official
-    <a href="https://bsky.app/profile/vuejs.org" target="_blank" rel="noopener">@vuejs.org</a>
-    Bluesky account or the
-    <a href="https://x.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
-    X account for latest news in the Vue world.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <SupportIcon />
-    </template>
-    <template #heading>Support Vue</template>
-
-    As an independent project, Vue relies on community backing for its sustainability. You can help
-    us by
-    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
-  </WelcomeItem>
-</template>
diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue
deleted file mode 100644
index ac366d0..0000000
--- a/src/components/WelcomeItem.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-  <div class="item">
-    <i>
-      <slot name="icon"></slot>
-    </i>
-    <div class="details">
-      <h3>
-        <slot name="heading"></slot>
-      </h3>
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.item {
-  margin-top: 2rem;
-  display: flex;
-  position: relative;
-}
-
-.details {
-  flex: 1;
-  margin-left: 1rem;
-}
-
-i {
-  display: flex;
-  place-items: center;
-  place-content: center;
-  width: 32px;
-  height: 32px;
-  color: var(--color-text);
-}
-
-h3 {
-  font-size: 1.2rem;
-  font-weight: 500;
-  margin-bottom: 0.4rem;
-  color: var(--color-heading);
-}
-
-@media (min-width: 1024px) {
-  .item {
-    margin-top: 0;
-    padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
-  }
-
-  i {
-    top: calc(50% - 25px);
-    left: -26px;
-    position: absolute;
-    border: 1px solid var(--color-border);
-    background: var(--color-background);
-    border-radius: 8px;
-    width: 50px;
-    height: 50px;
-  }
-
-  .item:before {
-    content: ' ';
-    border-left: 1px solid var(--color-border);
-    position: absolute;
-    left: 0;
-    bottom: calc(50% + 25px);
-    height: calc(50% - 25px);
-  }
-
-  .item:after {
-    content: ' ';
-    border-left: 1px solid var(--color-border);
-    position: absolute;
-    left: 0;
-    top: calc(50% + 25px);
-    height: calc(50% - 25px);
-  }
-
-  .item:first-of-type:before {
-    display: none;
-  }
-
-  .item:last-of-type:after {
-    display: none;
-  }
-}
-</style>
diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue
deleted file mode 100644
index 2dc8b05..0000000
--- a/src/components/icons/IconCommunity.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
-    <path
-      d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue
deleted file mode 100644
index 6d4791c..0000000
--- a/src/components/icons/IconDocumentation.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
-    <path
-      d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue
deleted file mode 100644
index c3a4f07..0000000
--- a/src/components/icons/IconEcosystem.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
-    <path
-      d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue
deleted file mode 100644
index 7452834..0000000
--- a/src/components/icons/IconSupport.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
-    <path
-      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue
deleted file mode 100644
index 660598d..0000000
--- a/src/components/icons/IconTooling.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    aria-hidden="true"
-    role="img"
-    class="iconify iconify--mdi"
-    width="24"
-    height="24"
-    preserveAspectRatio="xMidYMid meet"
-    viewBox="0 0 24 24"
-  >
-    <path
-      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
-      fill="currentColor"
-    ></path>
-  </svg>
-</template>
diff --git a/src/main.js b/src/main.js
index 5dcad83..20aa8af 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,14 +1,15 @@
-import './assets/main.css'
-
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-
-import App from './App.vue'
-import router from './router'
-
-const app = createApp(App)
-
-app.use(createPinia())
-app.use(router)
-
-app.mount('#app')
+import { createApp } from 'vue' // 引入vue实例
+import App from './App.vue'  // 引入App.vue
+import router from './router'  // 引入router
+import axios from './api/axiosConfig'; // 引入axiosConfig
+import VotingManagement from './views/VotingManagement.vue' // 引入VotingManagement.vue
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+const app = createApp(App) // 创建vue实例
+
+
+app.use(router) // 添加路由
+app.component('VotingManagement', VotingManagement) // 注册组件
+app.config.globalProperties.axios = axios; // 全局挂载axios
+app.mount('#app')  // 挂载到id为app的div上
+app.use(ElementPlus)
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 3e49915..ed474c3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,22 +1,9 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: HomeView,
-    },
-    {
-      path: '/about',
-      name: 'about',
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue'),
-    },
+
   ],
 })
 
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
deleted file mode 100644
index 756ad2a..0000000
--- a/src/views/AboutView.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
deleted file mode 100644
index 6bb706f..0000000
--- a/src/views/HomeView.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup>
-import TheWelcome from '../components/TheWelcome.vue'
-</script>
-
-<template>
-  <main>
-    <TheWelcome />
-  </main>
-</template>
diff --git a/src/views/VotingManagement.vue b/src/views/VotingManagement.vue
new file mode 100644
index 0000000..b583f37
--- /dev/null
+++ b/src/views/VotingManagement.vue
@@ -0,0 +1,575 @@
+<template>
+  <div class="container">
+    <!-- 左侧菜单栏 -->
+    <div class="sidebar">
+      <ul class="menu">
+        <li class="menu-item active">投票管理</li>
+        <li class="menu-item">盲盒管理</li>
+        <li class="menu-item">大转盘管理</li>
+      </ul>
+    </div>
+
+    <!-- 主内容区域 -->
+    <div class="main-content">
+      <!-- 页面头部 -->
+      <header class="header">
+        <div class="header-title">活动管理后台</div>
+      </header>
+
+      <div class="content-container">
+        <!-- 卡片容器 -->
+        <div class="card">
+          <div class="card-header">
+            <span class="card-title">查看详情</span>
+            <button class="back-btn" @click="goBack">返回上一页</button>
+          </div>
+
+          <!-- 搜索按钮区域 -->
+          <div class="search-bar">
+            <div class="search-input-area">
+              <input type="text" class="search-input" placeholder="请输入精网号" v-model="searchId">
+              <div class="dropdown">
+                <select class="region-select" v-model="selectedRegion">
+                  <option value="">请选择地区</option>
+                  <option value="北京">北京</option>
+                  <option value="上海">上海</option>
+                  <option value="香港">香港</option>
+                </select>
+              </div>
+              <div class="date-range">
+                <div class="date-picker">
+                  <img src="C:\Users\Administrator\Desktop\VoteManage_VUE\src\assets\images\日历.png" alt="Calendar"
+                    class="calendar-icon">
+                  <input type="date" class="date-input" placeholder="开始日期" v-model="startDate">
+                </div>
+                <span class="date-separator">至</span>
+                <div class="date-picker">
+                  <img src="C:\Users\Administrator\Desktop\VoteManage_VUE\src\assets\images\日历.png" alt="Calendar"
+                    class="calendar-icon">
+                  <input type="date" class="date-input" placeholder="结束日期" v-model="endDate">
+                </div>
+              </div>
+            </div>
+            <div class="search-buttons">
+              <button class="search-btn" @click="searchVoteRecords">搜索</button>
+              <button class="export-btn" @click="exportExcel">导出Excel</button>
+            </div>
+          </div>
+
+
+          <!-- 表格数据展示 -->
+          <div class="table-container">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>序号</th>
+                  <th>姓名</th>
+                  <th>精网号</th>
+                  <th>地区</th>
+                  <th>投票明细</th>
+                  <th>投票时间</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(record, index) in voteRecords" :key="index">
+                  <td>{{ index + 1 }}</td>
+                  <td>{{ record.nickname }}</td>
+                  <td>{{ record.jwcode }}</td>
+                  <td>{{ record.dept }}</td>
+                  <td>{{ record.options_title }}</td>
+                  <td>{{ record.time }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+          <!-- 分页 -->
+          <el-pagination class="pagination" v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[5, 10, 20]"
+            :total="totalPages" @size-change="handleSizeChange" @current-change="handlePageChange"
+            layout="total, sizes, prev, pager, next, jumper" />
+
+          <!-- <div class="pagination">
+            <div class="pagination-info">第 {{ currentPage }} 页</div>
+            <div class="page-size">
+              <select class="page-size-select" v-model="pageSize">
+                <option value="8">8条/页</option>
+              </select>
+            </div>
+            <div class="page-numbers">
+              <button class="page-btn" @click="changePage(currentPage - 1)" :disabled="currentPage === 1">&lt;</button>
+              <button class="page-btn" v-for="page in totalPages" :key="page" @click="changePage(page)":class="{ active: page === currentPage }">{{ page }}</button>
+              <button class="page-btn" @click="changePage(currentPage + 1)":disabled="currentPage === totalPages">&gt;</button>
+            </div>
+            <div class="go-to-page">
+              <span>前往第</span>
+              <input type="number" class="page-input" v-model.number="currentPage" @change="changePage(currentPage)"
+                min="1" :max="totalPages">
+              <span>页</span>
+            </div>
+          </div> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref } from 'vue';
+import axiosInstance from '@/api/axiosConfig';
+import axiosexport from '@/api/axiosConfig';
+import { ElTable } from 'element-plus';
+
+export default {
+
+  // 组件数据
+  data() {
+    return {
+      detailId: window.location.pathname.split('/').pop() || '24',
+      //detailId: 24,
+      searchId: '',
+      selectedRegion: '',
+      startDate: '',
+      endDate: '',
+      // currentPage: 1,
+      // pageSize: 8,
+      voteRecords: {},
+      totalPages: ref(0),
+      totalRecords: 0,
+      currentPage: ref(1),
+      pageSize: ref(10),
+    };
+  },
+
+
+  methods: {
+    // 分页组件的 current-change 事件处理函数
+    handlePageChange(val) {
+      console.log(`current page: ${val}`);
+      this.fetchVoteRecords(); // 当页码改变时，重新获取数据
+    },
+    handleSizeChange(val) {
+      this.fetchVoteRecords();
+    },
+
+    // 获取投票记录
+    async fetchVoteRecords() {
+      try {
+        const params = {
+          PageNo: this.currentPage,
+          PageSize: this.pageSize,
+          ActivityId: this.detailId,
+        };
+        const response = await axiosInstance.post('', params);
+        this.voteRecords = response.data.data.list;
+        this.totalPages = response.data.data.total;
+        // this.totalRecords = response.data.data.total;
+      } catch (error) {
+        console.error('获取投票记录失败:', error);
+      }
+    },
+
+    // 搜索投票记录
+    async searchVoteRecords() {
+      try {
+        const params = {
+          jwcode: this.searchId,
+          dept: this.selectedRegion,
+          startDate: this.startDate,
+          endDate: this.endDate,
+          PageNo: this.currentPage,
+          PageSize: this.pageSize,
+          ActivityId: this.detailId,
+        };
+        const response = await axiosInstance.post('', params);
+        this.voteRecords = response.data.data.list;
+        this.totalRecords = response.data.data.total;
+        this.currentPage = 1;
+        this.totalPages = Math.ceil(this.totalRecords / this.pageSize);
+      } catch (error) {
+        console.error('搜索投票记录失败:', error);
+      }
+    },
+
+    // 导出Excel
+    async exportExcel() {
+      try {
+        // 构建请求参数
+        const params = {
+          jwcode: this.searchId,
+          dept: this.selectedRegion,
+          startDate: this.startDate,
+          endDate: this.endDate,
+          ActivityId: this.detailId
+        };
+        // 发起 POST 请求，设置响应类型为 blob
+        const response = await axiosInstance.post('http://192.168.8.235:8000/api/export', params, {
+          responseType: 'blob'
+        });
+
+        // 创建 Blob 对象并生成临时 URL
+        const url = window.URL.createObjectURL(new Blob([response.data]));
+        // 创建 <a> 标签用于触发下载
+        const link = document.createElement('a');
+        link.href = url;
+        // 设置下载文件名
+        link.setAttribute('download', '投票记录.xlsx');
+        document.body.appendChild(link);
+        // 模拟点击下载
+        link.click();
+        // 释放临时 URL
+        window.URL.revokeObjectURL(url);
+        // 移除 <a> 标签
+        document.body.removeChild(link);
+      } catch (error) {
+        console.error('导出 Excel 失败:', error);
+        // 可以添加提示用户导出失败的逻辑，如使用 Element Plus 的消息提示
+        // ElMessage.error('导出 Excel 失败，请稍后重试');
+      }
+    },
+
+    // 切换页码
+    // changePage(page) {
+    //   if (page >= 1 && page <= this.totalPages) {
+    //     this.currentPage = page;
+    //     this.fetchVoteRecords();
+    //   }
+    // },
+
+    // 返回上一页
+    goBack() {
+      window.history.back();
+    },
+
+  },
+
+  //组件挂载后获取投票记录
+  mounted() {
+    this.fetchVoteRecords();
+  }
+
+};
+
+</script>
+
+
+
+<style scoped>
+/* 全局容器样式 */
+.container {
+  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
+  width: 100%;
+  height: 100vh;
+  background-color: #f5f5f5;
+  display: flex;
+  flex-direction: row;
+}
+
+/* 左侧菜单栏样式 */
+.sidebar {
+  width: 9%;
+  height: 85.5%;
+  background-color: #fff;
+  padding: 0.5% 0;
+  box-shadow: 3px 0 4px rgba(0, 0, 0, 0.05);
+  margin-top: 5.6rem;
+  margin-left: 1.6%;
+}
+
+
+.menu {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.menu-item {
+  padding: 1rem 2.4rem;
+  cursor: pointer;
+  color: #666;
+  transition: background-color 0.3s;
+}
+
+.menu-item:hover {
+  background-color: #e6e6e6;
+}
+
+.menu-item.active {
+  background-color: #fff;
+  color: #ff6b6b;
+  font-weight: bold;
+  border-left: 3px solid #ff6b6b;
+}
+
+/* 主内容区域样式 */
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 页面头部样式 */
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 4.7rem;
+  padding: 0 12.5rem;
+  background-color: #fff;
+  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05);
+  margin-left: -16rem;
+}
+
+.header-title {
+  font-size: 23px;
+  /* font-weight: bold; */
+  color: #333;
+  margin-top: -0.3rem;
+}
+
+
+/* 内容容器样式 */
+.content-container {
+  flex: 1;
+  padding: 20px;
+}
+
+/* 卡片样式 */
+.card {
+  width: 96%;
+  height: 100%;
+  background-color: #fff;
+  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
+  box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  margin-top: -0.3%;
+}
+
+/* 卡片头部样式 */
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 15px 20px;
+  border-bottom: 1px solid #eee;
+}
+
+.card-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  margin-left: 1rem;
+}
+
+.back-btn {
+  padding: 6px 12px;
+  border: 1px solid #e75d5d;
+  border-radius: 4px;
+  background-color: #fff;
+  color: #e75d5d;
+  font-size: 14px;
+  cursor: pointer;
+  margin-right: 2rem;
+}
+
+/* 搜索框区域样式 */
+.search-bar {
+  padding: 20px;
+  background-color: #fff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.search-input-area {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+}
+
+.search-input {
+  width: 8rem;
+  padding: 8px 12px;
+  border: 2px solid #ddd;
+  border-radius: 7px;
+  font-size: 14px;
+
+
+}
+
+.region-select {
+  width: 9rem;
+  padding: 8px 12px;
+  border: 2px solid #ddd;
+  border-radius: 7px;
+  font-size: 14px;
+  color: #999;
+  /* 设置输入框内文字颜色 */
+}
+
+.date-range {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+
+}
+
+.date-picker {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.calendar-icon {
+  width: 14%;
+  position: absolute;
+  left: 8px;
+  top: 49%;
+  transform: translateY(-50%);
+  color: #999;
+}
+
+.date-input {
+  padding: 8px 12px 8px 28px;
+  border: 2px solid #ddd;
+  border-radius: 7px;
+  font-size: 14px;
+  color: #999;
+  /* 设置输入框内文字颜色 */
+}
+
+.date-separator {
+  margin: 0 10px;
+  color: #666;
+}
+
+.search-buttons {
+  display: flex;
+  gap: 5px;
+  margin-right: 38rem;
+}
+
+.search-btn,
+.export-btn {
+  padding: 9px 20px;
+  border: none;
+  border-radius: 6px;
+  font-size: 14px;
+  cursor: pointer;
+  /* margin-right: 19.3rem; */
+}
+
+.search-btn {
+  background-color: #e63946;
+  color: #fff;
+
+}
+
+.export-btn {
+  background-color: #e63946;
+  color: #fff;
+  /* margin-right: 20rem; */
+}
+
+/* 表格区域样式 */
+.table-container {
+  padding: 3px 13px;
+}
+
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.data-table th {
+  padding: 15px;
+  text-align: center;
+  background-color: #f5f5f5;
+  font-weight: normal;
+  color: #666;
+  border-bottom: 1px solid #ddd;
+}
+
+.data-table td {
+  padding: 14px 16px;
+  text-align: center;
+  border-bottom: 2px solid #eee;
+  font-size: 15px;
+}
+
+.even-row {
+  background-color: #fff;
+}
+
+.odd-row {
+  background-color: #fff;
+}
+
+/* 分页区域样式 */
+.pagination {
+  width: 10%;
+
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 20px;
+  border-top: 1px solid #eee;
+  margin-top: 2.2rem;
+  margin-left: 65rem;
+}
+
+.pagination-info {
+  font-size: 14px;
+  color: #666;
+  font-weight: bold;
+  margin-left: 45rem;
+}
+
+.page-size {
+  margin-left: -11rem;
+}
+
+.page-size-select {
+  padding: 5px 12px;
+  border: 2px solid #ddd;
+  font-size: 14px;
+}
+
+.page-numbers {
+  display: flex;
+  align-items: center;
+  gap: 0px;
+  margin-left: -6rem;
+}
+
+.page-btn {
+  width: 1.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 0px solid #ddd;
+  background-color: #fff;
+  cursor: pointer;
+  font-size: 15px;
+}
+
+.page-btn.active {
+  background-color: #f0f0f0;
+  font-weight: bold;
+}
+
+.go-to-page {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 14px;
+}
+
+.page-input {
+  width: 40px;
+  padding: 5px 4px;
+  border: 2px solid #ddd;
+  border-radius: 4px;
+  text-align: center;
+  font-size: 14px;
+}
+</style>
\ No newline at end of file