feat(settings): 添加版本信息显示功能

- 在 API 模块中添加获取版本信息的接口方法
- 在设置页面组件中引入 API 并调用版本获取方法
- 使用 onMounted 钩子在组件挂载时获取版本数据
- 将获取到的版本信息绑定到模板中显示
- 完成设置页面的初始功能实现

.gitea/workflows/deploy-dev.yaml

@@ -11,7 +11,11 @@ jobs:
         uses: actions/checkout@v4
 
       - name: 构建Docker镜像
-        run: docker build -t dypid:latest .
+        run: |
+          set -x
+          git_hash=$(git rev-parse --short "$GITHUB_SHA")
+          build_date=$(TZ=Asia/Shanghai date +"%Y%m%d%H%M")
+          docker build --build-arg VERSION="dev - $build_date - $git_hash" -t dypid:latest .
 
       - name: 导出镜像
         run: mkdir release && docker save -o release/dypid.tar dypid:latest && docker rmi dypid:latest

.gitea/workflows/deploy-production.yaml

@@ -12,7 +12,11 @@ jobs:
         uses: actions/checkout@v4
 
       - name: 构建Docker镜像
-        run: docker build -t dypid:latest .
+        run: |
+          set -x
+          git_hash=$(git rev-parse --short "$GITHUB_SHA")
+          build_date=$(TZ=Asia/Shanghai date +"%Y%m%d%H%M")
+          docker build --build-arg VERSION="release - $build_date - $git_hash" -t dypid:latest .
 
       - name: 导出镜像
         run: mkdir release && docker save -o release/dypid.tar dypid:latest && docker rmi dypid:latest

Dockerfile

@@ -15,9 +15,13 @@ WORKDIR /build
 COPY . .
 COPY --from=webBuilder /build/dist ./web/dist
 
+ARG VERSION
+
 RUN go env -w CGO_ENABLED=0 \
     && go mod tidy \
-    && go build -o dypid
+    && go build \
+      -ldflags="-s -w -X 'dypid/global.Version=$VERSION'" \
+      -o dypid
 
 FROM alpine
 

go.mod

@@ -1,50 +1,52 @@
 module dypid
 
-go 1.25
+go 1.27
 
 require (
-	github.com/gin-contrib/cors v1.7.6
+	github.com/gin-contrib/cors v1.7.7
-	github.com/gin-gonic/gin v1.10.1
+	github.com/gin-gonic/gin v1.12.0
-	github.com/redis/go-redis/v9 v9.12.1
+	github.com/redis/go-redis/v9 v9.22.0
-	github.com/spf13/viper v1.20.1
+	github.com/spf13/viper v1.21.0
 )
 
 require (
-	github.com/bytedance/sonic v1.13.3 // indirect
+	github.com/bytedance/gopkg v0.1.4 // indirect
-	github.com/bytedance/sonic/loader v0.2.4 // indirect
+	github.com/bytedance/sonic v1.15.2 // indirect
+	github.com/bytedance/sonic/loader v0.5.2 // indirect
 	github.com/cespare/xxhash/v2 v2.3.0 // indirect
-	github.com/cloudwego/base64x v0.1.5 // indirect
+	github.com/cloudwego/base64x v0.1.7 // indirect
-	github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f // indirect
+	github.com/fsnotify/fsnotify v1.10.1 // indirect
-	github.com/fsnotify/fsnotify v1.8.0 // indirect
+	github.com/gabriel-vasile/mimetype v1.4.15 // indirect
-	github.com/gabriel-vasile/mimetype v1.4.9 // indirect
+	github.com/gin-contrib/sse v1.1.1 // indirect
-	github.com/gin-contrib/sse v1.1.0 // indirect
 	github.com/go-playground/locales v0.14.1 // indirect
 	github.com/go-playground/universal-translator v0.18.1 // indirect
-	github.com/go-playground/validator/v10 v10.26.0 // indirect
+	github.com/go-playground/validator/v10 v10.30.3 // indirect
-	github.com/go-viper/mapstructure/v2 v2.2.1 // indirect
+	github.com/go-viper/mapstructure/v2 v2.5.0 // indirect
-	github.com/goccy/go-json v0.10.5 // indirect
+	github.com/goccy/go-json v0.10.6 // indirect
+	github.com/goccy/go-yaml v1.19.2 // indirect
 	github.com/json-iterator/go v1.1.12 // indirect
-	github.com/klauspost/cpuid/v2 v2.2.10 // indirect
+	github.com/klauspost/cpuid/v2 v2.4.0 // indirect
-	github.com/leodido/go-urn v1.4.0 // indirect
+	github.com/leodido/go-urn v1.5.0 // indirect
-	github.com/mattn/go-isatty v0.0.20 // indirect
+	github.com/mattn/go-isatty v0.0.24 // indirect
 	github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd // indirect
 	github.com/modern-go/reflect2 v1.0.2 // indirect
-	github.com/pelletier/go-toml/v2 v2.2.4 // indirect
+	github.com/pelletier/go-toml/v2 v2.4.3 // indirect
-	github.com/sagikazarmark/locafero v0.7.0 // indirect
+	github.com/quic-go/qpack v0.6.0 // indirect
-	github.com/sourcegraph/conc v0.3.0 // indirect
+	github.com/quic-go/quic-go v0.61.0 // indirect
-	github.com/spf13/afero v1.12.0 // indirect
+	github.com/sagikazarmark/locafero v0.12.0 // indirect
-	github.com/spf13/cast v1.7.1 // indirect
+	github.com/spf13/afero v1.15.0 // indirect
-	github.com/spf13/pflag v1.0.6 // indirect
+	github.com/spf13/cast v1.10.0 // indirect
+	github.com/spf13/pflag v1.0.10 // indirect
 	github.com/subosito/gotenv v1.6.0 // indirect
 	github.com/twitchyliquid64/golang-asm v0.15.1 // indirect
-	github.com/ugorji/go/codec v1.3.0 // indirect
+	github.com/ugorji/go/codec v1.3.2 // indirect
-	go.uber.org/atomic v1.9.0 // indirect
+	go.mongodb.org/mongo-driver/v2 v2.8.0 // indirect
-	go.uber.org/multierr v1.9.0 // indirect
+	go.uber.org/atomic v1.11.0 // indirect
-	golang.org/x/arch v0.18.0 // indirect
+	go.yaml.in/yaml/v3 v3.0.5 // indirect
-	golang.org/x/crypto v0.39.0 // indirect
+	golang.org/x/arch v0.30.0 // indirect
-	golang.org/x/net v0.41.0 // indirect
+	golang.org/x/crypto v0.55.0 // indirect
-	golang.org/x/sys v0.35.0 // indirect
+	golang.org/x/net v0.58.0 // indirect
-	golang.org/x/text v0.26.0 // indirect
+	golang.org/x/sys v0.47.0 // indirect
-	google.golang.org/protobuf v1.36.6 // indirect
+	golang.org/x/text v0.41.0 // indirect
-	gopkg.in/yaml.v3 v3.0.1 // indirect
+	google.golang.org/protobuf v1.36.12 // indirect
 )

go.sum

@@ -2,124 +2,129 @@ github.com/bsm/ginkgo/v2 v2.12.0 h1:Ny8MWAHyOepLGlLKYmXG4IEkioBysk6GpaRTLC8zwWs=
 github.com/bsm/ginkgo/v2 v2.12.0/go.mod h1:SwYbGRRDovPVboqFv0tPTcG1sN61LM1Z4ARdbAV9g4c=
 github.com/bsm/gomega v1.27.10 h1:yeMWxP2pV2fG3FgAODIY8EiRE3dy0aeFYt4l7wh6yKA=
 github.com/bsm/gomega v1.27.10/go.mod h1:JyEr/xRbxbtgWNi8tIEVPUYZ5Dzef52k01W3YH0H+O0=
-github.com/bytedance/sonic v1.13.3 h1:MS8gmaH16Gtirygw7jV91pDCN33NyMrPbN7qiYhEsF0=
+github.com/bytedance/gopkg v0.1.4 h1:oZnQwnX82KAIWb7033bEwtxvTqXcYMxDBaQxo5JJHWM=
-github.com/bytedance/sonic v1.13.3/go.mod h1:o68xyaF9u2gvVBuGHPlUVCy+ZfmNNO5ETf1+KgkJhz4=
+github.com/bytedance/gopkg v0.1.4/go.mod h1:v1zWfPm21Fb+OsyXN2VAHdL6TBb2L88anLQgdyje6R4=
-github.com/bytedance/sonic/loader v0.1.1/go.mod h1:ncP89zfokxS5LZrJxl5z0UJcsk4M4yY2JpfqGeCtNLU=
+github.com/bytedance/sonic v1.15.2 h1:90H+rcF/FwLXwfB1cudOLq/je83n683Utf4Cbp0xHCo=
-github.com/bytedance/sonic/loader v0.2.4 h1:ZWCw4stuXUsn1/+zQDqeE7JKP+QO47tz7QCNan80NzY=
+github.com/bytedance/sonic v1.15.2/go.mod h1:mT2NbXunuaEbnZ+mRIX/vYqKISmgEuHFDI4UzmKx2SA=
-github.com/bytedance/sonic/loader v0.2.4/go.mod h1:N8A3vUdtUebEY2/VQC0MyhYeKUFosQU6FxH2JmUe6VI=
+github.com/bytedance/sonic/loader v0.5.2 h1:0QtP1gevc1OZ6/H8Lb9BRZiCXd1Ftjd3OKuj1T1lBIo=
+github.com/bytedance/sonic/loader v0.5.2/go.mod h1:AR4NYCk5DdzZizZ5djGqQ92eEhCCcdf5x77udYiSJRo=
 github.com/cespare/xxhash/v2 v2.3.0 h1:UL815xU9SqsFlibzuggzjXhog7bL6oX9BbNZnL2UFvs=
 github.com/cespare/xxhash/v2 v2.3.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
-github.com/cloudwego/base64x v0.1.5 h1:XPciSp1xaq2VCSt6lF0phncD4koWyULpl5bUxbfCyP4=
+github.com/cloudwego/base64x v0.1.7 h1:NppS+Fgzg5ovhn4NkUXaDT3x9jldgH5ToMCqzBSi2zI=
-github.com/cloudwego/base64x v0.1.5/go.mod h1:0zlkT4Wn5C6NdauXdJRhSKRlJvmclQ1hhJgA0rcu/8w=
+github.com/cloudwego/base64x v0.1.7/go.mod h1:Cu1PV9zfrSf7ET2tIbWbbEy7jO7HHJ13q4X2SQ8aWYg=
-github.com/cloudwego/iasm v0.2.0/go.mod h1:8rXZaNYT2n95jn+zTI1sDr+IgcD2GVs0nlbbQPiEFhY=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
-github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
-github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f/go.mod h1:cuUVRXasLTGF7a8hSLbxyZXjz+1KgoB3wDUb6vlszIc=
 github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHkI4W8=
 github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0=
-github.com/fsnotify/fsnotify v1.8.0 h1:dAwr6QBTBZIkG8roQaJjGof0pp0EeF+tNV7YBP3F/8M=
+github.com/fsnotify/fsnotify v1.10.1 h1:b0/UzAf9yR5rhf3RPm9gf3ehBPpf0oZKIjtpKrx59Ho=
-github.com/fsnotify/fsnotify v1.8.0/go.mod h1:8jBTzvmWwFyi3Pb8djgCCO5IBqzKJ/Jwo8TRcHyHii0=
+github.com/fsnotify/fsnotify v1.10.1/go.mod h1:TLheqan6HD6GBK6PrDWyDPBaEV8LspOxvPSjC+bVfgo=
-github.com/gabriel-vasile/mimetype v1.4.9 h1:5k+WDwEsD9eTLL8Tz3L0VnmVh9QxGjRmjBvAG7U/oYY=
+github.com/gabriel-vasile/mimetype v1.4.15 h1:05iP/CYtZ/w455R/KZM6rZ5ieAdh99UPtd+d3YzLmaI=
-github.com/gabriel-vasile/mimetype v1.4.9/go.mod h1:WnSQhFKJuBlRyLiKohA/2DtIlPFAbguNaG7QCHcyGok=
+github.com/gabriel-vasile/mimetype v1.4.15/go.mod h1:azpTcoLcDZRNgFou5j+APrqQx9HqVPWa6ijYQIIVswQ=
-github.com/gin-contrib/cors v1.7.6 h1:3gQ8GMzs1Ylpf70y8bMw4fVpycXIeX1ZemuSQIsnQQY=
+github.com/gin-contrib/cors v1.7.7 h1:Oh9joP463x7Mw72vhvJ61YQm8ODh9b04YR7vsOErD0Q=
-github.com/gin-contrib/cors v1.7.6/go.mod h1:Ulcl+xN4jel9t1Ry8vqph23a60FwH9xVLd+3ykmTjOk=
+github.com/gin-contrib/cors v1.7.7/go.mod h1:K5tW0RkzJtWSiOdikXloy8VEZlgdVNpHNw8FpjUPNrE=
-github.com/gin-contrib/sse v1.1.0 h1:n0w2GMuUpWDVp7qSpvze6fAu9iRxJY4Hmj6AmBOU05w=
+github.com/gin-contrib/sse v1.1.1 h1:uGYpNwTacv5R68bSGMapo62iLTRa9l5zxGCps4hK6ko=
-github.com/gin-contrib/sse v1.1.0/go.mod h1:hxRZ5gVpWMT7Z0B0gSNYqqsSCNIJMjzvm6fqCz9vjwM=
+github.com/gin-contrib/sse v1.1.1/go.mod h1:QXzuVkA0YO7o/gun03UI1Q+FTI8ZV/n5t03kIQAI89s=
-github.com/gin-gonic/gin v1.10.1 h1:T0ujvqyCSqRopADpgPgiTT63DUQVSfojyME59Ei63pQ=
+github.com/gin-gonic/gin v1.12.0 h1:b3YAbrZtnf8N//yjKeU2+MQsh2mY5htkZidOM7O0wG8=
-github.com/gin-gonic/gin v1.10.1/go.mod h1:4PMNQiOhvDRa013RKVbsiNwoyezlm2rm0uX/T7kzp5Y=
+github.com/gin-gonic/gin v1.12.0/go.mod h1:VxccKfsSllpKshkBWgVgRniFFAzFb9csfngsqANjnLc=
 github.com/go-playground/assert/v2 v2.2.0 h1:JvknZsQTYeFEAhQwI4qEt9cyV5ONwRHC+lYKSsYSR8s=
 github.com/go-playground/assert/v2 v2.2.0/go.mod h1:VDjEfimB/XKnb+ZQfWdccd7VUvScMdVu0Titje2rxJ4=
 github.com/go-playground/locales v0.14.1 h1:EWaQ/wswjilfKLTECiXz7Rh+3BjFhfDFKv/oXslEjJA=
 github.com/go-playground/locales v0.14.1/go.mod h1:hxrqLVvrK65+Rwrd5Fc6F2O76J/NuW9t0sjnWqG1slY=
 github.com/go-playground/universal-translator v0.18.1 h1:Bcnm0ZwsGyWbCzImXv+pAJnYK9S473LQFuzCbDbfSFY=
 github.com/go-playground/universal-translator v0.18.1/go.mod h1:xekY+UJKNuX9WP91TpwSH2VMlDf28Uj24BCp08ZFTUY=
-github.com/go-playground/validator/v10 v10.26.0 h1:SP05Nqhjcvz81uJaRfEV0YBSSSGMc/iMaVtFbr3Sw2k=
+github.com/go-playground/validator/v10 v10.30.3 h1:4MU6YkEwx7GbcPJOZxrtbu+QfF3pJLJuaYTeAH0DYy8=
-github.com/go-playground/validator/v10 v10.26.0/go.mod h1:I5QpIEbmr8On7W0TktmJAumgzX4CA1XNl4ZmDuVHKKo=
+github.com/go-playground/validator/v10 v10.30.3/go.mod h1:4Axh7oCNGcoGkqLoE4YWt6n20mcEIsPRlB7vPk3lpyc=
-github.com/go-viper/mapstructure/v2 v2.2.1 h1:ZAaOCxANMuZx5RCeg0mBdEZk7DZasvvZIxtHqx8aGss=
+github.com/go-viper/mapstructure/v2 v2.5.0 h1:vM5IJoUAy3d7zRSVtIwQgBj7BiWtMPfmPEgAXnvj1Ro=
-github.com/go-viper/mapstructure/v2 v2.2.1/go.mod h1:oJDH3BJKyqBA2TXFhDsKDGDTlndYOZ6rGS0BRZIxGhM=
+github.com/go-viper/mapstructure/v2 v2.5.0/go.mod h1:oJDH3BJKyqBA2TXFhDsKDGDTlndYOZ6rGS0BRZIxGhM=
-github.com/goccy/go-json v0.10.5 h1:Fq85nIqj+gXn/S5ahsiTlK3TmC85qgirsdTP/+DeaC4=
+github.com/goccy/go-json v0.10.6 h1:p8HrPJzOakx/mn/bQtjgNjdTcN+/S6FcG2CTtQOrHVU=
-github.com/goccy/go-json v0.10.5/go.mod h1:oq7eo15ShAhp70Anwd5lgX2pLfOS3QCiwU/PULtXL6M=
+github.com/goccy/go-json v0.10.6/go.mod h1:oq7eo15ShAhp70Anwd5lgX2pLfOS3QCiwU/PULtXL6M=
+github.com/goccy/go-yaml v1.19.2 h1:PmFC1S6h8ljIz6gMRBopkjP1TVT7xuwrButHID66PoM=
+github.com/goccy/go-yaml v1.19.2/go.mod h1:XBurs7gK8ATbW4ZPGKgcbrY1Br56PdM69F7LkFRi1kA=
 github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
 github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
 github.com/google/gofuzz v1.0.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
 github.com/json-iterator/go v1.1.12 h1:PV8peI4a0ysnczrg+LtxykD8LfKY9ML6u2jnxaEnrnM=
 github.com/json-iterator/go v1.1.12/go.mod h1:e30LSqwooZae/UwlEbR2852Gd8hjQvJoHmT4TnhNGBo=
