diff --git a/TUICallKit-Vue3/pages.json b/TUICallKit-Vue3/pages.json index 100b8395..fd67dba7 100644 --- a/TUICallKit-Vue3/pages.json +++ b/TUICallKit-Vue3/pages.json @@ -143,10 +143,10 @@ { "path": "pages/index", "style": { - "navigationBarTitleText": "日常记录", - "navigationBarBackgroundColor": "#0ea5a4", + "navigationBarTitleText": "血糖记录", + "navigationBarBackgroundColor": "#204e2b", "navigationBarTextStyle": "white", - "backgroundColor": "#f1f5f9", + "backgroundColor": "#faf9f5", "enablePullDownRefresh": true, "mp-weixin": { "usingPlugins": { @@ -157,6 +157,16 @@ } } } + }, + { + "path": "pages/more", + "style": { + "navigationBarTitleText": "日常护理", + "navigationBarBackgroundColor": "#204e2b", + "navigationBarTextStyle": "white", + "backgroundColor": "#faf9f5", + "enablePullDownRefresh": true + } } ] } diff --git a/TUICallKit-Vue3/pages/Card/edit_card.vue b/TUICallKit-Vue3/pages/Card/edit_card.vue index daaddd2e..93c9a970 100644 --- a/TUICallKit-Vue3/pages/Card/edit_card.vue +++ b/TUICallKit-Vue3/pages/Card/edit_card.vue @@ -778,6 +778,7 @@ const showDatePicker = ref(false) const diagnosisId = ref(null) const patientId = ref(null) const isAddMode = ref(false) // 新建模式 +const returnUrl = ref('') // 保存成功后跳回（如日常记录页） // 表单数据 const formData = ref({ @@ -1023,6 +1024,13 @@ const loadCardDetail = async () => { const options = currentPage.options || {} diagnosisId.value = options.id isAddMode.value = options.add === '1' || options.add === 1 + if (options.returnUrl) { + try { + returnUrl.value = decodeURIComponent(String(options.returnUrl)) + } catch (e) { + returnUrl.value = String(options.returnUrl) + } + } const userData = uni.getStorageSync('userData') patientId.value = userData?.diagnosis?.patient_id @@ -1302,7 +1310,12 @@ const submitForm = async () => { } uni.showToast({ title: isAddMode.value ? '创建成功' : '保存成功', icon: 'success' }) setTimeout(() => { - uni.navigateBack() + const back = returnUrl.value + if (back && back.startsWith('/')) { + uni.redirectTo({ url: back }) + } else { + uni.navigateBack() + } }, 1500) } else { uni.showToast({ title: res.msg || '保存失败', icon: 'none' }) diff --git a/TUICallKit-Vue3/tongji/components/CelebrateBurst.vue b/TUICallKit-Vue3/tongji/components/CelebrateBurst.vue index c7aa159e..75499b8e 100644 --- a/TUICallKit-Vue3/tongji/components/CelebrateBurst.vue +++ b/TUICallKit-Vue3/tongji/components/CelebrateBurst.vue @@ -8,7 +8,7 @@ /> - + {{ title }} {{ subtitle }} @@ -28,7 +28,7 @@ const props = defineProps({ const particles = ref([]) const cardPop = ref(false) -const COLORS = ['#0891B2', '#22D3EE', '#059669', '#FBBF24', '#F472B6', '#A78BFA'] +const COLORS = ['#204E2B', '#386641', '#AFE2B3', '#FBBF24', '#727970', '#DC2626'] function buildParticles() { const list = [] @@ -129,7 +129,7 @@ watch( margin-top: 16rpx; font-size: 36rpx; font-weight: 800; - color: #164e63; + color: #1b1c1a; } .celebrate-card-sub { position: relative; diff --git a/TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue b/TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue index 59b12b27..c1401c42 100644 --- a/TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue +++ b/TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue @@ -47,12 +47,12 @@ const treeEmoji = computed(() => (TREE_LEVELS[clampedLevel.value] || TREE_LEVELS function buildTreeSvg(level) { const pot = ` - + ` - const soil = `` + const soil = `` if (level <= 0) { return ` @@ -69,7 +69,7 @@ function buildTreeSvg(level) { const leaf = (cx, cy, r, fill, opacity = 1) => ` - ` + ` const bloom = level >= 7 @@ -82,13 +82,13 @@ function buildTreeSvg(level) { level >= 9 ? leaf(12, 22, 6, '#34d399', 0.9) + leaf(36, 22, 6, '#34d399', 0.9) + - leaf(24, 10, 7, '#10b981', 0.95) + + leaf(24, 10, 7, '#386641', 0.95) + bloom : bloom let canopy = '' if (level === 1) { - canopy = leaf(24, 38, 4, '#6ee7b7') + `` + canopy = leaf(24, 38, 4, '#afe2b3') + `` } else if (level === 2) { canopy = leaf(24, 32, 5.5, '#34d399') + leaf(20, 34, 3.5, '#6ee7b7', 0.9) } else if (level <= 4) { @@ -101,10 +101,10 @@ function buildTreeSvg(level) { leaf(24, 24, 9, '#22c55e') + leaf(14, 26, 7, '#4ade80', 0.92) + leaf(34, 26, 7, '#4ade80', 0.92) + - leaf(24, 16, 6, '#10b981', 0.88) + leaf(24, 16, 6, '#386641', 0.88) } else { canopy = - leaf(24, 20, 10, '#059669') + + leaf(24, 20, 10, '#204e2b') + leaf(13, 24, 8, '#34d399', 0.95) + leaf(35, 24, 8, '#34d399', 0.95) + crown @@ -132,14 +132,14 @@ const treeImageSrc = computed(() => svgToDataUrl(buildTreeSvg(clampedLevel.value position: absolute; inset: 6%; border-radius: 50%; - background: radial-gradient(circle, rgba(14, 165, 164, 0.22) 0%, transparent 68%); + background: radial-gradient(circle, rgba(32, 78, 43, 0.22) 0%, transparent 68%); pointer-events: none; } .lv-0 .stg-glow { background: radial-gradient(circle, rgba(148, 163, 184, 0.25) 0%, transparent 70%); } .tier-4 .stg-glow, .tier-5 .stg-glow, .is-max .stg-glow { - background: radial-gradient(circle, rgba(251, 191, 36, 0.3) 0%, rgba(14, 165, 164, 0.15) 55%, transparent 72%); + background: radial-gradient(circle, rgba(251, 191, 36, 0.3) 0%, rgba(32, 78, 43, 0.15) 55%, transparent 72%); } .stg-aura { position: absolute; diff --git a/TUICallKit-Vue3/tongji/components/TongjiIcon.vue b/TUICallKit-Vue3/tongji/components/TongjiIcon.vue index fd707a21..32ecec3a 100644 --- a/TUICallKit-Vue3/tongji/components/TongjiIcon.vue +++ b/TUICallKit-Vue3/tongji/components/TongjiIcon.vue @@ -24,7 +24,7 @@ import { svgToDataUrl } from '../utils/svgDataUrl.js' const props = defineProps({ name: { type: String, required: true }, size: { type: String, default: 'md' }, - color: { type: String, default: '#0891B2' } + color: { type: String, default: '#204E2B' } }) const useFallback = ref(false) @@ -86,8 +86,8 @@ const ICON_FALLBACK = { } const strokeColor = computed(() => { - const c = String(props.color || '#0891B2').trim() - return /^#[0-9A-Fa-f]{3,8}$/.test(c) ? c : '#0891B2' + const c = String(props.color || '#204E2B').trim() + return /^#[0-9A-Fa-f]{3,8}$/.test(c) ? c : '#204E2B' }) const iconSrc = computed(() => { diff --git a/TUICallKit-Vue3/tongji/composables/useTongjiAuth.js b/TUICallKit-Vue3/tongji/composables/useTongjiAuth.js new file mode 100644 index 00000000..5b34f785 --- /dev/null +++ b/TUICallKit-Vue3/tongji/composables/useTongjiAuth.js @@ -0,0 +1,115 @@ +import { ref } from 'vue' +import { formatUserMessage } from '../utils/tongjiHelpers.js' + +/** 登录 / 就诊卡门禁（index 与 more 共用） */ +export function useTongjiAuth(proxy) { + const authChecking = ref(false) + let gateRedirected = false + let authSessionPromise = null + + function hasAuthToken() { + return !!String(uni.getStorageSync('token') || '').trim() + } + + function clearAuthStorage() { + uni.removeStorageSync('token') + authSessionPromise = null + } + + function wxLoginGetCode() { + return new Promise((resolve, reject) => { + uni.login({ + provider: 'weixin', + success: (res) => { + if (res && res.code) resolve(res.code) + else reject(new Error('微信登录未返回 code')) + }, + fail: reject + }) + }) + } + + async function mnpLoginWithCode(code) { + const res = await proxy.apiUrl({ + url: '/api/login/mnpLogin', + method: 'POST', + data: { code } + }, false) + if (res && res.code === 1 && res.data && res.data.token) { + uni.setStorageSync('token', res.data.token) + uni.setStorageSync('userData', res.data) + return res.data + } + clearAuthStorage() + throw new Error(formatUserMessage(res?.msg, '登录失败')) + } + + async function doWxLogin() { + const code = await wxLoginGetCode() + await mnpLoginWithCode(code) + return hasAuthToken() + } + + async function verifyOrLogin() { + if (!hasAuthToken()) { + return doWxLogin() + } + try { + const res = await proxy.apiUrl({ url: '/api/user/info', method: 'POST' }, false) + if (res && res.code === 1 && res.data) { + uni.setStorageSync('userData', res.data) + return true + } + } catch (e) { + /* 网络异常走重新登录 */ + } + clearAuthStorage() + try { + return await doWxLogin() + } catch (e2) { + return false + } + } + + async function ensureLoggedIn() { + if (authSessionPromise) { + return authSessionPromise + } + authSessionPromise = verifyOrLogin() + .then((ok) => { + if (!ok) authSessionPromise = null + return !!ok + }) + .catch(() => { + authSessionPromise = null + return false + }) + return authSessionPromise + } + + function redirectToCardEntry(returnPath) { + if (gateRedirected) return + gateRedirected = true + const returnUrl = encodeURIComponent(returnPath || '/tongji/pages/index') + uni.redirectTo({ + url: `/pages/Card/edit_card?add=1&returnUrl=${returnUrl}` + }) + } + + function resetGateRedirect() { + gateRedirected = false + } + + function isGateRedirected() { + return gateRedirected + } + + return { + authChecking, + hasAuthToken, + ensureLoggedIn, + redirectToCardEntry, + resetGateRedirect, + isGateRedirected + } +} diff --git a/TUICallKit-Vue3/tongji/pages/index.vue b/TUICallKit-Vue3/tongji/pages/index.vue index 70cb1b4c..0b254e0d 100644 --- a/TUICallKit-Vue3/tongji/pages/index.vue +++ b/TUICallKit-Vue3/tongji/pages/index.vue @@ -1,6 +1,5 @@ @@ -1340,8 +484,6 @@ import { ref, computed, getCurrentInstance, nextTick, watch } from 'vue' import { onLoad, onShow, onHide, onUnload, onPullDownRefresh, onShareAppMessage } from '@dcloudio/uni-app' import SugarTreeGraphic from '../components/SugarTreeGraphic.vue' import TongjiIcon from '../components/TongjiIcon.vue' -import CelebrateBurst from '../components/CelebrateBurst.vue' -import { TREE_LEVELS, TREE_MAX_LEVEL, calcTreeFromPoints, pickTreeWhisper } from '../utils/treeLevels.js' const { proxy } = getCurrentInstance() @@ -1384,6 +526,10 @@ const patientName = ref('') const age = ref(0) const gender = ref(0) +/** 登录 / 就诊卡门禁校验中（避免未登录时闪屏） */ +const authChecking = ref(false) +let gateRedirected = false + const loading = ref(false) const cardsLoading = ref(false) const cards = ref([]) @@ -1435,6 +581,8 @@ const trackingNotes = ref([]) const hoverInfo = ref(null) let hoverTimer = null +const chartSeriesVisible = ref({ fasting: true, postprandial: true }) + // 画布上下文相关 let canvasNode = null let canvasCtx = null @@ -1620,21 +768,18 @@ const recordDays = computed(() => { const result = [] for (const date of visibleDates.value) { const blood = bloodByDate.value[date] - const diet = dietByDate.value[date] - const exercise = exerciseByDate.value[date] - const tracking = trackingByDate.value[date] - const hasAny = blood || diet || exercise || (tracking && tracking.content) - if (!hasAny) continue + if (!blood) continue + const hasSugar = toNumber(blood.fasting_blood_sugar) !== null + || toNumber(blood.postprandial_blood_sugar) !== null + || toNumber(blood.other_blood_sugar) !== null + if (!hasSugar) continue const [y, m, d] = date.split('-') result.push({ date, dateLabel: `${m}-${d}`, weekday: getWeekday(date), isToday: date === todayStr.value, - blood, - diet, - exercise, - tracking + blood }) } return result @@ -1746,6 +891,28 @@ const latestStat = computed(() => { return result }) +function elderMetricFromBlood(blood, field, label) { + if (!blood) return { label, value: '—', isHigh: false } + const num = toNumber(blood[field]) + if (num === null) return { label, value: '—', isHigh: false } + const isHigh = field === 'fasting_blood_sugar' + ? blood.isHighFasting + : field === 'postprandial_blood_sugar' + ? blood.isHighPostprandial + : blood.isHighOther + return { label, value: String(blood[field]), isHigh: !!isHigh } +} + +const todayBlood = computed(() => bloodByDate.value[todayStr.value] || null) + +const elderFasting = computed(() => + elderMetricFromBlood(todayBlood.value, 'fasting_blood_sugar', '空腹') +) + +const elderPostprandial = computed(() => + elderMetricFromBlood(todayBlood.value, 'postprandial_blood_sugar', '餐后') +) + // 给某天某字段计算 day-over-day 趋势（用于日常记录列表的指标小标签） function getDayTrend(date, field, precision = 1) { const b = bloodByDate.value[date] @@ -1767,10 +934,104 @@ function getDayBpTrend(date) { return makeTrend(cur, prev.systolic, 0) } +// ============ 登录 / 就诊卡门禁 ============ +/** 进行中的登录任务（避免与 App.onLaunch 重复发起 mnpLogin，并保证业务接口在其之后） */ +let authSessionPromise = null + +function hasAuthToken() { + return !!String(uni.getStorageSync('token') || '').trim() +} + +function clearAuthStorage() { + uni.removeStorageSync('token') + authSessionPromise = null +} + +function wxLoginGetCode() { + return new Promise((resolve, reject) => { + uni.login({ + provider: 'weixin', + success: (res) => { + if (res && res.code) resolve(res.code) + else reject(new Error('微信登录未返回 code')) + }, + fail: reject + }) + }) +} + +async function mnpLoginWithCode(code) { + const res = await proxy.apiUrl({ + url: '/api/login/mnpLogin', + method: 'POST', + data: { code } + }, false) + if (res && res.code === 1 && res.data && res.data.token) { + uni.setStorageSync('token', res.data.token) + uni.setStorageSync('userData', res.data) + return res.data + } + clearAuthStorage() + throw new Error(formatUserMessage(res?.msg, '登录失败')) +} + +async function doWxLogin() { + const code = await wxLoginGetCode() + await mnpLoginWithCode(code) + return hasAuthToken() +} + +/** 校验 token 有效；无效则清除并重新 mnpLogin（缺 token 时后端 code=0，不能当作已登录） */ +async function verifyOrLogin() { + if (!hasAuthToken()) { + return doWxLogin() + } + try { + const res = await proxy.apiUrl({ url: '/api/user/info', method: 'POST' }, false) + if (res && res.code === 1 && res.data) { + uni.setStorageSync('userData', res.data) + return true + } + } catch (e) { + /* 网络异常走重新登录 */ + } + clearAuthStorage() + try { + return await doWxLogin() + } catch (e2) { + return false + } +} + +/** 登录完成后再调业务接口；并发调用共享同一 Promise */ +async function ensureLoggedIn() { + if (authSessionPromise) { + return authSessionPromise + } + authSessionPromise = verifyOrLogin() + .then((ok) => { + if (!ok) authSessionPromise = null + return !!ok + }) + .catch(() => { + authSessionPromise = null + return false + }) + return authSessionPromise +} + +function redirectToCardEntry() { + if (gateRedirected) return + gateRedirected = true + const returnUrl = encodeURIComponent('/tongji/pages/index') + uni.redirectTo({ + url: `/pages/Card/edit_card?add=1&returnUrl=${returnUrl}` + }) +} + // ============ 就诊卡 ============ async function fetchCardList() { - const token = uni.getStorageSync('token') - if (!token) return + if (!hasAuthToken()) return [] cardsLoading.value = true try { const res = await proxy.apiUrl({ @@ -1793,20 +1054,12 @@ async function fetchCardList() { } async function applyCard(card) { - if (!card) return + if (!card || !hasAuthToken()) return diagnosisId.value = Number(card.id) || 0 patientId.value = Number(card.patient_id) || 0 patientName.value = card.patient_name || '' age.value = Number(card.age) || 0 gender.value = Number(card.gender) || 0 - lastFamilyLikeCount.value = getStoredFamilyLikeSeen(Number(card.id) || 0) - familyLikeSummary.value = { - like_count: 0, - summary_line: '分享战报给家人，邀请他们为您点赞鼓劲', - recent: [] - } - gamifyStatusTip.value = '' - await fetchGamifyState() } async function onSelectCard(card) { @@ -1822,7 +1075,7 @@ async function onSelectCard(card) { // ============ 接口请求 ============ async function fetchAll() { - if (!diagnosisId.value) return + if (!hasAuthToken() || !diagnosisId.value) return loading.value = true const { start, end } = currentRange.value try { @@ -1871,9 +1124,6 @@ async function fetchAll() { } else { trackingNotes.value = [] } - // 拉取游戏化积分/小树状态 - await fetchGamifyState() - await loadFamilyLikeSummary() } catch (e) { uni.showToast({ title: '加载失败，请稍后再试', icon: 'none' }) } finally { @@ -1900,6 +1150,14 @@ function onRefresh() { fetchAll() } +function goMorePage() { + if (!diagnosisId.value) { + showUserToast('请先选择就诊卡') + return + } + uni.navigateTo({ url: '/tongji/pages/more' }) +} + // ============ 时段问候 / 打卡 / 健康日历 ============ /** 时段问候：文案 + 统一 TongjiIcon（与全页图标体系一致）*/ function buildTimeGreetingMeta(hour = new Date().getHours()) { @@ -1921,27 +1179,17 @@ function dayHasBloodRecord(key) { if (!b) return false return toNumber(b.fasting_blood_sugar) !== null || toNumber(b.postprandial_blood_sugar) !== null || - toNumber(b.other_blood_sugar) !== null || - toNumber(b.systolic_pressure) !== null || - toNumber(b.diastolic_pressure) !== null + toNumber(b.other_blood_sugar) !== null } -// 给一天打个完整度分（0-3）：0 无 / 1 仅 1 项 / 2 有 2~3 项 / 3 有 4 项以上 function dayCoverageLevel(key) { const b = bloodByDate.value[key] - const dt = dietByDate.value[key] - const ex = exerciseByDate.value[key] - if (!b && !dt && !ex) return 0 - let score = 0 - if (b) { - const fields = ['fasting_blood_sugar', 'postprandial_blood_sugar', 'other_blood_sugar', 'systolic_pressure', 'diastolic_pressure'] - score += fields.filter((f) => toNumber(b[f]) !== null).length - } - if (dt && (dt.breakfast_foods || dt.lunch_foods || dt.dinner_foods)) score += 1 - if (ex && (ex.exercise_type || ex.duration)) score += 1 + if (!b) return 0 + const fields = ['fasting_blood_sugar', 'postprandial_blood_sugar', 'other_blood_sugar'] + const score = fields.filter((f) => toNumber(b[f]) !== null).length if (score === 0) return 0 if (score === 1) return 1 - if (score <= 3) return 2 + if (score === 2) return 2 return 3 } @@ -2121,8 +1369,6 @@ const emptyInputForm = () => ({ fasting_blood_sugar: '', postprandial_blood_sugar: '', other_blood_sugar: '', - systolic_pressure: '', - diastolic_pressure: '', remark: '' }) const inputForm = ref(emptyInputForm()) @@ -2166,8 +1412,6 @@ async function openInputForm() { inputForm.value.fasting_blood_sugar = numToStr(r.fasting_blood_sugar) inputForm.value.postprandial_blood_sugar = numToStr(r.postprandial_blood_sugar) inputForm.value.other_blood_sugar = numToStr(r.other_blood_sugar) - inputForm.value.systolic_pressure = numToStr(r.systolic_pressure) - inputForm.value.diastolic_pressure = numToStr(r.diastolic_pressure) inputForm.value.remark = String(r.remark || '') } } catch (e) { @@ -2186,203 +1430,11 @@ function numToStr(v) { function closeInputForm() { if (inputForm.value.submitting) return inputForm.value.visible = false - // 关闭后 canvas 会重新挂载，需触发一次重绘 nextTick(() => scheduleChartRedraw()) } -const emptyDietForm = () => ({ - visible: false, - loading: false, - submitting: false, - id: 0, - breakfast_foods: '', - lunch_foods: '', - dinner_foods: '', - note: '' -}) -const dietForm = ref(emptyDietForm()) - -function onDietField(field, e) { - dietForm.value[field] = e?.detail?.value ?? '' -} - -async function openDietForm() { - if (!diagnosisId.value) { - showUserToast('请先选择就诊卡') - return - } - const token = uni.getStorageSync('token') - if (!token) { - showUserToast('请先登录后再录入') - return - } - prepareRecordOverlay() - dietForm.value = { ...emptyDietForm(), visible: true, loading: true } - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailyTodayDietRecord', - method: 'GET', - data: { diagnosis_id: diagnosisId.value } - }, false) - if (res?.code === 1 && res.data?.record) { - const r = res.data.record - dietForm.value.id = Number(r.id) || 0 - dietForm.value.breakfast_foods = String(r.breakfast_foods || '') - dietForm.value.lunch_foods = String(r.lunch_foods || '') - dietForm.value.dinner_foods = String(r.dinner_foods || '') - dietForm.value.note = String(r.note || '') - } - } catch (e) {} - finally { - dietForm.value.loading = false - } -} - -function closeDietForm() { - if (dietForm.value.submitting) return - dietForm.value.visible = false - nextTick(() => scheduleChartRedraw()) -} - -async function submitDietForm() { - if (dietForm.value.submitting || dietForm.value.loading) return - const f = dietForm.value - if (!f.breakfast_foods.trim() && !f.lunch_foods.trim() && !f.dinner_foods.trim()) { - showUserToast('请至少填写一餐饮食') - return - } - dietForm.value.submitting = true - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailySaveDietRecord', - method: 'POST', - data: { - diagnosis_id: diagnosisId.value, - breakfast_foods: f.breakfast_foods, - lunch_foods: f.lunch_foods, - dinner_foods: f.dinner_foods, - note: f.note - } - }, false) - if (res?.code === 1) { - showUserToast(res.msg || '已保存', { icon: 'success' }) - dietForm.value.visible = false - await fetchAll() - await fetchGamifyState() - if (claimablePoints.value > 0) { - showUserToast('饮食已记录，点击浇水领取积分', { duration: 2800 }) - } - } else { - showUserToast((res && res.msg) || '保存失败') - } - } catch (e) { - showUserToast('网络异常，请稍后再试') - } finally { - dietForm.value.submitting = false - } -} - -const exerciseIntensityOptions = [ - { value: 1, label: '低强度' }, - { value: 2, label: '中强度' }, - { value: 3, label: '高强度' } -] -const emptyExerciseForm = () => ({ - visible: false, - loading: false, - submitting: false, - id: 0, - exercise_type: '', - duration: '', - intensity: 2, - note: '' -}) -const exerciseForm = ref(emptyExerciseForm()) - /** 任一录入弹层打开时需卸载 canvas（小程序原生组件会盖住普通 view）*/ -const recordOverlayOpen = computed(() => - inputForm.value.visible || dietForm.value.visible || exerciseForm.value.visible -) - -function onExerciseField(field, e) { - exerciseForm.value[field] = e?.detail?.value ?? '' -} - -async function openExerciseForm() { - if (!diagnosisId.value) { - showUserToast('请先选择就诊卡') - return - } - const token = uni.getStorageSync('token') - if (!token) { - showUserToast('请先登录后再录入') - return - } - prepareRecordOverlay() - exerciseForm.value = { ...emptyExerciseForm(), visible: true, loading: true } - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailyTodayExerciseRecord', - method: 'GET', - data: { diagnosis_id: diagnosisId.value } - }, false) - if (res?.code === 1 && res.data?.record) { - const r = res.data.record - exerciseForm.value.id = Number(r.id) || 0 - exerciseForm.value.exercise_type = String(r.exercise_type || '') - exerciseForm.value.duration = numToStr(r.duration) - exerciseForm.value.intensity = Number(r.intensity) || 2 - exerciseForm.value.note = String(r.note || '') - } - } catch (e) {} - finally { - exerciseForm.value.loading = false - } -} - -function closeExerciseForm() { - if (exerciseForm.value.submitting) return - exerciseForm.value.visible = false - nextTick(() => scheduleChartRedraw()) -} - -async function submitExerciseForm() { - if (exerciseForm.value.submitting || exerciseForm.value.loading) return - const f = exerciseForm.value - if (!f.exercise_type.trim() && !f.duration) { - showUserToast('请填写运动类型或时长') - return - } - exerciseForm.value.submitting = true - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailySaveExerciseRecord', - method: 'POST', - data: { - diagnosis_id: diagnosisId.value, - exercise_type: f.exercise_type, - duration: f.duration, - intensity: f.intensity, - note: f.note - } - }, false) - if (res?.code === 1) { - showUserToast(res.msg || '已保存', { icon: 'success' }) - exerciseForm.value.visible = false - await fetchAll() - await fetchGamifyState() - if (claimablePoints.value > 0) { - showUserToast('运动已记录，点击浇水领取积分', { duration: 2800 }) - } - } else { - showUserToast((res && res.msg) || '保存失败') - } - } catch (e) { - showUserToast('网络异常，请稍后再试') - } finally { - exerciseForm.value.submitting = false - } -} +const recordOverlayOpen = computed(() => inputForm.value.visible) async function submitInputForm() { if (inputForm.value.submitting || inputForm.value.loading) return @@ -2390,8 +1442,7 @@ async function submitInputForm() { // 至少填一个有效字段 const f = inputForm.value const hasAny = [ - f.fasting_blood_sugar, f.postprandial_blood_sugar, f.other_blood_sugar, - f.systolic_pressure, f.diastolic_pressure + f.fasting_blood_sugar, f.postprandial_blood_sugar, f.other_blood_sugar ].some((v) => v !== '' && v !== null && Number(v) > 0) || !!(f.remark && f.remark.trim()) if (!hasAny) { uni.showToast({ title: '请至少填写一项数据', icon: 'none' }) @@ -2408,8 +1459,6 @@ async function submitInputForm() { fasting_blood_sugar: f.fasting_blood_sugar, postprandial_blood_sugar: f.postprandial_blood_sugar, other_blood_sugar: f.other_blood_sugar, - systolic_pressure: f.systolic_pressure, - diastolic_pressure: f.diastolic_pressure, remark: f.remark } }, false) @@ -2417,10 +1466,6 @@ async function submitInputForm() { showUserToast(res.msg || '已保存', { icon: 'success' }) inputForm.value.visible = false await fetchAll() - await fetchGamifyState() - if (claimablePoints.value > 0) { - showUserToast('记录已保存，点击浇水领取积分', { duration: 2800 }) - } } else { showUserToast((res && res.msg) || '保存失败') } @@ -2465,13 +1510,6 @@ function deleteInputRecord() { }) } -function splitTrackingLines(content) { - return String(content || '') - .split('\n') - .map((s) => s.trim()) - .filter(Boolean) -} - // ============ 语音播报（适老化）============ // 优先用 微信同声传译插件 (mp-weixin)；H5 走 window.speechSynthesis； // 都不可用则轻提示，避免 showModal 挡住录入弹层。 @@ -2764,8 +1802,8 @@ function buildSeries(field) { }) } -function computeYRange(series1, series2) { - const values = [...series1, ...series2].filter((v) => v !== null) +function computeYRange(...seriesList) { + const values = seriesList.flat().filter((v) => v !== null) if (!values.length) return { yMin: 4, yMax: 12 } let min = Math.min(...values) let max = Math.max(...values) @@ -2799,9 +1837,33 @@ function drawChart() { const fastingSeries = buildSeries('fasting_blood_sugar') const postSeries = buildSeries('postprandial_blood_sugar') - const { yMin, yMax } = computeYRange(fastingSeries, postSeries) const n = chartDates.value.length const threshold = getBloodSugarThresholds(age.value) + const seriesDefs = [ + { + key: 'fasting', + data: fastingSeries, + color: '#204E2B', + fillTop: 'rgba(32,78,43,0.18)', + fillBottom: 'rgba(32,78,43,0)', + label: '空腹', + highThreshold: threshold ? threshold.fasting : null + }, + { + key: 'postprandial', + data: postSeries, + color: '#D97706', + fillTop: 'rgba(217,119,6,0.18)', + fillBottom: 'rgba(217,119,6,0)', + label: '餐后', + highThreshold: threshold ? threshold.postprandial : null + } + ] + const visibleDefs = seriesDefs.filter((item) => chartSeriesVisible.value[item.key]) + const rangeSources = visibleDefs.length + ? visibleDefs.map((item) => item.data) + : [fastingSeries, postSeries] + const { yMin, yMax } = computeYRange(...rangeSources) const valueToY = (v) => padding.top + ch * (1 - (v - yMin) / (yMax - yMin)) // 1) 背景：纯净浅色 + 阈值以上一抹极淡红 @@ -2879,37 +1941,20 @@ function drawChart() { } // 5) 绘制曲线 - const seriesMeta = [ - { - data: fastingSeries, - color: '#0ea5a4', - fillTop: 'rgba(14,165,164,0.20)', - fillBottom: 'rgba(14,165,164,0)', - label: '空腹', - highThreshold: threshold ? threshold.fasting : null - }, - { - data: postSeries, - color: '#f59e0b', - fillTop: 'rgba(245,158,11,0.16)', - fillBottom: 'rgba(245,158,11,0)', - label: '餐后', - highThreshold: threshold ? threshold.postprandial : null - } - ] - const xAt = (i) => (n === 1 ? padding.left + cw / 2 : padding.left + (cw * i) / (n - 1)) - const coordCache = [] + const coordByKey = { fasting: [], postprandial: [] } // 7 天内显示圆点，30 天以纯曲线为主 const showDots = n <= 10 - seriesMeta.forEach((meta) => { + seriesDefs.forEach((meta) => { const projected = meta.data.map((v, i) => ({ x: xAt(i), y: v === null ? null : valueToY(v), value: v })) - coordCache.push(projected) + coordByKey[meta.key] = projected + + if (!chartSeriesVisible.value[meta.key]) return const segments = [] let cur = [] @@ -3030,11 +2075,18 @@ function drawChart() { cw, ch, n, - fasting: coordCache[0] || [], - postprandial: coordCache[1] || [] + fasting: coordByKey.fasting, + postprandial: coordByKey.postprandial } } +function toggleChartSeries(key) { + if (key !== 'fasting' && key !== 'postprandial') return + chartSeriesVisible.value[key] = !chartSeriesVisible.value[key] + hoverInfo.value = null + scheduleChartRedraw() +} + function onChartTouch(e) { if (!chartCoords || !canvasWidth) return if (!chartDates.value.length) return @@ -3053,8 +2105,8 @@ function onChartTouch(e) { if (idx < 0) idx = 0 if (idx > n - 1) idx = n - 1 const date = chartDates.value[idx] - const fp = chartCoords.fasting[idx] - const pp = chartCoords.postprandial[idx] + const fp = chartSeriesVisible.value.fasting ? chartCoords.fasting[idx] : null + const pp = chartSeriesVisible.value.postprandial ? chartCoords.postprandial[idx] : null const anchorX = fp?.x ?? pp?.x ?? padding.left + cw * (idx / Math.max(1, n - 1)) const left = Math.max(8, Math.min(canvasWidth - 130, anchorX - 60)) @@ -3095,24 +2147,33 @@ async function bootstrap(options) { options = options || {} const inviteCode = String(options.invite_code || '').trim() if (options.from === 'share' && inviteCode) { + authChecking.value = false await bootstrapInviteViewer(inviteCode) return } isInviteViewer.value = false - const passedDiagnosisId = Number(options.diagnosis_id || options.id || 0) - diagnosisId.value = passedDiagnosisId - patientId.value = Number(options.patient_id || 0) - if (options.patient_name) patientName.value = decodeURIComponent(options.patient_name) - if (options.age) age.value = Number(options.age) || 0 - if (options.gender) gender.value = Number(options.gender) || 0 + gateRedirected = false + authChecking.value = true - const token = uni.getStorageSync('token') - if (!token) { - showUserToast('请先登录') + // 登录完成前不写 diagnosisId，避免模板/子流程提前打业务接口 + const passedDiagnosisId = Number(options.diagnosis_id || options.id || 0) + const passedPatientId = Number(options.patient_id || 0) + const passedPatientName = options.patient_name + ? decodeURIComponent(String(options.patient_name)) + : '' + const passedAge = Number(options.age) || 0 + const passedGender = Number(options.gender) || 0 + + const loggedIn = await ensureLoggedIn() + if (!loggedIn || !hasAuthToken()) { + authChecking.value = false + showUserToast('登录失败，请稍后重试') return } + readUserContext() + const list = await fetchCardList() if (Array.isArray(list) && list.length > 0) { @@ -3123,46 +2184,39 @@ async function bootstrap(options) { if (!target) target = list[0] await applyCard(target) } else { + if (passedDiagnosisId) diagnosisId.value = passedDiagnosisId + if (passedPatientId) patientId.value = passedPatientId + if (passedPatientName) patientName.value = passedPatientName + if (passedAge) age.value = passedAge + if (passedGender) gender.value = passedGender if (!diagnosisId.value || !patientId.value) { readUserContext() } if (!diagnosisId.value) { - showUserToast('暂无就诊卡，请先创建') + authChecking.value = false + redirectToCardEntry() return } } - fetchAll() + authChecking.value = false + await fetchAll() } onLoad((options) => { bootstrap(options) }) -onShareAppMessage(() => { - const d = weeklyReportData.value - const code = pendingShareInviteCode.value - const title = - shareTitle.value || - `【稳糖打卡】${d.patientLabel}本周记录${d.recordDays}天（邀请码今日有效）` - const path = code - ? `/tongji/pages/index?from=share&invite_code=${code}` - : '/tongji/pages/index' - return { title, path } -}) - onShow(() => { - if (!isInviteViewer.value && diagnosisId.value) { - loadFamilyLikeSummary() - } - scheduleChartRedraw() + if (authChecking.value || gateRedirected) return + nextTick(() => scheduleChartRedraw()) }) onPullDownRefresh(async () => { if (isInviteViewer.value) { const code = invitePreview.value.invite_code if (code) await bootstrapInviteViewer(code) - } else { + } else if (await ensureLoggedIn()) { await fetchAll() } uni.stopPullDownRefresh() @@ -3176,355 +2230,21 @@ onUnload(() => { ttsStop() }) -// ============ 稳糖乐园 (游戏化积分/小树) ============ -const gamifyPoints = ref(0) -const gamifyBadges = ref([]) -const gamifyTaskAwards = ref({}) -const gamifyTodayTasks = ref([]) -const gamifyClaimablePoints = ref(0) -const gamifyStatusTip = ref('') -const TREE_LEVEL_ROADMAP = TREE_LEVELS -const treeWatering = ref(false) - -function isApiSuccess(res) { - return !!(res && Number(res.code) === 1) -} - -function applyGamifyPayload(data) { - if (!data || typeof data !== 'object') return - gamifyPoints.value = Number(data.points) || 0 - gamifyBadges.value = Array.isArray(data.badges) ? [...data.badges] : [] - try { - gamifyTaskAwards.value = data.task_awards ? JSON.parse(JSON.stringify(data.task_awards)) : {} - } catch (e) { - gamifyTaskAwards.value = data.task_awards || {} - } - gamifyTodayTasks.value = Array.isArray(data.today_tasks) - ? data.today_tasks.map((t) => ({ - id: String(t.id || ''), - name: String(t.name || ''), - points: Number(t.points) || 0, - completed: !!t.completed, - claimed: !!t.claimed - })) - : [] - gamifyClaimablePoints.value = Number(data.claimable_points) || 0 - if (data.message) { - gamifyStatusTip.value = String(data.message) - } -} - -async function fetchGamifyState() { - if (!diagnosisId.value) return - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailyGetGamify', - method: 'GET', - data: { diagnosis_id: diagnosisId.value } - }, false) - if (isApiSuccess(res) && res.data) { - applyGamifyPayload(res.data) - } - } catch (e) { - console.error('获取游戏化数据失败', e) - } -} - -const todayHasDiet = computed(() => { - const today = todayStr.value - const d = dietByDate.value[today] - return !!(d && (d.breakfast_foods || d.lunch_foods || d.dinner_foods)) -}) - -const todayHasExercise = computed(() => { - const today = todayStr.value - const ex = exerciseByDate.value[today] - return !!(ex && (ex.exercise_type || ex.duration)) -}) - -const todayTasks = computed(() => { - if (gamifyTodayTasks.value.length) { - return gamifyTodayTasks.value - } - const today = todayStr.value - const awards = gamifyTaskAwards.value[today] || {} - return [ - { - id: 'blood', - name: '测血糖血压', - points: 10, - completed: todayChecked.value, - claimed: !!awards['blood'] - }, - { - id: 'diet', - name: '记今日饮食', - points: 10, - completed: todayHasDiet.value, - claimed: !!awards['diet'] - }, - { - id: 'exercise', - name: '记今日运动', - points: 10, - completed: todayHasExercise.value, - claimed: !!awards['exercise'] - } - ] -}) - -const claimablePoints = computed(() => { - if (gamifyTodayTasks.value.length) { - return gamifyClaimablePoints.value - } - return todayTasks.value - .filter(t => t.completed && !t.claimed) - .reduce((sum, t) => sum + t.points, 0) -}) - -const allTasksCleared = computed(() => { - const tasks = todayTasks.value - return tasks.length > 0 && tasks.every((t) => t.completed && t.claimed) -}) - -const unlockedBadges = computed(() => { - const list = [] - const streak = Number(streakDays.value?.days) || 0 - if (todayChecked.value) { - list.push({ id: 'today', label: '今日打卡', icon: 'check-circle', color: '#059669' }) - } - if (streak >= 3) { - list.push({ id: 'streak', label: `连击${streak}天`, icon: 'flame', color: '#EA580C' }) - } - if (streak >= 7) { - list.push({ id: 'week', label: '一周达人', icon: 'trophy', color: '#CA8A04' }) - } - if (last7CheckedCount.value >= 5) { - list.push({ id: 'w5', label: '本周5天+', icon: 'calendar', color: '#0891B2' }) - } - if (gamifyPoints.value >= 50) { - list.push({ id: 'p50', label: '积分50+', icon: 'sparkles', color: '#0891B2' }) - } - if (gamifyPoints.value >= 100) { - list.push({ id: 'p100', label: '积分破百', icon: 'trophy', color: '#7C3AED' }) - } - if (gamifyPoints.value >= 200) { - list.push({ id: 'p200', label: '积分200+', icon: 'sparkles', color: '#7C3AED' }) - } - if (treeLevel.value >= 3) { - list.push({ id: 'tree3', label: '小树苗', icon: 'glucose', color: '#0D9488' }) - } - if (treeLevel.value >= 5) { - list.push({ id: 'tree5', label: '拔节高', icon: 'activity', color: '#059669' }) - } - if (treeLevel.value >= 7) { - list.push({ id: 'tree7', label: '初绽香', icon: 'heart', color: '#EA580C' }) - } - if (treeState.value.isMax) { - list.push({ id: 'tree9', label: '圆满树', icon: 'trophy', color: '#CA8A04' }) - } - return list -}) - -const celebrateShow = ref(false) -const celebrateTitle = ref('') -const celebrateSub = ref('') -const floatReward = ref(null) -const inviteHeartBurst = ref(false) -const taskJustDoneId = ref('') -let celebrateTimer = null -let taskPopTimer = null - -const INVITE_TREE_WHISPERS = [ - 'Ta 正在努力控糖，您的鼓励很重要。', - '好习惯比完美数值更珍贵，一起加油。', - '每天记一笔，就是在照顾未来的自己。', - '点赞一下，让 Ta 知道家人在身边。' -] - -function hapticLight() { - try { - uni.vibrateShort({ type: 'light' }) - } catch (e) {} -} - -function triggerCelebrate(title, sub = '') { - if (celebrateTimer) clearTimeout(celebrateTimer) - celebrateTitle.value = title - celebrateSub.value = sub - celebrateShow.value = true - celebrateTimer = setTimeout(() => { - celebrateShow.value = false - celebrateSub.value = '' - }, 2400) -} - -function showFloatReward(points) { - floatReward.value = { text: points, key: Date.now() } - setTimeout(() => { - floatReward.value = null - }, 1100) -} - -function popTaskDone(taskId) { - if (!taskId) return - taskJustDoneId.value = taskId - if (taskPopTimer) clearTimeout(taskPopTimer) - taskPopTimer = setTimeout(() => { - taskJustDoneId.value = '' - }, 700) -} - -function onTreeWhisper() { - if (treeWatering.value) return - const line = pickTreeWhisper(treeLevel.value) - showUserToast(line, { duration: 2800 }) - hapticLight() -} - -function onInviteTreeWhisper() { - const line = INVITE_TREE_WHISPERS[Math.floor(Math.random() * INVITE_TREE_WHISPERS.length)] - showUserToast(line, { duration: 2800 }) - hapticLight() -} - -async function waterTree() { - if (!diagnosisId.value) return - if (treeWatering.value) return - - const oldLevel = treeLevel.value - treeWatering.value = true - setTimeout(() => { - treeWatering.value = false - }, 1000) - - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailyWaterTree', - method: 'POST', - data: { diagnosis_id: diagnosisId.value } - }, false) - if (!isApiSuccess(res)) { - showUserToast((res && res.msg) || '浇水失败') - return - } - const data = res.data && typeof res.data === 'object' ? res.data : {} - const addedPoints = Number(data.added_points) || 0 - applyGamifyPayload({ - ...data, - message: data.message || res.msg || '' - }) - await nextTick() - - const tip = formatUserMessage(data.message || res.msg, '') - if (addedPoints > 0) { - showFloatReward(addedPoints) - hapticLight() - triggerCelebrate('浇水成功', tip || `+${addedPoints} 稳糖积分，小树咕咚喝饱啦`) - const claimedIds = Array.isArray(data.claimed_tasks) ? data.claimed_tasks : [] - claimedIds.forEach((id) => popTaskDone(id)) - const newLevel = treeLevel.value - if (newLevel > oldLevel) { - const meta = TREE_LEVELS[newLevel] || TREE_LEVELS[0] - setTimeout(() => triggerCelebrate('小树升级啦', `Lv.${newLevel} ${meta.name} · ${meta.desc}`), 520) - } - setTimeout(() => { - if (todayTasks.value.every((t) => t.completed && t.claimed)) { - triggerCelebrate('今日任务大满贯', '明天继续来浇浇水吧') - } - }, 900) - return - } - - // 无可领积分：先同步 UI，再按服务端 pending 引导或提示 - if (tip) { - showUserToast(tip, { duration: 2800 }) - } - - const needRecord = todayTasks.value.find((t) => !t.completed && !t.claimed) - if (needRecord) { - onGamifyTaskTap(needRecord) - return - } - - const pending = Array.isArray(data.pending_tasks) ? data.pending_tasks : [] - if (pending.length) { - const match = todayTasks.value.find((t) => t.id === pending[0].id) - || todayTasks.value.find((t) => t.name === pending[0].name) - if (match && !match.completed) { - onGamifyTaskTap(match) - } else if (!tip) { - showUserToast(`先完成：${pending[0].name}`, { duration: 2800 }) - } - return - } - - if (Number(data.claimable_points) > 0) { - showUserToast('还有积分待领取，请再点一次浇水') - return - } - - if (allTasksCleared.value && !tip) { - showUserToast('今日奖励已全部领取', { duration: 2800 }) - } - } catch (e) { - showUserToast('浇水失败，请稍后重试') - } -} - -const treeState = computed(() => calcTreeFromPoints(gamifyPoints.value)) -const treeLevel = computed(() => treeState.value.level) -const treeProgress = computed(() => treeState.value.progress) -const treeLevelName = computed(() => treeState.value.name) -const treeEmoji = computed(() => treeState.value.emoji) -const treeMood = computed(() => treeState.value.mood) -const treeProgressLabel = computed(() => { - if (treeState.value.isMax) return '已满级 · 圆满树' - return `${treeState.value.xpInLevel}/${treeState.value.xpNeed} XP` -}) -const treeNextHint = computed(() => { - if (treeState.value.isMax) return '您已养成满级稳糖树，习惯就是最好的奖励' - if (claimablePoints.value > 0) return `浇水后可再积 ${claimablePoints.value} 分，离升级更近一步` - return `再积 ${treeState.value.pointsToNext} 分，升级「${treeState.value.nextName}」` -}) - -// ============ 分享 / 家人点赞 / 邀请观看 ============ +// ============ 邀请观看（家人分享页）============ const isInviteViewer = ref(false) const inviteLoading = ref(false) const inviteError = ref('') const invitePreview = ref({}) const inviteLiking = ref(false) const inviteLikeNickname = ref('家人') +const inviteHeartBurst = ref(false) const familyNicknameOptions = ['家人', '亲友', '老伴', '子女'] -const weeklyReportVisible = ref(false) -const shareTitle = ref('') -const pendingShareInviteCode = ref('') - -const familyLikeSummary = ref({ - like_count: 0, - summary_line: '分享战报给家人，邀请他们为您点赞鼓劲', - recent: [] -}) -const lastFamilyLikeCount = ref(0) - const VIEWER_KEY_STORAGE = 'tongji_viewer_key_v1' -function familyLikeSeenStorageKey(dId = diagnosisId.value) { - return `tongji_family_like_seen_${Number(dId) || 0}_${todayStr.value}` -} - -function getStoredFamilyLikeSeen(dId = diagnosisId.value) { +function hapticLight() { try { - return Number(uni.getStorageSync(familyLikeSeenStorageKey(dId))) || 0 - } catch (e) { - return 0 - } -} - -function setStoredFamilyLikeSeen(count, dId = diagnosisId.value) { - try { - uni.setStorageSync(familyLikeSeenStorageKey(dId), Number(count) || 0) + uni.vibrateShort({ type: 'light' }) } catch (e) {} } @@ -3541,55 +2261,6 @@ function getViewerKey() { } } -function getWeekOfYear(date) { - const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())) - const dayNum = d.getUTCDay() || 7 - d.setUTCDate(d.getUTCDate() + 4 - dayNum) - const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1)) - return Math.ceil((((d - yearStart) / 86400000) + 1) / 7) -} - -const weeklyReportData = computed(() => { - if (isInviteViewer.value && invitePreview.value.invite_code) { - const p = invitePreview.value - return { - patientLabel: p.patient_label || '家人', - weekLabel: p.week_label || '', - recordDays: Number(p.record_days) || 0, - completeDays: Number(p.complete_days) || 0, - streakDays: Number(p.streak_days) || 0, - quote: p.quote || '' - } - } - const name = (patientName.value || '我').trim() - const patientLabel = name.length > 6 ? `${name.slice(0, 6)}…` : name - const now = new Date() - const weekLabel = `${now.getFullYear()}年 第${getWeekOfYear(now)}周` - const rd = last7CheckedCount.value - const cd = weekCompleteDays.value - let quote = '坚持记录，就是在照顾未来的自己。' - if (rd >= 7) quote = '本周每天都留下了记录，这份自律值得骄傲！' - else if (cd >= 5) quote = `本周有 ${cd} 天完成了空腹+餐后记录，习惯越来越稳。` - else if (rd >= 4) quote = `本周已记录 ${rd} 天，比不记录强一百倍。` - else if (rd > 0) quote = '好的开始！下周试着多记录几天。' - else quote = '从今天记一笔开始，小树就会发芽。' - return { - patientLabel, - weekLabel, - recordDays: rd, - completeDays: cd, - streakDays: streakDays.value.days, - quote - } -}) - -const reportTreeLevel = computed(() => { - if (isInviteViewer.value && invitePreview.value.invite_code) { - return Number(invitePreview.value.tree_level) || 0 - } - return treeLevel.value -}) - const inviteTreeLevel = computed(() => Number(invitePreview.value.tree_level) || 0) const inviteDailyRecords = computed(() => { @@ -3602,172 +2273,17 @@ function formatInviteSugar(v) { return String(v) } -const ENCOURAGE_LINES = [ +const INVITE_TREE_WHISPERS = [ + 'Ta 正在努力控糖，您的鼓励很重要。', + '好习惯比完美数值更珍贵，一起加油。', '每天记一笔，就是在照顾未来的自己。', - '坚持记录比纠结数值更重要，您做得很好。', - '给树浇浇水，也给自己点个赞。', - '家人会看到您的努力，习惯比完美更珍贵。', - '空腹、餐后各记一次，完整一日更有成就感。' + '点赞一下，让 Ta 知道家人在身边。' ] -const encourageIndex = ref(0) -const encourageLine = computed(() => { - const pending = todayTasks.value.find((t) => !t.completed) - if (pending?.id === 'blood') return '先完成血糖记录，今日第一格就亮起来。' - if (pending?.id === 'diet') return '记下今日饮食，离领奖更近一步。' - if (pending?.id === 'exercise') return '动一动、记一记，小树长得更快。' - return ENCOURAGE_LINES[encourageIndex.value % ENCOURAGE_LINES.length] -}) -function onEncourageTap() { - encourageIndex.value = (encourageIndex.value + 1) % ENCOURAGE_LINES.length - const line = ENCOURAGE_LINES[encourageIndex.value] - if (ttsEnabled.value) { - ttsSpeak(line) - } else { - showUserToast(line, { duration: 2800 }) - } -} - -function onGamifyTaskTap(task) { - if (!task) return - if (task.claimed) { - showUserToast('该任务积分已领取') - return - } - if (!task.completed) { - if (task.id === 'blood') { - openInputForm() - return - } - if (task.id === 'diet') { - openDietForm() - return - } - if (task.id === 'exercise') { - openExerciseForm() - return - } - showUserToast(`请先完成：${task.name}`) - return - } - waterTree() -} - -function shareInviteCacheKey() { - return `tongji_invite_${diagnosisId.value}_${todayStr.value}` -} - -async function ensureShareInvite() { - if (!diagnosisId.value) return '' - const cacheKey = shareInviteCacheKey() - try { - const cached = uni.getStorageSync(cacheKey) - if (cached && cached.invite_code && cached.invite_date === todayStr.value) { - pendingShareInviteCode.value = cached.invite_code - return cached.invite_code - } - } catch (e) {} - - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailyCreateShareInvite', - method: 'POST', - data: { diagnosis_id: diagnosisId.value } - }, false) - if (res && res.code === 1 && res.data && res.data.invite_code) { - const code = res.data.invite_code - pendingShareInviteCode.value = code - try { - uni.setStorageSync(cacheKey, { - invite_code: code, - invite_date: todayStr.value - }) - } catch (e) {} - return code - } - if (res?.msg) showUserToast(res.msg) - } catch (e) { - showUserToast('生成邀请码失败') - } - return '' -} - -async function prepareShareWeekly() { - const code = await ensureShareInvite() - if (!code) return - const d = weeklyReportData.value - shareTitle.value = `【稳糖打卡】${d.patientLabel}本周记录${d.recordDays}天，邀请码 ${code}（今日有效）` -} - -function shareWeeklyFallback() { - prepareShareWeekly().then((code) => { - if (!code) return - const d = weeklyReportData.value - const text = `【稳糖打卡】${d.patientLabel} ${d.weekLabel}\n本周 ${d.recordDays} 天有记录、${d.completeDays} 个完整日、连续 ${d.streakDays} 天\n${d.quote}\n邀请码：${code}（仅今日有效）\n打开小程序「日常记录」输入邀请码查看` - uni.setClipboardData({ - data: text, - success: () => showUserToast('战报文案已复制，可发给家人') - }) - }) -} - -async function openWeeklyReport() { - if (!diagnosisId.value) { - showUserToast('请先选择就诊卡') - return - } - await ensureShareInvite() - weeklyReportVisible.value = true -} - -function closeWeeklyReport() { - weeklyReportVisible.value = false -} - -async function loadFamilyLikeSummary() { - if (!diagnosisId.value || isInviteViewer.value) return - const token = uni.getStorageSync('token') - if (!token) return - try { - const res = await proxy.apiUrl({ - url: '/api/tcm/dailyFamilyLikeSummary', - method: 'GET', - data: { diagnosis_id: diagnosisId.value } - }, false) - if (res && res.code === 1 && res.data) { - const storedSeen = getStoredFamilyLikeSeen() - const prev = Math.max(lastFamilyLikeCount.value, storedSeen) - const next = Number(res.data.like_count) || 0 - familyLikeSummary.value = { - like_count: next, - summary_line: res.data.summary_line || '', - recent: Array.isArray(res.data.recent) ? res.data.recent : [] - } - // 仅在有「新增」点赞时庆祝，避免刷新/重进页面重复弹层 - if (next > prev) { - const delta = next - prev - triggerCelebrate( - delta === 1 && prev === 0 ? '首个家人点赞' : '收到家人鼓励', - delta === 1 ? '分享真的有用，继续加油' : `新增 ${delta} 位家人点赞，共 ${next} 人` - ) - hapticLight() - } - lastFamilyLikeCount.value = next - setStoredFamilyLikeSeen(next) - } - } catch (e) {} -} - -function onFamilyLikeStripTap() { - if (familyLikeSummary.value.like_count > 0) { - if (ttsEnabled.value) { - ttsSpeak(familyLikeSummary.value.summary_line) - } else { - showUserToast(familyLikeSummary.value.summary_line, { duration: 2400 }) - } - return - } - openWeeklyReport() +function onInviteTreeWhisper() { + const line = INVITE_TREE_WHISPERS[Math.floor(Math.random() * INVITE_TREE_WHISPERS.length)] + showUserToast(line, { duration: 2800 }) + hapticLight() } async function bootstrapInviteViewer(inviteCode) { @@ -3776,7 +2292,6 @@ async function bootstrapInviteViewer(inviteCode) { inviteError.value = '' invitePreview.value = {} inviteHeartBurst.value = false - celebrateShow.value = false try { const res = await proxy.apiUrl({ url: '/api/tcm/dailySharePreview', @@ -3846,51 +2361,59 @@ async function onFamilyLike() { diff --git a/TUICallKit-Vue3/tongji/pages/more.vue b/TUICallKit-Vue3/tongji/pages/more.vue new file mode 100644 index 00000000..d6b225de --- /dev/null +++ b/TUICallKit-Vue3/tongji/pages/more.vue @@ -0,0 +1,6643 @@ + + + + + diff --git a/TUICallKit-Vue3/tongji/styles/daily-theme.scss b/TUICallKit-Vue3/tongji/styles/daily-theme.scss new file mode 100644 index 00000000..fb18ca2e --- /dev/null +++ b/TUICallKit-Vue3/tongji/styles/daily-theme.scss @@ -0,0 +1,993 @@ +/** + + * 日常记录统一主题 — 与甄养堂小程序 TCM Care 品牌色一致 + + * 来源：pages/index/index.vue · tabBar selectedColor #204e2b + + */ + + + +.daily-page { + + /* 品牌主色 */ + + --primary: #204e2b; + + --primary-dark: #163d22; + + --primary-container: #386641; + + --primary-grad: linear-gradient(160deg, #204e2b 0%, #386641 100%); + + --primary-light: #eef6ef; + + --primary-soft: #cfe8d3; + + --primary-glow: rgba(32, 78, 43, 0.14); + + --on-primary-container: #afe2b3; + + + + --success: #386641; + + --success-light: #eef6ef; + + + + --danger: #dc2626; + + --danger-light: #fef2f2; + + --danger-glow: rgba(220, 38, 38, 0.1); + + + + --warning: #d97706; + + --warning-light: #fff7ed; + + + + --text-primary: #1b1c1a; + + --text-secondary: #414941; + + --text-muted: #727970; + + + + --surface: #ffffff; + + --surface-muted: #f4f4f0; + + --border: #e3e2df; + + --border-soft: rgba(32, 78, 43, 0.12); + + + + --slate-50: #faf9f5; + + --slate-100: #f4f4f0; + + --slate-200: #e9e8e4; + + --slate-300: #e3e2df; + + --slate-400: #727970; + + --slate-600: #414941; + + --slate-900: #1b1c1a; + + + + --shadow-premium: 0 8rpx 28rpx rgba(32, 78, 43, 0.06); + + --shadow-sm: 0 4rpx 16rpx rgba(32, 78, 43, 0.05); + + --shadow-glow-primary: 0 8rpx 20rpx rgba(32, 78, 43, 0.18); + + --shadow-glow-danger: 0 8rpx 20rpx rgba(220, 38, 38, 0.12); + + --border-premium: 1rpx solid var(--border-soft); + + + + background: var(--slate-50); + +} + + + +/* Hero：品牌绿渐变 */ + +.daily-page .hero-bg { + + background: var(--primary-grad); + + &::after { + + background: radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.1) 0%, transparent 55%); + + } + +} + + + +.daily-page .hero-orb { + + display: none; + +} + + + +.daily-page .hero-pill.voice.speaking { + + background: rgba(255, 255, 255, 0.92); + + border-color: rgba(255, 255, 255, 0.95); + + animation: none; + + box-shadow: 0 0 0 3rpx rgba(255, 255, 255, 0.35); + +} + + + +.daily-page .hero-status-chip.pending { + + background: rgba(255, 255, 255, 0.16); + + border-color: rgba(255, 255, 255, 0.28); + +} + + + +.daily-page .hero-status-chip.done { + + background: rgba(255, 255, 255, 0.2); + + border-color: rgba(255, 255, 255, 0.32); + +} + + + +/* 指标卡 */ + +.daily-page .stat-fasting, + +.daily-page .stat-postprandial, + +.daily-page .stat-other { + + background: var(--surface); + +} + + + +.daily-page .stat-fasting .stat-card-tag, + +.daily-page .stat-postprandial .stat-card-tag, + +.daily-page .stat-other .stat-card-tag { + + background: var(--primary-light); + + color: var(--primary-dark); + +} + + + +.daily-page .stat-card-value { + + background: none; + + -webkit-background-clip: unset; + + background-clip: unset; + + color: var(--text-primary); + +} + + + +.daily-page .stat-card-value.is-high { + + background: none; + + color: var(--danger); + +} + + + +.daily-page .stat-card-trend.trend-down { + + background: var(--primary-light); + + .stat-card-trend-arrow, + + .stat-card-trend-delta { + + color: var(--primary-dark); + + } + +} + + + +.daily-page .more-entry-arrow { + + color: var(--primary); + +} + + + +.daily-page .card-chip.active { + + background: var(--primary); + + box-shadow: var(--shadow-glow-primary); + +} + + + +.daily-page .range-item.active { + + background: var(--primary); + + box-shadow: var(--shadow-glow-primary); + +} + + + +.daily-page .legend-dot-fasting { + + background: var(--primary); + +} + + + +.daily-page .legend-dot-postprandial { + + background: var(--warning); + +} + + + +.daily-page .streak-strip { + + background: var(--surface); + + border-color: var(--border-soft); + + &::after { + + background: radial-gradient(circle, rgba(32, 78, 43, 0.08) 0%, transparent 70%); + + } + +} + + + +.daily-page .streak-num { + + color: var(--primary-dark); + +} + + + +/* 日历：品牌绿深浅 */ + +.daily-page .calendar-cell.level-1 .calendar-cell-mark, + +.daily-page .calendar-legend-cell.level-1 { + + background: var(--primary-soft); + + border-color: #b8dcc0; + +} + + + +.daily-page .calendar-cell.level-2 .calendar-cell-mark, + +.daily-page .calendar-legend-cell.level-2 { + + background: var(--on-primary-container); + + border-color: #86c992; + +} + + + +.daily-page .calendar-cell.level-3 .calendar-cell-mark, + +.daily-page .calendar-legend-cell.level-3 { + + background: var(--primary); + + border-color: var(--primary-dark); + +} + + + +.daily-page .day-block-tag.tag-blood, + +.daily-page .day-block-tag.tag-diet, + +.daily-page .day-block-tag.tag-exercise, + +.daily-page .day-block-tag.tag-tracking { + + background: var(--primary-light); + + color: var(--primary-dark); + + border: 1rpx solid var(--border-soft); + +} + + + +.daily-page .day-block-tag.tag-diet, + +.daily-page .day-block-tag.tag-exercise { + + background: var(--surface-muted); + + color: var(--text-secondary); + + border-color: var(--border); + +} + + + +.daily-page .pg-points-badge { + + background: var(--primary-light); + + border-color: var(--border-soft); + +} + + + +.daily-page .pg-points-num { + + color: var(--primary-dark); + +} + + + +.daily-page .record-quick-chip.pending { + + border-color: var(--border); + + background: var(--surface-muted); + +} + + + +.daily-page .record-quick-chip.done { + + border-color: rgba(56, 102, 65, 0.35); + + background: var(--success-light); + +} + + + +.daily-page .task-action-btn.pending { + + background: var(--primary); + +} + + + +.daily-page .water-btn { + + background: var(--primary); + +} + + + +.daily-page .family-like-strip, + +.daily-page .encourage-strip { + + background: var(--surface); + + border: 1rpx solid var(--border); + + box-shadow: var(--shadow-premium); + +} + + + +.daily-page .card-title, + +.daily-page .hero-title { + + color: inherit; + +} + + + +.daily-page .report-share-btn, + +.daily-page .report-share-btn::after { + + background: var(--primary); + + box-shadow: var(--shadow-glow-primary); + +} + + + +.daily-page .input-modal-btn.primary { + + background: var(--primary); + +} + + + +.daily-page .input-field-dot-fasting { + + background: var(--primary); + +} + + + +.daily-page .input-field-dot-postprandial { + + background: var(--primary-container); + +} + + + +.daily-page .input-field-dot-other { + + background: var(--text-muted); + +} + + + +.daily-page .voice-switch.on .voice-switch-track { + + background: var(--primary); + +} + + + +.daily-page .heatmap-foot-cta { + + background: var(--primary); + +} + + + +/* ========== 适老极简首页（index） ========== */ + +.daily-page .elder-header { + + padding: 48rpx 32rpx 24rpx; + +} + + + +.daily-page .elder-greet { + + display: block; + + font-size: 44rpx; + + font-weight: 700; + + color: var(--text-primary); + + line-height: 1.35; + +} + + + +.daily-page .elder-status { + + display: block; + + margin-top: 16rpx; + + font-size: 32rpx; + + font-weight: 600; + + line-height: 1.4; + + + + &.is-done { + + color: var(--success); + + } + + + + &.is-pending { + + color: var(--text-secondary); + + } + +} + + + +.daily-page .elder-card-scroll { + + margin-top: 24rpx; + + width: 100%; + + white-space: nowrap; + +} + + + +.daily-page .elder-card-row { + + display: inline-flex; + + flex-wrap: nowrap; + + gap: 16rpx; + + padding: 2rpx 0; + +} + + + +.daily-page .elder-card-chip { + + flex-shrink: 0; + + padding: 12rpx 28rpx; + + border-radius: 999rpx; + + background: var(--surface); + + border: 2rpx solid var(--border); + + + + text { + + font-size: 28rpx; + + color: var(--text-secondary); + + } + + + + &.active { + + background: var(--primary); + + border-color: var(--primary); + + + + text { + + color: #fff; + + font-weight: 600; + + } + + } + +} + + + +.daily-page .elder-actions { + + padding: 0 32rpx 24rpx; + + display: flex; + + flex-direction: row; + + align-items: stretch; + + gap: 16rpx; + +} + + + +.daily-page .elder-btn { + + display: flex; + + align-items: center; + + justify-content: center; + + gap: 12rpx; + + min-height: 112rpx; + + min-width: 0; + + border-radius: 24rpx; + + box-shadow: var(--shadow-sm); + + box-sizing: border-box; + +} + + + +.daily-page .elder-btn-text { + + font-size: 36rpx; + + font-weight: 700; + +} + + + +.daily-page .elder-btn-primary { + + flex: 8; + + background: var(--primary); + + + + .elder-btn-text { + + color: #fff; + + } + +} + + + +.daily-page .elder-btn-voice { + + flex: 2; + + flex-direction: column; + + gap: 8rpx; + + padding: 12rpx 8rpx; + + background: var(--surface); + + border: 2rpx solid var(--border-soft); + + + + .elder-btn-text { + + color: var(--primary-dark); + + font-size: 24rpx; + + line-height: 1.25; + + text-align: center; + + } + + + + &.speaking { + + border-color: var(--primary); + + background: var(--primary-light); + + } + + + + &.disabled { + + opacity: 0.45; + + } + +} + + + +.daily-page .elder-today-panel { + + margin: 0 32rpx 24rpx; + + padding: 32rpx; + + background: var(--surface); + + border-radius: 24rpx; + + border: 1rpx solid var(--border); + + box-shadow: var(--shadow-premium); + +} + + + +.daily-page .elder-panel-title { + + display: block; + + font-size: 34rpx; + + font-weight: 700; + + color: var(--text-primary); + + margin-bottom: 24rpx; + +} + + + +.daily-page .elder-today-grid { + + display: grid; + + grid-template-columns: 1fr 1fr; + + gap: 20rpx; + +} + + + +.daily-page .elder-metric { + + padding: 24rpx; + + border-radius: 20rpx; + + background: var(--surface-muted); + + border: 2rpx solid var(--border); + + + + &.is-high { + + border-color: rgba(220, 38, 38, 0.35); + + background: var(--danger-light); + + } + +} + + + +.daily-page .elder-metric-label { + + display: block; + + font-size: 28rpx; + + color: var(--text-secondary); + + margin-bottom: 12rpx; + +} + + + +.daily-page .elder-metric-value-row { + + display: flex; + + align-items: baseline; + + gap: 8rpx; + +} + + + +.daily-page .elder-metric-value { + + font-size: 56rpx; + + font-weight: 800; + + color: var(--text-primary); + + line-height: 1.1; + +} + + + +.daily-page .elder-metric.is-high .elder-metric-value { + + color: var(--danger); + +} + + + +.daily-page .elder-metric-unit { + + font-size: 26rpx; + + color: var(--text-muted); + +} + + + +.daily-page .elder-metric-flag { + + display: block; + + margin-top: 12rpx; + + font-size: 26rpx; + + color: var(--danger); + + font-weight: 600; + +} + + + +.daily-page .elder-more-link { + + margin: 0 32rpx 16rpx; + + padding: 28rpx 32rpx; + + display: flex; + + align-items: center; + + justify-content: space-between; + + background: var(--surface); + + border-radius: 24rpx; + + border: 1rpx solid var(--border); + +} + + + +.daily-page .elder-more-title { + + display: block; + + font-size: 32rpx; + + font-weight: 700; + + color: var(--text-primary); + +} + + + +.daily-page .elder-more-sub { + + display: block; + + margin-top: 8rpx; + + font-size: 26rpx; + + color: var(--text-muted); + + line-height: 1.45; + +} + + + +.daily-page .elder-more-arrow { + + font-size: 48rpx; + + color: var(--primary); + + font-weight: 300; + + padding-left: 16rpx; + +} + + + +.daily-page .footer-tip { + + text-align: center; + + font-size: 26rpx; + + color: var(--text-muted); + + padding: 16rpx 32rpx 48rpx; + + line-height: 1.6; + +} + + + + + +.daily-page .elder-chart-block .range-bar { + margin-bottom: 16rpx; +} + +.daily-page .glucose-history-block { + + padding-bottom: 8rpx; + +} + + diff --git a/TUICallKit-Vue3/tongji/utils/tongjiHelpers.js b/TUICallKit-Vue3/tongji/utils/tongjiHelpers.js new file mode 100644 index 00000000..11b63942 --- /dev/null +++ b/TUICallKit-Vue3/tongji/utils/tongjiHelpers.js @@ -0,0 +1,56 @@ +/** 将接口 msg / 异常对象转为可展示的字符串，避免 [object Object] */ +export function formatUserMessage(msg, fallback = '') { + if (msg == null || msg === '') return fallback + if (typeof msg === 'string') return msg + if (typeof msg === 'number' || typeof msg === 'boolean') return String(msg) + if (Array.isArray(msg)) { + const parts = msg.map((item) => { + if (item == null) return '' + if (typeof item === 'string') return item + if (typeof item === 'number' || typeof item === 'boolean') return String(item) + if (typeof item === 'object') { + return item.msg || item.message || item.error || item.title || item.label || '' + } + return String(item) + }).filter(Boolean) + return parts.length ? parts.join('；') : fallback + } + if (typeof msg === 'object') { + return msg.msg || msg.message || msg.error || msg.title || msg.label || fallback + } + return String(msg) +} + +export function showUserToast(title, options = {}) { + const text = formatUserMessage(title, '') + if (!text) return + uni.showToast({ + title: text, + icon: options.icon || 'none', + duration: options.duration + }) +} + +export function formatDate(date) { + const y = date.getFullYear() + const m = String(date.getMonth() + 1).padStart(2, '0') + const d = String(date.getDate()).padStart(2, '0') + return `${y}-${m}-${d}` +} + +export function parseDate(str) { + if (!str) return new Date() + const [y, m, d] = str.split('-').map(Number) + return new Date(y, (m || 1) - 1, d || 1) +} + +export function toNumber(v) { + if (v === null || v === undefined || v === '') return null + const n = Number(v) + return Number.isFinite(n) && n !== 0 ? n : null +} + +export function getWeekday(dateStr) { + const w = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'] + return w[parseDate(dateStr).getDay()] +}