huangqizhen
/
gold-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

差登录，网卡死了天哪

milestone-20250623-金币前端
lihuilin 8 hours ago
parent
ba32b86392
commit
cdb80edce6
4 changed files with 25 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      src/router/index.js
  2. 18
      src/views/login-hxl.vue
  3. 61
      src/views/login.vue
  4. 2
      src/views/workspace/index.vue

6
src/router/index.js
View File

@ -2,10 +2,10 @@ import { createRouter, createWebHashHistory } from 'vue-router';
const router = createRouter({
history: createWebHashHistory(),
routes: [//此处在做登录之前做成默认跳转工作台
routes: [
{ path: '/workspace', name: "workspace", component: () => import("../views/workspace/index.vue") },
{ path: '/', redirect: "/login-hxl" },
{path: "/login-hxl",name: "login-hxl",component: () => import("../views/login-hxl.vue"),},
{ path: '/', redirect: "/login" },
{path: "/login",name: "login",component: () => import("../views/login.vue"),},
// { path: '/test', component: () => import("../views/z.vue") },
{
meta: { requireAuth: true },

18
src/views/login-hxl.vue
View File

@ -90,27 +90,17 @@ const login = async function () {
const machineId = getQueryVariable("machineId");
console.log(machineId);
try {
const result = await axios.post(`http://18.143.76.3:10704/admin/login`, {
const result = await axios.post(`http://192.168.8.220:8081/admin/login`, {
account: userInfo.value.username,
password: userInfo.value.password,
machineId: machineId,
});
// const result = await API({
// url: "/admin/login",
// data: {
// account: userInfo.username,
// password: userInfo.password,
// machineId: "",
// },
// });
console.log("请求成功", result);
if (result.data.code == 200) {
console.log("请求成功", result);
ElMessage.success('登录成功');
router.push({
name: "workspace",
});
router.push('/workspace')
} else {
console.log("请求失败result", result);
ElMessage.error(result.data.msg);
}
} catch (error) {

61
src/views/login.vue
View File

@ -8,28 +8,25 @@ import { VscGlobe } from 'vue-icons-plus/vsc'
//获取当前浏览器地址
var url = window.location.href //上传服务器时打开注释并注释掉下一行
//截取machineId=后的字符串
var machineId = null
// 从浏览器地址获取machineId的方法
// 获取machineId
function getMachineId() {
var parts = url.split('machineId=')
if (parts.length > 1) {
machineId = parts[1].split('&')[0] // 进一步截取 & 之前的字符串
}
// machineId = decodeURIComponent(machineId); //如果machineId需要前端转码可以打开注释
console.log('MachineId字符串:', machineId) // 输出 machineId 的值
// 将 machineId 存储到本地存储中
console.log('机器码获取到了吗:', machineId)
if (machineId) {
// 将 machineId 存储到本地存储中
localStorage.setItem('machineId', machineId)
}
}
getMachineId()
const router = useRouter() // 获取路由实例
let formData = new FormData()
const form = ref({ jwcode: '', password: '', token: '', machineId: machineId })
const form = ref({ account: '', password: '', token: '', machineId: machineId })
//调用方法
const login = async function () {
try {
@ -37,54 +34,41 @@ const login = async function () {
url: '/admin/login',
data: form.value
})
console.log('resultresult', result)
console.log('看看传给后端的参数', form)
if (result.code == 200) {
localStorage.setItem('token', result.msg)
localStorage.setItem('permission', result.data.permission)
if (
result.data.permission == '5' ||
result.data.permission == '1' ||
result.data.permission == '2' ||
result.data.permission == '3'
) {
router.push('/workspace')
} else if (result.data.permission == '4') {
router.push('/noPermission')
}
// localStorage.setItem('permission', result.data.permission)
router.push('/workspace')
ElMessage.success('登录成功')
console.log('请求成功', result)
} else {
form.value.password = ''
form.value.jwcode = ''
form.value.account = ''
ElMessage.error(result.msg)
}
} catch (error) {
console.log('请求失败', error)
ElMessage.error('登录失败，请检查账号密码')
}
}
onMounted(() => {
getMachineId()
})
</script>
<template>
<el-row class="login-page">
<img
:span="12"
src="../assets/background.jpg"
alt="logo"
class="bg"
fit="fit"
/>
<img :span="12" src="../assets/background.jpg" alt="logo" class="bg" fit="fit" />
<el-col :span="6" :offset="3" class="form">
<!-- 登录表单 -->
<el-form :model="form" size="large" autocomplete="off" >
<el-form-item>
<h1 style="color: #409eff">金币系统登录</h1>
</el-form-item>
<el-form-item prop="jwcode">
<el-input v-model="form.jwcode" placeholder="请输入精网号" @keyup.enter="login"></el-input>
<el-form-item prop="account">
<el-input v-model="form.account" placeholder="请输入精网号" @keyup.enter="login"></el-input>
</el-form-item>
<el-form-item prop="password" @keyup.enter="login">
<el-input
@ -97,21 +81,11 @@ const login = async function () {
<!-- 登录按钮 -->
<el-form-item>
<button type="button" class="button" @click="login()">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
height="30"
width="24"
>
<path
fill="white"
d="M23.15 2.587L18.21 0.210001C17.9308 0.075557 17.6167 0.031246 17.3113 0.083204C17.0058 0.135162 16.724 0.280818 16.505 0.500001L7.04499 9.13L2.92499 6.002C2.73912 5.86101 2.50976 5.78953 2.27669 5.79994C2.04363 5.81035 1.82156 5.902 1.64899 6.059L0.326993 7.261C0.223973 7.35465 0.141644 7.46878 0.0852761 7.59608C0.0289081 7.72339 -0.00025659 7.86106 -0.000350724 8.00028C-0.000444857 8.1395 0.0285336 8.27721 0.0847294 8.40459C0.140925 8.53197 0.2231 8.64621 0.325993 8.74L3.89899 12L0.325993 15.26C0.2231 15.3538 0.140925 15.468 0.0847294 15.5954C0.0285336 15.7228 -0.000444857 15.8605 -0.000350724 15.9997C-0.00025659 16.1389 0.0289081 16.2766 0.0852761 16.4039C0.141644 16.5312 0.223973 16.6454 0.326993 16.739L1.64999 17.94C1.82256 18.097 2.04463 18.1887 2.27769 18.1991C2.51076 18.2095 2.74012 18.138 2.92599 17.997L7.04599 14.869L16.506 23.499C16.7248 23.7182 17.0064 23.8639 17.3117 23.9159C17.6171 23.9679 17.931 23.9235 18.21 23.789L23.152 21.412C23.4062 21.2893 23.6207 21.0973 23.7707 20.8581C23.9207 20.619 24.0002 20.3423 24 20.06V3.939C24 3.65647 23.9203 3.37967 23.7699 3.14048C23.6195 2.90129 23.4046 2.70943 23.15 2.587ZM18.004 17.448L10.826 12L18.004 6.552V17.448Z"
></path>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="30" width="24">
<path fill="white" d="M23.15 2.587L18.21 0.210001C17.9308 0.075557 17.6167 0.031246 17.3113 0.083204C17.0058 0.135162 16.724 0.280818 16.505 0.500001L7.04499 9.13L2.92499 6.002C2.73912 5.86101 2.50976 5.78953 2.27669 5.79994C2.04363 5.81035 1.82156 5.902 1.64899 6.059L0.326993 7.261C0.223973 7.35465 0.141644 7.46878 0.0852761 7.59608C0.0289081 7.72339 -0.00025659 7.86106 -0.000350724 8.00028C-0.000444857 8.1395 0.0285336 8.27721 0.0847294 8.40459C0.140925 8.53197 0.2231 8.64621 0.325993 8.74L3.89899 12L0.325993 15.26C0.2231 15.3538 0.140925 15.468 0.0847294 15.5954C0.0285336 15.7228 -0.000444857 15.8605 -0.000350724 15.9997C-0.00025659 16.1389 0.0289081 16.2766 0.0852761 16.4039C0.141644 16.5312 0.223973 16.6454 0.326993 16.739L1.64999 17.94C1.82256 18.097 2.04463 18.1887 2.27769 18.1991C2.51076 18.2095 2.74012 18.138 2.92599 17.997L7.04599 14.869L16.506 23.499C16.7248 23.7182 17.0064 23.8639 17.3117 23.9159C17.6171 23.9679 17.931 23.9235 18.21 23.789L23.152 21.412C23.4062 21.2893 23.6207 21.0973 23.7707 20.8581C23.9207 20.619 24.0002 20.3423 24 20.06V3.939C24 3.65647 23.9203 3.37967 23.7699 3.14048C23.6195 2.90129 23.4046 2.70943 23.15 2.587ZM18.004 17.448L10.826 12L18.004 6.552V17.448Z"></path>
</svg>
<p class="text">登录</p>
</button>
</el-form-item>
</el-form>
</el-col>
@ -203,4 +177,3 @@ const login = async function () {
background-size: 100% 2px, 100% 100%, 100% 100%;
}
</style>

2
src/views/workspace/index.vue
View File

@ -57,7 +57,7 @@
<el-col class="card-title">全年累计充值人头数</el-col>
<el-col class="card-title">{{ yearlyRechargeNum }}</el-col>
<el-col class="center-card">周同比:{{ wow }}</el-col>
<el-col class="center-card">日环比:{{ daily }}</el-col>
<el-col class="center-card">日环比:{{ daily }}%</el-col>
<template #footer>
<el-col class="margin-bottom center-card">昨日充值人数：{{ rechargeNum }}</el-col>
<el-col class="margin-bottom center-card">其中首充：{{ firstRecharge }}</el-col>

Write Preview
Loading…
Cancel
Save