-github.com/klauspost/cpuid/v2 v2.0.9/go.mod h1:FInQzS24/EEf25PyTYn52gqo7WaD8xa0213Md/qVLRg=
+github.com/klauspost/cpuid/v2 v2.4.0 h1:S6Hrbc7+ywsr0r+RLapfGBHfyefhCTwEh3A0tV913Dw=
-github.com/klauspost/cpuid/v2 v2.2.10 h1:tBs3QSyvjDyFTq3uoc/9xFpCuOsJQFNPiAhYdw2skhE=
+github.com/klauspost/cpuid/v2 v2.4.0/go.mod h1:19jmZ9mjzoF//ddRSUsv0zfBTJWh3QJh9FNxZTMrGxU=
-github.com/klauspost/cpuid/v2 v2.2.10/go.mod h1:hqwkgyIinND0mEev00jJYCxPNVRVXFQeu1XKlok6oO0=
-github.com/knz/go-libedit v1.10.1/go.mod h1:MZTVkCWyz0oBc7JOWP3wNAzd002ZbM/5hgShxwh4x8M=
 github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
 github.com/kr/pretty v0.3.1/go.mod h1:hoEshYVHaxMs3cyo3Yncou5ZscifuDolrwPKZanG3xk=
 github.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=
 github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
-github.com/leodido/go-urn v1.4.0 h1:WT9HwE9SGECu3lg4d/dIA+jxlljEa1/ffXKmRjqdmIQ=
+github.com/leodido/go-urn v1.5.0 h1:pLqT2kq1zpHW/1D18QMjMpdtX7cekxqtJJjg5ANyWw0=
-github.com/leodido/go-urn v1.4.0/go.mod h1:bvxc+MVxLKB4z00jd1z+Dvzr47oO32F/QSNjSBOlFxI=
+github.com/leodido/go-urn v1.5.0/go.mod h1:9BORnCDhdPBJNDEX+w1bJisa8yOKYi116VeO96s4ifE=
-github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
+github.com/mattn/go-isatty v0.0.24 h1:tGZZoVgT/KiqK1c8ocVLeDS8BSWMRd47J3Lbz7vsReI=
-github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
+github.com/mattn/go-isatty v0.0.24/go.mod h1:nMCL3Zebbrt45jsMDgnfIwz6ydEQApk5oEI3HqDio6A=
 github.com/modern-go/concurrent v0.0.0-20180228061459-e0a39a4cb421/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd h1:TRLaZ9cD/w8PVh93nsPXa1VrQ6jlwL5oN8l14QlcNfg=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
 github.com/modern-go/reflect2 v1.0.2 h1:xBagoLtFs94CBntxluKeaWgTMpvLxC4ur3nMaC9Gz0M=
 github.com/modern-go/reflect2 v1.0.2/go.mod h1:yWuevngMOJpCy52FWWMvUC8ws7m/LJsjYzDa0/r8luk=
-github.com/pelletier/go-toml/v2 v2.2.4 h1:mye9XuhQ6gvn5h28+VilKrrPoQVanw5PMw/TB0t5Ec4=
+github.com/pelletier/go-toml/v2 v2.4.3 h1:GTRvJQutkOSftxIFD5xw9aepkYNuPWmVJpffdDPYVpY=
-github.com/pelletier/go-toml/v2 v2.2.4/go.mod h1:2gIqNv+qfxSVS7cM2xJQKtLSTLUE9V8t9Stt+h56mCY=
+github.com/pelletier/go-toml/v2 v2.4.3/go.mod h1:2gIqNv+qfxSVS7cM2xJQKtLSTLUE9V8t9Stt+h56mCY=
 github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
-github.com/redis/go-redis/v9 v9.12.1 h1:k5iquqv27aBtnTm2tIkROUDp8JBXhXZIVu1InSgvovg=
+github.com/quic-go/go-ossfuzz-seeds v0.1.0 h1:APacT+iIaNF6fd8AGEiN3bT/Jtkd2jz4v4TzM7MFjy0=
-github.com/redis/go-redis/v9 v9.12.1/go.mod h1:huWgSWd8mW6+m0VPhJjSSQ+d6Nh1VICQ6Q5lHuCH/Iw=
+github.com/quic-go/go-ossfuzz-seeds v0.1.0/go.mod h1:3IOHRbJIc+L6YKMwfDtJAM9Vj9k0YY4muhuyUYk5tbk=
-github.com/rogpeppe/go-internal v1.9.0 h1:73kH8U+JUqXU8lRuOHeVHaa/SZPifC7BkcraZVejAe8=
+github.com/quic-go/qpack v0.6.0 h1:g7W+BMYynC1LbYLSqRt8PBg5Tgwxn214ZZR34VIOjz8=
-github.com/rogpeppe/go-internal v1.9.0/go.mod h1:WtVeX8xhTBvf0smdhujwtBcq4Qrzq/fJaraNFVN+nFs=
+github.com/quic-go/qpack v0.6.0/go.mod h1:lUpLKChi8njB4ty2bFLX2x4gzDqXwUpaO1DP9qMDZII=
-github.com/sagikazarmark/locafero v0.7.0 h1:5MqpDsTGNDhY8sGp0Aowyf0qKsPrhewaLSsFaodPcyo=
+github.com/quic-go/quic-go v0.61.0 h1:ui88A53s8MSVYLC56en0KQ17HARk+9986Dn0SBfKNvA=
-github.com/sagikazarmark/locafero v0.7.0/go.mod h1:2za3Cg5rMaTMoG/2Ulr9AwtFaIppKXTRYnozin4aB5k=
+github.com/quic-go/quic-go v0.61.0/go.mod h1:9So2anK4Tp22URSQq00k+Vo2PNkle96ycDPDHL4s9vs=
-github.com/sourcegraph/conc v0.3.0 h1:OQTbbt6P72L20UqAkXXuLOj79LfEanQ+YQFNpLA9ySo=
+github.com/redis/go-redis/v9 v9.22.0 h1:laDvpYXTJtZLloinw1fA5Kqd6HAEH2XKxOkG/PDq2F0=
-github.com/sourcegraph/conc v0.3.0/go.mod h1:Sdozi7LEKbFPqYX2/J+iBAM6HpqSLTASQIKqDmF7Mt0=
+github.com/redis/go-redis/v9 v9.22.0/go.mod h1:y2g0Wj8rQvuK0ELM+oxSudcLtC09JScs98I/X9gRWY4=
-github.com/spf13/afero v1.12.0 h1:UcOPyRBYczmFn6yvphxkn9ZEOY65cpwGKb5mL36mrqs=
+github.com/rogpeppe/go-internal v1.10.0 h1:TMyTOH3F/DB16zRVcYyreMH6GnZZrwQVAoYjRBZyWFQ=
-github.com/spf13/afero v1.12.0/go.mod h1:ZTlWwG4/ahT8W7T0WQ5uYmjI9duaLQGy3Q2OAl4sk/4=
+github.com/rogpeppe/go-internal v1.10.0/go.mod h1:UQnix2H7Ngw/k4C5ijL5+65zddjncjaFoBhdsK/akog=
-github.com/spf13/cast v1.7.1 h1:cuNEagBQEHWN1FnbGEjCXL2szYEXqfJPbP2HNUaca9Y=
+github.com/sagikazarmark/locafero v0.12.0 h1:/NQhBAkUb4+fH1jivKHWusDYFjMOOKU88eegjfxfHb4=
-github.com/spf13/cast v1.7.1/go.mod h1:ancEpBxwJDODSW/UG4rDrAqiKolqNNh2DX3mk86cAdo=
+github.com/sagikazarmark/locafero v0.12.0/go.mod h1:sZh36u/YSZ918v0Io+U9ogLYQJ9tLLBmM4eneO6WwsI=
-github.com/spf13/pflag v1.0.6 h1:jFzHGLGAlb3ruxLB8MhbI6A8+AQX/2eW4qeyNZXNp2o=
+github.com/spf13/afero v1.15.0 h1:b/YBCLWAJdFWJTN9cLhiXXcD7mzKn9Dm86dNnfyQw1I=
-github.com/spf13/pflag v1.0.6/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
+github.com/spf13/afero v1.15.0/go.mod h1:NC2ByUVxtQs4b3sIUphxK0NioZnmxgyCrfzeuq8lxMg=
-github.com/spf13/viper v1.20.1 h1:ZMi+z/lvLyPSCoNtFCpqjy0S4kPbirhpTMwl8BkW9X4=
+github.com/spf13/cast v1.10.0 h1:h2x0u2shc1QuLHfxi+cTJvs30+ZAHOGRic8uyGTDWxY=
-github.com/spf13/viper v1.20.1/go.mod h1:P9Mdzt1zoHIG8m2eZQinpiBjo6kCmZSKBClNNqjJvu4=
+github.com/spf13/cast v1.10.0/go.mod h1:jNfB8QC9IA6ZuY2ZjDp0KtFO2LZZlg4S/7bzP6qqeHo=
+github.com/spf13/pflag v1.0.10 h1:4EBh2KAYBwaONj6b2Ye1GiHfwjqyROoF4RwYO+vPwFk=
+github.com/spf13/pflag v1.0.10/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
+github.com/spf13/viper v1.21.0 h1:x5S+0EU27Lbphp4UKm1C+1oQO+rKx36vfCoaVebLFSU=
+github.com/spf13/viper v1.21.0/go.mod h1:P0lhsswPGWD/1lZJ9ny3fYnVqxiegrlNrEmgLjbTCAY=
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/objx v0.4.0/go.mod h1:YvHI0jy2hoMjB+UWwv71VJQ9isScKT/TqJzVSSt89Yw=
 github.com/stretchr/objx v0.5.0/go.mod h1:Yh+to48EsGEfYuaHDzXPcE3xhTkx73EhmCGUpEOglKo=
+github.com/stretchr/objx v0.5.2/go.mod h1:FRsXN1f5AsAjCGJKqEizvkpNtU+EGNCLh3NxZ/8L+MA=
 github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
-github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
 github.com/stretchr/testify v1.7.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
 github.com/stretchr/testify v1.8.0/go.mod h1:yNjHg4UonilssWZ8iaSj1OCr/vHnekPRkoO+kdMU+MU=
-github.com/stretchr/testify v1.8.1/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o6fzry7u4=
+github.com/stretchr/testify v1.8.4/go.mod h1:sz/lmYIOXD/1dqDmKjjqLyZ2RngseejIcXlSw2iwfAo=
-github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
 github.com/stretchr/testify v1.10.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
+github.com/stretchr/testify v1.11.1 h1:7s2iGBzp5EwR7/aIZr8ao5+dra3wiQyKjjFuvgVKu7U=
+github.com/stretchr/testify v1.11.1/go.mod h1:wZwfW3scLgRK+23gO65QZefKpKQRnfz6sD981Nm4B6U=
 github.com/subosito/gotenv v1.6.0 h1:9NlTDc1FTs4qu0DDq7AEtTPNw6SVm7uBMsUCUjABIf8=
 github.com/subosito/gotenv v1.6.0/go.mod h1:Dk4QP5c2W3ibzajGcXpNraDfq2IrhjMIvMSWPKKo0FU=
 github.com/twitchyliquid64/golang-asm v0.15.1 h1:SU5vSMR7hnwNxj24w34ZyCi/FmDZTkS4MhqMhdFk5YI=
 github.com/twitchyliquid64/golang-asm v0.15.1/go.mod h1:a1lVb/DtPvCB8fslRZhAngC2+aY1QWCk3Cedj/Gdt08=
-github.com/ugorji/go/codec v1.3.0 h1:Qd2W2sQawAfG8XSvzwhBeoGq71zXOC/Q1E9y/wUcsUA=
+github.com/ugorji/go/codec v1.3.2 h1:zkEASHHyEClGeURfgNT9PJZVfAbs9oEX9QXggwWNJbc=
-github.com/ugorji/go/codec v1.3.0/go.mod h1:pRBVtBSKl77K30Bv8R2P+cLSGaTtex6fsA2Wjqmfxj4=
+github.com/ugorji/go/codec v1.3.2/go.mod h1:pRBVtBSKl77K30Bv8R2P+cLSGaTtex6fsA2Wjqmfxj4=
-go.uber.org/atomic v1.9.0 h1:ECmE8Bn/WFTYwEW/bpKD3M8VtR/zQVbavAoalC1PYyE=
+github.com/zeebo/xxh3 v1.1.0 h1:s7DLGDK45Dyfg7++yxI0khrfwq9661w9EN78eP/UZVs=
-go.uber.org/atomic v1.9.0/go.mod h1:fEN4uk6kAWBTFdckzkM89CLk9XfWZrxpCo0nPH17wJc=
+github.com/zeebo/xxh3 v1.1.0/go.mod h1:IisAie1LELR4xhVinxWS5+zf1lA4p0MW4T+w+W07F5s=
-go.uber.org/multierr v1.9.0 h1:7fIwc/ZtS0q++VgcfqFDxSBZVv/Xo49/SYnDFupUwlI=
+go.mongodb.org/mongo-driver/v2 v2.8.0 h1:CxWDGQYY8QQwNjAl/aq2sfWakdnWZynnqJ9F4DhHbP8=
-go.uber.org/multierr v1.9.0/go.mod h1:X2jQV1h+kxSjClGpnseKVIxpmcjrj7MNnI0bnlfKTVQ=
+go.mongodb.org/mongo-driver/v2 v2.8.0/go.mod h1:yOI9kBsufol30iFsl1slpdq1I0eHPzybRWdyYUs8K/0=
-golang.org/x/arch v0.18.0 h1:WN9poc33zL4AzGxqf8VtpKUnGvMi8O9lhNyBMF/85qc=
+go.uber.org/atomic v1.11.0 h1:ZvwS0R+56ePWxUNi+Atn9dWONBPp/AUETXlHW0DxSjE=
-golang.org/x/arch v0.18.0/go.mod h1:bdwinDaKcfZUGpH09BB7ZmOfhalA8lQdzl62l8gGWsk=
+go.uber.org/atomic v1.11.0/go.mod h1:LUxbIzbOniOlMKjJjyPfpl4v+PKK2cNJn91OQbhoJI0=
-golang.org/x/crypto v0.39.0 h1:SHs+kF4LP+f+p14esP5jAoDpHU8Gu/v9lFRK6IT5imM=
+go.uber.org/mock v0.6.0 h1:hyF9dfmbgIX5EfOdasqLsWD6xqpNZlXblLB/Dbnwv3Y=
-golang.org/x/crypto v0.39.0/go.mod h1:L+Xg3Wf6HoL4Bn4238Z6ft6KfEpN0tJGo53AAPC632U=
+go.uber.org/mock v0.6.0/go.mod h1:KiVJ4BqZJaMj4svdfmHM0AUx4NJYO8ZNpPnZn1Z+BBU=
-golang.org/x/net v0.41.0 h1:vBTly1HeNPEn3wtREYfy4GZ/NECgw2Cnl+nK6Nz3uvw=
+go.yaml.in/yaml/v3 v3.0.5 h1:N6y/pJk8buWs9NY5ERU2HSMfm+IuD/OtfdAnq6kESPw=
-golang.org/x/net v0.41.0/go.mod h1:B/K4NNqkfmg07DQYrbwvSluqCJOOXwUjeb/5lOisjbA=
+go.yaml.in/yaml/v3 v3.0.5/go.mod h1:HVTZu1O7/Vkt2N+BFy8Zza+lnLsABggaTM2ZpNIGuKg=
-golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/arch v0.30.0 h1:sB9h+1gRGa2+LauFSV0tm8bK1J2yo1bx6/Uyi/P6DTU=
-golang.org/x/sys v0.35.0 h1:vz1N37gP5bs89s7He8XuIYXpyY0+QlsKmzipCbUtyxI=
+golang.org/x/arch v0.30.0/go.mod h1:0X+GdSIP+kL5wPmpK7sdkEVTt2XoYP0cSjQSbZBwOi8=
-golang.org/x/sys v0.35.0/go.mod h1:BJP2sWEmIv4KK5OTEluFJCKSidICx8ciO85XgH3Ak8k=
+golang.org/x/crypto v0.55.0 h1:+KWHjbgOaAQ66dh/YlkZKHlz9ZUlq61AFirAR9ntP8M=
-golang.org/x/text v0.26.0 h1:P42AVeLghgTYr4+xUnTRKDMqpar+PtX7KWuNQL21L8M=
+golang.org/x/crypto v0.55.0/go.mod h1:uq0V9dE/fzQuJtbnL+2EhWOE63vo164FY8xqEnV9xis=
-golang.org/x/text v0.26.0/go.mod h1:QK15LZJUUQVJxhz7wXgxSy/CJaTFjd0G+YLonydOVQA=
+golang.org/x/net v0.58.0 h1:ynWG7rqYi4ccpTEuPZ2QGWHktVEM9DMCj9yzDE0Q7To=
-google.golang.org/protobuf v1.36.6 h1:z1NpPI8ku2WgiWnf+t9wTPsn6eP1L7ksHUlkfLvd9xY=
+golang.org/x/net v0.58.0/go.mod h1:YwCddHnFlT7eLQqVprV19OnhLGtc5xOKgE0RyqgfWAU=
-google.golang.org/protobuf v1.36.6/go.mod h1:jduwjTPXsFjZGTmRluh+L6NjiWu7pchiJ2/5YcXBHnY=
+golang.org/x/sys v0.47.0 h1:o7XGOvZQCADBQQ4Y7VNq2dRWQR7JmOUW8Kxx4ZsNgWs=
+golang.org/x/sys v0.47.0/go.mod h1:4GL1E5IUh+htKOUEOaiffhrAeqysfVGipDYzABqnCmw=
+golang.org/x/text v0.41.0 h1:vz/seA0lnX87Othu2f/0L24RcgrXD9/YFTSuGjj3rH8=
+golang.org/x/text v0.41.0/go.mod h1:jvf1O8ajNzZqhSrQBPbutR/EB83Cc0CFrezNQIwbb5M=
+google.golang.org/protobuf v1.36.12 h1:pJOKDDOyeXErUroCihFAd5LQuwXBSpVnKGrj5o/fwxc=
+google.golang.org/protobuf v1.36.12/go.mod h1:HTf+CrKn2C3g5S8VImy6tdcUvCska2kB7j23XfzDpco=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
-gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c h1:Hei/4ADfdWqJk1ZMxUNpqntNwaWcugrBjAiHlqqRiVk=
-gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c/go.mod h1:JHkPIbrfpd72SG/EVd6muEfDQjcINNoR0C8j2r3qZ4Q=
 gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
 gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
