td_official/src/views/tender/plan/index.vue

<template>
  <div class="p-2">
    <el-tabs v-model="activeName" type="border-card" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="招采工程量" name="first">
        <planPage type="1" ref="planPageRef" />
      </el-tab-pane>
      <el-tab-pane type="2" label="物资设备清单" name="second"> <planPage /> </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import { useUserStoreHook } from '@/store/modules/user';
import { obtainAllVersionNumbers } from '@/api/contract/index';
import { BiddingImportExcelFile, getTreeLimit, biddingLimitListUpdate, sheetList } from '@/api/bidding/biddingLimit';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
import planPage from './comm/planPage.vue';

import type { TabsPaneContext } from 'element-plus';
const activeName = ref('first');

const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event);
};
</script>

<style scoped></style>