web/src/views/security/checkList/index.vue

<template>
  <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>
</template>
<script>
import dy from './view/dy'
import yy from './view/yy'

export default {
  components: {
    dy,
    yy
  },
  data() {
    return {
      activeKey: 'dy',
      tabs: [{
        title: '待检验',
        name: 'dy'
      }, {
        title: '已检验',
        name: 'yy'
      }]
    }
  },
  computed: {},
  methods: {}
}
</script>
<style scoped>
  @import '~@/assets/less/common.less'
</style>