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-04-23 16:57:13 +08:00
parent 8239152c0c
commit 11e15a27af
2 changed files with 466 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/pages/DeviceMonitor.vue
View File

@@ -12,24 +12,34 @@
<div class="fl device_name_tag" :class="['yellow', 'green', 'orange', 'gray'][Number(e.device_status)]"></div>
<div class="fl device_name_text">{{e.device_name}}</div>
</div>
<div class="info_block clearfix">
<div class="fl info_table_block">
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_table info_table_1"><p>当前生产：</p></div>
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_table"><p>已工作：</p></div>
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_table"><p>已生产：</p></div>
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_table"><p>当前窑车数：</p></div>
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_table"><p>容 量：</p></div>
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_table"><p>载具类型：</p></div>
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_table"><p>当前状态：</p></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 class="fr info_data_block">
<div v-if="e.material_name !== null && e.material_name !== undefined" class="info_data info_data_1"><p>{{e.material_name}}</p></div>
<div v-if="e.work_time !== null && e.work_time !== undefined" class="info_data"><p>{{e.work_time}}小时</p></div>
<div v-if="e.real_qty !== null && e.real_qty !== undefined" class="info_data"><p>{{e.real_qty}}KG</p></div>
<div v-if="e.vehicle_qty !== null && e.vehicle_qty !== undefined" class="info_data"><p>{{e.vehicle_qty}}车</p></div>
<div v-if="e.vehicle_max_qty !== null && e.vehicle_max_qty !== undefined" class="info_data"><p>{{e.vehicle_max_qty}}车</p></div>
<div v-if="e.vehicle_type !== null && e.vehicle_type !== undefined" class="info_data"><p>{{e.vehicle_type}}</p></div>
<div v-if="e.device_status_name !== null && e.device_status_name !== undefined" class="info_data"><p>{{e.device_status_name}}</p></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>
@@ -468,6 +478,7 @@ export default {
margin-bottom 0
.item_inner
_wh(100%,100%)
overflow hidden
.item_img
_wh(100%,91px)
margin-bottom 5px
@@ -486,43 +497,19 @@ export default {
width 100%
padding 4px 0
.info_table_block
width 30%
.info_table_block_1
width 50%
.info_data_block
width 70%
.info_data_block_1
width 50%
width 100%
_fj(row,,flex-start)
.info_table
width 100%
height 18px
width 80px
max-height 36px
overflow hidden
p
display inline-block
width 100%
height 18px
_font(12px,18px,,100,left)
transform scale(0.78)
transform-origin left center
letter-spacing -1px
white-space nowrap
.info_table_1
height 36px
.info_table_1
height 36px
_font(12px,18px,,100,left)
.info_data
width 100%
height 18px
width calc(100% - 80px)
max-height 36px
overflow hidden
p
display inline-block
width 100%
height 18px
_font(12px,18px,,200,right)
// transform scale(0.9)
word-break break-all
.info_data_1
height 36px
_font(12px,18px,,200,right)
word-break break-all
.popover_block
position absolute
left 0