Admin
2022-10-25 17bc12d7414dedab9d8eb60794603e61e8cce01e
src/components/Tab/index.vue
@@ -4,38 +4,41 @@
 * @LastEditTime: 2021-12-07 18:35:11
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \huizhi-sdk\src\components\Tab\index.vue
 * @FilePath: \huizhi-sdk\src\components\Tab\screen.vue
-->
<template>
  <div class="tab">
    <div class="tool-button">
      <el-button icon="el-icon-setting" circle @click="showTab = !showTab" />
    </div>
    <div class="tab-content" v-show="showTab">
      <el-tabs v-model="activeName">
        <el-tab-pane label="模型" name="model">
          <model-panel />
        </el-tab-pane>
        <!-- <el-tab-pane label="标注" name="label">
          <label-panel />
        </el-tab-pane> -->
        <el-tab-pane label="电子围栏" name="plot">
          <plot-panel :type='type' :colorMapList='colorMapList'/>
        </el-tab-pane>
        <el-tab-pane label="图标" name="marker">
          <marker-panel />
        </el-tab-pane>
        <!-- <el-tab-pane label="波动圈" name="wave">
          <wave-panel />
        </el-tab-pane>
        <el-tab-pane label="光柱" name="beam">
          <beam-panel />
        </el-tab-pane> -->
        <!-- <el-tab-pane label="动画轨迹" name="line">
          <animate-line-panel />
        </el-tab-pane> -->
      </el-tabs>
      <div class="tab-content" v-show="showTab">
          <div>
              <el-button type="text" @click="showTab = !showTab" >隐藏菜单</el-button>
          </div>
          <el-tabs v-model="activeName">
              <el-tab-pane label="模型" name="model">
                  <model-panel />
              </el-tab-pane>
              <!-- <el-tab-pane label="标注" name="label">
                <label-panel />
              </el-tab-pane> -->
              <el-tab-pane label="四色图" name="plot">
                  <plot-panel :type='type' :colorMapList='colorMapList' @getList="getList"/>
              </el-tab-pane>
              <el-tab-pane label="图标" name="marker">
                  <marker-panel />
              </el-tab-pane>
              <!-- <el-tab-pane label="波动圈" name="wave">
                <wave-panel />
              </el-tab-pane>
              <el-tab-pane label="光柱" name="beam">
                <beam-panel />
              </el-tab-pane> -->
              <!-- <el-tab-pane label="动画轨迹" name="line">
                <animate-line-panel />
              </el-tab-pane> -->
          </el-tabs>
      <!-- <tool-panel /> -->
    </div>
    <div v-show="!showTab">
        <el-button type="text" @click="showTab = !showTab" >显示菜单</el-button>
    </div>
  </div>
</template>
@@ -69,6 +72,9 @@
    };
  },
  methods : {
      getList(){
          this.$emit('getList')
      }
  }
};
</script>