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" @click="handleCheck(1)">初审</el-button>
        <el-button class="btn_green" v-if="labPat.jgbz != 2" @click="handleCheck(2)">审核</el-button>
        <el-button class="btn_green" v-if="labPat.jgbz == 2" @click="handleCheck(3)">取消审核</el-button>
        <el-button type="primary" plain :disabled="labPat.jgbz != null && labPat.jgbz != 0"
          @click="openItemDictDialog">新增</el-button>
        <el-button type="primary" :disabled="labPat.jgbz != null && labPat.jgbz != 0" plain
          @click="handleBatchDelete">删除</el-button>
      </div>
      <div>
        <el-button type="primary" plain icon="Files" @click="printHandle">打印</el-button>
        <el-button type="primary" plain icon="View" @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">
          <template #reference>
            <div style="width: 100%;">{{ $index + 1 }}</div>
          </template>
          <template #default>
            <el-row>
              <el-col>修改前结果：</el-col>
              <el-col>修改日期：</el-col>
              <el-col>修改人：</el-col>
              <el-col>上次审核时间：</el-col>
              <el-col>上次审核人：</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 } 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';
// 组件属性定义
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('');
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 = '上次结果'
    }
  }
});

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: 50, 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.alarm_flag ?? "").trim().length > 0 && row.cp_compa) {
    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 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) => {
  // 日志1：确认方法被调用
  try {
    // 1. 验证必要参数（如当前仪器yq）
    if (!tableKey.value.yq) {
      console.error("[fetchLabItemDict] 缺少必要参数：yq（仪器）");
      ElMessage.error("请先选择仪器");
      return [];
    }

    // 日志2：打印请求参数
    const requestParams = {
      pageNum: 1,
      pageSize: 1000, // 加载足够多的项目
      yq: tableKey.value.yq, // 当前选中的仪器
    };

    // 2. 调用API（确保queryXmInfo是正确的API方法）
    const response = await queryXmInfo(requestParams);

    // 日志3：打印原始响应

    // 3. 验证响应格式
    if (!response) {
      throw new Error("API返回为空");
    }
    if (response.code !== "0") { // 假设0为成功状态码
      throw new Error(`API返回错误：${response.msg || "未知错误"}`);
    }
    if (!Array.isArray(response.data)) {
      throw new Error(`API返回data不是数组，实际为：${typeof response.data}`);
    }

    // 4. 格式化数据（适配DictInput的{value, label}结构）
    const formattedData = response.data.map((item, index) => {
      // 验证项目数据完整性
      if (!item.xmdh) {
        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmdh（项目编码）：`, item);
      }
      if (!item.xmmc) {
        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmmc（项目名称）：`, item);
      }

      return {
        value: item.xmdh || `未知编码_${index}`, // 确保value存在
        label: item.xmmc || `未知名称_${index}`, // 确保label存在
        dw: item.dw || "", // 单位（可选）
        refs: item.refs || "", // 参考值（可选）
      };
    });

    // 日志4：打印格式化后的数据量
    return formattedData;

  } catch (error) {
    // 日志5：捕获并显示错误
    console.error(`[fetchLabItemDict] 加载失败：`, error.message);
    ElMessage.error(`项目字典加载失败：${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) => {

  if (row.id) {
    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];
};

/**
 * 新增行
 */
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;
};

onMounted(() => {
  if (props.tableData.length > 0) {
    // updateOriginalCsjgMap();
  }
});

watch(
  () => props.tableData,
  () => {
    // updateOriginalCsjgMap();
  }
);

</script>

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

.flex-between {
  height: 32px;
}

.custom-table-container {
  flex: 1;
}


.full-width-input .el-input__inner {
  width: 100%;
  height: 100%;

  background: transparent !important;
  border: none !important;
}

.full-width-input {
  :deep(.el-input__wrapper) {
    //  box-shadow: 0 0 0 1px rgba(64, 158, 255, 0.2);
    box-shadow: none;
    background: transparent !important;
    padding: 0 !important;
    outline: none;

    &:hover {
      box-shadow: none !important;
    }
  }
}
</style>