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

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

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