admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

中建四局(登录页):页面更改

Browse Source
This commit is contained in:
骆乐 2022-09-09 16:12:30 +08:00
parent db6327b48a
commit 56f8d8a52d
6 changed files with 161 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/js/config.js
View File

@ -11,12 +11,13 @@ var COMPANY = ''; //通用
var PROJECT = {
local_test: '', // 普通版
local_test: 'common', // 普通版
online_hq: 'hengqin', // 横琴
online_zjsj: 'zjsj', // 中建四局
}
var PROJECT_TYPE = PROJECT.local_test
var PROJECT_TYPE = PROJECT.online_zjsj
var headerShow = true; // 是否显示头部
var tabsShow = true; // 是否显示tabs

BIN
src/assets/images/zjsj/zjsj_admin.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 361 B

BIN
src/assets/images/zjsj/zjsj_pass.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 383 B

4
src/assets/js/http.js
View File

@ -41,9 +41,9 @@ if (process.env.NODE_ENV == 'development') {
// tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
axios.defaults.baseURL = 'http://192.168.34.216:18070/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.216:18070/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
// axios.defaults.baseURL = 'http://139.9.66.234:8/';

2
src/components/account.vue
View File

@ -15,7 +15,7 @@
<div style="margin-left:10px">
<p>{{ $store.state.userInfo.companyName }}</p>
<!-- 横琴和鹤洲不需要客服电话-->
<p v-if="projectType != 'hengqin'">客服电话：{{$store.state.userInfo.customerServicePhone}}</p>
<p v-if="projectType == 'common' || projectType=='zjsj'">客服电话：{{$store.state.userInfo.customerServicePhone}}</p>
<p
v-if="projectType == 'hengqin' && $store.state.currentProDetail != null "
>入场码：{{$store.state.currentProDetail.placeCode}}</p>

164
src/views/home/login_v1.vue
View File

@ -1,7 +1,7 @@
<template>
<!-- 登录 -->
<div >
<div class="login" v-if="show">
<div class="login" v-if="projectType == 'common'">
<div class="title flex">
<div class="title_l flex2">
<img v-if="systemInfo.loginLogo" :src="systemInfo.loginLogo" class="logo" />
@ -117,11 +117,43 @@
</div>
</div>
</div>
<div class="zjsjLogin" v-else>
<div class="zjsjLogin" v-if="projectType == 'zjsj'">
<div class="zjsjcontent">
<img class="contentBGI" src="../../assets/images/zjsj/zjsj_loginBgc.jpg" alt="" />
<div class="leftContent">
<div class="title_r">
<el-button type="primary" plain size="small" class="backBtn" @click="goBackBtn">返回到首页</el-button>
</div>
<!-- <img src="../../assets/images/zjsj/zjsj_logo.png" /> -->
<div class="logoImg"></div>
<div class="btnContent">
<div class="minBox">
<el-form :model="form" :rules="rules" ref="form" label-width="0px">
<el-form-item label="" prop="account">
<div class="row1">
<el-input prefix-icon=" " v-model="form.account" placeholder="请输入帐号"></el-input>
</div>
</el-form-item>
<el-form-item style="margin-top: 39px" label="" prop="password">
<div class="row2">
<el-input prefix-icon=" " v-model="form.password" type="password" show-password placeholder="请输入密码"></el-input>
</div>
</el-form-item>
</el-form>
<div>
<el-button class="loginBtn" @click="loginFn">登录</el-button>
</div>
<div class="about">
<el-radio v-model="radio" label="1">记住登录密码</el-radio>
<span>忘记密码？</span>
</div>
<div>
<el-button class="registerBtn">注册账户</el-button>
</div>
</div>
</div>
</div>
</div>
<div>
</div>
</div>
@ -141,7 +173,10 @@ export default {
components: { getcode },
data() {
return {
show:true,
show:false,
input:'',
radio:'',
projectType:'',
LOGO: LOGO,
loginType: 1,
automaticLogin: false,
@ -206,6 +241,7 @@ export default {
},
created() {
this.company = COMPANY
this.projectType = PROJECT_TYPE;
},
mounted() {
delete this.$http.defaults.headers.common['Authorization']
@ -425,14 +461,124 @@ export default {
}
</script>
<style lang="less" scoped>
::v-deep .el-input__inner {
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-radius:0% ;
background-color: rgba(2, 38, 64,0.1);
color: #ffffff;
font-size: 14px;
}
::v-deep ::-webkit-input-placeholder{
color: #eeeeee;
-webkit-text-fill-color: #eeeeee;
}
// 在使用浏览器保存的数据时 输入框的样式
::v-deep input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
// 字体颜色
-webkit-text-fill-color: #eeeeee;
// 背景颜色
background-color: rgba(2, 38, 64,0);
//设置input输入框的背景颜色为透明色
transition: background-color 50000s ease-in-out 0s;
}
::v-deep .el-radio{
color:#27e1f0;
}
::v-deep .el-radio__inner {
border-radius: 0%;
background-color: rgba(2, 38, 64,0);
border-color: #27e1f0;
}
::v-deep .el-radio__label {
padding-left:5px
}
.zjsjLogin{
width: 100%;
height: 100%;
.contentBGI{
width: 100%;
height:100%;
}
.zjsjcontent{
width: 100%;
height:100%;
position: relative;
.contentBGI{
width: 100%;
height: 100%;
}
.leftContent{
position: absolute;
top: 20%;
left:9%;
width: 32%;
.logoImg{
height: 100px;
background-image: url('../../assets/images/zjsj/zjsj_logo.png');
background-size: 80%;
background-repeat: no-repeat;
}
.btnContent{
margin-top: 5%;
height: 575px;
background-image: url("../../assets/images/zjsj/zjsj_loginInpt.png");
background-size: 80%;
background-repeat: no-repeat;
.minBox{
box-sizing: border-box;
padding-left: 15%;
.img{
display: inline-block;
}
.row1,.row2{
width: 57%;
position: relative;
.text{
color: #eeeeee;
font-size: 14px;
}
}
.row1{
padding-top: 15%;
}
.row1::before{
content: url("../../assets/images/zjsj/zjsj_admin.png");
top: 70%;
left: 0%;
position: absolute;
}
.row2::before{
content: url("../../assets/images/zjsj/zjsj_pass.png");
top: 10%;
left:0%;
position: absolute;
}
.loginBtn{
width: 300px;
color: #eeeeee;
background-color: #27e1f0;
border-color: #27e1f0;
}
.registerBtn{
width: 300px;
margin-top: 3%;
color: #696969;
background-color: #eeeeee;
border-color: #eeeeee;
}
.about{
margin-top: 3%;
color:#27e1f0;
font-size: 12px;
span{
margin-left: 21%;
}
}
}
}
}
}
}
.flex {
display: flex;