schoolPanel/src/pages/eleFireCard/eleFireCard.vue

<template>
  <div>
    <top-header></top-header>

    <div class="gas-container">
        <return-back></return-back>
      <!-- <div class="return-back">返回</div> -->
      <h3>电气火灾监控实时信息</h3>
      <p>更新时间：2021-06-15 13:25:00</p>

      <div>
        <ul class="cardTabs">
          <li class="active">数据列表</li>
          <li @click="goEleFireData">数据可视化</li>
        </ul>

        <div class="tabBox fireTabs">
          <div>
              <table>
              <tr>
                <th>供电过压告警：<span class="normal">正常</span></th>
                <th>供电低压告警：<span class="normal">正常</span></th>
                <th>供电过流告警：<span class="normal">正常</span></th>
                <th>漏电告警：<span class="normal">正常</span></th>
              </tr>
              <tr>
                <td>
                    <P>A相线缆温度超高：<span class="normal">正常</span></P>
                    <P>B相线缆温度超高：<span class="normal">正常</span></P>
                    <P>C相线缆温度超高：<span class="normal">正常</span></P>
                </td>
                 <td>
                    <P>A相电压：<span class="normal">219.00</span></P>
                    <P>B相电压：<span class="normal">219.00</span></P>
                    <P>C相电压：<span class="normal">219.00</span></P>
                </td>
                 <td>
                    <P>A相电流：<span class="normal">9.00</span></P>
                    <P>B相电流：<span class="error">3.00</span></P>
                    <P>C相电流：<span class="normal">9.00</span></P>
                </td>
                 <td>
                    <P>A相线缆温度：<span class="normal">29.00</span></P>
                    <P>B相线缆温度：<span class="error">56.00</span></P>
                    <P>C相线缆温度：<span class="normal">29.00</span></P>
                </td>
              </tr>
            </table>

            
         

             
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import topHeader from "@/components/topHeader";
import returnBack from "@/components/returnBack";
export default {
  name: "index",
  components: {
    topHeader,returnBack
  },
  data(){
    return{
  
    }
  },
  methods:{
      goEleFireData(){
      this.$router.push('/eleFireData')
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>