Skip to content

Z
zhongtong-avi-web
Commit 6fc91a1e authored by 李志鸣's avatar 李志鸣
Browse files
Options

opt(Led 工位级): 修改工位级Led大屏文件名称及路由地址

parent 976f35e5
Hide whitespace changes
Inline Side-by-side
Showing with 131 additions and 122 deletions
src/lang/zh/route.js
View file @ 6fc91a1e
...@@ -41,13 +41,13 @@ export default { ...@@ -41,13 +41,13 @@ export default {
MonitorIndex: 'AVI大屏', MonitorIndex: 'AVI大屏',
// Led // Led
Led: 'Led大屏', Led: 'Led大屏',
StationElectrophoresis: '电泳', StationOne: '工位屏1',
StationPutty: '腻子', StationTwo: '工位屏2',
StationApplyArtificial: '中涂人工', StationThree: '工位屏3',
stationInsulatingAnticorrosive: '隔热防腐', StationFour: '工位屏4',
StationFloatingCoatRobot: '中涂机器人', StationFive: '工位屏5',
StationSurfaceVarnish: '面/清漆', StationSix: '工位屏6',
StationSprayDryingRoom: '喷漆/烘干室', StationSeven: '工位屏7',
WorkShopPaintingWorkShop: '涂装车间', WorkShopPaintingWorkShop: '涂装车间',
StationVoc: 'voc', StationVoc: 'voc',
// 监控大屏 // 监控大屏
......
src/permission.js
View file @ 6fc91a1e
...@@ -13,13 +13,13 @@ const whiteList = [ ...@@ -13,13 +13,13 @@ const whiteList = [
'/', '/',
// led // led
'/led', '/led',
'/led/stationElectrophoresis', '/led/stationOne',
'/led/stationInsulatingAnticorrosive', '/led/stationTwo',
'/led/stationPutty', '/led/stationThree',
'/led/stationApplyArtificial', '/led/stationFour',
'/led/stationFloatingCoatRobot', '/led/stationFive',
'/led/stationSurfaceVarnish', '/led/stationSix',
'/led/stationSprayDryingRoom', '/led/stationSeven',
'/led/workShopPaintingWorkShop', '/led/workShopPaintingWorkShop',
'/led/stationVoc', '/led/stationVoc',
// avi // avi
......
src/router/index.js
View file @ 6fc91a1e
...@@ -71,58 +71,58 @@ export const constantRouterMap = [{ ...@@ -71,58 +71,58 @@ export const constantRouterMap = [{
{ {
path: '/led', path: '/led',
component: () => import('@/views/Layout/lsd'), component: () => import('@/views/Layout/lsd'),
redirect: '/led/stationElectrophoresis', redirect: '/led/stationOne',
meta: { title: 'Led', icon: 'template', openNewWindow: true }, meta: { title: 'Led', icon: 'template', openNewWindow: true },
hidden: true, hidden: true,
children: [ children: [
{ {
//电泳 // 工位屏1
path: 'stationElectrophoresis', path: 'stationOne',
component: () => import('@/views/Led/Station/electrophoresis'), component: () => import('@/views/Led/Station/stationOne'),
name: 'StationElectrophoresis', name: 'StationOne',
meta: { title: 'StationElectrophoresis', icon: 'template' } meta: { title: 'StationOne', icon: 'template' }
}, },
{ {
//隔热防腐 // 工位屏2
path: 'stationInsulatingAnticorrosive', path: 'stationTwo',
component: () => import('@/views/Led/Station/insulatingAnticorrosive'), component: () => import('@/views/Led/Station/stationTwo'),
name: 'StationInsulatingAnticorrosive', name: 'StationTwo',
meta: { title: 'stationInsulatingAnticorrosive', icon: 'template' } meta: { title: 'StationTwo', icon: 'template' }
}, },
{ {
//腻子 // 工位屏3
path: 'stationPutty', path: 'stationThree',
component: () => import('@/views/Led/Station/putty'), component: () => import('@/views/Led/Station/stationThree'),
name: 'StationPutty', name: 'StationThree',
meta: { title: 'StationPutty', icon: 'template' } meta: { title: 'StationThree', icon: 'template' }
}, },
{ {
//中涂人工 // 工位屏4
path: 'stationApplyArtificial', path: 'stationFour',
component: () => import('@/views/Led/Station/applyArtificial'), component: () => import('@/views/Led/Station/stationFour'),
name: 'StationApplyArtificial', name: 'StationFour',
meta: { title: 'StationApplyArtificial', icon: 'template' } meta: { title: 'StationFour', icon: 'template' }
}, },
{ {
//中涂机器人 // 工位屏5
path: 'stationFloatingCoatRobot', path: 'stationFive',
component: () => import('@/views/Led/Station/floatingCoatRobot'), component: () => import('@/views/Led/Station/stationFive'),
name: 'StationFloatingCoatRobot', name: 'StationFive',
meta: { title: 'StationFloatingCoatRobot', icon: 'template' } meta: { title: 'StationFive', icon: 'template' }
}, },
{ {
//面/清漆 // 工位屏6
path: 'stationSurfaceVarnish', path: 'stationSix',
component: () => import('@/views/Led/Station/surfaceVarnish'), component: () => import('@/views/Led/Station/stationSix'),
name: 'StationSurfaceVarnish', name: 'StationSix',
meta: { title: 'StationSurfaceVarnish', icon: 'template' } meta: { title: 'StationSix', icon: 'template' }
}, },
{ {
//喷漆室，烘干室 // 工位屏7
path: 'stationSprayDryingRoom', path: 'stationSeven',
component: () => import('@/views/Led/Station/sprayDryingRoom'), component: () => import('@/views/Led/Station/stationSeven'),
name: 'StationSprayDryingRoom', name: 'StationSeven',
meta: { title: 'StationSprayDryingRoom', icon: 'template' } meta: { title: 'StationSeven', icon: 'template' }
}, },
{ {
//涂装车间 //涂装车间
......
src/views/Led/Station/putty.vue → src/views/Led/Station/stationFive.vue
View file @ 6fc91a1e
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import Moment from 'moment' import Moment from 'moment'
export default { export default {
name: 'StationPutty', name: 'StationFive',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide
......
src/views/Led/Station/insulatingAnticorrosive.vue → src/views/Led/Station/stationFour.vue
View file @ 6fc91a1e
<template> <template>
<div class="container"> <!-- 隔热防腐工位级Led -->
<div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0;"> <div class="container">
<div class="title-pack">{{timmingData.name}}</div> <div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0;">
<div class="table-pack"> <div class="title-pack">{{timmingData.name}}</div>
<div class="tr"> <div class="table-pack">
<div class="th-l">进车数</div> <div class="tr">
<div class="th-r">{{timmingData.busIn}}</div> <div class="th-l">进车数</div>
</div> <div class="th-r">{{timmingData.busIn}}</div>
<div class="tr"> </div>
<div class="th-l">出车数</div> <div class="tr">
<div class="th-r">{{timmingData.busOut}}</div> <div class="th-l">出车数</div>
</div> <div class="th-r">{{timmingData.busOut}}</div>
<div class="info"> </div>
设备报警信息： <div class="info">
<div>&nbsp;</div> 设备报警信息：
<swiper :options="swiperOption" ref="mySwiper"> <div class="line"></div>
<swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide> <swiper :options="swiperOption" ref="mySwiper">
</swiper> <swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide>
</div> </swiper>
<div class="time">时间：{{ timeNow }}</div> </div>
</div> <div class="time">时间：{{ timeNow }}</div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import Moment from 'moment' import Moment from 'moment'
export default { export default {
name: 'StationInsulatingAnticorrosive', name: 'StationFour',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide
...@@ -111,12 +112,12 @@ ...@@ -111,12 +112,12 @@
.title-pack { .title-pack {
width: 1710px; width: 1710px;
height: 100px; height: 120px;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 100px;
} }
.table-pack { .table-pack {
...@@ -136,7 +137,7 @@ ...@@ -136,7 +137,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
.th-r { .th-r {
...@@ -148,7 +149,7 @@ ...@@ -148,7 +149,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
} }
...@@ -159,21 +160,25 @@ ...@@ -159,21 +160,25 @@
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{ .swiper-slide{
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
font-size: 80px;
} }
} }
.time { .time {
width: 1710px; width: 1710px;
height: 100px; height: 80px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
line-height: 100px; line-height: 80px;
font-size: 60px; font-size: 70px;
} }
} }
} }
......
src/views/Led/Station/applyArtificial.vue → src/views/Led/Station/stationOne.vue
View file @ 6fc91a1e
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import Moment from 'moment' import Moment from 'moment'
export default { export default {
name: 'StationApplyArtificial', name: 'StationOne',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide
......
src/views/Led/Station/sprayDryingRoom.vue → src/views/Led/Station/stationSeven.vue
View file @ 6fc91a1e
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import Moment from 'moment' import Moment from 'moment'
export default { export default {
name: 'StationSprayDryingRoom', name: 'StationSeven',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide
......
src/views/Led/Station/surfaceVarnish.vue → src/views/Led/Station/stationSix.vue
View file @ 6fc91a1e
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import Moment from 'moment' import Moment from 'moment'
export default { export default {
name: 'StationSurfaceVarnish', name: 'StationSix',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide
......
src/views/Led/Station/floatingCoatRobot.vue → src/views/Led/Station/stationThree.vue
View file @ 6fc91a1e
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import Moment from 'moment' import Moment from 'moment'
export default { export default {
name: 'StationFloatingCoatRobot', name: 'StationThree',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide
......
src/views/Led/Station/electrophoresis.vue → src/views/Led/Station/stationTwo.vue
View file @ 6fc91a1e
<template> <template>
<div class="container"> <!-- 电泳工位级Led -->
<div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0;"> <div class="container">
<div class="title-pack">{{timmingData.name}}</div> <div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0;">
<div class="table-pack"> <div class="title-pack">{{timmingData.name}}</div>
<div class="tr"> <div class="table-pack">
<div class="th-l">进车数</div> <div class="tr">
<div class="th-r">{{timmingData.busIn}}</div> <div class="th-l">进车数</div>
</div> <div class="th-r">{{timmingData.busIn}}</div>
<div class="tr"> </div>
<div class="th-l">出车数</div> <div class="tr">
<div class="th-r">{{timmingData.busOut}}</div> <div class="th-l">出车数</div>
</div> <div class="th-r">{{timmingData.busOut}}</div>
<div class="info"> </div>
设备报警信息： <div class="info">
<div>&nbsp;</div> 设备报警信息：
<swiper :options="swiperOption" ref="mySwiper"> <div class="line"></div>
<swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide> <swiper :options="swiperOption" ref="mySwiper">
</swiper> <swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide>
</div> </swiper>
<div class="time">时间：{{ timeNow }}</div> </div>
</div> <div class="time">时间：{{ timeNow }}</div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import Moment from 'moment' import Moment from 'moment'
export default { export default {
name: 'StationElectrophoresis', name: 'StationTwo',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide
...@@ -114,12 +114,12 @@ ...@@ -114,12 +114,12 @@
.title-pack { .title-pack {
width: 1710px; width: 1710px;
height: 100px; height: 120px;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 100px;
} }
.table-pack { .table-pack {
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
.th-r { .th-r {
...@@ -151,7 +151,7 @@ ...@@ -151,7 +151,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
} }
...@@ -162,21 +162,25 @@ ...@@ -162,21 +162,25 @@
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{ .swiper-slide{
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
font-size: 80px;
} }
} }
.time { .time {
width: 1710px; width: 1710px;
height: 100px; height: 80px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
line-height: 100px; line-height: 80px;
font-size: 60px; font-size: 70px;
} }
} }
} }
......
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