<template> <el-form class="tableForm" ref="tableForm" :model="formModel" > <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="地面高程m:" prop="groundElevation"> <span>{{ formModel.groundElevation }}</span> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="设施底高程m:" prop="facilityBaseElevation"> <span>{{ formModel.facilityBaseElevation }}</span> </el-form-item> </el-col> </el-row> </el-form> </template> <script setup> import { computed } from 'vue' const props = defineProps({ data: { type: Object, default: () => {} } }) const formModel = computed(() => { return props.data.data }) </script> <style lang="scss" scoped></style>