refactor: 移除ant-design-vue和tailwindcss依赖并优化样式

style: 统一使用css替换scss并调整组件样式
style: 优化组件布局和属性顺序
chore: 更新.gitignore和.eslintrc配置
This commit is contained in:
张翔
2026-03-13 09:55:05 +08:00
parent 9f8bf041c3
commit 2555bf5f55
17 changed files with 901 additions and 1313 deletions
@@ -3,7 +3,10 @@
<el-row :gutter="16">
<el-col :span="6">
<el-card v-loading="loading">
<el-statistic title="用户总数" :value="stats.userCount">
<el-statistic
title="用户总数"
:value="stats.userCount"
>
<template #prefix>
<el-icon><User /></el-icon>
</template>
@@ -12,7 +15,10 @@
</el-col>
<el-col :span="6">
<el-card v-loading="loading">
<el-statistic title="角色总数" :value="stats.roleCount">
<el-statistic
title="角色总数"
:value="stats.roleCount"
>
<template #prefix>
<el-icon><UserFilled /></el-icon>
</template>
@@ -21,7 +27,10 @@
</el-col>
<el-col :span="6">
<el-card v-loading="loading">
<el-statistic title="今日登录" :value="stats.todayLogin">
<el-statistic
title="今日登录"
:value="stats.todayLogin"
>
<template #prefix>
<el-icon><ArrowRight /></el-icon>
</template>
@@ -30,7 +39,10 @@
</el-col>
<el-col :span="6">
<el-card v-loading="loading">
<el-statistic title="操作日志" :value="stats.operationLog">
<el-statistic
title="操作日志"
:value="stats.operationLog"
>
<template #prefix>
<el-icon><Document /></el-icon>
</template>
@@ -38,9 +50,15 @@
</el-card>
</el-col>
</el-row>
<el-row :gutter="16" style="margin-top: 16px">
<el-row
:gutter="16"
style="margin-top: 16px"
>
<el-col :span="12">
<el-card title="最近登录" v-loading="loading">
<el-card
v-loading="loading"
title="最近登录"
>
<el-timeline>
<el-timeline-item
v-for="item in recentLogins"
@@ -54,12 +72,26 @@
</el-card>
</el-col>
<el-col :span="12">
<el-card title="系统信息" v-loading="loading">
<el-descriptions :column="1" border>
<el-descriptions-item label="系统版本">{{ systemInfo.version }}</el-descriptions-item>
<el-descriptions-item label="Java版本">{{ systemInfo.javaVersion }}</el-descriptions-item>
<el-descriptions-item label="前端框架">{{ systemInfo.frontendFramework }}</el-descriptions-item>
<el-descriptions-item label="数据库">{{ systemInfo.database }}</el-descriptions-item>
<el-card
v-loading="loading"
title="系统信息"
>
<el-descriptions
:column="1"
border
>
<el-descriptions-item label="系统版本">
{{ systemInfo.version }}
</el-descriptions-item>
<el-descriptions-item label="Java版本">
{{ systemInfo.javaVersion }}
</el-descriptions-item>
<el-descriptions-item label="前端框架">
{{ systemInfo.frontendFramework }}
</el-descriptions-item>
<el-descriptions-item label="数据库">
{{ systemInfo.database }}
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-col>
@@ -127,7 +159,7 @@ onMounted(() => {
})
</script>
<style scoped lang="scss">
<style scoped lang="css">
.dashboard {
padding: 16px;
}