snowywar/SNCTF-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

完成用户列表

Browse Source
This commit is contained in:
jiayuqi7813
2022-06-27 20:27:32 +08:00
parent 360335476e
commit c8563b7e64
5 changed files with 76 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<title>SNCTF</title>
</head>
<body>
<div id="app"></div>

6
src/components/socre.vue
View File

@@ -1,5 +1,6 @@
<template>
<!-- <div id="myChart"></div>-->
<h1 class="title">排名</h1>
<el-row class="row-bg" justify="center">
<el-col :span="16">
<el-table :data="tableData" style="width: 100%" stripe :row-class-name="tableRowClassName">
@@ -35,6 +36,11 @@ export default {
</script>
<style>
.title{
display: flex;
justify-content: center;
color: #dddddd;
}
.el-table .warning-row {
--el-table-tr-bg-color: var(--el-color-warning-light-9);
}

48
src/components/userlist.vue Normal file
View File

@@ -0,0 +1,48 @@
<template>
<h1 class="title">
用户
</h1>
<el-row class="row-bg" justify="center">
<el-col :span="16">
<el-table :data="tableData" style="width: 100%" stripe :row-class-name="tableRowClassName">
<el-table-column prop="id" label="Id" width="180" />
<el-table-column prop="username" label="User" width="180" />
<el-table-column prop="affiliation" label="Affiliation" />
<el-table-column prop="country" label="Country" />
<el-table-column prop="website" label="Website" />
</el-table>
</el-col>
</el-row>
</template>
<script>
import axios from "axios";
export default {
data(){
return{
tableData:[],
}
},
mounted() {
axios.get('/api/v1/user/users').then(res => {
if (res.data.code === 200) {
console.log(res.data.data);
this.tableData = res.data.data;
}
})
}
}
</script>
<style lang="less" scoped>
.title{
display: flex;
justify-content: center;
color: #dddddd;
}
</style>

10
src/router/index.js
View File

@@ -1,8 +1,11 @@
import { createRouter, createWebHistory } from 'vue-router'
import home from "../views/Home.vue";
import Login from '../views/Login.vue'
import Challenge from '../views/Challenges.vue'
import Scoreboard from '../views/Scoreboard.vue'
import Notification from "../views/Notification.vue";
import users from "../views/Users.vue";
const routerHistory = createWebHistory()
const router = createRouter({
@@ -15,7 +18,7 @@ const router = createRouter({
{
path: '/home',
name:'Home',
component: () => import('../views/Home.vue')
component:home,
},
{
path:'/login',
@@ -37,6 +40,11 @@ const router = createRouter({
path:'/notification',
name:'Notification',
component: Notification,
},
{
path:'/users',
name:'users',
component: users,
}
]
})

12
src/views/Users.vue Normal file
View File

@@ -0,0 +1,12 @@
<template>
<Navbar></Navbar>
<userlist></userlist>
</template>
<script>
import Navbar from "../components/Navbar.vue";
import userlist from "../components/userlist.vue";
export default {
components: {Navbar,userlist},
}
</script>