lis8.0-vue3/src/views/liswork/work/reexamination/index.vue

<template>
  <div class="reex_box">
    <!-- 结果复查 -->
    <el-table ref="tableRef" :data="tableData" style="width: 100%" highlight-current-row border height="82vh"
      show-overflow-tooltip>
      <el-table-column prop="xmdh" label="检验项目" align="center" width="120" />
      <el-table-column prop="csjg" label="复查前结果" align="center" width="150" />
      <el-table-column label="操作" width="150">
        <template #default>
          <el-button type="primary" link size="small"> 删除 </el-button>
          <el-button type="primary" link size="small">交换</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup lang="ts">
import { ref, watch, toRefs, onMounted, computed } from 'vue'
import { redoResult } from "@/api/liswork/work/LisWork";


const props = defineProps({
  // 主键
  queryParams: {
    type: Object,
    default: {}
  },


})

// 解构 props
const { queryParams } = toRefs(props);
const tableData = ref([]);
const getReexamination = () => {
  redoResult(queryParams.value).then((res: any) => {
    if (res.code == 0) {
      tableData.value = res.data || [];
    }
  })
};

watch(() => queryParams.value, () => {
  getReexamination();
}, { immediate: true })
</script>

<style scoped lang="scss">
.reex_box {
  height: 82vh;
  overflow-y: auto;
}
</style>