<template>
  <div class="app-container">
    <!-- 站点主题start -->
    <div class="grid-content nestingDom" style="width: calc(100% - 300px)">
      <el-tabs
        v-model="activeName"
        type="card"
        @tab-click="handleClick"
      >
        <el-tab-pane label="基本信息" name="first">
          <basic-info class="basicInfo"></basic-info>
        </el-tab-pane>
        <el-tab-pane label="监控设备" name="second">
          <watch-dog
            v-on:success="success(res)"
            :avtiveName="activeName"
          ></watch-dog>
        </el-tab-pane>
        <el-tab-pane label="变量列表" name="third">
          <variable-list></variable-list>
        </el-tab-pane>
        <el-tab-pane label="摄像头" name="five">
          <camera></camera>
        </el-tab-pane>
        <el-tab-pane label="电能质量评分配置" name="six">
          <power-Score></power-Score>
        </el-tab-pane>
      </el-tabs>

      <!-- 分组信息start -->
      <group-info-com
        v-if="this.treeLevel == 2 || this.treeLevel == 1"
      ></group-info-com>
      <!-- 分组信息end -->

      <!-- 新建分组start -->
      <add-group-com
        v-if="showDialog"
        ref="addGroupCom"
        :dialog-title="dialogTitle"
        :item-info="tableItem"
        @closeDialog="closeDialog"
      ></add-group-com>
      <!-- 新建分组end -->

      <!-- 新建站点start -->
      <add-site-com
        v-if="showDialog"
        ref="addSiteCom"
        :dialog-title="dialogTitle"
        :item-info="tableItem"
        @closeDialog="closeDialog"
      ></add-site-com>
      <!-- 新建站点end -->
    </div>
    <!-- 站点主题end -->
  </div>
</template>
