lis8.0-vue3/src/views/liswork/batchCheck/LabResultMed.vue

<!-- 药敏结果界面 -->
<template>
  <div style="height: 100%;">
    <CustomTable ref="tableRefUp" :data="tableDataUp" :columns="columnsUp" :config="tableConfig" />
    <CustomTable ref="tableRefDown" :data="tableDataDown" :columns="columnsDown" :config="tableConfig">
      <template #jgbz="{ row }">
        <el-radio-group v-model="row.jgbz" size="small">
          <el-radio value="R">R</el-radio>
          <el-radio value="I">I</el-radio>
          <el-radio value="S">S</el-radio>
        </el-radio-group>
      </template>
    </CustomTable>
  </div>
</template>

<script setup lang="ts">
import { queryBatchCheckDetailService } from '@/api/liswork/batchCheck/batchCheckApi'


const tableDataUp = ref([])
const tableDataDown = ref([])
const columnsUp = ref([
  { prop: 'xmmc', label: '细菌', visible: true, align: 'center', width: 150 },
  { prop: 'od', label: '菌落计数', visible: true, align: 'center' },
  { prop: 'csjg', label: '检验结果', visible: true, align: 'center', width: 100 },
])
const columnsDown = ref([
  { prop: 'ywmc', label: '抗生素', visible: true, align: 'center' },
  { prop: 'csjg', label: '测试结果', visible: true, align: 'center', width: 80 },
  { prop: 'jgbz', label: '结果标志', visible: true, align: 'center', width: 170, slot: 'jgbz' },
  { prop: 'mic', label: 'mic', visible: true, align: 'center', width: 50 },
  { prop: 'rad', label: 'rad', visible: true, align: 'center' },

])
const tableConfig = ref({
  border: true, // 边框
  height: '50%', // 高度，
  highlightCurrentRow: true, // 高亮当前行
})

const paramObj = defineModel<any>()

const getData = async (params: any) => {
  const res = await queryBatchCheckDetailService(params)
  tableDataDown.value = res.data.labResultMedList || []
  tableDataUp.value = res.data.labResultList || []
}


watch(() => paramObj.value, (newVal) => {
  if (newVal) {
    // 根据传入的参数获取数据
    getData(newVal)
  }
}, { immediate: true })

</script>

<style scoped lang="scss"></style>