lis8.0-vue3/src/views/liswork/work/components/labresult.vue

<template>
  <div class="result-container">
    <div class="flex-between mb10">
      <div>
        <el-button class="btn_green" :size="aotuSize" @click="handleCheck(1)">初审</el-button>
        <el-button class="btn_green" :size="aotuSize" v-if="labPat.jgbz != 2" @click="handleCheck(2)">审核</el-button>
        <el-button class="btn_green" :size="aotuSize" v-if="labPat.jgbz == 2" @click="handleCheck(3)">取消审核</el-button>
        <el-button type="primary" :size="aotuSize" plain :disabled="labPat.jgbz != null && labPat.jgbz != 0"
          @click="openItemDictDialog">新增</el-button>
        <el-button type="primary" :size="aotuSize" :disabled="labPat.jgbz != null && labPat.jgbz != 0" plain
          @click="handleBatchDelete">删除</el-button>
      </div>
      <div>
        <el-button type="primary" plain icon="Files" :size="aotuSize" @click="printHandle">打印</el-button>
        <el-button type="primary" plain icon="View" :size="aotuSize" @click="previewHandle">预览</el-button>
      </div>
    </div>

    <CustomTable ref="tableRef" :data="tableData" :columns="columns" :config="tableConfig" :enable-column-drag="true"
      @row-click="handleRowClick" @column-drag-end="handleColumnDragEnd" class="custom-table-container">
      <template #index="{ row, $index }">
        <el-popover effect="dark" v-if="row.cp_modify == 1" @before-enter="beforeEnter(row)" width="300">
          <template #reference>
            <div style="width: 100%;">{{ $index + 1 }}</div>
          </template>
          <template #default>
            <el-row>
              <el-col>修改前结果：{{ lastResult.csjg }}</el-col>
              <el-col>修改日期：{{ lastResult.xgrq }}</el-col>
              <el-col>修改人：{{ formatYs(lastResult.xgr) }}</el-col>
              <el-col>上次审核时间：{{ lastResult.shsj }}</el-col>
              <el-col>上次审核人：{{ formatYs(lastResult.shys) }}</el-col>
            </el-row>
          </template>
        </el-popover>
        <span v-else>{{ $index + 1 }}</span>
      </template>

      <template #csjg="{ row }">
        <el-input v-model="row.csjg" v-if="labPat.jgbz == 0 || labPat.jgbz == null" size="small"
          class="full-width-input" @change="handleCsjgEnter(row)" @dblclick="handleInputFocus(row)" />
        <span v-else>{{ row.csjg }}</span>
      </template>
      <template #cp_compa="{ column, $index }">
        {{ lastjyrq }}
      </template>
      <template #refs="{ row }">
        {{ row.refs }}{{ row.dw }}
      </template>
      <template #od="{ row }">
        <el-input v-model="row.od" v-if="labPat.jgbz == 0 || labPat.jgbz == null" size="small" class="full-width-input"
          @change="handleCsjgEnter(row)" />
        <span v-else>{{ row.od }}</span>
      </template>
      <template #cutoff="{ row }">
        <el-input v-model="row.cutoff" v-if="labPat.jgbz == 0 || labPat.jgbz == null" size="small"
          class="full-width-input" @change="handleCsjgEnter(row)" />
        <span v-else>{{ row.cutoff }}</span>
      </template>
    </CustomTable>
    <!-- <div class="flex-between mt10">
      <div>
         <el-button class="btn_green" @click=" ">初报</el-button>
        <el-button class="btn_green" @click=" ">二报</el-button>
        <el-button class="btn_green" @click=" ">锁定</el-button>
       </div>
      <div>
      </div>
    </div> -->
    <!-- csjg弹窗 -->
    <projectsJg ref="csjgRef" :tableData='csjgTableData' :dialog-title="'项目常用结果选择'" @selectItem="selectItem"
      label="qz" />

    <!-- 新增明细 -->
    <ItemInput ref="itemDictRef" v-model="selectedItemValue" :label-value.sync="selectedItemLabel"
      :dict-type="'LAB_ITEM'" :fetch-dict="fetchLabItemDict" :dialog-title="'选择检验项目'" :disabled="false"
      :load-on-mount="false" :table-data.sync="labResuts" class="hidden-dict-input" @select="handleItemSelect" />

    <!-- 校验用户 -->
    <el-dialog v-model="checkShow" title="用户身份验证" width="500" :close-on-click-modal="false" :draggable="true"
      @close="resetForm">
      <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto">
        <el-form-item label="用户工号：" prop="yhdh">
          <el-input v-model.trim="ruleForm.yhdh" placeholder="请输入用户工号" maxlength="20" @keyup.enter="submitForm" />
        </el-form-item>
        <el-form-item label="密码：" prop="mm">
          <el-input v-model.trim="ruleForm.mm" placeholder="请输入密码" type="mm" maxlength="20" show-password
            @keyup.enter="submitForm" />
        </el-form-item>
        <el-form-item>
          <div style="text-align: center; width: 100%;">
            <el-button type="primary" @click="submitForm()"> 确认 </el-button>
            <el-button @click="resetForm">取消</el-button>
          </div>
        </el-form-item>
      </el-form>
    </el-dialog>

    <!-- 危急值结果上报 -->
    <el-dialog v-model="showuploadwarning" title="危急值结果上报" width="500" :close-on-click-modal="false" :draggable="true"
      @close="warningResetForm">
      <div class="red-static-text">{{ warningMsgdata }}</div>
      <el-form ref="warningFormRef" style="max-width: 600px" :model="warningForm" :rules="wrules" label-width="auto">
        <el-form-item label="上报方式：" prop="uploadTp">
          <el-radio-group v-model="warningForm.uploadTp" size="default">
            <el-radio value="1">系统通知</el-radio>
            <el-radio value="2">电话通知</el-radio>
          </el-radio-group>
        </el-form-item>
        <template v-if="warningForm.uploadTp == 2">
          <el-form-item label="电话通知人：" prop="userId">
            <el-input v-model.trim="warningForm.userId" class="form-input" placeholder="请输入医生工号" @keyup.enter=" " />
          </el-form-item>
          <el-form-item label="联系电话：" prop="phone">
            <el-input v-model="warningForm.phone" class="form-input" placeholder="请输入联系电话" @keyup.enter=" " />
          </el-form-item>
        </template>

        <el-form-item>
          <div style="text-align: center; width: 100%;">
            <el-button type="primary" @click="handleWarningSuccess()"> 确认 </el-button>
            <el-button @click="warningResetForm">取消</el-button>
          </div>
        </el-form-item>
      </el-form>
    </el-dialog>

    <!-- 操作原因 -->
    <el-dialog v-model="unCheckshow" title="操作原因" width="500" :close-on-click-modal="false" :draggable="true"
      @close="unconfirmlogCancel">
      <div class="dialog-body mb10">
        <p class="reason-text mb5">{{ reasonText }} </p>
        <el-form ref="uncheckFormRef" style="max-width: 600px" :model="uncheckForm" :rules="rules" label-width="auto">
          <template v-if="tableKey.problemId == 4">
            <el-input type="textarea" v-model="uncheckForm.reason" class="reason-input" placeholder="请输入操作原因..."
              :rows="4"></el-input>
          </template>
          <template v-if="tableKey.problemId == 6">
            <el-form-item label="用户工号：" prop="yhdh">
              <el-input v-model.trim="uncheckForm.yhdh" placeholder="请输入用户工号" maxlength="20"
                @keyup.enter="submitForm" />
            </el-form-item>
            <el-form-item label="密码：" prop="mm">
              <el-input v-model.trim="uncheckForm.mm" placeholder="请输入密码" type="mm" maxlength="20" show-password
                @keyup.enter="submitForm" />
            </el-form-item>
          </template>
        </el-form>
      </div>

      <div style="text-align: center; width: 100%;">
        <el-button type="primary" @click="unconfirmlogConfirm()"> 确认 </el-button>
        <el-button @click="unconfirmlogCancel">取消</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script setup>
