web-prod2/src/views/dashboard-screen/screen/screen_Bd_Dl_Ycxx/ScreenBdDlYcxx.vue

<template>
  <div class="screen-common-wrap">
    <el-card class="content-z">
      <a-tabs v-model="activeKey">
        <a-tab-pane
          v-for="item in tabs"
          :key="item.name"
          :tab="item.title"
        >
          <component
            :is="item.name"
            v-if="activeKey === item.name"
          />
        </a-tab-pane>
      </a-tabs>
    </el-card>
  </div>

</template>
<script>

import Dl from "@/views/dashboard-screen/screen/screen_Bd_Dl_Ycxx/dl.vue";
import Bd from "@/views/dashboard-screen/screen/screen_Bd_Dl_Ycxx/bd.vue";

export default {
  name: 'ScreenBdDlYcxx',
  components: {
    Bd,
    Dl
  },
  data() {
    return {
      activeKey: 'Bd',
      tabs: [{
        title: '变电异常信息',
        name: 'Bd'
      }, {
        title: '电力异常信息',
        name: 'Dl'
      }]
    }
  },
  computed: {},
  methods: {}
}
</script>
<style scoped>
@import '~@/assets/less/common.less'
</style>