hywen
/
SafetyScreen-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端系统名称修改

This commit is contained in:
zzyuan 2024-09-29 15:23:50 +08:00
parent dc509fffb8
commit d7eac118cc
13 changed files with 108 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 施工安全预警系统
VUE_APP_TITLE = 基建现场物联感知数据监测分析系统
# 开发环境配置
VUE_APP_ENV = '/safety_screen/'

2
.env.development-nw
View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 施工安全预警系统
VUE_APP_TITLE = 基建现场物联感知数据监测分析系统
# 开发环境配置
VUE_APP_ENV = '/safety_screen/'

2
.env.production
View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 施工安全预警系统
VUE_APP_TITLE = 基建现场物联感知数据监测分析系统
NODE_ENV = production

2
.env.production-nw
View File

@ -1,7 +1,7 @@
# 南网系统配置
# 页面标题
VUE_APP_TITLE = 施工安全预警系统
VUE_APP_TITLE = 基建现场物联感知数据监测分析系统
NODE_ENV = production

4
.env.staging
View File

@ -1,10 +1,10 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 基建现场物联感知数据监测分析系统
NODE_ENV = production
# 测试环境配置
VUE_APP_ENV = '/safety_screen/'
# 若依管理系统/测试环境
# 基建现场物联感知数据监测分析系统/测试环境
VUE_APP_BASE_API = '/stage-api'

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 176 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
src/assets/img/title.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 101 KiB

After

Width:  |  Height:  |  Size: 182 KiB

BIN
src/assets/img/title1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

BIN
src/assets/img/titleOld.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 KiB

4
src/layout/components/Sidebar/Logo.vue
View File

@ -36,7 +36,7 @@ export default {
data() {
return {
title: process.env.VUE_APP_TITLE,
logo: logoImg
logo: null //logoImg
}
}
}
@ -78,7 +78,7 @@ export default {
color: #fff;
font-weight: 600;
line-height: 50px;
font-size: 14px;
font-size: 12px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle;
}

102
src/views/Home/index.vue
View File

