切换
This commit is contained in:
@@ -1,4 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<section class="bg">
|
||||||
|
<t-header title="海亮铜管智能车间设备监控中心">
|
||||||
|
<p class="p1" @click="toJump">海亮铜管智能车间生产监控中心</p>
|
||||||
|
</t-header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="left_wrap">
|
<div class="left_wrap">
|
||||||
<div class="item_wrap">
|
<div class="item_wrap">
|
||||||
@@ -210,15 +214,23 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<section class="bottom"></section>
|
||||||
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import THeader from '@components/header.vue'
|
||||||
import {deviceStatus, oeeAndTeep, queryDeviceByWork, deviceErrorNum, deviceManage, deviceCensus, deviceErrorInfo, deviceUseRate, deviceStatusList, errCensus} from '@js/getData1.js'
|
import {deviceStatus, oeeAndTeep, queryDeviceByWork, deviceErrorNum, deviceManage, deviceCensus, deviceErrorInfo, deviceUseRate, deviceStatusList, errCensus} from '@js/getData1.js'
|
||||||
import * as echarts from 'echarts'
|
import * as echarts from 'echarts'
|
||||||
export default {
|
export default {
|
||||||
name: 'DeviceScreen',
|
name: 'DeviceScreen',
|
||||||
|
components: {
|
||||||
|
THeader
|
||||||
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
setTime: null,
|
||||||
|
iTime: this.$store.getters.setTime1,
|
||||||
interTime: this.$store.getters.setTime,
|
interTime: this.$store.getters.setTime,
|
||||||
timer1: null,
|
timer1: null,
|
||||||
timer2: null,
|
timer2: null,
|
||||||
@@ -382,9 +394,9 @@ export default {
|
|||||||
// },
|
// },
|
||||||
mounted () {
|
mounted () {
|
||||||
this.refresh()
|
this.refresh()
|
||||||
setTimeout(() => {
|
this.setTime = setTimeout(() => {
|
||||||
this.$router.push('/MonitoringScreen')
|
this.$router.push('/MonitoringScreen')
|
||||||
}, 5000)
|
}, this.iTime)
|
||||||
},
|
},
|
||||||
beforeDestroy () {
|
beforeDestroy () {
|
||||||
this.$once('hook:beforeDestroy', () => {
|
this.$once('hook:beforeDestroy', () => {
|
||||||
@@ -394,9 +406,13 @@ export default {
|
|||||||
clearInterval(this.timeOut1)
|
clearInterval(this.timeOut1)
|
||||||
clearInterval(this.timeOut2)
|
clearInterval(this.timeOut2)
|
||||||
clearInterval(this.timeOut3)
|
clearInterval(this.timeOut3)
|
||||||
|
clearTimeout(this.setTime)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
toJump () {
|
||||||
|
this.$router.push('/MonitoringScreen')
|
||||||
|
},
|
||||||
initData () {
|
initData () {
|
||||||
this._deviceStatus()
|
this._deviceStatus()
|
||||||
this._deviceManage()
|
this._deviceManage()
|
||||||
@@ -1974,4 +1990,13 @@ header
|
|||||||
width .4rem
|
width .4rem
|
||||||
_font(.14rem, .4rem, #fff,,center)
|
_font(.14rem, .4rem, #fff,,center)
|
||||||
font-style normal
|
font-style normal
|
||||||
|
.p1
|
||||||
|
position absolute
|
||||||
|
display block
|
||||||
|
cursor pointer
|
||||||
|
left .2509rem
|
||||||
|
top .22rem
|
||||||
|
font-family "SourceHanSansCN"
|
||||||
|
_font(.18rem, .30rem, #fff, 700,)
|
||||||
|
letter-spacing .01rem
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,4 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<section class="bg">
|
||||||
|
<t-header title="海亮铜管智能车间生产监控中心">
|
||||||
|
<p class="p1" @click="toJump">海亮铜管智能车间设备监控中心</p>
|
||||||
|
</t-header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="left_wrap">
|
<div class="left_wrap">
|
||||||
<div class="item_wrap">
|
<div class="item_wrap">
|
||||||
@@ -313,6 +317,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<section class="bottom"></section>
|
||||||
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -325,6 +331,8 @@ export default {
|
|||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
setTime: null,
|
||||||
|
iTime: this.$store.getters.setTime1,
|
||||||
interTime: this.$store.getters.setTime,
|
interTime: this.$store.getters.setTime,
|
||||||
timer1: null,
|
timer1: null,
|
||||||
timer2: null,
|
timer2: null,
|
||||||
@@ -390,12 +398,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// created () {
|
|
||||||
// this.refresh()
|
|
||||||
// },
|
|
||||||
mounted () {
|
mounted () {
|
||||||
this.refresh()
|
this.refresh()
|
||||||
setTimeout(() => {
|
this.setTime = setTimeout(() => {
|
||||||
this.$router.push('/devicescreen')
|
this.$router.push('/devicescreen')
|
||||||
}, 5000)
|
}, 5000)
|
||||||
},
|
},
|
||||||
@@ -407,9 +412,13 @@ export default {
|
|||||||
clearInterval(this.interTime)
|
clearInterval(this.interTime)
|
||||||
clearInterval(this.timeOut1)
|
clearInterval(this.timeOut1)
|
||||||
clearInterval(this.timeOut2)
|
clearInterval(this.timeOut2)
|
||||||
|
clearTimeout(this.setTime)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
toJump () {
|
||||||
|
this.$router.push('/devicescreen')
|
||||||
|
},
|
||||||
initData () {
|
initData () {
|
||||||
this._planReached()
|
this._planReached()
|
||||||
this._worksectionHarvest()
|
this._worksectionHarvest()
|
||||||
@@ -427,7 +436,7 @@ export default {
|
|||||||
}, this.interTime)
|
}, this.interTime)
|
||||||
this.timer1 = setInterval(() => {
|
this.timer1 = setInterval(() => {
|
||||||
this._monthHarvest()
|
this._monthHarvest()
|
||||||
}, 50000)
|
}, this.iTime)
|
||||||
},
|
},
|
||||||
setEchart1 () {
|
setEchart1 () {
|
||||||
let date = []
|
let date = []
|
||||||
@@ -1296,4 +1305,13 @@ export default {
|
|||||||
float left
|
float left
|
||||||
_wh(100%, 100%)
|
_wh(100%, 100%)
|
||||||
_fj(space-around)
|
_fj(space-around)
|
||||||
|
.p1
|
||||||
|
position absolute
|
||||||
|
display block
|
||||||
|
cursor pointer
|
||||||
|
left .2509rem
|
||||||
|
top .22rem
|
||||||
|
font-family "SourceHanSansCN"
|
||||||
|
_font(.18rem, .30rem, #fff, 700,)
|
||||||
|
letter-spacing .01rem
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import * as types from '../types'
|
import * as types from '../types'
|
||||||
import { getStore, setStore } from '@js/mUtils.js'
|
import { getStore, setStore } from '@js/mUtils.js'
|
||||||
|
|
||||||
const baseUrl = process.env.NODE_ENV === 'development' ? 'http://192.168.81.252:8010' : 'http://192.168.81.252:8010'
|
const baseUrl = process.env.NODE_ENV === 'development' ? 'http://192.168.81.156:8010' : 'http://192.168.81.156:8010'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* App通用配置
|
* App通用配置
|
||||||
@@ -15,8 +15,8 @@ const state = {
|
|||||||
toastMsg: '退出登录',
|
toastMsg: '退出登录',
|
||||||
alertMsg: '操作成功',
|
alertMsg: '操作成功',
|
||||||
baseUrl: getStore('baseUrl') || baseUrl,
|
baseUrl: getStore('baseUrl') || baseUrl,
|
||||||
setTime: getStore('setTime') || 5000,
|
setTime: getStore('setTime') || 10000,
|
||||||
setTime1: getStore('setTime1') || 5000,
|
setTime1: getStore('setTime1') || 60000,
|
||||||
equipId: getStore('equipId') || '0'
|
equipId: getStore('equipId') || '0'
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user