feat: 载体详情信息

src/views/carrier/CarrierDetail.vue

@@ -7,7 +7,7 @@
         <DetailMain></DetailMain>
       </DetailInfoCell>
       <DetailInfoCell title="载体详情">
-        <!-- <DetailInfo :infos="industryBase"></DetailInfo> -->
+        <DetailInfo :infos="carrierInfo"></DetailInfo>
       </DetailInfoCell>
       <DetailInfoCell title="入驻要求">
         <DetailInfo :infos="joinRequired"></DetailInfo>
@@ -25,7 +25,7 @@
 </template>
 
 <script lang="ts" setup>
-import DetailInfo from '@/components/detail/DetailInfo.vue';
+import DetailInfo, { type Infos } from '@/components/detail/DetailInfo.vue';
 import DetailInfoCell from '@/components/detail/DetailInfoCell.vue';
 import DetailMain from '@/components/detail/DetailMain.vue';
 import ParkItem from '@/components/list/ParkItem.vue';
@@ -56,6 +56,72 @@ const { joinRequired } = useJoinRequired(
 
 const { open } = useJump();
 
+/** 载体详情 */
+const carrierInfo = computed(() => {
+  if (detail.value) {
+    const {
+      floorNumber,
+      floorHigh,
+      singleArea,
+      weight,
+      distance,
+      elevatorType,
+      fireProtectionLevel,
+      fireResistant,
+    } = detail.value;
+    const result: Infos = [
+      [
+        {
+          name: '载体层数',
+          value: floorNumber,
+        },
+        {
+          name: '层高',
+          value: floorHigh,
+          unit: 'm',
+        },
+      ],
+      [
+        {
+          name: '单层面积',
+          value: singleArea,
+          unit: '㎡',
+        },
+        {
+          name: '承重',
+          value: weight,
+          unit: 'kg/㎡',
+        },
+      ],
+      [
+        {
+          name: '柱距',
+          value: distance,
+          unit: 'm',
+        },
+        {
+          name: '电梯',
+          value: elevatorType,
+        },
+      ],
+      [
+        {
+          name: '消防等级',
+          value: fireProtectionLevel,
+        },
+        {
+          name: '耐火等级',
+          value: fireResistant,
+        },
+      ],
+    ];
+
+    return result;
+  } else {
+    return [];
+  }
+});
+
 const toIndustrial = () => {
   open({
     query: {