Skip to content

Z
zhongtong-avi-web
Commit 5f900e54 authored by 车宾's avatar 车宾
Browse files
Options

fea(工位级led): 静态开发

parent 2e25f294
Hide whitespace changes
Inline Side-by-side
Showing with 814 additions and 5 deletions
src/lang/zh/route.js
View file @ 5f900e54
......@@ -30,7 +30,13 @@ export default {
MonitorIndex: 'AVI大屏',
// Led
Led: 'Led大屏',
StationElectrophoresis: 'Led大屏',
StationElectrophoresis: '电泳',
StationPutty: '腻子',
StationApplyArtificial: '中涂人工',
stationInsulatingAnticorrosive: '隔热防腐',
StationFloatingCoatRobot: '中涂机器人',
StationSurfaceVarnish: '面/清漆',
StationSprayDryingRoom: '喷漆/烘干室',
// 监控大屏
CenterControl: '监控大屏',
CenterControlIndex: '监控大屏'
......
src/router/index.js
View file @ 5f900e54
......@@ -50,13 +50,49 @@ export const constantRouterMap = [{
component: () => import('@/views/Layout/lsd'),
redirect: '/led/stationElectrophoresis',
meta: { title: 'Led', icon: 'template', openNewWindow: true },
hidden: true,
// hidden: true,
children: [
{
path: 'stationElectrophoresis',
path: 'stationElectrophoresis', //电泳
component: () => import('@/views/Led/Station/electrophoresis'),
name: 'StationElectrophoresis',
meta: { title: 'StationElectrophoresis', icon: 'template' }
},
{
path: 'stationInsulatingAnticorrosive', //隔热防腐
component: () => import('@/views/Led/Station/insulatingAnticorrosive'),
name: 'stationInsulatingAnticorrosive',
meta: { title: 'stationInsulatingAnticorrosive', icon: 'template' }
},
{
path: 'stationPutty', //腻子
component: () => import('@/views/Led/Station/putty'),
name: 'StationPutty',
meta: { title: 'StationPutty', icon: 'template' }
},
{
path: 'stationApplyArtificial', //中涂人工
component: () => import('@/views/Led/Station/applyArtificial'),
name: 'StationApplyArtificial',
meta: { title: 'StationApplyArtificial', icon: 'template' }
},
{
path: 'stationFloatingCoatRobot', //中涂机器人
component: () => import('@/views/Led/Station/floatingCoatRobot'),
name: 'StationFloatingCoatRobot',
meta: { title: 'StationFloatingCoatRobot', icon: 'template' }
},
{
path: 'stationSurfaceVarnish', //面/清漆
component: () => import('@/views/Led/Station/surfaceVarnish'),
name: 'StationSurfaceVarnish',
meta: { title: 'StationSurfaceVarnish', icon: 'template' }
},
{
path: 'stationSprayDryingRoom', //喷漆室，烘干室
component: () => import('@/views/Led/Station/sprayDryingRoom'),
name: 'StationSprayDryingRoom',
meta: { title: 'StationSprayDryingRoom', icon: 'template' }
}
]
}]
......
src/router/modules/led.js
View file @ 5f900e54
......@@ -8,10 +8,46 @@ export default {
meta: { title: 'Led', icon: 'template', openNewWindow: true },
children: [
{
path: 'stationElectrophoresis',
path: 'stationElectrophoresis', //电泳
component: () => import('@/views/Led/Station/electrophoresis'),
name: 'StationElectrophoresis',
meta: { title: 'StationElectrophoresis', icon: 'template' }
},
{
path: 'stationInsulatingAnticorrosive', //隔热防腐
component: () => import('@/views/Led/Station/insulatingAnticorrosive'),
name: 'StationInsulatingAnticorrosive',
meta: { title: 'StationInsulatingAnticorrosive', icon: 'template' }
},
{
path: 'stationPutty', //腻子
component: () => import('@/views/Led/Station/putty'),
name: 'StationPutty',
meta: { title: 'StationPutty', icon: 'template' }
},
{
path: 'stationApplyArtificial', //中涂人工
component: () => import('@/views/Led/Station/applyArtificial'),
name: 'StationApplyArtificial',
meta: { title: 'StationApplyArtificial', icon: 'template' }
},
{
path: 'stationFloatingCoatRobot', //中涂机器人
component: () => import('@/views/Led/Station/floatingCoatRobot'),
name: 'StationFloatingCoatRobot',
meta: { title: 'StationFloatingCoatRobot', icon: 'template' }
},
{
path: 'stationSurfaceVarnish', //面/清漆
component: () => import('@/views/Led/Station/surfaceVarnish'),
name: 'StationSurfaceVarnish',
meta: { title: 'StationSurfaceVarnish', icon: 'template' }
},
{
path: 'stationSprayDryingRoom', //喷漆室，烘干室
component: () => import('@/views/Led/Station/sprayDryingRoom'),
name: 'StationSprayDryingRoom',
meta: { title: 'StationSprayDryingRoom', icon: 'template' }
}
]
}
src/views/Led/Station/applyArtificial.vue 0 → 100644
View file @ 5f900e54
<template>
<div class="page-pack">
<div class="title-pack">中涂人工</div>
<div class="table-pack">
<div class="tr">
<div class="th-l">进车数</div>
<div class="th-r">{{width}}</div>
</div>
<div class="tr">
<div class="th-l">人工喷涂完工数</div>
<div class="th-r">{{height}}</div>
</div>
<div class="tr">
<div class="th-l">中涂交车完工数</div>
<div class="th-r">{{height}}</div>
</div>
<div class="info">
设备报警信息：
</div>
<div class="time">时间：2019-08-29 09:00:00</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
width: 0,
height: 0
}
},
methods: {},
mounted () {
setTimeout(() => {
this.width = document.body.offsetWidth
this.height = document.body.offsetHeight
}, 3000)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
width: 1710px;
height: 860px;
background-color: #111;
.title-pack {
width: 1710px;
height: 100px;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.table-pack {
overflow: hidden;
.tr {
width: 1710px;
height: 102px;
.th-l {
width: 853px;
height: 100px;
border-top: 2px solid yellow;
border-right: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.th-r {
width: 855px;
height: 100px;
border-top: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
}
.info {
width: 1710px;
height: 353px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
}
.time {
width: 1710px;
height: 100px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
}
}
}
</style>
\ No newline at end of file
src/views/Led/Station/electrophoresis.vue
View file @ 5f900e54
......@@ -13,7 +13,7 @@
<div class="info">
设备报警信息：
</div>
<div class="time">时间：2019-08-29 09:00:00</div>
<div class="time">时间v：2019-08-29 09:00:00</div>
</div>
</div>
</template>
......
src/views/Led/Station/floatingCoatRobot.vue 0 → 100644
View file @ 5f900e54
<template>
<div class="page-pack">
<div class="title-pack">中涂机器人</div>
<div class="table-pack">
<div class="tr">
<div class="th-l">进车数</div>
<div class="th-r">{{width}}</div>
</div>
<div class="tr">
<div class="th-l">喷涂机器人完工数</div>
<div class="th-r">{{height}}</div>
</div>
<div class="tr">
<div class="th-l">中途交车完工数</div>
<div class="th-r">{{height}}</div>
</div>
<div class="info">
设备报警信息：
</div>
<div class="time">时间v：2019-08-29 09:00:00</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
width: 0,
height: 0
}
},
methods: {},
mounted () {
setTimeout(() => {
this.width = document.body.offsetWidth
this.height = document.body.offsetHeight
}, 3000)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
width: 1710px;
height: 860px;
background-color: #111;
.title-pack {
width: 1710px;
height: 100px;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.table-pack {
overflow: hidden;
.tr {
width: 1710px;
height: 102px;
.th-l {
width: 853px;
height: 100px;
border-top: 2px solid yellow;
border-right: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.th-r {
width: 855px;
height: 100px;
border-top: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
}
.info {
width: 1710px;
height: 353px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
}
.time {
width: 1710px;
height: 100px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
}
}
}
</style>
\ No newline at end of file
src/views/Led/Station/insulatingAnticorrosive.vue 0 → 100644
View file @ 5f900e54
<template>
<div class="page-pack">
<div class="title-pack">隔热防腐</div>
<div class="table-pack">
<div class="tr">
<div class="th-l">进车数</div>
<div class="th-r">{{width}}</div>
</div>
<div class="tr">
<div class="th-l">完工数</div>
<div class="th-r">{{height}}</div>
</div>
<div class="info">
设备报警信息：
</div>
<div class="time">时间v：2019-08-29 09:00:00</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
width: 0,
height: 0
}
},
methods: {},
mounted () {
setTimeout(() => {
this.width = document.body.offsetWidth
this.height = document.body.offsetHeight
}, 3000)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
width: 1710px;
height: 860px;
background-color: #111;
.title-pack {
width: 1710px;
height: 100px;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.table-pack {
overflow: hidden;
.tr {
width: 1710px;
height: 102px;
.th-l {
width: 853px;
height: 100px;
border-top: 2px solid yellow;
border-right: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.th-r {
width: 855px;
height: 100px;
border-top: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
}
.info {
width: 1710px;
height: 454px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
}
.time {
width: 1710px;
height: 100px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
}
}
}
</style>
\ No newline at end of file
src/views/Led/Station/putty.vue 0 → 100644
View file @ 5f900e54
<template>
<div class="page-pack">
<div class="title-pack">腻子</div>
<div class="table-pack">
<div class="tr">
<div class="th-l">进车数</div>
<div class="th-r">{{width}}</div>
</div>
<div class="tr">
<div class="th-l">完工数</div>
<div class="th-r">{{height}}</div>
</div>
<div class="info">
设备报警信息：
</div>
<div class="time">时间v：2019-08-29 09:00:00</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
width: 0,
height: 0
}
},
methods: {},
mounted () {
setTimeout(() => {
this.width = document.body.offsetWidth
this.height = document.body.offsetHeight
}, 3000)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
width: 1710px;
height: 860px;
background-color: #111;
.title-pack {
width: 1710px;
height: 100px;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.table-pack {
overflow: hidden;
.tr {
width: 1710px;
height: 102px;
.th-l {
width: 853px;
height: 100px;
border-top: 2px solid yellow;
border-right: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.th-r {
width: 855px;
height: 100px;
border-top: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
}
.info {
width: 1710px;
height: 454px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
}
.time {
width: 1710px;
height: 100px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
}
}
}
</style>
\ No newline at end of file
src/views/Led/Station/sprayDryingRoom.vue 0 → 100644
View file @ 5f900e54
<template>
<div class="page-pack">
<div class="title-pack">喷漆室、烘干室</div>
<div class="table-pack">
<div class="tr clear-float">
<div class="th-l"></div>
<div class="th-2">状态</div>
<div class="th-3">作业时间</div>
<div class="th-4">{{width}}</div>
<div class="th-5">状态</div>
<div class="th-6">作业时间</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室1</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室2</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室3</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室4</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室5</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室6</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室7</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<div class="tr clear-float">
<div class="th-l">喷漆室8</div>
<div class="th-2">{{width}}</div>
<div class="th-3">{{width}}</div>
<div class="th-4">{{width}}</div>
<div class="th-5">{{width}}</div>
<div class="th-6">{{width}}</div>
</div>
<!-- <div class="info">
设备报警信息：
</div> -->
<div class="time">时间v：2019-08-29 09:00:00</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
width: 0,
height: 0
}
},
methods: {},
mounted () {
setTimeout(() => {
this.width = document.body.offsetWidth
this.height = document.body.offsetHeight
}, 3000)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
width: 1710px;
height: 860px;
background-color: #111;
.title-pack {
width: 1710px;
height: 100px;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 50px;
}
.table-pack {
overflow: hidden;
.tr {
width: 1710px;
// height: 30px;
.th-l,.th-2,.th-3,.th-4,.th-5,.th-6 {
width: 16%;
height: 75px;
border-top: 2px solid yellow;
border-right: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 75px;
font-weight: bold;
font-size: 30px;
}
.th-2 {width: 15%;}
.th-3 {width: 19.3%;}
.th-4 {width: 17%;}
.th-5 {width: 15%;}
.th-6 {width: 17%;}
.th-r {
// width: 855px;
height: 100px;
border-top: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
}
.info {
width: 1710px;
height: 454px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
}
.time {
width: 1710px;
height: 65px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 65px;
font-size: 30px;
}
}
}
</style>
\ No newline at end of file
src/views/Led/Station/surfaceVarnish.vue 0 → 100644
View file @ 5f900e54
<template>
<div class="page-pack">
<div class="title-pack">面/清漆</div>
<div class="table-pack">
<div class="tr">
<div class="th-l">进车数</div>
<div class="th-r">{{width}}</div>
</div>
<div class="tr">
<div class="th-l">完工数</div>
<div class="th-r">{{height}}</div>
</div>
<div class="info">
设备报警信息：
</div>
<div class="time">时间v：2019-08-29 09:00:00</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
width: 0,
height: 0
}
},
methods: {},
mounted () {
setTimeout(() => {
this.width = document.body.offsetWidth
this.height = document.body.offsetHeight
}, 3000)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
width: 1710px;
height: 860px;
background-color: #111;
.title-pack {
width: 1710px;
height: 100px;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.table-pack {
overflow: hidden;
.tr {
width: 1710px;
height: 102px;
.th-l {
width: 853px;
height: 100px;
border-top: 2px solid yellow;
border-right: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
.th-r {
width: 855px;
height: 100px;
border-top: 2px solid yellow;
float: left;
text-align: center;
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
}
}
.info {
width: 1710px;
height: 454px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
}
.time {
width: 1710px;
height: 100px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment