500 lines
14 KiB
Vue
500 lines
14 KiB
Vue
<template>
|
||
<view class="page">
|
||
<view class="body">
|
||
<scroll-view scroll-y class="scroll">
|
||
<view class="form-wrap">
|
||
<form-template v-if="items.length" ref="formRef" :items="items" :form="forms" :rule="rules" :filterRule="filterRule" @change="onChange" />
|
||
</view>
|
||
<view class="scroll-spacer" />
|
||
</scroll-view>
|
||
|
||
<!-- #ifdef MP-WEIXIN -->
|
||
<cover-view class="footer">
|
||
<cover-view class="btn plain" @tap="prev">上一步</cover-view>
|
||
<cover-view class="btn primary" @tap="save">保存</cover-view>
|
||
</cover-view>
|
||
<!-- #endif -->
|
||
|
||
<!-- #ifndef MP-WEIXIN -->
|
||
<view class="footer">
|
||
<button class="btn plain" @click="prev">上一步</button>
|
||
<button class="btn primary" @click="save">保存</button>
|
||
</view>
|
||
<!-- #endif -->
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { computed, reactive, ref } from 'vue';
|
||
import { onLoad } from '@dcloudio/uni-app';
|
||
import FormTemplate from '@/components/form-template/index.vue';
|
||
import { storeToRefs } from 'pinia';
|
||
|
||
import api from '@/utils/api';
|
||
import useAccountStore from '@/store/account';
|
||
import { hideLoading, loading, toast } from '@/utils/widget';
|
||
|
||
const BASE_KEY = 'patient-create-base';
|
||
const INNER_KEY = 'patient-create-inner';
|
||
const CURRENT_TEAM_STORAGE_KEY = 'ykt_case_current_team';
|
||
const NEED_RELOAD_STORAGE_KEY = 'ykt_case_need_reload';
|
||
|
||
const formRef = ref(null);
|
||
|
||
const form = reactive({});
|
||
const baseForm = reactive({});
|
||
const forms = computed(() => ({ ...baseForm, ...form }));
|
||
|
||
const items = ref([]);
|
||
|
||
const rules = {};
|
||
const filterRule = {
|
||
reference(formModel) {
|
||
const customerSource = Array.isArray(formModel.customerSource)
|
||
? formModel.customerSource
|
||
: typeof formModel.customerSource === 'string'
|
||
? [formModel.customerSource]
|
||
: [];
|
||
return ['同事推荐', '客户推荐'].includes(customerSource[0]) && customerSource.length === 1;
|
||
},
|
||
};
|
||
|
||
const accountStore = useAccountStore();
|
||
const { account, doctorInfo } = storeToRefs(accountStore);
|
||
const { getDoctorInfo } = accountStore;
|
||
|
||
function normalizeChangeValue(value) {
|
||
if (value && typeof value === 'object' && 'value' in value) return value.value;
|
||
return value;
|
||
}
|
||
|
||
function normalizeOptions(options) {
|
||
if (!Array.isArray(options)) return [];
|
||
if (!options.length) return [];
|
||
if (typeof options[0] === 'string') return options.filter((i) => typeof i === 'string');
|
||
if (typeof options[0] === 'object') {
|
||
return options
|
||
.map((i) => {
|
||
const label = i?.label ?? i?.name ?? i?.text ?? i?.title ?? '';
|
||
const value = i?.value ?? i?.id ?? i?.key ?? label;
|
||
if (!label && (value === undefined || value === null || value === '')) return null;
|
||
return { label: String(label || value), value: String(value) };
|
||
})
|
||
.filter(Boolean);
|
||
}
|
||
return [];
|
||
}
|
||
|
||
function normalizeTemplateItem(item) {
|
||
const next = { ...(item || {}) };
|
||
|
||
if (next.operateType === 'custom') next.operateType = 'formCell';
|
||
|
||
const originalType = next.type;
|
||
const customTypeMap = {
|
||
customerSource: 'select',
|
||
customerStage: 'select',
|
||
tag: 'tagPicker',
|
||
reference: 'input',
|
||
selectWwuser: 'select',
|
||
files: 'files',
|
||
corpProject: 'select',
|
||
diagnosis: 'textarea',
|
||
BMI: 'input',
|
||
bloodPressure: 'textarea',
|
||
selfMultipleDiseases: 'textarea',
|
||
};
|
||
if (originalType && customTypeMap[originalType]) {
|
||
next.__originType = originalType;
|
||
next.type = customTypeMap[originalType];
|
||
}
|
||
|
||
const aliasTypeMap = {
|
||
text: 'input',
|
||
string: 'input',
|
||
number: 'input',
|
||
integer: 'input',
|
||
int: 'input',
|
||
};
|
||
if (next.type && aliasTypeMap[next.type]) {
|
||
next.type = aliasTypeMap[next.type];
|
||
if (!next.inputType && (originalType === 'number' || originalType === 'integer' || originalType === 'int')) next.inputType = 'number';
|
||
}
|
||
|
||
const rawRange = next.range || next.options || next.optionList || next.values || [];
|
||
const range = normalizeOptions(rawRange);
|
||
|
||
if (next.type === 'select' || next.type === 'selectAndOther' || next.type === 'selectAndImage') {
|
||
next.range = range;
|
||
} else if (next.type === 'radio') {
|
||
if (range.length && typeof range[0] === 'object') {
|
||
next.type = 'select';
|
||
next.range = range;
|
||
} else {
|
||
next.range = Array.isArray(rawRange) ? rawRange : [];
|
||
}
|
||
}
|
||
|
||
if (!next.operateType) next.operateType = 'formCell';
|
||
next.required = Boolean(next.required);
|
||
|
||
if (next.type === 'input' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 20;
|
||
if (next.type === 'textarea' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 200;
|
||
return next;
|
||
}
|
||
|
||
function unwrapTemplate(res) {
|
||
// 兼容后端返回结构：{ success, data: { data: template } } / { success, data: template } / { templateList: [] }
|
||
const d = res?.data;
|
||
if (d && typeof d === 'object') {
|
||
if (d.data && typeof d.data === 'object') return d.data;
|
||
return d;
|
||
}
|
||
return res && typeof res === 'object' ? res : {};
|
||
}
|
||
|
||
function ensureInternalDefaults(list, { stageOptions = [], tagOptions = [] } = {}) {
|
||
const items = Array.isArray(list) ? [...list] : [];
|
||
const has = (title) => items.some((i) => i && String(i.title || '') === title);
|
||
|
||
// 与 mobile 内部信息页一致：标签 / 备注 / 阶段
|
||
if (!has('tagIds')) {
|
||
items.unshift({
|
||
title: 'tagIds',
|
||
name: '标签',
|
||
type: 'tag',
|
||
operateType: 'formCell',
|
||
required: false,
|
||
wordLimit: 200,
|
||
range: tagOptions,
|
||
});
|
||
}
|
||
if (!has('notes')) {
|
||
items.push({
|
||
title: 'notes',
|
||
name: '备注',
|
||
type: 'textarea',
|
||
operateType: 'formCell',
|
||
required: false,
|
||
wordLimit: 200,
|
||
});
|
||
}
|
||
if (!has('customerStage')) {
|
||
items.push({
|
||
title: 'customerStage',
|
||
name: '阶段',
|
||
type: 'customerStage',
|
||
operateType: 'formCell',
|
||
required: false,
|
||
range: stageOptions,
|
||
});
|
||
}
|
||
return items;
|
||
}
|
||
|
||
function unwrapListPayload(res) {
|
||
const root = res && typeof res === 'object' ? res : {};
|
||
const d = root.data && typeof root.data === 'object' ? root.data : root;
|
||
if (!d) return [];
|
||
if (Array.isArray(d)) return d;
|
||
if (Array.isArray(d.data)) return d.data;
|
||
if (Array.isArray(d.list)) return d.list;
|
||
if (d.data && typeof d.data === 'object') {
|
||
if (Array.isArray(d.data.data)) return d.data.data;
|
||
if (Array.isArray(d.data.list)) return d.data.list;
|
||
}
|
||
return [];
|
||
}
|
||
|
||
function parseCustomerStageOptions(res) {
|
||
const list = unwrapListPayload(res);
|
||
return list
|
||
.map((i) => {
|
||
if (typeof i === 'string') return { label: i, value: i };
|
||
const label = i?.name ?? i?.label ?? '';
|
||
const value = i?.type ?? i?.value ?? i?.id ?? i?.key ?? label;
|
||
if (!label && (value === undefined || value === null || value === '')) return null;
|
||
return { label: String(label || value), value: String(value) };
|
||
})
|
||
.filter(Boolean);
|
||
}
|
||
|
||
function parseTagOptions(res) {
|
||
const list = unwrapListPayload(res);
|
||
let flat = [];
|
||
|
||
// 形态1：[{ groupName, tag: [{id,name}] }]
|
||
if (list.length && typeof list[0] === 'object' && Array.isArray(list[0]?.tag)) {
|
||
flat = list.reduce((acc, g) => {
|
||
if (Array.isArray(g?.tag)) acc.push(...g.tag);
|
||
return acc;
|
||
}, []);
|
||
} else {
|
||
flat = list;
|
||
}
|
||
|
||
const options = flat
|
||
.map((i) => {
|
||
if (typeof i === 'string') return { label: i, value: i };
|
||
const label = i?.name ?? i?.label ?? i?.text ?? '';
|
||
const value = i?.id ?? i?.value ?? i?.key ?? label;
|
||
if (!label && (value === undefined || value === null || value === '')) return null;
|
||
return { label: String(label || value), value: String(value) };
|
||
})
|
||
.filter(Boolean);
|
||
|
||
const seen = new Set();
|
||
return options.filter((i) => {
|
||
if (!i?.value) return false;
|
||
if (seen.has(i.value)) return false;
|
||
seen.add(i.value);
|
||
return true;
|
||
});
|
||
}
|
||
|
||
function isStageItem(i) {
|
||
const title = String(i?.title || '');
|
||
const type = String(i?.type || '');
|
||
const name = String(i?.name || '');
|
||
return title === 'customerStage' || type === 'customerStage' || name.includes('阶段');
|
||
}
|
||
|
||
function isTagItem(i) {
|
||
const title = String(i?.title || '');
|
||
const type = String(i?.type || '');
|
||
const name = String(i?.name || '');
|
||
return title === 'tagIds' || title === 'tag' || type === 'tag' || name.includes('标签');
|
||
}
|
||
|
||
async function loadInternalTemplate() {
|
||
const corpId = String(account.value?.corpId || doctorInfo.value?.corpId || '') || '';
|
||
if (!corpId) return;
|
||
|
||
loading('加载中...');
|
||
const [res, stageRes, tagRes] = await Promise.all([
|
||
api('getCurrentTemplate', { corpId, templateType: 'internalTemplate' }),
|
||
api('getCustomerType', { corpId }),
|
||
api('getCorpTags', { corpId }),
|
||
]);
|
||
hideLoading();
|
||
|
||
if (!res?.success) {
|
||
toast(res?.message || '获取模板失败');
|
||
return;
|
||
}
|
||
|
||
console.log('[debug][wxapp][patient-inner-info] corpId:', corpId);
|
||
console.log('[debug][wxapp][patient-inner-info] getCustomerType:', stageRes);
|
||
console.log('[debug][wxapp][patient-inner-info] getCorpTags:', tagRes);
|
||
|
||
const stageOptions = parseCustomerStageOptions(stageRes);
|
||
const tagOptions = parseTagOptions(tagRes);
|
||
console.log('[debug][wxapp][patient-inner-info] parsed stageOptions:', stageOptions.length, stageOptions);
|
||
console.log('[debug][wxapp][patient-inner-info] parsed tagOptions:', tagOptions.length, tagOptions);
|
||
|
||
const temp = unwrapTemplate(res);
|
||
const list = ensureInternalDefaults(Array.isArray(temp.templateList) ? temp.templateList : [], { stageOptions, tagOptions }).map((i) => {
|
||
const item = { ...(i || {}) };
|
||
if (isStageItem(item) && (!Array.isArray(item.range) || item.range.length === 0)) item.range = stageOptions;
|
||
if (isTagItem(item) && (!Array.isArray(item.range) || item.range.length === 0)) item.range = tagOptions;
|
||
if (isTagItem(item) && item.title === 'tag') item.title = 'tagIds';
|
||
return item;
|
||
});
|
||
items.value = list
|
||
.filter((i) => i && i.fieldStatus !== 'disable')
|
||
.filter((i) => i.operateType !== 'onlyRead')
|
||
.map(normalizeTemplateItem);
|
||
|
||
const debugStage = items.value.find(isStageItem);
|
||
const debugTag = items.value.find(isTagItem);
|
||
console.log('[debug][wxapp][patient-inner-info] final stage item:', debugStage);
|
||
console.log('[debug][wxapp][patient-inner-info] final tag item:', debugTag);
|
||
}
|
||
|
||
onLoad(async () => {
|
||
const base = uni.getStorageSync(BASE_KEY);
|
||
if (!base || typeof base !== 'object') {
|
||
uni.showToast({ title: '请先填写基础信息', icon: 'none' });
|
||
uni.navigateBack();
|
||
return;
|
||
}
|
||
Object.assign(baseForm, base);
|
||
|
||
const cached = uni.getStorageSync(INNER_KEY);
|
||
if (cached && typeof cached === 'object') {
|
||
Object.assign(form, cached);
|
||
}
|
||
|
||
if (!doctorInfo.value && account.value?.openid) {
|
||
try {
|
||
await getDoctorInfo();
|
||
} catch (e) {
|
||
// ignore
|
||
}
|
||
}
|
||
await loadInternalTemplate();
|
||
});
|
||
|
||
function onChange({ title, value }) {
|
||
form[title] = normalizeChangeValue(value);
|
||
}
|
||
|
||
function prev() {
|
||
uni.navigateBack();
|
||
}
|
||
|
||
function getUserId() {
|
||
const d = doctorInfo.value || {};
|
||
const a = account.value || {};
|
||
return String(d.userid || d.userId || d.corpUserId || a.userid || a.userId || '') || '';
|
||
}
|
||
|
||
function normalizeFormValue(value) {
|
||
if (value && typeof value === 'object' && 'value' in value) return value.value;
|
||
if (Array.isArray(value)) return value.map(normalizeFormValue);
|
||
return value;
|
||
}
|
||
|
||
function normalizeFormObject(obj) {
|
||
if (!obj || typeof obj !== 'object') return {};
|
||
return Object.keys(obj).reduce((acc, key) => {
|
||
acc[key] = normalizeFormValue(obj[key]);
|
||
return acc;
|
||
}, {});
|
||
}
|
||
|
||
function buildPayload(base, inner) {
|
||
const team = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
|
||
const corpId = String(account.value?.corpId || team?.corpId || base?.corpId || '') || '';
|
||
const baseForm = normalizeFormObject(base);
|
||
const innerForm = normalizeFormObject(inner);
|
||
const payload = {
|
||
...baseForm,
|
||
...innerForm,
|
||
corpId,
|
||
teamId: baseForm.teamId || (team?.teamId ? String(team.teamId) : ''),
|
||
creator: getUserId(),
|
||
addMethod: 'manual',
|
||
};
|
||
|
||
// 兼容旧字段命名（历史缓存）
|
||
if (payload.gender && !payload.sex) payload.sex = payload.gender;
|
||
if (payload.idNo && !payload.idCard) payload.idCard = payload.idNo;
|
||
if (payload.idType && !payload.cardType) payload.cardType = payload.idType;
|
||
if (payload.tag && !payload.tagIds) payload.tagIds = payload.tag;
|
||
if (Array.isArray(payload.teamId)) payload.teamId = payload.teamId[0] || '';
|
||
|
||
if (payload.customerSource && typeof payload.customerSource === 'string') {
|
||
payload.customerSource = [payload.customerSource];
|
||
}
|
||
|
||
return { payload, team };
|
||
}
|
||
|
||
async function save() {
|
||
if (formRef.value?.verify && !formRef.value.verify()) return;
|
||
|
||
const base = uni.getStorageSync(BASE_KEY) || {};
|
||
uni.setStorageSync(INNER_KEY, { ...form });
|
||
|
||
const { payload, team } = buildPayload(base, form);
|
||
if (!payload.corpId || !payload.teamId || !payload.creator) {
|
||
toast('缺少用户/团队信息，请先完成登录与个人信息');
|
||
return;
|
||
}
|
||
|
||
loading('请求中...');
|
||
try {
|
||
const createTeamId = Array.isArray(payload.teamId) ? (payload.teamId[0] || '') : String(payload.teamId || '');
|
||
const res = await api('addCustomer', {
|
||
createTeamId,
|
||
createTeamName: team?.name || '',
|
||
params: payload,
|
||
});
|
||
hideLoading();
|
||
|
||
if (!res?.success) {
|
||
toast(res?.message || '新增失败');
|
||
return;
|
||
}
|
||
|
||
toast('新增成功');
|
||
uni.removeStorageSync(BASE_KEY);
|
||
uni.removeStorageSync(INNER_KEY);
|
||
uni.setStorageSync(NEED_RELOAD_STORAGE_KEY, 1);
|
||
uni.navigateBack({ delta: 2 });
|
||
} catch (e) {
|
||
hideLoading();
|
||
toast('新增失败');
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
height: 100vh;
|
||
background: #f6f6f6;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.body {
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.scroll {
|
||
flex: 1;
|
||
min-height: 0;
|
||
height: 0;
|
||
}
|
||
|
||
|
||
.form-wrap {
|
||
background: #fff;
|
||
}
|
||
|
||
.footer {
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: #fff;
|
||
padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
|
||
display: flex;
|
||
gap: 12px;
|
||
z-index: 10;
|
||
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
|
||
}
|
||
|
||
.scroll-spacer {
|
||
height: calc(120px + env(safe-area-inset-bottom));
|
||
}
|
||
|
||
.btn {
|
||
flex: 1;
|
||
height: 44px;
|
||
line-height: 44px;
|
||
border-radius: 6px;
|
||
font-size: 15px;
|
||
text-align: center;
|
||
}
|
||
|
||
.btn::after {
|
||
border: none;
|
||
}
|
||
|
||
.btn.plain {
|
||
background: #fff;
|
||
color: #666;
|
||
border: 1px solid #ddd;
|
||
}
|
||
|
||
.btn.primary {
|
||
background: #5d8aff;
|
||
color: #fff;
|
||
}
|
||
</style>
|