refactor: 将布隆过滤器改为Cuckoo过滤器并优化代码结构

web/src/views/TokenDetailView.vue

@@ -16,12 +16,8 @@ value.value = useCounterStore().token
 const options = ref([] as string[])
 
 // 控制删除指定Redis键的确认对话框的显示状态
-const deleteSpecifyRedisVisible = ref(false)
-const inputSpecifyRedis = ref('')
-
-// 控制删除指定去重项的确认对话框的显示状态
-const deleteSpecifyDedupVisible = ref(false)
-const inputSpecifyDedup = ref('')
+const deleteSpecifyDataVisible = ref(false)
+const inputSpecifyData = ref('')
 
 
 const getInfo = () => {
@@ -76,27 +72,15 @@ axios.get('/api/token').then(res => {
   }
 })
 
-const deleteSpecifyRedis = () => {
+const deleteSpecifyData = () => {
   axios.delete('/api/token/info', {
     params: {
       token: value.value,
-      cache_list: inputSpecifyRedis.value,
+      cache_list: inputSpecifyData.value,
     }
   }).then(res => {
     getInfo()
-    deleteSpecifyRedisVisible.value = false
-  })
-}
-
-const deleteSpecifyDedup = () => {
-  axios.delete('/api/token/info', {
-    params: {
-      token: value.value,
-      dedup_bf: inputSpecifyDedup.value,
-    }
-  }).then(res => {
-    getInfo()
-    deleteSpecifyDedupVisible.value = false
+    deleteSpecifyDataVisible.value = false
   })
 }
 </script>
@@ -107,6 +91,7 @@ const deleteSpecifyDedup = () => {
     <el-alert title="您没有权限访问此页面" type="error" center show-icon/>
   </div>
 
+
   <div v-if="useCounterStore().isAdmin">
     <b>当前Token：</b>
     <el-select v-model="value" placeholder="选择Token" style="width: 240px">
@@ -144,25 +129,17 @@ const deleteSpecifyDedup = () => {
     <el-button type="danger" @click="deleteDedup">删除全部去重参考值</el-button>
     <el-button type="danger" @click="deleteRedis">删除全部原始数据</el-button>
     <div style="margin-top: 10px">
-      <el-button type="danger" @click="deleteSpecifyDedupVisible=true">删除指定数量去重参考值</el-button>
-      <el-button type="danger" @click="deleteSpecifyRedisVisible=true">删除指定数量原始数据</el-button>
+      <el-button type="danger" @click="deleteSpecifyDataVisible=true">
+        删除指定数量的数据（去重参考值+原始数据）
+      </el-button>
     </div>
 
 
     <!--弹窗输入-->
-    <el-dialog v-model="deleteSpecifyDedupVisible" title="删除指定数量去重参考值" width="400">
-      <el-input v-model="inputSpecifyDedup" style="width: 200px" placeholder="请输入删除数量"/>
+    <el-dialog v-model="deleteSpecifyDataVisible" title="删除指定数量的数据" width="400">
+      <el-input v-model="inputSpecifyData" style="width: 200px" placeholder="请输入删除数量"/>
       <template #footer>
-        <el-button type="primary" @click="deleteSpecifyDedup">
-          确定
-        </el-button>
-      </template>
-    </el-dialog>
-
-    <el-dialog v-model="deleteSpecifyRedisVisible" title="删除指定数量原始数据" width="400">
-      <el-input v-model="inputSpecifyRedis" style="width: 200px" placeholder="请输入删除数量"/>
-      <template #footer>
-        <el-button type="primary" @click="deleteSpecifyRedis">
+        <el-button type="primary" @click="deleteSpecifyData">
           确定
         </el-button>
       </template>