<template>
  <!-- 数据 -->
  <div class="custom-analyse-data">
    <el-collapse v-model="activeNames">
      <el-collapse-item title="一维数据" name="2">
        <data-item dimension="x"/>
      </el-collapse-item>
      <el-collapse-item title="二维数据" name="3">
        <data-item dimension="y"/>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import mixins from "./mixins";
import DataItem from "./DataItem";
export default {
  mixins: [mixins],
  components: {
    DataItem
  },
  data() {
    return {
      activeNames: ['2', '3']
    }
  },
  mounted() {
  }
}
</script>

<style lang="scss">
.custom-analyse-data {
  .el-collapse {
    border-top: transparent !important;
  }
  .el-collapse-item__header {
    font-weight: bold !important;
    padding: 0 20px !important;
    border-bottom: 1px solid #EBEEF5 !important;
  }
  .el-form-item {
    padding: 0 15px;
    margin-bottom: 0 !important;
  }
  .el-collapse {
    border-top: 0 !important;
  }
}
</style>