车辆管理界面搭建

src/views/system/resident/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="p-2 h-full">
+  <div class="p-2 h-full flex flex-col">
+    <Pageheader title="住户管理"></Pageheader>
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
@@ -32,7 +33,7 @@
       </div>
     </transition>
 
-    <el-card style="height: 100%" shadow="never">
+    <el-card style="flex: 1" shadow="never">
       <div class="residentBody h-full">
         <div class="treebox h-full">
           <div class="treeTitlebox">北境碧桂园小区</div>
@@ -95,6 +96,8 @@
 </template>
 
 <script setup name="Resident" lang="ts">
+import Pageheader from '@/components/Pageheader/index.vue';
+
 import { listResident, getResident, delResident, addResident, updateResident } from '@/api/system/resident/index';
 import { ResidentVO, ResidentQuery, ResidentForm } from '@/api/system/resident/type';
 import { getVillageTree } from '@/api/system/house/index';