<template> <el-form class="tableForm" ref="tableForm" :model="formModel"> <el-table :data="formModel.list" v-loading="loading" :max-height="200" element-loading-text="数据加载中..."> <el-table-column label="下垫面类型" prop="itemName" /> <el-table-column label="面积㎡" prop="area" /> <el-table-column label="径流系数" prop="runoffCoefficient"> <template #header> <span>径流系数</span> <popover> <span style="font-weight: 700">说明</span> <br /> <span>可输入参考值范围内的值,默认取径流系数参考值下限</span> </popover> </template> </el-table-column> <el-table-column label="径流系数参考值"> <template #header> <span>径流系数参考值</span> <popover> <span style="font-weight: 700">说明</span> <br /> <span>由下垫面建议径流系数配置获取</span> </popover> </template> <template #default="{ row }"> <span>{{ `${row.downValue}-${row.upValue}` }}</span> </template> </el-table-column> </el-table> </el-form> </template> <script setup> import {} from 'vue'; const { proxy } = getCurrentInstance(); import useTable from './mixins'; import popover from '@/components/popover'; const { loading, formModel } = useTable(proxy); const props = defineProps({ list: { type: Array, default: () => {}, }, }); </script> <style lang="scss" scoped></style>