548 lines
18 KiB
Vue
548 lines
18 KiB
Vue
<template>
|
|
<full-page v-if="!visible" :customScroll="empty" :title="queryHisTitles.length">
|
|
<view v-if="formItems.length === 0" class="flex items-center justify-center h-full">
|
|
<empty-data />
|
|
</view>
|
|
<view v-else class="p-15">
|
|
<view class="bg-white rounded shadow-lg">
|
|
<form-template v-if="step === 0" ref="tempRef" :disableTitles="disableTitles" :items="hisQueryFormItems"
|
|
:form="formData" @change="change($event)" />
|
|
<form-template v-else-if="step === 1" ref="tempRef" :disableTitles="disableTitles" :items="restFormItems"
|
|
:form="formData" @change="change($event)" />
|
|
</view>
|
|
</view>
|
|
<template #footer>
|
|
<!-- :showCancel="customerId ? true : false" -->
|
|
<button-footer v-if="step === 0" :showCancel="false" confirmText="下一步" @confirm="queryHisArchives()" />
|
|
<button-footer v-else-if="step === 1" :showCancel="false" cancelText="" confirmText=" 保存" @cancel="step = 0"
|
|
@confirm="confirm()" />
|
|
</template>
|
|
</full-page>
|
|
<bind-popup :customers="customers" :corpName="corpName" :enableHis="enableHis" :visible="visible"
|
|
@close="visible = false" @confirm="bindArchive($event)" />
|
|
<verify-popup :visible="verifyVisible" @close="verifyVisible = false" />
|
|
</template>
|
|
<script setup>
|
|
import { computed, ref, watch } from 'vue';
|
|
import { storeToRefs } from 'pinia';
|
|
import { onLoad } from "@dcloudio/uni-app";
|
|
import dayjs from 'dayjs';
|
|
import useGuard from '@/hooks/useGuard';
|
|
import useAccount from '@/store/account';
|
|
import api from '@/utils/api';
|
|
import { toast, confirm as uniConfirm, loading as waiting, hideLoading } from '@/utils/widget';
|
|
import validate from '@/utils/validate';
|
|
import { set } from "@/utils/cache";
|
|
|
|
import ButtonFooter from '@/components/button-footer.vue';
|
|
import EmptyData from '@/components/empty-data.vue';
|
|
import FullPage from '@/components/full-page.vue';
|
|
import bindPopup from './bind-popup.vue';
|
|
import verifyPopup from './verify-popup.vue';
|
|
import formTemplate from '@/components/form-template/index.vue';
|
|
|
|
const empty = ref(false)
|
|
const { useLoad } = useGuard();
|
|
const { account, externalUserId } = storeToRefs(useAccount());
|
|
const { getExternalUserId } = useAccount()
|
|
const corpId = ref('');
|
|
const corpName = ref('');
|
|
const corpUserId = ref('');
|
|
const bindCustomerId = ref('');
|
|
const referenceCustomerId = ref('');
|
|
const customer = ref({});
|
|
const customerId = ref('');
|
|
const customers = ref([]);
|
|
// const disableTitles = ref(['mobile']);
|
|
const form = ref({});
|
|
const teamFormItems = ref([]);
|
|
const loading = ref(false);
|
|
const teamId = ref('');
|
|
const tempRef = ref(null);
|
|
const verifyVisible = ref(false);
|
|
const visible = ref(false);
|
|
const referenceCustomer = ref(null)
|
|
const healthTypes = ref([]);
|
|
const enableHis = ref(false);
|
|
const source = ref('');
|
|
const redirectUrl = ref('');
|
|
const archiveQueryPlans = ref([]);
|
|
const pageOptions = ref({});
|
|
const step = ref(0);
|
|
const hisArchive = ref(null);
|
|
const queryingHisArchives = ref(false);
|
|
const queryHisTitles = computed(() => {
|
|
const res = archiveQueryPlans.value.length ? ['name', 'mobile'] : [];
|
|
archiveQueryPlans.value.forEach(item => {
|
|
getPlanFields(item).forEach(field => {
|
|
if (!res.includes(field.fieldKey.trim())) {
|
|
res.push(field.fieldKey.trim())
|
|
}
|
|
})
|
|
})
|
|
return customerId.value ? [] : res;
|
|
})
|
|
|
|
const formItems = computed(() => {
|
|
return teamFormItems.value.map(i => {
|
|
if (i.title === 'mobile' && formData.value.mobile && formData.value.mobile === account.value?.mobile) {
|
|
return { ...i, appendText: '(授权手机号)' }
|
|
}
|
|
return i
|
|
})
|
|
})
|
|
|
|
const hisQueryFormItems = computed(() => formItems.value.filter(i => queryHisTitles.value.includes(i.title)));
|
|
const restFormItems = computed(() => formItems.value.filter(i => !queryHisTitles.value.includes(i.title)));
|
|
|
|
const formData = computed(() => {
|
|
if (customerId.value) {
|
|
return { ...customer.value, ...form.value }
|
|
}
|
|
return { ...customer.value, ...form.value, mobile: account.value?.mobile }
|
|
});
|
|
|
|
const disableTitles = computed(() => {
|
|
const list = ['mobile'];
|
|
if (customer.value._id && customer.value.isConnectHis) {
|
|
list.push('name', 'idCard', 'sex', 'age', 'birthday')
|
|
}
|
|
return list
|
|
})
|
|
|
|
function change({ title, value }) {
|
|
if (title) {
|
|
form.value[title] = value;
|
|
}
|
|
if (title == 'idCard') {
|
|
const [isIdCard, birthday, gender] = validate.isChinaId(value);
|
|
if (isIdCard) {
|
|
form.value.birthday = birthday;
|
|
form.value.sex = gender == 'MALE' ? '男' : '女';
|
|
const age = dayjs().diff(birthday, 'year');
|
|
form.value.age = Math.max(1, age);
|
|
}
|
|
} else if (title === 'birthday' && formItems.value.some(i => i.title === 'age') && value && dayjs(value).valueOf()) {
|
|
const age = dayjs().diff(value, 'year');
|
|
form.value.age = Math.max(1, age);
|
|
}
|
|
|
|
}
|
|
|
|
async function queryHisArchives() {
|
|
if (queryingHisArchives.value) return;
|
|
waiting()
|
|
const matchedPlans = archiveQueryPlans.value.filter(isQueryPlanSatisfied);
|
|
if (!matchedPlans.length) {
|
|
hisArchive.value = null;
|
|
step.value = 1;
|
|
hideLoading()
|
|
return;
|
|
}
|
|
|
|
queryingHisArchives.value = true;
|
|
try {
|
|
const responses = await Promise.all(matchedPlans.map(async (plan) => {
|
|
const conditions = getQueryConditions(plan);
|
|
try {
|
|
const res = await api('getHisCustomerArchive', {
|
|
corpId: corpId.value,
|
|
planId: plan.planId || plan.schemeId || '',
|
|
...conditions,
|
|
}, false);
|
|
return {
|
|
plan,
|
|
conditions,
|
|
list: res && Array.isArray(res.list) ? res.list : [],
|
|
};
|
|
} catch (error) {
|
|
return { plan, conditions, list: [] };
|
|
}
|
|
}));
|
|
for (const response of responses) {
|
|
const archive = response.list.find((item) => isHisArchiveMatched(item, response.plan, response.conditions));
|
|
if (archive) {
|
|
hisArchive.value = archive;
|
|
step.value = 1;
|
|
return;
|
|
}
|
|
}
|
|
|
|
const responseWithArchives = responses.find((response) => response.list.length);
|
|
if (!responseWithArchives) {
|
|
await uniConfirm('没有查询到患者院内档案', { cancelText: '修改信息', confirmText: '新建档案' });
|
|
archiveQueryPlans.value = []
|
|
hisArchive.value = null;
|
|
return;
|
|
}
|
|
|
|
const mismatchMessage = getMismatchMessage(responseWithArchives);
|
|
try {
|
|
await uniConfirm(mismatchMessage, { cancelText: '修改信息', confirmText: '新建档案' });
|
|
archiveQueryPlans.value = []
|
|
hisArchive.value = null;
|
|
step.value = 1;
|
|
} catch (error) {
|
|
// 选择“修改信息”时留在当前步骤继续填写。
|
|
}
|
|
} finally {
|
|
hideLoading()
|
|
queryingHisArchives.value = false;
|
|
}
|
|
}
|
|
|
|
function getPlanFields(plan) {
|
|
return (Array.isArray(plan?.fields) ? plan.fields : [])
|
|
.map((field) => {
|
|
const source = typeof field === 'string' ? { fieldKey: field } : field || {};
|
|
const fieldKey = source.fieldKey || source.feildKey || source.key || source.title;
|
|
if (!fieldKey) return null;
|
|
return {
|
|
fieldKey,
|
|
label: source.label || source.labelSnapshot || source.name || fieldKey,
|
|
};
|
|
})
|
|
.filter(Boolean);
|
|
}
|
|
|
|
function getCurrentFormValue(fieldKey) {
|
|
return formData.value[fieldKey];
|
|
}
|
|
|
|
function normalizeFieldValue(value) {
|
|
return value === undefined || value === null ? '' : String(value).trim();
|
|
}
|
|
|
|
function isQueryPlanSatisfied(plan) {
|
|
const fields = getPlanFields(plan);
|
|
return fields.length > 0 && fields.every((field) => normalizeFieldValue(getCurrentFormValue(field.fieldKey)));
|
|
}
|
|
|
|
function getQueryConditions(plan) {
|
|
return getPlanFields(plan).reduce((conditions, field) => {
|
|
conditions[field.fieldKey] = normalizeFieldValue(getCurrentFormValue(field.fieldKey));
|
|
return conditions;
|
|
}, {});
|
|
}
|
|
|
|
function getMatchFields(plan, conditions) {
|
|
const fields = getPlanFields(plan).map((field) => ({
|
|
...field,
|
|
value: conditions[field.fieldKey],
|
|
}));
|
|
['name', 'mobile'].forEach((fieldKey) => {
|
|
const value = normalizeFieldValue(getCurrentFormValue(fieldKey));
|
|
if (value && !fields.some((field) => field.fieldKey === fieldKey)) {
|
|
fields.push({ fieldKey, label: fieldKey === 'name' ? '姓名' : '手机号', value });
|
|
}
|
|
});
|
|
return fields;
|
|
}
|
|
|
|
function isHisArchiveMatched(archive, plan, conditions) {
|
|
return getMatchFields(plan, conditions).every((field) =>
|
|
normalizeFieldValue(archive?.[field.fieldKey]) === normalizeFieldValue(field.value)
|
|
);
|
|
}
|
|
|
|
function getMismatchMessage(response) {
|
|
const archive = response.list[0] || {};
|
|
const mismatch = getMatchFields(response.plan, response.conditions).find((field) =>
|
|
normalizeFieldValue(archive[field.fieldKey]) !== normalizeFieldValue(field.value)
|
|
);
|
|
if (!mismatch) return '院内档案信息与当前填写信息不一致，请确认后再继续。';
|
|
const actualValue = normalizeFieldValue(archive[mismatch.fieldKey]) || '为空';
|
|
return `${mismatch.label}不匹配`;
|
|
}
|
|
|
|
function confirm() {
|
|
if (!tempRef.value.verify()) return;
|
|
if (customerId.value) {
|
|
updateArchive();
|
|
} else {
|
|
addArchive();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 产品要求, 建档页面：与联系人关系：默认选中“本人”，证件类型：默认选中“身份证”
|
|
*/
|
|
function preProcessFrom() {
|
|
const relationItem = formItems.value.find(item => item.title === 'relationship');
|
|
const range = relationItem && Array.isArray(relationItem.range) ? relationItem.range : [];
|
|
if (range.includes('本人')) {
|
|
form.value.relationship = '本人';
|
|
}
|
|
const cardTypeItem = formItems.value.find(item => item.title === 'cardType');
|
|
const cardTypeRange = cardTypeItem && Array.isArray(cardTypeItem.range) ? cardTypeItem.range : [];
|
|
if (cardTypeRange.includes('身份证')) {
|
|
form.value.cardType = '身份证';
|
|
}
|
|
}
|
|
|
|
async function addArchive() {
|
|
if (loading.value) return;
|
|
loading.value = true;
|
|
const params = {
|
|
...form.value,
|
|
addMethod: 'customerManual',
|
|
teamId: teamId.value,
|
|
corpId: corpId.value,
|
|
mobile: account.value.mobile,
|
|
miniAppId: account.value.openid,
|
|
externalUserId: externalUserId.value,
|
|
realUnionid: account.value.unionid || '',
|
|
}
|
|
if (hisArchive.value && hisArchive.value.customerNumber) {
|
|
params.customerNumber = hisArchive.value.customerNumber;
|
|
params.isConnectHis = true
|
|
}
|
|
|
|
if (externalUserId.value) {
|
|
const corpUserId = await getResponsiblePerson();
|
|
if (corpUserId) {
|
|
params.personResponsibles = [{ corpUserId, teamId: teamId.value }]
|
|
}
|
|
}
|
|
if (referenceCustomerId.value && !referenceCustomer.value) {
|
|
await getReferenceCustomer();
|
|
}
|
|
if (referenceCustomer.value) {
|
|
params.referenceCustomerId = referenceCustomer.value._id;
|
|
params.referenceUserId = '';
|
|
params.reference = referenceCustomer.value.name;
|
|
params.referenceType = '客户';
|
|
params.customerSource = ['客户推荐']
|
|
}
|
|
loading.value = false;
|
|
const res = await api('addCustomer', { params });
|
|
set('home-invite-team-info', { teamId: teamId.value })
|
|
if (res && res.success) {
|
|
uni.$emit('reloadTeamCustomers')
|
|
if (source.value === 'experienceCoupon') {
|
|
await toast('档案创建成功');
|
|
uni.navigateBack();
|
|
return;
|
|
}
|
|
if (redirectUrl.value) {
|
|
uni.redirectTo({ url: redirectUrl.value });
|
|
return;
|
|
}
|
|
// getTeam(corpId.value, teamId.value, res.data.id);
|
|
if (healthTypes.value.length) {
|
|
const nextType = healthTypes.value[0];
|
|
const nextTypes = healthTypes.value.slice(1);
|
|
const url = `/pages/health/record?type=${nextType}&teamId=${teamId.value}&corpId=${corpId.value}&customerId=${res.data.id}&nextTypes=${nextTypes.join(',')}&source=afterArchive`
|
|
uni.redirectTo({ url });
|
|
} else {
|
|
uni.redirectTo({
|
|
url: `/pages/archive/archive-result?corpId=${corpId.value}&teamId=${teamId.value}&customerId=${res.data.id}`
|
|
})
|
|
}
|
|
} else {
|
|
toast(res?.message || '新增档案失败');
|
|
}
|
|
}
|
|
|
|
async function getResponsiblePerson() {
|
|
const res = await api('getResponsiblePerson', { corpId: corpId.value, teamId: teamId.value, externalUserId: externalUserId.value, corpUserId: corpUserId.value });
|
|
return res && res.data ? res.data : ''
|
|
}
|
|
|
|
function shouldBackAfterArchiveBound() {
|
|
return ['experienceCoupon', 'appointmentRegistration'].includes(source.value)
|
|
}
|
|
|
|
function backAfterArchiveBound() {
|
|
if (shouldBackAfterArchiveBound()) {
|
|
uni.navigateBack()
|
|
return;
|
|
}
|
|
uni.switchTab({
|
|
url: '/pages/home/home'
|
|
})
|
|
}
|
|
|
|
async function bindArchive(customerId) {
|
|
let responsiblePerson = '';
|
|
if (externalUserId.value) {
|
|
const corpUserId = await getResponsiblePerson();
|
|
responsiblePerson = corpUserId || '';
|
|
}
|
|
const res = await api('bindMiniAppArchive', { id: customerId, corpId: corpId.value, teamId: teamId.value, miniAppId: account.value.openid, externalUserId: externalUserId.value, responsiblePerson });
|
|
if (res && res.success) {
|
|
await toast('绑定成功');
|
|
uni.$emit('reloadTeamCustomers')
|
|
backAfterArchiveBound()
|
|
} else {
|
|
toast(res?.message || '绑定失败');
|
|
}
|
|
}
|
|
|
|
async function init() {
|
|
if (await initArchiveQueryConfig()) return;
|
|
if (referenceCustomerId.value) {
|
|
getReferenceCustomer();
|
|
}
|
|
if (customerId.value) {
|
|
await getCustomer();
|
|
} else {
|
|
await getExternalUserId(corpId.value);
|
|
const res = bindCustomerId.value ? await getExperienceCouponBindArchive() : await getArchives();
|
|
if (res.length > 0) {
|
|
visible.value = true;
|
|
} else if (bindCustomerId.value || shouldBackAfterArchiveBound()) {
|
|
await toast('指定绑定档案不存在或已绑定');
|
|
uni.navigateBack();
|
|
return;
|
|
}
|
|
getTeam(corpId.value, teamId.value)
|
|
}
|
|
await getBaseForm();
|
|
if (!customerId.value) {
|
|
preProcessFrom()
|
|
}
|
|
|
|
}
|
|
|
|
async function initArchiveQueryConfig() {
|
|
const res = await api('getCorpInfo', { corpId: corpId.value }, false);
|
|
const data = Array.isArray(res.data)
|
|
? res.data[0]
|
|
: Array.isArray(res.data?.data)
|
|
? res.data.data[0]
|
|
: res.data?.data || res.data || {};
|
|
const config = data.hisArchiveQueryConfig && typeof data.hisArchiveQueryConfig === 'object'
|
|
? data.hisArchiveQueryConfig
|
|
: {};
|
|
const plans = Array.isArray(config.plans)
|
|
? config.plans
|
|
: Array.isArray(config.schemes)
|
|
? config.schemes
|
|
: [];
|
|
archiveQueryPlans.value = plans.filter(plan => plan && Array.isArray(plan.fields) && plan.fields.length);
|
|
if (!archiveQueryPlans.value.length) {
|
|
redirectArchivePage('edit-archive');
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function redirectArchivePage(page) {
|
|
const query = Object.entries(pageOptions.value)
|
|
.filter(([, value]) => value !== undefined && value !== null && value !== '')
|
|
.map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`)
|
|
.join('&');
|
|
uni.redirectTo({
|
|
url: `/pages/archive/${page}${query ? `?${query}` : ''}`
|
|
});
|
|
}
|
|
|
|
async function getExperienceCouponBindArchive() {
|
|
const res = await api('getCustomerByCustomerId', { corpId: corpId.value, customerId: bindCustomerId.value });
|
|
const data = res && res.success && res.data ? res.data : null;
|
|
customers.value = data ? [data] : [];
|
|
corpName.value = res && res.corpName ? res.corpName : corpName.value;
|
|
enableHis.value = false;
|
|
return customers.value;
|
|
}
|
|
|
|
async function getArchives() {
|
|
const res = await api('getUnbindMiniAppCustomers', { corpId: corpId.value, mobile: account.value?.mobile || '', externalUserId: externalUserId.value });
|
|
customers.value = res && Array.isArray(res.data) ? res.data : [];
|
|
corpName.value = res && res.corpName ? res.corpName : '';
|
|
enableHis.value = res && res.enableHis ? res.enableHis : false;
|
|
return customers.value
|
|
}
|
|
|
|
async function getBaseForm() {
|
|
const res = await api('getTeamBaseInfo', { corpId: corpId.value, teamId: teamId.value, queryHisTitles: queryHisTitles.value });
|
|
if (res && res.success) {
|
|
teamFormItems.value = Array.isArray(res.data) ? res.data : [];
|
|
// const mobileIndex = formItems.value.findIndex(item => item.title === 'mobile');
|
|
// if (mobileIndex > -1) {
|
|
// formItems.value[mobileIndex].appendText = `(授权手机号)`;
|
|
// }
|
|
|
|
} else {
|
|
toast(res?.message || '查询失败');
|
|
return Promise.reject()
|
|
}
|
|
}
|
|
|
|
async function getCustomer() {
|
|
const res = await api('getCustomerByCustomerId', { customerId: customerId.value });
|
|
if (res && res.success && res.data) {
|
|
customer.value = res.data;
|
|
} else {
|
|
await toast(res?.message || '查询档案信息失败');
|
|
uni.navigateBack();
|
|
return Promise.reject()
|
|
}
|
|
}
|
|
|
|
async function updateArchive() {
|
|
const res = await api('updateCustomer', { id: customerId.value, params: { ...form.value } });
|
|
if (res && res.success) {
|
|
await toast('修改成功');
|
|
uni.$emit('reloadTeamCustomers')
|
|
uni.navigateBack();
|
|
} else {
|
|
toast(res?.message || '修改失败');
|
|
}
|
|
}
|
|
|
|
async function unBindArchive() {
|
|
await uniConfirm('确定删除档案吗？')
|
|
const res = await api('unbindMiniAppArchive', { id: customer.value._id, corpId: corpId.value, teamId: teamId.value, miniAppId: account.value.openid });
|
|
if (res && res.success) {
|
|
await toast('删除成功');
|
|
uni.$emit('reloadTeamCustomers')
|
|
uni.navigateBack();
|
|
} else {
|
|
toast(res?.message || '删除失败')
|
|
}
|
|
}
|
|
|
|
async function getReferenceCustomer() {
|
|
const res = await api('getRefrencePeople', { corpId: corpId.value, id: referenceCustomerId.value });
|
|
referenceCustomer.value = res && res.data ? res.data : null;
|
|
}
|
|
|
|
async function getTeam(corpId, teamId, customerId) {
|
|
const res = await api('getTeamData', { teamId, corpId });
|
|
if (res && res.data) {
|
|
const team = res.data;
|
|
const qrcode = team && Array.isArray(team.qrcodes) ? team.qrcodes[0] : null;
|
|
const healthTempList = qrcode && Array.isArray(qrcode.healthTempList) ? qrcode.healthTempList : [];
|
|
healthTypes.value = healthTempList.filter(i => typeof i.templateType === 'string' && i.templateType.trim() && i.archiveRecommend === true).map(i => i.templateType);
|
|
}
|
|
}
|
|
|
|
|
|
onLoad(options => {
|
|
pageOptions.value = { ...options };
|
|
teamId.value = options.teamId;
|
|
corpId.value = options.corpId;
|
|
customerId.value = options.id || '';
|
|
bindCustomerId.value = options.bindCustomerId || '';
|
|
corpUserId.value = options.corpUserId || '';
|
|
referenceCustomerId.value = options.referenceCustomerId || '';
|
|
source.value = options.source || '';
|
|
redirectUrl.value = options.redirectUrl || '';
|
|
uni.setNavigationBarTitle({ title: customerId.value ? '编辑档案' : '新增档案' })
|
|
})
|
|
|
|
useLoad(options => {
|
|
init();
|
|
})
|
|
|
|
watch(hisQueryFormItems, (h) => {
|
|
if (h && h.length === 0 && step.value === 0) {
|
|
step.value = 1;
|
|
}
|
|
})
|
|
|
|
</script>
|
|
<style scoped></style>
|