<!--
  Description: 台账管理
  Author: 李亚光
  Date: 2024-07-22
 -->
<script lang="ts" setup name="LedgerManage">
import type { TabsPaneContext } from 'element-plus'
import wellList from './components/wellList.vue'
const activeName = ref('闸井')
const handleClick = (tab: TabsPaneContext, event: Event) => {
  // console.log(tab, event)
}
</script>

<template>
  <!-- 布局 -->
  <app-container>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="闸井" name="闸井">
        <well-list v-if="activeName === '闸井'" type="1" />
      </el-tab-pane>
      <el-tab-pane label="场站" name="场站">
        <well-list v-if="activeName === '场站'" type="2" />
      </el-tab-pane>
      <el-tab-pane label="网格" name="网格">
        <div v-if="activeName === '网格'">
          网格
        </div>
      </el-tab-pane>
    </el-tabs>
  </app-container>
</template>