report-v3/src/views/time/frontOrder/index.vue

<script setup lang="ts">
import { shallowRef } from "vue";
import All from "./components/all.vue";
import Business from "./components/business.vue";
const actived = shallowRef("1");
</script>

<template>
  <div class="report-container">
    <el-tabs v-model="actived" style="color: #fff">
      <el-tab-pane label="查看全部" name="1">
        <all v-if="actived === '1'" />
      </el-tab-pane>

      <el-tab-pane label="查看业务公司" name="2">
        <business v-if="actived === '2'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<style scoped lang="scss">
.report-container {
  height: calc(100vh - 48px);
  :deep(.el-tabs__header) {
    background-color: #fff;
    padding: 10px;
    padding-bottom: 0px;
  }
}
</style>