root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2026-06-12 14:51:50 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

🚧

This commit is contained in:
gaofy 2023-12-15 18:27:23 +08:00
parent adc0b455e0
commit cb46c02621
2 changed files with 37 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/system-logs.vue Normal file
View File

@ -0,0 +1,25 @@
<template>
<el-timeline>
<el-timeline-item v-for="(item, index) in activities" :key="index" :timestamp="item.time">
{{ item.title + '-' + item.ip }}
</el-timeline-item>
</el-timeline>
</template>
<script lang='ts' setup>
import { onMounted, reactive, ref, toRefs, watch } from 'vue'
import { dateFormater } from '@/utils/date-util';
const activities: any = []
while (activities.length < 10) {
activities.push({
time: dateFormater('yyyy-MM-dd HH:mm:ss'),
title: '登录成功',
ip: '127.0.0.1'
})
}
console.log(activities)
</script>
<style lang='scss' scoped></style>

18
src/views/home/home.vue
View File

@ -2,8 +2,8 @@
<div class="home-page"> <div class="home-page">
<div class="background-box"> <div class="background-box">
<div class="left-content"> <div class="left-content">
<div class="header-box"> <div class="header-box move_4">
<div class="header-item"> <div class="header-item =">
<span class="main-color f20" style="font-weight: 600;">{{ userInfo.name }}</span> <span class="main-color f20" style="font-weight: 600;">{{ userInfo.name }}</span>
<span class="text2-color f14">{{ userInfo.permissions }}</span> <span class="text2-color f14">{{ userInfo.permissions }}</span>
</div> </div>
@ -16,12 +16,17 @@
</div> </div>
</div> </div>
<div class="echart-box"> <div class="echart-box">
<div class="echart-item"><NumberChart/></div> <div class="echart-item move_2"><NumberChart/></div>
<div class="echart-item"><TimeChart/></div> <div class="echart-item move_4"><TimeChart/></div>
</div> </div>
</div> </div>
<div class="right-content"> <div class="right-content">
<div class="week-calendar">
</div>
<div class="system-logs">
<SystemLogs/>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -32,6 +37,7 @@ import { onMounted, reactive, ref, toRefs, watch } from 'vue'
import { useLoginStore } from '@/stores/user-info-store' import { useLoginStore } from '@/stores/user-info-store'
import NumberChart from "./number-chart.vue"; import NumberChart from "./number-chart.vue";
import TimeChart from "./time-chart.vue"; import TimeChart from "./time-chart.vue";
import SystemLogs from "@/components/system-logs.vue";
const userInfo = useLoginStore().getlogin() const userInfo = useLoginStore().getlogin()
@ -43,8 +49,6 @@ const total = ref(0) // 日历添加的记录提醒统计
.home-page { .home-page {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex;
justify-content: space-between;
padding: 15px; padding: 15px;
.background-box { .background-box {
@ -52,6 +56,8 @@ const total = ref(0) // 日历添加的记录提醒统计
height: 100%; height: 100%;
background: white; background: white;
padding: 20px 35px; padding: 20px 35px;
display: flex;
justify-content: space-between;
} }
.left-content { .left-content {