2022.8.2
This commit is contained in:
yezhenman
parent
547ea0b9b4
commit
f9586768cc
10
resources/frontend/src/api/users.js
vendored
Normal file
10
resources/frontend/src/api/users.js
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
import http from '@/util/http.js'
|
||||
|
||||
// 用户管理页面
|
||||
export function users (data) {
|
||||
return http({
|
||||
url: '/api/users',
|
||||
method: 'get',
|
||||
data
|
||||
})
|
||||
}
|
||||
BIN
resources/frontend/src/css/img/养花人2_画板 1 副本 15.png
Normal file
BIN
resources/frontend/src/css/img/养花人2_画板 1 副本 15.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
resources/frontend/src/css/img/养花人2_画板 1 副本 15@2x.png
Normal file
BIN
resources/frontend/src/css/img/养花人2_画板 1 副本 15@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
resources/frontend/src/css/img/组 32.png
Normal file
BIN
resources/frontend/src/css/img/组 32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
BIN
resources/frontend/src/css/img/组 32@2x.png
Normal file
BIN
resources/frontend/src/css/img/组 32@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
@ -1,74 +1,114 @@
|
||||
<!--
|
||||
* @Description:
|
||||
* @Author: czw (725551805@qq.com)
|
||||
* @Date: 2021-11-18 10:47:16
|
||||
* @LastEditors: czw (725551805@qq.com)
|
||||
* @LastEditTime: 2022-02-23 12:23:56
|
||||
* @FilePath: /glxt/src/views/logo.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="page">
|
||||
<el-form ref="form"
|
||||
:model="form"
|
||||
label-width="80px">
|
||||
<el-form-item label="账号">
|
||||
<el-input v-model="form.add"
|
||||
autocomplete='on'
|
||||
type='text'></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码">
|
||||
<el-input v-model="form.app"
|
||||
autocomplete='on'
|
||||
type='password'></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码">
|
||||
<el-button type="primary"
|
||||
@click="onSubmit">登录</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="backimg">
|
||||
<div class="sign">
|
||||
<span class="title">Hi 欢迎使用</span>
|
||||
<p class="manage">
|
||||
<img src="../css/img/养花人2_画板 1 副本 15.png" alt="" /><span
|
||||
>ERP管理系统</span
|
||||
>
|
||||
</p>
|
||||
<p class="title-1">登录</p>
|
||||
<input type="text" placeholder="请输入用户名" />
|
||||
<br />
|
||||
<input type="text" placeholder="请输入密码" />
|
||||
<br />
|
||||
<el-checkbox v-model="checked">记住密码</el-checkbox>
|
||||
<br />
|
||||
<el-button type="primary">登录</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { setToken } from '@/util/auth'
|
||||
import { postadd } from '@/api/rankingData'
|
||||
export default {
|
||||
name: '', // 页面名称
|
||||
components: {}, // 挂载组件
|
||||
props: {}, // 组件传值
|
||||
data() {
|
||||
return {
|
||||
checked: true, //记住密码变量
|
||||
form: {
|
||||
add: '',
|
||||
app: '',
|
||||
add: "",
|
||||
app: "",
|
||||
},
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {}, // 计算机属性 类似与data概念
|
||||
watch: {}, // 监控data中数据变化
|
||||
created() {}, // 生命周期-创建完成(可以访问当前this实例)
|
||||
mounted() {}, // 生命周期-挂载完成(可以访问DOM元素)
|
||||
methods: {
|
||||
onSubmit() {
|
||||
const params = {
|
||||
username: this.form.add,
|
||||
password: this.form.app,
|
||||
}
|
||||
// postadd(params).then((res) => {
|
||||
// // if (res.data.code === 200) {
|
||||
|
||||
// // }
|
||||
setToken('w1rr6IsxZIud46dIrGIivNAroFpqN52sSpXhk3azpPq2ZTbUXhgKTOLheoRm')
|
||||
// const token = res.data.access_token
|
||||
// setToken(token)
|
||||
// console.log(token, 'denglucheng')
|
||||
|
||||
// this.$router.push({ path: '/index' })
|
||||
// })
|
||||
this.$router.push({ path: '/index' })
|
||||
},
|
||||
}, // 挂载一些方法
|
||||
}
|
||||
methods: {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.backimg {
|
||||
width: 100%;
|
||||
height: 1080px;
|
||||
background-image: url("./../css/img/组 32.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sign {
|
||||
width: 400px;
|
||||
height: 500px;
|
||||
position: absolute;
|
||||
top: 270px;
|
||||
right: 300px;
|
||||
input {
|
||||
width: 400px;
|
||||
height: 51px;
|
||||
border: 2px solid #bcbcbc;
|
||||
opacity: 1;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.title {
|
||||
width: 125px;
|
||||
height: 23px;
|
||||
font-size: 22px;
|
||||
font-family: "BigruixianBlackGBV1.0";
|
||||
font-weight: 400;
|
||||
line-height: 23px;
|
||||
color: #2b53ec;
|
||||
opacity: 1;
|
||||
}
|
||||
.manage {
|
||||
margin-top: 19px;
|
||||
margin-bottom: 50px;
|
||||
img {
|
||||
margin-right: 20px;
|
||||
}
|
||||
span {
|
||||
width: 340px;
|
||||
height: 57px;
|
||||
font-size: 54px;
|
||||
font-family: "BigruixianBlackGBV1.0";
|
||||
font-weight: 400;
|
||||
line-height: 57px;
|
||||
color: #2b53ec;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.title-1 {
|
||||
width: 70px;
|
||||
height: 35px;
|
||||
font-size: 35px;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
line-height: 60px;
|
||||
color: #393939;
|
||||
opacity: 1;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.el-button {
|
||||
width: 400px;
|
||||
height: 58px;
|
||||
background: rgba(43, 83, 236);
|
||||
border-radius: 5px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.el-checkbox {
|
||||
color: rgba(43, 83, 236);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,22 +1,65 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="conent">
|
||||
<div class="btn">
|
||||
<el-button type="primary">新增</el-button>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<el-table :data="tableList" style="width: 100%">
|
||||
<el-table-column prop="id" label="ID" width="400"> </el-table-column>
|
||||
<el-table-column prop="name" label="角色名称" width="400">
|
||||
</el-table-column>
|
||||
<el-table-column prop="guard_name" label="权限内容" width="400">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<el-button>编辑</el-button>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from "axios";
|
||||
export default {
|
||||
name: 'GlxtRole',
|
||||
name: "GlxtUsers",
|
||||
|
||||
data() {
|
||||
return {}
|
||||
return {
|
||||
tableList: [], //列表数据
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {},
|
||||
|
||||
methods: {},
|
||||
}
|
||||
mounted() {
|
||||
//角色表单数据请求
|
||||
axios({
|
||||
method: "get",
|
||||
params: {},
|
||||
url: "http://doc.ii090.com/mock/267/api/users",
|
||||
}).then((res) => {
|
||||
this.tableList = res.data.data;
|
||||
});
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
}
|
||||
.btn {
|
||||
height: 104px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.el-button {
|
||||
width: 114px;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,22 +1,98 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="conent">
|
||||
<div class="btn">
|
||||
<el-button type="primary" @click="dialogVisible = true">新增</el-button>
|
||||
</div>
|
||||
|
||||
<div class="from">
|
||||
<el-dialog title="新增用户" :visible.sync="dialogVisible" width="30%">
|
||||
<div>
|
||||
<el-form label-width="80px">
|
||||
<el-form-item label="ID">
|
||||
<el-input></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名">
|
||||
<el-input></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="角色">
|
||||
<el-input></el-input>
|
||||
</el-form-item>
|
||||
<div class="from-btn">
|
||||
<el-button type="danger">取消</el-button>
|
||||
<el-button>确认</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<template>
|
||||
<el-table :data="tableList" style="width: 100%">
|
||||
<el-table-column prop="id" label="ID" width="400"> </el-table-column>
|
||||
<el-table-column prop="name" label="姓名" width="400">
|
||||
</el-table-column>
|
||||
<el-table-column prop="email" label="角色" width="400">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<el-button>编辑</el-button>
|
||||
<el-button type="danger">删除</el-button>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from "axios";
|
||||
export default {
|
||||
name: 'GlxtUsers',
|
||||
name: "GlxtUsers",
|
||||
|
||||
data() {
|
||||
return {}
|
||||
return {
|
||||
dialogVisible: false, //新增按钮变量
|
||||
tableList: [], //列表数据
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {},
|
||||
|
||||
methods: {},
|
||||
}
|
||||
mounted() {
|
||||
//用户表单数据请求
|
||||
axios({
|
||||
method: "get",
|
||||
params: {},
|
||||
url: "http://doc.ii090.com/mock/267/api/users",
|
||||
}).then((res) => {
|
||||
this.tableList = res.data.data;
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
position: relative;
|
||||
}
|
||||
.btn {
|
||||
height: 104px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.el-button {
|
||||
width: 114px;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.from-btn {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-content: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user