871 lines
28 KiB
Vue
871 lines
28 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-row :gutter="10" class="compact-form">
|
||
<el-col :span="1.5">
|
||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:dict:add']">新增明细</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="danger" plain icon="Delete" :disabled="delResultFlag" @click="handleDelete"
|
||
v-hasPermi="['system:dict:remove']">删除明细</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="Edit" :disabled="changeResultFlag" @click="handleUpdate"
|
||
v-hasPermi="['system:dict:edit']">保存</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="Edit" @click="handleCheck0"
|
||
v-hasPermi="['system:dict:import']">初报</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="Download" @click="handleCheck"
|
||
v-hasPermi="['system:dict:import']">初审</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="info" plain icon="Upload" @click="handleUnCheck"
|
||
v-hasPermi="['system:dict:export']">取消初审</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="Download" @click="handleCheck"
|
||
v-hasPermi="['system:dict:import']">审核</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="Upload" @click="handleUnCheck"
|
||
v-hasPermi="['system:dict:export']">取消审核</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="primary" plain icon="Edit" @click="handleUnCheck"
|
||
v-hasPermi="['system:dict:export']">预览</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="primary" plain icon="Edit" @click="handleUnCheck"
|
||
v-hasPermi="['system:dict:export']">打印</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="Upload" @click="handleUnCheck"
|
||
v-hasPermi="['system:dict:export']">上一个</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="Download" @click="handleUnCheck"
|
||
v-hasPermi="['system:dict:export']">下一个</el-button>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row :gutter="10" class="compact-form">
|
||
<el-form :model="queryParams" ref="queryRef" :inline="true" :rules="rules">
|
||
<el-form-item class="compact-form" label="" label-width="0px" prop="ybh">
|
||
<el-col :span="1.5">样本编号</el-col>
|
||
<el-col :span="4.5">
|
||
<el-input v-model="queryParams.ybh" clearable placeholder="样本编号" prefix-icon="Search"
|
||
@keyup.enter="handleQueryYbh" @clear="handleQueryYbh" />
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<div>检验日期</div>
|
||
</el-col>
|
||
<el-col :span="3.5">
|
||
<el-date-picker v-model="queryParams.jyrq" type="date" label-width="20px" placeholder="检验日期"
|
||
value-format="YYYY-MM-DD" :clearable="false" @change="handleQuery"></el-date-picker>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<div>部门组别</div>
|
||
</el-col>
|
||
<el-col :span="3.5">
|
||
<!-- <Ddlb v-model="queryParams.instrGroup" :options="instrGroupOptions" placeholder="请选择部门组别"
|
||
@change="handleinstrGroupChange" :value="setInstrGroup" label-width="40px" /> -->
|
||
<el-select v-model="queryParams.instrGroup" placeholder="请选择" style="width:140px"
|
||
@change="handleinstrGroupChange">
|
||
<el-option v-for="item in instrGroupOptions" :key="item.zddh" :label="item.zdmc" :value="item.zddh" />
|
||
</el-select>
|
||
</el-col><el-col :span="1">
|
||
<div>仪器</div>
|
||
</el-col>
|
||
<el-col :span="4">
|
||
<Ddlb v-model="queryParams.yq" :options="instrOptions" placeholder="请选择仪器" @change="handleYqChange"
|
||
:value="setInstr" />
|
||
</el-col>
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-row>
|
||
|
||
<el-row :gutter="5">
|
||
<el-col :span="5" :xs="24">
|
||
<div class="compact-form">
|
||
<LabPatForm v-model:labPat="labPat" :labPatKey="queryParams" ref="labPatRef" @save="savelabPat"
|
||
@reset="resetlabPat" />
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="8" :xs="24">
|
||
<div class="compact-form">
|
||
<LabResultForm ref="labResultRef" :tableData="labResuts" :tableKey="queryParams"
|
||
:is-data-refreshed="isDataRefreshed" @add="addLabResult" @delete="deleteLabResults" @edit="editLabResult"
|
||
@delfalg="setdelResultFlag" @changefalg="setchangeResultFlag" @fetchLabResults="fetchLabResults" />
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="11" :xs="24">
|
||
<div class="compact-form">
|
||
<LabPatListForm :labPatList="labPatList" :labPatKey="queryParams" :total="total" @select="selectJob"
|
||
@search="searchJobs" @page-change="pageChange" />
|
||
</div>
|
||
</el-col>
|
||
<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-row>
|
||
<!-- 引入弹窗组件 -->
|
||
<unconfirmlog v-model:visible="dialogVisible" :reason-text="currentReason" @onConfirm="unconfirmlogConfirm"
|
||
@onCancel="unconfirmlogCancel" />
|
||
<CheckUser v-model:visible="showCheckUser" :title="checktitle"
|
||
:validation-rules="{ userIdMinLength: 4, passwordMinLength: 6 }" @onConfirm="handleAuthSuccess"
|
||
@onCancel="handleAuthCancel" />
|
||
<uploadwarning v-model:visible="showuploadwarning" :msgdata="warningMsgdata" :showRules=1
|
||
@onupload="handleWarningSuccess" @onCancel="handleWarningCancel" />
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
getDate,
|
||
queryLabPatList,
|
||
queryLabResults,
|
||
updateLabPat,
|
||
queryLabPat,
|
||
check2, uncheck2, unconfirmlog, checkuser, reglimit, queryXmInfo
|
||
} from "../../../api/liswork/work/LisWork";
|
||
import { querylabInstrList, querylabInstrListByLisgroup } from "../../../api/liswork/dict/LabInstr";
|
||
import { getComDicts, queryComDictListService } from "../../../api/liswork/dict/ComDict";
|
||
import LabPatForm from './components/labpat.vue'
|
||
import LabResultForm from './components/labresult.vue'
|
||
import LabPatListForm from './components/labpatlist.vue'
|
||
import Unconfirmlog from './components/unconfirmlog.vue'
|
||
import Ddlb from './components/ddlb.vue'
|
||
import CheckUser from './components/CheckUser.vue'
|
||
import uploadwarning from './components/uploadwarning.vue'
|
||
import UCKDictInput from './components/DictInput.vue';
|
||
import { ElMessage, ElMessageBox } from "element-plus";
|
||
import ItemInput from "@/views/liswork/work/components/ItemInput.vue";
|
||
|
||
|
||
const showuploadwarning = ref(false);
|
||
const single = ref(true);
|
||
const delResultFlag = ref(true);
|
||
const changeResultFlag = ref(true);
|
||
const loading = ref(true);
|
||
const instrGroupOptions = ref([]);
|
||
const instrOptions = ref([]);
|
||
const labPatList = ref([])
|
||
const patdata = reactive({
|
||
form: {},
|
||
labPat: {
|
||
// jyrq: '',
|
||
// yq: '',
|
||
// ybh: '',
|
||
// brly: '',
|
||
// jzbz: '',
|
||
// brdh: '',
|
||
// brxm: '',
|
||
// brxb: '',
|
||
// nl: null,
|
||
// nldw: '1',
|
||
// ksdh: '',
|
||
// ch: '',
|
||
// sjys: '',
|
||
// sqsj: '',
|
||
// cyrq: '',
|
||
// dysj: '',
|
||
// zd: '',
|
||
// bz: '',
|
||
// yhdh: '',
|
||
// hdys: '',
|
||
// jgbz: '0',
|
||
// yblx: ''
|
||
},
|
||
rules: {}
|
||
});
|
||
const { labPat } = toRefs(patdata);
|
||
const labResuts = ref([])
|
||
const total = ref(0)
|
||
const currentLabResults = ref([])
|
||
const searchText = ref('')
|
||
const pageSize = ref(10)
|
||
const currentPage = ref(1)
|
||
const setInstrGroup = ref('')
|
||
const setInstr = ref('')
|
||
const yq0 = ref('')
|
||
const jyrq0 = ref('')
|
||
const ybh0 = ref('')
|
||
const checktitle = ref('操作人身份验证')
|
||
const nextstepname = ref('')
|
||
const warningMsgdata = ref('')
|
||
const checkuserid = ref('')
|
||
const querydata = reactive({
|
||
form: {},
|
||
queryParams: {
|
||
pageNum: 1,
|
||
pageSize: 10,
|
||
jyrq: formatDate(new Date()),
|
||
yq: '1',
|
||
ybh: '1',
|
||
days: 1,
|
||
instrGroup: '02',
|
||
problemId: 0,
|
||
yhdh: '46'
|
||
},
|
||
rules: {
|
||
ybh: [],
|
||
jyrq: [],
|
||
instrGroup: [],
|
||
yq: [],
|
||
}
|
||
,
|
||
});
|
||
// 父组件：新增“数据刷新标记”，初始为false
|
||
const isDataRefreshed = ref(false);
|
||
// 新增：控制标记的重置（避免持续触发子组件缓存更新）
|
||
const resetDataRefreshFlag = () => {
|
||
// 延迟重置，确保子组件有足够时间接收标记并更新缓存
|
||
setTimeout(() => {
|
||
isDataRefreshed.value = false;
|
||
}, 100);
|
||
};
|
||
const { queryParams, form, rules } = toRefs(querydata);
|
||
//子组件labResult.vue
|
||
const labResultRef = ref(null);
|
||
//子组件labPatRef.vue
|
||
const labPatRef = ref(null);
|
||
// 弹窗控制状态
|
||
const dialogVisible = ref(false);
|
||
const showCheckUser = ref(false);
|
||
// 弹窗显示的原因文本
|
||
const currentReason = ref('');
|
||
// 存储需要传递给API的参数
|
||
const apiParams = ref(null);
|
||
// 处理弹窗确认（获取返回值后调用API）
|
||
const unconfirmlogConfirm = async (inputValue) => {
|
||
try {
|
||
console.log('用户输入的操作原因:', inputValue);
|
||
// 调用API，携带用户输入的原因和之前保存的参数
|
||
loading.value = true;
|
||
unconfirmlog({ ...queryParams.value, reason: inputValue }).then(response => {
|
||
console.log('response:', response)
|
||
loading.value = false;
|
||
if (response.code == "0") {
|
||
runnextstepname();
|
||
}
|
||
}).catch(error => {
|
||
console.error('审核失败', error);
|
||
loading.value = false;
|
||
});
|
||
|
||
// API调用成功后的处理
|
||
console.log('操作成功:', response);
|
||
// 可以添加成功提示、刷新数据等逻辑
|
||
} catch (error) {
|
||
console.error('操作失败:', error);
|
||
// 错误处理
|
||
} finally {
|
||
// 重置参数
|
||
apiParams.value = null;
|
||
}
|
||
};
|
||
// 处理弹窗取消
|
||
const unconfirmlogCancel = () => {
|
||
console.log('用户取消了操作');
|
||
// 重置参数
|
||
apiParams.value = null;
|
||
cancalnextstepname();
|
||
};
|
||
// 处理验证成功
|
||
const handleAuthSuccess = async (userInfo) => {
|
||
console.log('验证信息:', userInfo);
|
||
// 调用后端接口进行实际验证
|
||
loading.value = true;
|
||
checkuser({ yhdh: userInfo.userId, mm: userInfo.password }).then(response => {
|
||
console.log('response:', response)
|
||
loading.value = false;
|
||
console.log('userInfo:', userInfo);
|
||
if (response.code == "0") {
|
||
checkuserid.value = userInfo.userId;
|
||
runnextstepname();
|
||
}
|
||
}).catch(error => {
|
||
console.error('验证接口调用失败', error);
|
||
loading.value = false;
|
||
checkuserid.value = '';
|
||
});
|
||
};
|
||
|
||
// 处理取消验证
|
||
const handleAuthCancel = () => {
|
||
console.log('用户取消了验证');
|
||
// 执行取消后的操作
|
||
cancalnextstepname();
|
||
};
|
||
// 处理危急值登记
|
||
const handleWarningSuccess = async (userInfo) => {
|
||
console.log('处理危急值登记:', userInfo);
|
||
// 调用后端接口进行实际验证
|
||
loading.value = true;
|
||
reglimit({ ...queryParams.value, qrr: userInfo.userId, tzfs: userInfo.uploadTp, phone: userInfo.phone }).then(response => {
|
||
console.log('危急值response:', response.code);
|
||
loading.value = false;
|
||
if (response.code == "0") {
|
||
runnextstepname();
|
||
}
|
||
if (response.code == "4") {
|
||
ElMessageBox.confirm(response.msg, '系统提示', { confirmButtonText: '是', cancelButtonText: '否', type: 'warning' }).then(() => {
|
||
queryParams.value.problemId = queryParams.value.problemId + 1;
|
||
handleWarningSuccess(userInfo);
|
||
}).catch(() => {
|
||
runnextstepname();
|
||
});
|
||
}
|
||
}).catch(error => {
|
||
console.error('处理危急值登记接口调用失败', error);
|
||
loading.value = false;
|
||
});
|
||
};
|
||
|
||
// 处理取消验证
|
||
const handleWarningCancel = () => {
|
||
console.log('用户取消了登记');
|
||
// 执行取消后的操作
|
||
cancalnextstepname();
|
||
};
|
||
// 页面载入时获取基本默认值参数信息,后面有扩展需要都放这里
|
||
const loadYqConfig = async () => {
|
||
// 使用 .value 获取响应式数据的值
|
||
jyrq0.value = '2025-08-19';//formatDate(new Date());
|
||
yq0.value = 'COBAS';
|
||
ybh0.value = '1';
|
||
querydata.queryParams.jyrq = jyrq0.value;
|
||
querydata.queryParams.yq = 46;
|
||
querydata.queryParams.ybh = ybh0.value;
|
||
querydata.queryParams.instrGroup = '02';
|
||
}
|
||
// 加载部门下拉列表
|
||
function loadinstrGroupOptions() {
|
||
loading.value = true;
|
||
getComDicts({ zdlb: 'GROUP' }).then(response => {
|
||
instrGroupOptions.value = response.data
|
||
loading.value = false;
|
||
setInstrGroup.value = querydata.queryParams.instrGroup;
|
||
});
|
||
loadYqConfig();
|
||
}
|
||
// 部门组别变化时更新仪器下拉框
|
||
const handleinstrGroupChange = (value) => {
|
||
queryParams.value.instrGroup = value
|
||
// 清空仪器选择并重新加载
|
||
// queryParams.value.yq = '';
|
||
instrOptions.value = [];
|
||
// 加载对应组别的仪器数据
|
||
loadinstrOptions();
|
||
}
|
||
// 仪器变化时的处理函数
|
||
const handleYqChange = (value) => {
|
||
if (value === null || value === '') {
|
||
queryParams.value.yq = yq0.value;
|
||
setInstr.value = yq0.value;
|
||
} else {
|
||
yq0.value = value;
|
||
queryParams.value.yq = value;
|
||
handleQuery();
|
||
}
|
||
}
|
||
// 加载仪器下拉列表
|
||
const loadinstrOptions = () => {
|
||
loading.value = true;
|
||
querylabInstrListByLisgroup({ pageNum: 1, pageSize: 100, lisgroup: queryParams.value.instrGroup })
|
||
.then(response => {
|
||
if (response.rows) {
|
||
instrOptions.value = toRaw(response.rows).map(item => ({
|
||
id: item.yq.trimEnd(),
|
||
text: item.yqmc
|
||
}))
|
||
loading.value = false;
|
||
setInstr.value = querydata.queryParams.yq;
|
||
} else {
|
||
throw new Error('仪器响应数据为空');
|
||
}
|
||
})
|
||
.catch(error => {
|
||
console.error('仪器数据加载失败', error);
|
||
loading.value = false;
|
||
});
|
||
// console.error('aaa', queryParams.value);
|
||
//console.log('test22:', instrOptions.value);
|
||
}
|
||
//获取服务器时间
|
||
const serverDate = computed(() => {
|
||
return formatDate(new Date());
|
||
});
|
||
//切换仪器或检验日期后重置页码
|
||
function resetData() {
|
||
queryParams.value = {
|
||
pageNum: 1,
|
||
pageSize: 15,
|
||
}
|
||
searchText.value = ''
|
||
currentPage.value = 1
|
||
pageSize.value = 15
|
||
}
|
||
//载入样本列表(右边labpatlist.vue组件)
|
||
const fetchlabPatList = async (search = '', page = 1, size = 15) => {
|
||
loading.value = true;
|
||
queryParams.value.pageSize = size;
|
||
queryParams.value.pageNum = page;
|
||
queryLabPatList(queryParams.value).then(response => {
|
||
labPatList.value = response.rows;
|
||
total.value = response.total;
|
||
loading.value = false;
|
||
}).catch(error => {
|
||
console.error('列表数据加载失败', error);
|
||
loading.value = false;
|
||
});
|
||
}
|
||
//载入样本编辑表单(左边labpat.vue组件)
|
||
const fetchLabPat = async () => {
|
||
loading.value = true;
|
||
queryLabPat(queryParams.value).then(response => {
|
||
labPat.value = response.data;
|
||
loadingPatLabel();
|
||
loading.value = false;
|
||
}).catch(error => {
|
||
console.error('列表数据加载失败', error);
|
||
loading.value = false;
|
||
});
|
||
}
|
||
//载入样本结果表单(中间labresult.vue组件)
|
||
const fetchLabResults = async () => {
|
||
loading.value = true;
|
||
// console.log('test', queryParams.value);
|
||
queryLabResults({ jyrq: queryParams.value.jyrq, yq: queryParams.value.yq, ybh: queryParams.value.ybh }).then(response => {
|
||
// console.log('RESULT:', response);
|
||
labResuts.value = response.data;
|
||
loading.value = false;
|
||
// 关键：设置“数据刷新标记”为true（删除后数据变化，需更新子组件缓存）
|
||
isDataRefreshed.value = true;
|
||
// 数据刷新后重置标记
|
||
resetDataRefreshFlag();
|
||
}).catch(error => {
|
||
console.error('列表数据加载失败', error);
|
||
loading.value = false;
|
||
});
|
||
}
|
||
//保存样本表单
|
||
const savelabPat = async (labPat) => {
|
||
// 实际项目中这里应该是API调用
|
||
console.log('保存主表:', labPat)
|
||
|
||
if (!labPat.id) {
|
||
// 新增
|
||
labPat.id = Date.now()
|
||
labPatList.value.unshift({ ...labPat })
|
||
} else {
|
||
// 更新
|
||
const index = labPatList.value.findIndex(item => item.id === labPat.id)
|
||
if (index !== -1) {
|
||
labPatList.value.splice(index, 1, { ...labPat })
|
||
}
|
||
}
|
||
|
||
alert('保存成功')
|
||
}
|
||
//重置结果表单
|
||
const resetlabPat = () => {
|
||
labResuts.value = []
|
||
currentLabResults.value = []
|
||
}
|
||
//新增结果列
|
||
const addLabResult = async (LabResult) => {
|
||
// 实际项目中这里应该是API调用
|
||
console.log('添加明细:', LabResult)
|
||
|
||
if (!LabResult.xh) {
|
||
LabResult.xh = currentLabResults.value.length + 1
|
||
}
|
||
|
||
const index = currentLabResults.value.findIndex(item => item.xh === LabResult.xh)
|
||
if (index !== -1) {
|
||
currentLabResults.value.splice(index, 1, { ...LabResult })
|
||
} else {
|
||
currentLabResults.value.push({ ...LabResult })
|
||
}
|
||
|
||
alert('添加成功')
|
||
}
|
||
//删除结果列
|
||
const deleteLabResults = async (xhList) => {
|
||
// 实际项目中这里应该是API调用
|
||
console.log('删除明细:', xhList)
|
||
|
||
currentLabResults.value = currentLabResults.value.filter(item => !xhList.includes(item.xh))
|
||
|
||
alert('删除成功')
|
||
}
|
||
//修改结果列
|
||
const editLabResult = (LabResult) => {
|
||
console.log('编辑明细:', LabResult)
|
||
// 在表单中填充数据
|
||
// 这里不需要做任何事情，因为组件已经绑定了数据
|
||
}
|
||
//样本列表点击切换样本信息,同步载入左边样本信息表单和中间结果表单
|
||
const selectJob = async (job) => {
|
||
// 复制选中的job数据到当前编辑状态
|
||
// Object.assign(labPat.value, {...job})
|
||
queryParams.value.jyrq = job.jyrq;
|
||
queryParams.value.yq = job.yq;
|
||
queryParams.value.ybh = job.ybh;
|
||
|
||
checkQuery()
|
||
isDataRefreshed.value = true;
|
||
//await nextTick();
|
||
// 获取对应的明细数据
|
||
await fetchLabPat();
|
||
await fetchLabResults();
|
||
resetDataRefreshFlag();
|
||
}
|
||
//样本列表检索时刷新列表信息
|
||
const searchJobs = async (text, page, size) => {
|
||
searchText.value = text
|
||
currentPage.value = page
|
||
pageSize.value = size
|
||
loadlabPatList()
|
||
}
|
||
//样本列表翻页时刷新列表信息
|
||
const pageChange = async (page, size) => {
|
||
currentPage.value = page
|
||
pageSize.value = size
|
||
loadlabPatList()
|
||
}
|
||
//刷新样本列表方法封装
|
||
const loadlabPatList = async () => {
|
||
await fetchlabPatList(searchText.value, currentPage.value, pageSize.value)
|
||
}
|
||
/** 查询服务器时间 */
|
||
function getdate() {
|
||
getDate().then(response => {
|
||
serverDate.value = formatDate(new Date(response.data));
|
||
})
|
||
}
|
||
//日期格式化
|
||
function formatDate(date) {
|
||
const year = date.getFullYear();
|
||
// 月份是从0开始的，所以要加1
|
||
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||
const day = String(date.getDate()).padStart(2, '0');
|
||
return `${year}-${month}-${day} 00:00:00`;
|
||
}
|
||
const setdelResultFlag = (value) => {
|
||
delResultFlag.value = value;
|
||
}
|
||
const setchangeResultFlag = (value) => {
|
||
changeResultFlag.value = value;
|
||
}
|
||
//新增
|
||
const handleAdd = () => {
|
||
// labResultRef.value?.handleAdd();
|
||
openItemDictDialog();
|
||
};
|
||
function handleUpdate() {
|
||
}
|
||
function handleDelete() {
|
||
labResultRef.value?.handleBatchDelete();
|
||
}
|
||
function loadingPatLabel() {
|
||
// labPatRef.value?.loadingLabel();
|
||
}
|
||
function handleCheck0() {
|
||
|
||
}
|
||
function handleCheck() {
|
||
queryParams.value.problemId = 0;
|
||
nextstepname.value = 'handleCheck2';
|
||
queryParams.value.yhdh = checkuserid.value
|
||
if (queryParams.value.yhdh == '') {
|
||
checktitle.value = '审核人工号密码验证'
|
||
showCheckUser.value = true;
|
||
} else {
|
||
handleCheck2();
|
||
}
|
||
}
|
||
function handleCheck2() {
|
||
loading.value = true;
|
||
console.log('queryParams:', queryParams.value)
|
||
queryParams.value.yhdh = checkuserid.value
|
||
check2(queryParams.value).then(response => {
|
||
loading.value = false;
|
||
if (response.code == "4" && response.problemId === 4) {
|
||
console.log('queryParams1111:', queryParams.value)
|
||
nextstepname.value = 'handleCheck2';
|
||
queryParams.value.problemId = response.problemId;
|
||
// 保存需要传递给API的参数
|
||
apiParams.value = queryParams;
|
||
// 设置弹窗显示的原因文本
|
||
warningMsgdata.value = response.msg;
|
||
// 显示弹窗
|
||
showuploadwarning.value = true;
|
||
}
|
||
console.log('response:', response)
|
||
|
||
}).catch(error => {
|
||
console.error('审核失败', error);
|
||
loading.value = false;
|
||
});
|
||
|
||
}
|
||
function handleUnCheck() {
|
||
queryParams.value.problemId = 0;
|
||
nextstepname.value = 'handleuncheck2';
|
||
queryParams.value.yhdh = checkuserid.value
|
||
if (queryParams.value.yhdh == '') {
|
||
checktitle.value = '取消审核人工号密码验证'
|
||
showCheckUser.value = true;
|
||
} else {
|
||
handleuncheck2();
|
||
}
|
||
}
|
||
function handleuncheck2() {
|
||
loading.value = true;
|
||
queryParams.value.yhdh = checkuserid.value
|
||
uncheck2(queryParams.value).then(response => {
|
||
loading.value = false;
|
||
if (response.code == "4") {
|
||
nextstepname.value = 'handleuncheck2';
|
||
queryParams.value.problemId = response.problemId;
|
||
// 保存需要传递给API的参数
|
||
apiParams.value = queryParams;
|
||
// 设置弹窗显示的原因文本
|
||
currentReason.value = response.msg;
|
||
// 显示弹窗
|
||
dialogVisible.value = true;
|
||
}
|
||
|
||
}).catch(error => {
|
||
console.error('解除审核失败', error);
|
||
loading.value = false;
|
||
});
|
||
}
|
||
function handlePrint() {
|
||
}
|
||
function handleQueryDetail() {
|
||
}
|
||
//切换仪器或检验日期时载入
|
||
const handleQuery = async () => {
|
||
if (checkQuery() === false) return false
|
||
// resetData();
|
||
await loadlabPatList();
|
||
//暂时默认打开1号样本,后面由参数控制
|
||
querydata.queryParams.ybh = '1';
|
||
isDataRefreshed.value = true;
|
||
await handleQueryYbh();
|
||
resetDataRefreshFlag();
|
||
}
|
||
//切换样本号时载入
|
||
const handleQueryYbh = async () => {
|
||
if (checkQuery() === false) return false
|
||
isDataRefreshed.value = true;
|
||
await fetchLabPat();
|
||
await fetchLabResults();
|
||
resetDataRefreshFlag();
|
||
}
|
||
//主键空置拦截
|
||
function checkQuery() {
|
||
if (querydata.queryParams.jyrq === '' || querydata.queryParams.jyrq === null) {
|
||
querydata.queryParams.jyrq = jyrq0.value
|
||
return false;
|
||
}
|
||
if (querydata.queryParams.yq === '' || querydata.queryParams.yq === null) {
|
||
querydata.queryParams.yq = yq0.value
|
||
return false;
|
||
}
|
||
if (querydata.queryParams.ybh === '' || querydata.queryParams.ybh === null) {
|
||
querydata.queryParams.ybh = ybh0.value
|
||
return false;
|
||
}
|
||
jyrq0.value = querydata.queryParams.jyrq
|
||
yq0.value = querydata.queryParams.yq
|
||
ybh0.value = querydata.queryParams.ybh
|
||
}
|
||
function runnextstepname() {
|
||
if (nextstepname.value != '') {
|
||
switch (nextstepname.value) {
|
||
case 'handleuncheck2':
|
||
handleuncheck2();
|
||
break;
|
||
case 'handleCheck2':
|
||
handleCheck2();
|
||
break;
|
||
default:
|
||
// 当所有case都不匹配时执行（可选）
|
||
}
|
||
}
|
||
}
|
||
function cancalnextstepname() {
|
||
if (nextstepname.value != '') {
|
||
switch (nextstepname.value) {
|
||
case 'handleuncheck2':
|
||
ElMessage({ message: '取消操作,撤销审核失败!', type: 'error' })
|
||
break;
|
||
case 'handleCheck2':
|
||
ElMessage({ message: '取消操作,审核失败!', type: 'error' })
|
||
break;
|
||
default:
|
||
// 当所有case都不匹配时执行（可选）
|
||
}
|
||
}
|
||
}
|
||
// -------------------------- 项目选择相关变量 --------------------------
|
||
const itemDictRef = ref(null); // DictInput组件引用
|
||
const selectedItemValue = ref(""); // 选择的项目编码xmdh
|
||
const selectedItemLabel = ref(""); // 选择的项目名称xmmc
|
||
|
||
// -------------------------- 1. 项目字典API调用方法（传递给DictInput） --------------------------
|
||
/**
|
||
* 项目字典加载方法：适配DictInput的fetchDict参数格式
|
||
* @param {String} dictType - 父组件传递的dict-type（无实际意义，可忽略）
|
||
* @returns {Promise<Array>} - 项目字典数据（格式需匹配DictInput要求：{value, label}）
|
||
*/
|
||
// 父组件中：完善的项目字典加载方法
|
||
const fetchLabItemDict = async (dictType) => {
|
||
// 日志1：确认方法被调用
|
||
try {
|
||
// 1. 验证必要参数（如当前仪器yq）
|
||
if (!queryParams.value.yq) {
|
||
console.error("[fetchLabItemDict] 缺少必要参数：yq（仪器）");
|
||
ElMessage.error("请先选择仪器");
|
||
return [];
|
||
}
|
||
|
||
// 日志2：打印请求参数
|
||
const requestParams = {
|
||
pageNum: 1,
|
||
pageSize: 1000, // 加载足够多的项目
|
||
yq: queryParams.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 []; // 失败时返回空数组，避免弹窗报错
|
||
}
|
||
};
|
||
|
||
|
||
// -------------------------- 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: queryParams.value.jyrq,
|
||
yq: queryParams.value.yq,
|
||
ybh: queryParams.value.ybh,
|
||
};
|
||
// 2. 调用子组件方法新增行（仅一次）
|
||
if (labResultRef.value && typeof labResultRef.value.addRowFromDict === 'function') {
|
||
await labResultRef.value.addRowFromDict(newRow);
|
||
ElMessage.success(`已新增项目：${newRow.xmmc}`);
|
||
}
|
||
};
|
||
//打开页面需要先初始化的内容都放这里
|
||
onMounted(() => {
|
||
loadYqConfig();
|
||
loadinstrGroupOptions(); // 页面加载时获取部门组别数据
|
||
loadinstrOptions();
|
||
loadlabPatList();
|
||
|
||
})
|
||
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.compact-form .el-form-item {
|
||
padding: 5px;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.compact-form .el-form-item__label {
|
||
padding-bottom: 0px;
|
||
}
|
||
|
||
.card-content {
|
||
max-height: 450px;
|
||
/* 设置最大高度 */
|
||
overflow-y: auto;
|
||
/* 超出高度时显示垂直滚动条 */
|
||
padding: 5px;
|
||
/* 保持与卡片默认一致的内边距 */
|
||
}
|
||
|
||
.clickable:hover {
|
||
cursor: pointer;
|
||
/* 鼠标悬停时显示手型 */
|
||
transition: all 0.3s;
|
||
/* 平滑过渡效果 */
|
||
color: blue;
|
||
|
||
}
|
||
|
||
.hidden-dict-input {
|
||
/* 定位到屏幕左侧外，视觉上不可见 */
|
||
position: absolute;
|
||
left: -9999px;
|
||
top: auto;
|
||
/* 防止占用布局空间 */
|
||
width: 1px;
|
||
height: 1px;
|
||
/* 防止意外聚焦 */
|
||
outline: none;
|
||
}
|
||
</style>
|