储藏室页面部分结构

src/views/system/house/HouseDetails.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="AddBuildingBox">
+    <PageHeader title="房屋信息"></PageHeader>
+    <div class="AddBuildingBody">
+      <div class="title">
+        <span>基本信息</span>
+        <el-button type="primary" text>编辑</el-button>
+      </div>
+      <div class="addBuildingFormBody">
+        <div style="width: 50%">
+          <el-descriptions>
+            <el-descriptions-item label-align="right" label="房号:"> 娜美 </el-descriptions-item>
+            <el-descriptions-item label-align="right" label="所属小区:">18100000000</el-descriptions-item>
+            <el-descriptions-item label-align="right" label="楼栋:">2栋</el-descriptions-item>
+            <el-descriptions-item label-align="right" label="单元:">2单元</el-descriptions-item>
+            <el-descriptions-item label-align="right" label="楼层:">3楼</el-descriptions-item>
+            <el-descriptions-item label-align="right" label="建筑面积:">112㎡</el-descriptions-item>
+            <el-descriptions-item label-align="right" label="公摊面积:">12㎡</el-descriptions-item>
+            <el-descriptions-item label-align="right" label="套内面积:">100㎡</el-descriptions-item>
+            <el-descriptions-item label-align="right" label="户型:">3室2厅2卫</el-descriptions-item>
+          </el-descriptions>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import PageHeader from '@/components/Pageheader/index.vue';
+</script>
+
+<style scoped lang="scss">
+.AddBuildingBox {
+  padding: 15px;
+  height: 100%;
+  width: 100%;
+}
+.AddBuildingBody {
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background-color: white;
+  padding: 15px;
+  .title {
+    height: 40px;
+    line-height: 40px;
+    padding-left: 20px;
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(16, 16, 16, 1);
+    border-bottom: 1px solid #bbbbbb;
+    margin-bottom: 60px;
+  }
+  .addBuildingFormBody {
+    font-size: large;
+    font-weight: bold;
+  }
+}
+</style>