#20 通用模块: - MinioService: MinIO 文件上传/下载/桶管理 - @DataScope 注解: 数据权限切片 - ExcelUtils: EasyExcel 导出 - IdUtils: Snowflake ID 生成器 - BaseEntity: MyBatis-Plus 基础实体 #23 前端框架: - Vue3 + TypeScript + Vite + Element Plus + ECharts + Pinia - 路由系统: 登录守卫 + 动态路由 - 登录页: 渐变背景 + Axios+Sa-Token 认证 - 仪表盘: 统计卡片 + 供水趋势折线图 + 片区饼图 - MainLayout: 侧边栏菜单 + 顶栏用户下拉(退出) - API 层: Axios 请求/响应拦截器 + Token 自动注入 - 系统管理骨架: 用户/角色/菜单/部门 列表页
23 lines
817 B
Vue
23 lines
817 B
Vue
<template>
|
|
<div>
|
|
<el-button type="primary" @click="dialogVisible=true">新增用户</el-button>
|
|
<el-table :data="tableData" style="margin-top:10px" border>
|
|
<el-table-column prop="id" label="ID" width="80" />
|
|
<el-table-column prop="name" label="名称" />
|
|
<el-table-column label="操作" width="180">
|
|
<template #default>
|
|
<el-button link type="primary">编辑</el-button>
|
|
<el-button link type="danger">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-dialog v-model="dialogVisible" title="新增用户"><span>表单内容待实现</span></el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
const dialogVisible = ref(false)
|
|
const tableData = ref<Array<{id:number,name:string}>>([])
|
|
</script>
|