<template>
  <div class="app-container" style="padding-bottom: 0px;padding-top: 0px;">
    <h4>空气制备站监测系统</h4>
    <div class="contentbox" v-loading="loadprogress">
      <Detection v-for="(item,key,index) in saddleObj" :key="index" :list="item" :num="key" tagText="空气制备站"></Detection>
    </div>
  </div>
</template>

<script>
  import Detection from '@/components/Detection/index'
  import Cookies from 'js-cookie'
  import { byBridgeAll } from '@/utils/queryBridgeAllResource'
  export default {
    name: 'complexTable',
    data() {
      return {
        saddleObj: {},
        bridgeId: '',
        loadprogress: true
      }
    },
    created() {
      this.bridgeId = Cookies.get('bridgeId')
      byBridgeAll(this.bridgeId, (res) => {
        this.loadprogress = false
        if (res.server.length === 0) {
          return
        }
        this.saddleObj = res['04']
      })
    },
    components: {
      Detection
    },
    methods: {

    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .contentbox {
    display: flex;
    align-items:flex-start;
    flex-wrap: wrap;
  }
</style>