设备监控
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
$green = #30EBC9
|
$green = #30EBC9
|
||||||
$yellow = #E2BB0E
|
$yellow = #E2BB0E
|
||||||
$gray = #516282
|
$gray = #516282
|
||||||
|
$gray1 = #8B90A6
|
||||||
$orange = #F96700
|
$orange = #F96700
|
||||||
$green2 = #65d837
|
$green2 = #65d837
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<t-header index='3'></t-header>
|
<t-header index='3'></t-header>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="item_tr clearfix">
|
<div class="item_tr clearfix">
|
||||||
<div class="item_wrapper_h2">
|
<div class="item_wrapper_h1">
|
||||||
<div class="item_block" v-for="(e, i) in HLJ" :key="i">
|
<div class="item_block" v-for="(e, i) in HLJ" :key="i">
|
||||||
<div class="item_inner" @click.stop="getInfo(e)">
|
<div class="item_inner" @click.stop="getInfo(e)">
|
||||||
<div class="item_img">
|
<div class="item_img">
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">已生产</div>
|
<div class="info_table">已生产</div>
|
||||||
<div class="info_data">{{e.real_qty}}KG</div>
|
<div class="info_data">{{e.real_qty}}千克</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">当前窑车数</div>
|
<div class="info_table">当前窑车数</div>
|
||||||
@@ -44,22 +44,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.device_code === pkObj.device_code" class="popover_block">
|
<div v-if="e.device_code === pkObj.device_code" class="popover_block" :class="e.position">
|
||||||
<div class="foldline" :class="e.postion1"></div>
|
<div class="foldline"></div>
|
||||||
<div class="popver_bg" :class="e.postion2">
|
<div class="popver_bg">
|
||||||
<div class="popver_block">
|
<div class="popver_block">
|
||||||
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
||||||
<div class="pop_info_tip">
|
<div class="pop_info_tip">
|
||||||
|
<div class="top_tips">
|
||||||
|
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
||||||
|
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}千克</div>
|
||||||
|
<div v-if="pkObj.open_time !== null && pkObj.open_time !== undefined" class="pop_tip">开机时间：{{pkObj.open_time}}</div>
|
||||||
|
<div v-if="pkObj.stand_time !== null && pkObj.stand_time !== undefined" class="pop_tip">待机时间：{{pkObj.stand_time}}</div>
|
||||||
|
<div v-if="pkObj.work_time !== null && pkObj.work_time !== undefined" class="pop_tip">生产时间：{{pkObj.work_time}}</div>
|
||||||
|
<div v-if="pkObj.error_time !== null && pkObj.error_time !== undefined" class="pop_tip">故障时间：{{pkObj.error_time}}</div>
|
||||||
|
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
||||||
|
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
||||||
|
</div>
|
||||||
<div class="pop_status">
|
<div class="pop_status">
|
||||||
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
||||||
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
|
||||||
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}KG</div>
|
|
||||||
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
|
||||||
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||||
@@ -67,7 +73,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_wrapper_h2">
|
<div class="item_wrapper_h1">
|
||||||
<div class="item_block" v-for="(e, i) in YZJ" :key="i">
|
<div class="item_block" v-for="(e, i) in YZJ" :key="i">
|
||||||
<div class="item_inner" @click.stop="getInfo(e)">
|
<div class="item_inner" @click.stop="getInfo(e)">
|
||||||
<div class="item_img">
|
<div class="item_img">
|
||||||
@@ -88,7 +94,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">已生产</div>
|
<div class="info_table">已生产</div>
|
||||||
<div class="info_data">{{e.real_qty}}KG</div>
|
<div class="info_data">{{e.real_qty}}块</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">当前窑车数</div>
|
<div class="info_table">当前窑车数</div>
|
||||||
@@ -108,22 +114,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.device_code === pkObj.device_code" class="popover_block">
|
<div v-if="e.device_code === pkObj.device_code" class="popover_block" :class="e.position">
|
||||||
<div class="foldline" :class="e.postion1"></div>
|
<div class="foldline"></div>
|
||||||
<div class="popver_bg" :class="e.postion2">
|
<div class="popver_bg">
|
||||||
<div class="popver_block">
|
<div class="popver_block">
|
||||||
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
||||||
<div class="pop_info_tip">
|
<div class="pop_info_tip">
|
||||||
|
<div class="top_tips">
|
||||||
|
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
||||||
|
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}块</div>
|
||||||
|
<div v-if="pkObj.open_time !== null && pkObj.open_time !== undefined" class="pop_tip">开机时间：{{pkObj.open_time}}</div>
|
||||||
|
<div v-if="pkObj.stand_time !== null && pkObj.stand_time !== undefined" class="pop_tip">待机时间：{{pkObj.stand_time}}</div>
|
||||||
|
<div v-if="pkObj.work_time !== null && pkObj.work_time !== undefined" class="pop_tip">生产时间：{{pkObj.work_time}}</div>
|
||||||
|
<div v-if="pkObj.error_time !== null && pkObj.error_time !== undefined" class="pop_tip">故障时间：{{pkObj.error_time}}</div>
|
||||||
|
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
||||||
|
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
||||||
|
</div>
|
||||||
<div class="pop_status">
|
<div class="pop_status">
|
||||||
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
||||||
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
|
||||||
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}KG</div>
|
|
||||||
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
|
||||||
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||||
@@ -131,7 +143,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_wrapper_h2">
|
<div class="item_wrapper_h1">
|
||||||
<div class="item_block" v-for="(e, i) in MDJXS" :key="i">
|
<div class="item_block" v-for="(e, i) in MDJXS" :key="i">
|
||||||
<div class="item_inner" @click.stop="getInfo(e)">
|
<div class="item_inner" @click.stop="getInfo(e)">
|
||||||
<div class="item_img">
|
<div class="item_img">
|
||||||
@@ -152,7 +164,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">已生产</div>
|
<div class="info_table">已生产</div>
|
||||||
<div class="info_data">{{e.real_qty}}KG</div>
|
<div class="info_data">{{e.real_qty}}块</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">当前窑车数</div>
|
<div class="info_table">当前窑车数</div>
|
||||||
@@ -172,22 +184,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.device_code === pkObj.device_code" class="popover_block">
|
<div v-if="e.device_code === pkObj.device_code" class="popover_block" :class="e.position">
|
||||||
<div class="foldline" :class="e.postion1"></div>
|
<div class="foldline"></div>
|
||||||
<div class="popver_bg" :class="e.postion2">
|
<div class="popver_bg">
|
||||||
<div class="popver_block">
|
<div class="popver_block">
|
||||||
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
||||||
<div class="pop_info_tip">
|
<div class="pop_info_tip">
|
||||||
|
<div class="top_tips">
|
||||||
|
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
||||||
|
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}块</div>
|
||||||
|
<div v-if="pkObj.open_time !== null && pkObj.open_time !== undefined" class="pop_tip">开机时间：{{pkObj.open_time}}</div>
|
||||||
|
<div v-if="pkObj.stand_time !== null && pkObj.stand_time !== undefined" class="pop_tip">待机时间：{{pkObj.stand_time}}</div>
|
||||||
|
<div v-if="pkObj.work_time !== null && pkObj.work_time !== undefined" class="pop_tip">生产时间：{{pkObj.work_time}}</div>
|
||||||
|
<div v-if="pkObj.error_time !== null && pkObj.error_time !== undefined" class="pop_tip">故障时间：{{pkObj.error_time}}</div>
|
||||||
|
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
||||||
|
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
||||||
|
</div>
|
||||||
<div class="pop_status">
|
<div class="pop_status">
|
||||||
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
||||||
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
|
||||||
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}KG</div>
|
|
||||||
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
|
||||||
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||||
@@ -195,7 +213,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_wrapper_h2">
|
<div class="item_wrapper_h1">
|
||||||
<div class="item_block" v-for="(e, i) in YAO" :key="i">
|
<div class="item_block" v-for="(e, i) in YAO" :key="i">
|
||||||
<div class="item_inner" @click.stop="getInfo(e)">
|
<div class="item_inner" @click.stop="getInfo(e)">
|
||||||
<div class="item_img">
|
<div class="item_img">
|
||||||
@@ -216,7 +234,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">已生产</div>
|
<div class="info_table">已生产</div>
|
||||||
<div class="info_data">{{e.real_qty}}KG</div>
|
<div class="info_data">{{e.real_qty}}块</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">当前窑车数</div>
|
<div class="info_table">当前窑车数</div>
|
||||||
@@ -236,22 +254,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.device_code === pkObj.device_code" class="popover_block">
|
<div v-if="e.device_code === pkObj.device_code" class="popover_block" :class="e.position">
|
||||||
<div class="foldline" :class="e.postion1"></div>
|
<div class="foldline"></div>
|
||||||
<div class="popver_bg" :class="e.postion2">
|
<div class="popver_bg">
|
||||||
<div class="popver_block">
|
<div class="popver_block">
|
||||||
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
||||||
<div class="pop_info_tip">
|
<div class="pop_info_tip">
|
||||||
|
<div class="top_tips">
|
||||||
|
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
||||||
|
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}块</div>
|
||||||
|
<div v-if="pkObj.open_time !== null && pkObj.open_time !== undefined" class="pop_tip">开机时间：{{pkObj.open_time}}</div>
|
||||||
|
<div v-if="pkObj.stand_time !== null && pkObj.stand_time !== undefined" class="pop_tip">待机时间：{{pkObj.stand_time}}</div>
|
||||||
|
<div v-if="pkObj.work_time !== null && pkObj.work_time !== undefined" class="pop_tip">生产时间：{{pkObj.work_time}}</div>
|
||||||
|
<div v-if="pkObj.error_time !== null && pkObj.error_time !== undefined" class="pop_tip">故障时间：{{pkObj.error_time}}</div>
|
||||||
|
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
||||||
|
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
||||||
|
</div>
|
||||||
<div class="pop_status">
|
<div class="pop_status">
|
||||||
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
||||||
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
|
||||||
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}KG</div>
|
|
||||||
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
|
||||||
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||||
@@ -259,7 +283,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_wrapper_h2">
|
<div class="item_wrapper_h1">
|
||||||
<div class="item_block" v-for="(e, i) in FJJXS" :key="i">
|
<div class="item_block" v-for="(e, i) in FJJXS" :key="i">
|
||||||
<div class="item_inner" @click.stop="getInfo(e)">
|
<div class="item_inner" @click.stop="getInfo(e)">
|
||||||
<div class="item_img">
|
<div class="item_img">
|
||||||
@@ -280,7 +304,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">已生产</div>
|
<div class="info_table">已生产</div>
|
||||||
<div class="info_data">{{e.real_qty}}KG</div>
|
<div class="info_data">{{e.real_qty}}块</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">当前窑车数</div>
|
<div class="info_table">当前窑车数</div>
|
||||||
@@ -300,22 +324,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.device_code === pkObj.device_code" class="popover_block">
|
<div v-if="e.device_code === pkObj.device_code" class="popover_block" :class="e.position">
|
||||||
<div class="foldline" :class="e.postion1"></div>
|
<div class="foldline"></div>
|
||||||
<div class="popver_bg" :class="e.postion2">
|
<div class="popver_bg">
|
||||||
<div class="popver_block">
|
<div class="popver_block">
|
||||||
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
||||||
<div class="pop_info_tip">
|
<div class="pop_info_tip">
|
||||||
|
<div class="top_tips">
|
||||||
|
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
||||||
|
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}块</div>
|
||||||
|
<div v-if="pkObj.open_time !== null && pkObj.open_time !== undefined" class="pop_tip">开机时间：{{pkObj.open_time}}</div>
|
||||||
|
<div v-if="pkObj.stand_time !== null && pkObj.stand_time !== undefined" class="pop_tip">待机时间：{{pkObj.stand_time}}</div>
|
||||||
|
<div v-if="pkObj.work_time !== null && pkObj.work_time !== undefined" class="pop_tip">生产时间：{{pkObj.work_time}}</div>
|
||||||
|
<div v-if="pkObj.error_time !== null && pkObj.error_time !== undefined" class="pop_tip">故障时间：{{pkObj.error_time}}</div>
|
||||||
|
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
||||||
|
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
||||||
|
</div>
|
||||||
<div class="pop_status">
|
<div class="pop_status">
|
||||||
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
||||||
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
|
||||||
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}KG</div>
|
|
||||||
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
|
||||||
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||||
@@ -323,7 +353,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_wrapper_h2">
|
<div class="item_wrapper_h1">
|
||||||
<div class="item_block" v-for="(e, i) in BZX" :key="i">
|
<div class="item_block" v-for="(e, i) in BZX" :key="i">
|
||||||
<div class="item_inner" @click.stop="getInfo(e)">
|
<div class="item_inner" @click.stop="getInfo(e)">
|
||||||
<div class="item_img">
|
<div class="item_img">
|
||||||
@@ -344,7 +374,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">已生产</div>
|
<div class="info_table">已生产</div>
|
||||||
<div class="info_data">{{e.real_qty}}KG</div>
|
<div class="info_data">{{e.real_qty}}块</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||||
<div class="info_table">当前窑车数</div>
|
<div class="info_table">当前窑车数</div>
|
||||||
@@ -364,22 +394,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="e.device_code === pkObj.device_code" class="popover_block">
|
<div v-if="e.device_code === pkObj.device_code" class="popover_block" :class="e.position">
|
||||||
<div class="foldline" :class="e.postion1"></div>
|
<div class="foldline"></div>
|
||||||
<div class="popver_bg" :class="e.postion2">
|
<div class="popver_bg">
|
||||||
<div class="popver_block">
|
<div class="popver_block">
|
||||||
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
<div class="pop_info_name">{{pkObj.device_name}}</div>
|
||||||
<div class="pop_info_tip">
|
<div class="pop_info_tip">
|
||||||
|
<div class="top_tips">
|
||||||
|
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
||||||
|
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}块</div>
|
||||||
|
<div v-if="pkObj.open_time !== null && pkObj.open_time !== undefined" class="pop_tip">开机时间：{{pkObj.open_time}}</div>
|
||||||
|
<div v-if="pkObj.stand_time !== null && pkObj.stand_time !== undefined" class="pop_tip">待机时间：{{pkObj.stand_time}}</div>
|
||||||
|
<div v-if="pkObj.work_time !== null && pkObj.work_time !== undefined" class="pop_tip">生产时间：{{pkObj.work_time}}</div>
|
||||||
|
<div v-if="pkObj.error_time !== null && pkObj.error_time !== undefined" class="pop_tip">故障时间：{{pkObj.error_time}}</div>
|
||||||
|
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
||||||
|
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
||||||
|
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
||||||
|
</div>
|
||||||
<div class="pop_status">
|
<div class="pop_status">
|
||||||
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'orange'][Number(pkObj.device_status)]"></div>
|
||||||
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
<div class="pop_status_text" :class="['fgray', 'fyellow', 'fgreen', 'forange'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="pkObj.material_name !== null && pkObj.material_name !== undefined" class="pop_tip">当前生产：{{pkObj.material_name}}</div>
|
|
||||||
<div v-if="pkObj.real_qty !== null && pkObj.real_qty !== undefined" class="pop_tip">已生产：{{pkObj.real_qty}}KG</div>
|
|
||||||
<div v-if="pkObj.vehicle_qty !== null && pkObj.vehicle_qty !== undefined" class="pop_tip">当前窑车数：{{pkObj.vehicle_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_max_qty !== null && pkObj.vehicle_max_qty !== undefined" class="pop_tip">容量：{{pkObj.vehicle_max_qty}}车</div>
|
|
||||||
<div v-if="pkObj.vehicle_type !== null && pkObj.vehicle_type !== undefined" class="pop_tip">载具类型：{{pkObj.vehicle_type}}车</div>
|
|
||||||
<div v-if="pkObj.error_name !== null && pkObj.error_name !== undefined" class="pop_tip">故障信息：{{pkObj.error_name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||||
@@ -455,38 +491,44 @@ export default {
|
|||||||
this.YAO = [...res.result.YAO]
|
this.YAO = [...res.result.YAO]
|
||||||
this.FJJXS = [...res.result.FJJXS]
|
this.FJJXS = [...res.result.FJJXS]
|
||||||
this.BZX = [...res.result.BZX]
|
this.BZX = [...res.result.BZX]
|
||||||
this.addPosition1(this.HLJ)
|
this.addPosition(this.HLJ)
|
||||||
this.addPosition1(this.YZJ)
|
this.addPosition(this.YZJ)
|
||||||
this.addPosition1(this.MDJXS)
|
this.addPosition(this.MDJXS)
|
||||||
this.addPosition1(this.YAO)
|
this.addPosition(this.YAO)
|
||||||
this.addPosition1(this.FJJXS)
|
this.addPosition(this.FJJXS)
|
||||||
this.addPosition1(this.BZX)
|
this.addPosition(this.BZX)
|
||||||
} else {
|
} else {
|
||||||
this.toast(res.desc)
|
this.toast(res.desc)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
addPosition1 (arr) {
|
addPosition (arr) {
|
||||||
for (let i = 0; i < arr.length; i++) {
|
for (let i = 0; i < arr.length; i++) {
|
||||||
if (i <= 4) {
|
if (arr.length <= 12) {
|
||||||
arr[i].postion1 = 'position_1a_l'
|
arr[i].position = 'position_r_1'
|
||||||
arr[i].postion2 = 'position_1b_l'
|
} else if (arr.length === 13) {
|
||||||
} else if (i > 4 && i <= 9) {
|
if (i < 1) {
|
||||||
arr[i].postion1 = 'position_1a_r'
|
arr[i].position = 'position_l_1'
|
||||||
arr[i].postion2 = 'position_1b_r'
|
} else {
|
||||||
} else if (i > 9 && i <= 14) {
|
arr[i].position = 'position_r_1'
|
||||||
arr[i].postion1 = 'position_1a_l'
|
}
|
||||||
arr[i].postion2 = 'position_1b_l'
|
} else if (arr.length === 14) {
|
||||||
} else if (i > 14 && i <= 19) {
|
if (i < 2) {
|
||||||
arr[i].postion1 = 'position_1a_r'
|
arr[i].position = 'position_l_1'
|
||||||
arr[i].postion2 = 'position_1b_r'
|
} else {
|
||||||
}
|
arr[i].position = 'position_r_1'
|
||||||
}
|
}
|
||||||
},
|
} else if (arr.length === 15) {
|
||||||
addPosition2 (arr) {
|
if (i < 3) {
|
||||||
for (let i = 0; i < arr.length; i++) {
|
arr[i].position = 'position_l_1'
|
||||||
if (i <= 4) {
|
} else {
|
||||||
arr[i].postion1 = 'position_1a_r'
|
arr[i].position = 'position_r_1'
|
||||||
arr[i].postion2 = 'position_1b_r'
|
}
|
||||||
|
} else if (arr.length === 16) {
|
||||||
|
if (i < 4) {
|
||||||
|
arr[i].position = 'position_l_1'
|
||||||
|
} else {
|
||||||
|
arr[i].position = 'position_r_1'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -523,26 +565,7 @@ export default {
|
|||||||
_fj(,center)
|
_fj(,center)
|
||||||
.item_wrapper_h1
|
.item_wrapper_h1
|
||||||
width 100%
|
width 100%
|
||||||
overflow hidden
|
|
||||||
.item_wrapper_h2
|
|
||||||
width 100%
|
|
||||||
overflow hidden
|
|
||||||
_fj(row,flex-end)
|
_fj(row,flex-end)
|
||||||
.item_wrapper_f
|
|
||||||
width 100%
|
|
||||||
_fj(row)
|
|
||||||
overflow hidden
|
|
||||||
.item_wrapper_l
|
|
||||||
width 49.85%
|
|
||||||
// .item_block
|
|
||||||
// position relative
|
|
||||||
// width 9.55%
|
|
||||||
// padding 8px 4px
|
|
||||||
// margin-bottom 0.5%
|
|
||||||
// margin-right 0.5%
|
|
||||||
// background center center / 100% 100% url(../assets/images/bg_item.png) no-repeat
|
|
||||||
// &:nth-child(10n)
|
|
||||||
// margin-right 0
|
|
||||||
.item_block
|
.item_block
|
||||||
position relative
|
position relative
|
||||||
width 6.0625%
|
width 6.0625%
|
||||||
@@ -552,12 +575,6 @@ export default {
|
|||||||
background center center / 100% 100% url(../assets/images/bg_item.png) no-repeat
|
background center center / 100% 100% url(../assets/images/bg_item.png) no-repeat
|
||||||
&:nth-child(10n)
|
&:nth-child(10n)
|
||||||
margin-right 0
|
margin-right 0
|
||||||
.item_block_f
|
|
||||||
width 19.2%
|
|
||||||
margin-right 1%
|
|
||||||
margin-bottom 1%
|
|
||||||
&:nth-child(5n)
|
|
||||||
margin-right 0
|
|
||||||
.item_inner
|
.item_inner
|
||||||
width 100%
|
width 100%
|
||||||
overflow hidden
|
overflow hidden
|
||||||
@@ -598,9 +615,9 @@ export default {
|
|||||||
word-break break-all
|
word-break break-all
|
||||||
.popover_block
|
.popover_block
|
||||||
position absolute
|
position absolute
|
||||||
left 0
|
|
||||||
top 0
|
top 0
|
||||||
z-index 100
|
z-index 100
|
||||||
|
_wh(610px, 288px)
|
||||||
.foldline
|
.foldline
|
||||||
position absolute
|
position absolute
|
||||||
z-index 102
|
z-index 102
|
||||||
@@ -614,6 +631,24 @@ export default {
|
|||||||
overflow hidden
|
overflow hidden
|
||||||
_bis('../assets/images/popover_1.png')
|
_bis('../assets/images/popover_1.png')
|
||||||
// 弹窗在第一行左侧1-6列情况
|
// 弹窗在第一行左侧1-6列情况
|
||||||
|
.position_l_1
|
||||||
|
left 54%
|
||||||
|
.foldline
|
||||||
|
left 0
|
||||||
|
top 35px
|
||||||
|
transform rotateY(180deg)
|
||||||
|
.popver_bg
|
||||||
|
right 0
|
||||||
|
top -20px
|
||||||
|
.position_r_1
|
||||||
|
right 54%
|
||||||
|
.foldline
|
||||||
|
right 0
|
||||||
|
top 35px
|
||||||
|
transform rotateY(0deg)
|
||||||
|
.popver_bg
|
||||||
|
left 0
|
||||||
|
top -20px
|
||||||
.position_1a_l
|
.position_1a_l
|
||||||
top 35px
|
top 35px
|
||||||
left 80px
|
left 80px
|
||||||
@@ -654,25 +689,27 @@ export default {
|
|||||||
text-shadow 2px 2px 4px #A6E6FF
|
text-shadow 2px 2px 4px #A6E6FF
|
||||||
margin-bottom 8px
|
margin-bottom 8px
|
||||||
.pop_info_tip
|
.pop_info_tip
|
||||||
position relative
|
_wh(100%, calc(100% - 28px))
|
||||||
height auto
|
overflow-y auto
|
||||||
|
_fj(row,,flex-start)
|
||||||
.pop_status
|
.pop_status
|
||||||
position absolute
|
_wh(100px, 28px)
|
||||||
right 0
|
_fj(row,flex-end)
|
||||||
top 0
|
.top_tips
|
||||||
|
width calc(100% - 100px)
|
||||||
.pop_tip
|
.pop_tip
|
||||||
font-size 14px
|
font-size 14px
|
||||||
line-height 28px
|
line-height 28px
|
||||||
.pop_status_dot
|
.pop_status_dot
|
||||||
display inline-block
|
|
||||||
width 10px
|
width 10px
|
||||||
height 10px
|
height 10px
|
||||||
border-radius 50%
|
border-radius 50%
|
||||||
background-color #fff
|
background-color #fff
|
||||||
.pop_status_text
|
.pop_status_text
|
||||||
display inline-block
|
|
||||||
font-size 14px
|
font-size 14px
|
||||||
|
line-height 28px
|
||||||
color #fff
|
color #fff
|
||||||
|
margin-left 5px
|
||||||
.pop_table
|
.pop_table
|
||||||
width 100%
|
width 100%
|
||||||
margin-top 10px
|
margin-top 10px
|
||||||
@@ -726,7 +763,7 @@ export default {
|
|||||||
.yellow
|
.yellow
|
||||||
background-color $yellow
|
background-color $yellow
|
||||||
.gray
|
.gray
|
||||||
background-color $gray
|
background-color $gray1
|
||||||
.orange
|
.orange
|
||||||
background-color $orange
|
background-color $orange
|
||||||
.fgreen
|
.fgreen
|
||||||
@@ -734,7 +771,7 @@ export default {
|
|||||||
.fyellow
|
.fyellow
|
||||||
color $yellow
|
color $yellow
|
||||||
.fgray
|
.fgray
|
||||||
color $gray
|
color $gray1
|
||||||
.forange
|
.forange
|
||||||
color $orange
|
color $orange
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user