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