<template>
  <div>
    <div class="background-left-top">
      <div class="col-sm-12" style="height: auto;padding-left: 4%;">
      <span class="font-title">scada</span>
      <span class="normal-font" style="margin-left: 2em">昨日总累计流量(NM3)</span><span class="value-font">506496</span>
      </div>
      <div class="col-sm-12 " style="height: auto;margin-left: 1%">
        <div class="col-sm-6 ">
          <label class="content-label lable-title">高陵</label>
          <div class="background-content-img col-sm-12 col-md-12" style="width: 280px;height: 140px;margin-left: 1%;padding-left: 8%">
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">日累计流量(NM3)</span><br><span v-model="totaluser" class="value-font">126624</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">进站压力(MPA)</span><br><span v-model="totaluser" class="value-font">0.675</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">瞬时流量(NM3/H)</span><br><span v-model="totaluser" class="value-font">8803</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">出站压力(MPA)</span><br><span v-model="totaluser" class="value-font">0.192</span>
            </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-6 " >
          <label class="content-label lable-title">狄寨塬</label>
          <div class="background-content-img" style="width: 280px;height: 140px;margin-left: -0.5%;padding-left: 8%">
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">日累计流量(NM3)</span><br><span v-model="totaluser" class="value-font">126624</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">进站压力(MPA)</span><br><span v-model="totaluser" class="value-font">0.675</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">瞬时流量(NM3/H)</span><br><span v-model="totaluser" class="value-font">8803</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">出站压力(MPA)</span><br><span v-model="totaluser" class="value-font">0.192</span>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-12 " style="margin-top: 10px;height: auto;margin-left: 1%;">
        <div class="col-sm-6 ">
          <label class="content-label lable-title">吕小寨</label>
          <div class="background-content-img" style="width: 280px;height: 140px;margin-left: 1%;padding-left: 8%">
            <div class="col-sm-6 auto" >
              <span class="normal-font">日累计流量(NM3)</span><br><span v-model="totaluser" class="value-font">126624</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">进站压力(MPA)</span><br><span v-model="totaluser" class="value-font">0.675</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">瞬时流量(NM3/H)</span><br><span v-model="totaluser" class="value-font">8803</span>
            </div>
            <div class="col-sm-6 col-md-6 auto">
              <span class="normal-font">出站压力(MPA)</span><br><span v-model="totaluser" class="value-font">0.192</span>
            </div>
          </div>
        </div>
        <div class="col-sm-6 ">
          <label class="content-label lable-title">LNG</label>
          <div class="background-content-img" style="width: 280px;height: 140px;margin-left: -0.5%;padding-left: 8%">
            <div class="col-sm-12 auto" >
              <span class="normal-font">日累计流量(NM3)</span><br><span v-model="totaluser" class="value-font">126624</span>
            </div>
            <div class="col-sm-12 col-md-12 auto">
              <span class="normal-font">瞬时流量(NM3/H)</span><br><span v-model="totaluser" class="value-font">8803</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'scada',
    data () {
      return {}
    },
    methods: {
    },
    ready () {

    }
  }
</script>

<style scoped>

</style>
