Newer
Older
KaiFengPC / src / views / spongePerformance / ManagingPerformance / projectCompletionStatus / rationality / components / facilityTable.vue
@zhangdeliang zhangdeliang on 23 May 1 KB 初始化项目
  1. <template>
  2. <el-form class="tableForm" ref="tableForm" :model="formModel">
  3. <el-table
  4. :data="formModel.list"
  5. v-loading="loading"
  6. :max-height="200"
  7. element-loading-text="数据加载中..."
  8. :span-method="objectSpanMethod"
  9. :border="true"
  10. >
  11. <el-table-column label="设施类型" show-overflow-tooltip>
  12. <template #default>
  13. <span>{{ props.name }}</span>
  14. </template>
  15. </el-table-column>
  16. <el-table-column label="设施名称" prop="itemName" show-overflow-tooltip />
  17. <el-table-column label="设施面积㎡" prop="facilityArea" />
  18. <el-table-column :label="props.name === '储存设施' ? '调蓄量m³' : '有效调蓄深度m'" prop="effectiveStorageDepth" />
  19. <el-table-column label="设施服务面积㎡" prop="facilityServiceArea" />
  20. <el-table-column label="污染去除率(%,以SS计)" prop="pollutionRemovalRate" />
  21. <el-table-column label="污染去除率推荐值(%,以SS计)">
  22. <template #default="{ row }">
  23. <span>{{ `${row.downValue}-${row.upValue}` }}</span>
  24. </template>
  25. </el-table-column>
  26. </el-table>
  27. </el-form>
  28. </template>
  29.  
  30. <script setup>
  31. const { proxy } = getCurrentInstance();
  32. import useTable from './mixins';
  33. const { loading, formModel, objectSpanMethod } = useTable(proxy);
  34. const props = defineProps({
  35. name: {
  36. type: String,
  37. default: '',
  38. },
  39. list: {
  40. type: Array,
  41. default: () => {},
  42. },
  43. });
  44. </script>
  45.  
  46. <style lang="scss" scoped></style>