import { ref, toRefs, watch, nextTick, onMounted } from "vue";
import {
  check1, check2, uncheck2, unconfirmlog, checkuser, reglimit, queryXmInfo, deleteresult, changeresult,
  newresult, queryXmVal, printListwork, getresultchangelog, setinputmdl, saveResult
} from "@/api/liswork/work/LisWork";
import { ElMessageBox, ElMessage } from "element-plus";
import ItemInput from "@/views/liswork/work/components/ItemInput.vue";
import projectsJg from "@/components/projectsjg/index.vue"
import { classCom } from '@/utils/classCom'
import CustomTable from '@/components/elTable/index.vue'
import dayjs from 'dayjs';
// @ts-ignore
import { listUser } from '@/api/system/user.js'
import emitter from "@/utils/mitt";
import { useCommonStore } from "@/store/modules/commonStore";

// 组件属性定义
const props = defineProps({
  resultSysList: { type: Array, required: true },
  tableData: { type: Array, default: () => [] },
  tableKey: {
    type: Object, default: () => { }
  },
  labPat: { type: Object, required: true },
});

// 解构props
const { tableData, tableKey, } = toRefs(props);
const selectedRows = ref([]);
const lastjyrq = ref('');
const mbStore = useCommonStore();
const aotuSize = classCom.useAutoSize();

