From 6e596871e673d3e214abb5e3665bf5bf2b804dd4 Mon Sep 17 00:00:00 2001
From: daxpay <xxm1995@outlook.com>
Date: Wed, 7 May 2025 17:58:46 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=90=8C=E6=AD=A5=E8=84=9A=E6=89=8B?=
 =?UTF-8?q?=E6=9E=B6=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/registerGlobComp.ts        |  2 +
 src/views/baseapi/cache/CacheClear.api.ts | 16 +++++
 src/views/baseapi/cache/CacheClear.vue    | 71 +++++++++++++++++++++++
 3 files changed, 89 insertions(+)
 create mode 100644 src/views/baseapi/cache/CacheClear.api.ts
 create mode 100644 src/views/baseapi/cache/CacheClear.vue

diff --git a/src/components/registerGlobComp.ts b/src/components/registerGlobComp.ts
index 39a61654..45f46998 100644
--- a/src/components/registerGlobComp.ts
+++ b/src/components/registerGlobComp.ts
@@ -44,6 +44,7 @@ import {
   Space,
   Statistic,
   Cascader,
+  Transfer,
 } from 'ant-design-vue'
 
 export function registerGlobComp(app: App) {
@@ -90,6 +91,7 @@ export function registerGlobComp(app: App) {
   app.use(Form)
   app.use(Spin)
   app.use(Dropdown)
+  app.use(Transfer)
   app.use(Input)
   app.use(Statistic)
 }
diff --git a/src/views/baseapi/cache/CacheClear.api.ts b/src/views/baseapi/cache/CacheClear.api.ts
new file mode 100644
index 00000000..c5b69514
--- /dev/null
+++ b/src/views/baseapi/cache/CacheClear.api.ts
@@ -0,0 +1,16 @@
+import { defHttp } from '@/utils/http/axios'
+import { Result } from '#/axios'
+
+/**
+ * 查询所有缓存前缀
+ */
+export function getCachePrefix() {
+  return defHttp.get<Result<string[]>>({ url: '/cache/clear/getCachePrefix' })
+}
+
+/**
+ * 清除指定前缀的缓存
+ */
+export function clearCacheByPrefix(params) {
+  return defHttp.post<Result<void>>({ url: '/cache/clear/prefix', data: params })
+}
diff --git a/src/views/baseapi/cache/CacheClear.vue b/src/views/baseapi/cache/CacheClear.vue
new file mode 100644
index 00000000..701b0ad6
--- /dev/null
+++ b/src/views/baseapi/cache/CacheClear.vue
@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <div class="m-3 p-3 bg-white">
+      <a-transfer
+        show-search
+        v-model:target-keys="targetKeys"
+        :data-source="list"
+        :filter-option="filterOption"
+        :render="(item) => item.title"
+      />
+      <a-button class="mt-5" type="primary" :disabled="!targetKeys.length" @click="submit"
+        >删除</a-button
+      >
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { onMounted, ref } from 'vue'
+  import { getCachePrefix, clearCacheByPrefix } from './CacheClear.api'
+  import { useMessage } from '@/hooks/web/useMessage'
+
+  const { createMessage, createConfirm } = useMessage()
+
+  interface Data {
+    key: string
+    title: string
+    description: string
+    chosen: boolean
+  }
+  const list = ref<Data[]>([])
+
+  const targetKeys = ref<string[]>([])
+  onMounted(() => {
+    initData()
+  })
+  function initData() {
+    getCachePrefix().then(({ data }) => {
+      list.value = data.map((item) => {
+        return {
+          key: item,
+          title: item,
+          description: item,
+          chosen: false,
+        }
+      })
+    })
+  }
+
+  /**
+   * 提交
+   */
+  function submit() {
+    createConfirm({
+      iconType: 'warning',
+      title: '警告',
+      content: '是否删除选中的缓存前缀对应的数据',
+      onOk: () => {
+        clearCacheByPrefix(targetKeys.value).then(() => {
+          createMessage.success('缓存清除成功')
+        })
+      },
+    })
+  }
+
+  /**
+   * 搜索
+   */
+  function filterOption(inputValue: string, option: Data) {
+    return option.description.toLowerCase().indexOf(inputValue.toLowerCase()) > -1
+  }
+</script>