root/screen-lnsh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

成型弹窗

Browse Source
This commit is contained in:
caill
2023-06-15 18:12:35 +08:00
parent c581a97649
commit f27869ea60
9 changed files with 961 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/assets/css/layout.styl
View File

@@ -1,5 +1,11 @@
@import 'mixin.styl'
// 样式测试
.style_block
position absolute
_wh(calc(100% / 3), calc(100% / 3))
background red
// 页面跳转
.tooltip_wrap
position fixed
bottom 10%
@@ -36,3 +42,89 @@
background-color #03fcfd
border-color #03fcfd
color #fff
.current_page
background-color #049293
border-color #049293
color #fff
// 弹窗
.popup_block_wraper
position fixed
top 0
left 0
z-index 100
width 550px
padding 20px 14px 30px 14px
_bis('../../images/popup_bg.png')
.foldline
position absolute
right -109px
z-index 10
_wh(127px,105px)
_bis('../images/dot_line.png')
.foldline_right
right -109px
.foldline_left
left -109px
transform rotateY(180deg)
.popup_bg
_wh(100%, 100%)
background top center / 100% 18px url(../../images/popup_line.png) no-repeat
overflow hidden
.popup_block
_wh(100%,100%)
padding 15px 0 0 0
.pop_header
_wh(100%, 28px)
padding 0 5px
_fj(row)
.pop_name
width 50%
_font(14px,28px,#32C5FF,,left)
text-shadow 2px 2px 4px #A6E6FF
margin-bottom 8px
.pop_status
_wh(50%, 28px)
_fj(row,flex-end)
.pop_status_dot
_wh(15px, 15px)
border-radius 50%
margin-right 10px
.pop_status_text
_font(16px, 28px, #fff,,)
.pop_content
_wh(100%, calc(100% - 28px))
padding 0 5px
overflow-y auto
_fj(row,flex-start)
flex-wrap wrap
.pop_item
_wh(calc(50% - 2.5px), 30px)
_fj(row,flex-start)
background-color rgba(50,197,255,50%)
border-left 3px solid #fdfd0f
margin-bottom 5px
padding 0 5px
&:nth-child(2n+2)
width calc(50% - 2.5px)
margin-left 5px
.pop_label
width 100px
_font(12px, 24px, #fff,,left)
.pop_val
width calc(100% - 100px)
_font(13px, 24px, #0ff,,left)
white-space nowrap
.pop_val_s
width calc(100% - 118px)
.pop_unit
width 18px
_font(13px, 24px, #fff,,right)
overflow hidden
.icon-guanbi
position absolute
top 8px
right 9px
_wh(30px, 22px)
_font(15px, 22px, #fff,,center)
background-color #0a3679

468
src/assets/js/getData2.js
View File

@@ -1597,3 +1597,471 @@ export const workshopCondition = () => {
}
return res
}
// 成型左
// export const moldingMaterialCondition = () => post('api/cockpit/moldingMaterialCondition', {})
export const moldingMaterialCondition = () => {
let res = {
'code': 200,
'desc': '操作成功',
'result': {
'ManipulatorList': [
{
'device_status': 2,
'device_name': '码垛机械手1',
'device_status_name': '运行中',
'error_time': '0',
'stand_time': '2',
'device_code': 'MDJXS01',
'open_time': '2023-06-02 11:12:02',
'work_time': '7'
},
{
'device_status': 2,
'device_name': '码垛机械手2',
'device_status_name': '运行中',
'error_time': '0',
'stand_time': '2',
'device_code': 'MDJXS02',
'open_time': '2023-06-02 11:12:02',
'work_time': '7'
},
{
'device_status': 2,
'device_name': '码垛机械手3',
'device_status_name': '运行中',
'error_time': '0',
'stand_time': '2',
'device_code': 'MDJXS03',
'open_time': '2023-06-02 11:12:02',
'work_time': '7'
},
{
'device_status': 2,
'device_name': '码垛机械手4',
'device_status_name': '运行中',
'error_time': '0',
'stand_time': '2',
'device_code': 'MDJXS04',
'open_time': '2023-06-02 11:12:02',
'work_time': '7'
}
],
'TrayStationPopoverList': [
{
'bom': '3038C2',
'device_name': '压机1',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ01',
'point_name': '压机1下料位1',
'vehicle_code': '0000',
'point_code': 'YJ01XL01',
'point_status': '1',
'material_code': 'GBMAC3038C2'
},
{
'bom': '3038C2',
'device_name': '压机1',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ01',
'point_name': '压机1下料位2',
'vehicle_code': '0000',
'point_code': 'YJ01XL02',
'point_status': '1',
'material_code': 'GBMAC3038C2'
},
{
'bom': '3015C2',
'device_name': '压机2',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ02',
'point_name': '压机2下料位1',
'vehicle_code': '0000',
'point_code': 'YJ02XL01',
'point_status': '1',
'material_code': 'GBMAC3015C2'
},
{
'bom': '3015C2',
'device_name': '压机2',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ02',
'point_name': '压机2下料位2',
'vehicle_code': '0000',
'point_code': 'YJ02XL02',
'point_status': '1',
'material_code': 'GBMAC3015C2'
},
{
'bom': '3003C1',
'device_name': '压机3',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ03',
'point_name': '压机3下料位1',
'vehicle_code': '0000',
'point_code': 'YJ03XL01',
'point_status': '1',
'material_code': 'GBMAC3003C1'
},
{
'bom': '3003C1',
'device_name': '压机3',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ03',
'point_name': '压机3下料位2',
'vehicle_code': '0000',
'point_code': 'YJ03XL02',
'point_status': '1',
'material_code': 'GBMAC3003C1'
},
{
'bom': '3003C1',
'device_name': '压机4',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ04',
'point_name': '压机4下料位1',
'vehicle_code': '0000',
'point_code': 'YJ04XL01',
'point_status': '1',
'material_code': 'GBMAC3003C1'
},
{
'bom': '3003C1',
'device_name': '压机4',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ04',
'point_name': '压机4下料位2',
'vehicle_code': '0000',
'point_code': 'YJ04XL02',
'point_status': '1',
'material_code': 'GBMAC3003C1'
},
{
'bom': '-',
'device_name': '压机5',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ05',
'point_name': '压机5下料位1',
'vehicle_code': '0000',
'point_code': 'YJ05XL01',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机5',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ05',
'point_name': '压机5下料位2',
'vehicle_code': '0000',
'point_code': 'YJ05XL02',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机6',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ06',
'point_name': '压机6下料位1',
'vehicle_code': '0000',
'point_code': 'YJ06XL01',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机6',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ06',
'point_name': '压机6下料位2',
'vehicle_code': '0000',
'point_code': 'YJ06XL02',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机7',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ07',
'point_name': '压机7下料位1',
'vehicle_code': '0000',
'point_code': 'YJ07XL01',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机7',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ07',
'point_name': '压机7下料位2',
'vehicle_code': '0000',
'point_code': 'YJ07XL02',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机8',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ08',
'point_name': '压机8下料位1',
'vehicle_code': '0000',
'point_code': 'YJ08XL01',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机8',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ08',
'point_name': '压机8下料位2',
'vehicle_code': '0000',
'point_code': 'YJ08XL02',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机9',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ09',
'point_name': '压机9下料位1',
'vehicle_code': '0000',
'point_code': 'YJ09XL01',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机9',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ09',
'point_name': '压机9下料位2',
'vehicle_code': '0000',
'point_code': 'YJ09XL02',
'point_status': '1',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机10',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ10',
'point_name': '压机10下料位1',
'vehicle_code': '',
'point_code': 'YJ10XL01',
'point_status': '0',
'material_code': '-'
},
{
'bom': '-',
'device_name': '压机10',
'is_full': '否',
'material_qty': '0',
'device_code': 'YJ10',
'point_name': '压机10下料位2',
'vehicle_code': '',
'point_code': 'YJ10XL02',
'point_status': '0',
'material_code': '-'
}
],
'PressPopoverList': [
{
'total_unqualified_qty': '0',
'device_status': 2,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '2',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '2023-06-02 11:12:02',
'current_qty': '1200',
'device_name': '压机1',
'device_status_name': '运行中',
'device_code': 'YJ01',
'work_time': '7',
'total_vehicle': '0',
'material_code': 'GBMAC3038C2'
},
{
'total_unqualified_qty': '0',
'device_status': 2,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '2',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '2023-06-02 11:12:02',
'current_qty': '0',
'device_name': '压机2',
'device_status_name': '运行中',
'device_code': 'YJ02',
'work_time': '7',
'total_vehicle': '0',
'material_code': 'GBMAC3015C2'
},
{
'total_unqualified_qty': '0',
'device_status': 2,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '2',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '2023-06-02 11:12:02',
'current_qty': '5000',
'device_name': '压机3',
'device_status_name': '运行中',
'device_code': 'YJ03',
'work_time': '7',
'total_vehicle': '0',
'material_code': 'GBMAC3003C1'
},
{
'total_unqualified_qty': '0',
'device_status': 2,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '2',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '2023-06-02 11:12:02',
'current_qty': '1000',
'device_name': '压机4',
'device_status_name': '运行中',
'device_code': 'YJ04',
'work_time': '7',
'total_vehicle': '0',
'material_code': 'GBMAC3003C1'
},
{
'total_unqualified_qty': '0',
'device_status': 1,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '5',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '-',
'current_qty': '0',
'device_name': '压机5',
'device_status_name': '待机',
'device_code': 'YJ05',
'work_time': '0.5',
'total_vehicle': '0',
'material_code': '-'
},
{
'total_unqualified_qty': '0',
'device_status': 1,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '5',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '-',
'current_qty': '0',
'device_name': '压机6',
'device_status_name': '待机',
'device_code': 'YJ06',
'work_time': '0.5',
'total_vehicle': '0',
'material_code': '-'
},
{
'total_unqualified_qty': '0',
'device_status': 1,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '5',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '-',
'current_qty': '0',
'device_name': '压机7',
'device_status_name': '待机',
'device_code': 'YJ07',
'work_time': '0.5',
'total_vehicle': '0',
'material_code': '-'
},
{
'total_unqualified_qty': '0',
'device_status': 1,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '5',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '-',
'current_qty': '0',
'device_name': '压机8',
'device_status_name': '待机',
'device_code': 'YJ08',
'work_time': '0.5',
'total_vehicle': '0',
'material_code': '-'
},
{
'total_unqualified_qty': '0',
'device_status': 1,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '5',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '-',
'current_qty': '0',
'device_name': '压机9',
'device_status_name': '待机',
'device_code': 'YJ09',
'work_time': '0.5',
'total_vehicle': '0',
'material_code': '-'
},
{
'total_unqualified_qty': '0',
'device_status': 1,
'total_qualified_qty': '0',
'error_time': '0',
'stand_time': '5',
'total_classify_material': '0',
'total_actual_quantity': '0',
'open_time': '-',
'current_qty': '0',
'device_name': '压机10',
'device_status_name': '待机',
'device_code': 'YJ10',
'work_time': '0.5',
'total_vehicle': '0',
'material_code': '-'
}
]
}
}
return res
}

BIN
src/images/dot_line.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
src/images/popup_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
src/images/popup_dot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/images/popup_line.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

6
src/pages/modules/homepage/one.vue
View File

@@ -571,7 +571,7 @@
<div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
<div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
<div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
<div class="tooltip_page current_page pointer" @click="toJumpPage(1)">1</div>
<div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
<div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
<div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
@@ -1683,8 +1683,4 @@ export default {
transform: rotateZ(15deg)
}
}
.style_block
position absolute
_wh(calc(100% / 3), calc(100% / 3))
background red
</style>

2
src/pages/modules/homepage/two.vue
View File

@@ -319,7 +319,7 @@
</div>
<div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
<div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
<div class="tooltip_page current_page pointer" @click="toJumpPage(1)">1</div>
<div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
<div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
<div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>

440
src/pages/modules/takeshape/one.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="n_container">
<div @click.stop="closeModal" class="n_container">
<div class="n_header">
<div class="n_header_h1">
<h1>晟华生产数</h1>
@@ -78,7 +78,7 @@
<div class="sh_machine jzjcss">
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine yyj">
<div v-if="PressMachineList.length > 0" class="sh_machine yyj" ref="yj01" @click.stop="yjInfo('yj', 1)">
<img v-show="String(PressMachineList[0].device_status) === '0'" src="../../../images/workshop/yj_2500_gray.png" alt="">
<img v-show="String(PressMachineList[0].device_status) === '1'" src="../../../images/workshop/yj_2500_yellow.png" alt="">
<img v-show="String(PressMachineList[0].device_status) === '2'" src="../../../images/workshop/yj_2500_green.png" alt="">
@@ -87,19 +87,19 @@
<div class="sh_machine wzm">
<p v-if="PressMachineList.length > 0">{{ PressMachineList[0].device_name }}</p>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1" ref="mpgw01" @click.stop="yjInfo('mpgw', 1)">
<img v-show="String(StackingPositionList[0].color_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="String(StackingPositionList[0].color_status) === '1'" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="String(StackingPositionList[0].color_status) === '2'" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="String(StackingPositionList[0].color_status) === '3'" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2" ref="mpgw02" @click.stop="yjInfo('mpgw', 2)">
<img v-show="String(StackingPositionList[1].color_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="String(StackingPositionList[1].color_status) === '1'" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="String(StackingPositionList[1].color_status) === '2'" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="String(StackingPositionList[1].color_status) === '3'" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_2500_1': String(ManipulatorInfoList[0].color_status) === '1'}">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot pointer" :class="{'rotate_2500_1': String(ManipulatorInfoList[0].color_status) === '1'}" ref="jxs01" @click.stop="yjInfo('jxs', 1)">
<img v-show="String(ManipulatorInfoList[0].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[0].color_status) === '1'" src="../../../images/workshop/robot_2500_green.png" alt="">
<img v-show="String(ManipulatorInfoList[0].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
@@ -126,7 +126,7 @@
<div class="sh_machine jzjcss">
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine yyj">
<div v-if="PressMachineList.length > 0" class="sh_machine yyj" ref="yj02" @click.stop="yjInfo('yj', 2)">
<img v-show="String(PressMachineList[1].device_status) === '0'" src="../../../images/workshop/yj_2500_gray.png" alt="">
<img v-show="String(PressMachineList[1].device_status) === '1'" src="../../../images/workshop/yj_2500_yellow.png" alt="">
<img v-show="String(PressMachineList[1].device_status) === '2'" src="../../../images/workshop/yj_2500_green.png" alt="">
@@ -135,19 +135,19 @@
<div class="sh_machine wzm">
<p v-if="PressMachineList.length > 0">{{ PressMachineList[1].device_name }}</p>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1" ref="mpgw03" @click.stop="yjInfo('mpgw', 3)">
<img v-show="StackingPositionList[2].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[2].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[2].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[2].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2" ref="mpgw04" @click.stop="yjInfo('mpgw', 4)">
<img v-show="StackingPositionList[3].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[3].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[3].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[3].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_2500_2': String(ManipulatorInfoList[1].color_status) === '1'}">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot pointer" :class="{'rotate_2500_2': String(ManipulatorInfoList[1].color_status) === '1'}" ref="jxs02" @click.stop="yjInfo('jxs', 2)">
<img v-show="String(ManipulatorInfoList[1].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[1].color_status) === '1'" src="../../../images/workshop/robot_2500_green.png" alt="">
<img v-show="String(ManipulatorInfoList[1].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
@@ -180,7 +180,7 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj03" @click.stop="yjInfo('yj', 3)">
<p>{{ PressMachineList[2].device_name }}</p>
<img v-show="String(PressMachineList[2].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[2].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -189,7 +189,7 @@
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj04" @click.stop="yjInfo('yj', 4)">
<p>{{ PressMachineList[3].device_name }}</p>
<img v-show="String(PressMachineList[3].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[3].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -209,31 +209,31 @@
<div class="sh_machine lmyzj">
<img src="../../../images/workshop/lmyzj_630.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1" ref="mpgw05" @click.stop="yjInfo('mpgw', 5)">
<img v-show="StackingPositionList[4].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[4].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[4].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[4].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2" ref="mpgw06" @click.stop="yjInfo('mpgw', 6)">
<img v-show="StackingPositionList[5].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[5].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[5].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[5].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3" ref="mpgw07" @click.stop="yjInfo('mpgw', 7)">
<img v-show="StackingPositionList[6].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[6].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[6].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[6].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4" ref="mpgw08" @click.stop="yjInfo('mpgw', 8)">
<img v-show="StackingPositionList[7].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[7].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[7].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[7].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_630_1': String(ManipulatorInfoList[2].color_status) === '1'}">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot pointer" :class="{'rotate_630_1': String(ManipulatorInfoList[2].color_status) === '1'}" ref="jxs03" @click.stop="yjInfo('jxs', 3)">
<img v-show="String(ManipulatorInfoList[2].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[2].color_status) === '1'" src="../../../images/workshop/robot_2500_green.png" alt="">
<img v-show="String(ManipulatorInfoList[2].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
@@ -261,7 +261,7 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj05" @click.stop="yjInfo('yj', 5)">
<p>{{ PressMachineList[4].device_name }}</p>
<img v-show="String(PressMachineList[4].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[4].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -270,7 +270,7 @@
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj06" @click.stop="yjInfo('yj', 6)">
<p>{{ PressMachineList[5].device_name }}</p>
<img v-show="String(PressMachineList[5].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[5].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -278,25 +278,25 @@
<img v-show="String(PressMachineList[5].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1" ref="mpgw09" @click.stop="yjInfo('mpgw', 9)">
<img v-show="StackingPositionList[8].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[8].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[8].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[8].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2" ref="mpgw10" @click.stop="yjInfo('mpgw', 10)">
<img v-show="StackingPositionList[9].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[9].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[9].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[9].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3" ref="mpgw11" @click.stop="yjInfo('mpgw', 11)">
<img v-show="StackingPositionList[10].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[10].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[10].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[10].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4" ref="mpgw12" @click.stop="yjInfo('mpgw', 12)">
<img v-show="StackingPositionList[11].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[11].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[11].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
@@ -316,7 +316,7 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj07" @click.stop="yjInfo('yj', 7)">
<p>{{ PressMachineList[6].device_name }}</p>
<img v-show="String(PressMachineList[6].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[6].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -327,13 +327,13 @@
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_6.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1" ref="mpgw13" @click.stop="yjInfo('mpgw', 13)">
<img v-show="StackingPositionList[12].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[12].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[12].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[12].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2" ref="mpgw14" @click.stop="yjInfo('mpgw', 14)">
<img v-show="StackingPositionList[13].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[13].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[13].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
@@ -342,7 +342,7 @@
<div class="sh_machine jcpmj">
<img src="../../../images/workshop/jcpmj.png" alt="">
</div>
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_630_2': String(ManipulatorInfoList[3].color_status) === '1'}">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot pointer" :class="{'rotate_630_2': String(ManipulatorInfoList[3].color_status) === '1'}" ref="jxs04" @click.stop="yjInfo('jxs', 4)">
<img v-show="String(ManipulatorInfoList[3].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[3].color_status) === '1'" src="../../../images/workshop/robot_2500_green.png" alt="">
<img v-show="String(ManipulatorInfoList[3].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
@@ -370,7 +370,7 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj08" @click.stop="yjInfo('yj', 8)">
<p>{{ PressMachineList[7].device_name }}</p>
<img v-show="String(PressMachineList[7].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[7].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -379,7 +379,7 @@
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj09" @click.stop="yjInfo('yj', 9)">
<p>{{ PressMachineList[8].device_name }}</p>
<img v-show="String(PressMachineList[8].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[8].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -387,25 +387,25 @@
<img v-show="String(PressMachineList[8].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1" ref="mpgw15" @click.stop="yjInfo('mpgw', 15)">
<img v-show="StackingPositionList[14].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[14].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[14].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[14].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2" ref="mpgw16" @click.stop="yjInfo('mpgw', 16)">
<img v-show="StackingPositionList[15].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[15].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[15].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[15].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3" ref="mpgw17" @click.stop="yjInfo('mpgw', 17)">
<img v-show="StackingPositionList[16].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[16].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[16].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[16].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4" ref="mpgw18" @click.stop="yjInfo('mpgw', 18)">
<img v-show="StackingPositionList[17].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[17].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[17].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
@@ -470,7 +470,7 @@
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<div class="cyj_img_wrap">
<div class="cyj_img_wrap" ref="yj10" @click.stop="yjInfo('yj', 10)">
<p>{{ PressMachineList[9].device_name }}</p>
<img v-show="String(PressMachineList[9].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[9].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
@@ -478,13 +478,13 @@
<img v-show="String(PressMachineList[9].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3" ref="mpgw20" @click.stop="yjInfo('mpgw', 20)">
<img v-show="StackingPositionList[19].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[19].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[19].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[19].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4">
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4" ref="mpgw19" @click.stop="yjInfo('mpgw', 19)">
<img v-show="StackingPositionList[18].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[18].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[18].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
@@ -511,6 +511,140 @@
</div>
</div>
</div>
<div v-if="showModal" class="popup_block_wraper" :style="{'top': top, 'left': left}">
<div class="foldline" :class="foldlineStyle"></div>
<div class="popup_bg">
<div class="popup_block">
<div class="pop_header">
<div v-show="machine === 'yj' || machine === 'jxs'" class="pop_name">{{pkObj.device_name}}</div>
<div v-show="machine === 'mpgw'" class="pop_name">{{pkObj.point_name}}</div>
<div v-show="machine === 'yj' || machine === 'jxs'" class="pop_status">
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'red'][Number(pkObj.device_status)]"></div>
<div class="pop_status_text fgray">{{pkObj.device_status_name}}</div>
</div>
</div>
<div v-show="machine === 'yj'" class="pop_content">
<div class="pop_item">
<div class="pop_label">当前物料</div>
<div class="pop_val">{{pkObj.material_code}}</div>
</div>
<div class="pop_item">
<div class="pop_label">已生产</div>
<div class="pop_val pop_val_s">{{ pkObj.current_qty }}</div>
<div class="pop_unit">块</div>
</div>
<div class="pop_item">
<div class="pop_label">当日物料种数</div>
<div class="pop_val pop_val_s">{{ pkObj.total_classify_material }}</div>
<div class="pop_unit">个</div>
</div>
<div class="pop_item">
<div class="pop_label">当日累计生产</div>
<div class="pop_val pop_val_s">{{ pkObj.total_actual_quantity }}</div>
<div class="pop_unit">块</div>
</div>
<div class="pop_item">
<div class="pop_label">当日累计合格数</div>
<div class="pop_val pop_val_s">{{ pkObj.total_qualified_qty }}</div>
<div class="pop_unit">块</div>
</div>
<div class="pop_item">
<div class="pop_label">当日累计不合格数</div>
<div class="pop_val pop_val_s">{{ pkObj.total_unqualified_qty }}</div>
<div class="pop_unit">块</div>
</div>
<div class="pop_item">
<div class="pop_label">当日累计托盘数</div>
<div class="pop_val pop_val_s">{{ pkObj.total_vehicle }}</div>
<div class="pop_unit">托</div>
</div>
<div class="pop_item">
<div class="pop_label">开机时间</div>
<div class="pop_val">{{ pkObj.open_time }}</div>
</div>
<div class="pop_item">
<div class="pop_label">待机时间</div>
<div class="pop_val pop_val_s">{{ pkObj.stand_time }}</div>
<div class="pop_unit">时</div>
</div>
<div class="pop_item">
<div class="pop_label">生产时间</div>
<div class="pop_val pop_val_s">{{ pkObj.work_time }}</div>
<div class="pop_unit">时</div>
</div>
<div class="pop_item">
<div class="pop_label">故障时间</div>
<div class="pop_val pop_val_s">{{ pkObj.error_time }}</div>
<div class="pop_unit">时</div>
</div>
</div>
<div v-show="machine === 'jxs'" class="pop_content">
<div class="pop_item">
<div class="pop_label">开机时间</div>
<div class="pop_val">{{ pkObj.open_time }}</div>
</div>
<div class="pop_item">
<div class="pop_label">待机时间</div>
<div class="pop_val pop_val_s">{{ pkObj.stand_time }}</div>
<div class="pop_unit">时</div>
</div>
<div class="pop_item">
<div class="pop_label">生产时间</div>
<div class="pop_val pop_val_s">{{ pkObj.work_time }}</div>
<div class="pop_unit">时</div>
</div>
<div class="pop_item">
<div class="pop_label">故障时间</div>
<div class="pop_val pop_val_s">{{ pkObj.error_time }}</div>
<div class="pop_unit">时</div>
</div>
</div>
<div v-show="machine === 'mpgw'" class="pop_content">
<div class="pop_item">
<div class="pop_label">状态</div>
<div class="pop_val">{{ ['无货', '有货'][Number(pkObj.point_status) - 1] }}</div>
</div>
<div class="pop_item">
<div class="pop_label">载具</div>
<div class="pop_val">{{ pkObj.vehicle_code }}</div>
</div>
<div class="pop_item">
<div class="pop_label">bom号</div>
<div class="pop_val">{{ pkObj.bom }}</div>
</div>
<div class="pop_item">
<div class="pop_label">物料编码</div>
<div class="pop_val">{{ pkObj.material_code }}</div>
</div>
<div class="pop_item">
<div class="pop_label">数量</div>
<div class="pop_val pop_val_s">{{ pkObj.material_qty }}</div>
<div class="pop_unit">块</div>
</div>
<div class="pop_item">
<div class="pop_label">机台</div>
<div class="pop_val">{{ pkObj.device_name }}</div>
</div>
<div class="pop_item">
<div class="pop_label">是否满托</div>
<div class="pop_val">{{ pkObj.is_full }}</div>
</div>
</div>
</div>
</div>
<div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
</div>
<div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
<div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
<div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
<div class="tooltip_page pointer" @click.stop="toJumpPage(2)">2</div>
<div class="tooltip_page current_page pointer" @click.stop="toJumpPage(3)">3</div>
<div class="tooltip_page pointer" @click.stop="toJumpPage(4)">4</div>
<div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
<div class="tooltip_page pointer" @click.stop="toJumpPage(6)">6</div>
</div>
</div>
<!-- <div class="style_block" style="left: calc(100% / 3);top:0;"></div>
<div class="style_block" style="background: green;left: calc(100% / 3);top:calc(100% / 3);"></div>
<div class="style_block" style="left: calc(100% / 3);bottom: 0"></div>
@@ -524,12 +658,13 @@
</template>
<script>
import { workshopCondition } from '@js/getData2'
import { workshopCondition, moldingMaterialCondition } from '@js/getData2'
export default {
data () {
return {
interTime: this.$store.getters.setTime,
timer: null,
expand: false,
myCharts1: '',
myCharts2: '',
myCharts3: '',
@@ -539,11 +674,21 @@ export default {
TrappedShelfList: [], // 困料位料盅
StackingPositionList: [], // 压制码垛数据信息
TrappedMaterialShelfList: [], // 困料货架信息
ManipulatorInfoList: [] // 机械手数据
ManipulatorInfoList: [], // 机械手数据
PressPopoverList: [], // 压机弹窗数据
ManipulatorList: [], // 机械手弹窗数据
TrayStationPopoverList: [], // 码盘工位弹窗数据
showModal: false,
machine: '',
top: '',
left: '',
foldlineStyle: '',
pkObj: {}
}
},
mounted () {
this._workshopCondition()
this._moldingMaterialCondition()
// this.refresh()
},
beforeDestroy () {
@@ -553,6 +698,7 @@ export default {
refresh () {
this.timer = setInterval(() => {
this._workshopCondition()
this._moldingMaterialCondition()
}, this.interTime)
},
async _workshopCondition () {
@@ -566,6 +712,218 @@ export default {
this.TrappedMaterialShelfList = [...res.result.TrappedMaterialShelfList]
this.ManipulatorInfoList = [...res.result.ManipulatorInfoList]
}
},
// 弹窗内容
async _moldingMaterialCondition () {
let res = await moldingMaterialCondition()
if (res.code === 200) {
this.PressPopoverList = [...res.result.PressPopoverList]
this.ManipulatorList = [...res.result.ManipulatorList]
this.TrayStationPopoverList = [...res.result.TrayStationPopoverList]
}
},
expandTooltip () {
this.expand = !this.expand
},
toJumpPage (type) {
switch (type) {
case 1:
this.$router.push('/homepageone')
break
case 2:
this.$router.push('/hnlkone')
break
case 3:
break
case 4:
this.$router.push('/firedryone')
break
case 5:
this.$router.push('/sortpackone')
break
case 6:
this.$router.push('/pdone')
break
}
},
closeModal () {
this.showModal = false
this.pkObj = {}
},
yjInfo (m, type) {
this.machine = m
if (!this.PressPopoverList.length) {
return
}
if (m === 'yj') {
switch (type) {
case 1:
this.pkObj = this.PressPopoverList[0]
this.top = this.$refs.yj01.getBoundingClientRect().top + 36
this.left = this.$refs.yj01.getBoundingClientRect().left - 687
this.foldlineStyle = 'foldline_right'
break
case 2:
this.pkObj = this.PressPopoverList[1]
this.top = this.$refs.yj02.getBoundingClientRect().top + 36
this.left = this.$refs.yj02.getBoundingClientRect().left - 687
this.foldlineStyle = 'foldline_right'
break
case 3:
this.pkObj = this.PressPopoverList[2]
this.top = this.$refs.yj03.getBoundingClientRect().top - 17
this.left = this.$refs.yj03.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
case 4:
this.pkObj = this.PressPopoverList[3]
this.top = this.$refs.yj04.getBoundingClientRect().top - 17
this.left = this.$refs.yj04.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
case 5:
this.pkObj = this.PressPopoverList[4]
this.top = this.$refs.yj05.getBoundingClientRect().top - 17
this.left = this.$refs.yj05.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
case 6:
this.pkObj = this.PressPopoverList[5]
this.top = this.$refs.yj06.getBoundingClientRect().top - 17
this.left = this.$refs.yj06.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
case 7:
this.pkObj = this.PressPopoverList[6]
this.top = this.$refs.yj07.getBoundingClientRect().top - 17
this.left = this.$refs.yj07.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
case 8:
this.pkObj = this.PressPopoverList[7]
this.top = this.$refs.yj08.getBoundingClientRect().top - 17
this.left = this.$refs.yj08.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
case 9:
this.pkObj = this.PressPopoverList[8]
this.top = this.$refs.yj09.getBoundingClientRect().top - 17
this.left = this.$refs.yj09.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
case 10:
this.pkObj = this.PressPopoverList[9]
this.top = this.$refs.yj10.getBoundingClientRect().top - 17
this.left = this.$refs.yj10.getBoundingClientRect().left + 133
this.foldlineStyle = 'foldline_left'
break
}
}
if (m === 'jxs') {
switch (type) {
case 1:
this.pkObj = this.ManipulatorList[0]
this.top = this.$refs.jxs01.getBoundingClientRect().top - 32
this.left = this.$refs.jxs01.getBoundingClientRect().left - 647
this.foldlineStyle = 'foldline_right'
break
case 2:
this.pkObj = this.ManipulatorList[1]
this.top = this.$refs.jxs02.getBoundingClientRect().top - 32
this.left = this.$refs.jxs02.getBoundingClientRect().left - 647
this.foldlineStyle = 'foldline_right'
break
case 3:
this.pkObj = this.ManipulatorList[2]
this.top = this.$refs.jxs03.getBoundingClientRect().top - 32
this.left = this.$refs.jxs03.getBoundingClientRect().left + 101
this.foldlineStyle = 'foldline_left'
break
case 4:
this.pkObj = this.ManipulatorList[3]
this.top = this.$refs.jxs04.getBoundingClientRect().top - 32
this.left = this.$refs.jxs04.getBoundingClientRect().left + 101
this.foldlineStyle = 'foldline_left'
break
}
}
if (m === 'mpgw') {
switch (type) {
case 1:
this.pkObj = this.TrayStationPopoverList[0]
this.top = this.$refs.mpgw01.getBoundingClientRect().top - 21
this.left = this.$refs.mpgw01.getBoundingClientRect().left - 657
this.foldlineStyle = 'foldline_right'
break
case 2:
this.pkObj = this.PressPopoverList[1]
this.top = this.$refs.mpgw02.getBoundingClientRect().top - 21
this.left = this.$refs.mpgw02.getBoundingClientRect().left - 657
this.foldlineStyle = 'foldline_right'
break
case 3:
this.pkObj = this.PressPopoverList[2]
this.top = this.$refs.mpgw03.getBoundingClientRect().top - 40
this.left = this.$refs.mpgw03.getBoundingClientRect().left - 635
this.foldlineStyle = 'foldline_right'
break
case 4:
this.pkObj = this.PressPopoverList[3]
this.top = this.$refs.mpgw04.getBoundingClientRect().top - 40
this.left = this.$refs.mpgw04.getBoundingClientRect().left - 635
this.foldlineStyle = 'foldline_right'
break
case 5:
this.pkObj = this.PressPopoverList[4]
this.top = this.$refs.mpgw05.getBoundingClientRect().top - 21
this.left = this.$refs.mpgw05.getBoundingClientRect().left - 657
this.foldlineStyle = 'foldline_right'
break
case 6:
this.pkObj = this.PressPopoverList[5]
this.top = this.$refs.mpgw06.getBoundingClientRect().top - 21
this.left = this.$refs.mpgw06.getBoundingClientRect().left - 657
this.foldlineStyle = 'foldline_right'
break
case 7:
this.pkObj = this.PressPopoverList[6]
this.top = this.$refs.mpgw07.getBoundingClientRect().top - 21
this.left = this.$refs.mpgw07.getBoundingClientRect().left - 657
this.foldlineStyle = 'foldline_right'
break
case 8:
this.pkObj = this.PressPopoverList[7]
this.top = this.$refs.mpgw08.getBoundingClientRect().top - 21
this.left = this.$refs.mpgw08.getBoundingClientRect().left - 657
this.foldlineStyle = 'foldline_right'
break
case 9:
this.pkObj = this.PressPopoverList[8]
this.top = this.$refs.mpgw09.getBoundingClientRect().top - 40
this.left = this.$refs.mpgw09.getBoundingClientRect().left - 635
this.foldlineStyle = 'foldline_right'
break
case 10:
this.pkObj = this.PressPopoverList[9]
this.top = this.$refs.mpgw10.getBoundingClientRect().top - 40
this.left = this.$refs.mpgw10.getBoundingClientRect().left - 635
this.foldlineStyle = 'foldline_right'
break
case 11:
this.pkObj = this.PressPopoverList[10]
this.top = this.$refs.mpgw11.getBoundingClientRect().top - 40
this.left = this.$refs.mpgw11.getBoundingClientRect().left - 635
this.foldlineStyle = 'foldline_right'
break
case 12:
this.pkObj = this.PressPopoverList[11]
this.top = this.$refs.mpgw12.getBoundingClientRect().top - 40
this.left = this.$refs.mpgw12.getBoundingClientRect().left - 635
this.foldlineStyle = 'foldline_right'
break
}
}
this.showModal = true
}
}
}
@@ -718,6 +1076,7 @@ export default {
background-color #03fcfd
.yyj
width 50%
cursor pointer
img
width: 83%;
left: 37%;
@@ -753,6 +1112,7 @@ export default {
width: 12%;
top: 81%;
left: 61%;
cursor pointer
.kongtuopan_2
left: 74%;
.block_1
@@ -807,6 +1167,7 @@ export default {
.cyj_1
width 50%
height 50%
cursor pointer
.cyj_img_wrap
position absolute
_wh(28%, 91.49%)
@@ -1056,9 +1417,4 @@ export default {
transform: rotateZ(15deg)
}
}
.style_block
position absolute
_wh(calc(100% / 3), calc(100% / 3))
background red
z-index 0
</style>