tenant-Platform/src/views/operationManagement/team.vue

<template>
  <div class="team">
    <el-row :gutter="20">
      <el-col :span="4">
        <div>
          <el-input class="search-input" v-model="teamValue" placeholder="团队名称查找" prefix-icon="Search"></el-input>

        </div>
        <el-button class="add-btn" link icon="plus">添加团队</el-button>
      </el-col>
      <el-col :span="20">
        222
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

// 团队
let teamTree = ref([
  {
    label: '团队1',
    value: '1',
    children: [
      {
        label: '团队1-1',
        value: '1-1',
        children: [
          {
            label: '团队1-1-1',
            value: '1-1-1',
          }
        ]
      }
    ]
  },{
    label: '团队2',
    value: '2',
    children: [
      {
        label: '团队2-1',
        value: '2-1',
        children: [
          {
            label: '团队2-1-1',
            value: '2-1-1',
          }
        ]
      }
    ]
  }
])
let teamValue = ref('')

</script>

<style scoped lang="scss">
.team{
  background: #00a0f4;
  height: 100% !important;
  .search-input{
    margin: 10px 20px;
  }
  .add-btn{
    display: block;
    margin: 0 auto;
  }
}
</style>