bonus
/
devicesmgt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交大屏代码1

This commit is contained in:
zhouxain01 2023-12-25 13:25:16 +08:00
parent 9dbdd7db7f
commit 6427e44d67
14 changed files with 173 additions and 17553 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sgzb-screen/build/webpack.prod.conf.js
View File

@ -87,7 +87,7 @@ const webpackConfig = merge(baseWebpackConfig, {
// split vendor js into its own file // split vendor js into its own file
new webpack.optimize.CommonsChunkPlugin({ new webpack.optimize.CommonsChunkPlugin({
name: 'vendor', name: 'vendor',
minChunks (module) { minChunks(module) {
// any required modules inside node_modules are extracted to vendor // any required modules inside node_modules are extracted to vendor
return ( return (
module.resource && module.resource &&

4
sgzb-screen/config/dev.env.js
View File

@ -5,7 +5,9 @@ var prodEnv = require('./prod.env')
// var testUrl = '172.16.2.82:8802' // var testUrl = '172.16.2.82:8802'
// var testUrl = '14.29.196.32:8802' // var testUrl = '14.29.196.32:8802'
// var testUrl = '10.14.16.165:8802' // var testUrl = '10.14.16.165:8802'
var testUrl = '10.40.92.32:8080' // var testUrl = '112.29.103.165:21624' //线上
var testUrl = '192.168.0.14:21624' //线上
// var testUrl = '192.168.0.166:8080'
// var testUrl = '223.243.184.53:8480' // var testUrl = '223.243.184.53:8480'
// var testUrl = 'www.lingyangplat.com' // var testUrl = 'www.lingyangplat.com'

4
sgzb-screen/config/index.js
View File

@ -18,10 +18,10 @@ module.exports = {
cssSourceMap: true cssSourceMap: true
}, },
build: { build: {
index: path.resolve(__dirname, '../dist/index.html'), index: path.resolve(__dirname, '../dist/index01.html'),
// Paths // Paths
assetsRoot: path.resolve(__dirname, '../dist'), assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static', assetsSubDirectory: 'static01',
assetsPublicPath: '/', assetsPublicPath: '/',
productionSourceMap: false, productionSourceMap: false,
devtool: '#source-map', devtool: '#source-map',

7
sgzb-screen/config/prod.env.js
View File

@ -1,9 +1,10 @@
// var testUrl = '223.243.184.53:8480' // var testUrl = '223.243.184.53:8480'
var testUrl = '10.14.16.165:8803/' var testUrl = '112.29.103.165:21624/'
// var testUrl = '14.29.196.32:8803/' // var testUrl = '192.168.0.14:21624/'
// var testUrl = '192.168.0.166:8080'
module.exports = { module.exports = {
NODE_ENV: '"production"', NODE_ENV: '"production"',
//post用当前域名 //post用当前域名
// API_ROOT: '"http://' + testUrl + '/iot"' // API_ROOT: '"http://' + testUrl + '/iot"'
API_ROOT: '"/cockpit"', // API_ROOT: '/',
} }

3
sgzb-screen/index.html
View File

@ -7,7 +7,8 @@
name="viewport" name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=0" content="width=device-width, initial-scale=1.0, user-scalable=0"
/> />
<title>南方电网</title> <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
<title>智慧仓储管理平台</title>
</head> </head>
<body style="margin: 0;"> <body style="margin: 0;">
<div id="app"></div> <div id="app"></div>

17472
sgzb-screen/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

14
sgzb-screen/src/App.vue
View File

@ -4,10 +4,16 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'app', name: 'app',
} created() {
var link = document.querySelector("link[rel*='icon']") || document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = require('./assets/img/myImage/logo.png');
document.getElementsByTagName("head")[0].appendChild(link);
},
}
</script> </script>
<style lang="less"> <style lang="less">
</style> </style>

2
sgzb-screen/src/api/screen.js
View File

@ -20,4 +20,6 @@ export const getEquipmentDisByMapApi = params => POST(`/base/largeScreen/home/ge
export const getTotalOwnershipApi = params => POST(`/base/largeScreen/home/getTotalOwnership`,) export const getTotalOwnershipApi = params => POST(`/base/largeScreen/home/getTotalOwnership`,)
// 当月使用车辆 // 当月使用车辆
export const getCarUseByMonthApi = params => POST(`/base/largeScreen/home/getCarUseByMonth?maType=${params.maType}`,) export const getCarUseByMonthApi = params => POST(`/base/largeScreen/home/getCarUseByMonth?maType=${params.maType}`,)
// 当月使用车辆
export const getMaintenanceWarningApi = params => POST(`/base/largeScreen/home/getMaintenanceWarning`,)

BIN
sgzb-screen/src/assets/img/myImage/login_bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 444 KiB

BIN
sgzb-screen/src/assets/img/myImage/password.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 343 B

BIN
sgzb-screen/src/assets/img/myImage/username.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 360 B

6
sgzb-screen/src/components/home/rightOne.vue
View File

@ -323,12 +323,12 @@ export default {
}, },
}, },
labelLine: { labelLine: {
length: 40, length: 10,
length2: 40, length2: 30,
}, },
startAngle: 40, //起始角度，支持范围[0, 360]。 startAngle: 40, //起始角度，支持范围[0, 360]。
clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式 clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
radius: ['20%', '80%'], radius: ['12%', '62%'],
center: ['50%', '50%'], center: ['50%', '50%'],
data: this.data, data: this.data,
itemStyle: { itemStyle: {

138
sgzb-screen/src/views/Home/index.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div class="homePage"> <div class="homePage">
<div class="homePage_title" @click="routerClick"> <!-- <div class="homePage_title" @click="routerClick">
<div>智慧仓储管理平台</div> <div>智慧仓储管理平台</div>
</div> </div> -->
<div class="container"> <div class="container">
<!-- 左侧数据模块列表 --> <!-- 左侧数据模块列表 -->
<div class="leftModuleBox"> <div class="leftModuleBox">
@ -62,6 +62,20 @@
</div> --> </div> -->
</div> </div>
</div> </div>
<div class="sound">
<img src="../../assets/img/myImage/sound.png" alt="" />
</div>
<div class="wrap">
<div id="inner">
<span id="first" v-for="(item, index) of transformList" :key="index">{{
'检修预警提示：' +
item.machineName +
'下次检修日期：' +
item.nextCheckTime +
'，请注意查收！'
}}</span>
</div>
</div>
</div> </div>
</template> </template>
@ -77,7 +91,7 @@ import CenterBottom from '../../components/home/centerBottom.vue'
import CenterTop from '../../components/home/centerTop.vue' import CenterTop from '../../components/home/centerTop.vue'
import CountryMap from '../../components/home/countryMap.vue' import CountryMap from '../../components/home/countryMap.vue'
import CenterFold from '../../components/home/centerFold.vue' import CenterFold from '../../components/home/centerFold.vue'
import { getMaintenanceWarningApi } from "../../api/screen";
export default { export default {
components: { components: {
LeftOne, LeftOne,
@ -99,6 +113,8 @@ export default {
weatherData: {}, weatherData: {},
weatherUrl: '', weatherUrl: '',
maType: 1, maType: 1,
// 您有一条检修预警提示，请注意查收！
transformList: []
} }
}, },
created() { created() {
@ -127,7 +143,9 @@ export default {
// }) // })
// this.getWeather() // this.getWeather()
this.getMapSelect(this.maType) this.getMapSelect(this.maType)
getMaintenanceWarningApi().then(res => {
this.transformList = res.data
})
}, },
methods: { methods: {
@ -167,8 +185,8 @@ export default {
const hours = date.getHours().toString().padStart(2, '0') const hours = date.getHours().toString().padStart(2, '0')
const minutes = date.getMinutes().toString().padStart(2, '0') const minutes = date.getMinutes().toString().padStart(2, '0')
const seconds = date.getSeconds().toString().padStart(2, '0') const seconds = date.getSeconds().toString().padStart(2, '0')
this.dateTimeString = `${year}/${month}/${day} ${weekday} ${hours}:${minutes}:${seconds}` const dateTimeString = `${year}/${month}/${day} ${weekday} ${hours}:${minutes}:${seconds}`
// this.dateTimeString = dateTimeString this.dateTimeString = dateTimeString
} }
} }
@ -179,32 +197,32 @@ export default {
.homePage { .homePage {
width: 1920px; width: 1920px;
height: 1080px; height: 1080px;
background: url(../../assets/img/myImage/screen_bg.png) no-repeat center; background: url(../../assets/img/myImage/screenBg.png) no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
color: #fff; color: #fff;
position: relative; position: relative;
.homePage_title { // .homePage_title {
position: absolute; // position: absolute;
left: 40.3%; // left: 40.3%;
// top: 27%; // // top: 27%;
div { // div {
width: 410px; // width: 410px;
height: 55px; // height: 55px;
font-size: 40px; // font-size: 40px;
font-family: Alibaba PuHuiTi, Alibaba PuHuiTi; // font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
font-weight: 800; // font-weight: 800;
line-height: 60px; // line-height: 60px;
letter-spacing: 8px; // letter-spacing: 8px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); // text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
background-image: linear-gradient( // background-image: linear-gradient(
to bottom, // to bottom,
#f6fcff 50%, // #f6fcff 50%,
#a5deff 75%; #69c9ff 100% // #a5deff 75%; #69c9ff 100%
); // );
color: transparent; // color: transparent;
background-clip: text; // background-clip: text;
} // }
} // }
.weather { .weather {
position: absolute; position: absolute;
@ -249,6 +267,61 @@ export default {
} }
} }
} }
.sound {
position: absolute;
left: 2%;
top: 6%;
width: 32px;
height: 32px;
background: #183b79;
img {
width: 100%;
height: 100%;
}
}
.wrap {
position: absolute;
left: 3.6%;
top: 6%;
width: 380px;
height: 32px;
white-space: nowrap;
background: linear-gradient(
to right,
#183b79 0%,
#669cd8 50%,
#183b79 100%
);
overflow: hidden;
#inner {
position: absolute;
left: 4%;
top: 6%;
padding-left: 40px;
animation: slide 15s linear infinite;
overflow: hidden;
}
#first {
display: inline-block;
padding-left: 40px;
font-size: 18px;
line-height: 28px;
letter-spacing: 2px;
font-family: Alibaba PuHuiTi, AlibabaPuHuiTi;
color: #f8503a;
}
@keyframes slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
}
.container { .container {
display: flex; display: flex;
@ -257,16 +330,11 @@ export default {
margin-top: 104px; margin-top: 104px;
.leftModuleBox { .leftModuleBox {
// flex: 0 0 433px;
flex: 1; flex: 1;
padding-left: 26px; padding-left: 26px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
// display: flex;
//flex-direction: column;
// flex-wrap: wrap;
//align-items: center;
} }
.centerModuleBox { .centerModuleBox {
@ -336,11 +404,9 @@ export default {
} }
.rightModuleBox { .rightModuleBox {
// flex: 0 0 433px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
// align-items: center;
padding-right: 26px; padding-right: 26px;
} }

72
sgzb-screen/src/views/login/index.vue
View File

@ -4,7 +4,7 @@
<div class="loginInner"> <div class="loginInner">
<div class="login_header"> <div class="login_header">
<div class="login_header_title"> <div class="login_header_title">
<a <!-- <a
href="javascript:;" href="javascript:;"
:class="{ on: loginWay }" :class="{ on: loginWay }"
@click="loginWayClick(1)" @click="loginWayClick(1)"
@ -15,7 +15,8 @@
:class="{ on: !loginWay }" :class="{ on: !loginWay }"
@click="loginWayClick(2)" @click="loginWayClick(2)"
>手机登录</a >手机登录</a
> > -->
<div class="login_header">智慧仓储管理平台</div>
</div> </div>
</div> </div>
<!-- 内容部分 --> <!-- 内容部分 -->
@ -98,7 +99,7 @@
class="login_submit" class="login_submit"
@click="userLogin('form')" @click="userLogin('form')"
> >
立即登录 登录
</button> </button>
</div> </div>
</div> </div>
@ -284,9 +285,9 @@ export default {
.loginContainer { .loginContainer {
width: 792px; width: 792px;
height: 531px; height: 531px;
background: #fff; // background: #fff;
box-shadow: -1px 4px 17px 2px rgba(216, 218, 224, 0.5); // box-shadow: -1px 4px 17px 2px rgba(216, 218, 224, 0.5);
border-radius: 12px; // border-radius: 12px;
opacity: 0.9; opacity: 0.9;
margin-top: 15%; margin-top: 15%;
margin-left: 30%; margin-left: 30%;
@ -327,9 +328,20 @@ export default {
font-weight: bolder; font-weight: bolder;
border-bottom: 5px solid #003996; border-bottom: 5px solid #003996;
} }
.login_header {
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
font-weight: 500;
color: #ffffff;
line-height: 56px;
margin-top: -30px;
}
.login_content { .login_content {
margin: 53px 110px 0 110px; margin: 110px 110px 0 110px;
} }
.login_content_box { .login_content_box {
@ -346,10 +358,10 @@ export default {
.userName_icon { .userName_icon {
position: absolute; position: absolute;
left: 4%; left: 4%;
top: 30%; top: 20%;
z-index: 1; z-index: 1;
width: 30px; width: 20px;
height: 30px; height: 20px;
img { img {
width: 100%; width: 100%;
@ -365,10 +377,10 @@ export default {
.password_icon { .password_icon {
position: absolute; position: absolute;
left: 4%; left: 4%;
top: 30%; top: 20%;
z-index: 1; z-index: 1;
width: 30px; width: 20px;
height: 30px; height: 20px;
img { img {
width: 100%; width: 100%;
@ -377,16 +389,17 @@ export default {
} }
/deep/ .el-input__inner { /deep/ .el-input__inner {
width: 566px !important; width: 368px !important;
height: 85px !important; height: 48px !important;
border-radius: 4px; border-radius: 2px 2px 2px 2px;
border: 1px solid #bebebe; border: 1px solid #19bfec;
font-size: 28px; font-size: 16px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000; color: rgba(255, 255, 255, 0.8);
line-height: 40px; line-height: 48px;
padding: 0 80px; padding: 0 42px;
background: #000d32;
} }
/deep/ .el-input__icon el-icon-user { /deep/ .el-input__icon el-icon-user {
@ -397,7 +410,7 @@ export default {
margin-left: -120px; margin-left: -120px;
} }
/deep/ .el-form-item__error { /deep/ .el-form-item__error {
font-size: 28px !important; font-size: 20px !important;
} }
.iphone_box { .iphone_box {
@ -461,17 +474,18 @@ export default {
.login_submit { .login_submit {
display: block; display: block;
width: 566px; width: 368px;
height: 73px; height: 48px;
background: #003996; background: #00b2ff;
border-radius: 4px; border-radius: 4px;
font-size: 28px; font-size: 20px;
line-height: 73px; line-height: 48px;
color: #fff; color: #fff;
text-align: center; text-align: center;
border: none; border: none;
margin-top: 24px; margin-top: 44px;
letter-spacing: 0.1em; letter-spacing: 0.3em;
margin-left: 102px;
} }
} }
</style> </style>