<template>
|
<div class="screen1-warnings module-block">
|
<block-title title="设备报警2" />
|
<div class="module-content">
|
<div class="auto-scroll-view">
|
<div class="scroll-header">
|
<div
|
:style="{
|
width:item.grow?'10px':(item.width?item.width:'auto'),
|
flexGrow:item.grow?item.grow:'initial',
|
flexShrink:item.grow?'initial':'0'
|
}"
|
v-for="(item,index) in columns"
|
:key="'list-header-cell-'+index">
|
<span class="">{{item.label}}</span>
|
</div>
|
</div>
|
<!-- list body start -->
|
<div class="scroll-body">
|
<auto-scroll :step-speed="$config.base.screen.screen1.scrollSpeed" :hideSheB.sync="hideSheB">
|
<div class="no-data" v-if="list.length===0">暂时没有信息！</div>
|
|
<template v-else>
|
<div class="scroll-body-row" v-for="(scope,indexA) in list" :key="'scroll-body-row-'+indexA">
|
<span
|
:style="{
|
width:columnItem.grow?'10px':(columnItem.width?columnItem.width:'auto'),
|
flexGrow:columnItem.grow?columnItem.grow:'initial',
|
flexShrink:columnItem.grow?'initial':'0'
|
}"
|
v-for="(columnItem,indexB) in columns"
|
:key="'list-body-cell-'+indexB"
|
>
|
<span class=""> {{columnItem.type==="index"?(indexA+1):(scope[columnItem.name])}} </span>
|
</span>
|
</div>
|
</template>
|
|
</auto-scroll>
|
</div>
|
<!-- <div class="txt10">出库11111111</div> -->
|
<!-- list body end -->
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import AutoScroll from '@/components/AutoScroll.vue'
|
import BlockTitle from './BlockTitle.vue'
|
export default {
|
name:'screen1Warnings',
|
components:{BlockTitle,AutoScroll},
|
props:{
|
list:{
|
type:Array,
|
default:function(){
|
return []
|
}
|
},
|
hideSheB:{
|
type:Boolean
|
}
|
},
|
data() {
|
return {
|
columns:[
|
{
|
label:'序号',
|
type:'index',
|
width:'20px'
|
},
|
{
|
label:'设备',
|
name:'deviceName',
|
width:'30%'
|
},
|
// {
|
// label:'时间',
|
// name:'warningTime',
|
// width:'28%'
|
// },
|
{
|
label:'故障代码',
|
name:'warningContent',
|
width:'50%'
|
}
|
]
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.screen1-warnings{
|
// border: 1px solid red;
|
height: 100%;
|
}
|
.screen-page1-content .auto-scroll-view{
|
height: 94%;
|
}
|
.txt10{
|
text-align: right;
|
width: 90%;
|
margin: 0 auto;
|
margin-top: 10px;
|
}
|
</style>
|
