From 5a12e91bc866bc367964066203214d751c44b22d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E7=BA=A2=E4=B8=BD?= <1181930680@qq.com>
Date: Tue, 17 Dec 2024 13:46:59 +0800
Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E3=80=81=E5=AD=97=E5=85=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/data/config/index.vue | 52 +++++++++++-----------
 src/views/data/dict/index.vue   | 76 +++++++++++++++++++--------------
 2 files changed, 68 insertions(+), 60 deletions(-)

diff --git a/src/views/data/config/index.vue b/src/views/data/config/index.vue
index c35db7f..ce62c1c 100644
--- a/src/views/data/config/index.vue
+++ b/src/views/data/config/index.vue
@@ -1,34 +1,30 @@
 <template>
   <PageWrapper>
-    <n-grid x-gap="12" cols="1 s:1 m:1 l:3 xl:3 2xl:3" responsive="screen">
-      <n-grid-item span="1">
+    <n-grid x-gap="12" cols="1 s:1 m:1 l:24 xl:24 2xl:24" responsive="screen">
+      <n-grid-item span="7">
         <n-card shadow="hover" class="border-0">
           <template #header>
-            <n-grid cols="24">
-              <n-gi span="18">
-                <n-input
-                  type="text"
-                  v-model:value="params.name"
-                  placeholder="请输入配置名称"
-                  clearable
-                />
-              </n-gi>
-              <n-gi span="6" style="text-align: right">
-                <n-button
-                  type="primary"
-                  @click="
-                    pager.page = 1;
-                    loadDataTable();
-                  "
-                >
-                  <template #icon>
-                    <n-icon>
-                      <SearchOutlined />
-                    </n-icon> </template
-                  >查询
-                </n-button>
-              </n-gi>
-            </n-grid>
+            <n-space>
+              <n-input
+                type="text"
+                v-model:value="params.name"
+                placeholder="请输入配置名称"
+                clearable
+              />
+              <n-button
+                type="primary"
+                @click="
+                  pager.page = 1;
+                  loadDataTable();
+                "
+              >
+                <template #icon>
+                  <n-icon>
+                    <SearchOutlined />
+                  </n-icon> </template
+                >查询
+              </n-button>
+            </n-space>
             <div style="margin-top: 15px">
               <n-space>
                 <n-button type="primary" @click="handleAdd" v-perm="['sys:config:add']">
@@ -79,7 +75,7 @@
           </template>
         </n-card>
       </n-grid-item>
-      <n-grid-item span="2">
+      <n-grid-item span="17">
         <n-card shadow="hover" class="mb-4 border-0 proCard">
           <configItem :configId="configId" v-if="configItemShow" />
         </n-card>
diff --git a/src/views/data/dict/index.vue b/src/views/data/dict/index.vue
index 6918f16..ed8d073 100644
--- a/src/views/data/dict/index.vue
+++ b/src/views/data/dict/index.vue
@@ -1,34 +1,33 @@
 <template>
   <PageWrapper>
-    <n-grid x-gap="12" cols="1 s:1 m:1 l:3 xl:3 2xl:3" responsive="screen">
-      <n-grid-item span="1">
-        <n-card shadow="hover" class="border-0">
+    <n-grid x-gap="12" cols="1 s:1 m:1 l:24 xl:24 2xl:24" responsive="screen">
+      <n-grid-item span="7">
+        <n-card shadow="hover" class="border-0" size="small">
           <template #header>
-            <n-grid cols="24">
-              <n-gi span="18">
-                <n-input
-                  type="text"
-                  v-model:value="params.name"
-                  placeholder="请输入字典名称"
-                  clearable
-                />
-              </n-gi>
-              <n-gi span="6" style="text-align: right; margin-left: 5px">
-                <n-button
-                  type="primary"
-                  @click="
-                    pager.page = 1;
-                    loadDataTable();
-                  "
-                >
-                  <template #icon>
-                    <n-icon>
-                      <SearchOutlined />
-                    </n-icon> </template
-                  >查询
-                </n-button>
-              </n-gi>
-            </n-grid>
+            <n-space :size="4">
+              <n-input
+                type="text"
+                v-model:value="params.name"
+                placeholder="请输入字典名称"
+                clearable
+              />
+              <n-button
+                type="primary"
+                @click="
+                  pager.page = 1;
+                  loadDataTable();
+                "
+              >
+                <template #icon>
+                  <n-icon>
+                    <SearchOutlined />
+                  </n-icon> </template
+                >查询
+              </n-button>
+              <n-button type="primary" @click="dictRefresh" v-perm="['sys:dict:cache']">
+                <template #icon> <RedoOutlined /> </template>刷新缓存</n-button
+              >
+            </n-space>
             <div style="margin-top: 15px">
               <n-space>
                 <n-button type="primary" @click="handleAdd" v-perm="['sys:dict:add']">
@@ -79,8 +78,8 @@
           </template>
         </n-card>
       </n-grid-item>
-      <n-grid-item span="2">
-        <n-card shadow="hover" class="mb-4 border-0 proCard">
+      <n-grid-item span="17">
+        <n-card shadow="hover" class="border-0 proCard" size="small">
           <dictItem :dictId="dictId" v-if="dictItemShow" />
         </n-card>
       </n-grid-item>
@@ -97,8 +96,14 @@
 
 <script lang="ts" setup>
   import { ref, nextTick, defineAsyncComponent, onMounted } from 'vue';
-  import { getDictList, dictDelete } from '@/api/data/dictionary';
-  import { PlusOutlined, FormOutlined, DeleteOutlined, SearchOutlined } from '@vicons/antd';
+  import { getDictList, refreshCache, dictDelete } from '@/api/data/dictionary';
+  import {
+    PlusOutlined,
+    FormOutlined,
+    DeleteOutlined,
+    SearchOutlined,
+    RedoOutlined,
+  } from '@vicons/antd';
   import editDialog from './edit.vue';
   import dictItem from './dictItem.vue';
   import { useMessage, useDialog } from 'naive-ui';
@@ -149,6 +154,13 @@
     await nextTick();
     createModalRef.value.openModal();
   };
+  /**
+   * 刷新缓存
+   */
+  async function dictRefresh() {
+    await refreshCache();
+    message.success('刷新成功');
+  }
 
   /**
    * 数据行选中事件