fix:开发团队页面

src/views/operationManagement/operation.vue

@@ -127,7 +127,7 @@
         </template>
       </el-table-column>
     </el-table>
-    <div style="display: flex; justify-content: flex-end; margin-top: 15px">
+    <div style="display: flex; justify-content: center; margin-top: 15px">
       <el-pagination
         v-model:current-page="currentPage"
         v-model:page-size="pageSize"

src/views/operationManagement/team.vue

@@ -1,13 +1,71 @@
 <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>