adm-poc-front/src/views/workscope.vue

<template>
  <div id="workScopes">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="建筑空间区域范围" name="first">
        <div class="box">
          <floorSpace></floorSpace>
        </div>
      </el-tab-pane>
      <el-tab-pane label="专业系统范围" name="second">
        <system></system>
      </el-tab-pane>
      <el-tab-pane label="管道范围" name="third">
        <pipe></pipe>
      </el-tab-pane>
      <el-tab-pane label="设备设施范围" name="fourth">
        <equip></equip>
      </el-tab-pane>
      <el-tab-pane label="关系范围" name="fifth">
        <relation></relation>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import equip from "@/components/workscope/equip";
import floorSpace from "@/components/workscope/floorSpace";
import pipe from "@/components/workscope/pipe";
import relation from "@/components/workscope/relation";
import system from "@/components/workscope/system";

export default {
  components: {
    equip,
    floorSpace,
    pipe,
    relation,
    system,
  },
  data() {
    return {
      activeName: "first",
    };
  },
  mounted(){
  }
};
</script>
<style lang="less" scoped>
#workScopes {
  width: 100%;
  height: 100%;
}
</style>