From fda152b544ed0b3ceb8309df5b7eca2de888f3f1 Mon Sep 17 00:00:00 2001 From: chenrui <1187576398@qq.com> Date: 星期二, 10 六月 2025 11:39:55 +0800 Subject: [PATCH] 开票登记编辑功能开发 --- src/views/monitor/cache/list.vue | 97 +++++++++++++++++++++++++----------------------- 1 files changed, 51 insertions(+), 46 deletions(-) diff --git a/src/views/monitor/cache/list.vue b/src/views/monitor/cache/list.vue index fbdcf0d..77baec4 100644 --- a/src/views/monitor/cache/list.vue +++ b/src/views/monitor/cache/list.vue @@ -4,10 +4,11 @@ <el-col :span="8"> <el-card style="height: calc(100vh - 125px)"> <template #header> - <span>缂撳瓨鍒楄〃</span> + <Collection style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">缂撳瓨鍒楄〃</span> <el-button style="float: right; padding: 3px 0" - type="text" + link + type="primary" icon="Refresh" @click="refreshCacheNames()" ></el-button> @@ -48,7 +49,8 @@ > <template #default="scope"> <el-button - type="text" + link + type="primary" icon="Delete" @click="handleClearCacheName(scope.row)" ></el-button> @@ -61,10 +63,11 @@ <el-col :span="8"> <el-card style="height: calc(100vh - 125px)"> <template #header> - <span>閿悕鍒楄〃</span> + <Key style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">閿悕鍒楄〃</span> <el-button style="float: right; padding: 3px 0" - type="text" + link + type="primary" icon="Refresh" @click="refreshCacheKeys()" ></el-button> @@ -97,7 +100,8 @@ > <template #default="scope"> <el-button - type="text" + link + type="primary" icon="Delete" @click="handleClearCacheKey(scope.row)" ></el-button> @@ -110,16 +114,17 @@ <el-col :span="8"> <el-card :bordered="false" style="height: calc(100vh - 125px)"> <template #header> - <span>缂撳瓨鍐呭</span> + <Document style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">缂撳瓨鍐呭</span> <el-button style="float: right; padding: 3px 0" - type="text" + link + type="primary" icon="Refresh" @click="handleClearCacheAll()" >娓呯悊鍏ㄩ儴</el-button > </template> - <el-form :model="form"> + <el-form :model="cacheForm"> <el-row :gutter="32"> <el-col :offset="1" :span="22"> <el-form-item label="缂撳瓨鍚嶇О:" prop="cacheName"> @@ -150,92 +155,92 @@ </template> <script setup name="CacheList"> -import { listCacheName, listCacheKey, getCacheValue, clearCacheName, clearCacheKey, clearCacheAll } from "@/api/monitor/cache"; +import { listCacheName, listCacheKey, getCacheValue, clearCacheName, clearCacheKey, clearCacheAll } from "@/api/monitor/cache" -const { proxy } = getCurrentInstance(); +const { proxy } = getCurrentInstance() -const cacheNames = ref([]); -const cacheKeys = ref([]); -const cacheForm = ref({}); -const loading = ref(true); -const subLoading = ref(false); -const nowCacheName = ref(""); -const tableHeight = ref(window.innerHeight - 200); +const cacheNames = ref([]) +const cacheKeys = ref([]) +const cacheForm = ref({}) +const loading = ref(true) +const subLoading = ref(false) +const nowCacheName = ref("") +const tableHeight = ref(window.innerHeight - 200) /** 鏌ヨ缂撳瓨鍚嶇О鍒楄〃 */ function getCacheNames() { - loading.value = true; + loading.value = true listCacheName().then(response => { - cacheNames.value = response.data; - loading.value = false; - }); + cacheNames.value = response.data + loading.value = false + }) } /** 鍒锋柊缂撳瓨鍚嶇О鍒楄〃 */ function refreshCacheNames() { - getCacheNames(); - proxy.$modal.msgSuccess("鍒锋柊缂撳瓨鍒楄〃鎴愬姛"); + getCacheNames() + proxy.$modal.msgSuccess("鍒锋柊缂撳瓨鍒楄〃鎴愬姛") } /** 娓呯悊鎸囧畾鍚嶇О缂撳瓨 */ function handleClearCacheName(row) { clearCacheName(row.cacheName).then(response => { - proxy.$modal.msgSuccess("娓呯悊缂撳瓨鍚嶇О[" + nowCacheName.value + "]鎴愬姛"); - getCacheKeys(); - }); + proxy.$modal.msgSuccess("娓呯悊缂撳瓨鍚嶇О[" + row.cacheName + "]鎴愬姛") + getCacheKeys() + }) } /** 鏌ヨ缂撳瓨閿悕鍒楄〃 */ function getCacheKeys(row) { - const cacheName = row !== undefined ? row.cacheName : nowCacheName.value; + const cacheName = row !== undefined ? row.cacheName : nowCacheName.value if (cacheName === "") { - return; + return } - subLoading.value = true; + subLoading.value = true listCacheKey(cacheName).then(response => { - cacheKeys.value = response.data; - subLoading.value = false; - nowCacheName.value = cacheName; - }); + cacheKeys.value = response.data + subLoading.value = false + nowCacheName.value = cacheName + }) } /** 鍒锋柊缂撳瓨閿悕鍒楄〃 */ function refreshCacheKeys() { - getCacheKeys(); - proxy.$modal.msgSuccess("鍒锋柊閿悕鍒楄〃鎴愬姛"); + getCacheKeys() + proxy.$modal.msgSuccess("鍒锋柊閿悕鍒楄〃鎴愬姛") } /** 娓呯悊鎸囧畾閿悕缂撳瓨 */ function handleClearCacheKey(cacheKey) { clearCacheKey(cacheKey).then(response => { - proxy.$modal.msgSuccess("娓呯悊缂撳瓨閿悕[" + cacheKey + "]鎴愬姛"); - getCacheKeys(); - }); + proxy.$modal.msgSuccess("娓呯悊缂撳瓨閿悕[" + cacheKey + "]鎴愬姛") + getCacheKeys() + }) } /** 鍒楄〃鍓嶇紑鍘婚櫎 */ function nameFormatter(row) { - return row.cacheName.replace(":", ""); + return row.cacheName.replace(":", "") } /** 閿悕鍓嶇紑鍘婚櫎 */ function keyFormatter(cacheKey) { - return cacheKey.replace(nowCacheName.value, ""); + return cacheKey.replace(nowCacheName.value, "") } /** 鏌ヨ缂撳瓨鍐呭璇︾粏 */ function handleCacheValue(cacheKey) { getCacheValue(nowCacheName.value, cacheKey).then(response => { - cacheForm.value = response.data; - }); + cacheForm.value = response.data + }) } /** 娓呯悊鍏ㄩ儴缂撳瓨 */ function handleClearCacheAll() { clearCacheAll().then(response => { - proxy.$modal.msgSuccess("娓呯悊鍏ㄩ儴缂撳瓨鎴愬姛"); - }); + proxy.$modal.msgSuccess("娓呯悊鍏ㄩ儴缂撳瓨鎴愬姛") + }) } -getCacheNames(); +getCacheNames() </script> -- Gitblit v1.9.3