Commit 3ca20030 authored by 李志鸣's avatar 李志鸣

opt(LED、监控大屏、AVI): 各模块背景图及显示效果优化

parent cf7ce822
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
this.startTime = '' this.startTime = ''
this.endTime = '' this.endTime = ''
// 请求设备故障率图表数据 // 请求设备故障率图表数据
this.getMachineFilureEchartData() // this.getMachineFilureEchartData()
}, },
// 请求设备故障率图表数据 // 请求设备故障率图表数据
getMachineFilureEchartData () { getMachineFilureEchartData () {
......
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
this.startTime = '' this.startTime = ''
this.endTime = '' this.endTime = ''
// 请求设备故障率趋势图表数据 // 请求设备故障率趋势图表数据
this.getMachineFailureTrendEchartData() // this.getMachineFailureTrendEchartData()
}, },
// 请求设备故障率趋势图表数据 // 请求设备故障率趋势图表数据
getMachineFailureTrendEchartData () { getMachineFailureTrendEchartData () {
......
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
this.startTime = '' this.startTime = ''
this.endTime = '' this.endTime = ''
// 请求设备运行状态图表数据 // 请求设备运行状态图表数据
this.getMachineOperatingStatusEchartData() // this.getMachineOperatingStatusEchartData()
}, },
// 请求设备运行状态图表数据 // 请求设备运行状态图表数据
getMachineOperatingStatusEchartData () { getMachineOperatingStatusEchartData () {
......
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
this.startTime = '' this.startTime = ''
this.endTime = '' this.endTime = ''
// 请求设备状态趋势图图表数据 // 请求设备状态趋势图图表数据
this.getMachineStateTrendEchartData() // this.getMachineStateTrendEchartData()
}, },
// 请求设备状态趋势图图表数据 // 请求设备状态趋势图图表数据
getMachineStateTrendEchartData () { getMachineStateTrendEchartData () {
......
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
this.startTime = '' this.startTime = ''
this.endTime = '' this.endTime = ''
// 请求设备利用率图表数据 // 请求设备利用率图表数据
this.getOeuEchartData() // this.getOeuEchartData()
}, },
// 请求设备利用率图表数据 // 请求设备利用率图表数据
getOeuEchartData () { getOeuEchartData () {
......
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
this.startTime = '' this.startTime = ''
this.endTime = '' this.endTime = ''
// 请求设备利用率趋势图表数据 // 请求设备利用率趋势图表数据
this.getOeuTrendEchartData() // this.getOeuTrendEchartData()
}, },
// 请求设备利用率趋势图表数据 // 请求设备利用率趋势图表数据
getOeuTrendEchartData () { getOeuTrendEchartData () {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0"> <div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0">
<swiper :options="swiperOption2"> <swiper :options="swiperOption2">
<swiper-slide> <!-- <swiper-slide>
<div class="title-pack">{{timmingData.name}}</div> <div class="title-pack">{{timmingData.name}}</div>
<div class="table-pack"> <div class="table-pack">
<div class="tr"> <div class="tr">
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
</div> </div>
<div class="time">时间:{{ timeNow }}</div> <div class="time">时间:{{ timeNow }}</div>
</div> </div>
</swiper-slide> </swiper-slide> -->
<swiper-slide> <swiper-slide>
<div class="title-pack">{{ timmingData.name }}</div> <div class="title-pack">{{ timmingData.name }}</div>
<div class="spray-drying"> <div class="spray-drying">
......
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
color: yellow; color: yellow;
line-height: 120px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 100px; font-size: 110px;
} }
.table-pack { .table-pack {
...@@ -125,38 +125,38 @@ ...@@ -125,38 +125,38 @@
.tr { .tr {
width: 1710px; width: 1710px;
height: 102px; height: 152px;
.th-l { .th-l {
width: 853px; width: 853px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
border-right: 2px solid yellow; border-right: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
.th-r { .th-r {
width: 855px; width: 855px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
} }
.info { .info {
width: 1710px; width: 1710px;
height: 454px; height: 350px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
......
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
color: yellow; color: yellow;
line-height: 120px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 100px; font-size: 110px;
} }
.table-pack { .table-pack {
...@@ -123,38 +123,38 @@ ...@@ -123,38 +123,38 @@
.tr { .tr {
width: 1710px; width: 1710px;
height: 102px; height: 152px;
.th-l { .th-l {
width: 853px; width: 853px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
border-right: 2px solid yellow; border-right: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
.th-r { .th-r {
width: 855px; width: 855px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
} }
.info { .info {
width: 1710px; width: 1710px;
height: 454px; height: 350px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
......
...@@ -2,27 +2,27 @@ ...@@ -2,27 +2,27 @@
<div class="container"> <div class="container">
<div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0"> <div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0">
<swiper :options="swiperOption2"> <swiper :options="swiperOption2">
<swiper-slide> <!-- <swiper-slide>
<div class="title-pack">{{timmingData.name}}</div> <div class="title-pack">{{timmingData.name}}</div>
<div class="table-pack"> <div class="table-pack">
<div class="tr"> <div class="tr">
<div class="th-l">进车数</div> <div class="th-l">进车数</div>
<div class="th-r">{{timmingData.busIn}}</div> <div class="th-r">{{timmingData.busIn}}</div>
</div> </div>
<div class="tr"> <div class="tr">
<div class="th-l">出车数</div> <div class="th-l">出车数</div>
<div class="th-r">{{timmingData.busOut}}</div> <div class="th-r">{{timmingData.busOut}}</div>
</div> </div>
<div class="info"> <div class="info">
设备报警信息: 设备报警信息:
<div class="line"></div> <div class="line"></div>
<swiper :options="swiperOption"> <swiper :options="swiperOption">
<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-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> </swiper>
</div> </div>
<div class="time">时间:{{ timeNow }}</div> <div class="time">时间:{{ timeNow }}</div>
</div> </div>
</swiper-slide> </swiper-slide> -->
<swiper-slide> <swiper-slide>
<div class="title-pack">{{ timmingData.name }}</div> <div class="title-pack">{{ timmingData.name }}</div>
<div class="sprayDrying"> <div class="sprayDrying">
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0"> <div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0">
<swiper :options="swiperOption2"> <swiper :options="swiperOption2">
<swiper-slide> <!-- <swiper-slide>
<div class="title-pack">{{timmingData.name}}</div> <div class="title-pack">{{timmingData.name}}</div>
<div class="table-pack"> <div class="table-pack">
<div class="tr"> <div class="tr">
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
</div> </div>
<div class="time">时间:{{ timeNow }}</div> <div class="time">时间:{{ timeNow }}</div>
</div> </div>
</swiper-slide> </swiper-slide> -->
<swiper-slide> <swiper-slide>
<div class="title-pack">{{ timmingData.name }}</div> <div class="title-pack">{{ timmingData.name }}</div>
<div class="sprayDrying"> <div class="sprayDrying">
......
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
color: yellow; color: yellow;
line-height: 120px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 100px; font-size: 110px;
} }
.table-pack { .table-pack {
...@@ -123,38 +123,38 @@ ...@@ -123,38 +123,38 @@
.tr { .tr {
width: 1710px; width: 1710px;
height: 102px; height: 152px;
.th-l { .th-l {
width: 853px; width: 853px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
border-right: 2px solid yellow; border-right: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
.th-r { .th-r {
width: 855px; width: 855px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
} }
.info { .info {
width: 1710px; width: 1710px;
height: 454px; height: 350px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
......
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
color: yellow; color: yellow;
line-height: 120px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 100px; font-size: 110px;
} }
.table-pack { .table-pack {
...@@ -127,38 +127,38 @@ ...@@ -127,38 +127,38 @@
.tr { .tr {
width: 1710px; width: 1710px;
height: 102px; height: 152px;
.th-l { .th-l {
width: 853px; width: 853px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
border-right: 2px solid yellow; border-right: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
.th-r { .th-r {
width: 855px; width: 855px;
height: 100px; height: 150px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
float: left; float: left;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 150px;
font-weight: bold; font-weight: bold;
font-size: 90px; font-size: 100px;
} }
} }
.info { .info {
width: 1710px; width: 1710px;
height: 454px; height: 350px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
......
...@@ -60,6 +60,10 @@ ...@@ -60,6 +60,10 @@
<!-- 成品车存放区 --> <!-- 成品车存放区 -->
<finished></finished> <finished></finished>
</swiper-slide> </swiper-slide>
<swiper-slide>
<!-- 涂装车间总体数据 -->
<paintingWorkShop></paintingWorkShop>
</swiper-slide>
</swiper> </swiper>
</div> </div>
</div> </div>
...@@ -81,6 +85,7 @@ ...@@ -81,6 +85,7 @@
import ComplexionPaint from './components/ComplexionPaint'; import ComplexionPaint from './components/ComplexionPaint';
import finishedJump from './components/FinishedJump'; import finishedJump from './components/FinishedJump';
import finished from './components/Finished'; import finished from './components/Finished';
import paintingWorkShop from '../Led/WorkShop/paintingWorkShop';
export default { export default {
components: { components: {
...@@ -99,7 +104,8 @@ ...@@ -99,7 +104,8 @@
ComplexionPaintJump, ComplexionPaintJump,
ComplexionPaint, ComplexionPaint,
finishedJump, finishedJump,
finished finished,
paintingWorkShop
}, },
data () { data () {
return { return {
......
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