98 lines
2.0 KiB
Vue
98 lines
2.0 KiB
Vue
<template>
|
||
<div style="flex: 1">
|
||
<div class="agvStatusContent">
|
||
<div class="title">异常报警</div>
|
||
<div class="alarm-item" style="margin-top: 13px;">
|
||
<div class="item">
|
||
9:05:21|FMS|AGV-03顶升失败，任务TSK25-1004中断
|
||
</div>
|
||
<div class="item">
|
||
9:05:21|FMS|AGV-03顶升失败，任务TSK25-1004中断
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
// import baseTable from './baseTable.vue'
|
||
// import baseStatus from './baseStatus.vue'
|
||
// import handingObject from './handingObject.vue'
|
||
export default {
|
||
name: 'AGVStatus',
|
||
components: {},
|
||
props: {
|
||
// energyObj: {
|
||
// type: Object,
|
||
// default: () => ({
|
||
// electricComu: 0,
|
||
// steamComu: 0
|
||
// })
|
||
// }
|
||
},
|
||
data() {
|
||
return {
|
||
}
|
||
},
|
||
methods: {
|
||
},
|
||
|
||
}
|
||
</script>
|
||
|
||
<style lang='scss' scoped>
|
||
.agvStatusContent {
|
||
width: 930px;
|
||
height: 92px;
|
||
background: #FFFFFF;
|
||
border-radius: 8px;
|
||
padding: 16px 18px 0 18px;
|
||
|
||
.title {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: rgba(0, 0, 0, 0.85);
|
||
line-height: 16px;
|
||
letter-spacing: 1px;
|
||
text-align: left;
|
||
font-style: normal;
|
||
position: relative;
|
||
padding-left: 12px;
|
||
|
||
&::before {
|
||
content: '';
|
||
width: 4px;
|
||
height: 16px;
|
||
background: #0A4BFF;
|
||
border-radius: 1px;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 2px;
|
||
}
|
||
}
|
||
|
||
.alarm-item {
|
||
display: flex;
|
||
gap: 10px;
|
||
|
||
.item {
|
||
width: 436px;
|
||
height: 32px;
|
||
border: 1px rgba(0, 0, 0, 0.3) dashed;
|
||
background: url('../../../../assets/img/alarmItemBg.png') no-repeat;
|
||
background-size: 100% 100%;
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
padding: 0 16px;
|
||
color: #000000;
|
||
line-height: 32px;
|
||
letter-spacing: 1px;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
}
|
||
</style>
|