255 lines
9.7 KiB
Vue
255 lines
9.7 KiB
Vue
<!-- 批量审核 -->
|
||
<template>
|
||
<div class="app-container">
|
||
<el-form ref="form" :model="formData" class="form" label-width="80px" :rules="rules" inline inline-message
|
||
size="small">
|
||
<el-form-item label="仪器分组" prop="lisgroup" size="small">
|
||
<SelectTable v-model:data="formData.lisgroup" :fields="fields" width="100px" dict-type="GROUP" />
|
||
</el-form-item>
|
||
<el-form-item label="医疗机构" prop="yljg">
|
||
<SelectTable v-model:data="formData.yljg" :fields="fields" width="200px" dict-type="HOS" />
|
||
</el-form-item>
|
||
<el-form-item label="申请科室" prop="ksdh">
|
||
<SelectTable v-model:data="formData.ksdh" :fields="fields" width="200px" dict-type="DP" />
|
||
</el-form-item>
|
||
<el-form-item label="检验仪器" prop="yq">
|
||
<YQSelectTable v-model:data="formData.yq" width="200px" clearable @get-data-value="getList"></YQSelectTable>
|
||
</el-form-item>
|
||
<el-form-item label="标本日期" prop="jyrq">
|
||
<el-date-picker v-model="formData.jyrq1" type="date" style="width: 150px;" /> - <el-date-picker
|
||
v-model="formData.jyrq2" type="date" style="width: 150px;" />
|
||
</el-form-item>
|
||
<el-form-item label="检验医师" prop="yhdh">
|
||
<el-input placeholder="请填写检验医师" v-model="formData.yhdh"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="病人来源" prop="brly">
|
||
<SelectTable v-model:data="formData.brly" :fields="fields" width="120px" dict-type="PT" />
|
||
</el-form-item>
|
||
<el-form-item label="标本号" prop="ybh">
|
||
<el-input placeholder="请输入开始标本号" v-model="formData.ybh1" style="width: 120px;"></el-input> - <el-input
|
||
placeholder="请输入结束标本号" v-model="formData.ybh2" style="width: 120px;"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="审核标志">
|
||
<el-select v-model="formData.jgbz" style="width: 120px" clearable>
|
||
<el-option v-for="item in jgbzOption" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-checkbox v-model="formData.jzbz" label="急诊报告" true-value="1" false-value="0"></el-checkbox>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-button type="primary" @click="getList">查询</el-button>
|
||
<el-button type="primary" @click="checkData">批量审核</el-button>
|
||
<el-button type="primary" @click="cancelCheck">取消审核</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
<h3>{{ msg }}</h3>
|
||
<div class="table-container">
|
||
<CustomTable ref="tableRef" :data="tableData" :columns="columns" :config="tableConfig">
|
||
<template #jgbz="{ row }">
|
||
<span>{{ displayJGBZ(row.jgbz) }}</span>
|
||
</template>
|
||
<template #brly="{ row }">
|
||
<span>{{ formatDict(row.brly, 'PT') }}</span>
|
||
</template>
|
||
<template #brxb="{ row }">
|
||
<span>{{ displayBRXB(row.brxb) }}</span>
|
||
</template>
|
||
<template #brnl="{ row }">
|
||
<span>{{ displayBRNL(row.nl, row.nldw) }}</span>
|
||
</template>
|
||
<template #ksdh="{ row }">
|
||
<span>{{ formatDict(row.ksdh, 'DP') }}</span>
|
||
</template>
|
||
<template #sjys="{ row }">
|
||
<span>{{ formatDict(row.sjys, 'SRD') }}</span>
|
||
</template>
|
||
</CustomTable>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import CustomTable from '@/components/elTable/index.vue'
|
||
import YQSelectTable from '@/components/SelectTable/YQSelectTable/index.vue';
|
||
import SelectTable from '@/components/SelectTable/index.vue';
|
||
import { batchCheckService, queryBatchCheckListService, cancelBatchCheckService } from '@/api/liswork/batchCheck/batchCheckApi';
|
||
import dayjs from 'dayjs';
|
||
import { formatDict, getDictData } from '@/hooks'
|
||
import { displayBRNL, displayBRXB } from '@/utils/czUtil/lisUtil'
|
||
|
||
const formData = ref({
|
||
lisgroup: '', //仪器分组
|
||
yljg: '', //医疗机构
|
||
ksdh: '', //申请科室
|
||
yq: '', //检验仪器
|
||
jyrq1: '', //标本日期开始
|
||
jyrq2: '', //标本日期结束
|
||
yhdh: '', //检验医师
|
||
brly: '', //病人来源
|
||
ybh1: '', //标本号开始
|
||
ybh2: '', //标本号结束
|
||
jgbz: '0', //审核标志
|
||
jzbz: 0 //急诊标志
|
||
})
|
||
const tableRef = ref();
|
||
const form = ref();
|
||
const msg = ref('') //审核后结果显示
|
||
const tableData = ref()
|
||
const columns = ref([
|
||
{ type: 'selection', title: '选择', visible: true, align: 'center', width: 40 },
|
||
{ prop: 'jgbz', label: '审核标志', visible: true, align: 'center', slot: 'jgbz' },
|
||
{ prop: 'yqmc', label: '检验仪器', visible: true, align: 'center', width: 150 },
|
||
{ prop: 'jyrq', label: '检验日期', visible: true, align: 'center', width: 150 },
|
||
{ prop: 'ybh', label: '样本号', visible: true, align: 'center' },
|
||
{ prop: 'brxm', label: '姓名', visible: true, align: 'center' },
|
||
{ prop: 'brdh', label: '住院号', visible: true, align: 'center' },
|
||
{ prop: 'sqh', label: '申请号', visible: true, align: 'center' },
|
||
{ prop: 'brly', label: '病人类型', visible: true, align: 'center', slot: 'brly' },
|
||
{ prop: 'brxb', label: '性别', visible: true, align: 'center', slot: 'brxb' },
|
||
{ prop: 'brnl', label: '年龄', visible: true, align: 'center', slot: 'brnl' },
|
||
{ prop: 'ksdh', label: '科室', visible: true, align: 'center', slot: 'ksdh' },
|
||
{ prop: 'ch', label: '床号', visible: true, align: 'center' },
|
||
{ prop: 'sjys', label: '送检医生', visible: true, align: 'center', slot: 'sjys' },
|
||
{ prop: 'sqsj', label: '申请时间', visible: true, align: 'center', width: 150 },
|
||
{ prop: 'cysj', label: '采样时间', visible: true, align: 'center', width: 150 },
|
||
{ prop: 'yhdhmc', label: '检验医师', visible: true, align: 'center' },
|
||
{ prop: 'dysj', label: '报告日期', visible: true, align: 'center', width: 150 },
|
||
{ prop: 'yblx', label: '样本', visible: true, align: 'center' },
|
||
{ prop: 'hdysmc', label: '核对医生', visible: true, align: 'center' },
|
||
{ prop: 'dybz', label: '打印标志', visible: true, align: 'center' },
|
||
{ prop: 'zd', label: '临床诊断', visible: true, align: 'center' },
|
||
{ prop: 'bz', label: '备注', visible: true, align: 'center' },
|
||
{ prop: 'confirmermc', label: '审核人', visible: true, align: 'center' },
|
||
{ prop: 'confirmdt', label: '审核时间', visible: true, align: 'center', width: 150 },
|
||
]);
|
||
|
||
const jgbzOption = ref([
|
||
{ value: '0', label: '未审核' },
|
||
{ value: '2', label: '已审核' },
|
||
{ value: '1', label: '初审' },
|
||
{ value: 'A', label: '所有' },
|
||
])
|
||
|
||
const tableConfig = ref({
|
||
border: true, // 边框
|
||
height: 'calc(100vh - 220px)', // 高度，
|
||
highlightCurrentRow: true, // 高亮当前行
|
||
// cellStyle: cellStyleHd
|
||
})
|
||
|
||
const fields = ref(
|
||
[
|
||
{ prop: 'value', label: '代号', width: 80, enablePinyinSearch: true },
|
||
{ prop: 'label', label: '名称', width: 150, enablePinyinSearch: true },
|
||
]
|
||
)
|
||
|
||
const displayJGBZ = (jgbz: string) => {
|
||
const option = jgbzOption.value.find((opt) => opt.value === jgbz)
|
||
return option ? option.label : jgbz
|
||
}
|
||
|
||
|
||
const validateYbhRange = (rule: any, value: any, callback: any) => {
|
||
const { ybh1, ybh2 } = formData.value // 同时获取两个输入框的值
|
||
|
||
// 场景1：两个都必填
|
||
if (!ybh1 && !ybh2) {
|
||
callback(new Error('开始和结束标本号不能为空'))
|
||
return
|
||
}
|
||
if (!ybh1) {
|
||
callback(new Error('请输入开始标本号'))
|
||
return
|
||
}
|
||
if (!ybh2) {
|
||
callback(new Error('请输入结束标本号'))
|
||
return
|
||
}
|
||
|
||
// 校验通过：必须调用空的callback()
|
||
callback()
|
||
}
|
||
|
||
|
||
const validateJYRQRange = (rule: any, value: any, callback: any) => {
|
||
const { jyrq1, jyrq2 } = formData.value
|
||
if (!jyrq1 || !jyrq2) {
|
||
callback(new Error('标本日期范围不能为空'))
|
||
return false
|
||
}
|
||
if (new Date(jyrq1) > new Date(jyrq2)) {
|
||
callback(new Error('标本日期范围不正确，开始日期不能大于结束日期'))
|
||
return false
|
||
}
|
||
return true
|
||
}
|
||
|
||
const rules = ref({
|
||
yljg: [{ required: true, message: '请选择医疗机构', trigger: 'blur' }],
|
||
ybh: [{ validator: validateYbhRange, trigger: 'blur' }],
|
||
yq: [{ required: true, message: '请选择检验仪器', trigger: 'blur' }],
|
||
jyrq: [{ validator: validateJYRQRange, trigger: 'blur' }],
|
||
})
|
||
|
||
|
||
const getList = async () => {
|
||
await form.value.validate()
|
||
formData.value.jyrq1 = dayjs(formData.value.jyrq1).format('YYYY-MM-DD HH:mm:ss')
|
||
formData.value.jyrq2 = dayjs(formData.value.jyrq2).format('YYYY-MM-DD HH:mm:ss')
|
||
const res = await queryBatchCheckListService(formData.value)
|
||
tableData.value = res.data
|
||
}
|
||
|
||
const checkData = async () => {
|
||
// 从 CustomTable 暴露的方法获取已选中行（兼容直接访问内部 tableRef）
|
||
const selected = tableRef.value?.getSelectionRows
|
||
? tableRef.value.getSelectionRows()
|
||
: (tableRef.value?.tableRef?.getSelectionRows ? tableRef.value.tableRef.getSelectionRows() : [])
|
||
|
||
const paramList = (selected || []).map((item: any) => ({
|
||
userId: "",
|
||
yq: String(item.yq).trim(),
|
||
jyrq: dayjs(item.jyrq).format('YYYY-MM-DD HH:mm:ss'),
|
||
ybh: item.ybh,
|
||
}))
|
||
|
||
if (!paramList.length) {
|
||
msg.value = '请先选择要审核的行'
|
||
return
|
||
}
|
||
|
||
console.log(paramList)
|
||
const ret = await batchCheckService(paramList)
|
||
if (ret && ret.code === 200) {
|
||
msg.value = '审核成功:' + ret.msg
|
||
getList()
|
||
}
|
||
}
|
||
|
||
const cancelCheck = async () => {
|
||
const paramList = tableRef.value.getSelectedRows()
|
||
const ret = await cancelBatchCheckService(paramList)
|
||
if (ret.code === 200) {
|
||
getList()
|
||
}
|
||
}
|
||
|
||
onMounted(() => {
|
||
getDictData('DP', 'SRD')
|
||
})
|
||
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.table-container {
|
||
height: calc(100vh - 220px);
|
||
overflow: auto;
|
||
/* 如果表格高度超出，显示滚动条 */
|
||
padding-bottom: 12px;
|
||
/* 给底部留出空间，避免被遮挡 */
|
||
box-sizing: border-box;
|
||
}
|
||
</style>
|