-nullprogram.com/x/optparse v1.0.0/go.mod h1:KdyPE+Igbe0jQUrVfMqDMeJQIJZEuyV7pjYmp6pbG50=

internal/controller/dataController.go

@@ -1,8 +1,9 @@
 package controller
 
 import (
-	"dypid/global"
 	"dypid/internal/db"
+	"dypid/internal/global"
+	"dypid/internal/model"
 	"fmt"
 	"net/http"
 	"strings"
@@ -41,12 +42,26 @@ func WriteDataHandler(c *gin.Context) {
 		return
 	}
 
-	//数据获取
+	//获取去重对象
 	dedupObject, err := db.GetDedupObject(input.Token)
 	if err != nil {
 		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
 		return
 	}
+
+	//判断数据是否需要去重
+	//如果数据不需要去重则直接写入数据库
+	if dedupObject == "false" {
+		global.RDB.LPush(global.RCtx, fmt.Sprintf("list:%s", input.Token), input.Data)
+		c.JSON(http.StatusOK, model.APIResponse{
+			Code:    200,
+			Message: "数据写入成功",
+		})
+		return
+	}
+
+	//数据要去重，下面函数会执行
+	//获取数据索引
 	dataIndex, err := getDataIndex(input.Token)
 	if err != nil {
 		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})

internal/controller/tokenController.go

@@ -1,8 +1,9 @@
 package controller
 
 import (
-	"dypid/global"
 	"dypid/internal/db"
+	"dypid/internal/global"
+	"dypid/internal/model"
 	"net/http"
 	"strconv"
 
@@ -11,7 +12,11 @@ import (
 )
 
 func ListTokenHandler(c *gin.Context) {
-	c.JSON(http.StatusOK, gin.H{"result": db.ListToken()})
+	c.JSON(http.StatusOK, model.APIResponse{
+		Code:    200,
+		Message: "获取所有token成功",
+		Data:    db.ListToken(),
+	})
 }
 
 func CreateTokenHandler(c *gin.Context) {
@@ -23,24 +28,37 @@ func CreateTokenHandler(c *gin.Context) {
 		Notes       string `form:"notes"`
 	}{}
 	if err := c.ShouldBindQuery(&input); err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "参数不能为空 " + err.Error()})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "参数不能为空 " + err.Error(),
+		})
 		return
 	}
+
 	//检查Token是否存在
 	if db.CheckToken(input.Token) {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "创建Token失败，Token已经存在"})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "创建Token失败，Token已经存在，请勿重复创建",
+		})
 		return
 	}
 
 	//创建Token
 	err := db.CreateToken(input.Token, input.DedupObject, input.DataFormat, input.Notes)
 	if err != nil {
-		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		c.JSON(http.StatusInternalServerError, model.APIResponse{
+			Code:    500,
+			Message: err.Error(),
+		})
 		return
 	}
 
 	//返回
-	c.JSON(http.StatusOK, gin.H{"result": "ok"})
+	c.JSON(http.StatusOK, model.APIResponse{
+		Code:    200,
+		Message: "创建Token成功",
+	})
 }
 
 func UpdateTokenHandler(c *gin.Context) {
@@ -51,22 +69,35 @@ func UpdateTokenHandler(c *gin.Context) {
 		Notes       string `form:"notes"`
 	}{}
 	if err := c.ShouldBindQuery(&input); err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "参数不能为空 " + err.Error()})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "参数不能为空 " + err.Error(),
+		})
 		return
 	}
+
 	//检查Token是否存在
 	if !db.CheckToken(input.Token) {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "更改失败，Token不存在"})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "更改失败，Token不存在",
+		})
 		return
 	}
 
 	err := db.UpdateToken(input.Token, input.DedupObject, input.DataFormat, input.Notes)
 	if err != nil {
-		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		c.JSON(http.StatusInternalServerError, model.APIResponse{
+			Code:    500,
+			Message: err.Error(),
+		})
 		return
 	}
 
-	c.JSON(http.StatusOK, gin.H{"result": "ok"})
+	c.JSON(http.StatusOK, model.APIResponse{
+		Code:    200,
+		Message: "更改Token成功",
+	})
 }
 
 func DeleteTokenHandler(c *gin.Context) {
@@ -74,22 +105,35 @@ func DeleteTokenHandler(c *gin.Context) {
 		Token string `form:"token" binding:"required"`
 	}{}
 	if err := c.ShouldBindQuery(&input); err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "参数不能为空 " + err.Error()})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "参数不能为空 " + err.Error(),
+		})
 		return
 	}
+
 	//检查Token是否存在
 	if !db.CheckToken(input.Token) {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "删除Token失败，Token不存在"})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "删除Token失败，Token不存在",
+		})
 		return
 	}
 
 	err := db.DeleteToken(input.Token)
 	if err != nil {
-		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		c.JSON(http.StatusInternalServerError, model.APIResponse{
+			Code:    500,
+			Message: err.Error(),
+		})
 		return
 	}
 
-	c.JSON(http.StatusOK, gin.H{"result": "ok"})
+	c.JSON(http.StatusOK, model.APIResponse{
+		Code:    200,
+		Message: "删除Token成功",
+	})
 }
 
 func GetTokenInfoHandler(c *gin.Context) {
@@ -97,23 +141,36 @@ func GetTokenInfoHandler(c *gin.Context) {
 		Token string `form:"token" binding:"required"`
 	}{}
 	if err := c.ShouldBindQuery(&input); err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "Token不能为空"})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "参数不能为空 " + err.Error(),
+		})
 		return
 	}
+
 	//检查Token是否存在
 	if !db.CheckToken(input.Token) {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "获取信息失败，Token不存在"})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "获取信息失败，Token不存在",
+		})
 		return
 	}
 
 	dedupObject, err := db.GetDedupObject(input.Token)
 	if err != nil {
-		c.JSON(http.StatusInternalServerError, gin.H{"error": "获取去重对象失败 " + err.Error()})
+		c.JSON(http.StatusInternalServerError, model.APIResponse{
+			Code:    500,
+			Message: "获取去重对象失败 " + err.Error(),
+		})
 		return
 	}
 	dataFormat, err := db.GetDataFormat(input.Token)
 	if err != nil {
-		c.JSON(http.StatusInternalServerError, gin.H{"error": "获取数据格式失败 " + err.Error()})
+		c.JSON(http.StatusInternalServerError, model.APIResponse{
+			Code:    500,
+			Message: "获取数据格式失败 " + err.Error(),
+		})
 		return
 	}
 
@@ -123,14 +180,19 @@ func GetTokenInfoHandler(c *gin.Context) {
 		DataFormat       string `json:"data_format"`
 		DedupItemsNumber int64  `json:"dedup_items_number"`
 		CacheListNumber  int64  `json:"cache_list_number"`
-	}{}
+	}{
-	output.Token = input.Token
+		Token:            input.Token,
-	output.DedupObject = dedupObject
+		DedupObject:      dedupObject,
-	output.DataFormat = dataFormat
+		DataFormat:       dataFormat,
-	output.DedupItemsNumber = global.RDB.CFInfo(global.RCtx, "dedup:"+input.Token+":"+dedupObject).Val().NumItemsInserted
+		DedupItemsNumber: global.RDB.CFInfo(global.RCtx, "dedup:"+input.Token+":"+dedupObject).Val().NumItemsInserted,
-	output.CacheListNumber = global.RDB.LLen(global.RCtx, "list:"+input.Token).Val()
+		CacheListNumber:  global.RDB.LLen(global.RCtx, "list:"+input.Token).Val(),
+	}
 
-	c.JSON(http.StatusOK, gin.H{"result": output})
+	c.JSON(http.StatusOK, model.APIResponse{
+		Code:    200,
+		Message: "获取Token信息成功",
+		Data:    output,
+	})
 }
 
 func DeleteTokenInfoHandler(c *gin.Context) {
@@ -142,24 +204,29 @@ func DeleteTokenInfoHandler(c *gin.Context) {
 		BothNumber string `form:"both_number"`
 	}{}
 	if err := c.ShouldBindQuery(&input); err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "Token不能为空"})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
-		return
+			Code:    400,
-	}
+			Message: "参数不能为空 " + err.Error(),
-	//检查Token是否存在
+		})
-	if !db.CheckToken(input.Token) {
-		c.JSON(http.StatusBadRequest, gin.H{"error": "删除Token失败，Token不存在"})
 		return
 	}
 
-	//检查token是否存在
+	//检查Token是否存在
-	_, err := db.GetDedupObject(input.Token)
+	if !db.CheckToken(input.Token) {
-	if err != nil {
+		c.JSON(http.StatusBadRequest, model.APIResponse{
-		c.JSON(http.StatusInternalServerError, gin.H{"error": "Token不存在" + err.Error()})
+			Code:    400,
+			Message: "删除Token信息失败，Token不存在",
+		})
 		return
 	}
+
+	//获取去重对象
 	dedupObject, err := db.GetDedupObject(input.Token)
 	if err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
+		c.JSON(http.StatusBadRequest, model.APIResponse{
+			Code:    400,
+			Message: "获取去重对象失败 " + err.Error(),
+		})
 		return
 	}
 
