样式
This commit is contained in:
@@ -89,7 +89,7 @@ html, body {
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-tap-highlight-color: rgba(11, 7, 7, 0);
|
||||
-moz-user-select:none;/*火狐*/
|
||||
-webkit-user-select:none;/*webkit浏览器*/
|
||||
-ms-user-select:none;/*IE10*/
|
||||
|
||||
BIN
src/assets/images/devmon/FJCDJXS.jpg
Normal file
BIN
src/assets/images/devmon/FJCDJXS.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
File diff suppressed because it is too large
Load Diff
@@ -3,65 +3,391 @@
|
||||
<t-header index='3'></t-header>
|
||||
<div class="content">
|
||||
<div class="item_tr clearfix">
|
||||
<div class="item_block fl" v-for="(e, i) in deviceDatas" :key="i">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmon/' + e.device_url + '.jpg')" :alt="e.device_name">
|
||||
<div class="item_wrapper_h2">
|
||||
<div class="item_block fl" v-for="(e, i) in HLJ" :key="i">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmon/' + e.device_url + '.jpg')" :alt="e.device_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">
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前生产</div>
|
||||
<div class="info_data">{{e.material_name}}</div>
|
||||
</div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table_block">
|
||||
<div class="info_table">已工作</div>
|
||||
<div class="info_data">{{e.work_time}}小时</div>
|
||||
</div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">已生产</div>
|
||||
<div class="info_data">{{e.real_qty}}KG</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前窑车数</div>
|
||||
<div class="info_data">{{e.vehicle_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">容量</div>
|
||||
<div class="info_data">{{e.vehicle_max_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table_block">
|
||||
<div class="info_table">载具类型</div>
|
||||
<div class="info_data">{{e.vehicle_type}}</div>
|
||||
</div>
|
||||
<div class="info_table_block">
|
||||
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table">当前状态</div>
|
||||
<div class="info_data">{{e.device_status_name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前生产</div>
|
||||
<div class="info_data">{{e.material_name}}</div>
|
||||
</div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table_block">
|
||||
<div class="info_table">已工作</div>
|
||||
<div class="info_data">{{e.work_time}}小时</div>
|
||||
</div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">已生产</div>
|
||||
<div class="info_data">{{e.real_qty}}KG</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前窑车数</div>
|
||||
<div class="info_data">{{e.vehicle_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">容量</div>
|
||||
<div class="info_data">{{e.vehicle_max_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table_block">
|
||||
<div class="info_table">载具类型</div>
|
||||
<div class="info_data">{{e.vehicle_type}}</div>
|
||||
</div>
|
||||
<div class="info_table_block">
|
||||
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table">当前状态</div>
|
||||
<div class="info_data">{{e.device_status_name}}</div>
|
||||
<div v-if="e.device_code === pkObj.device_code" 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">{{pkObj.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(pkObj.device_status)]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</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 class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="e.device_code === pkObj.device_code" 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">{{pkObj.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(pkObj.device_status)]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</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 class="item_wrapper_h1">
|
||||
<div class="item_block fl" v-for="(e, i) in YZJ" :key="i">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmon/' + e.device_url + '.jpg')" :alt="e.device_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">
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前生产</div>
|
||||
<div class="info_data">{{e.material_name}}</div>
|
||||
</div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table_block">
|
||||
<div class="info_table">已工作</div>
|
||||
<div class="info_data">{{e.work_time}}小时</div>
|
||||
</div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">已生产</div>
|
||||
<div class="info_data">{{e.real_qty}}KG</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前窑车数</div>
|
||||
<div class="info_data">{{e.vehicle_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">容量</div>
|
||||
<div class="info_data">{{e.vehicle_max_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table_block">
|
||||
<div class="info_table">载具类型</div>
|
||||
<div class="info_data">{{e.vehicle_type}}</div>
|
||||
</div>
|
||||
<div class="info_table_block">
|
||||
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table">当前状态</div>
|
||||
<div class="info_data">{{e.device_status_name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="e.device_code === pkObj.device_code" 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">{{pkObj.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(pkObj.device_status)]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</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 class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_wrapper_f">
|
||||
<div class="item_wrapper_l">
|
||||
<div class="item_block item_block_f fl" v-for="(e, i) in MDJXS" :key="i">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmon/' + e.device_url + '.jpg')" :alt="e.device_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">
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前生产</div>
|
||||
<div class="info_data">{{e.material_name}}</div>
|
||||
</div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table_block">
|
||||
<div class="info_table">已工作</div>
|
||||
<div class="info_data">{{e.work_time}}小时</div>
|
||||
</div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">已生产</div>
|
||||
<div class="info_data">{{e.real_qty}}KG</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前窑车数</div>
|
||||
<div class="info_data">{{e.vehicle_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">容量</div>
|
||||
<div class="info_data">{{e.vehicle_max_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table_block">
|
||||
<div class="info_table">载具类型</div>
|
||||
<div class="info_data">{{e.vehicle_type}}</div>
|
||||
</div>
|
||||
<div class="info_table_block">
|
||||
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table">当前状态</div>
|
||||
<div class="info_data">{{e.device_status_name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="e.device_code === pkObj.device_code" 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">{{pkObj.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(pkObj.device_status)]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</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 class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_wrapper_l">
|
||||
<div class="item_block item_block_f fl" v-for="(e, i) in YAO" :key="i">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmon/' + e.device_url + '.jpg')" :alt="e.device_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">
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前生产</div>
|
||||
<div class="info_data">{{e.material_name}}</div>
|
||||
</div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table_block">
|
||||
<div class="info_table">已工作</div>
|
||||
<div class="info_data">{{e.work_time}}小时</div>
|
||||
</div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">已生产</div>
|
||||
<div class="info_data">{{e.real_qty}}KG</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前窑车数</div>
|
||||
<div class="info_data">{{e.vehicle_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">容量</div>
|
||||
<div class="info_data">{{e.vehicle_max_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table_block">
|
||||
<div class="info_table">载具类型</div>
|
||||
<div class="info_data">{{e.vehicle_type}}</div>
|
||||
</div>
|
||||
<div class="info_table_block">
|
||||
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table">当前状态</div>
|
||||
<div class="info_data">{{e.device_status_name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="e.device_code === pkObj.device_code" 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">{{pkObj.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(pkObj.device_status)]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</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 class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_wrapper_f">
|
||||
<div class="item_wrapper_l">
|
||||
<div class="item_block item_block_f fl" v-for="(e, i) in FJJXS" :key="i">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmon/' + e.device_url + '.jpg')" :alt="e.device_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">
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前生产</div>
|
||||
<div class="info_data">{{e.material_name}}</div>
|
||||
</div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table_block">
|
||||
<div class="info_table">已工作</div>
|
||||
<div class="info_data">{{e.work_time}}小时</div>
|
||||
</div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">已生产</div>
|
||||
<div class="info_data">{{e.real_qty}}KG</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前窑车数</div>
|
||||
<div class="info_data">{{e.vehicle_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">容量</div>
|
||||
<div class="info_data">{{e.vehicle_max_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table_block">
|
||||
<div class="info_table">载具类型</div>
|
||||
<div class="info_data">{{e.vehicle_type}}</div>
|
||||
</div>
|
||||
<div class="info_table_block">
|
||||
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table">当前状态</div>
|
||||
<div class="info_data">{{e.device_status_name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="e.device_code === pkObj.device_code" 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">{{pkObj.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(pkObj.device_status)]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</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 class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_wrapper_l">
|
||||
<div class="item_block item_block_f fl" v-for="(e, i) in BZX" :key="i">
|
||||
<div class="item_inner" @click.stop="getInfo(e)">
|
||||
<div class="item_img">
|
||||
<img v-if="e.device_url !== ''" :src="require('../assets/images/devmon/' + e.device_url + '.jpg')" :alt="e.device_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">
|
||||
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前生产</div>
|
||||
<div class="info_data">{{e.material_name}}</div>
|
||||
</div>
|
||||
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table_block">
|
||||
<div class="info_table">已工作</div>
|
||||
<div class="info_data">{{e.work_time}}小时</div>
|
||||
</div>
|
||||
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">已生产</div>
|
||||
<div class="info_data">{{e.real_qty}}KG</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">当前窑车数</div>
|
||||
<div class="info_data">{{e.vehicle_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table_block">
|
||||
<div class="info_table">容量</div>
|
||||
<div class="info_data">{{e.vehicle_max_qty}}车</div>
|
||||
</div>
|
||||
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table_block">
|
||||
<div class="info_table">载具类型</div>
|
||||
<div class="info_data">{{e.vehicle_type}}</div>
|
||||
</div>
|
||||
<div class="info_table_block">
|
||||
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table">当前状态</div>
|
||||
<div class="info_data">{{e.device_status_name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="e.device_code === pkObj.device_code" 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">{{pkObj.device_name}}</div>
|
||||
<div class="pop_info_tip">
|
||||
<div class="pop_status">
|
||||
<div class="pop_status_dot" :class="['yellow', 'green', 'orange', 'gray'][Number(pkObj.device_status)]"></div>
|
||||
<div class="pop_status_text" :class="['fyellow', 'fgreen', 'forange', 'fgray'][Number(pkObj.device_status)]">{{pkObj.device_status_name}}</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 class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -101,7 +427,13 @@ export default {
|
||||
interTime: this.$store.getters.setTime,
|
||||
timer: null,
|
||||
deviceDatas: [],
|
||||
pkObj: {}
|
||||
pkObj: {},
|
||||
HLJ: [], // 混料16，压机10，码垛机械手3台，窑设备3台，分拣机械手2台、包装线3台
|
||||
YZJ: [],
|
||||
MDJXS: [],
|
||||
YAO: [],
|
||||
FJJXS: [],
|
||||
BZX: []
|
||||
}
|
||||
},
|
||||
created () {
|
||||
@@ -121,37 +453,44 @@ export default {
|
||||
let res = await deviceMonitor()
|
||||
if (res.code === 200) {
|
||||
this.deviceDatas = [...res.result]
|
||||
this.addPosition()
|
||||
this.HLJ = [...res.result.HLJ]
|
||||
this.YZJ = [...res.result.YZJ]
|
||||
this.MDJXS = [...res.result.MDJXS]
|
||||
this.YAO = [...res.result.YAO]
|
||||
this.FJJXS = [...res.result.FJJXS]
|
||||
this.BZX = [...res.result.BZX]
|
||||
this.addPosition1(this.HLJ)
|
||||
this.addPosition1(this.YZJ)
|
||||
this.addPosition1(this.MDJXS)
|
||||
this.addPosition2(this.YAO)
|
||||
this.addPosition1(this.FJJXS)
|
||||
this.addPosition2(this.BZX)
|
||||
} else {
|
||||
this.toast(res.desc)
|
||||
}
|
||||
},
|
||||
addPosition () {
|
||||
for (let i = 0; i < this.deviceDatas.length; i++) {
|
||||
if (i <= 5) {
|
||||
this.deviceDatas[i].postion1 = 'position_1a_l'
|
||||
this.deviceDatas[i].postion2 = 'position_1b_l'
|
||||
} else if (i > 5 && i <= 8) {
|
||||
this.deviceDatas[i].postion1 = 'position_1a_r'
|
||||
this.deviceDatas[i].postion2 = 'position_1b_r'
|
||||
} else if (i > 8 && i <= 14) {
|
||||
this.deviceDatas[i].postion1 = 'position_1a_l'
|
||||
this.deviceDatas[i].postion2 = 'position_1b_l'
|
||||
} else if (i > 14 && i <= 17) {
|
||||
this.deviceDatas[i].postion1 = 'position_1a_r'
|
||||
this.deviceDatas[i].postion2 = 'position_1b_r'
|
||||
} else if (i > 17 && i <= 23) {
|
||||
this.deviceDatas[i].postion1 = 'position_1a_l'
|
||||
this.deviceDatas[i].postion2 = 'position_1b_l'
|
||||
} else if (i > 23 && i <= 26) {
|
||||
this.deviceDatas[i].postion1 = 'position_1a_r'
|
||||
this.deviceDatas[i].postion2 = 'position_1b_r'
|
||||
} else if (i > 26 && i <= 32) {
|
||||
this.deviceDatas[i].postion1 = 'position_2a_l'
|
||||
this.deviceDatas[i].postion2 = 'position_2b_l'
|
||||
} else if (i > 32 && i <= 35) {
|
||||
this.deviceDatas[i].postion1 = 'position_2a_r'
|
||||
this.deviceDatas[i].postion2 = 'position_2b_r'
|
||||
addPosition1 (arr) {
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
if (i <= 4) {
|
||||
arr[i].postion1 = 'position_1a_l'
|
||||
arr[i].postion2 = 'position_1b_l'
|
||||
} else if (i > 4 && i <= 9) {
|
||||
arr[i].postion1 = 'position_1a_r'
|
||||
arr[i].postion2 = 'position_1b_r'
|
||||
} else if (i > 9 && i <= 14) {
|
||||
arr[i].postion1 = 'position_1a_l'
|
||||
arr[i].postion2 = 'position_1b_l'
|
||||
} else if (i > 14 && i <= 19) {
|
||||
arr[i].postion1 = 'position_1a_r'
|
||||
arr[i].postion2 = 'position_1b_r'
|
||||
}
|
||||
}
|
||||
},
|
||||
addPosition2 (arr) {
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
if (i <= 4) {
|
||||
arr[i].postion1 = 'position_1a_r'
|
||||
arr[i].postion2 = 'position_1b_r'
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -181,27 +520,44 @@ export default {
|
||||
.content
|
||||
width 100%
|
||||
height calc(100% - 84px)
|
||||
padding 15px
|
||||
.item_tr
|
||||
width 100%
|
||||
height 100%
|
||||
height auto
|
||||
padding 3% .5%
|
||||
_fj(,center)
|
||||
.item_wrapper_h1
|
||||
width 100%
|
||||
overflow hidden
|
||||
.item_wrapper_h2
|
||||
width 100%
|
||||
overflow hidden
|
||||
.item_wrapper_f
|
||||
width 100%
|
||||
_fj(row)
|
||||
overflow hidden
|
||||
.item_wrapper_l
|
||||
width 49.85%
|
||||
.item_block
|
||||
position relative
|
||||
_wh(10.5%,calc((100% - 45px) / 4))
|
||||
width 9.55%
|
||||
padding 8px 4px
|
||||
margin-bottom 15px
|
||||
margin-right 0.6875%
|
||||
margin-bottom 0.5%
|
||||
margin-right 0.5%
|
||||
background center center / 100% 100% url(../assets/images/bg_item.png) no-repeat
|
||||
&:nth-child(9n)
|
||||
&:nth-child(10n)
|
||||
margin-right 0
|
||||
.item_block_f
|
||||
width 19.2%
|
||||
margin-right 1%
|
||||
margin-bottom 1%
|
||||
&:nth-child(5n)
|
||||
margin-right 0
|
||||
&:nth-child(n+28):nth-child(-n+36)
|
||||
margin-bottom 0
|
||||
.item_inner
|
||||
_wh(100%,100%)
|
||||
width 100%
|
||||
overflow hidden
|
||||
.item_img
|
||||
_wh(100%,91px)
|
||||
margin-bottom 5px
|
||||
_wh(98%,91px)
|
||||
margin 0 auto 5px auto
|
||||
border 1px solid #393F51
|
||||
background-color $gray
|
||||
img
|
||||
@@ -213,9 +569,13 @@ export default {
|
||||
background-color #ffffff
|
||||
.device_name_text
|
||||
_font(14px,14px,,,left)
|
||||
.device_name, .info_block
|
||||
.device_name
|
||||
width 100%
|
||||
padding 4px 0
|
||||
.info_block
|
||||
_wh(100%, 80px)
|
||||
padding 4px 0
|
||||
overflow hidden
|
||||
.info_table_block
|
||||
width 100%
|
||||
_fj(row,,flex-start)
|
||||
|
||||
Reference in New Issue
Block a user