2025-10-28 16:22:44 +08:00
|
|
|
<template>
|
|
|
|
|
<!--参考值明细-->
|
2025-11-04 17:54:29 +08:00
|
|
|
<div>
|
2025-10-28 16:22:44 +08:00
|
|
|
<div class="modifyClass">
|
|
|
|
|
<el-button type="primary" @click="">增加</el-button>
|
|
|
|
|
<el-button type="primary" @click="">删除</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<CustomTable ref="tableRef" :data="dataList" :columns="columns" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
|
|
|
|
|
:config="tableConfig"/>
|
|
|
|
|
<el-row>
|
|
|
|
|
仪器特定参考值:
|
|
|
|
|
</el-row>
|
|
|
|
|
<div class="modifyClass">
|
|
|
|
|
<el-button type="primary" @click="">增加</el-button>
|
|
|
|
|
<el-button type="primary" @click="">删除</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<CustomTable ref="tableRef" :data="dataList" :columns="columns" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
|
|
|
|
|
:config="tableConfig"/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import CustomTable from '@/components/elTable/index.vue'
|
|
|
|
|
import { ref } from 'vue';
|
|
|
|
|
|
|
|
|
|
const props = defineProps({
|
|
|
|
|
// 是否显示
|
2025-11-04 17:54:29 +08:00
|
|
|
// visible: {
|
|
|
|
|
// type: Boolean,
|
|
|
|
|
// required: true,
|
|
|
|
|
// default: false
|
|
|
|
|
// }
|
2025-10-28 16:22:44 +08:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const tableRef = ref<any>(null);
|
|
|
|
|
const dataList = ref();
|
|
|
|
|
const yqDataList = ref();
|
|
|
|
|
const columns = ref([
|
|
|
|
|
{ prop: 'xb', label: '性别', visible: true, align: 'center', width: 200 },
|
|
|
|
|
{ prop: 'cp_nl1', label: '年龄下限', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'cp_nldw1', label: '年龄单位', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'cp_nl2', label: '年龄上限', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'cp_nldw2', label: '年龄单位', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'bblx', label: '标本类型', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'slzq', label: '生理周期', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'zd', label: '诊断', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'ckxx', label: '参考下限', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'cksx', label: '参考上限', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'alterxx', label: '危急值下限', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'altersx', label: '危急值上限', visible: true, align: 'center', width: 100 },
|
|
|
|
|
{ prop: 'dyck', label: '参考值', visible: true, align: 'center', width: 100 },
|
|
|
|
|
]);
|
|
|
|
|
const tableConfig = ref({
|
|
|
|
|
border: true, // 边框
|
|
|
|
|
height: '35vh', // 高度
|
|
|
|
|
highlightCurrentRow: true, // 高亮当前行
|
|
|
|
|
// cellStyle: cellStyleHd
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//退拽属性
|
|
|
|
|
const handleColumnDragEnd = (data: any) => {
|
|
|
|
|
// 更新列配置
|
|
|
|
|
columns.value = data.columns;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
