60 lines
2.8 KiB
Vue
60 lines
2.8 KiB
Vue
<template>
|
|
<ModelBox name='1-2'>
|
|
<div class='eq-alarm'>
|
|
<dv-scroll-board :config="config" style="width:580px;height:250px;margin-top: 10px;" />
|
|
<span class='split-line' style='left: 66px;'></span>
|
|
<span class='split-line' style='left: 226px;'></span>
|
|
<span class='split-line' style='left: 366px;'></span>
|
|
</div>
|
|
</ModelBox>
|
|
</template>
|
|
<script>
|
|
import ModelBox from './ModelBox.vue';
|
|
export default {
|
|
name: 'EqAlarm',
|
|
components: {
|
|
ModelBox
|
|
},
|
|
data() {
|
|
return {
|
|
config:{
|
|
header: ['<span style="color:#000;">序号</span>', '<span style="color:#000;">报警时间</span>', '<span style="color:#000;">报警设备</span>', '<span style="color:#000;">报警内容</span>'],
|
|
headerHeight: 25,
|
|
headerBGC: '#E8EDF8',
|
|
oddRowBGC:'#E8EDF8',
|
|
evenRowBGC:'#fff',
|
|
rowNum: 8,
|
|
columnWidth: [66, 160, 140, 214],
|
|
align : ['center', 'center', 'center', 'center'],
|
|
data: [
|
|
['<span style="color:#000;">1</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-1打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
|
|
['<span style="color:#000;">2</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
|
|
['<span style="color:#000;">3</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
|
|
['<span style="color:#000;">4</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
|
|
['<span style="color:#000;">5</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
|
|
['<span style="color:#000;">6</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
|
|
['<span style="color:#000;">7</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
|
|
['<span style="color:#000;">8</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>']
|
|
]
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
init() {
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang='scss' scoped>
|
|
.eq-alarm {
|
|
position: relative;
|
|
.split-line {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1px;
|
|
height: 250px;
|
|
background: #CDD3DF;
|
|
}
|
|
}
|
|
</style> |