<template>
  <div class="app-container">
    <el-tabs v-model="activeName" @tab-click="handleClick"
      style="background-color: #f4f8fe !important;min-height: 100vh;height: auto;padding: 5px 10px !important;margin: 0 0px;">
      <el-tab-pane v-for="(item, index) in dict.type.jt_ytgs" :key="index" :label="item.label" :name="item.value">
      </el-tab-pane>
      <tabsCard :tabsId="tabsId"></tabsCard>
    </el-tabs>
  </div>
</template>

<script>
import tabsCard from "./tabsCard.vue"
import { listFayh } from "@/api/scientificDrill/schemeOptimization";

export default {
  name: "schemeOptimization",
  dicts: ['jt_ytgs', 'jt_jx', 'jt_jb', 'jt_wjfs', 'jt_sdld', 'jt_qklx'],
  components: { tabsCard },
  data () {
    return {
      tabsId: "",
      activeName: '',
      activeTab: '', // 用于存储当前选中的选项卡
      ytLists: [], // 存储从服务器获取的油田列表数据
    };
  },
  mounted () {

  },
  methods: {

    handleClick (tab) {
      this.tabsId = tab.name
      console.log(this.tabsId, 'this.tabsId');

    },




  }
}
</script>

<style scoped>
.app-container {
  padding: 8px !important;
  background-color: #d9e9ff !important;
  min-height: 100vh;
  height: auto;
}
</style>
