Browse Source

登录页

master
mch 2 years ago
parent
commit
95e9ee9d9b
  1. 51
      src/views/login/Login.vue
  2. 4
      src/views/user-list/UserList.vue

51
src/views/login/Login.vue

@ -25,9 +25,12 @@
prefix-icon="el-icon-unlock"
></el-input>
</el-form-item>
<el-button type="primary" class="btn" @click="onSubmit(form)"
<!-- <el-button type="success" class="btn" @click="onSubmit(form)"
>用户登录</el-button
>
> -->
<button type="success" class="btn" @click="onSubmit(form)">
用户登录
</button>
</el-form>
</div>
</div>
@ -75,25 +78,24 @@ export default {
})
.then((res) => {
msgs = res.data.msg;
if(res.code==1){
writetoken(res.data.expires_in);
window.localStorage.setItem("token", res.data.access_token);
window.localStorage.setItem(
"refresh_token",
res.data.refresh_token
);
window.localStorage.setItem("tokentype", res.data.token_type);
window.localStorage.setItem("user", this.form.Username);
if (res.code == 1) {
writetoken(res.data.expires_in);
window.localStorage.setItem("token", res.data.access_token);
window.localStorage.setItem(
"refresh_token",
res.data.refresh_token
);
window.localStorage.setItem("tokentype", res.data.token_type);
window.localStorage.setItem("user", this.form.Username);
this.$router.push({ path: "home" });
this.$store.state.changepassword = this.form.Password;
this.$router.push({ path: "home" });
this.$store.state.changepassword = this.form.Password;
}
this.$message.success(msgs);
console.log(res,'res');
console.log(res, "res");
// if (res.code != -1 && res.data.code == 1) {
// window.sessionStorage.setItem("peisid", res.data.peisid); //
// return this.$axios.post(
// mm.apiurl + "/connect/token",
@ -286,6 +288,9 @@ export default {
// background: url("https://img.zcool.cn/community/013c8b5b62d108a801206a35bea1eb.jpg@2o.jpg");1
// background: url("https://img1.baidu.com/it/u=1097534320,1746985227&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500");
background: url("@/assets/images/logn.png");
background-size: cover;
width: 100%;
height: 100%;
width: 100%;
min-height: 100vh;
@ -296,7 +301,9 @@ export default {
height: 300px;
display: flex;
// background: #fff;
background: rgb(190, 243, 210);
// background: rgb(190, 243, 210);
background: rgba(186, 251, 185, 1);
opacity: .5;
position: absolute;
left: 50%;
top: 50%;
@ -310,6 +317,8 @@ export default {
text-align: center;
font-weight: 700;
font-size: 20px;
color: rgba(73, 73, 73, 1);
opacity: .5;
}
}
@ -317,8 +326,16 @@ export default {
margin-top: 20px;
padding: 20px;
}
.btn :hover {
background-color: rgb(0, 183, 92);
}
.btn {
background-color: rgb(0, 183, 92);
// background-color: #ccc;
border: none;
color: #fff;
font-weight: 700;
height: 40px;
width: 100%;
}
</style>

4
src/views/user-list/UserList.vue

@ -184,8 +184,8 @@
</el-checkbox-group>
</el-tab-pane>
<el-tab-pane label="组织架构">
<!-- :default-checked-keys="defaultKeys" -->
<!-- :default-checked-keys="defaultKeys" -->
<!-- <el-tree
:props="{
label: 'displayName',
@ -201,6 +201,7 @@
>
</el-tree> -->
<el-cascader
v-model="defaultKeys"
:options="organizationalstructure"
:show-all-levels="false"
:props="{
@ -483,6 +484,7 @@ import {
import { mapState } from "vuex";
import { isValid } from "@/utlis/validate";
import { getapi, postapi } from "@/api/api";
// let validatePassword = (rule, value, callback) => {
// var reg1 =
// /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*.])[\da-zA-Z~!@#$%^&*.]{6,}$/; //8

Loading…
Cancel
Save