869 lines
28 KiB
Vue
869 lines
28 KiB
Vue
<template>
|
||
<div class="app-container ">
|
||
<div class="tips">检验科条码打印 科室：{{ formatDict(queryParams.ksdh, 'DP') }} 登录人：{{ nickName }}</div>
|
||
<div ref="compactForm">
|
||
<el-row :gutter="10" class="compact-form" v-show="showSearch">
|
||
<el-form :model="queryParams" ref="queryRef" :inline="true" :size="aotuSize" :rules="queryRules">
|
||
<el-form-item label="日期：" prop="failed1">
|
||
<el-date-picker v-model="queryParams.times" type="datetimerange" range-separator="-"
|
||
start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss"
|
||
value-format="YYYY-MM-DD HH:mm:ss" @change="handletime" style="width: 28rem;" />
|
||
</el-form-item>
|
||
|
||
<!-- <el-form-item label="医疗机构：" prop="yljg">
|
||
<el-select v-model="queryParams.yljg" placeholder="请选择" style="width: 9.37rem;">
|
||
<el-option v-for="item in dictData.HOS" :key="item.value" :label="item.label" :value="item.value" />
|
||
</el-select>
|
||
</el-form-item> -->
|
||
<el-form-item label="条码状态：" prop="zt">
|
||
<el-select v-model="queryParams.zt" placeholder="请选择" style="width: 8rem;" clearable>
|
||
<el-option v-for="item in dictData.ST" :key="item.value" :label="item.label" :value="item.value" />
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="" prop="queryType">
|
||
<el-select v-model="queryParams.queryType" placeholder="请选择" style="width:10rem">
|
||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="" prop="queryValue">
|
||
<el-input v-model="queryParams.queryValue" clearable placeholder="条件搜索" @keyup.enter="handleQuery" />
|
||
</el-form-item>
|
||
|
||
<el-form-item label="">
|
||
<el-button icon="search" type="primary" @click="handleQuery" :size="aotuSize"> 搜索 </el-button>
|
||
<el-button icon="Refresh" @click="resetQuery" :size="aotuSize">重置</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-row>
|
||
|
||
</div>
|
||
|
||
<el-row :gutter="10">
|
||
<el-col :span="16" class="right-table">
|
||
<el-row :gutter="10" class="mb8">
|
||
<el-col :span="1.5">
|
||
<el-button type="primary" :size="aotuSize" plain icon="Plus" @click="printHandle">生成条码</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="danger" :size="aotuSize" plain icon="Edit" @click="selectStatusRows">选中所有未打印</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" :size="aotuSize" plain @click="printPdf">打印条码</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="info" :size="aotuSize" plain icon="Upload" @click="openBlock('采样登记')">采样登记</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="warning" :size="aotuSize" plain @click="openBlock('送检登记')">送检登记</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="warning" :size="aotuSize" plain @click="goReport">报告查询</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="warning" :size="aotuSize" plain @click="cancelHandle">条码作废</el-button>
|
||
</el-col>
|
||
<!-- <el-col :span="1.5">
|
||
<el-button type="warning" :size="aotuSize" plain>打印机设置</el-button>
|
||
</el-col>-->
|
||
<el-col :span="1.5">
|
||
<el-button type="warning" :size="aotuSize" plain @click="sendSampleHandle">清单打印</el-button>
|
||
</el-col>
|
||
<!-- <right-toolbar v-model:showSearch="showSearch" @updateColumns="updateColumns" @queryTable="handleQuery"
|
||
:columns="columns"></right-toolbar> -->
|
||
</el-row>
|
||
|
||
<CustomVxeTable :table-data="tableData" :loading="loading" :columns="columns"
|
||
:row-config="{ isHover: true, keyField: '_index' }" @current-change="rowHandle" size="small"
|
||
:row-style="rowClassNameHd" :cell-style="cellStyleHd" class="mytable-style" ref="tableRef"
|
||
:scrollYConfig="{ enabled: true, rSize: 30, height: '100%', }" @selection-change="selectionChange"
|
||
:config="tableConfig" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd">
|
||
<template #dy="{ row }">
|
||
<svg-icon v-if="row.zt != 1" icon-class="lvgou" />
|
||
</template>
|
||
<template #jzbz="{ row }">
|
||
{{ row.jzbz == '1' ? '急' : '' }}
|
||
</template>
|
||
<template #jjzt="{ row }">
|
||
{{ row.jjzt == '1' ? '计价' : '无' }}
|
||
</template>
|
||
<template #brly="{ row }">
|
||
{{ formatDict(row.brly, 'PT') }}
|
||
</template>
|
||
<template #zt="{ row }">
|
||
{{ formatDict(row.zt.trim(), 'ST') }}
|
||
</template>
|
||
<template #yljg="{ row }">
|
||
{{ formatDict(row.yljg, 'HOS') }}
|
||
</template>
|
||
</CustomVxeTable>
|
||
|
||
</el-col>
|
||
<el-col :span="8" class="right-table">
|
||
<div class="mb8" style="height:2rem"> </div>
|
||
<!-- <el-button type="primary" plain class="mb8" :size="aotuSize">拆分选中项目</el-button> -->
|
||
<CustomTable :data="rightTableData" :columns="rightColumns" :config="rightTableConfig">
|
||
<template #jjzt="{ row }">
|
||
{{ row.jjzt == '1' ? '计价' : '无' }}
|
||
</template>
|
||
<template #zt="{ row }">
|
||
{{ formatDict(row.zt, 'ST') }}
|
||
</template>
|
||
</CustomTable>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<!-- 样本流程 -->
|
||
<div class="time-line-box">
|
||
<div v-for="(item, i) in timelineItems" :key="i" class="time-line-item">
|
||
<div v-if="i != 0" class="timeline-connector">
|
||
<img class="timg" src="@/assets/images/yjt.png" alt="">
|
||
</div>
|
||
<div :class="['timeline-content', i > lastTimeIndex ? 'no_active' : '']">
|
||
<div :class="['index', lastTimeIndex == i ? 'active' : '']">{{ i + 1 }}</div>
|
||
<div class="timeline-title">{{ item.title }}</div>
|
||
<div class="timeline-time">{{ item.time }}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 采样登记 -->
|
||
<el-dialog v-model="dialogVisible" :title="title" draggable :close-on-click-modal="false" width="70vw"
|
||
@close="closeDialog">
|
||
<div class="flex-between">
|
||
<el-row :gutter="10" class="mb8">
|
||
<el-col :span="1.5">
|
||
<el-input v-model="sqhText" clearable placeholder="条形码" @keyup.enter="sqdQuery" @clear="sqdQuery" />
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="primary" @click="sqdQuery" plain>读取</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="danger" plain icon="delete">删除选中行</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="info" plain>打印</el-button>
|
||
</el-col>
|
||
</el-row>
|
||
<!-- <el-button type="primary" plain>保存</el-button> -->
|
||
</div>
|
||
<CustomTable :data="cyTableData" :columns="cyColumns" :config="cyTableConfig">
|
||
<template #zt="{ row }">
|
||
{{ formatDict(row.zt, 'ST') }}
|
||
</template>
|
||
</CustomTable>
|
||
</el-dialog>
|
||
<el-dialog v-model="previewShow" title="预览" width="90vw" :close-on-click-modal="false">
|
||
<iFrame v-if="pdfUrl" :src="pdfUrl" />
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { ref, reactive, toRaw, computed, watch, nextTick, onMounted, } from 'vue';
|
||
import { HiprintPrinter } from '@/utils/hiprintPrinter';
|
||
import { classCom } from '@/utils/classCom';
|
||
import CustomTable from '@/components/elTable/index.vue'
|
||
import CustomVxeTable from '@/components/vxeTable/index.vue'
|
||
import { useRouter, useRoute } from 'vue-router'
|
||
import { usePrintStore } from '@/store/modules/printStore'
|
||
// @ts-ignore
|
||
import { getUserName } from '@/api/system/user.js'
|
||
import { fetchCodeList, addObj, fetchCodeDetail, fetchCodeExec, fetchCodeReqmain, printSendSample } from '@/api/checkCode/index'
|
||
const aotuSize = classCom.useAutoSize();
|
||
//@ts-ignore
|
||
import useUserStore from '@/store/modules/user'
|
||
// @ts-ignore
|
||
import iFrame from "@/components/iFrame/index.vue";
|
||
//@ts-ignore
|
||
import { comDict } from '@/utils/dict'
|
||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||
import dayjs from 'dayjs';
|
||
import { log } from 'vxe-pc-ui';
|
||
const router = useRouter()
|
||
const route = useRoute()
|
||
const userStore = useUserStore()
|
||
const printStore = usePrintStore();
|
||
//@ts-ignore
|
||
import { getDicts } from '@/api/system/dict/data'
|
||
|
||
const compactForm = ref<HTMLElement | null>(null);
|
||
const lisReqs: any = ref([])
|
||
const nickName = ref('')
|
||
const dialogVisible = ref(false)
|
||
const title = ref('采样登记')
|
||
const sqhText = ref('')
|
||
const tableRef = ref()
|
||
interface QueryParams {
|
||
times: string[]; // 明确类型为字符串元组
|
||
yljg: string;
|
||
zt: string;
|
||
queryType: string;
|
||
queryValue: string;
|
||
ksdh: string;
|
||
userid: string;
|
||
}
|
||
// 提交表单数据
|
||
const queryParams = reactive<QueryParams>({
|
||
times: ['2025-07-18 00:00:00', '2025-07-18 23:59:59'],
|
||
// times: [],
|
||
yljg: '1',
|
||
zt: '',
|
||
queryType: '',
|
||
queryValue: '',
|
||
ksdh: '',
|
||
userid: ''
|
||
});
|
||
const showSearch = ref(true);
|
||
const queryRef = ref()
|
||
// 定义校验规则
|
||
const queryRules = ref({
|
||
// clientId: [
|
||
// { required: true, message: '编号不能为空', trigger: 'blur' },
|
||
|
||
// ],
|
||
|
||
// failed3: [
|
||
// { required: true, message: '条码状态不能为空', trigger: 'change' },
|
||
// ],
|
||
})
|
||
const options = [
|
||
{
|
||
value: 'brxm',
|
||
label: '通过姓名搜索',
|
||
},
|
||
{
|
||
value: 'brdh',
|
||
label: '通过病人号搜索',
|
||
},
|
||
{
|
||
value: 'ch',
|
||
label: '通过床号搜索',
|
||
},
|
||
]
|
||
|
||
const previewShow = ref(false)
|
||
const pdfUrl = ref('')
|
||
|
||
interface DictData {
|
||
SX?: Array<any>;
|
||
HOS?: Array<any>;
|
||
[key: string]: any[] | undefined; // 添加索引签名以支持动态访问
|
||
}
|
||
// 字典数据存储
|
||
const dictData = ref<DictData>({});
|
||
const handleQuery = async () => {
|
||
const valid = await queryRef.value.validate().catch(() => { });
|
||
if (!valid) return false;
|
||
getList()
|
||
}
|
||
// 重置
|
||
const resetQuery = () => {
|
||
queryRef.value?.resetFields();
|
||
timeDate()
|
||
queryParams.zt = ''
|
||
queryParams.queryType = ''
|
||
queryParams.queryValue = ''
|
||
getList()
|
||
}
|
||
|
||
const loading = ref(false);
|
||
|
||
// 数据源
|
||
const tableData = ref([])
|
||
// 配置项
|
||
const columns = ref([
|
||
{ type: 'selection', field: '', title: '', resizable: true, align: 'center', width: 40 },
|
||
{ field: 'dyzt', title: '打印', resizable: true, align: 'center', slotName: 'dy', width: 40 },
|
||
{ field: 'jzbz', title: '急', align: 'center', resizable: true, slotName: 'jzbz', width: 30 },
|
||
{ field: 'ch', title: '床号', resizable: true, align: 'center', width: 40 },//sortable: true,
|
||
{ field: 'brxm', title: '姓名', align: 'center', resizable: true, width: 50 },
|
||
{ field: 'brxbname', title: '性别', align: 'center', resizable: true, width: 30 },
|
||
{ field: 'jymd', title: '项目名称', resizable: true, width: 130 },
|
||
{ field: 'bgddhname', title: '类别', align: 'center', resizable: true, width: 80 },
|
||
{ field: 'sampletips', title: '采样提示', align: 'center', resizable: true, width: 60 },
|
||
{ field: 'yblx', title: '样本类型', align: 'center', resizable: true, width: 60 },
|
||
{ field: 'brdh', title: '病人号', align: 'center', resizable: true, width: 90 },
|
||
{ field: 'ksname', title: '科室名称', align: 'center', resizable: true, width: 100 },
|
||
{ field: 'sqh', title: '申请号/条码', align: 'center', resizable: true, width: 100 },
|
||
{ field: 'zt', title: '状态', align: 'center', resizable: true, slotName: 'zt', width: 40 },
|
||
{ field: 'brly', title: '病人来源', align: 'center', resizable: true, slotName: 'brly', width: 60 },
|
||
{ field: 'sqysname', title: '申请医生', align: 'center', resizable: true, width: 60 },
|
||
{ field: 'sqsj', title: '申请时间', align: 'center', resizable: true, width: 150 },
|
||
{ field: 'jjzt', title: '计价标志', align: 'center', resizable: true, slotName: 'jjzt', width: 60 },
|
||
{ field: 'zxysname', title: '执行医生', align: 'center', resizable: true, width: 60 },
|
||
{ field: 'bbsjrname', title: '送检人', align: 'center', resizable: true, width: 50 },
|
||
{ field: 'yljg', title: '医疗机构', align: 'center', resizable: true, slotName: 'yljg', width: 150 },
|
||
])
|
||
|
||
const single = ref(true);
|
||
const multiple = ref(true);
|
||
const sqhs = ref([]);
|
||
// 单元格样式
|
||
const cellStyleHd = ({ row, column, rowIndex, columnIndex }: {
|
||
row: any;
|
||
column: any;
|
||
rowIndex: number;
|
||
columnIndex: number;
|
||
}) => {
|
||
// console.log(row, column, rowIndex, columnIndex);
|
||
if (column.title == "急" && row.jzbz == "1") {
|
||
return { color: '#f00' };
|
||
}
|
||
|
||
if (column.title == "类别") {
|
||
const bgColor = classCom.decimalToHexColor(row.bkcolor);
|
||
const textColor = classCom.getContrastTextColor(bgColor);
|
||
return {
|
||
backgroundColor: `${bgColor} !important`,
|
||
color: textColor,
|
||
};
|
||
}
|
||
if (column.title == "状态") {
|
||
const bgColor = lisReqs.value.find((item: any) => item.value == row.zt.trim())?.elTagClass || '#FFF';
|
||
return {
|
||
backgroundColor: `${bgColor} !important`,
|
||
};
|
||
}
|
||
};
|
||
const rowClassNameHd = ({ row, rowIndex }: {
|
||
row: any;
|
||
rowIndex: number;
|
||
}) => {
|
||
return 'custom-row-class'; // 返回自定义类名
|
||
};
|
||
|
||
// 时间线数据
|
||
const timelineItems = ref(
|
||
[
|
||
{ title: '检验申请', time: '' },
|
||
{ title: '标本采集', time: '' },
|
||
{ title: '上机检验', time: '' },
|
||
{ title: '标本送检', time: '' },
|
||
// { title: '检验接收', time: '' },
|
||
{ title: '标本签收', time: '' },
|
||
{ title: '结果审核', time: '' },
|
||
]
|
||
);
|
||
|
||
// 计算最后一个有时间的节点索引
|
||
const lastTimeIndex = computed(() => {
|
||
|
||
const lastIndex = timelineItems.value.findLastIndex(item => item.time);
|
||
if (lastIndex === -1) {
|
||
return -1
|
||
} else {
|
||
return lastIndex;
|
||
}
|
||
});
|
||
|
||
const Info: any = ref({})
|
||
// 点击行
|
||
const rowHandle = (row: any) => {
|
||
timelineItems.value =
|
||
[
|
||
{ title: '检验申请', time: row.sqsj },
|
||
{ title: '标本采集', time: row.cysj },
|
||
{ title: '上机检验', time: row.zxsj },
|
||
{ title: '标本送检', time: row.bbsjsj },
|
||
// { title: '检验接收', time: row.jssj},
|
||
{ title: '标本签收', time: row.jssj },
|
||
{ title: '结果审核', time: row.confirmtime },
|
||
]
|
||
Info.value = row
|
||
getRightTable(row)
|
||
};
|
||
|
||
const selectionChange = (selection: any) => {
|
||
sqhs.value = selection;
|
||
single.value = selection.length != 1;
|
||
multiple.value = !selection.length;
|
||
}
|
||
|
||
const handleColumnDragEnd = (data: any) => {
|
||
// 先清空再赋值，强制触发重新渲染
|
||
columns.value = [];
|
||
// 使用nextTick确保DOM更新后再设置新值
|
||
nextTick(() => {
|
||
columns.value = [...data.columns];
|
||
});
|
||
};
|
||
|
||
// 左侧表格配置
|
||
const tableConfig = ref({
|
||
// 复选框配置
|
||
checkboxConfig: {
|
||
// 可选配置项
|
||
checkField: 'checked', // 绑定数据中的字段（默认：checked）
|
||
range: false, // 是否支持范围选择（按住 Shift 连续选择）
|
||
disabled: false, // 是否禁用全部复选框
|
||
reserve: false, // 是否保留勾选状态（分页/筛选时）
|
||
highlight: false // 是否高亮选中行
|
||
}
|
||
})
|
||
// 右侧数据源
|
||
const rightTableData = ref([])
|
||
// 配置项
|
||
const rightColumns = ref([
|
||
{ prop: 'sqxmdh', label: '项目代号', visible: true, sortable: true, width: '110px' },
|
||
{ prop: 'sqxmmc', label: '项目名称', visible: true, width: '120px' },
|
||
{ prop: 'dj', label: '单价', align: 'center', visible: true, },
|
||
{ prop: 'sl', label: '数量', align: 'center', visible: true, },
|
||
{ prop: 'zt', label: '状态', align: 'center', visible: true, slot: 'zt', },
|
||
{ prop: 'jjzt', label: '计价标志', align: 'center', visible: true, slot: 'jjzt', },
|
||
|
||
])
|
||
// 表格配置
|
||
const rightTableConfig = ref({
|
||
// stripe: true, // 斑马纹
|
||
border: true, // 边框
|
||
height: '75vh', // 高度
|
||
highlightCurrentRow: true, // 高亮当前行
|
||
})
|
||
|
||
// 采样数据源
|
||
const cyTableData = ref([])
|
||
// 配置项
|
||
const cyColumns = ref([
|
||
{ prop: 'sqh', label: '申请号/条形码', align: 'center', visible: true, sortable: true, width: 140 },
|
||
{ prop: 'ksdh', label: '科室病区', align: 'center', visible: true, width: 120 },
|
||
{ prop: 'ch', label: '床号', align: 'center', visible: true, sortable: true, },
|
||
{ prop: 'brxm', label: '姓名', align: 'center', visible: true, },
|
||
{ prop: 'brdh', label: '病人号', align: 'center', visible: true, },
|
||
{ prop: 'brxb', label: '性别', align: 'center', visible: true, },
|
||
{ prop: 'yblx', label: '样本类型', align: 'center', visible: true, },
|
||
{ prop: 'zt', label: '状态', align: 'center', visible: true, slot: 'zt', },
|
||
{ prop: 'jzbz', label: '急诊', align: 'center', visible: true, },
|
||
{ prop: 'jjzt', label: '采样人', align: 'center', visible: true, },
|
||
{ prop: 'cysj', label: '采样时间', align: 'center', visible: true, },
|
||
{ prop: 'zxysname', label: '执行医生', align: 'center', visible: true, },
|
||
{ prop: 'zxsj', label: '执行时间', align: 'center', visible: true, },
|
||
])
|
||
// 表格配置
|
||
const cyTableConfig = ref({
|
||
border: true, // 边框
|
||
height: '100%', // 高度
|
||
highlightCurrentRow: true, // 高亮当前行
|
||
})
|
||
|
||
|
||
|
||
// 采样登记
|
||
const openBlock = (value: string) => {
|
||
const selections = tableRef.value.allSelection()
|
||
if (selections.length > 0) {
|
||
ElMessageBox.confirm(`确定操作选中的数据吗？`, "提示", {
|
||
confirmButtonText: "确认",
|
||
cancelButtonText: "取消",
|
||
beforeClose: async (action, instance, done) => {
|
||
if (action === "confirm") {
|
||
// 生成请求Promise数组
|
||
const requests = selections.map((item: any) => { return item.sqh });
|
||
fetchCodeExec({
|
||
sqh: requests.join(','),
|
||
userid: queryParams.userid,
|
||
status: value == '采样登记' ? 12 : 13,
|
||
yljg: queryParams.yljg
|
||
}).then((res: any) => {
|
||
if (res.code == 0) {
|
||
ElMessage.success('调用成功');
|
||
done();
|
||
getList()
|
||
} else {
|
||
ElMessage.error('调用失败');
|
||
}
|
||
})
|
||
} else {
|
||
done();
|
||
}
|
||
},
|
||
}).catch(() => { });
|
||
|
||
} else {
|
||
title.value = value
|
||
dialogVisible.value = true
|
||
}
|
||
}
|
||
// 采样读取
|
||
const sqdQuery = () => {
|
||
const index = cyTableData.value.findIndex((item: any) => item.sqh == sqhText.value)
|
||
if (index !== -1) return ElMessage.warning('该申请单数据已存在！')
|
||
|
||
fetchCodeReqmain({ sqh: sqhText.value }).then((res: any) => {
|
||
if (res.code == 0 && res.data.sqh) {
|
||
fetchCodeExec({
|
||
sqh: res.data.sqh,
|
||
userid: queryParams.userid,
|
||
status: 12,
|
||
yljg: queryParams.yljg
|
||
})
|
||
cyTableData.value = cyTableData.value.concat(res.data)
|
||
}
|
||
})
|
||
}
|
||
// 关闭弹窗清空
|
||
const closeDialog = () => {
|
||
cyTableData.value = []
|
||
sqhText.value = ''
|
||
}
|
||
|
||
|
||
interface ColumnItem {
|
||
prop: string;
|
||
label: string;
|
||
visible: boolean;
|
||
key: number;
|
||
align: string;
|
||
slot: string;
|
||
width: string;
|
||
}
|
||
// 更新列
|
||
// const updateColumns = (arr: Array<ColumnItem>) => {
|
||
// columns.value = arr
|
||
// };
|
||
|
||
const getRightTable = (row: any) => {
|
||
fetchCodeDetail({ sqh: row.sqh }).then((res: any) => {
|
||
if (res.code == 0) {
|
||
rightTableData.value = res.data
|
||
}
|
||
})
|
||
}
|
||
|
||
|
||
|
||
const goReport = () => {
|
||
// 跳转到报告查询页面
|
||
router.push(`/report?yljg=${Info.value.yljg ? Info.value.yljg : queryParams.yljg}&deptcode=${Info.value.ksdh ? Info.value.ksdh : queryParams.ksdh}&userid=${queryParams.userid}&brdh=${Info.value.brdh ? Info.value.brdh : ''}`)
|
||
// router.push('/report?startdate=2025-08-19&endate=2025-08-19&deptcode=0210&userid=00910&brdh=')
|
||
|
||
};
|
||
|
||
const cancelHandle = () => {
|
||
const selections = tableRef.value.allSelection()
|
||
if (selections.length <= 0) return ElMessage.warning('请选择数据！')
|
||
ElMessageBox.confirm(`确定作废选中的数据吗？`, "提示", {
|
||
confirmButtonText: "确认",
|
||
cancelButtonText: "取消",
|
||
beforeClose: async (action, instance, done) => {
|
||
if (action === "confirm") {
|
||
const requests = selections.map((item: any) => { return item.sqh });
|
||
fetchCodeExec({
|
||
sqh: requests.join(','),
|
||
userid: queryParams.userid,
|
||
status: 9,
|
||
yljg: queryParams.yljg
|
||
}).then((res: any) => {
|
||
if (res.code == 0) {
|
||
ElMessage.success('调用成功');
|
||
done();
|
||
getList()
|
||
} else {
|
||
ElMessage.error('调用失败');
|
||
}
|
||
})
|
||
} else {
|
||
done();
|
||
}
|
||
},
|
||
}).catch(() => { });
|
||
|
||
}
|
||
|
||
const sendSampleHandle = () => {
|
||
const selections = tableRef.value.allSelection()
|
||
if (selections.length <= 0) return ElMessage.warning('请选择数据！')
|
||
const arr = selections.map((item: any) => { return item.sqh });
|
||
printSendSample(arr).then((res: any) => {
|
||
if (res.code == 0) {
|
||
const url = res.data
|
||
if (!url) return ElMessage.warning('未查询到文件')
|
||
pdfUrl.value = `data:application/pdf;base64,${url}`
|
||
previewShow.value = true
|
||
}
|
||
})
|
||
}
|
||
|
||
const timeDate = () => {
|
||
// 获取当前日期（当天）
|
||
const today = dayjs();
|
||
|
||
// 计算前6天的日期（当天 + 前6天 = 7天）
|
||
const startOfWeek = today.subtract(6, 'day');
|
||
|
||
const startDate = route.query.startdate ? String(route.query.startdate) : startOfWeek.format('YYYY-MM-DD HH:mm:ss');
|
||
const endDate = route.query.endate ? String(route.query.endate) : today.format('YYYY-MM-DD HH:mm:ss');
|
||
|
||
queryParams.times = [startDate, endDate];
|
||
}
|
||
|
||
onMounted(async () => {
|
||
timeDate()
|
||
|
||
queryParams.ksdh = (route.query.deptcode as string) ? (route.query.deptcode as string) : '';
|
||
queryParams.userid = (route.query.userid as string) ? (route.query.userid as string) : '';
|
||
queryParams.yljg = (route.query.yljg as string) ? (route.query.yljg as string) : '1';
|
||
// 进入页面单点登录
|
||
const result = await userStore.loginAnonymous({ name: queryParams.userid, yljg: queryParams.yljg })
|
||
if (result) {
|
||
// 获取状态字典
|
||
getDicts('lis_req_type').then((resp: any) => {
|
||
lisReqs.value = resp.data.map((p: any) => ({
|
||
label: p.dictLabel,
|
||
value: p.dictValue,
|
||
elTagType: p.listClass,
|
||
elTagClass: p.cssClass
|
||
}))
|
||
|
||
})
|
||
getList()
|
||
}
|
||
|
||
getUserName({ username: queryParams.userid }).then((res: any) => {
|
||
nickName.value = res.msg;
|
||
});
|
||
|
||
// 加载病人来源字典
|
||
const dictRefs = await comDict('PT', 'HOS', 'ST', 'DP');
|
||
|
||
// 从 ref 中获取实际数据
|
||
dictData.value = {
|
||
PT: toRaw(dictRefs.PT.value) || [],
|
||
HOS: toRaw(dictRefs.HOS.value) || [],
|
||
ST: toRaw(dictRefs.ST.value) || [],
|
||
DP: toRaw(dictRefs.DP.value) || [],
|
||
};
|
||
});
|
||
|
||
// 字典格式化方法
|
||
const formatDict = (v: string, dictType: string) => {
|
||
return dictData.value[dictType]?.find((item: any) => item.value == v)?.label || v;
|
||
};
|
||
|
||
|
||
const handletime = (val: Array<string>) => {
|
||
// console.log('时间', val);
|
||
// 校验日期格式
|
||
const dayDiff = getDayDiff(val[0], val[1]);
|
||
if (dayDiff === -1) return ElMessage.warning('请选择有效的日期范围');
|
||
//校验是否超过7天
|
||
if (dayDiff > 7) return ElMessage.warning('查询时间范围不能超过7天，请重新选择');
|
||
}
|
||
|
||
// 生成条码
|
||
const printHandle = () => {
|
||
const data = {
|
||
dept: queryParams.ksdh,
|
||
userid: queryParams.userid,
|
||
st: '',
|
||
et: '',
|
||
yljg: queryParams.yljg
|
||
}
|
||
if (queryParams.times && queryParams.times.length) {
|
||
data.st = queryParams.times[0]
|
||
data.et = queryParams.times[1]
|
||
} else {
|
||
data.st = ''
|
||
data.et = ''
|
||
}
|
||
addObj(data).then((res: any) => {
|
||
if (res.code == 0) {
|
||
getList()
|
||
}
|
||
})
|
||
}
|
||
// 计算两个日期的天数差（支持带时分秒）
|
||
const getDayDiff = (start: string, end: string): number => {
|
||
const startTime = new Date(start).getTime();
|
||
const endTime = new Date(end).getTime();
|
||
|
||
// 校验日期有效性
|
||
if (isNaN(startTime) || isNaN(endTime)) {
|
||
return -1; // 无效日期
|
||
}
|
||
|
||
// 计算毫秒差 → 转换为天数（向上取整，避免因时分秒导致的误差）
|
||
return Math.ceil((endTime - startTime) / (24 * 60 * 60 * 1000));
|
||
};
|
||
// 查询申请单
|
||
const getList = () => {
|
||
const data = {
|
||
dept: queryParams.ksdh,
|
||
userid: queryParams.userid,
|
||
st: queryParams.times[0],
|
||
et: queryParams.times[1],
|
||
yljg: queryParams.yljg,
|
||
queryType: queryParams.queryType,
|
||
queryValue: queryParams.queryValue,
|
||
zt: queryParams.zt
|
||
}
|
||
|
||
if (!data.yljg) return ElMessage.warning('医疗机构不能为空！')
|
||
if (!data.dept) return ElMessage.warning('科室代号不能为空！')
|
||
if (!data.userid) return ElMessage.warning('用户userid不能为空！')
|
||
|
||
// 校验日期格式
|
||
const dayDiff = getDayDiff(queryParams.times[0], queryParams.times[1]);
|
||
if (dayDiff === -1) return ElMessage.warning('请选择有效的日期范围');
|
||
|
||
|
||
//校验是否超过7天
|
||
if (dayDiff > 7) return ElMessage.warning('查询时间范围不能超过7天，请重新选择');
|
||
if (queryParams.times && queryParams.times.length > 0) {
|
||
data.st = queryParams.times[0]
|
||
data.et = queryParams.times[1]
|
||
} else {
|
||
data.st = ''
|
||
data.et = ''
|
||
}
|
||
|
||
loading.value = true;
|
||
fetchCodeList(data).then((response: any) => {
|
||
if (response.code == 0) {
|
||
loading.value = false;
|
||
tableData.value = response.data
|
||
if (tableData.value.length > 0) {
|
||
rowHandle(response.data[0])
|
||
getRightTable(response.data[0])
|
||
tableRef.value.setCurrentRow(response.data[0])
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
const selectStatusRows = () => {
|
||
tableData.value.forEach((item: any) => {
|
||
if (item.zt == 1) {
|
||
tableRef.value.toggleRowSelection(item, true)
|
||
} else {
|
||
tableRef.value.toggleRowSelection(item, false)
|
||
}
|
||
})
|
||
}
|
||
|
||
// 打印pdf
|
||
const printPdf = () => {
|
||
const selections = tableRef.value.allSelection()
|
||
if (selections.length <= 0) return ElMessage.warning('请选择数据！')
|
||
ElMessageBox.confirm(`确定打印选中的数据吗？`, "提示", {
|
||
confirmButtonText: "确认",
|
||
cancelButtonText: "取消",
|
||
beforeClose: async (action, instance, done) => {
|
||
if (action === "confirm") {
|
||
const requests = selections.map((item: any) => { return item.sqh });
|
||
fetchCodeExec({
|
||
sqh: requests.join(','),
|
||
userid: queryParams.userid,
|
||
status: 11,
|
||
yljg: queryParams.yljg
|
||
}).then((res: any) => {
|
||
if (res.code == 0) {
|
||
done();
|
||
getList()
|
||
HiprintPrinter.silentPrint(res.data);
|
||
}
|
||
})
|
||
} else {
|
||
done();
|
||
}
|
||
},
|
||
}).catch(() => { });
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.mytable-style {
|
||
height: 75vh;
|
||
}
|
||
|
||
.tips {
|
||
font-family: SourceHanSansCN, SourceHanSansCN;
|
||
font-size: 16px;
|
||
color: #409eff;
|
||
font-weight: 600;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.custom-row-class {
|
||
background-color: #c6c3ff !important;
|
||
/* 设置行背景色 */
|
||
}
|
||
|
||
.right-table {
|
||
margin-top: .625rem;
|
||
border: 1px solid #E1E9F7;
|
||
padding-top: .3125rem;
|
||
}
|
||
|
||
.title {
|
||
border-bottom: 1px solid #E1E9F7;
|
||
margin-bottom: .625rem;
|
||
padding: .625rem;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.time-line-box {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
align-items: center;
|
||
margin-top: .35rem;
|
||
background-color: #f0f3f8;
|
||
padding: .3rem 2.5rem;
|
||
margin-top: .625rem;
|
||
}
|
||
|
||
.time-line-item {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-around;
|
||
width: 16.6%;
|
||
|
||
// padding: 0 30px;
|
||
|
||
.timeline-content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
|
||
.index {
|
||
width: 1.875rem;
|
||
height: 1.875rem;
|
||
line-height: 1.875rem;
|
||
background: #E1E9F7;
|
||
border-radius: 50%;
|
||
text-align: center;
|
||
font-family: SourceHanSansCN, SourceHanSansCN;
|
||
font-weight: 500;
|
||
font-size: 1.125rem;
|
||
color: #4767A3;
|
||
}
|
||
|
||
.active {
|
||
background-color: #4096ff;
|
||
box-shadow: 0 0 0 .25rem rgba(64, 150, 255, 0.2);
|
||
color: #FFF;
|
||
}
|
||
|
||
.timeline-title {
|
||
font-family: SourceHanSansCN, SourceHanSansCN;
|
||
font-weight: 500;
|
||
font-size: 1rem;
|
||
color: #4767A3;
|
||
}
|
||
|
||
.timeline-time {
|
||
font-family: SourceHanSansCN, SourceHanSansCN;
|
||
font-weight: 400;
|
||
font-size: .875rem;
|
||
color: #4767A3;
|
||
}
|
||
|
||
}
|
||
|
||
.timg {
|
||
width: 3.125rem;
|
||
}
|
||
|
||
|
||
}
|
||
</style> |