822 lines
25 KiB
Vue
822 lines
25 KiB
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 #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: 45, visible: true, slot: "index" },
|
||
{ label: "复", prop: "redo_flag", width: 30, align: 'center', visible: true, },
|
||
{ label: "项目", prop: "xmdh", width: 70, visible: true, },
|
||
{ label: "名称", prop: "xmmc", width: 180, visible: true, },
|
||
{ label: "结果", prop: "csjg", width: 80, visible: true, slot: "csjg" },
|
||
{ label: "上次结果", prop: "cp_compa", width: 80, 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, },
|
||
{ label: "单位", prop: "dw", width: 80, visible: true, },
|
||
{ label: "子模块", prop: "bz1", width: 100, 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) {
|
||
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>
|