<!-- 现行测试校准检定方法-更新记录 --> <script name="MethodUpdateRecord" lang="ts" setup> import type { TableColumn } from '@/components/NormalTable/table_interface' import { getFileSystemList } from '@/api/resource/fileSystem' const $props = defineProps({ id: { type: String, required: true, }, }) const loadingTable = ref(false) // 表格loading // 表头 const columns = ref<TableColumn[]>([ { text: '实验室', value: 'labCodeName', align: 'center' }, { text: '部门', value: 'groupCodeName', align: 'center' }, { text: '文件编号', value: 'fileNo', align: 'center' }, { text: '文件发放号', value: 'fileDistributeNo', align: 'center' }, { text: '文件名称', value: 'fileName', align: 'center' }, { text: '启用时间', value: 'effectiveDate', align: 'center' }, { text: '温度要求', value: 'temperature', align: 'center' }, { text: '湿度要求', value: 'humidity', align: 'center' }, ]) const list = ref<[]>([]) // 表格数据 // 获取数据 const fetchData = () => { if (!$props.id) { return } loadingTable.value = true getFileSystemList({ techniqueFileId: $props.id, offset: 1, limit: 9999, history: '1', }).then((res) => { list.value = res.data.rows.map((item: any) => ({ ...item, temperature: `${item.temperatureLowLimit}~${item.temperatureHighLimit}`, humidity: `${item.humidityLowLimit}~${item.humidityHighLimit}`, })) loadingTable.value = false }).catch(() => { loadingTable.value = false }) } fetchData() </script> <template> <el-table v-loading="loadingTable" :data="list" :columns="columns" border stripe> <el-table-column align="center" label="序号" width="55" type="index" /> <el-table-column v-for="col in columns" :key="col.value" :label="col.text" :align="col.align" :width="col.width"> <template #default="scope"> <span>{{ scope.row[col.value] }}</span> </template> </el-table-column> </el-table> </template>