watch(() => props.tableData, (newVal) => {
  selectedRows.value = [];
  if (newVal) {
    const index = newVal.findIndex((item) => item.cp_lastjyrq)
    if (index !== -1) {
      lastjyrq.value = dayjs(newVal[index].cp_lastjyrq).format('YY/MM/DD');
    } else {
      lastjyrq.value = '上次结果'
    }
  }


  if (props.labPat.jgbz != null && props.labPat.jgbz != 0 && props.labPat.jgbz != 'C') return;
  // console.log('mbStore==>', mbStore.lxsrs);
  if (mbStore.lxsrs.length > 0) {
    mbStore.lxsrs.forEach((mbmc) => {
      const data = {
        ...tableKey.value,
        mbmc: mbmc,
      }
      setinputmdl(data).then((res) => {
        if (res.code == 0) {
          const existingNames = new Set(tableData.value.map(item => item.xmdh))
          res.data?.forEach(item => {
            if (!existingNames.has(item.xmdh)) {
              tableData.value.push(item)
              existingNames.add(item.xmdh)
            }
          })
        }
      });
    });
  }

});

watch(() => props.resultSysList, (newVal) => {
  //   深拷贝原避免直接修改响应式对象的引用
  const newColumns = JSON.parse(JSON.stringify(columns.value));
  newVal.forEach(v => {
    const column = newColumns.find(item => item.prop === v.zdmc);
    if (column) {
      column.visible = (v.kj === '1' ? true : false);
    }
  });
  columns.value = newColumns;
  //   强制表格重新渲染 
  nextTick(() => {
    if (tableRef.value?.doLayout) {
      tableRef.value.doLayout();
    }
  });
}, { deep: true });



const columns = ref([
  { label: 'No', prop: 'index', width: 30, align: 'center', visible: true, slot: "index" },
  { label: "复", prop: "redo_flag", width: 30, align: 'center', visible: true, },
  { label: "项目", prop: "xmdh", width: 50, visible: true, },
  { label: "名称", prop: "xmmc", width: 180, visible: true, },
  { label: "结果", prop: "csjg", width: 60, visible: true, slot: "csjg" },
  { label: "上次结果", prop: "cp_compa", width: 60, visible: true, headerSlot: "cp_compa" },
  { label: "OD", prop: "od", width: 80, visible: true, slot: "od" },
  { label: "CUTOFF", prop: "cutoff", width: 80, visible: true, slot: "cutoff" },
  { label: "参考值", prop: "refs", width: 100, visible: true, slot: "refs" },
  // { label: "单位", prop: "dw", width: 80, visible: true, },
  { label: "子模块", prop: "bz1", visible: true, },
])

