ybxf-security-ui/src/views/backend/statistics/index.vue

<template>
  <div class="app-container">
    <div class="tabs">
      <el-button @click="clickFire(0)"  type="primary" plain v-if="open == 0">消防监督</el-button>
      <el-button @click="clickFire(1)"  v-else>消防监督</el-button>
      <el-button @click="clickFire(2)" >九小单位</el-button>
    </div>
    <img
      src="../../../../static/jiandu.png"
      alt=""
      v-if="open == 1 || open == 0"
      style="width: 100%; height: 100%"
    />
    <img
      src="../../../../static/jiuxiao.png"
      alt=""
      v-if="open == 2"
      style="width: 100%; height: 100%"
    />
  </div>
</template>
<script>
export default {
  data() {
    return {
        open:0
    };
  },
  methods: {
    clickFire(value){
      this.open= value
    }
  }
};
</script>
<style>
.tabs{
    margin-bottom: 12px;
}
</style>