parent
56a7697230
commit
c979a0e004
@ -0,0 +1,30 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
.DS_Store
|
||||
dist
|
||||
dist-ssr
|
||||
coverage
|
||||
*.local
|
||||
|
||||
/cypress/videos/
|
||||
/cypress/screenshots/
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
*.tsbuildinfo
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"recommendations": ["Vue.volar"]
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="icon" href="/点名.svg">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Vite App</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,8 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
}
|
||||
},
|
||||
"exclude": ["node_modules", "dist"]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,22 @@
|
||||
{
|
||||
"name": "name-nacing-system",
|
||||
"version": "0.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.7.7",
|
||||
"element-plus": "^2.8.4",
|
||||
"element-ui": "^2.15.14",
|
||||
"vue": "^3.4.29",
|
||||
"vue-router": "^4.3.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^5.0.5",
|
||||
"vite": "^5.3.1"
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<div>
|
||||
<router-view/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
/* 让页面铺满整个屏幕，不出现滚动条 */
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: "Layout",
|
||||
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,121 @@
|
||||
.login-register-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
background-image: linear-gradient(to right, rgb(219, 219, 245), #f4dfe3);
|
||||
}
|
||||
|
||||
.form-box {
|
||||
background: rgba(211, 197, 252, 1);
|
||||
padding: 100px 110px;
|
||||
padding-top: 15px;
|
||||
border-radius: 40px;
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 30px;
|
||||
font-size: 45px;
|
||||
}
|
||||
|
||||
.tab-switch {
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tab-switch span {
|
||||
margin-right: 25px;
|
||||
font-size: 22px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tab-switch span.active {
|
||||
border-bottom: 4px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 10px 0px;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0px 0px 10px 0px #D5E8FF;
|
||||
background-color: rgba(243, 243, 243, 0.5);
|
||||
border: 1px solid #FFFFFF;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.input-group input:focus {
|
||||
outline: none;
|
||||
/* box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.5); */
|
||||
}
|
||||
.input-icon {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin-left: 15px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.placeholder {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
input {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
border: none;
|
||||
background: transparent;
|
||||
padding: 0 10px;
|
||||
color: #615EF8;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.forgot-password {
|
||||
text-align: right;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.forgot-password a {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
width: 100%;
|
||||
padding: 12px 0;
|
||||
margin-top: 15px;
|
||||
background-color: #8755F2;
|
||||
color: #FFFFFF;
|
||||
border-radius: 20px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s;
|
||||
box-shadow: 0px 0px 10px 0px #D5E8FF;
|
||||
border: 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background-color: #6231F5;
|
||||
}
|
||||
|
||||
|
||||
/* 隐藏默认的密码切换图标 */
|
||||
input[type="password"]::-ms-reveal,
|
||||
input[type="password"]::-ms-clear,
|
||||
input[type="password"]::-webkit-contacts-auto-fill-button,
|
||||
input[type="password"]::-webkit-credentials-auto-fill-button {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 对于Chrome浏览器 */
|
||||
input[type="password"]::-webkit-inner-spin-button,
|
||||
input[type="password"]::-webkit-outer-spin-button,
|
||||
input[type="password"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
After Width: | Height: | Size: 27 MiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
@ -0,0 +1,21 @@
|
||||
// 引入createApp用于创建应用
|
||||
import { createApp } from 'vue'
|
||||
// 引入App.vue文件
|
||||
import App from './App.vue'
|
||||
|
||||
import router from './router'
|
||||
|
||||
import ElementPlus from 'element-plus'
|
||||
import 'element-plus/dist/index.css'
|
||||
|
||||
|
||||
// new Vue({
|
||||
// el: '#app',
|
||||
// render: h => h(App)
|
||||
// });
|
||||
|
||||
const app = createApp(App)
|
||||
|
||||
app.use(router)
|
||||
app.use(ElementPlus)
|
||||
app.mount('#app')
|
||||
@ -0,0 +1,38 @@
|
||||
import { createRouter, createWebHistory} from 'vue-router'
|
||||
|
||||
// 引入路由组件
|
||||
import login from '@/views/login2.vue'
|
||||
import home from '@/views/home.vue'
|
||||
import importFile from '@/views/importFile.vue'
|
||||
import ruleSetting from '@/views/ruleSetting.vue'
|
||||
|
||||
// 创建路由器
|
||||
const router = createRouter({
|
||||
// 路由器的工作模式
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
|
||||
routes: [
|
||||
{
|
||||
path: '/',
|
||||
// name: 'home',
|
||||
component: login
|
||||
},
|
||||
{
|
||||
path:'/home',
|
||||
component: home,
|
||||
children:[
|
||||
{
|
||||
path:'importFile',
|
||||
component: importFile
|
||||
},
|
||||
{
|
||||
path:'ruleSetting',
|
||||
component: ruleSetting
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
})
|
||||
|
||||
export default router
|
||||
@ -0,0 +1,18 @@
|
||||
// 存储、获取、删除token的文件
|
||||
// 定义 setToken 函数，用于将 token 存储到 localStorage
|
||||
export function setToken(token) {
|
||||
localStorage.setItem('authToken', token);
|
||||
}
|
||||
|
||||
// 定义 getToken 函数，用于从 localStorage 获取 token
|
||||
export function getToken() {
|
||||
return localStorage.getItem('authToken');
|
||||
}
|
||||
|
||||
// 定义 removeToken 函数，用于从 localStorage 删除 token
|
||||
export function removeToken() {
|
||||
localStorage.removeItem('authToken');
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,80 @@
|
||||
<template>
|
||||
<div class="home">
|
||||
<div class="content">
|
||||
<!-- 展示区 -->
|
||||
<div class="leftIcon">
|
||||
<RouterView></RouterView>
|
||||
</div>
|
||||
<!-- 导航栏 -->
|
||||
<div class="select">
|
||||
<div @click="gotoImpt" class="selectItem">
|
||||
导入文件
|
||||
</div>
|
||||
<div class="selectItem">
|
||||
开始点名
|
||||
</div>
|
||||
<div @click="gotoRule" class="selectItem">
|
||||
规则设置
|
||||
</div>
|
||||
<div class="selectItem">
|
||||
查看排行
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { RouterLink, RouterView } from 'vue-router';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
gotoImpt(){
|
||||
this.$router.push('/home/importFile')
|
||||
},
|
||||
gotoRule() {
|
||||
this.$router.push('/home/ruleSetting')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.home {
|
||||
background-image: url('../assets/image/bgcImg.png'); /* 图片路径 */
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:fixed;
|
||||
background-size:100% 100%;
|
||||
}
|
||||
.content {
|
||||
height:100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 120px;
|
||||
}
|
||||
.leftIcon {
|
||||
width: 700px;
|
||||
height: 800px;
|
||||
/* background-color: red; */
|
||||
}
|
||||
.selectItem {
|
||||
padding: 25px 130px;
|
||||
border-radius: 50px;
|
||||
background-color: #A182FF;
|
||||
color: #FFFFFF;
|
||||
font-size: 35px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 65px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
.selectItem:hover {
|
||||
background-color: #6231F5;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,16 @@
|
||||
import { fileURLToPath, URL } from 'node:url'
|
||||
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
vue(),
|
||||
],
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||||
}
|
||||
}
|
||||
})
|
||||
Loading…
Reference in new issue