web_dist/src/views/archive/aside.vue

<script setup lang="ts">
import { useArchiveKey } from "@/views/archive/index";
import Tree from "./no-archive/index.vue";

const root = inject(useArchiveKey);
</script>

<template>
  <aside style="width: 220px">
    <el-tabs
      v-model="root.store.leftTreeModel"
      class="el-tabs__fill emr-archive-tabs"
      type="border-card"
    >
      <el-tab-pane label="当前" name="current">
        <Tree />
      </el-tab-pane>
      <el-tab-pane label="归档" name="archive"></el-tab-pane>
    </el-tabs>
  </aside>
</template>

<style lang="scss">
.emr-archive-tabs {
  > .el-tabs__content {
    padding: 5px;
  }
}
</style>