马宇豪
2023-05-05 c819024e241b9f7c54cc3786373ad0d2998f2190
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 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 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 />
        </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 v-show="!showTab">
        <el-button type="text" @click="showTab = !showTab" >显示菜单</el-button>
    </div>
  </div>
</template>
@@ -51,6 +54,7 @@
import AnimateLinePanel from './AnimateLine';
export default {
  props:['type','colorMapList'],
  components: {
    LabelPanel,
    PlotPanel,
@@ -67,6 +71,11 @@
      showTab: true,
    };
  },
  methods : {
      getList(){
          this.$emit('getList')
      }
  }
};
</script>