diff --git a/src/api/cache.js b/src/api/cache.js
new file mode 100644
index 0000000000000000000000000000000000000000..b83832a2cb5bf63206e992287388e2863350fe44
--- /dev/null
+++ b/src/api/cache.js
@@ -0,0 +1,8 @@
+import request from "@/utils/request";
+
+export function listCacheIndex() {
+  return request({
+    url: "/cache/listCacheIndex",
+    method: "GET",
+  });
+}
diff --git a/src/views/system/base/app/index.vue b/src/views/system/base/app/index.vue
index df9793557892904235e3cde9956aaa319b806eee..642359637e87b1d61e98b3d8972882ab46d3e32d 100644
--- a/src/views/system/base/app/index.vue
+++ b/src/views/system/base/app/index.vue
@@ -49,7 +49,7 @@
         default-expand-all
         stripe
       >
-        <el-table-column type="index" label="序号">
+        <el-table-column type="index" label="序号" width="60">
         </el-table-column>
         <el-table-column prop="appId" label="应用ID">
         </el-table-column>
@@ -152,8 +152,13 @@ let rules = ref({
 
 function currentChange(current) {
   query.value.current = current;
-  query.value.startTime = datetime.value[0];
-  query.value.endTime = datetime.value[1];
+  if (datetime.value) {
+    query.value.startTime = datetime.value[0];
+    query.value.endTime = datetime.value[1];
+  } else {
+    query.value.startTime = null;
+    query.value.endTime = null;
+  }
   loadData();
 }
 function loadData() {
diff --git a/src/views/system/setting/cache/index.vue b/src/views/system/setting/cache/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ae2ffb20f18dfee317523f73c79555751fbb77a3
--- /dev/null
+++ b/src/views/system/setting/cache/index.vue
@@ -0,0 +1,437 @@
+<template>
+  <div class="statistics">
+    <el-row :gutter="10" style="margin-top: 20px">
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">版本号</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{ form.redisVersion }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">运行时间(天)</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{ form.uptimeInDays }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">当前连接数</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{ form.connectedClients }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">已用内存</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{ form.usedMemoryHuman }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+    </el-row>
+    <el-row :gutter="10" style="margin-top: 20px">
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">数据集占用内存</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{ form.usedMemoryDataset }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">当前RDB的进行状态</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{ form.rdbBgsaveInProgress }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">上次成功的RDB时间</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{ form.rdbLastSaveTime }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">上一次RDB状态</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.rdbLastBgsaveStatu ? form.rdbLastBgsaveStatu : "暂无"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+    </el-row>
+    <el-row :gutter="10" style="margin-top: 20px">
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">上次RDB保存用时(秒)</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.rdbLastBgsaveTimeSec === -1
+                        ? form.rdbLastBgsaveTimeSec
+                        : "暂无"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">运行以来RDB次数</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.rdbSaves ? form.rdbSaves : 0
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">是否开启AOF</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.aofEnabled == 0 ? "关闭" : "开启"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">正在进行的AOF重写状态</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.aofRewireInProgress
+                        ? form.aofRewireInProgress
+                        : "暂无"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+    </el-row>
+    <el-row :gutter="10" style="margin-top: 20px">
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">上次AOF重写用时(秒)</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.aofLastRewireTimeSec
+                        ? form.aofLastRewireTimeSec
+                        : "暂无"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">上次AOF重写状态</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.aofLastBgrewriteStatus
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">当前AOF文件大小</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.aofCurrentSize ? form.aofCurrentSize : "0"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div>
+          <el-card shadow="hover">
+            <div class="el-statistic">
+              <el-row>
+                <el-col :span="18">
+                  <div class="head">
+                    <span class="title">运行以来AOF重写次数</span>
+                  </div>
+                  <div class="con">
+                    <span class="number">{{
+                      form.aofRewrites ? form.aofRewrites : "0"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="6">
+                  <div class="icon">
+                    <Histogram />
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup name="Index">
+import { listCacheIndex } from "@/api/cache";
+import { ref, onMounted } from "vue";
+
+let form = ref({});
+
+function loadData() {
+  listCacheIndex()
+    .then((res) => {
+      form.value = res.data;
+    })
+    .catch((err) => {
+      console.log(err);
+    });
+}
+
+onMounted(() => {
+  loadData();
+});
+</script>
+
+<style scope>
+.statistics .el-card .title {
+  font-size: 15px;
+}
+.statistics .el-card .number {
+  font-size: 25px;
+}
+.statistics .icon {
+  width: 60px;
+}
+</style>
diff --git a/src/views/system/setting/log/index.vue b/src/views/system/setting/log/index.vue
index 197f8c2afb31db08a4e9dd568a82c43c1b065b95..95c76778665dbdc737b791b42e9d11c76dc5025e 100644
--- a/src/views/system/setting/log/index.vue
+++ b/src/views/system/setting/log/index.vue
@@ -33,7 +33,8 @@
           prop="requestUrl"
           label="请求地址"
           sortable
-          width="180"
+          width="220"
+          show-overflow-tooltip
         >
         </el-table-column>
         <el-table-column prop="status" label="请求状态" width="100">