const cellStyle = ({ row, column, rowIndex, columnIndex }) => {
  if (column.label == "结果" && (row.alarm_flag ?? "").trim().length > 0) {
    return { background: '#f00  !important', color: '#FFF' };
  }
  if (column.label == "结果" && row.jgbz == "H") {
    return { background: '#ffc0c0  !important', color: '#606266' };
  }
  if (column.label == "结果" && row.jgbz == "L") {
    return { background: '#8080ff  !important', color: '#fff' };
  }
  if (column.label == "结果" && row.jgbz == "P") {
    return { background: '#ffc0c0  !important', color: '#606266' };
  }
  if (column.label == "结果" && row.jgbz == "Q") {
    return { background: '#ffff80  !important', color: '#FFF' };
  }


  if (column.label == "上次结果" && row.cp_lastflag == "J") {
    return { background: '#f00  !important', color: '#FFF' };
  }
  if (column.label == "上次结果" && row.cp_lastflag == "H") {
    return { background: '#ffc0c0  !important', color: '#606266' };
  }
  if (column.label == "上次结果" && row.cp_lastflag == "L") {
    return { background: '#8080ff  !important', color: '#fff' };
  }
  if (column.label == "上次结果" && row.cp_lastflag == "P") {
    return { background: '#ffc0c0  !important', color: '#606266' };
  }
  if (column.label == "上次结果" && row.cp_lastflag == "Q") {
    return { background: '#ffff80  !important', color: '#FFF' };
  }

  if (column.label == "复" && row.redo_flag == "1") {
    return { background: '#f00  !important', color: '#FFF' };
  }
  if (column.label == "No" && row.cp_modify == "1") {
    return { background: '#ff00ff  !important', color: '#FFF' };
  }
};

const tableConfig = ref({
  border: true, // 边框
  height: '100%', // 高度
  maxHeight: '77vh', // max高度
  highlightCurrentRow: true, // 高亮当前行
  cellStyle: cellStyle,
})
const handleColumnDragEnd = (data) => {
  columns.value = data.columns;
};
const lastResult = ref({});
const beforeEnter = (row) => {
  console.log('row==>', row);
  const data = {
    ...tableKey.value,
    xmdh: row.xmdh,
  }
  getresultchangelog(data).then(res => {
    lastResult.value = res.data || {}
  })
};



const warningForm = ref({
  userId: '',
  phone: '',
  uploadTp: '1'
})


const uncheckForm = ref({
  reason: '',
  yhdh: '',
  mm: '',
})

