提交大屏代码1
This commit is contained in:
zhouxain01
parent
9dbdd7db7f
commit
6427e44d67
|
|
@ -87,7 +87,7 @@ const webpackConfig = merge(baseWebpackConfig, {
|
|||
// split vendor js into its own file
|
||||
new webpack.optimize.CommonsChunkPlugin({
|
||||
name: 'vendor',
|
||||
minChunks (module) {
|
||||
minChunks(module) {
|
||||
// any required modules inside node_modules are extracted to vendor
|
||||
return (
|
||||
module.resource &&
|
||||
|
|
|
|||
|
|
@ -5,7 +5,9 @@ var prodEnv = require('./prod.env')
|
|||
// var testUrl = '172.16.2.82:8802'
|
||||
// var testUrl = '14.29.196.32: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 = 'www.lingyangplat.com'
|
||||
|
||||
|
|
|
|||
|
|
@ -18,10 +18,10 @@ module.exports = {
|
|||
cssSourceMap: true
|
||||
},
|
||||
build: {
|
||||
index: path.resolve(__dirname, '../dist/index.html'),
|
||||
index: path.resolve(__dirname, '../dist/index01.html'),
|
||||
// Paths
|
||||
assetsRoot: path.resolve(__dirname, '../dist'),
|
||||
assetsSubDirectory: 'static',
|
||||
assetsSubDirectory: 'static01',
|
||||
assetsPublicPath: '/',
|
||||
productionSourceMap: false,
|
||||
devtool: '#source-map',
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
// var testUrl = '223.243.184.53:8480'
|
||||
var testUrl = '10.14.16.165:8803/'
|
||||
// var testUrl = '14.29.196.32:8803/'
|
||||
var testUrl = '112.29.103.165:21624/'
|
||||
// var testUrl = '192.168.0.14:21624/'
|
||||
// var testUrl = '192.168.0.166:8080'
|
||||
module.exports = {
|
||||
NODE_ENV: '"production"',
|
||||
//post用当前域名
|
||||
// API_ROOT: '"http://' + testUrl + '/iot"'
|
||||
API_ROOT: '"/cockpit"',
|
||||
// API_ROOT: '/',
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,8 @@
|
|||
name="viewport"
|
||||
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>
|
||||
<body style="margin: 0;">
|
||||
<div id="app"></div>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -4,10 +4,16 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'app',
|
||||
}
|
||||
export default {
|
||||
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>
|
||||
<style lang="less">
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -20,4 +20,6 @@ export const getEquipmentDisByMapApi = params => POST(`/base/largeScreen/home/ge
|
|||
export const getTotalOwnershipApi = params => POST(`/base/largeScreen/home/getTotalOwnership`,)
|
||||
// 当月使用车辆
|
||||
export const getCarUseByMonthApi = params => POST(`/base/largeScreen/home/getCarUseByMonth?maType=${params.maType}`,)
|
||||
// 当月使用车辆
|
||||
export const getMaintenanceWarningApi = params => POST(`/base/largeScreen/home/getMaintenanceWarning`,)
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 444 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 343 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 360 B |
|
|
@ -323,12 +323,12 @@ export default {
|
|||
},
|
||||
},
|
||||
labelLine: {
|
||||
length: 40,
|
||||
length2: 40,
|
||||
length: 10,
|
||||
length2: 30,
|
||||
},
|
||||
startAngle: 40, //起始角度，支持范围[0, 360]。
|
||||
clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
|
||||
radius: ['20%', '80%'],
|
||||
radius: ['12%', '62%'],
|
||||
center: ['50%', '50%'],
|
||||
data: this.data,
|
||||
itemStyle: {
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div class="homePage">
|
||||
<div class="homePage_title" @click="routerClick">
|
||||
<!-- <div class="homePage_title" @click="routerClick">
|
||||
<div>智慧仓储管理平台</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="container">
|
||||
<!-- 左侧数据模块列表 -->
|
||||
<div class="leftModuleBox">
|
||||
|
|
@ -62,6 +62,20 @@
|
|||
</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>
|
||||
</template>
|
||||
|
||||
|
|
@ -77,7 +91,7 @@ import CenterBottom from '../../components/home/centerBottom.vue'
|
|||
import CenterTop from '../../components/home/centerTop.vue'
|
||||
import CountryMap from '../../components/home/countryMap.vue'
|
||||
import CenterFold from '../../components/home/centerFold.vue'
|
||||
|
||||
import { getMaintenanceWarningApi } from "../../api/screen";
|
||||
export default {
|
||||
components: {
|
||||
LeftOne,
|
||||
|
|
@ -99,6 +113,8 @@ export default {
|
|||
weatherData: {},
|
||||
weatherUrl: '',
|
||||
maType: 1,
|
||||
// 您有一条检修预警提示，请注意查收！
|
||||
transformList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
|
@ -127,7 +143,9 @@ export default {
|
|||
// })
|
||||
// this.getWeather()
|
||||
this.getMapSelect(this.maType)
|
||||
|
||||
getMaintenanceWarningApi().then(res => {
|
||||
this.transformList = res.data
|
||||
})
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -167,8 +185,8 @@ export default {
|
|||
const hours = date.getHours().toString().padStart(2, '0')
|
||||
const minutes = date.getMinutes().toString().padStart(2, '0')
|
||||
const seconds = date.getSeconds().toString().padStart(2, '0')
|
||||
this.dateTimeString = `${year}/${month}/${day} ${weekday} ${hours}:${minutes}:${seconds}`
|
||||
// this.dateTimeString = dateTimeString
|
||||
const dateTimeString = `${year}/${month}/${day} ${weekday} ${hours}:${minutes}:${seconds}`
|
||||
this.dateTimeString = dateTimeString
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -179,32 +197,32 @@ export default {
|
|||
.homePage {
|
||||
width: 1920px;
|
||||
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%;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
.homePage_title {
|
||||
position: absolute;
|
||||
left: 40.3%;
|
||||
// top: 27%;
|
||||
div {
|
||||
width: 410px;
|
||||
height: 55px;
|
||||
font-size: 40px;
|
||||
font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
|
||||
font-weight: 800;
|
||||
line-height: 60px;
|
||||
letter-spacing: 8px;
|
||||
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
|
||||
background-image: linear-gradient(
|
||||
to bottom,
|
||||
#f6fcff 50%,
|
||||
#a5deff 75%; #69c9ff 100%
|
||||
);
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
}
|
||||
// .homePage_title {
|
||||
// position: absolute;
|
||||
// left: 40.3%;
|
||||
// // top: 27%;
|
||||
// div {
|
||||
// width: 410px;
|
||||
// height: 55px;
|
||||
// font-size: 40px;
|
||||
// font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
|
||||
// font-weight: 800;
|
||||
// line-height: 60px;
|
||||
// letter-spacing: 8px;
|
||||
// text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
|
||||
// background-image: linear-gradient(
|
||||
// to bottom,
|
||||
// #f6fcff 50%,
|
||||
// #a5deff 75%; #69c9ff 100%
|
||||
// );
|
||||
// color: transparent;
|
||||
// background-clip: text;
|
||||
// }
|
||||
// }
|
||||
|
||||
.weather {
|
||||
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 {
|
||||
display: flex;
|
||||
|
|
@ -257,16 +330,11 @@ export default {
|
|||
margin-top: 104px;
|
||||
|
||||
.leftModuleBox {
|
||||
// flex: 0 0 433px;
|
||||
flex: 1;
|
||||
padding-left: 26px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
// display: flex;
|
||||
//flex-direction: column;
|
||||
// flex-wrap: wrap;
|
||||
//align-items: center;
|
||||
}
|
||||
|
||||
.centerModuleBox {
|
||||
|
|
@ -336,11 +404,9 @@ export default {
|
|||
}
|
||||
|
||||
.rightModuleBox {
|
||||
// flex: 0 0 433px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
// align-items: center;
|
||||
padding-right: 26px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<div class="loginInner">
|
||||
<div class="login_header">
|
||||
<div class="login_header_title">
|
||||
<a
|
||||
<!-- <a
|
||||
href="javascript:;"
|
||||
:class="{ on: loginWay }"
|
||||
@click="loginWayClick(1)"
|
||||
|
|
@ -15,7 +15,8 @@
|
|||
:class="{ on: !loginWay }"
|
||||
@click="loginWayClick(2)"
|
||||
>手机登录</a
|
||||
>
|
||||
> -->
|
||||
<div class="login_header">智慧仓储管理平台</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 内容部分 -->
|
||||
|
|
@ -98,7 +99,7 @@
|
|||
class="login_submit"
|
||||
@click="userLogin('form')"
|
||||
>
|
||||
立即登录
|
||||
登录
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -284,9 +285,9 @@ export default {
|
|||
.loginContainer {
|
||||
width: 792px;
|
||||
height: 531px;
|
||||
background: #fff;
|
||||
box-shadow: -1px 4px 17px 2px rgba(216, 218, 224, 0.5);
|
||||
border-radius: 12px;
|
||||
// background: #fff;
|
||||
// box-shadow: -1px 4px 17px 2px rgba(216, 218, 224, 0.5);
|
||||
// border-radius: 12px;
|
||||
opacity: 0.9;
|
||||
margin-top: 15%;
|
||||
margin-left: 30%;
|
||||
|
|
@ -327,9 +328,20 @@ export default {
|
|||
font-weight: bolder;
|
||||
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 {
|
||||
margin: 53px 110px 0 110px;
|
||||
margin: 110px 110px 0 110px;
|
||||
}
|
||||
|
||||
.login_content_box {
|
||||
|
|
@ -346,10 +358,10 @@ export default {
|
|||
.userName_icon {
|
||||
position: absolute;
|
||||
left: 4%;
|
||||
top: 30%;
|
||||
top: 20%;
|
||||
z-index: 1;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
|
|
@ -365,10 +377,10 @@ export default {
|
|||
.password_icon {
|
||||
position: absolute;
|
||||
left: 4%;
|
||||
top: 30%;
|
||||
top: 20%;
|
||||
z-index: 1;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
|
|
@ -377,16 +389,17 @@ export default {
|
|||
}
|
||||
|
||||
/deep/ .el-input__inner {
|
||||
width: 566px !important;
|
||||
height: 85px !important;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #bebebe;
|
||||
font-size: 28px;
|
||||
width: 368px !important;
|
||||
height: 48px !important;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
border: 1px solid #19bfec;
|
||||
font-size: 16px;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #000;
|
||||
line-height: 40px;
|
||||
padding: 0 80px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
line-height: 48px;
|
||||
padding: 0 42px;
|
||||
background: #000d32;
|
||||
}
|
||||
|
||||
/deep/ .el-input__icon el-icon-user {
|
||||
|
|
@ -397,7 +410,7 @@ export default {
|
|||
margin-left: -120px;
|
||||
}
|
||||
/deep/ .el-form-item__error {
|
||||
font-size: 28px !important;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.iphone_box {
|
||||
|
|
@ -461,17 +474,18 @@ export default {
|
|||
|
||||
.login_submit {
|
||||
display: block;
|
||||
width: 566px;
|
||||
height: 73px;
|
||||
background: #003996;
|
||||
width: 368px;
|
||||
height: 48px;
|
||||
background: #00b2ff;
|
||||
border-radius: 4px;
|
||||
font-size: 28px;
|
||||
line-height: 73px;
|
||||
font-size: 20px;
|
||||
line-height: 48px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border: none;
|
||||
margin-top: 24px;
|
||||
letter-spacing: 0.1em;
|
||||
margin-top: 44px;
|
||||
letter-spacing: 0.3em;
|
||||
margin-left: 102px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue