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/' 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/' VUE_APP_ENV = '/safety_screen/'

2
.env.production
View File

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

2
.env.production-nw
View File

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

4
.env.staging
View File

@ -1,10 +1,10 @@
# 页面标题 # 页面标题
VUE_APP_TITLE = 若依管理系统 VUE_APP_TITLE = 基建现场物联感知数据监测分析系统
NODE_ENV = production NODE_ENV = production
# 测试环境配置 # 测试环境配置
VUE_APP_ENV = '/safety_screen/' VUE_APP_ENV = '/safety_screen/'
# 若依管理系统/测试环境 # 基建现场物联感知数据监测分析系统/测试环境
VUE_APP_BASE_API = '/stage-api' 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() { data() {
return { return {
title: process.env.VUE_APP_TITLE, title: process.env.VUE_APP_TITLE,
logo: logoImg logo: null //logoImg
} }
} }
} }
@ -78,7 +78,7 @@ export default {
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
line-height: 50px; line-height: 50px;
font-size: 14px; font-size: 12px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle; vertical-align: middle;
} }

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

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

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

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

2
vue.config.js
View File

@ -7,7 +7,7 @@ function resolve(dir) {
const CompressionPlugin = require('compression-webpack-plugin') 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 // 端口 const port = process.env.port || process.env.npm_config_port || 80 // 端口