const wrules = ref({
  userId: [{ required: true, message: "请输入用户工号", trigger: "blur" },
  { min: 3, max: 20, message: "长度在 3 到 20 个字符", trigger: "blur" }
  ],
  phone: [{ required: true, message: "请输入联系电话", trigger: "blur" },
  { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
  ]
})

const unCheckshow = ref(false);
const inputValue = ref('');
const reasonText = ref('');
const warningMsgdata = ref('');
const showuploadwarning = ref(false);
const checkuserid = ref()
const checkShow = ref(false);
const ruleForm = ref({
  yhdh: '',
  mm: ''
});

const rules = ref(
  {
    yhdh: [{ required: true, message: "请输入用户工号", trigger: "blur" },
    { min: 3, max: 20, message: "长度在 3 到 20 个字符", trigger: "blur" }
    ],
    mm: [{ required: true, message: "请输入密码", trigger: "blur" },
    { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
    ]
  }
);

const csjgRef = ref();

const itemDictRef = ref(); // DictInput组件引用
const selectedItemValue = ref(""); // 选择的项目编码xmdh
const selectedItemLabel = ref(""); // 选择的项目名称xmmc
const labResuts = ref([])
const tableRef = ref();
const fetchLabItemDict = async (dictType) => {
  try {
    // 1. 验证必要参数（如当前仪器yq）
    if (!tableKey.value.yq) {
      ElMessage.error("请先选择仪器");
      return [];
    }

    const requestParams = {
      pageNum: 1,
      pageSize: 1000, // 加载足够多的项目
      yq: tableKey.value.yq, // 当前选中的仪器
    };
    const response = await queryXmInfo(requestParams);

    const formattedData = response.data.map((item, index) => {
      return {
        value: item.xmdh || `未知编码_${index}`, // 确保value存在
        label: item.xmmc || `未知名称_${index}`, // 确保label存在
        dw: item.dw || "",
        refs: item.refs || "",
      };
    });
    return formattedData;
  } catch (error) {
    console.error(`[fetchLabItemDict] 加载失败：`, error.message);
    return []; // 失败时返回空数组，避免弹窗报错
  }
};


const handleCheck = (checkType) => {
  // yhdh = checkuserid.value
  switch (checkType) {
    case 1: // 初审
      check1({ ...tableKey.value, yhdh: 'admin' }).then(res => {
        emits("changeStatus", props.labPat);
      })
      break;
    case 2: // 审核
      tableKey.value.problemId = 0
      shHandleCheck()
      break;
    case 3: // 取消审核
      tableKey.value.problemId = 0
      unShHandle()
      break;
    default:
      break;
  }
};




const shHandleCheck = () => {
  check2({ ...props.tableKey, yhdh: 'admin' }).then(res => {
    emits("changeStatus", props.labPat);
    if (res.code == "4" && res.problemId === 4) {
      tableKey.value.problemId = res.problemId;
      warningMsgdata.value = res.msg;
      showuploadwarning.value = true;
    }
  })
};

const warningFormRef = ref(null);

const warningResetForm = () => {
  warningForm.value.userId = '';
  warningForm.value.phone = '';
  warningForm.value.uploadTp = '1';
  warningFormRef.value.resetFields();
  showuploadwarning.value = false;
};
// 处理危急值登记
const handleWarningSuccess = async () => {
  if (warningForm.value.uploadTp == 2) {
    const valid = await warningFormRef.value.validate().catch(() => { });
    if (!valid) return false;
  }
  reglimit({ ...tableKey.value, qrr: warningForm.value.userId, tzfs: warningForm.value.uploadTp, phone: warningForm.value.phone }).then(response => {
    showuploadwarning.value = false;
    if (response.code == 0) {
      shHandleCheck();
    }
    if (response.code == 4) {
      ElMessageBox.confirm(response.msg, '系统提示', { confirmButtonText: '是', cancelButtonText: '否', type: 'warning' }).then(() => {
        tableKey.value.problemId = tableKey.value.problemId + 1;
        handleWarningSuccess();
      }).catch(() => {
        shHandleCheck();
      });
    }
  })
};

const unShHandle = () => {
  uncheck2({ ...tableKey.value, yhdh: 'admin' }).then(res => {
    if (res.code == "4") {
      tableKey.value.problemId = res.problemId;
      reasonText.value = res.msg;
      unCheckshow.value = true;
    }
    emits("changeStatus", props.labPat);
  })
};

const uncheckFormRef = ref();
// 取消审核原因
const unconfirmlogConfirm = async () => {
  if (tableKey.value.problemId == 4) {
    if (!uncheckForm.value.inputValue) return ElMessage.warning("请输入操作原因")
  } else if (tableKey.value.problemId == 6) {
    const valid = await uncheckFormRef.value.validate().catch(() => { });
    if (!valid) return false;
  }

  unconfirmlog({ ...tableKey.value, ...uncheckForm.value }).then(response => {
    if (response.code == "0") {
      unCheckshow.value = false;
      unShHandle();
    }
  })
};

const unconfirmlogCancel = () => {
  unCheckshow.value = false;
  uncheckForm.value.reason = '';
  uncheckForm.value.yhdh = '';
  uncheckForm.value.mm = '';
  uncheckFormRef.value.resetFields();
}


const ruleFormRef = ref(null);

const submitForm = () => {
  ruleFormRef.value.validate((valid) => {
    if (valid) {
      checkuser(ruleForm.value).then(res => {
        if (res.code == 0) {
          checkuserid.value = ruleForm.value.yhdh
          checkShow.value = false;
          ElMessage.success("验证成功");
        }
      })
    } else {
      return false;
    }
  });
}


const resetForm = () => {
  checkShow.value = false;
  ruleForm.value.userId = '';
  ruleForm.value.mm = '';
  ruleFormRef.value.resetFields();
};
//  2. 打开项目选择弹窗 
const openItemDictDialog = () => {
  if (itemDictRef.value && typeof itemDictRef.value.openDictSelector === 'function') {
    itemDictRef.value.openDictSelector(); // 确保方法存在再调用
  } else {
    console.warn("DictInput组件未加载完成或方法未暴露");
  }
};

//   3. 处理项目选择结果：传递给labresult子组件新增行 
const handleItemSelect = async (selectedItem) => {
  // 1. 构造新增行数据
  const newRow = {
    id: `temp_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`,
    xmdh: selectedItem.value,
    xmmc: selectedItem.label,
    dw: selectedItem.dw || "",
    refs: selectedItem.refs || "",
    jyrq: tableKey.value.jyrq,
    yq: tableKey.value.yq,
    ybh: tableKey.value.ybh,
  };


  addRowFromDict(newRow);
  // ElMessage.success(`已新增项目：${newRow.xmmc}`);
};

// 事件定义
const emits = defineEmits([
  'fetchLabResults',
  'changeStatus',
  'previewHandle'
]);

const csjgTableData = ref([]);
// const dbRow = ref({});
const handleInputFocus = (row) => {
  // dbRow.value = row
  queryXmVal({ yq: tableKey.value.yq, xmdh: row.xmdh }).then(res => {
    if (res.code == 0) {
      csjgTableData.value = res.data
    }
    nextTick(() => {
      csjgRef.value.open()
    })
  })
};

const selectItem = (row) => {
  // 查找修改行
  const index = tableData.value.findIndex(item => item.xmdh == row.xmdh)
  tableData.value[index].csjg = row.qz
  handleCsjgEnter(tableData.value[index])
};
/**
* csjg输入框回车触发保存
*/

const handleCsjgEnter = async (row) => {
  // 判断数据中包含模板新增的数据 flag
  if (tableData.value.length == 0) return
  const flag = tableData.value.some(item => item.changeflag == 2)
  if (flag) {
    saveResult(tableData.value).then((res) => {
      if (res.code == 0) {
        emitter.emit('saveResult');
      }
    })
  } else {
    if (row.id) {
      emitter.emit('saveResult');
      newresult(row).then(response => {
        ElMessage.success("结果保存成功");
        emits('fetchLabResults');
      }).catch(error => {
        emits('fetchLabResults');
      });
    } else {
      changeresult(row).then(response => {
        ElMessage.success("结果保存成功");
        emits('fetchLabResults');
      }).catch(error => {
        emits('fetchLabResults');
      });
    }

    nextTick(() => {
      const input = document.activeElement;
      if (input.tagName === "INPUT") input.blur();
    });
  }

};

/**
 * 处理选择变化
 */
const handleRowClick = (row) => {
  selectedRows.value = [row];
  emitter.emitWithCache('refreshClinical', row);
};

/**
 * 新增行
 */
const handleAdd = () => {
  const newRow = {
    // 生成临时ID确保唯一性
    id: `temp_${Date.now()}`,
    jyrq: tableKey.value?.jyrq,
    yq: tableKey.value?.yq,
    ybh: tableKey.value?.ybh,
    csjg: ""
  };

  tableData.value.push(newRow);

  nextTick(() => {
    const tableBody = document.querySelector('.el-table__body-wrapper');
    if (tableBody) {
      tableBody.scrollTop = tableBody.scrollHeight;
    }

    // 聚焦到新行的输入框
    const inputs = document.querySelectorAll('.full-width-input .el-input__inner');
    if (inputs.length > 0) {
      inputs[inputs.length - 1].focus();
    }
  });
};
// 新增行核心方法：接收父组件传递的项目数据
const addRowFromDict = async (rowData) => {
  if (!rowData?.xmdh) {
    ElMessage.error("项目编码不能为空");
    return;
  }
  // 1. 校验输入数据有效性
  if (!rowData || !rowData.xmdh) {
    ElMessage.error("新增失败：项目编码不能为空");
    return false;
  }

  // 2. 检查是否重复添加同一项目（根据xmdh判断）
  const isDuplicate = tableData.value.some(item => item.xmdh === rowData.xmdh);
  if (isDuplicate) {
    ElMessage.warning(`项目【${rowData.xmmc}】已存在`);
    return;
  }

  // 3. 补全新增行的必要字段（如无则初始化）
  const newRow = { ...rowData, csjg: "" };

  // 4. 添加到表格数据
  tableData.value.push(newRow);
  console.log("子组件新增行：", newRow);


  // // 4. 同步缓存
  // await nextTick();
  // updateOriginalCsjgMap();


  // 5. 自动聚焦
  nextTick(() => {
    selectedRows.value = [newRow];
    tableRef.value.setCurrentRow(newRow);
    nextTick(() => {
      tableRef.value.setScrollTop(23 * tableRef.value.length)
    })
    nextTick(() => {
      const tableBody = document.querySelector('.el-table__body-wrapper');
      if (tableBody) {
        tableBody.scrollTop = tableBody.scrollHeight;
      }

      // 聚焦到新行的输入框
      const inputs = document.querySelectorAll('.full-width-input .el-input__inner');
      if (inputs.length > 0) {
        inputs[inputs.length - 1].focus();
      }

    });
  });

  return true;
};



/**
 * 批量删除
 */
const handleBatchDelete = () => {
  if (selectedRows.value.length === 0) return ElMessage.warning("请先选择要删除的记录");
  const arr = selectedRows.value.filter(row => !row.id);

  ElMessageBox.confirm(
    `确定要删除选中的 ${selectedRows.value.length} 条记录吗？`,
    '提示',
    {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }
  ).then(() => {
    if (arr.length == 0) {
      const index = tableData.value.findIndex(item => item.xmdh === selectedRows.value[0].xmdh);
      if (index > -1) tableData.value.splice(index, 1);
      selectedRows.value = [];
    } else {
      deleteresult(arr).then(res => {
        if (res.code == 0) {
          ElMessage.success('删除成功');
          emits('fetchLabResults');
        }
      })
    }
  }).catch(() => {
  });
};

const printHandle = () => {
  const data = {
    jyrq: tableKey.value.jyrq,
    yq: tableKey.value.yq,
    ybh: tableKey.value.ybh,
    sqh: tableKey.value.sqh
  }
  printListwork(data).then(res => {
    if (res.code == 0) {
      classCom.printBase64PDF(res.data)
    }
  })
};
const previewHandle = () => {
  const data = {
    jyrq: tableKey.value.jyrq,
    yq: tableKey.value.yq,
    ybh: tableKey.value.ybh,
    sqh: tableKey.value.sqh
  }
  printListwork(data).then(res => {
    if (res.code == 0) {
      emits('previewHandle', res.data);
    }
  })
};


/**
 * 获取行号
 */
const getRowIndex = (index) => {
  return index + 1;
};
const userList = ref([]);
onMounted(() => {
  const data = { status: 0, del_flag: 0, pageSize: 1000, pageNum: 1 }
  listUser(data).then((res) => {
    userList.value = res.rows;
  });

  // 获取模板项目
  emitter.on('dbMbHandle', (info) => {
    // console.log('data==>', info);
    if (props.labPat.jgbz != null && props.labPat.jgbz != 0 && props.labPat.jgbz != 'C') return ElMessage.warning('已审核结果不可添加模板项目');
    const data = {
      ...tableKey.value,
      mbmc: info.mbmc,
    }
    setinputmdl(data).then((res) => {
      if (res.code == 0) {
        const existingNames = new Set(tableData.value.map(item => item.xmdh))
        res.data?.forEach(item => {
          if (!existingNames.has(item.xmdh)) {
            tableData.value.push(item)
            existingNames.add(item.xmdh)
          }
        })
        handleCsjgEnter(null)
      }
    });
  })
  // 监听病人信息修改同时保存病人结果
  emitter.on('saveLab', () => {
    handleCsjgEnter(null)
  })
});

const formatYs = (v) => {
  return userList.value.find((item) => item.userName == v)?.nickName || v
};

</script>

<style scoped lang="scss">
.result-container {
  height: calc(90vh - 74px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.flex-between {
  // height: 32px;
  margin-bottom: 0.5rem;
}

.custom-table-container {
  flex: 1;
}
</style>