@@ -171,23 +238,40 @@ func DeleteTokenInfoHandler(c *gin.Context) {
 		global.RDB.Del(global.RCtx, keys...)
 		global.RDB.Del(global.RCtx, "delete-list:"+input.Token)
 	default:
-		i, err := strconv.Atoi(input.DedupBF)
+		num, err := strconv.Atoi(input.DedupBF)
 		if err != nil {
-			c.JSON(http.StatusBadRequest, gin.H{"error": "dedup_bf设置错误 " + err.Error()})
+			c.JSON(http.StatusBadRequest, model.APIResponse{
+				Code:    400,
+				Message: "dedup_bf数量设置错误 " + err.Error(),
+			})
 			return
 		}
-		result := global.RDB.LRange(global.RCtx, "delete-list:"+input.Token, int64(-i), -1).Val()
+
-		_, err = global.RDB.TxPipelined(global.RCtx, func(pipe redis.Pipeliner) error {
+		for i := num; i > 0; i -= 20_0000 {
-			for _, s := range result {
+			a := 0
-				pipe.CFDel(global.RCtx, "dedup:"+input.Token+":"+dedupObject, s)
+			a = min(i, 20_0000)
+
+			//获得要删的值（列表）
+			result := global.RDB.LRange(global.RCtx, "delete-list:"+input.Token, int64(-a), -1).Val()
+
+			//用事件批量删除布隆过滤器中值
+			_, err = global.RDB.TxPipelined(global.RCtx, func(pipe redis.Pipeliner) error {
+				for _, s := range result {
+					pipe.CFDel(global.RCtx, "dedup:"+input.Token+":"+dedupObject, s)
+				}
+				return nil
+			})
+			if err != nil {
+				c.JSON(http.StatusInternalServerError, model.APIResponse{
+					Code:    500,
+					Message: "删除去重对象失败 " + err.Error(),
+				})
+				return
 			}
-			return nil
+
-		})
+			//清除列表中要删的值
-		if err != nil {
+			global.RDB.LTrim(global.RCtx, "delete-list:"+input.Token, 0, int64(-a-1))
-			c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
-			return
 		}
-		global.RDB.LTrim(global.RCtx, "delete-list:"+input.Token, 0, int64(-i-1))
 	}
 
 	//删除原始数据
@@ -196,40 +280,57 @@ func DeleteTokenInfoHandler(c *gin.Context) {
 	case "all":
 		global.RDB.Del(global.RCtx, "list:"+input.Token)
 	default:
-		i, err := strconv.Atoi(input.CacheList)
+		num, err := strconv.Atoi(input.CacheList)
 		if err != nil {
-			c.JSON(http.StatusBadRequest, gin.H{"error": "cache_list设置错误 " + err.Error()})
+			c.JSON(http.StatusBadRequest, model.APIResponse{
+				Code:    400,
+				Message: "cache_list数量设置错误 " + err.Error(),
+			})
 			return
 		}
 
-		global.RDB.LTrim(global.RCtx, "list:"+input.Token, 0, int64(-i-1))
+		global.RDB.LTrim(global.RCtx, "list:"+input.Token, 0, int64(-num-1))
 	}
 
 	//删除去重参考值和原始数据
 	switch input.BothNumber {
 	case "":
 	default:
-		i, err := strconv.Atoi(input.BothNumber)
+		num, err := strconv.Atoi(input.BothNumber)
 		if err != nil {
-			c.JSON(http.StatusBadRequest, gin.H{"error": "both_number设置错误 " + err.Error()})
+			c.JSON(http.StatusBadRequest, model.APIResponse{
+				Code:    500,
+				Message: "both_number数量设置错误 " + err.Error(),
+			})
 			return
 		}
 
-		result := global.RDB.LRange(global.RCtx, "delete-list:"+input.Token, int64(-i), -1).Val()
+		for i := num; i > 0; i -= 20_0000 {
-		_, err = global.RDB.TxPipelined(global.RCtx, func(pipe redis.Pipeliner) error {
+			a := 0
-			for _, s := range result {
+			a = min(i, 20_0000)
-				pipe.CFDel(global.RCtx, "dedup:"+input.Token+":"+dedupObject, s)
+
+			result := global.RDB.LRange(global.RCtx, "delete-list:"+input.Token, int64(-a), -1).Val()
+			_, err = global.RDB.TxPipelined(global.RCtx, func(pipe redis.Pipeliner) error {
+				for _, s := range result {
+					pipe.CFDel(global.RCtx, "dedup:"+input.Token+":"+dedupObject, s)
+				}
+				pipe.LTrim(global.RCtx, "delete-list:"+input.Token, 0, int64(-a-1))
+				pipe.LTrim(global.RCtx, "list:"+input.Token, 0, int64(-a-1))
+				return nil
+			})
+			if err != nil {
+				c.JSON(http.StatusInternalServerError, model.APIResponse{
+					Code:    500,
+					Message: "删除Token信息失败 " + err.Error(),
+				})
+				return
 			}
-			pipe.LTrim(global.RCtx, "delete-list:"+input.Token, 0, int64(-i-1))
-			pipe.LTrim(global.RCtx, "list:"+input.Token, 0, int64(-i-1))
-			return nil
-		})
-		if err != nil {
-			c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
-			return
 		}
 	}
 
 	//输出信息
-	c.JSON(http.StatusOK, gin.H{"result": "ok"})
+	c.JSON(http.StatusOK, model.APIResponse{
+		Code:    200,
+		Message: "删除Token信息成功",
+	})
 }

internal/db/redis.go

@@ -1,8 +1,8 @@
 package db
 
 import (
-	"dypid/config"
+	"dypid/internal/config"
-	"dypid/global"
+	"dypid/internal/global"
 	"fmt"
 
 	"github.com/redis/go-redis/v9"

internal/global/global.go

@@ -8,3 +8,5 @@ import (
 
 var RDB *redis.Client
 var RCtx = context.Background()
+
+var Version = "dev"

internal/model/model.go

@@ -0,0 +1,7 @@
+package model
+
+type APIResponse struct {
+	Code    int    `json:"code"`
+	Message string `json:"message"`
+	Data    any    `json:"data"`
+}

internal/service/service.go

@@ -1,16 +1,26 @@
-package api
+package service
 
 import (
 	"dypid/internal/controller"
+	"dypid/internal/global"
 	"embed"
+	"fmt"
 	"io/fs"
 	"net/http"
 
 	"github.com/gin-gonic/gin"
 )
 
-func RegRoutes(r *gin.Engine) {
+func RegAPIService(r *gin.Engine) {
 	g := r.Group("/api") //初始化路由组 /api/xxxx
+	{
+		g.GET("/test", func(context *gin.Context) {
+			context.String(http.StatusOK, "ok")
+		})
+		g.GET("/version", func(context *gin.Context) {
+			context.String(http.StatusOK, fmt.Sprintf("程序版本: %s\nGin: %s", global.Version, gin.Version))
+		})
+	}
 	{
 		g.GET("/token", controller.ListTokenHandler)               //获取token列表
 		g.POST("/token", controller.CreateTokenHandler)            //创建token
@@ -25,16 +35,16 @@ func RegRoutes(r *gin.Engine) {
 	}
 }
 
-func RegWebService(r *gin.Engine, webDir embed.FS) {
+func RegWebService(r *gin.Engine, webFiles embed.FS) {
-	assets, _ := fs.Sub(webDir, "web/dist/assets")
+	assets, _ := fs.Sub(webFiles, "web/dist/assets")
 	r.StaticFS("/assets", http.FS(assets))
 
-	icon, _ := fs.ReadFile(webDir, "web/dist/favicon.ico")
+	icon, _ := fs.ReadFile(webFiles, "web/dist/favicon.ico")
 	r.GET("/favicon.ico", func(c *gin.Context) {
 		c.Data(200, "image/x-icon", icon)
 	})
 
-	indexHtml, _ := fs.ReadFile(webDir, "web/dist/index.html")
+	indexHtml, _ := fs.ReadFile(webFiles, "web/dist/index.html")
 	r.NoRoute(func(c *gin.Context) {
 		c.Data(200, "text/html; charset=utf-8", indexHtml)
 	})

main.go

@@ -1,9 +1,9 @@
 package main
 
 import (
-	"dypid/api"
+	"dypid/internal/config"
-	"dypid/config"
 	"dypid/internal/db"
+	"dypid/internal/service"
 	"embed"
 	"fmt"
 
@@ -12,22 +12,26 @@ import (
 )
 
 //go:embed web/dist/*
-var webDir embed.FS
+var webFiles embed.FS
 
 func main() {
 	config.InitConfig()
 	db.InitRedis()
 	db.InitLocalDB()
+
 	//初始化一个http服务对象
 	gin.SetMode(config.APPConfig.RunMode)
-	r := gin.Default()
+	r := gin.New()
+	if config.APPConfig.RunMode == "debug" {
+		r.Use(gin.Logger()) //日志处理
+	}
+	r.Use(gin.Recovery()) //错误处理
+	r.Use(cors.Default()) //跨域设置
 
-	//跨域设置
-	r.Use(cors.Default())
 	//注册网页服务（Vue）
-	api.RegWebService(r, webDir)
+	service.RegWebService(r, webFiles)
 	//注册API接口
-	api.RegRoutes(r)
+	service.RegAPIService(r)
 
 	// 监听并在 0.0.0.0:8080 上启动服务
 	fmt.Printf("服务器正在运行：http://%s\n", config.APPConfig.Host)

web/package.json

@@ -12,23 +12,27 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "axios": "^1.15.2",
+    "@tailwindcss/vite": "^4.3.3",
-    "element-plus": "^2.13.7",
+    "axios": "^1.19.0",
-    "pinia": "^3.0.4",
+    "element-plus": "^2.14.5",
+    "pinia": "^4.0.3",
     "pinia-plugin-persistedstate": "^4.7.1",
-    "vue": "^3.5.32",
+    "tailwindcss": "^4.3.3",
-    "vue-router": "^5.0.4"
+    "vue": "^3.5.41",
+    "vue-router": "^5.2.0"
   },
   "devDependencies": {
-    "@tsconfig/node24": "^24.0.4",
+    "@tsconfig/node24": "^24.0.5",
-    "@types/node": "^24.12.2",
+    "@types/node": "^24.13.3",
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitejs/plugin-vue": "^6.0.8",
     "@vue/tsconfig": "^0.9.1",
-    "npm-run-all2": "^8.0.4",
+    "npm-run-all2": "^9.0.3",
-    "typescript": "~6.0.0",
+    "typescript": "~6.0.3",
-    "vite": "^8.0.8",
+    "unplugin-auto-import": "^21.1.0",
-    "vite-plugin-vue-devtools": "^8.1.1",
+    "unplugin-vue-components": "^32.1.0",
-    "vue-tsc": "^3.2.6"
+    "vite": "^8.2.2",
+    "vite-plugin-vue-devtools": "^8.2.1",
+    "vue-tsc": "^3.3.11"
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

web/src/App.vue

@@ -1,161 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-
 const themeMode = ref('light')
 </script>
 
 <template>
-  <div :class="themeMode" class="app-container">
+  <div :class="themeMode" class="min-h-screen bg-(--bg-page) max-w-full">
     <router-view></router-view>
   </div>
 </template>
-
-<style>
-:root {
-  --primary-color: #409eff;
-  --primary-light: #79bbff;
-  --success-color: #67c23a;
-  --warning-color: #e6a23c;
-  --danger-color: #f56c6c;
-  --info-color: #909399;
-  --text-primary: #303133;
-  --text-regular: #606266;
-  --text-secondary: #909399;
-  --border-color: #dcdfe6;
-  --bg-page: #f5f7fa;
-  --bg-card: #ffffff;
-  --bg-header: #ffffff;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-html, body, #app {
-  height: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-}
-
-.app-container {
-  min-height: 100vh;
-  background: var(--bg-page);
-  max-width: 100%;
-}
-
-/* 卡片通用样式 */
-.content-card {
-  background: var(--bg-card);
-  border-radius: 8px;
-  padding: 24px;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
-}
-
-/* 页面标题样式 */
-.page-title {
-  font-size: 20px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 20px;
-  padding-bottom: 12px;
-  border-bottom: 1px solid var(--border-color);
-}
-
-/* Section 标题 */
-.section-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin: 20px 0 16px;
-}
-
-/* 按钮组样式 */
-.btn-group {
-  display: flex;
-  gap: 12px;
-  flex-wrap: wrap;
-}
-
-/* 表格工具栏 */
-.table-toolbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-
-/* Flex 布局工具类 */
-.flex-row {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-
-.flex-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-
-/* Gap 间距 */
-.gap-sm { gap: 8px; }
-.gap-md { gap: 12px; }
-.gap-lg { gap: 16px; }
-
-/* 间距工具类 */
-.mt-sm { margin-top: 8px; }
-.mt-md { margin-top: 16px; }
-.mt-lg { margin-top: 24px; }
-.mb-sm { margin-bottom: 8px; }
-.mb-md { margin-bottom: 16px; }
-.mb-lg { margin-bottom: 24px; }
-.ml-sm { margin-left: 8px; }
-.ml-md { margin-left: 12px; }
-.ml-lg { margin-left: 16px; }
-.mr-sm { margin-right: 8px; }
-.mr-md { margin-right: 12px; }
-.mr-lg { margin-right: 16px; }
-
-/* 文本工具类 */
-.text-primary { color: var(--text-primary); }
-.text-success { color: var(--success-color); }
-.text-warning { color: var(--warning-color); }
-.text-danger { color: var(--danger-color); }
-.text-info { color: var(--info-color); }
-
-/* 加载动画 */
-.loading-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 200px;
-}
-
-/* 空状态 */
-.empty-container {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 48px;
-  color: var(--text-secondary);
-}
-
-/* 响应式 */
-@media (max-width: 768px) {
-  .content-card {
-    padding: 16px;
-    border-radius: 0;
-  }
-  
-  .hide-on-mobile {
-    display: none;
-  }
-}
-</style>

web/src/api.ts

@@ -0,0 +1,53 @@
+import axios from "axios";
+
+const axiosInstance = axios.create({
+    baseURL: import.meta.env.VITE_API_BASE_URL,
+})
+
+export default {
+    getVersion:() =>
+        axiosInstance.get('/api/version'),
+
+    getTokenList: () =>
+        axiosInstance.get('/api/token'),
+
+    createToken: (params: {
+        token: string
+        dedup_object: string
+        data_format: string
+        notes: string
+    }) =>
+        axiosInstance.post('/api/token', {}, {params}),
+
+    updateToken: (params: {
+        token: string
+        dedup_object?: string
+        data_format?: string
+        notes?: string
+    }) =>
+        axiosInstance.put('/api/token', {}, {params}),
+
+    deleteToken: (params: {
+        token: string
+    }) =>
+        axiosInstance.delete('/api/token', {params}),
+
+    getTokenInfo: (params: {
+        token: string
+    }) =>
+        axiosInstance.get('/api/token/info', {params}),
+
+    deleteTokenInfo: (params: {
+        token: string
+        dedup_bf?: string
+        cache_list?: string
+        both_number?: string
+    }) =>
+        axiosInstance.delete('/api/token/info', {params}),
+
+    uploadData: (params: {
+        data: string
+        token: string
+    }) =>
+        axiosInstance.post('/api/data', {}, {params}),
+}

web/src/assets/main.css

@@ -0,0 +1,23 @@
+@import "tailwindcss" important;
+
+@theme {
+    --animate-fade-in: fade-in 0.3s ease;
+    --bg-page: #f5f7fa;
+    --bg-card: #ffffff;
+    --bg-header: #ffffff;
+}
+
+@keyframes fade-in {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+:root {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}

web/src/axios.ts

@@ -1,7 +0,0 @@
-import axios from 'axios';
-
-const instance = axios.create({
-    baseURL: import.meta.env.VITE_API_BASE_URL,
-});
-
-export default instance;

web/src/components/AddDataDialog.vue

@@ -1,9 +1,6 @@
 <script setup lang="ts">
-import {ref, computed} from "vue"
+import api from "@/api"
-import axios from "@/axios.ts"
-import {ElMessage} from 'element-plus'
 import {Upload} from '@element-plus/icons-vue'
-import * as timers from "node:timers";
 
 const props = defineProps<{
   modelValue: boolean
@@ -43,12 +40,7 @@ const handleUpload = async () => {
 
   for (const line of lines) {
     try {
-      await axios.post('/api/data', {}, {
+      await api.uploadData({data: line, token: props.token || ''})
-        params: {
-          data: line,
-          token: props.token || ''
-        }
-      })
       uploadedCount.value++
     } catch (error: any) {
       ElMessage.error(error.response?.data?.error || '上传失败')
@@ -73,11 +65,12 @@ const handleUpload = async () => {
       :close-on-click-modal="false"
       @close="close"
   >
-    <template #title>
+    <template #header>
       添加数据&nbsp;
       <el-tag type="primary" effect="plain">{{ props.token }}</el-tag>
     </template>
-    <div class="add-data-dialog">
+
+    <div class="flex flex-col gap-4">
       <el-input
           v-model="inputData"
           type="textarea"
@@ -87,13 +80,14 @@ const handleUpload = async () => {
           class="textarea-input"
       />
 
-      <div class="footer">
+      <div class="flex justify-between items-center gap-4">
-        <div class="progress">
+        <div class="flex-1 flex items-center gap-3">
           <el-progress
               :percentage="totalCount > 0 ? Math.round((uploadedCount / totalCount) * 100) : 0"
               :show-text="false"
+              class="flex-1"
           />
-          <span class="progress-text">已上传 {{ uploadedCount }}/{{ totalCount }} 行</span>
+          <span class="text-sm text-[var(--el-text-color-secondary)] whitespace-nowrap">已上传 {{ uploadedCount }}/{{ totalCount }} 行</span>
         </div>
 
         <el-button
@@ -112,39 +106,9 @@ const handleUpload = async () => {
 </template>
 
 <style scoped>
-.add-data-dialog {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
 .textarea-input :deep(.el-textarea__inner) {
   overflow-x: auto;
   white-space: pre;
   word-break: keep-all;
 }
-
+</style>
-.footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 16px;
-}
-
-.progress {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.progress-text {
-  font-size: 14px;
-  color: var(--text-secondary);
-  white-space: nowrap;
-}
-
-.footer .el-progress {
-  flex: 1;
-}
-</style>

web/src/main.ts

@@ -1,20 +1,29 @@
 import {createApp} from 'vue'
 import {createPinia} from 'pinia'
 import persistedState from 'pinia-plugin-persistedstate';
-
 import App from './App.vue'
 import router from './router'
-import ElementPlus from 'element-plus'
+// import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
+// import 'element-plus/dist/index.css'
+import './assets/main.css'
+
+const pinia = createPinia()
+pinia.use(persistedState)
 
 const app = createApp(App)
-
+app.use(pinia)
-if (import.meta.env.DEV) {
-  document.title = '抖音数据去重 - dev'
-}
-
-app.use(createPinia().use(persistedState))
 app.use(router)
-app.use(ElementPlus)
+// app.use(ElementPlus)
-
 app.mount('#app')
+
+
+router.beforeEach((to, from) => {
+    var postfix: string = ''
+    if (import.meta.env.DEV) {
+        postfix = '-dev'
+    }
+
+    if (to.meta.title) {
+        document.title = to.meta.title + postfix
+    }
+})

web/src/router/index.ts

@@ -1,20 +1,23 @@
 import {createRouter, createWebHistory} from 'vue-router'
 
-import TokenManageView from '@/views/TokenManageView.vue'
+import TokenManageView from '@/views/admin/TokenManageView.vue'
-import TokenDetailView from '@/views/TokenDetailView.vue'
+import TokenDetailView from '@/views/admin/TokenDetailView.vue'
 import AdminView from '@/views/AdminView.vue'
 import HomeView from '@/views/HomeView.vue'
+import SettingsView from '@/views/admin/SettingsView.vue'
 
 const routes = [
     {
         path: '/',
         name: "Home",
         component: HomeView,
+        meta: {title: "抖音数据去重",}
     },
     {
         path: '/haha',
         name: "Admin",
         component: AdminView,
+        meta: {title: "抖音数据去重 | 管理后台",},
         children: [
             {
                 path: '',
@@ -26,6 +29,11 @@ const routes = [
                 name: "TokenDetail",
                 component: TokenDetailView
             },
+            {
+                path: "settings",
+                name: "AdminSettings",
+                component: SettingsView,
+            }
         ],
     },
 

web/src/stores/counter.ts

@@ -1,14 +1,10 @@
-import {ref, computed} from 'vue'
+import {ref} from 'vue'
 import {defineStore} from 'pinia'
 
 export const useCounterStore = defineStore('counter', () => {
-    const homeToken = ref("")
-
     const token = ref("")
-
     const isAdmin = ref(false)
 
-
     return {token, isAdmin}
 }, {
     persist: true

web/src/types/import/auto-imports.d.ts

@@ -0,0 +1,82 @@
+/* eslint-disable */
+/* prettier-ignore */
+/* oxlint-disable */
+/* oxfmt-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const ElMessage: typeof import('element-plus/es').ElMessage
+  const ElMessageBox: typeof import('element-plus/es').ElMessageBox
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const effectScope: typeof import('vue').effectScope
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
+  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useId: typeof import('vue').useId
+  const useLink: typeof import('vue-router').useLink
+  const useModel: typeof import('vue').useModel
+  const useRoute: typeof import('vue-router').useRoute
+  const useRouter: typeof import('vue-router').useRouter
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const watch: typeof import('vue').watch
+  const watchEffect: typeof import('vue').watchEffect
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

web/src/types/import/components.d.ts

@@ -0,0 +1,43 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AddDataDialog: typeof import('./../../components/AddDataDialog.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSpace: typeof import('element-plus/es')['ElSpace']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElText: typeof import('element-plus/es')['ElText']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+  export interface GlobalDirectives {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}

web/src/views/AdminView.vue

@@ -1,224 +1,156 @@
 <script setup lang="ts">
-import {ref, watch, computed} from 'vue'
-import {useRoute, useRouter} from "vue-router"
 import {useCounterStore} from "@/stores/counter.ts"
-import {Edit, Delete, Clock, User, Document, CloseBold} from '@element-plus/icons-vue'
+import {CloseBold, Document, Edit, Lock, Setting, User} from '@element-plus/icons-vue'
 
 const router = useRouter()
 const route = useRoute()
 const store = useCounterStore()
 
 const activeIndex = ref(route.name?.toString() || "TokenManage")
+const _userName = ref("未登录")
+const _isAdmin = ref(store.isAdmin)
+const inputPassWord = ref('')
+
+if (_isAdmin.value) {
+  _userName.value = "管理员"
+} else {
+  _userName.value = "未登录"
+}
+watch(_isAdmin, (newValue) => {
+  store.isAdmin = newValue
+  if (newValue) {
+    _userName.value = "管理员"
+  } else {
+    _userName.value = "未登录"
+  }
+})
 
 watch(route, (newRoute) => {
   activeIndex.value = newRoute.name?.toString() || "TokenManage"
 })
 
-const handleSelect = (key: string) => {
+const handleSelect = (name: string) => {
-  router.push({name: key})
+  router.push({name: name})
 }
 
-const menuItems = [
-  {key: 'TokenManage', label: '管理 Token', icon: Edit},
-  {key: 'TokenDetail', label: 'Token 详情', icon: Document},
-]
-
 const logout = () => {
-  store.isAdmin = false
+  _isAdmin.value = false
+}
+
+const checkPassword = () => {
+  if (inputPassWord.value === "haha") {
+    ElMessage({message: '登录成功', type: 'success'})
+    _isAdmin.value = true
+  } else {
+    ElMessage.error('密码错误')
+  }
+}
+
+const navItemClass = (name: string) => {
+  return activeIndex.value === name
+      ? 'bg-[var(--el-color-primary)] text-white'
+      : 'text-[var(--el-text-color-regular)] hover:bg-[var(--bg-page)] hover:text-[var(--el-text-color-primary)]'
 }
 </script>
 
 <template>
-  <div class="admin-layout">
+  <div class="min-h-screen flex flex-col bg-(--bg-page)">
-    <header class="admin-header">
+    <el-header
-      <div class="header-left">
+        class="flex items-center justify-between bg-(--bg-header) border-b border-(--el-border-color) sticky top-0 z-50 max-md:flex-wrap max-md:h-auto max-md:px-4 max-md:py-3">
-        <div class="logo">
+      <div class="flex items-center">
-          <el-icon size="24">
+        <div class="flex items-center gap-2.5 text-(--el-color-primary) font-semibold text-lg">DYPID 管理后台</div>
-            <Edit/>
-          </el-icon>
-          <span class="logo-text">DYPID 管理后台</span>
-        </div>
       </div>
 
-      <nav class="header-nav">
+      <nav class="flex gap-2 max-md:order-3 max-md:w-full max-md:mt-3 max-md:overflow-x-auto max-md:pb-1">
         <div
-            v-for="item in menuItems"
+            class="flex items-center gap-1.5 px-4 py-2 rounded-lg cursor-pointer text-sm transition-all duration-200 max-md:px-3 max-md:py-2 max-md:text-xs"
-            :key="item.key"
+            :class="navItemClass('TokenManage')"
-            class="nav-item"
+            @click="handleSelect('TokenManage')"
-            :class="{ active: activeIndex === item.key }"
-            @click="handleSelect(item.key)"
         >
           <el-icon>
-            <component :is="item.icon"/>
+            <Edit/>
           </el-icon>
-          <span>{{ item.label }}</span>
+          <span>管理 Token</span>
+        </div>
+
+        <div
+            class="flex items-center gap-1.5 px-4 py-2 rounded-lg cursor-pointer text-sm transition-all duration-200 max-md:px-3 max-md:py-2 max-md:text-xs"
+            :class="navItemClass('TokenDetail')"
+            @click="handleSelect('TokenDetail')"
+        >
+          <el-icon>
+            <Document/>
+          </el-icon>
+          <span>Token 详情</span>
         </div>
       </nav>
 
-      <div class="header-right">
+      <div class="flex items-center">
-        <div v-if="store.isAdmin" class="admin-badge">
+        <el-button v-if="_isAdmin" circle link
-          <el-icon>
+                   @click="handleSelect('AdminSettings')"
-            <User/>
-          </el-icon>
-          <span>管理员</span>
-        </div>
-        <el-button
-            v-if="store.isAdmin"
-            type="danger"
-            plain
-            size="small"
-            @click="logout"
         >
-          <el-icon>
+          <el-icon size="16">
-            <CloseBold/>
+            <Setting/>
           </el-icon>
-          退出
         </el-button>
-      </div>
+        <el-divider direction="vertical"/>
-    </header>
+        <el-dropdown :disabled="!_isAdmin">
+          <el-button :icon="User" link>{{ _userName }}</el-button>
 
-    <main class="admin-main">
+          <template #dropdown>
-      <router-view v-slot="{ Component }">
+            <el-dropdown-menu>
-        <transition name="fade" mode="out-in">
+              <el-dropdown-item @click="logout()">
-          <component :is="Component"/>
+                <el-text type="danger">
-        </transition>
+                  <el-icon>
+                    <CloseBold/>
+                  </el-icon>
+                  退出登录
+                </el-text>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </div>
+    </el-header>
+
+    <el-main>
+      <!-- 登录页面 -->
+      <div v-if="!_isAdmin" class="flex justify-center items-center min-h-[60vh]">
+        <div
+            class="w-full max-w-100 text-center py-12 px-10 bg-(--bg-card) rounded-2xl shadow-[0_4px_24px_rgba(0,0,0,0.08)]">
+          <div class="mb-6">
+            <el-icon size="48" color="#409eff">
+              <Lock/>
+            </el-icon>
+          </div>
+          <div class="text-2xl font-semibold text-(--el-text-color-primary) mb-2">管理员登录</div>
+          <div class="text-sm text-(--el-text-color-secondary) mb-8">请输入管理员密码访问管理后台</div>
+
+          <el-input
+              v-model="inputPassWord"
+              type="password"
+              placeholder="请输入管理员密码"
+              size="large"
+              show-password
+              class="mb-4"
+              @keyup.enter="checkPassword"
+          >
+            <template #prefix>
+              <el-icon>
+                <Lock/>
+              </el-icon>
+            </template>
+          </el-input>
+
+          <el-button type="primary" size="large" class="w-full mt-2" @click="checkPassword">
+            登录
+          </el-button>
+        </div>
+      </div>
+
+      <router-view v-else v-slot="{ Component }">
+        <component :is="Component"/>
       </router-view>
-    </main>
+    </el-main>
   </div>
 </template>
-
-<style scoped>
-.admin-layout {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-page);
-}
-
-.admin-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 24px;
-  height: 60px;
-  background: var(--bg-header);
-  border-bottom: 1px solid var(--border-color);
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-
-.header-left {
-  display: flex;
-  align-items: center;
-}
-
-.logo {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  color: var(--primary-color);
-  font-weight: 600;
-  font-size: 18px;
-}
-
-.logo-text {
-  display: none;
-}
-
-@media (min-width: 768px) {
-  .logo-text {
-    display: inline;
-  }
-}
-
-.header-nav {
-  display: flex;
-  gap: 8px;
-}
-
-.nav-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 16px;
-  border-radius: 8px;
-  cursor: pointer;
-  color: var(--text-regular);
-  font-size: 14px;
-  transition: all 0.2s;
-}
-
-.nav-item:hover {
-  background: var(--bg-page);
-  color: var(--text-primary);
-}
-
-.nav-item.active {
-  background: var(--primary-color);
-  color: #fff;
-}
-
-.header-right {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.admin-badge {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  background: var(--danger-color);
-  color: #fff;
-  border-radius: 20px;
-  font-size: 13px;
-}
-
-.admin-main {
-  flex: 1;
-  padding: 24px 48px;
-  max-width: 100%;
-  overflow-x: auto;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.2s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-@media (max-width: 768px) {
-  .admin-header {
-    padding: 0 16px;
-    flex-wrap: wrap;
-    height: auto;
-    padding: 12px 16px;
-  }
-
-  .header-nav {
-    order: 3;
-    width: 100%;
-    margin-top: 12px;
-    overflow-x: auto;
-  }
-
-  .nav-item {
-    padding: 8px 12px;
-    font-size: 13px;
-  }
-
-  .nav-item span {
-    display: none;
-  }
-
-  .admin-main {
-    padding: 16px;
-  }
-}
-</style>

web/src/views/HomeView.vue

@@ -1,19 +1,13 @@
 <script setup lang="ts">
-import {ref, onMounted, onUnmounted} from 'vue'
+import api from "@/api"
-import axios from "@/axios.ts"
+import {DataAnalysis, Document, Key, Plus, Search, Warning} from '@element-plus/icons-vue'
-import {useRoute} from "vue-router"
-import {ElMessage} from "element-plus"
-import {
-  Key, Refresh, Delete, DataAnalysis,
-  Document, Warning, Search, InfoFilled
-} from '@element-plus/icons-vue'
 
 const route = useRoute()
-const token = ref(route.query.token as string || '')
+const inputToken = ref(route.query.token as string || '')
-const input = ref(route.query.token as string || '')
 const result = ref<any>(null)
 const loading = ref(false)
 const lastUpdate = ref('')
+const showAddDataDialog = ref(false)
 
 const updateTime = () => {
   const now = new Date()
@@ -21,255 +15,220 @@ const updateTime = () => {
 }
 
 const fetchInfo = async () => {
-  if (!input.value) return
+  if (!inputToken.value) return
-  loading.value = true
+
   try {
-    const res = await axios.get('/api/token/info', {
+    const res = await api.getTokenInfo({token: inputToken.value})
-      params: {token: input.value}
+    result.value = res.data.data
-    })
-    result.value = res.data.result
-    token.value = input.value
     updateTime()
-    // ElMessage({message: '刷新成功', type: 'success', duration: 1500})
   } catch {
+    result.value = null
     ElMessage({message: 'Token输入错误', type: 'error', duration: 2000})
-  } finally {
-    loading.value = false
   }
 }
 
+const refresh = async () => {
+  loading.value = true
+
+  try {
+    const res = await api.getTokenInfo({token: inputToken.value})
+    result.value = res.data.data
+    updateTime()
+    ElMessage({message: '查询成功', type: 'success', duration: 1500})
+  } catch {
+    result.value = null
+    ElMessage({message: 'Token输入错误', type: 'error', duration: 2000})
+  }
+
+  loading.value = false
+}
+
 const inputChange = () => {
-  if (input.value) fetchInfo()
+  if (inputToken.value) fetchInfo()
 }
 
 let timer: number
 onMounted(() => {
-  if (token.value) fetchInfo()
+  fetchInfo()
   timer = window.setInterval(fetchInfo, 5000)
 })
 
 onUnmounted(() => {
   clearInterval(timer)
 })
-
-const statCards = [
-  {label: '去重对象', key: 'dedup_object', icon: DataAnalysis, color: '#409eff'},
-  {label: '上传数据格式', key: 'data_format', icon: Document, color: '#67c23a'},
-  {label: '去重记录值', key: 'dedup_items_number', icon: Key, color: '#e6a23c'},
-  {label: 'Redis中数据条数', key: 'cache_list_number', icon: Warning, color: '#909399'},
-]
 </script>
 
 <template>
-  <div class="home-page">
+  <div class="p-6 h-dvh">
-    <div class="content-card" style="max-width: 1600px;">
+    <div class="bg-white rounded-lg p-6 shadow-[0_2px_12px_rgba(0,0,0,0.08)] h-full">
-      <div class="page-header">
+      <div class="text-center mb-4">
-        <div class="page-title">Token 信息查询</div>
+        <div class="text-xl font-semibold text-(--el-text-color-primary) mb-5 pb-3 border-b border-(--el-border-color)">
-        <div class="header-subtitle">输入 Token 以查看去重和缓存信息</div>
+          Token 信息查询
+        </div>
+        <div class="text-(--el-text-color-secondary) mt-2">输入 Token 以查看去重和缓存信息</div>
       </div>
 
-      <div class="search-box">
+      <div class="flex justify-center mb-8">
-        <el-input
+        <el-input placeholder="请输入要查询数据的Token..." size="large" clearable
-            v-model="input"
+                  class="max-w-120"
-            placeholder="输入 Token"
+                  v-model="inputToken" @change="inputChange"
-            clearable
-            size="large"
-            class="token-input"
-            @change="inputChange"
-            @keyup.enter="fetchInfo"
         >
-          <template #prefix>
+          <template #prepend>
-            <el-icon>
+            Token
-              <Search/>
-            </el-icon>
           </template>
         </el-input>
-        <el-button type="primary" size="large" @click="fetchInfo" :loading="loading">
+
+        <el-button type="primary" size="large"
+                   class="ml-3"
+                   @click="refresh" :loading="loading" :icon="Search"
+        >
           查询
         </el-button>
       </div>
 
-      <div v-if="result" class="result-section">
+      <el-space direction="vertical"
-        <div class="result-header">
+                class="w-full animate-fade-in"
-          <span class="section-title">Token 信息</span>
+                v-if="result"
-          <span class="auto-refresh">每5秒自动刷新</span>
+      >
-        </div>
+        <el-card class="p-6">
+          <template #header>
+            <el-text>Token 信息</el-text>
+            <el-divider direction="vertical"/>
+            <el-tag type="primary" effect="plain">{{ inputToken }}</el-tag>
+          </template>
 
-        <div class="stat-cards">
+          <el-space direction="vertical">
-          <div v-for="card in statCards" :key="card.key" class="stat-card">
+            <el-space>
-            <div class="stat-icon" :style="{ background: card.color + '20', color: card.color }">
+              <div
-              <el-icon size="24">
+                  class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200
-                <component :is="card.icon"/>
+                  hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)]
-              </el-icon>
+                  min-w-100"
-            </div>
+              >
-            <div class="stat-content">
+                <div
-              <div class="stat-label">{{ card.label }}</div>
+                    class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0"
-              <div class="stat-value">{{ result[card.key] || '-' }}</div>
+                    style="background: #409eff20; color: #409eff"
-            </div>
+                >
-          </div>
+                  <el-icon size="24">
-        </div>
+                    <DataAnalysis/>
+                  </el-icon>
+                </div>
+                <div class="flex-1">
+                  <div class="text-xs text-(--el-text-color-secondary) mb-1">
+                    去重对象
+                  </div>
+                  <div
+                      class="text-lg font-semibold text-(--el-text-color-primary) overflow-hidden text-ellipsis whitespace-nowrap"
+                  >
+                    {{ result['dedup_object'] || '-' }}
+                  </div>
+                </div>
+              </div>
+              <div
+                  class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200
+                  hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)]
+                  min-w-100"
+              >
+                <div
+                    class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0"
+                    style="background: #67c23a20; color: #67c23a"
+                >
+                  <el-icon size="24">
+                    <Document/>
+                  </el-icon>
+                </div>
+                <div class="flex-1">
+                  <div class="text-xs text-(--el-text-color-secondary) mb-1">
+                    上传数据格式
+                  </div>
+                  <div
+                      class="text-lg font-semibold text-(--el-text-color-primary) overflow-hidden text-ellipsis whitespace-nowrap"
+                  >
+                    {{ result['data_format'] || '-' }}
+                  </div>
+                </div>
+              </div>
+            </el-space>
+            <el-space>
+              <div
+                  class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200
+                  hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)]
+                  min-w-100"
+              >
+                <div
+                    class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0"
+                    style="background: #e6a23c20; color: #e6a23c"
+                >
+                  <el-icon size="24">
+                    <Key/>
+                  </el-icon>
+                </div>
+                <div class="flex-1">
+                  <div class="text-xs text-(--el-text-color-secondary) mb-1">
+                    去重记录值
+                  </div>
+                  <div
+                      class="text-lg font-semibold text-(--el-text-color-primary) overflow-hidden text-ellipsis whitespace-nowrap"
+                  >
+                    {{ result['dedup_items_number'] || '-' }}
+                  </div>
+                </div>
+              </div>
+              <div
+                  class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200
+                  hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)]
+                  min-w-100"
+              >
+                <div
+                    class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0"
+                    style="background: #90939920; color: #909399"
+                >
+                  <el-icon size="24">
+                    <Warning/>
+                  </el-icon>
+                </div>
+                <div class="flex-1">
+                  <div class="text-xs text-(--el-text-color-secondary) mb-1">
+                    Redis中数据条数
+                  </div>
+                  <div
+                      class="text-lg font-semibold text-(--el-text-color-primary) overflow-hidden text-ellipsis whitespace-nowrap"
+                  >
+                    {{ result['cache_list_number'] || '-' }}
+                  </div>
+                </div>
+              </div>
+            </el-space>
+          </el-space>
 
-        <div v-if="lastUpdate" class="update-time">
+          <el-text v-if="lastUpdate" type="info"
-          最后更新: {{ lastUpdate }}
+                   class="block w-full mt-5 text-center"
-        </div>
+          >
-      </div>
+            每5秒更新一次数据 最后更新: {{ lastUpdate }}
+          </el-text>
 
-      <div v-else class="empty-state">
+          <template #footer>
+            <el-text>操作</el-text>
+            <el-divider direction="vertical"/>
+            <el-button type="primary" size=""
+                       class=""
+                       @click="showAddDataDialog = true" :icon="Plus"
+            >
+              添加数据
+            </el-button>
+          </template>
+        </el-card>
+      </el-space>
+
+      <el-space v-else direction="vertical"
+                class="flex p-16"
+      >
         <el-icon size="64" color="#dcdfe6">
           <Search/>
         </el-icon>
-        <div class="empty-text">请输入 Token 进行查询</div>
+        <el-text type="info" size="large" class="">请输入 Token 进行查询</el-text>
-      </div>
+      </el-space>
     </div>
   </div>
+
+  <AddDataDialog v-model="showAddDataDialog" :token="inputToken"/>
 </template>
-
-<style scoped>
-.home-page {
-  padding: 24px 48px;
-  max-width: 100%;
-  margin: 0 auto;
-}
-
-.page-header {
-  text-align: center;
-  margin-bottom: 32px;
-}
-
-.header-subtitle {
-  color: var(--text-secondary);
-  margin-top: 8px;
-}
-
-.search-box {
-  display: flex;
-  gap: 12px;
-  margin-bottom: 32px;
-}
-
-.token-input {
-  flex: 1;
-  max-width: 600px;
-}
-
-.result-section {
-  animation: fadeIn 0.3s ease;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.result-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.auto-refresh {
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-
-.stat-cards {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 16px;
-}
-
-.stat-card {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 20px;
-  background: var(--bg-page);
-  border-radius: 12px;
-  transition: transform 0.2s, box-shadow 0.2s;
-}
-
-.stat-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-}
-
-.stat-icon {
-  width: 56px;
-  height: 56px;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.stat-content {
-  flex: 1;
-  min-width: 0;
-}
-
-.stat-label {
-  font-size: 13px;
-  color: var(--text-secondary);
-  margin-bottom: 4px;
-}
-
-.stat-value {
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.update-time {
-  text-align: center;
-  margin-top: 20px;
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 64px;
-  color: var(--text-secondary);
-}
-
-.empty-text {
-  margin-top: 16px;
-  font-size: 15px;
-}
-
-@media (max-width: 1200px) {
-  .stat-cards {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (max-width: 768px) {
-  .home-page {
-    padding: 16px;
-  }
-
-  .search-box {
-    flex-direction: column;
-  }
-
-  .token-input {
-    max-width: none;
-  }
-
-  .stat-cards {
-    grid-template-columns: 1fr;
-  }
-}
-</style>

web/src/views/TokenDetailView.vue

@@ -1,533 +0,0 @@
-<script setup lang="ts">
-import {ref, onMounted, onUnmounted, watch} from 'vue'
-import {useCounterStore} from "@/stores/counter.ts"
-import axios from "@/axios.ts"
-import {ElMessage, ElMessageBox} from 'element-plus'
-import {
-  Key, Refresh, Delete, DataAnalysis,
-  Document, Warning, Search, InfoFilled
-} from '@element-plus/icons-vue'
-
-const store = useCounterStore()
-const result = ref<any>(null)
-const value = ref('')
-const options = ref<string[]>([])
-const loading = ref(false)
-const lastUpdate = ref('')
-
-const deleteSpecifyDataVisible = ref(false)
-const inputSpecifyData = ref('')
-const deleteSpecifyDedupVisible = ref(false)
-const inputSpecifyDedup = ref('')
-const deleteSpecifyRawVisible = ref(false)
-const inputSpecifyRaw = ref('')
-
-const fetchInfo = async () => {
-  if (!value.value) return
-  loading.value = true
-  try {
-    const res = await axios.get('/api/token/info', {
-      params: {token: value.value}
-    })
-    if (res.status === 200) {
-      result.value = res.data.result
-      lastUpdate.value = new Date().toLocaleTimeString()
-    }
-  } finally {
-    loading.value = false
-  }
-}
-
-const fetchTokens = async () => {
-  try {
-    const res = await axios.get('/api/token')
-    if (res.status === 200) {
-      options.value = res.data.result?.map((item: any) => item.token) || []
-    }
-  } catch (error) {
-    console.error('Failed to fetch tokens:', error)
-  }
-}
-
-const refresh = () => {
-  fetchInfo()
-  ElMessage({message: '刷新成功', type: 'success', duration: 1500})
-}
-
-const deleteDedup = () => {
-  ElMessageBox.confirm('确定要删除全部去重参考值吗？', '警告', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(async () => {
-    await axios.delete('/api/token/info', {
-      params: {token: value.value, dedup_bf: "all"}
-    })
-    ElMessage({message: '删除成功', type: 'success'})
-    fetchInfo()
-  }).catch(() => {
-  })
-}
-
-const deleteRedis = () => {
-  ElMessageBox.confirm('确定要删除全部原始数据吗？', '警告', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(async () => {
-    await axios.delete('/api/token/info', {
-      params: {token: value.value, cache_list: "all"}
-    })
-    ElMessage({message: '删除成功', type: 'success'})
-    fetchInfo()
-  }).catch(() => {
-  })
-}
-
-const deleteSpecifyDedup = async () => {
-  await axios.delete('/api/token/info', {
-    params: {token: value.value, dedup_bf: inputSpecifyDedup.value}
-  })
-  ElMessage({message: '删除成功', type: 'success'})
-  deleteSpecifyDedupVisible.value = false
-  inputSpecifyDedup.value = ''
-  fetchInfo()
-}
-
-const deleteSpecifyRaw = async () => {
-  await axios.delete('/api/token/info', {
-    params: {token: value.value, cache_list: inputSpecifyRaw.value}
-  })
-  ElMessage({message: '删除成功', type: 'success'})
-  deleteSpecifyRawVisible.value = false
-  inputSpecifyRaw.value = ''
-  fetchInfo()
-}
-
-const deleteSpecifyData = async () => {
-  await axios.delete('/api/token/info', {
-    params: {token: value.value, both_number: inputSpecifyData.value}
-  })
-  ElMessage({message: '删除成功', type: 'success'})
-  deleteSpecifyDataVisible.value = false
-  inputSpecifyData.value = ''
-  fetchInfo()
-}
-
-let timer: number
-onMounted(() => {
-  fetchTokens()
-  if (store.token) {
-    value.value = store.token
-  }
-})
-
-watch(value, (newValue) => {
-  store.token = newValue
-  if (newValue) fetchInfo()
-})
-
-onMounted(() => {
-  if (value.value) fetchInfo()
-  timer = window.setInterval(fetchInfo, 5000)
-})
-
-onUnmounted(() => {
-  clearInterval(timer)
-})
-
-const statCards = [
-  {label: '去重对象', key: 'dedup_object', icon: DataAnalysis, color: '#409eff'},
-  {label: '上传数据格式', key: 'data_format', icon: Document, color: '#67c23a'},
-  {label: '去重参考值数量', key: 'dedup_items_number', icon: Key, color: '#e6a23c'},
-  {label: '原始数据数量', key: 'cache_list_number', icon: Warning, color: '#909399'},
-]
-</script>
-
-<template>
-  <div class="token-detail">
-    <!-- 检查权限 -->
-    <div v-if="!store.isAdmin" class="no-permission">
-      <div class="no-permission-card">
-        <el-icon size="64" color="#f56c6c">
-          <InfoFilled/>
-        </el-icon>
-        <div class="no-permission-title">无权限访问</div>
-        <div class="no-permission-text">您没有权限访问此页面</div>
-      </div>
-    </div>
-
-    <!-- 管理页面 -->
-    <div v-else class="detail-page">
-      <div class="content-card">
-        <div class="page-title">Token 详情</div>
-
-        <!-- 选择 Token -->
-        <div class="token-select">
-          <el-select v-model="value" placeholder="选择 Token" clearable style="width: 100%; max-width: 300px">
-            <el-option v-for="item in options" :key="item" :value="item" :label="item"/>
-          </el-select>
-          <el-button type="primary" @click="refresh" :loading="loading">
-            <el-icon>
-              <Refresh/>
-            </el-icon>
-            刷新
-          </el-button>
-          <span v-if="lastUpdate" class="update-time">上次更新: {{ lastUpdate }}</span>
-        </div>
-
-        <!-- Token 信息 -->
-        <div v-if="result && value" class="info-section">
-          <div class="section-title">Token 信息</div>
-
-          <div class="stat-cards">
-            <div v-for="card in statCards" :key="card.key" class="stat-card">
-              <div class="stat-icon" :style="{ background: card.color + '20', color: card.color }">
-                <el-icon size="24">
-                  <component :is="card.icon"/>
-                </el-icon>
-              </div>
-              <div class="stat-content">
-                <div class="stat-label">{{ card.label }}</div>
-                <div class="stat-value">{{ result[card.key] || '-' }}</div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 管理操作 -->
-          <div class="manage-section">
-            <div class="section-title">数据管理</div>
-
-            <div class="action-grid">
-              <div class="action-card danger">
-                <div class="action-icon">
-                  <el-icon size="28">
-                    <Delete/>
-                  </el-icon>
-                </div>
-                <div class="action-info">
-                  <div class="action-label">删除全部去重参考值</div>
-                  <div class="action-desc">清除该 Token 的所有去重布隆过滤器</div>
-                </div>
-                <el-button type="danger" @click="deleteDedup">执行</el-button>
-              </div>
-
-              <div class="action-card danger">
-                <div class="action-icon">
-                  <el-icon size="28">
-                    <Delete/>
-                  </el-icon>
-                </div>
-                <div class="action-info">
-                  <div class="action-label">删除全部原始数据</div>
-                  <div class="action-desc">清除该 Token 的所有原始缓存数据</div>
-                </div>
-                <el-button type="danger" @click="deleteRedis">执行</el-button>
-              </div>
-            </div>
-
-            <div class="section-subtitle">按数量删除</div>
-
-            <div class="action-grid">
-              <div class="action-card">
-                <div class="action-icon warning">
-                  <el-icon size="28">
-                    <Search/>
-                  </el-icon>
-                </div>
-                <div class="action-info">
-                  <div class="action-label">删除指定数量去重参考值</div>
-                  <div class="action-desc">指定要删除的去重参考值数量</div>
-                </div>
-                <el-button type="warning" @click="deleteSpecifyDedupVisible = true">指定</el-button>
-              </div>
-
-              <div class="action-card">
-                <div class="action-icon warning">
-                  <el-icon size="28">
-                    <Search/>
-                  </el-icon>
-                </div>
-                <div class="action-info">
-                  <div class="action-label">删除指定数量原始数据</div>
-                  <div class="action-desc">指定要删除的原始数据数量</div>
-                </div>
-                <el-button type="warning" @click="deleteSpecifyRawVisible = true">指定</el-button>
-              </div>
-
-              <div class="action-card">
-                <div class="action-icon warning">
-                  <el-icon size="28">
-                    <Search/>
-                  </el-icon>
-                </div>
-                <div class="action-info">
-                  <div class="action-label">删除指定数量数据</div>
-                  <div class="action-desc">同时删除去重参考值和原始数据</div>
-                </div>
-                <el-button type="warning" @click="deleteSpecifyDataVisible = true">指定</el-button>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 空状态 -->
-        <div v-else-if="value" class="empty-state">
-          <el-icon size="64" color="#dcdfe6">
-            <InfoFilled/>
-          </el-icon>
-          <div class="empty-text">暂无数据</div>
-        </div>
-
-        <!-- 未选择 -->
-        <div v-else class="empty-state">
-          <el-icon size="64" color="#dcdfe6">
-            <Key/>
-          </el-icon>
-          <div class="empty-text">请选择 Token 查看详情</div>
-        </div>
-      </div>
-
-      <!-- 删除确认对话框 -->
-      <el-dialog v-model="deleteSpecifyDedupVisible" title="删除指定数量去重参考值" width="400">
-        <el-input v-model="inputSpecifyDedup" placeholder="请输入删除数量" type="number"/>
-        <template #footer>
-          <el-button @click="deleteSpecifyDedupVisible = false">取消</el-button>
-          <el-button type="primary" @click="deleteSpecifyDedup">确定</el-button>
-        </template>
-      </el-dialog>
-
-      <el-dialog v-model="deleteSpecifyRawVisible" title="删除指定数量原始数据" width="400">
-        <el-input v-model="inputSpecifyRaw" placeholder="请输入删除数量" type="number"/>
-        <template #footer>
-          <el-button @click="deleteSpecifyRawVisible = false">取消</el-button>
-          <el-button type="primary" @click="deleteSpecifyRaw">确定</el-button>
-        </template>
-      </el-dialog>
-
-      <el-dialog v-model="deleteSpecifyDataVisible" title="删除指定数量数据" width="400">
-        <el-input v-model="inputSpecifyData" placeholder="请输入删除数量" type="number"/>
-        <template #footer>
-          <el-button @click="deleteSpecifyDataVisible = false">取消</el-button>
-          <el-button type="primary" @click="deleteSpecifyData">确定</el-button>
-        </template>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.token-detail {
-  max-width: 1600px;
-  margin: 0 auto;
-  width: 100%;
-  padding: 0;
-}
-
-/* 无权限 */
-.no-permission {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 60vh;
-}
-
-.no-permission-card {
-  text-align: center;
-  padding: 48px;
-}
-
-.no-permission-title {
-  font-size: 24px;
-  font-weight: 600;
-  margin-top: 24px;
-  margin-bottom: 8px;
-}
-
-.no-permission-text {
-  color: var(--text-secondary);
-}
-
-/* Token 选择 */
-.token-select {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 24px;
-  flex-wrap: wrap;
-}
-
-.update-time {
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-/* 信息卡片 */
-.info-section {
-  animation: fadeIn 0.3s ease;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.stat-cards {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 16px;
-  margin-bottom: 32px;
-}
-
-.stat-card {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 20px;
-  background: var(--bg-page);
-  border-radius: 12px;
-  transition: transform 0.2s, box-shadow 0.2s;
-}
-
-.stat-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-}
-
-.stat-icon {
-  width: 56px;
-  height: 56px;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.stat-label {
-  font-size: 13px;
-  color: var(--text-secondary);
-  margin-bottom: 4px;
-}
-
-.stat-value {
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--text-primary);
-  word-break: break-all;
-}
-
-/* 管理操作 */
-.manage-section {
-  margin-top: 32px;
-}
-
-.section-subtitle {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  margin: 24px 0 16px;
-}
-
-.action-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 16px;
-}
-
-.action-card {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 20px;
-  background: var(--bg-page);
-  border-radius: 12px;
-  transition: transform 0.2s, box-shadow 0.2s;
-}
-
-.action-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-}
-
-.action-icon {
-  width: 56px;
-  height: 56px;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--primary-color);
-  color: #fff;
-}
-
-.action-icon.warning {
-  background: var(--warning-color);
-}
-
-.action-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.action-label {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-}
-
-.action-desc {
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-/* 空状态 */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 64px;
-  color: var(--text-secondary);
-}
-
-.empty-text {
-  margin-top: 16px;
-  font-size: 15px;
-}
-
-@media (max-width: 1200px) {
-  .stat-cards {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
-  .action-grid {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (max-width: 768px) {
-  .token-select {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .stat-cards {
-    grid-template-columns: 1fr;
-  }
-
-  .action-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .action-card {
-    flex-direction: column;
-    text-align: center;
-  }
-}
-</style>

web/src/views/TokenManageView.vue

@@ -1,538 +0,0 @@
-<script setup lang="ts">
-import {ref, onMounted} from "vue"
-import axios from "@/axios.ts"
-import {ElMessage} from 'element-plus'
-import {useCounterStore} from "@/stores/counter.ts"
-import {useRouter} from "vue-router"
-import {Plus, View, Edit, Delete, Key, Document, Memo, Search, Lock, DocumentAdd} from '@element-plus/icons-vue'
-import AddDataDialog from '@/components/AddDataDialog.vue'
-
-const store = useCounterStore()
-const router = useRouter()
-
-const tableData = ref<any[]>([])
-const loading = ref(false)
-const input = ref('')
-const value = ref('')
-const dataFormat = ref('')
-const inputNotes = ref('')
-const inputPassWord = ref('')
-const passwordVisible = ref(true)
-
-const rowOut = ref<any>(null)
-const addDataDialogVisible = ref(false)
-const dedupObjectVisible = ref(false)
-const dataFormatVisible = ref(false)
-const inputNotesVisible = ref(false)
-
-const options = [
-  {value: 'uid', label: 'uid'},
-  {value: 'secid', label: 'secid'},
-  {value: 'pid', label: 'pid'},
-  {value: 'comment_id', label: 'comment_id'},
-  {value: 'dyid', label: 'dyid'}
-]
-
-const dataFormatOptions = [
-  {value: 'uid----secid----pid----comment_id', label: 'uid----secid----pid----comment_id'},
-  {value: 'uid----secid', label: 'uid----secid'},
-  {value: 'dyid', label: 'dyid'}
-]
-
-const fetchTokens = async () => {
-  loading.value = true
-  try {
-    const res = await axios.get("/api/token")
-    tableData.value = res.data.result || []
-  } finally {
-    loading.value = false
-  }
-}
-
-onMounted(() => {
-  if (!store.isAdmin) {
-    passwordVisible.value = true
-  } else {
-    fetchTokens()
-  }
-})
-
-const checkPassword = () => {
-  if (inputPassWord.value === "haha") {
-    ElMessage({message: '登录成功', type: 'success'})
-    store.isAdmin = true
-    passwordVisible.value = false
-    fetchTokens()
-  } else {
-    ElMessage.error('密码错误')
-  }
-}
-
-const addToken = async () => {
-  if (!input.value || !value.value || !dataFormat.value) {
-    ElMessage.warning('请填写完整信息')
-    return
-  }
-  try {
-    await axios.post('/api/token', {}, {
-      params: {
-        token: input.value,
-        dedup_object: value.value,
-        data_format: dataFormat.value,
-        notes: inputNotes.value,
-      }
-    })
-    ElMessage({message: '添加成功', type: 'success'})
-    input.value = ''
-    value.value = ''
-    dataFormat.value = ''
-    inputNotes.value = ''
-    fetchTokens()
-  } catch (error: any) {
-    ElMessage.error(error.response?.data?.error || '添加失败')
-  }
-}
-
-const viewDetails = (row: any) => {
-  store.token = row.token
-  router.push({name: "TokenDetail"})
-}
-
-const dialogDedupObjectVisible = (row: any) => {
-  rowOut.value = row
-  value.value = row.dedup_object
-  dedupObjectVisible.value = true
-}
-
-const dialogDataFormatVisible = (row: any) => {
-  rowOut.value = row
-  dataFormat.value = row.data_format
-  dataFormatVisible.value = true
-}
-
-const dialogNotesVisible = (row: any) => {
-  rowOut.value = row
-  inputNotes.value = row.notes
-  inputNotesVisible.value = true
-}
-
-const dialogDataADDVisible = (row: any) => {
-  rowOut.value = row
-  addDataDialogVisible.value = true
-}
-
-const updateDedupObject = async () => {
-  try {
-    await axios.put('/api/token', {}, {
-      params: {
-        token: rowOut.value.token,
-        dedup_object: value.value,
-        data_format: rowOut.value.data_format,
-        notes: rowOut.value.notes,
-      }
-    })
-    ElMessage({message: '更新成功', type: 'success'})
-    dedupObjectVisible.value = false
-    fetchTokens()
-  } catch (error: any) {
-    ElMessage.error(error.response?.data?.error || '更新失败')
-  }
-}
-
-const updateDataFormat = async () => {
-  try {
-    await axios.put('/api/token', {}, {
-      params: {
-        token: rowOut.value.token,
-        dedup_object: rowOut.value.dedup_object,
-        data_format: dataFormat.value,
-        notes: rowOut.value.notes,
-      }
-    })
-    ElMessage({message: '更新成功', type: 'success'})
-    dataFormatVisible.value = false
-    fetchTokens()
-  } catch (error: any) {
-    ElMessage.error(error.response?.data?.error || '更新失败')
-  }
-}
-
-const updateNotes = async () => {
-  try {
-    await axios.put('/api/token', {}, {
-      params: {
-        token: rowOut.value.token,
-        dedup_object: rowOut.value.dedup_object,
-        data_format: rowOut.value.data_format,
-        notes: inputNotes.value
-      }
-    })
-    ElMessage({message: '更新成功', type: 'success'})
-    inputNotesVisible.value = false
-    fetchTokens()
-  } catch (error: any) {
-    ElMessage.error(error.response?.data?.error || '更新失败')
-  }
-}
-
-const deleteToken = async (row: any) => {
-  try {
-    await axios.delete('/api/token', {
-      params: {token: row.token}
-    })
-    ElMessage({message: '删除成功', type: 'success'})
-    fetchTokens()
-  } catch (error: any) {
-    ElMessage.error(error.response?.data?.error || '删除失败')
-  }
-}
-</script>
-
-<template>
-  <div class="token-manage">
-    <!-- 登录页面 -->
-    <div v-if="!store.isAdmin" class="login-page">
-      <div class="login-card">
-        <div class="login-icon">
-          <el-icon size="48" color="#409eff">
-            <Lock/>
-          </el-icon>
-        </div>
-        <div class="login-title">管理员登录</div>
-        <div class="login-subtitle">请输入管理员密码访问管理后台</div>
-
-        <el-input
-            v-model="inputPassWord"
-            type="password"
-            placeholder="请输入管理员密码"
-            size="large"
-            show-password
-            @keyup.enter="checkPassword"
-        >
-          <template #prefix>
-            <el-icon>
-              <Lock/>
-            </el-icon>
-          </template>
-        </el-input>
-
-        <el-button type="primary" size="large" class="login-btn" @click="checkPassword">
-          登录
-        </el-button>
-      </div>
-    </div>
-
-    <!-- 管理页面 -->
-    <div v-else class="manage-page">
-      <div class="content-card">
-        <div class="page-title">Token 管理</div>
-
-        <!-- 添加表单 -->
-        <div class="add-form">
-          <div class="form-title">添加新 Token</div>
-          <div class="form-grid">
-            <el-input v-model="input" placeholder="Token 名称" clearable>
-              <template #prefix>
-                <el-icon>
-                  <Key/>
-                </el-icon>
-              </template>
-            </el-input>
-
-            <el-select v-model="value" placeholder="去重对象" clearable>
-              <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"/>
-            </el-select>
-
-            <el-select v-model="dataFormat" placeholder="数据格式" clearable>
-              <el-option v-for="item in dataFormatOptions" :key="item.value" :value="item.value" :label="item.label"/>
-            </el-select>
-
-            <el-input v-model="inputNotes" placeholder="备注（可选）" clearable>
-              <template #prefix>
-                <el-icon>
-                  <Memo/>
-                </el-icon>
-              </template>
-            </el-input>
-
-            <el-button type="primary" @click="addToken">
-              <el-icon>
-                <Plus/>
-              </el-icon>
-              添加
-            </el-button>
-          </div>
-        </div>
-
-        <!-- Token 列表 -->
-        <div class="table-section">
-          <div class="section-header">
-            <span class="section-title">Token 列表</span>
-            <span class="table-count">共 {{ tableData.length }} 条</span>
-          </div>
-
-          <el-table :data="tableData" v-loading="loading" stripe style="width: 100%">
-            <el-table-column prop="token" label="Token" min-width="100" show-overflow-tooltip>
-              <template #default="{ row }">
-                <div class="token-cell">
-                  <el-icon>
-                    <Key/>
-                  </el-icon>
-                  <span>{{ row.token }}</span>
-                </div>
-              </template>
-            </el-table-column>
-
-            <el-table-column prop="dedup_object" label="去重对象" width="150">
-              <template #default="{ row }">
-                <el-tag type="primary" effect="plain">{{ row.dedup_object }}</el-tag>
-              </template>
-            </el-table-column>
-
-            <el-table-column prop="data_format" label="数据格式" min-width="200" show-overflow-tooltip>
-              <template #default="{ row }">
-                <div class="format-cell">{{ row.data_format }}</div>
-              </template>
-            </el-table-column>
-
-            <el-table-column prop="notes" label="备注" min-width="150" show-overflow-tooltip>
-              <template #default="{ row }">
-                <span class="notes-text">{{ row.notes || '-' }}</span>
-              </template>
-            </el-table-column>
-
-            <el-table-column label="操作" width="500" fixed="right">
-              <template #default="{ row }">
-                <div class="action-buttons">
-                  <el-button type="primary" size="small" text @click="viewDetails(row)">
-                    <el-icon>
-                      <View/>
-                    </el-icon>
-                    详情
-                  </el-button>
-                  <el-button size="small" text @click="dialogDataADDVisible(row)">
-                    <el-icon>
-                      <Plus/>
-                    </el-icon>
-                    数据
-                  </el-button>
-                  <el-button size="small" text @click="dialogDedupObjectVisible(row)">
-                    <el-icon>
-                      <Edit/>
-                    </el-icon>
-                    去重对象
-                  </el-button>
-                  <el-button size="small" text @click="dialogDataFormatVisible(row)">
-                    <el-icon>
-                      <Edit/>
-                    </el-icon>
-                    数据格式
-                  </el-button>
-                  <el-button size="small" text @click="dialogNotesVisible(row)">
-                    <el-icon>
-                      <Edit/>
-                    </el-icon>
-                    备注
-                  </el-button>
-                  <el-popconfirm
-                      title="确认删除此 Token 吗？"
-                      confirm-button-text="确认"
-                      cancel-button-text="取消"
-                      @confirm="deleteToken(row)"
-                  >
-                    <template #reference>
-                      <el-button type="danger" size="small" text>
-                        <el-icon>
-                          <Delete/>
-                        </el-icon>
-                        删除
-                      </el-button>
-                    </template>
-                  </el-popconfirm>
-                </div>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-
-      <!-- 编辑对话框 -->
-      <el-dialog v-model="dedupObjectVisible" title="更改去重对象" width="400">
-        <el-select v-model="value" placeholder="选择去重对象" style="width: 100%">
-          <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"/>
-        </el-select>
-        <template #footer>
-          <el-button @click="dedupObjectVisible = false">取消</el-button>
-          <el-button type="primary" @click="updateDedupObject">确定</el-button>
-        </template>
-      </el-dialog>
-
-      <el-dialog v-model="dataFormatVisible" title="更改数据格式" width="400">
-        <el-select v-model="dataFormat" placeholder="选择数据格式" style="width: 100%">
-          <el-option v-for="item in dataFormatOptions" :key="item.value" :value="item.value" :label="item.label"/>
-        </el-select>
-        <template #footer>
-          <el-button @click="dataFormatVisible = false">取消</el-button>
-          <el-button type="primary" @click="updateDataFormat">确定</el-button>
-        </template>
-      </el-dialog>
-
-      <el-dialog v-model="inputNotesVisible" title="更改备注" width="400">
-        <el-input v-model="inputNotes" placeholder="请输入备注"/>
-        <template #footer>
-          <el-button @click="inputNotesVisible = false">取消</el-button>
-          <el-button type="primary" @click="updateNotes">确定</el-button>
-        </template>
-      </el-dialog>
-
-      <AddDataDialog
-        v-model="addDataDialogVisible"
-        :token="rowOut?.token"
-      />
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.token-manage {
-  max-width: 1600px;
-  margin: 0 auto;
-  width: 100%;
-  padding: 0;
-}
-
-/* 登录页面 */
-.login-page {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 60vh;
-}
-
-.login-card {
-  width: 100%;
-  max-width: 400px;
-  text-align: center;
-  padding: 48px 40px;
-  background: var(--bg-card);
-  border-radius: 16px;
-  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
-}
-
-.login-icon {
-  margin-bottom: 24px;
-}
-
-.login-title {
-  font-size: 24px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.login-subtitle {
-  font-size: 14px;
-  color: var(--text-secondary);
-  margin-bottom: 32px;
-}
-
-.login-card :deep(.el-input) {
-  margin-bottom: 16px;
-}
-
-.login-btn {
-  width: 100%;
-  margin-top: 8px;
-}
-
-/* 管理页面 */
-.add-form {
-  margin-bottom: 32px;
-  padding: 24px;
-  background: var(--bg-page);
-  border-radius: 12px;
-}
-
-.form-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 16px;
-}
-
-.form-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  align-items: center;
-}
-
-.form-grid .el-input {
-  width: 220px;
-}
-
-.form-grid .el-select {
-  width: 280px;
-}
-
-/* 表格 */
-.table-section {
-  margin-top: 8px;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-}
-
-.table-count {
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.token-cell {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.format-cell {
-  font-size: 12px;
-  word-break: break-all;
-}
-
-.notes-text {
-  color: var(--text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.action-buttons {
-  display: flex;
-  gap: 4px;
-  flex-wrap: wrap;
-}
-
-@media (max-width: 768px) {
-  .form-grid {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .form-grid .el-input,
-  .form-grid .el-select {
-    width: 100%;
-  }
-
-  .form-grid .el-button {
-    width: 100%;
-  }
-
-  .action-buttons {
-    flex-direction: column;
-  }
-}
-</style>

web/src/views/admin/SettingsView.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import api from "@/api.ts";
+
+const version = ref('')
+
+onMounted(() => {
+  api.getVersion().then((response) => {
+    version.value = response.data
+  })
+})
+
+</script>
+
+<template>
+  {{ version }}
+</template>

web/src/views/admin/TokenDetailView.vue

@@ -0,0 +1,316 @@
+<script setup lang="ts">
+import {useCounterStore} from "@/stores/counter.ts"
+import api from "@/api"
+import {DataAnalysis, Delete, Document, InfoFilled, Key, Refresh, Search, Warning} from '@element-plus/icons-vue'
+
+const store = useCounterStore()
+const result = ref<any>(null)
+const value = ref('')
+const options = ref<string[]>([])
+const loading = ref(false)
+const lastUpdate = ref('')
+
+const deleteSpecifyDataVisible = ref(false)
+const inputSpecifyData = ref('')
+const deleteSpecifyDedupVisible = ref(false)
+const inputSpecifyDedup = ref('')
+const deleteSpecifyRawVisible = ref(false)
+const inputSpecifyRaw = ref('')
+const isLoading = ref(false)
+
+const fetchInfo = async () => {
+  if (!value.value) return
+
+  const res = await api.getTokenInfo({token: value.value})
+  if (res.status === 200) {
+    result.value = res.data.data
+    lastUpdate.value = new Date().toLocaleTimeString()
+  }
+}
+
+const fetchTokens = async () => {
+  try {
+    const res = await api.getTokenList()
+    if (res.status === 200) {
+      options.value = res.data.data?.map((item: any) => item.token) || []
+    }
+  } catch (error) {
+    console.error('Failed to fetch tokens:', error)
+  }
+}
+
+const refresh = async () => {
+  loading.value = true
+  await fetchInfo()
+  loading.value = false
+  ElMessage({message: '刷新成功', type: 'success', duration: 1500})
+}
+
+const deleteDedup = () => {
+  ElMessageBox.confirm('确定要删除全部去重参考值吗？', '警告', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    await api.deleteTokenInfo({token: value.value, dedup_bf: "all"})
+    ElMessage({message: '删除成功', type: 'success'})
+    await fetchInfo()
+  }).catch(() => {
+  })
+}
+
+const deleteRedis = () => {
+  ElMessageBox.confirm('确定要删除全部原始数据吗？', '警告', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    await api.deleteTokenInfo({token: value.value, cache_list: "all"})
+    ElMessage({message: '删除成功', type: 'success'})
+    await fetchInfo()
+  }).catch(() => {
+  })
+}
+
+const deleteSpecifyDedup = async () => {
+  isLoading.value = true
+
+  await api.deleteTokenInfo({token: value.value, dedup_bf: inputSpecifyDedup.value})
+
+  isLoading.value = false
+  ElMessage({message: '删除成功', type: 'success'})
+  deleteSpecifyDedupVisible.value = false
+  inputSpecifyDedup.value = ''
+
+  await fetchInfo()
+}
+
+const deleteSpecifyRaw = async () => {
+  isLoading.value = true
+
+  await api.deleteTokenInfo({token: value.value, cache_list: inputSpecifyRaw.value})
+
+  isLoading.value = false
+  ElMessage({message: '删除成功', type: 'success'})
+  deleteSpecifyRawVisible.value = false
+  inputSpecifyRaw.value = ''
+
+  await fetchInfo()
+}
+
+const deleteSpecifyData = async () => {
+  isLoading.value = true
+
+  await api.deleteTokenInfo({token: value.value, both_number: inputSpecifyData.value})
+
+  isLoading.value = false
+  ElMessage({message: '删除成功', type: 'success'})
+  deleteSpecifyDataVisible.value = false
+  inputSpecifyData.value = ''
+
+  await fetchInfo()
+}
+
+let timer: number
+onMounted(() => {
+  fetchTokens()
+  if (store.token) {
+    value.value = store.token
+  }
+})
+
+watch(value, (newValue) => {
+  store.token = newValue
+  if (newValue) fetchInfo()
+})
+
+onMounted(() => {
+  if (value.value) fetchInfo()
+  timer = window.setInterval(fetchInfo, 5000)
+})
+
+onUnmounted(() => {
+  clearInterval(timer)
+})
+
+const statCards = [
+  {label: '去重对象', key: 'dedup_object', icon: DataAnalysis, color: '#409eff'},
+  {label: '上传数据格式', key: 'data_format', icon: Document, color: '#67c23a'},
+  {label: '去重参考值数量', key: 'dedup_items_number', icon: Key, color: '#e6a23c'},
+  {label: '原始数据数量', key: 'cache_list_number', icon: Warning, color: '#909399'},
+]
+</script>
+
+<template>
+  <div class="mx-auto w-full">
+    <!-- 管理页面 -->
+    <div class="bg-white rounded-lg p-6 shadow-[0_2px_12px_rgba(0,0,0,0.08)]">
+      <div class="text-xl font-semibold text-(--el-text-color-primary) mb-5 pb-3 border-b border-(--el-border-color)">
+        Token 详情
+      </div>
+
+      <!-- 选择 Token -->
+      <div class="flex items-center gap-3 mb-6 flex-wrap max-md:flex-col max-md:items-stretch">
+        <el-select v-model="value" placeholder="选择 Token" clearable style="width: 100%; max-width: 300px">
+          <el-option v-for="item in options" :key="item" :value="item" :label="item"/>
+        </el-select>
+        <el-button type="primary" @click="refresh" :loading="loading">
+          <el-icon>
+            <Refresh/>
+          </el-icon>
+          刷新
+        </el-button>
+        <span v-if="lastUpdate" class="text-xs text-(--el-text-color-secondary)">上次更新: {{ lastUpdate }}</span>
+      </div>
+
+      <!-- Token 信息 -->
+      <div v-if="result && value" class="animate-fade-in">
+        <div class="text-base font-semibold text-(--el-text-color-primary) mt-5 mb-4">Token 信息</div>
+
+        <div class="grid grid-cols-4 gap-4 mb-8 max-xl:grid-cols-2 max-md:grid-cols-1">
+          <div v-for="card in statCards" :key="card.key"
+               class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)]">
+            <div class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0"
+                 :style="{ background: card.color + '20', color: card.color }">
+              <el-icon size="24">
+                <component :is="card.icon"/>
+              </el-icon>
+            </div>
+            <div class="flex-1 min-w-0">
+              <div class="text-xs text-(--el-text-color-secondary) mb-1">{{ card.label }}</div>
+              <div class="text-lg font-semibold text-(--el-text-color-primary)">{{ result[card.key] || '-' }}</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 管理操作 -->
+        <div class="mt-8">
+          <div class="text-base font-semibold text-(--el-text-color-primary) mt-5 mb-4">数据管理</div>
+
+          <div class="grid grid-cols-3 gap-4 max-xl:grid-cols-2 max-md:grid-cols-1">
+            <div
+                class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)] max-md:flex-col max-md:text-center">
+              <div
+                  class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0 bg-(--el-color-primary) text-white">
+                <el-icon size="28">
+                  <Delete/>
+                </el-icon>
+              </div>
+              <div class="flex-1 min-w-0">
+                <div class="text-base font-semibold text-(--el-text-color-primary) mb-1">删除全部去重参考值</div>
+                <div class="text-xs text-(--el-text-color-secondary)">清除该 Token 的所有去重布隆过滤器</div>
+              </div>
+              <el-button type="danger" @click="deleteDedup">执行</el-button>
+            </div>
+
+            <div
+                class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)] max-md:flex-col max-md:text-center">
+              <div
+                  class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0 bg-(--el-color-primary) text-white">
+                <el-icon size="28">
+                  <Delete/>
+                </el-icon>
+              </div>
+              <div class="flex-1 min-w-0">
+                <div class="text-base font-semibold text-(--el-text-color-primary) mb-1">删除全部原始数据</div>
+                <div class="text-xs text-(--el-text-color-secondary)">清除该 Token 的所有原始缓存数据</div>
+              </div>
+              <el-button type="danger" @click="deleteRedis">执行</el-button>
+            </div>
+          </div>
+
+          <div class="text-sm font-semibold text-(--el-text-color-secondary) mt-6 mb-4">按数量删除</div>
+
+          <div class="grid grid-cols-3 gap-4 max-xl:grid-cols-2 max-md:grid-cols-1">
+            <div
+                class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)] max-md:flex-col max-md:text-center">
+              <div
+                  class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0 bg-(--el-color-warning) text-white">
+                <el-icon size="28">
+                  <Search/>
+                </el-icon>
+              </div>
+              <div class="flex-1 min-w-0">
+                <div class="text-base font-semibold text-(--el-text-color-primary) mb-1">删除指定数量去重参考值</div>
+                <div class="text-xs text-(--el-text-color-secondary)">指定要删除的去重参考值数量</div>
+              </div>
+              <el-button type="warning" @click="deleteSpecifyDedupVisible = true">指定</el-button>
+            </div>
+
+            <div
+                class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)] max-md:flex-col max-md:text-center">
+              <div
+                  class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0 bg-(--el-color-warning) text-white">
+                <el-icon size="28">
+                  <Search/>
+                </el-icon>
+              </div>
+              <div class="flex-1 min-w-0">
+                <div class="text-base font-semibold text-(--el-text-color-primary) mb-1">删除指定数量原始数据</div>
+                <div class="text-xs text-(--el-text-color-secondary)">指定要删除的原始数据数量</div>
+              </div>
+              <el-button type="warning" @click="deleteSpecifyRawVisible = true">指定</el-button>
+            </div>
+
+            <div
+                class="flex items-center gap-4 p-5 bg-(--bg-page) rounded-xl transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_16px_rgba(0,0,0,0.1)] max-md:flex-col max-md:text-center">
+              <div
+                  class="w-14 h-14 rounded-xl flex items-center justify-center shrink-0 bg-(--el-color-warning) text-white">
+                <el-icon size="28">
+                  <Search/>
+                </el-icon>
+              </div>
+              <div class="flex-1 min-w-0">
+                <div class="text-base font-semibold text-(--el-text-color-primary) mb-1">删除指定数量数据</div>
+                <div class="text-xs text-(--el-text-color-secondary)">同时删除去重参考值和原始数据</div>
+              </div>
+              <el-button type="warning" @click="deleteSpecifyDataVisible = true">指定</el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 空状态 -->
+      <div v-else-if="value" class="flex flex-col items-center p-16 text-(--el-text-color-secondary)">
+        <el-icon size="64" color="#dcdfe6">
+          <InfoFilled/>
+        </el-icon>
+        <div class="mt-4 text-[15px]">暂无数据</div>
+      </div>
+
+      <!-- 未选择 -->
+      <div v-else class="flex flex-col items-center p-16 text-(--el-text-color-secondary)">
+        <el-icon size="64" color="#dcdfe6">
+          <Key/>
+        </el-icon>
+        <div class="mt-4 text-[15px]">请选择 Token 查看详情</div>
+      </div>
+    </div>
+
+    <!-- 删除确认对话框 -->
+    <el-dialog v-model="deleteSpecifyDedupVisible" title="删除指定数量去重参考值" width="400">
+      <el-input v-model="inputSpecifyDedup" placeholder="请输入删除数量" type="number"/>
+
+      <template #footer>
+        <el-button @click="deleteSpecifyDedupVisible = false">取消</el-button>
+        <el-button type="primary" @click="deleteSpecifyDedup" :loading="isLoading">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog v-model="deleteSpecifyRawVisible" title="删除指定数量原始数据" width="400">
+      <el-input v-model="inputSpecifyRaw" placeholder="请输入删除数量" type="number"/>
+      <template #footer>
+        <el-button @click="deleteSpecifyRawVisible = false">取消</el-button>
+        <el-button type="primary" @click="deleteSpecifyRaw" :loading="isLoading">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <el-dialog v-model="deleteSpecifyDataVisible" title="删除指定数量数据" width="400">
+      <el-input v-model="inputSpecifyData" placeholder="请输入删除数量" type="number"/>
+      <template #footer>
+        <el-button @click="deleteSpecifyDataVisible = false">取消</el-button>
+        <el-button type="primary" @click="deleteSpecifyData" :loading="isLoading">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>

web/src/views/admin/TokenManageView.vue

@@ -0,0 +1,336 @@
+<script setup lang="ts">
+import api from "@/api"
+import {useCounterStore} from "@/stores/counter.ts"
+import {Delete, Edit, Key, Memo, Plus, View} from '@element-plus/icons-vue'
+
+const store = useCounterStore()
+const router = useRouter()
+
+const tableData = ref<any[]>([])
+const loading = ref(false)
+const input = ref('')
+
+const inputDedupObject = ref('')
+const inputDataFormat = ref('')
+const inputNotes = ref('')
+
+const activeNames = ref(['1'])
+
+const rowOut = ref<any>(null)
+const addDataDialogVisible = ref(false)
+const dataDialogVisible = ref(false)
+
+const isAdding = ref(false)
+const optionName = ref('')
+
+const onAddOption = () => {
+  isAdding.value = true
+}
+
+const onConfirm = () => {
+  if (optionName.value) {
+    dataFormatOptions.push({
+      label: optionName.value,
+      value: optionName.value,
+    })
+    clear()
+  }
+}
+
+const clear = () => {
+  optionName.value = ''
+  isAdding.value = false
+}
+
+const options = [
+  {value: 'false', label: '不去重'},
+  {value: 'uid', label: 'uid'},
+  {value: 'secid', label: 'secid'},
+  {value: 'pid', label: 'pid'},
+  {value: 'comment_id', label: 'comment_id'},
+  {value: 'dyid', label: 'dyid'},
+  {value: "弹幕ID", label: "弹幕ID"}
+]
+
+const dataFormatOptions = [
+  {value: 'uid----secid----pid----comment_id', label: 'uid----secid----pid----comment_id'},
+  {value: "uid----pid----弹幕ID", label: "uid----pid----弹幕ID"},
+  {value: 'uid----secid', label: 'uid----secid'},
+  {value: 'dyid', label: 'dyid'}
+]
+
+const fetchTokens = async () => {
+  loading.value = true
+  try {
+    const res = await api.getTokenList()
+    tableData.value = res.data.data || []
+  } finally {
+    loading.value = false
+  }
+}
+
+const addToken = async () => {
+  if (!input.value || !inputDedupObject.value || !inputDataFormat.value) {
+    ElMessage.warning('请填写完整信息')
+    return
+  }
+  try {
+    await api.createToken({
+      token: input.value,
+      dedup_object: inputDedupObject.value,
+      data_format: inputDataFormat.value,
+      notes: inputNotes.value,
+    })
+    ElMessage({message: '添加成功', type: 'success'})
+    input.value = ''
+    inputDedupObject.value = ''
+    inputDataFormat.value = ''
+    inputNotes.value = ''
+    fetchTokens()
+  } catch (error: any) {
+    ElMessage.error('添加失败' + error.response?.data?.error)
+  }
+}
+
+const viewDetails = (row: any) => {
+  store.token = row.token
+  router.push({name: "TokenDetail"})
+}
+
+const dialogDataADDVisible = (row: any) => {
+  rowOut.value = row
+
+  addDataDialogVisible.value = true
+}
+
+const displayDataVisible = (row: any) => {
+  rowOut.value = row
+
+  inputDedupObject.value = row.dedup_object
+  inputDataFormat.value = row.data_format
+  inputNotes.value = row.notes
+
+  dataDialogVisible.value = true
+}
+
+const updateData = async () => {
+  try {
+    await api.updateToken({
+      token: rowOut.value.token,
+      dedup_object: inputDedupObject.value,
+      data_format: inputDataFormat.value,
+      notes: inputNotes.value,
+    })
+  } catch (error: any) {
+    ElMessage.error('更新失败' + error.response?.data?.error)
+    dataDialogVisible.value = false
+    return
+  }
+  ElMessage({message: '更新成功', type: 'success'})
+  fetchTokens()
+  dataDialogVisible.value = false
+}
+
+const deleteToken = async (row: any) => {
+  try {
+    await api.deleteToken({token: row.token})
+    ElMessage({message: '删除成功', type: 'success'})
+    fetchTokens()
+  } catch (error: any) {
+    ElMessage.error('删除失败' + error.response?.data?.error)
+  }
+}
+
+onMounted(() => {
+  if (store.isAdmin) {
+    fetchTokens()
+  }
+})
+</script>
+
+<template>
+  <div class="mx-auto w-full bg-white">
+    <!-- 管理页面 -->
+    <div class="rounded-lg p-6 shadow-[0_2px_12px_rgba(0,0,0,0.08)]">
+      <div class="text-xl font-semibold text-(--el-text-color-primary) pb-3 border-b border-(--el-border-color)">
+        Token 管理
+      </div>
+
+      <!-- 添加表单 -->
+      <el-collapse
+          class="rounded-xl"
+          v-model="activeNames"
+      >
+        <el-collapse-item title="添加新 Token" name="1"
+                          class="flex flex-wrap gap-3 items-center max-md:flex-col max-md:items-stretch"
+        >
+          <el-input v-model="input" placeholder="Token 名称" clearable class="w-55 max-md:w-full">
+            <template #prefix>
+              <el-icon>
+                <Key/>
+              </el-icon>
+            </template>
+          </el-input>
+
+          <el-select v-model="inputDedupObject" placeholder="去重对象" clearable class="w-70 max-md:w-full">
+            <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"/>
+          </el-select>
+
+          <el-select v-model="inputDataFormat" placeholder="数据格式" clearable class="w-70 max-md:w-full">
+            <template #footer>
+              <el-button v-if="!isAdding" text bg size="small" @click="onAddOption">
+                添加数据格式
+              </el-button>
+              <template v-else>
+                <el-input
+                    v-model="optionName"
+                    placeholder="输入数据格式（以----分割）"
+                    size="small"
+                />
+                <el-button type="primary" size="small" @click="onConfirm">添加</el-button>
+                <el-button size="small" @click="clear">取消</el-button>
+              </template>
+            </template>
+            <el-option v-for="item in dataFormatOptions" :key="item.value" :value="item.value"
+                       :label="item.label"
+            />
+          </el-select>
+
+          <el-input v-model="inputNotes" placeholder="备注（可选）" clearable class="w-55 max-md:w-full">
+            <template #prefix>
+              <el-icon>
+                <Memo/>
+              </el-icon>
+            </template>
+          </el-input>
+
+          <el-button type="primary" @click="addToken" class="max-md:w-full">
+            <el-icon>
+              <Plus/>
+            </el-icon>
+            添加
+          </el-button>
+        </el-collapse-item>
+      </el-collapse>
+
+      <!-- Token 列表 -->
+      <div>
+        <div class="flex justify-between items-center">
+          <span class="text-base font-semibold text-(--el-text-color-primary) mt-5 mb-4">Token 列表</span>
+          <span class="text-xs text-(--el-text-color-secondary)">共 {{ tableData.length }} 条</span>
+        </div>
+
+        <el-table empty-text="没有数据" stripe style="width: 100%"
+                  :data="tableData" v-loading="loading">
+          <el-table-column prop="token" label="Token" min-width="100" show-overflow-tooltip>
+            <template #default="{ row }">
+              <div class="flex items-center gap-2">
+                <el-icon>
+                  <Key/>
+                </el-icon>
+                <span>{{ row.token }}</span>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="dedup_object" label="去重对象" width="200">
+            <template #default="{ row }">
+              <el-tag type="primary" effect="plain">
+                {{ row.dedup_object == "false" ? "不去重" : row.dedup_object }}
+              </el-tag>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="data_format" label="数据格式" min-width="200" show-overflow-tooltip>
+            <template #default="{ row }">
+              <div class="text-xs break-all">{{ row.data_format }}</div>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="notes" label="备注" min-width="150" show-overflow-tooltip>
+            <template #default="{ row }">
+              <span class="text-(--el-text-color-secondary) overflow-hidden text-ellipsis whitespace-nowrap">
+                {{ row.notes || '-' }}
+              </span>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="操作" width="380" fixed="right">
+            <template #default="{ row }">
+              <div class="flex gap-1 flex-wrap max-md:flex-col">
+                <el-button size="small" text @click="viewDetails(row)">
+                  <el-icon>
+                    <View/>
+                  </el-icon>
+                  详情
+                </el-button>
+                <el-button size="small" text @click="dialogDataADDVisible(row)">
+                  <el-icon>
+                    <Plus/>
+                  </el-icon>
+                  数据
+                </el-button>
+                <el-button type="primary" size="small" text @click="displayDataVisible(row)">
+                  <el-icon>
+                    <Edit/>
+                  </el-icon>
+                  编辑
+                </el-button>
+                <el-popconfirm
+                    title="确认删除此 Token 吗？"
+                    confirm-button-text="确认"
+                    cancel-button-text="取消"
+                    @confirm="deleteToken(row)"
+                >
+                  <template #reference>
+                    <el-button type="danger" size="small" text>
+                      <el-icon>
+                        <Delete/>
+                      </el-icon>
+                      删除
+                    </el-button>
+                  </template>
+                </el-popconfirm>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+
+  <!-- 编辑对话框 -->
+  <el-dialog width="400"
+             v-model="dataDialogVisible"
+  >
+    <template #header>
+      编辑Token
+      <el-tag type="primary" effect="plain">{{ rowOut?.token }}</el-tag>
+    </template>
+
+
+    <div class="flex flex-col gap-3">
+      <el-text class="mr-auto">去重对象</el-text>
+      <el-select v-model="inputDedupObject" placeholder="选择去重对象">
+        <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"/>
+      </el-select>
+
+      <el-text class="mr-auto">数据格式</el-text>
+      <el-select v-model="inputDataFormat" placeholder="选择数据格式">
+        <el-option v-for="item in dataFormatOptions" :key="item.value" :value="item.value" :label="item.label"/>
+      </el-select>
+      <el-text class="mr-auto">备注</el-text>
+      <el-input v-model="inputNotes" placeholder="请输入备注"/>
+    </div>
+
+    <template #footer>
+      <el-button @click="dataDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="updateData">确定</el-button>
+    </template>
+  </el-dialog>
+
+  <AddDataDialog
+      v-model="addDataDialogVisible"
+      :token="rowOut?.token"
+  />
+</template>

web/tsconfig.app.json

@@ -3,7 +3,7 @@
   "include": [
     "env.d.ts",
     "src/**/*",
-    "src/**/*.vue"
+    "src/**/*.vue",
   ],
   "exclude": [
     "src/**/__tests__/*"

web/vite.config.ts

@@ -1,18 +1,35 @@
-import { fileURLToPath, URL } from 'node:url'
+import {fileURLToPath, URL} from 'node:url'
 
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
+import tailwindcss from '@tailwindcss/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [
+    plugins: [
-    vue(),
+        vue(),
-    vueDevTools(),
+        vueDevTools(),
-  ],
+        tailwindcss(),
-  resolve: {
+        AutoImport({
-    alias: {
+            imports: [
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+                'vue',
+                'vue-router',
+            ],
+            resolvers: [ElementPlusResolver()],
+            dts: 'src/types/import/auto-imports.d.ts',
+        }),
+        Components({
+            resolvers: [ElementPlusResolver()],
+            dts: 'src/types/import/components.d.ts',
+        }),
+    ],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url))
+        },
     },
-  },
 })