<template>
  <div class="app-container">
    <div class="flex-box eco-header">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="地区经济" name="first" />
        <el-tab-pane label="辖区经济" name="second" />
        <el-tab-pane label="地区经济对比" name="third" />
        <el-tab-pane label="产业结构" name="four" />
      </el-tabs>
      <div>
        重庆市
      </div>
    </div>
    <div class="eco-data">
      1
    </div>
    <div class="eco-infomation">
      2
    </div>
    <div class="eco-tag">
      3
    </div>
  </div>
</template>

<script>
export default {
  name: 'Economies',
  data() {
    return {
      activeName: 'first'
    }
  },
  created() {
  },
  methods: {
    handleClick() {

    }
  }
}
</script>

<style lang="scss" scoped>
  .eco-header{
    justify-content: space-between;
  }
</style>
