294 lines
9.3 KiB
Vue
294 lines
9.3 KiB
Vue
<template>
|
||
<full-page pageStyle="background:#f5f5f5" @reachBottom="getMore()">
|
||
<!-- <template #header>
|
||
<view class="header-tabs" :style="elderVarStyle">
|
||
<view v-for="tab in tabs" :key="tab.value" :class="['tab', { active: activeTab === tab.value }]"
|
||
@click="switchTab(tab.value)">
|
||
{{ tab.label }}
|
||
</view>
|
||
</view>
|
||
</template> -->
|
||
|
||
<view class="px-15" :style="elderVarStyle">
|
||
<template v-if="activeTab === 'history-prescription' && list.length">
|
||
<view v-for="i in list" :key="i._id" class="history-item shadow-lg rounded" @click="select(i)">
|
||
<view class="history-item-time">{{ i.time }}</view>
|
||
<view class="history-item-body">
|
||
<view class="history-item-content">
|
||
<view class="history-disease">【诊断】{{ i.disease }}</view>
|
||
<view class="history-drugs">【药品】{{ i.drugNames }}</view>
|
||
</view>
|
||
<image class="checked-icon" :class="elderClass"
|
||
:src="`/static/icons/${selection && selection._id === i._id ? 'checked' : 'unchecked'}.svg`">
|
||
</image>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<template v-else-if="activeTab === 'purchase-record' && ninetyDaysDrugRecord && ninetyDaysDrugRecord.length">
|
||
<view v-for="i in ninetyDaysDrugRecord" :key="i.mdtrtId" class="history-item shadow-lg rounded"
|
||
@click="select(i)">
|
||
<view class="history-item-time">{{ i.date }}</view>
|
||
<view class="history-item-body">
|
||
<view class="history-item-content">
|
||
<view class="history-disease">【就诊机构】{{ i.medinsName }}</view>
|
||
<view class="history-drugs">【药品】{{ i.drugsStr }}</view>
|
||
</view>
|
||
<image class="checked-icon" :class="elderClass"
|
||
:src="`/static/icons/${selection && selection.mdtrtId === i.mdtrtId ? 'checked' : 'unchecked'}.svg`">
|
||
</image>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<empty-component v-else height="60vh" text="暂无数据" />
|
||
</view>
|
||
<template #footer>
|
||
<footer-buttons @cancel="cancel" @confirm="confirm" />
|
||
</template>
|
||
</full-page>
|
||
<confirm-popup :consultType="order.consultType" :drugs="displayDrugs" :visible="visible" @close="visible = false"
|
||
@confirm="changeDrugs($event)" />
|
||
</template>
|
||
<script setup>
|
||
import { ref } from 'vue';
|
||
import { storeToRefs } from "pinia";
|
||
import { onLoad } from '@dcloudio/uni-app';
|
||
import dayjs from 'dayjs';
|
||
import useElder from '@/hooks/useElder';
|
||
import orderStore from '@/store/order';
|
||
import usePageList from '@/hooks/usePageList';
|
||
|
||
import { getAccountHistoryDrugs, getRecent90daysDrugRecord, getOnlineSimilarDrugInfo, getStoreSimilarDrugInfo } from '@/utils/api';
|
||
import { confirm as uniConfirm, toast, loading as showLoading, hideLoading } from '@/utils/widget';
|
||
|
||
import FooterButtons from '@/components/footer-buttons.vue';
|
||
import fullPage from '@/components/full-page.vue';
|
||
import ConfirmPopup from './confirm-popup.vue';
|
||
import EmptyComponent from '@/components/empty.vue';
|
||
|
||
const { order } = storeToRefs(orderStore());
|
||
const { elderClass, elderVarStyle } = useElder();
|
||
const tabs = [{ label: '本院历史处方', value: 'history-prescription' }, { label: '医保购药记录', value: 'purchase-record' }];
|
||
const activeTab = ref('history-prescription');
|
||
const { page, pageSize, list, pages, changePage, loading, hasMore } = usePageList(getList);
|
||
const ninetyDaysDrugRecord = ref(null);
|
||
const selection = ref(null)
|
||
const displayDrugs = ref([])
|
||
const visible = ref(false)
|
||
|
||
function cancel() {
|
||
uni.navigateBack()
|
||
}
|
||
|
||
function changeDrugs(list) {
|
||
visible.value = false;
|
||
list.forEach(i => {
|
||
const index = order.value.drugs.findIndex(j => j.insurance_code === i.insurance_code);
|
||
if (index >= 0) {
|
||
order.value.drugs.splice(index, 1, i);
|
||
} else {
|
||
order.value.drugs.push(i);
|
||
}
|
||
})
|
||
uni.navigateBack()
|
||
}
|
||
|
||
function confirm() {
|
||
if (!selection.value) {
|
||
return toast('请选择药品')
|
||
}
|
||
let drugs = [];
|
||
// 选择的是历史处方记录
|
||
if (selection.value._id) {
|
||
drugs = selection.value.drugs.map(i => ({ ...i, usePreUsage: true }));
|
||
}
|
||
// 选择的是90天的购药记录
|
||
else if (selection.value.mdtrtId) {
|
||
drugs = selection.value.drugList.map(i => ({
|
||
drugName: i.hiListName,
|
||
insurance_code: i.insuranceCode
|
||
}))
|
||
}
|
||
const totalDrugs = [...drugs, ...order.value.drugs];
|
||
const drugTypeCount = new Set(totalDrugs.map(i => i.insurance_code)).size;
|
||
if (drugTypeCount > 5) {
|
||
return uniConfirm('单次问诊药品种类不能超过5种，请重新调整再导入！', { showCancel: false, confirmText: '知道了' })
|
||
}
|
||
getDrugsInfo(drugs);
|
||
}
|
||
|
||
function getMore() {
|
||
if ((loading.value || !hasMore.value) && activeTab.value !== 'history-prescription') return;
|
||
changePage(page.value + 1)
|
||
}
|
||
|
||
function select(item) {
|
||
selection.value = item;
|
||
}
|
||
|
||
function switchTab(value) {
|
||
if (activeTab.value === value) return;
|
||
activeTab.value = value;
|
||
if (value === 'purchase-record' && !ninetyDaysDrugRecord.value) {
|
||
getNinetyDaysDrugRecord()
|
||
}
|
||
}
|
||
|
||
async function getDrugsInfo(drugs) {
|
||
showLoading()
|
||
const payload = {
|
||
accountId: order.value.accountId,
|
||
patientId: order.value.patientId,
|
||
patientName: order.value.name,
|
||
phone: order.value.mobile,
|
||
drugs: drugs.map(i => ({
|
||
drugName: i.drugName,
|
||
spec: i.specification,
|
||
manufacturer: i.manufacturer,
|
||
insurance_code: i.insurance_code
|
||
}))
|
||
}
|
||
const apiName = order.value.consultType === 'onlineMedicinePurchase' ? getOnlineSimilarDrugInfo : getStoreSimilarDrugInfo;
|
||
const res = await apiName(payload);
|
||
hideLoading();
|
||
if (!res || !res.success) {
|
||
return toast(res?.message || '查询失败')
|
||
}
|
||
const matchDrugs = Array.isArray(res.drugs) ? res.drugs : [];
|
||
const similarDrugs = Array.isArray(res.similarDrugs) ? res.similarDrugs : [];
|
||
displayDrugs.value = drugs.map(i => {
|
||
const matchDrug = matchDrugs.find(drug => drug.insurance_code === i.insurance_code);
|
||
if (matchDrug) {
|
||
return { ...i, matchDrug }
|
||
}
|
||
const key = i.insurance_code.slice(0, -5);
|
||
const replaceDrugs = similarDrugs.filter(i => i.insurance_code.startsWith(key)).slice(0, 2);
|
||
return { ...i, usePreUsage: false, replaceDrugs }
|
||
})
|
||
visible.value = true;
|
||
}
|
||
|
||
async function getList(changeTabWhenEmpty = false) {
|
||
if (loading.value) return;
|
||
loading.value = true;
|
||
showLoading()
|
||
const { success, data, message, pages: totalPages } = await getAccountHistoryDrugs({
|
||
accountId: order.value.accountId,
|
||
patientId: order.value.patientId,
|
||
page: page.value,
|
||
pageSize: pageSize.value
|
||
});
|
||
hideLoading();
|
||
pages.value = typeof totalPages === 'number' ? totalPages : 0;
|
||
const arr = Array.isArray(data) ? data.map(i => ({
|
||
...i,
|
||
time: dayjs(i.createTime).format('YYYY-MM-DD HH:mm'),
|
||
disease: Array.isArray(i.diagnosisList) ? i.diagnosisList.map(i => i.name || '').join(',') : '',
|
||
drugNames: Array.isArray(i.drugs) ? i.drugs.map(i => i.drugName || '').join(',') : '',
|
||
})) : []
|
||
list.value = page.value === 1 ? arr : [...list.value, ...arr];
|
||
if (!success) {
|
||
toast(message || '未查询到历史处方')
|
||
}
|
||
loading.value = false;
|
||
if (changeTabWhenEmpty && list.value.length === 0) {
|
||
switchTab('purchase-record')
|
||
}
|
||
}
|
||
|
||
|
||
async function getNinetyDaysDrugRecord() {
|
||
showLoading()
|
||
const res = await getRecent90daysDrugRecord(order.value.patientId);
|
||
const recordList = res && Array.isArray(res.recordList) ? res.recordList : [];
|
||
// x,z开头的药品判定为草药 过滤掉
|
||
const drugList = res && Array.isArray(res.drugList) ? res.drugList.filter(i => typeof i.insuranceCode === 'string' && ['x', 'z', 'X', 'Z'].includes(i.insuranceCode[0])) : [];
|
||
const arr = recordList.map(item => {
|
||
return {
|
||
...item,
|
||
drugsStr: drugList.filter(drug => drug.mdtrtId === item.mdtrtId).map(drug => drug.hiListName).join('、'),
|
||
drugList: drugList.filter(drug => drug.mdtrtId === item.mdtrtId)
|
||
}
|
||
}).filter(i => Boolean(i.drugsStr))
|
||
hideLoading();
|
||
if (res && res.success) {
|
||
ninetyDaysDrugRecord.value = arr;
|
||
} else {
|
||
toast(message || '未查询到购药记录')
|
||
}
|
||
}
|
||
|
||
onLoad(() => {
|
||
getList(true)
|
||
})
|
||
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.header-tabs {
|
||
display: flex;
|
||
background: #fff;
|
||
text-align: center;
|
||
margin-bottom: 24rpx;
|
||
|
||
.tab {
|
||
position: relative;
|
||
flex-grow: 1;
|
||
padding: 24rpx 30rpx;
|
||
font-size: var(--text-base);
|
||
color: #333;
|
||
|
||
&.active {
|
||
color: $theme-brown-primary;
|
||
font-weight: bold;
|
||
}
|
||
|
||
&.active::after {
|
||
position: absolute;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
bottom: 0;
|
||
content: "";
|
||
width: 120rpx;
|
||
height: 8rpx;
|
||
border-radius: 4rpx;
|
||
background: $theme-brown-primary;
|
||
}
|
||
}
|
||
}
|
||
|
||
.history-item {
|
||
margin-bottom: 30rpx;
|
||
background: #fff;
|
||
|
||
.history-item-time {
|
||
padding: 24rpx 30rpx;
|
||
font-size: var(--text-sm);
|
||
color: #333;
|
||
border-bottom: 1px solid #eee;
|
||
}
|
||
|
||
.history-item-body {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 24rpx 30rpx;
|
||
}
|
||
|
||
.history-item-content {
|
||
width: 0;
|
||
flex-grow: 1;
|
||
word-break: break-all;
|
||
line-height: 1.5;
|
||
font-size: var(--text-base);
|
||
}
|
||
|
||
.checked-icon {
|
||
margin-left: 16rpx;
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
|
||
@at-root &.caring-mode-active {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
}
|
||
}
|
||
}
|
||
</style> |