feat: 实现Redis集成协议并重构项目控制台
refactor(backend): 重构后端服务以支持Redis协议 feat(backend): 添加Redis客户端和服务模块 feat(backend): 实现命令和日志路由处理Redis交互 refactor(frontend): 重构前端状态管理和组件结构 feat(frontend): 实现基于Redis的日志和命令功能 docs: 添加Redis集成协议文档 chore: 更新ESLint配置和依赖
This commit is contained in:
@@ -2,24 +2,33 @@
|
||||
<div class="log-view">
|
||||
<h2>日志记录</h2>
|
||||
<div class="log-container">
|
||||
<div v-if="logs.length === 0" class="empty-state">
|
||||
<div
|
||||
v-if="logs.length === 0"
|
||||
class="empty-state"
|
||||
>
|
||||
<p>暂无日志记录</p>
|
||||
</div>
|
||||
<div v-for="(log, index) in logs" :key="index" class="log-item">
|
||||
<div
|
||||
v-for="(log, index) in logs"
|
||||
:key="index"
|
||||
class="log-item"
|
||||
>
|
||||
<div class="log-header">
|
||||
<span class="log-timestamp">{{ log.timestamp }}</span>
|
||||
<span class="log-level">{{ log.level }}</span>
|
||||
</div>
|
||||
<div class="log-message">{{ log.message }}</div>
|
||||
<div class="log-message">
|
||||
{{ log.message }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { ref } from 'vue';
|
||||
|
||||
const logs = ref([])
|
||||
const logs = ref([]);
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
Reference in New Issue
Block a user