<!--
|
* @Date: 2024-04-18 21:52:18
|
* @LastEditors: lzhe lzhe@example.com
|
* @LastEditTime: 2024-11-13 20:04:22
|
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/TimeAlarm.vue
|
-->
|
<template>
|
<el-row>
|
<el-col :span="24" class="stationFormDataImg"><img :src="stationFormData.avatar" alt=""></el-col>
|
<el-col :span="24" class="stationFormData">工位编号: {{stationFormData.code}}</el-col>
|
<el-col :span="24" class="stationFormData">机器品牌: {{stationFormData.machineBrand}}</el-col>
|
<el-col :span="24" class="stationFormData">机器编号: {{stationFormData.machineCode}}</el-col>
|
<el-col :span="24" class="stationFormData">机器名称: {{stationFormData.name}}</el-col>
|
<el-col :span="24" class="stationFormData">产量：{{stationFormData.Output}}</el-col>
|
<el-col :span="24" class="stationFormData">机床状态：{{stationFormData.DeviceStatus}}</el-col>
|
</el-row>
|
</template>
|
|
<script>
|
import station from "../station.png";
|
export default {
|
props: {
|
stationFormData: {
|
default: {},
|
type: Object,
|
},
|
dmpList: {
|
default: [],
|
type: Array,
|
}
|
},
|
components: {
|
|
},
|
watch: {
|
stationFormData() {
|
this.query();
|
},
|
dmpList() {
|
this.setDmpList();
|
}
|
},
|
data() {
|
return {
|
}
|
},
|
methods: {
|
setDmpList() {
|
if(this.dmpList.length == 0) return;
|
this.dmpList.forEach(item=> {
|
if(item.dpName == "DeviceStatus") {
|
this.stationFormData.DeviceStatus = item.codeName;
|
}
|
if(item.dpName == "Output") {
|
this.stationFormData.Output = item.codeName;
|
}
|
})
|
},
|
query() {
|
//console.log(this.stationFormData,1)
|
}
|
},
|
mounted() {
|
|
}
|
}
|
</script>
|
|
<style scoped>
|
.stationFormData {
|
padding-left: 12px;
|
line-height: 24px;
|
border-bottom: 1px solid #eee;
|
}
|
.stationFormDataImg {
|
margin-bottom: 12px;
|
}
|
.stationFormDataImg img{
|
width: 100%;
|
height: 150px;
|
}
|
</style>
|
