湖里大屏(安全管理):待整改联调

This commit is contained in:
Jack 2022-08-13 17:35:25 +08:00
parent b28f3700fb
commit 4c88cc065f

View File

@ -12,12 +12,15 @@
</div> </div>
</div> </div>
<div class="tbody"> <div class="tbody">
<div class="row" v-for="i in 5" :key="i"> <vue-scroll>
<div class="td">2022.03.05 15:23:22</div> <div class="row" v-for="(alarm, index) in alarmList" :key="index">
<div class="td">边临防护</div> <div class="td">{{ alarm.checkPoints }}</div>
<div class="td">2022-03-05 15:23:22</div> <div class="td">{{ alarm.checkContent }}</div>
<div class="td">光怪陆离</div> <div class="td">{{ alarm.checkTime }}</div>
</div> <div class="td">{{ alarm.rectifyPeopleAme }}</div>
</div>
<div v-if="!alarmList.length">无数据</div>
</vue-scroll>
</div> </div>
</div> </div>
</Card> </Card>
@ -26,6 +29,7 @@
<script> <script>
import Card from '../components/Card.vue' import Card from '../components/Card.vue'
import JProgressChart from '../jChart/bar/JProgressChart.vue' import JProgressChart from '../jChart/bar/JProgressChart.vue'
import { getNewestSecurityManageDataList2Api } from '@/assets/js/api/dataBoard'
export default { export default {
components: { Card, JProgressChart }, components: { Card, JProgressChart },
props: { props: {
@ -34,8 +38,15 @@ export default {
default: '' default: ''
} }
}, },
mounted() {
getNewestSecurityManageDataList2Api({ projectSn: this.projectSn }).then(res => {
this.alarmList = res.result || []
})
},
data() { data() {
return { return {
projectSn: this.$store.state.projectSn,
alarmList: []
// yData: [ // yData: [
// '', // '',
// '', // '',
@ -67,6 +78,9 @@ export default {
color: #6ee4f0; color: #6ee4f0;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
} }
&.tbody {
height: calc(100% - 42px);
}
.row { .row {
width: 100%; width: 100%;
display: flex; display: flex;
@ -74,9 +88,13 @@ export default {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
&:nth-child(1) { &:nth-child(1) {
width: 40%; width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
&:nth-child(2) { &:nth-child(2) {
padding-left: 10px;
flex: 1; flex: 1;
} }
&:nth-child(3) { &:nth-child(3) {