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

图标

Browse Source
This commit is contained in:
caill
2024-03-06 18:52:05 +08:00
parent b6933988fe
commit 43c8dd0971
5 changed files with 389 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/pages/modules/home/devicepop.vue
View File

@@ -1,42 +1,63 @@
<template>
<div v-if="pkId === data.equipment" class="popup_wraper" :class="{'popup_wraper_down': direction === 'down'}">
<div v-if="pkId === data.pointName" class="popup_wraper" :class="{'popup_wraper_down': direction === 'down'}">
<div class="popup_arrow" :class="{'popup_arrow_down': direction === 'down'}">
<img src="../../../images/device/arrow.png">
</div>
<div class="popup_bg">
<div class="popup_block">
<div v-show="data.hasOwnProperty('equipmentName') === true || data.hasOwnProperty('statusChinese') === true" class="pop_header">
<div v-show="data.hasOwnProperty('equipmentName') === true" class="pop_name">{{data.equipmentName}}</div>
<div v-show="data.hasOwnProperty('statusChinese') === true" class="pop_status">
<div class="pop_status_dot" :class="['green', 'yellow', 'gray', 'red'][Number(data.status) - 1]"></div>
<div class="pop_status_text fgray">{{ data.statusChinese }}</div>
<div class="pop_header">
<div class="pop_name">{{data.pointName}}</div>
<div v-if="type === 'yaossx'" class="pop_status">
<div class="pop_status_dot" :class="['green', 'yellow', 'gray', 'red'][Number(data.stat) - 1]"></div>
<div class="pop_status_text fgray">{{ ['运行', '暂停', '停机', '故障'][Number(data.stat) - 1] }}</div>
</div>
</div>
<div class="pop_content">
<div class="popup_item" v-for="e in data.data" :key="e.key">
<div class="popup_label">{{ e.key }}</div>
<div class="popup_val">{{ e.value }}</div>
<div v-if="type === 'yaossx'" class="pop_content">
<div class="popup_item">
<div class="popup_label">当日已输送托盘数</div>
<div class="popup_val">{{ data.deliveredPalletNum }}</div>
</div>
<div v-if="data.hasOwnProperty('table') === true" class="popup_table_wrap">
<table v-if="data.table.length > 0" class="popup_table">
<tr>
<th width="40%">本日生产</th>
<th width="30%">客户</th>
<th width="30%" v-if="type === 'hlj'">已生产（千克）</th>
<th width="30%" v-else>已生产（块）</th>
</tr>
<tr v-for="(e, i) in data.table" :key="i">
<td width="40%">{{ e.material_name }}</td>
<td width="30%">{{ e.kh }}</td>
<td width="30%" v-if="type === 'hlj'">{{ e.weight }}</td>
<td width="30%" v-else>{{ e.qty }}</td>
</tr>
</table>
<div class="popup_item">
<div class="popup_label">当日已输送数量</div>
<div class="popup_val">{{ data.deliveredMaterialNum }}</div>
</div>
<div class="popup_item">
<div class="popup_label">已工作时间</div>
<div class="popup_val">{{ data.workTime }}</div>
</div>
<div class="popup_item">
<div class="popup_label">当前托盘数</div>
<div class="popup_val">{{ data.palletNum }}</div>
</div>
<div class="popup_item">
<div class="popup_label">当前物料数量</div>
<div class="popup_val">{{ data.materialNum }}</div>
</div>
</div>
<div v-if="type === 'yao'" class="pop_content">
<div class="popup_item">
<div class="popup_label">工作时间</div>
<div class="popup_val">{{ data.workTime }}</div>
</div>
<div class="popup_item">
<div class="popup_label">窑内托盘数</div>
<div class="popup_val">{{ data.palletNum }}</div>
</div>
<div class="popup_item">
<div class="popup_label">窑内物料数量</div>
<div class="popup_val">{{ data.materialNum }}</div>
</div>
<div class="popup_item">
<div class="popup_label">当日已生产</div>
<div class="popup_val">{{ data.produceNum }}</div>
</div>
<div class="popup_item">
<div class="popup_label">物料说明</div>
<div class="popup_val">{{ data.materialInfos }}</div>
</div>
</div>
</div>
</div>
<!-- <div class="iconfont icon-guanbi close_btn" @click="closePop"></div> -->
</div>
</template>
@@ -44,15 +65,12 @@
export default {
name: 'devicepop',
props: {
type: String,
pkId: String,
type: String,
data: Object,
direction: String
},
methods: {
closePop () {
this.$emit('closePop')
}
}
}
</script>
@@ -129,10 +147,10 @@ export default {
margin 0 7px 5px 7px
padding 0 5px 0 5px
.popup_label
width 80px
width 120px
_font(12px, 36px, #fff,,left)
.popup_val
_wh(calc(100% - 80px), 100%)
_wh(calc(100% - 120px), 100%)
_font(12px, 15px, #0ff,,left)
word-break break-all
_fj(center)