设备监控
@@ -79,10 +79,10 @@ li {
|
||||
}
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
max-width: 1920px;
|
||||
min-width: 1550px;
|
||||
height: 1040px;
|
||||
/* width: 100%; */
|
||||
width: 1920px;
|
||||
/* min-width: 1550px; */
|
||||
height: 1060px;
|
||||
/* width: 1920px;
|
||||
height: 1040px; */
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 198 KiB After Width: | Height: | Size: 198 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 214 KiB After Width: | Height: | Size: 214 KiB |
|
Before Width: | Height: | Size: 181 KiB After Width: | Height: | Size: 181 KiB |
BIN
src/assets/images/devmoni/HLJ_S.jpg
Normal file
|
After Width: | Height: | Size: 173 KiB |
|
Before Width: | Height: | Size: 199 KiB After Width: | Height: | Size: 199 KiB |
|
Before Width: | Height: | Size: 211 KiB After Width: | Height: | Size: 211 KiB |
|
Before Width: | Height: | Size: 153 KiB After Width: | Height: | Size: 153 KiB |
@@ -8,34 +8,354 @@ export const findDeviceById = (id) => post('api/cockpit/findDeviceById', {
|
||||
})
|
||||
// export const deviceMonitor = () => {
|
||||
// let res = {
|
||||
// result: [
|
||||
// 'result': [
|
||||
// {
|
||||
// 'point_id': '1',
|
||||
// 'point_code': 'HLJDJW01',
|
||||
// 'point_name': '混料机1对接位',
|
||||
// 'point_status': '3',
|
||||
// 'material_id': 1556534702800769024,
|
||||
// 'material_name': '木质花纹2cm',
|
||||
// 'ivt_weight': 29.500000,
|
||||
// 'work_time': '50',
|
||||
// 'ivt_qty': 600.000000,
|
||||
// 'vehicle_qty': 15,
|
||||
// 'vehicle_max_qty': '',
|
||||
// 'device_url': 'hlj'
|
||||
// 'device_code': 'HLJ01',
|
||||
// 'device_name': '混料机1',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'point_id': '1518105008862793728',
|
||||
// 'point_code': 'YZJ02XL01',
|
||||
// 'point_name': '压制机2下料位1',
|
||||
// 'point_status': '3',
|
||||
// 'material_id': 1556534702800769024,
|
||||
// 'device_code': 'HLJ02',
|
||||
// 'device_name': '混料机2',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ03',
|
||||
// 'device_name': '混料机3',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ04',
|
||||
// 'device_name': '混料机4',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ05',
|
||||
// 'device_name': '混料机5',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ06',
|
||||
// 'device_name': '混料机6',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ07',
|
||||
// 'device_name': '混料机7',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ08',
|
||||
// 'device_name': '混料机8',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ09',
|
||||
// 'device_name': '混料机9',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ10',
|
||||
// 'device_name': '混料机10',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ11',
|
||||
// 'device_name': '混料机11',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ12',
|
||||
// 'device_name': '混料机12',
|
||||
// 'device_model': '1',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'MDJXS01',
|
||||
// 'device_name': '码垛机械手1',
|
||||
// 'device_model': '10',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'MDJXS'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'MDJXS02',
|
||||
// 'device_name': '码垛机械手2',
|
||||
// 'device_model': '10',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'MDJXS'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'MDJXS09',
|
||||
// 'device_name': '码垛机械手9',
|
||||
// 'device_model': '10',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '木质花纹2cm',
|
||||
// 'ivt_weight': 29.500000,
|
||||
// 'work_time': '50',
|
||||
// 'ivt_qty': 600.000000,
|
||||
// 'work_time': '3.5',
|
||||
// 'real_qty': 0,
|
||||
// 'device_url': 'MDJXS'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'RGV',
|
||||
// 'device_name': 'RGV',
|
||||
// 'device_model': '11',
|
||||
// 'device_status': '1',
|
||||
// 'device_status_name': '空车位无车,满车位有车',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'RGV'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ13',
|
||||
// 'device_name': '混料机13',
|
||||
// 'device_model': '2',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ_S'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ14',
|
||||
// 'device_name': '混料机14',
|
||||
// 'device_model': '2',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ_S'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ15',
|
||||
// 'device_name': '混料机15',
|
||||
// 'device_model': '2',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ_S'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'HLJ16',
|
||||
// 'device_name': '混料机16',
|
||||
// 'device_model': '2',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'HLJ_S'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ01',
|
||||
// 'device_name': '压制机1',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '木质花纹2cm',
|
||||
// 'work_time': '3.5',
|
||||
// 'real_qty': 0,
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ02',
|
||||
// 'device_name': '压制机2',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ03',
|
||||
// 'device_name': '压制机3',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ04',
|
||||
// 'device_name': '压制机4',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ05',
|
||||
// 'device_name': '压制机5',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ06',
|
||||
// 'device_name': '压制机6',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ07',
|
||||
// 'device_name': '压制机7',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ08',
|
||||
// 'device_name': '压制机8',
|
||||
// 'device_model': '3',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ09',
|
||||
// 'device_name': '压制机9',
|
||||
// 'device_model': '4',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '木质花纹2cm',
|
||||
// 'work_time': '3.5',
|
||||
// 'real_qty': 0,
|
||||
// 'device_url': 'YZJ_S'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'YZJ10',
|
||||
// 'device_name': '压制机10',
|
||||
// 'device_model': '4',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'YZJ_S'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'FJCDJXS',
|
||||
// 'device_name': '分拣拆垛机械手',
|
||||
// 'device_model': '5',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'FJJXS'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'FJMDJXS',
|
||||
// 'device_name': '分拣码垛机械手',
|
||||
// 'device_model': '5',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'FJJXS'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'BZX',
|
||||
// 'device_name': '包装线',
|
||||
// 'device_model': '6',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'BZX'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'CPX01',
|
||||
// 'device_name': '拆盘线01',
|
||||
// 'device_model': '6',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'CPX'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'CPX02',
|
||||
// 'device_name': '拆盘线02',
|
||||
// 'device_model': '6',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'CPX'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'KILN',
|
||||
// 'device_name': '窑设备',
|
||||
// 'device_model': '7',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'vehicle_qty': 15,
|
||||
// 'vehicle_max_qty': 20,
|
||||
// 'device_url': 'yzj'
|
||||
// 'device_url': 'YAO'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'DPJ',
|
||||
// 'device_name': '叠盘机',
|
||||
// 'device_model': '8',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'DPJ'
|
||||
// },
|
||||
// {
|
||||
// 'device_code': 'CPJ',
|
||||
// 'device_name': '拆盘机',
|
||||
// 'device_model': '9',
|
||||
// 'device_status': '1',
|
||||
// 'material_name': '',
|
||||
// 'work_time': '3.5',
|
||||
// 'device_url': 'CPJ'
|
||||
// }
|
||||
// ]
|
||||
// }
|
||||
|
||||
@@ -1,34 +1,12 @@
|
||||
// (function (doc, win) {
|
||||
// var docEl = doc.documentElement
|
||||
// var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
|
||||
// var recalc = function () {
|
||||
// var clientWidth = docEl.clientWidth
|
||||
// if (!clientWidth) return
|
||||
// docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px'
|
||||
// document.body.style.display = 'block'
|
||||
// }
|
||||
// if (!doc.addEventListener) return win.addEventListener(resizeEvt, recalc, false)
|
||||
// doc.addEventListener('DOMContentLoaded', recalc, false)
|
||||
// })(document, window)
|
||||
|
||||
(function () {
|
||||
var _self = this
|
||||
_self.width = 1920
|
||||
_self.fontSize = 100
|
||||
_self.widthProportion = function () {
|
||||
var p = ((document.body && document.body.clientWidth) || document.getElementsByTagName('html')[0].offsetWidth) / _self.width
|
||||
return p
|
||||
(function (doc, win) {
|
||||
var docEl = doc.documentElement
|
||||
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
|
||||
var recalc = function () {
|
||||
var clientWidth = docEl.clientWidth
|
||||
if (!clientWidth) return
|
||||
docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px'
|
||||
document.body.style.display = 'block'
|
||||
}
|
||||
_self.changePage = function () {
|
||||
document.getElementsByTagName('html')[0].setAttribute('style', 'font-size:' + _self.widthProportion() * _self.fontSize + 'px')
|
||||
}
|
||||
_self.changePage()
|
||||
window.addEventListener('resize', function () {
|
||||
let clientWidth = ((document.body && document.body.clientWidth) || document.getElementsByTagName('html')[0].offsetWidth)
|
||||
if (clientWidth >= 1550) {
|
||||
_self.changePage()
|
||||
} else {
|
||||
document.getElementsByTagName('html')[0].setAttribute('style', 'font-size:' + 1550 / _self.width * _self.fontSize + 'px')
|
||||
}
|
||||
}, false)
|
||||
})()
|
||||
if (!doc.addEventListener) return win.addEventListener(resizeEvt, recalc, false)
|
||||
doc.addEventListener('DOMContentLoaded', recalc, false)
|
||||
})(document, window)
|
||||
|
||||
@@ -3,41 +3,41 @@
|
||||
<t-header index='3'></t-header>
|
||||
<div class="content">
|
||||
<div class="item_tr clearfix">
|
||||
<div class="item_block fl" v-for="e in deviceDatas" :key="e.point_id">
|
||||
<div class="item_block fl" v-for="e in deviceDatas" :key="e.device_code">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmoni/' + e.device_url + '.jpg')" :alt="e.point_name">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmoni/' + e.device_url + '.jpg')" :alt="e.device_name">
|
||||
</div>
|
||||
<div class="point_name clearfix">
|
||||
<div class="fl point_name_tag" :class="['yellow', 'green', 'orange', 'gray'][Number(e.point_status) - 1]"></div>
|
||||
<div class="fl point_name_text">{{e.point_name}}</div>
|
||||
<div class="device_name clearfix">
|
||||
<div class="fl device_name_tag" :class="['yellow', 'green', 'orange', 'gray'][Number(e.device_status)]"></div>
|
||||
<div class="fl device_name_text">{{e.device_name}}</div>
|
||||
</div>
|
||||
<div class="info_block clearfix">
|
||||
<div class="fl info_table_block">
|
||||
<div v-if="e.material_name !== ''" class="info_table"><p>当前生产:</p></div>
|
||||
<div v-if="e.work_time !== ''" class="info_table"><p>已工作:</p></div>
|
||||
<div v-if="e.ivt_qty !== ''" class="info_table"><p>已生产:</p></div>
|
||||
<div v-if="e.vehicle_qty !== ''" class="info_table"><p>当前窑车数:</p></div>
|
||||
<div v-if="e.vehicle_max_qty !== ''" class="info_table"><p>容 量:</p></div>
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table"><p>当前生产:</p></div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table"><p>已工作:</p></div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table"><p>已生产:</p></div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table"><p>当前窑车数:</p></div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table"><p>容 量:</p></div>
|
||||
</div>
|
||||
<div class="fr info_data_block">
|
||||
<div v-if="e.material_name !== ''" class="info_data"><p>{{e.material_name}}</p></div>
|
||||
<div v-if="e.work_time !== ''" class="info_data"><p>{{e.work_time}}小时</p></div>
|
||||
<div v-if="e.ivt_qty !== ''" class="info_data"><p>{{e.ivt_qty | numFixed(2)}}KG</p></div>
|
||||
<div v-if="e.vehicle_qty !== ''" class="info_data"><p>{{e.vehicle_qty}}车</p></div>
|
||||
<div v-if="e.vehicle_max_qty !== ''" class="info_data"><p>{{e.vehicle_max_qty}}车</p></div>
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_data"><p>{{e.material_name}}</p></div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_data"><p>{{e.work_time}}小时</p></div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_data"><p>{{e.real_qty}}KG</p></div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_data"><p>{{e.vehicle_qty}}车</p></div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_data"><p>{{e.vehicle_max_qty}}车</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="e.point_id === uid" class="popover_block">
|
||||
<div v-if="e.device_code === uid" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div v-if="form.material_name !== ''" class="pop_tip">当前生产:{{form.material_name}}</div>
|
||||
<div v-if="form.real_qty !== ''" class="pop_tip">已生产:{{form.real_qty}}KG</div>
|
||||
@@ -98,15 +98,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 混碾机LB0001 -->
|
||||
<div v-if="e.point_id === uid && e.deviceclass_code === 'LB0001'" class="popover_block">
|
||||
<div v-if="e.device_code === uid && e.deviceclass_code === 'LB0001'" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电:{{form.week_electricity}}kw.h</div>
|
||||
<div class="pop_tip">本月用电:{{form.mouth_electricity}}kw.h</div>
|
||||
@@ -129,15 +129,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 压力机LB0004、机械手LB0006 -->
|
||||
<div v-if="e.point_id === uid && (e.deviceclass_code === 'LB0004' || (e.deviceclass_code === 'LB0006' && e.device_code !== 'CDJQR01' && e.device_code !== 'MDJXS01'))" class="popover_block">
|
||||
<div v-if="e.device_code === uid && (e.deviceclass_code === 'LB0004' || (e.deviceclass_code === 'LB0006' && e.device_code !== 'CDJQR01' && e.device_code !== 'MDJXS01'))" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电:{{form.week_electricity}}kw.h</div>
|
||||
<div class="pop_tip">本月用电:{{form.mouth_electricity}}kw.h</div>
|
||||
@@ -160,15 +160,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 衍架LB0010 -->
|
||||
<div v-if="e.point_id === uid && e.deviceclass_code === 'LB0010'" class="popover_block">
|
||||
<div v-if="e.device_code === uid && e.deviceclass_code === 'LB0010'" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电:{{form.week_electricity}}kw.h</div>
|
||||
<div class="pop_tip">本月用电:{{form.mouth_electricity}}kw.h</div>
|
||||
@@ -183,15 +183,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 空车道LB0011、准备车道LB0012、窑-暂存LB0014 -->
|
||||
<div v-if="e.point_id === uid && (e.deviceclass_code === 'LB0011' || e.deviceclass_code === 'LB0012' || e.deviceclass_code === 'LB0014')" class="popover_block">
|
||||
<div v-if="e.device_code === uid && (e.deviceclass_code === 'LB0011' || e.deviceclass_code === 'LB0012' || e.deviceclass_code === 'LB0014')" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电:{{form.week_electricity}}kw.h</div>
|
||||
<div class="pop_tip">本月用电:{{form.mouth_electricity}}kw.h</div>
|
||||
@@ -202,15 +202,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 窑LB0013 -->
|
||||
<div v-if="e.point_id === uid && e.deviceclass_code === 'LB0013'" class="popover_block">
|
||||
<div v-if="e.device_code === uid && e.deviceclass_code === 'LB0013'" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电/气:{{form.week_electricity}}kw.h / {{form.week_gas}} Nm</div>
|
||||
<div class="pop_tip">本月用电/气:{{form.mouth_electricity}}kw.h / {{form.month_gas}} Nm</div>
|
||||
@@ -233,15 +233,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- RGVLB0015 -->
|
||||
<div v-if="e.point_id === uid && e.deviceclass_code === 'LB0015'" class="popover_block">
|
||||
<div v-if="e.device_code === uid && e.deviceclass_code === 'LB0015'" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电:{{form.week_electricity}}kw.h</div>
|
||||
<div class="pop_tip">本月用电:{{form.mouth_electricity}}kw.h</div>
|
||||
@@ -253,15 +253,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 拆垛机械手、码垛机械手LB0006 -->
|
||||
<div v-if="e.point_id === uid && (e.deviceclass_code === 'LB0006' && e.device_code === 'CDJQR01'|| e.device_code === 'MDJXS01')" class="popover_block">
|
||||
<div v-if="e.device_code === uid && (e.deviceclass_code === 'LB0006' && e.device_code === 'CDJQR01'|| e.device_code === 'MDJXS01')" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电:{{form.week_electricity}}kw.h</div>
|
||||
<div class="pop_tip">本月用电:{{form.mouth_electricity}}kw.h</div>
|
||||
@@ -274,15 +274,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 叠盘机LB0016 -->
|
||||
<div v-if="e.point_id === uid && e.deviceclass_code === 'LB0016'" class="popover_block">
|
||||
<div v-if="e.device_code === uid && e.deviceclass_code === 'LB0016'" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">本周用电:{{form.week_electricity}}kw.h</div>
|
||||
<div class="pop_tip">本月用电:{{form.mouth_electricity}}kw.h</div>
|
||||
@@ -295,15 +295,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- AGVLB0019 -->
|
||||
<div v-if="e.point_id === uid && e.deviceclass_code === 'LB0019'" class="popover_block">
|
||||
<div v-if="e.device_code === uid && e.deviceclass_code === 'LB0019'" class="popover_block">
|
||||
<div class="foldline" :class="e.postion1"></div>
|
||||
<div class="popver_bg" :class="e.postion2">
|
||||
<div class="popver_block">
|
||||
<div class="pop_info_name">{{form.point_name}}</div>
|
||||
<div class="pop_info_name">{{form.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.point_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.point_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.point_status) - 1]}}</div>
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(form.device_status) - 1]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(form.device_status) - 1]">{{['待机', '生产中', '故障', '关机'][Number(form.device_status) - 1]}}</div>
|
||||
</div>
|
||||
<div class="pop_tip">已完成搬运:0个</div>
|
||||
<div class="pop_tip">故障信息:{{form.error_info}}</div>
|
||||
@@ -412,15 +412,15 @@ export default {
|
||||
}
|
||||
},
|
||||
getInfo (e) {
|
||||
if (this.uid === e.point_id) {
|
||||
this.uid = ''
|
||||
} else {
|
||||
this.form = {}
|
||||
this.allrows1 = []
|
||||
this.allrows2 = []
|
||||
this.allrowsw3 = []
|
||||
this._findDeviceById(e.point_id)
|
||||
}
|
||||
// if (this.uid === e.device_code) {
|
||||
// this.uid = ''
|
||||
// } else {
|
||||
// this.form = {}
|
||||
// this.allrows1 = []
|
||||
// this.allrows2 = []
|
||||
// this.allrowsw3 = []
|
||||
// this._findDeviceById(e.device_code)
|
||||
// }
|
||||
},
|
||||
closebtn () {
|
||||
this.uid = ''
|
||||
@@ -442,16 +442,16 @@ export default {
|
||||
cursor pointer
|
||||
.content
|
||||
width 100%
|
||||
padding 10px 1rem 0
|
||||
height calc(100% - 134px)
|
||||
height calc(100% - 135px)
|
||||
overflow-y auto
|
||||
padding 10px 1rem 0
|
||||
.item_tr
|
||||
width 100%
|
||||
.item_block
|
||||
position relative
|
||||
_wh(180px,219px)
|
||||
_wh(180px,209px)
|
||||
padding 8px 4px
|
||||
margin-bottom 11px
|
||||
margin-bottom 21px
|
||||
margin-right calc((100% - 180px * 9) / 8)
|
||||
background center center / 100% 100% url(../assets/images/bg_item.png) no-repeat
|
||||
&:nth-child(9n)
|
||||
@@ -465,14 +465,14 @@ export default {
|
||||
background-color $gray
|
||||
img
|
||||
_wh(100%,100%)
|
||||
.point_name_tag
|
||||
.device_name_tag
|
||||
_wh(10px,10px)
|
||||
border-radius 50%
|
||||
margin 2px
|
||||
background-color #ffffff
|
||||
.point_name_text
|
||||
.device_name_text
|
||||
_font(14px,14px,,,left)
|
||||
.point_name, .info_block
|
||||
.device_name, .info_block
|
||||
width 100%
|
||||
padding 4px 0
|
||||
.info_table_block
|
||||
@@ -627,7 +627,7 @@ export default {
|
||||
border-bottom none
|
||||
.tag_block
|
||||
position fixed
|
||||
bottom 30px
|
||||
bottom 25px
|
||||
right 54px
|
||||
.tag_type
|
||||
display inline-block
|
||||
@@ -640,16 +640,6 @@ export default {
|
||||
.tag_text
|
||||
display inline-block
|
||||
_font(14px,20px,,,left)
|
||||
@media screen and (max-width:1800px)
|
||||
.content
|
||||
width 100%
|
||||
padding 10px 14px 0
|
||||
.item_block
|
||||
_wh(160px,219px)
|
||||
margin-bottom 20px
|
||||
margin-right calc((100% - 160px * 9) / 8)
|
||||
.item_img
|
||||
_wh(100%,80px)
|
||||
.green
|
||||
background-color $green
|
||||
.yellow
|
||||
|
||||