Tony/god-ytr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat：登录页研发

Browse Source
This commit is contained in:
Zxuyoubin 2024-08-28 15:27:50 +08:00
parent 9e728237cd
commit b1f9c52b80
7 changed files with 108 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
god-ui/public/images/xqxdh-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 936 KiB

BIN
god-ui/public/images/xqxdh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 KiB

5
god-ui/src/layout/components/Navbar.vue
View File

@ -71,7 +71,7 @@ export default {
]),
fn(){
// 下面的端口项目中有大屏
let arr = ['9210','9230', '9130', '9140', '9150', '9160', '9170', '9180','9190','9280','9360','9401']
let arr = ['9210','9230', '9130', '9140', '9150', '9160', '9170', '9180','9190','9280','9360','9401','9409']
return arr.includes(this.port.toString())
},
setting: {
@ -160,6 +160,9 @@ export default {
case '9401':
this.$router.push("/bigscreen10")
break;
case '9409':
this.$router.push("/bigscreen6")
break;
default:
this.$router.push('/bigscreen')
break;

4
god-ui/src/layout/components/Sidebar/Logo.vue
View File

@ -170,6 +170,10 @@ export default {
this.title = '车间产线出入库管理系统'
document.title = '车间产线出入库管理系统'
break;
case '9409':
this.title = '小区现代化改造提升'
document.title = '小区现代化改造提升'
break;
default:
this.title = ' '

14
god-ui/src/views/bigscreen6/index.vue
View File

@ -2,7 +2,7 @@
<div class="bigscreen6-wrapper bigscreen-main-wrapper">
<div class="header-main-wrapper">
<div class="header-left-part-wrapper"></div>
<div class="header-title-wrapper">石坪街道老旧小区管理驾驶仓</div>
<div class="header-title-wrapper"> {{ port=='9190'? "石坪街道老旧小区管理驾驶仓" :'小区现代化改造提升'}}</div>
<div class="header-right-part-wrapper"><BigScreenTime /></div>
</div>
<div class="content-main-wrapper grid-wrapper">
@ -182,6 +182,7 @@ export default {
return {
video,
map: null,
port:0,
leftArr: [
{
title: "社区面积",
@ -364,6 +365,9 @@ export default {
],
};
},
created(){
this.port = window.location.port
},
mounted() {
this.initChart1();
this.initChart2();
@ -371,6 +375,13 @@ export default {
this.initChart4();
this.initChartLine();
this.initMap();
let list=window.location.href.split('/')[window.location.href.split('/').length-1]
let dom=document.querySelector('.bigscreen6-wrapper')
if(list =='bigscreen6'){
dom.style.height='100vh'
}else{
dom.style.height='calc(100vh - 84px)'
}
},
methods: {
initMap() {
@ -843,7 +854,6 @@ export default {
@import url(../../utils/bigscreenTool/index.scss);
.bigscreen6-wrapper {
width: 100%;
height: calc(100vh - 84px);
overflow: hidden;
.header-main-wrapper {
background-image: url(./assets/header.png);

2
god-ui/src/views/index.vue
View File

@ -3,7 +3,7 @@
<operate-home v-if="port === '9150'"></operate-home>
<energy-home v-else-if="port === '9160'"></energy-home>
<machinery-home v-else-if="port === '9170'"></machinery-home>
<deviceMap v-else-if="port === '9190'"></deviceMap>
<deviceMap v-else-if="port === '9190' || port === '9409'"></deviceMap>
<device-info v-else-if="port === '9210'"></device-info>
<cityManageMap v-else-if="port === '9180'" />
<interface-home v-else-if="port === '9260'" />

86
god-ui/src/views/login.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="login" id="loginDom">
<div class="main-big-title" v-if="port === '9405'">汉丰湖Vlog短视频应用系统</div>
<div id="domDiv" v-if="port=='9409'">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">{{ title }}</h3>
<el-form-item prop="username">
@ -43,6 +44,63 @@
<el-button
:loading="loading"
size="medium"
id="btn"
type="primary"
style="width:100%;"
@click.native.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
<div style="float: right;" v-if="register">
<router-link class="link-type" :to="'/register'">立即注册</router-link>
</div>
</el-form-item>
</el-form>
</div>
<el-form ref="loginForm" :model="loginForm" v-if="port!='9409'" :rules="loginRules" class="login-form">
<h3 class="title">{{ title }}</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
type="text"
auto-complete="off"
placeholder="账号"
>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 63%"
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
</div>
</el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
<el-form-item style="width:100%;">
<el-button
:loading="loading"
size="medium"
id="btn"
type="primary"
style="width:100%;"
@click.native.prevent="handleLogin"
@ -317,6 +375,34 @@ export default {
_title1.style.fontFamily = 'BiaoTiFont'
loginDom.appendChild(_title1)
break;
case '9409':
document.title = '小区现代化改造提升'
loginDom.style.backgroundImage = 'url(/images/xqxdh.png)'
let btnDom=document.getElementById('btn')
let divDom=document.getElementById('domDiv')
let formDom=document.querySelector('.login-form')
formDom.style.position="absolute"
formDom.style.right='0'
formDom.style.top='0'
formDom.style.border='none'
formDom.style.height='95%'
formDom.style.width='28%'
formDom.style.display='flex'
formDom.style.flexDirection='column'
formDom.style.justifyContent='center'
divDom.style.width='80%'
divDom.style.height='650px'
divDom.style.position="relative"
divDom.style.overflow='hidden'
divDom.style.borderRadius='20px'
divDom.style.backgroundSize='118% 100%'
divDom.style.backgroundRepeat='no-repeat'
divDom.style.backgroundImage='url(/images/xqxdh-bg.png)'
btnDom.style.backgroundColor='#ff6a00'
btnDom.style.border='none'
btnDom.style.color='#fff'
this.redirect = '/index'
break;
default:
document.title = ''
loginDom.style.backgroundImage = 'url(/images/gangyin-bg.png)'