Newer
Older
KaiFengPC / src / views / spongePerformance / ManagingPerformance / projectCompletionStatus / rationality / components / underlySurfaceTable.vue
@zhangdeliang zhangdeliang on 23 May 1 KB 初始化项目
  1. <template>
  2. <el-form class="tableForm" ref="tableForm" :model="formModel">
  3. <el-table :data="formModel.list" v-loading="loading" :max-height="200" element-loading-text="数据加载中...">
  4. <el-table-column label="下垫面类型" prop="itemName" />
  5. <el-table-column label="面积㎡" prop="area" />
  6. <el-table-column label="径流系数" prop="runoffCoefficient">
  7. <template #header>
  8. <span>径流系数</span>
  9. <popover>
  10. <span style="font-weight: 700">说明</span>
  11. <br />
  12. <span>可输入参考值范围内的值,默认取径流系数参考值下限</span>
  13. </popover>
  14. </template>
  15. </el-table-column>
  16. <el-table-column label="径流系数参考值">
  17. <template #header>
  18. <span>径流系数参考值</span>
  19. <popover>
  20. <span style="font-weight: 700">说明</span>
  21. <br />
  22. <span>由下垫面建议径流系数配置获取</span>
  23. </popover>
  24. </template>
  25. <template #default="{ row }">
  26. <span>{{ `${row.downValue}-${row.upValue}` }}</span>
  27. </template>
  28. </el-table-column>
  29. </el-table>
  30. </el-form>
  31. </template>
  32.  
  33. <script setup>
  34. import {} from 'vue';
  35. const { proxy } = getCurrentInstance();
  36. import useTable from './mixins';
  37. import popover from '@/components/popover';
  38. const { loading, formModel } = useTable(proxy);
  39. const props = defineProps({
  40. list: {
  41. type: Array,
  42. default: () => {},
  43. },
  44. });
  45. </script>
  46.  
  47. <style lang="scss" scoped></style>