@ -3,31 +3,25 @@
<!-- 头部导航 -->
<div class="home-header">
<div class="inner-tit">
<div
v-for="item in titList"
:key="item.id"
:class="[
'single-tit',
{ isActive: currentIndex === item.id },
]"
@click="changeTitle(item)"
>
<div v-for="item in titList" :key="item.id"
:class="['single-tit',{ isActive: currentIndex === item.id },]" @click="changeTitle(item)">
<h4>
<span v-if="item.title !== null">{{ item.title }}</span>
<img
v-if="
item.title !== null && currentIndex === item.id
"
src="../../assets/img/tit-bottom.png"
alt=""
/>
<img
v-if="
item.title !== null && currentIndex !== item.id
"
src="../../assets/img/title-nosel.png"
alt=""
/>
<img v-if="item.title !== null && currentIndex === item.id" src="../../assets/img/tit-bottom.png" alt="" />
<img v-if="item.title !== null && currentIndex !== item.id" src="../../assets/img/title-nosel.png" alt="" />
</h4>
</div>
</div>
<div class="title-text">
基建现场物联感知数据监测分析系统
</div>
<div class="inner-tit">
<div v-for="item in titList1" :key="item.id"
:class="['single-tit',{ isActive: currentIndex === item.id },]" @click="changeTitle(item)">
<h4>
<span v-if="item.title !== null">{{ item.title }}</span>
<img v-if="item.title !== null && currentIndex === item.id" src="../../assets/img/tit-bottom.png" alt="" />
<img v-if="item.title !== null && currentIndex !== item.id" src="../../assets/img/title-nosel.png" alt="" />
</h4>
</div>
</div>
@ -56,6 +50,20 @@ export default {
transformList: [],
currentIndex: 1,
geoData: undefined,
titList1:[
{
name: 'lines',
title: '线路',
id: 3,
path: '/line/index'
},
{
name: 'workbench',
title: '工作台',
id: 4,
path: '/workbench/index',
},
],
titList: [
{
name: 'pages',
@ -69,20 +77,21 @@ export default {
id: 2,
path: '/substation/index',
},
{ name: '', title: null, id: null },
{ name: '', title: null, id: null },
{
name: 'lines',
title: '线路',
id: 3,
path: '/line/index'
},
{
name: 'workbench',
title: '工作台',
id: 4,
path: '/workbench/index',
},
// { name: '', title: null, id: null },
// { name: '', title: null, id: null },
// {
// name: 'lines',
// title: '线路',
// id: 3,
// path: '/line/index'
// },
// {
// name: 'workbench',
// title: '工作台',
// id: 4,
// path: '/workbench/index',
// },
],
}
},
@ -123,11 +132,24 @@ export default {
left: 0;
height: 110px;
width: 100%;
background: url(../../assets/img/title.png) no-repeat center;
background-size: 97% 140%;
display: flex;
justify-content: space-between;
// background: url(../../assets/img/title.png) no-repeat center;
background: url(../../assets/img/title1.png) no-repeat center;
background-size: 97% 100%;
.title-text{
width:34%;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 30px;
font-weight: bolder;
color: #1E67E7;
cursor: pointer;
}
.inner-tit {
width: 100%;
width: 33%;
height: 60px;
display: flex;
justify-content: space-around;

74
src/views/login/index.vue
View File

@ -1,29 +1,14 @@
<template>
<div class="login_box">
<div class="bg-cont">
<div class="bg">
<img src="@/assets/img/dp-bg.png">
</div>
</div>
<!-- <div class="slot-in">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="tit">
<span style="padding-bottom: 15px">您好，</span>
<span>欢迎来到施工安全预警系统</span>
</div>
<div class="tit-en">
<span style="padding-bottom: 15px">Hello!</span>
<span>Welcome to the Safety Construction Warning System</span>
</div>
<div class="img-cont">
<img src="@/assets/img/warn-bg.png">
</div>
</div>-->
<div class="bg-cont">
<div class="bg">
<img src="@/assets/img/dp-bg.png">
</div>
</div>
<div class="loginContainer">
<div class="login_header">
<div class="login_header_title">
<div class="login_header">施工安全预警系统</div>
<div class="login_header">基建现场物联感知数据监测分析系统</div>
</div>
</div>
<!-- 内容部分 -->
@ -52,11 +37,11 @@
<el-form-item prop="passWord">
<div class="password">
<div class="password_icon">
<div class="password_icon">
<img
src="@/assets/img/lockIcon.png"
src="@/assets/img/lockIcon.png"
/>
</div>
</div>
<el-input
type="password"
placeholder="请输入密码"
@ -69,24 +54,28 @@
<el-form-item>
<div
style="
margin-top: 50px;
width: 100%;
font-size: 24px;
padding: 15px 0;
background-color: #7288FA;
color: #fff;
border-radius: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-weight: bold;
margin-top: 50px;
width: 100%;
font-size: 24px;
padding: 15px 0;
background-color: #7288FA;
color: #fff;
border-radius: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-weight: bold;
"
@click="userLogin">登录</div>
</el-form-item>
</el-form>
</div>
</div>
<div class="login-info">
版权所有权归国网电力工程技术研究院有限公司
</div>
</div>
</template>
<script>
@ -312,12 +301,13 @@ export default {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #EAF0FB;
background-size: 100% 100%;
.bg-cont{
width: 50%;
height: 100%;
height: 90%;
display: flex;
justify-content: flex-end;
align-items: center;
@ -339,6 +329,16 @@ export default {
align-items: center;
}
.login-info{
width: 100%;
height: 10%;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #1E67E7;
}
.loginInner {
width: 100%;
height: 100%;

2
vue.config.js
View File

@ -7,7 +7,7 @@ function resolve(dir) {
const CompressionPlugin = require('compression-webpack-plugin')
const name = process.env.VUE_APP_TITLE || '施工安全预警系统' // 网页标题
const name = process.env.VUE_APP_TITLE || '基建现场物联感知数据监测分析系统' // 网页标题
const port = process.env.port || process.env.npm_config_port || 80 // 端口