388 lines
8.8 KiB
Vue
388 lines
8.8 KiB
Vue
<template>
|
||
<full-page pageStyle="background: #f5f6f7;">
|
||
<view v-if="logined" class="container" :class="{ 'container--elder': elderMode }">
|
||
<view class="header" :class="{ 'header--elder': elderMode }">
|
||
<text class="title" :class="{ 'title--elder': elderMode }">选择就诊人</text>
|
||
<button class="scan-button" :class="{ 'scan-button--elder': elderMode }">扫医保码</button>
|
||
</view>
|
||
|
||
<view class="patient-list">
|
||
<view v-for="patient in patientList" :key="patient.id" class="patient-card"
|
||
:class="{ 'patient-card--elder': elderMode }" @click="toggle(patient.id)">
|
||
<view class="patient-info">
|
||
<view class="name" :class="{ 'name--elder': elderMode }">
|
||
{{ patient.name }}
|
||
<text v-if="patient.isSelf" class="self-tag">（本人）</text>
|
||
</view>
|
||
<view class="details" :class="{ 'details--elder': elderMode }">
|
||
<text v-if="patient.sex">{{ patient.sex }}</text>
|
||
<text v-if="patient.age" class="age">{{ patient.age }}岁</text>
|
||
</view>
|
||
</view>
|
||
<uni-icons v-if="selectedPatientId === patient.id" type="checkbox-filled" color="#3375f6"
|
||
:size="elderMode ? 34 : 22" />
|
||
</view>
|
||
|
||
<view v-if="!patientList.length" class="empty-text">暂无就诊人</view>
|
||
</view>
|
||
</view>
|
||
|
||
<re-login v-else height="80vh" />
|
||
|
||
<template v-if="logined" #footer>
|
||
<view class="footer">
|
||
<view class="button-group" :class="{ 'button-group--elder': elderMode }">
|
||
<button class="action-button add-button" @click="toAddPatient">+ 新增就诊人</button>
|
||
<button class="action-button next-button" @click="nextStep">下一步</button>
|
||
</view>
|
||
<view class="manage-link" :class="{ 'manage-link--elder': elderMode }" @click="toPatientManagement">
|
||
<text>最多添加10位就诊人，点击就诊人管理</text>
|
||
<uni-icons type="right" color="#8b8b8b" :size="elderMode ? 24 : 16" />
|
||
</view>
|
||
</view>
|
||
</template>
|
||
</full-page>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { computed, ref, watch } from "vue";
|
||
import { onLoad, onShow } from "@dcloudio/uni-app";
|
||
import useElder from "@/hooks/useElder";
|
||
import useUser from "@/hooks/useUser";
|
||
import { bindHisPatient, sm4Encrypt } from "@/utils/api";
|
||
import { toast } from "@/utils/widget";
|
||
|
||
import reLogin from "@/components/re-login.vue";
|
||
import ybPlugin from "@/utils/insurance-plugin";
|
||
import fullPage from "@/components/full-page.vue";
|
||
|
||
const { elderMode } = useElder();
|
||
const {
|
||
logined,
|
||
getAuthCode,
|
||
myProfile,
|
||
familyProfile,
|
||
getProfileData,
|
||
patientList: storePatientList,
|
||
loadPatientList,
|
||
} = useUser();
|
||
|
||
const titleMap = {
|
||
YB: "医保处方",
|
||
ZF: "自费处方",
|
||
};
|
||
|
||
const selectedPatientId = ref("");
|
||
const preferredCertNo = ref("");
|
||
const feeType = ref("");
|
||
|
||
const patientList = computed(() => {
|
||
const list = [...storePatientList.value].sort((a, b) => {
|
||
return new Date(a.createTime).getTime() - new Date(b.createTime).getTime();
|
||
});
|
||
return feeType.value === "YB" ? list.filter(patient => patient.isSelf) : list;
|
||
});
|
||
|
||
const currentProfile = computed(() => {
|
||
return patientList.value.find(patient => patient.id === selectedPatientId.value);
|
||
});
|
||
|
||
onLoad(options => {
|
||
feeType.value = options.feeType;
|
||
preferredCertNo.value = options.socialno || "";
|
||
|
||
uni.setNavigationBarTitle({
|
||
title: titleMap[options.feeType] || "",
|
||
});
|
||
|
||
ybPlugin.init({
|
||
archiveTokenCallback: () => {
|
||
const certNo = currentProfile.value ? currentProfile.value.certNo : "";
|
||
uni.redirectTo({
|
||
url: `/pages/consult/index?socialno=${certNo}&feeType=${feeType.value}`,
|
||
});
|
||
},
|
||
});
|
||
});
|
||
|
||
onShow(async () => {
|
||
if (logined.value) {
|
||
await loadPatientList();
|
||
selectDefaultPatient();
|
||
}
|
||
});
|
||
|
||
watch(logined, value => {
|
||
if (value) loadPatientList();
|
||
});
|
||
|
||
function selectDefaultPatient() {
|
||
const selectedExists = patientList.value.some(patient => patient.id === selectedPatientId.value);
|
||
if (selectedExists) return;
|
||
|
||
const preferred = patientList.value.find(patient => patient.certNo === preferredCertNo.value);
|
||
const self = patientList.value.find(patient => patient.isSelf);
|
||
selectedPatientId.value = (preferred || self || patientList.value[0] || {}).id || "";
|
||
}
|
||
|
||
watch(patientList, selectDefaultPatient, { immediate: true });
|
||
|
||
async function nextStep() {
|
||
if (!currentProfile.value) {
|
||
toast("请选择就诊人");
|
||
return;
|
||
}
|
||
if (feeType.value === 'YB' && false) {
|
||
// 医保暂只支持支本人, 进行医保授权操作
|
||
const self = currentProfile.value.isSelf;
|
||
const authCode = await getAuthCode("nhsamp");
|
||
let archiveParams = [authCode];
|
||
if (!self) {
|
||
const encrypted = await getEncryptedPatientInfo(currentProfile.value);
|
||
archiveParams = [authCode, encrypted.anotherIdNo, encrypted.anotherName];
|
||
}
|
||
const psnToken = await ybPlugin.getArchiveToken(...archiveParams);
|
||
if (!psnToken) return;
|
||
try {
|
||
await bindInsurance(
|
||
psnToken,
|
||
currentProfile.value.certNo,
|
||
currentProfile.value.name,
|
||
currentProfile.value.mobile,
|
||
);
|
||
uni.navigateTo({
|
||
url: `/pages/consult/disease-description?socialno=${currentProfile.value.certNo}&type=${type.value}&authDrugRecord=${authDrugRecord.value}`,
|
||
});
|
||
} catch (error) {
|
||
toast(error.message || error);
|
||
}
|
||
}
|
||
uni.navigateTo({
|
||
url: `/pages/consult/disease-description?socialno=${currentProfile.value.certNo}&feeType=${feeType.value}`,
|
||
});
|
||
}
|
||
|
||
async function getEncryptedPatientInfo(patient) {
|
||
const res = await sm4Encrypt({ textGroup: [patient.certNo, patient.name] });
|
||
if (!res || !res.success || !Array.isArray(res.textGroup) || res.textGroup.length < 2) {
|
||
return Promise.reject((res && res.message) || "获取就诊人加密信息失败");
|
||
}
|
||
return {
|
||
anotherIdNo: res.textGroup[0],
|
||
anotherName: res.textGroup[1],
|
||
};
|
||
}
|
||
|
||
async function bindInsurance(psnToken, idCard, name, mobile) {
|
||
const { success, list, message } = await bindHisPatient({ idCard, name, mobile, psnToken });
|
||
const patients = Array.isArray(list) ? list : [];
|
||
const patient = patients.find(item => item.socialno === idCard) || patients[0] || null;
|
||
|
||
if (!success || !patient) {
|
||
return Promise.reject(message || "医保建档失败");
|
||
}
|
||
if (patient.isyb !== "1") {
|
||
return Promise.reject("当前用户为非医保用户");
|
||
}
|
||
|
||
if (myProfile.value && myProfile.value.socialno === patient.socialno) {
|
||
myProfile.value = getProfileData(patient);
|
||
return;
|
||
}
|
||
|
||
const index = familyProfile.value.findIndex(item => item.socialno === patient.socialno);
|
||
if (index >= 0) familyProfile.value[index] = getProfileData(patient);
|
||
}
|
||
|
||
function toggle(patientId) {
|
||
selectedPatientId.value = patientId;
|
||
}
|
||
|
||
function toAddPatient() {
|
||
uni.navigateTo({
|
||
url: `/pages/member/detail`,
|
||
});
|
||
}
|
||
|
||
function toPatientManagement() {
|
||
uni.navigateTo({ url: "/pages/member/list" });
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.container {
|
||
min-height: 100%;
|
||
box-sizing: border-box;
|
||
padding: 0 16rpx 24rpx;
|
||
}
|
||
|
||
.header {
|
||
height: 104rpx;
|
||
padding: 0 34rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.title {
|
||
font-size: 28rpx;
|
||
color: #222;
|
||
}
|
||
|
||
.scan-button {
|
||
width: 164rpx;
|
||
height: 64rpx;
|
||
margin: 0;
|
||
padding: 0;
|
||
border-radius: 4rpx;
|
||
background: #3375f6;
|
||
color: #fff;
|
||
font-size: 26rpx;
|
||
line-height: 64rpx;
|
||
}
|
||
|
||
.scan-button::after,
|
||
.action-button::after {
|
||
border: none;
|
||
}
|
||
|
||
.patient-list {
|
||
background: #eceeef;
|
||
}
|
||
|
||
.patient-card {
|
||
min-height: 118rpx;
|
||
box-sizing: border-box;
|
||
padding: 18rpx 34rpx;
|
||
background: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.patient-card+.patient-card {
|
||
margin-top: 8rpx;
|
||
}
|
||
|
||
.patient-info {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.name {
|
||
font-size: 28rpx;
|
||
line-height: 40rpx;
|
||
color: #333;
|
||
}
|
||
|
||
.self-tag {
|
||
color: #116f38;
|
||
}
|
||
|
||
.details {
|
||
margin-top: 4rpx;
|
||
font-size: 24rpx;
|
||
line-height: 34rpx;
|
||
color: #9a9a9a;
|
||
}
|
||
|
||
.age {
|
||
margin-left: 10rpx;
|
||
}
|
||
|
||
.empty-text {
|
||
padding: 80rpx 0;
|
||
background: #fff;
|
||
text-align: center;
|
||
font-size: 26rpx;
|
||
color: #999;
|
||
}
|
||
|
||
.footer {
|
||
padding: 18rpx 24rpx 12rpx;
|
||
background: #fff;
|
||
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.06);
|
||
}
|
||
|
||
.button-group {
|
||
display: flex;
|
||
gap: 22rpx;
|
||
}
|
||
|
||
.action-button {
|
||
height: 72rpx;
|
||
margin: 0;
|
||
padding: 0;
|
||
border-radius: 4rpx;
|
||
font-size: 28rpx;
|
||
line-height: 70rpx;
|
||
}
|
||
|
||
.add-button {
|
||
width: 244rpx;
|
||
border: 2rpx solid #3375f6;
|
||
background: #fff;
|
||
color: #3375f6;
|
||
}
|
||
|
||
.next-button {
|
||
flex: 1;
|
||
background: #3375f6;
|
||
color: #fff;
|
||
}
|
||
|
||
.manage-link {
|
||
min-height: 50rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 23rpx;
|
||
color: #8b8b8b;
|
||
}
|
||
|
||
.container--elder {
|
||
padding: 0 24rpx 32rpx;
|
||
}
|
||
|
||
.header--elder {
|
||
height: 128rpx;
|
||
}
|
||
|
||
.title--elder {
|
||
font-size: 38rpx;
|
||
}
|
||
|
||
.scan-button--elder {
|
||
width: 196rpx;
|
||
height: 80rpx;
|
||
font-size: 34rpx;
|
||
line-height: 80rpx;
|
||
}
|
||
|
||
.patient-card--elder {
|
||
min-height: 156rpx;
|
||
padding: 24rpx 40rpx;
|
||
}
|
||
|
||
.name--elder {
|
||
font-size: 38rpx;
|
||
line-height: 52rpx;
|
||
}
|
||
|
||
.details--elder {
|
||
font-size: 32rpx;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.button-group--elder .action-button {
|
||
height: 92rpx;
|
||
font-size: 36rpx;
|
||
line-height: 90rpx;
|
||
}
|
||
|
||
.manage-link--elder {
|
||
min-height: 68rpx;
|
||
font-size: 30rpx;
|
||
}
|
||
</style>
|