|
|
@@ -0,0 +1,1108 @@
|
|
|
+<template>
|
|
|
+ <view class="survey-wrap">
|
|
|
+ <!-- 顶部进度条 -->
|
|
|
+ <view class="progress-bar">
|
|
|
+ <view class="progress-track">
|
|
|
+ <view class="progress-fill" :style="'width:' + progressPercent + '%'"></view>
|
|
|
+ </view>
|
|
|
+ <view class="progress-labels">
|
|
|
+ <text v-for="(m, i) in activeModules" :key="m"
|
|
|
+ class="progress-label" :class="{ 'progress-label-active': currentStep > i }">{{ moduleTitles[m] }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 步骤内容 -->
|
|
|
+ <view class="content">
|
|
|
+ <!-- ===== Step: 基本情况 basic ===== -->
|
|
|
+ <view v-if="currentModule === 'basic'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">📏</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">基本情况</text>
|
|
|
+ <text class="step-sub">身高、体重、血压、血糖、总胆固醇（快捷标签可一键填入参考值，再手改）</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">身高（cm）</text>
|
|
|
+ <view class="quick-chips">
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': heightQuick === 'normal' }" @tap="setHeightQuick('normal')"><text>正常</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': heightQuick === 'high' }" @tap="setHeightQuick('high')"><text>偏高</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': heightQuick === 'low' }" @tap="setHeightQuick('low')"><text>偏低</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <input class="num-input" type="digit" v-model="innerForm.heightCm" placeholder="如 170" />
|
|
|
+ <text class="unit-hint">单位：厘米</text>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">体重（kg）</text>
|
|
|
+ <view class="quick-chips">
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': weightQuick === 'normal' }" @tap="setWeightQuick('normal')"><text>正常</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': weightQuick === 'high' }" @tap="setWeightQuick('high')"><text>偏重</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': weightQuick === 'low' }" @tap="setWeightQuick('low')"><text>偏轻</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <input class="num-input" type="digit" v-model="innerForm.weightKg" placeholder="如 60" />
|
|
|
+ <text class="unit-hint">单位：公斤</text>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">血压</text>
|
|
|
+ <view class="quick-chips">
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': bpQuick === 'normal' }" @tap="setBpQuick('normal')"><text>正常</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': bpQuick === 'high' }" @tap="setBpQuick('high')"><text>偏高</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': bpQuick === 'low' }" @tap="setBpQuick('low')"><text>偏低</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <input class="num-input" type="text" v-model="innerForm.bloodPressure" placeholder="如 120/80" />
|
|
|
+ <text class="unit-hint">格式：收缩压/舒张压（mmHg）</text>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">空腹血糖（mmol/L）</text>
|
|
|
+ <view class="quick-chips">
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': glucoseQuick === 'normal' }" @tap="setGlucoseQuick('normal')"><text>正常</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': glucoseQuick === 'high' }" @tap="setGlucoseQuick('high')"><text>偏高</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': glucoseQuick === 'low' }" @tap="setGlucoseQuick('low')"><text>偏低</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <input class="num-input" type="digit" v-model="innerForm.bloodGlucose" placeholder="如 5.0" />
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">总胆固醇（mmol/L）</text>
|
|
|
+ <view class="quick-chips">
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': lipidQuick === 'normal' }" @tap="setLipidQuick('normal')"><text>正常</text></view>
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': lipidQuick === 'high' }" @tap="setLipidQuick('high')"><text>偏高</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <input class="num-input" type="digit" v-model="innerForm.lipidCholesterol" placeholder="如 4.5" />
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">其他补充（选填）</text></view>
|
|
|
+ <textarea class="notes-area" v-model="innerForm.notes" placeholder="其他想补充的健康信息" :maxlength="500" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- ===== Step: 当前状态 status ===== -->
|
|
|
+ <view v-if="currentModule === 'status'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">🩺</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">当前状态</text>
|
|
|
+ <text class="step-sub">特殊身体状态；按性别/年龄显示人群专属问题</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">特殊状态</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in currentStatusOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.currentStatus === opt }"
|
|
|
+ @tap="setLifestyle('currentStatus', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 女性专属 -->
|
|
|
+ <view v-if="isFemale">
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">月经周期</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in menstrualOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.menstrualCycle === opt }"
|
|
|
+ @tap="setLifestyle('menstrualCycle', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">特殊时期</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in specialPeriodOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.specialPeriod === opt }"
|
|
|
+ @tap="setLifestyle('specialPeriod', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 儿童专属 -->
|
|
|
+ <view v-if="isChild">
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">生长发育</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in growthOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.growthDevelopment === opt }"
|
|
|
+ @tap="setLifestyle('growthDevelopment', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">挑食情况</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in pickyEatingOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.pickyEating === opt }"
|
|
|
+ @tap="setLifestyle('pickyEating', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 老年专属 -->
|
|
|
+ <view v-if="isElderly">
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">骨质疏松风险</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in osteoporosisOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.osteoporosisRisk === opt }"
|
|
|
+ @tap="setLifestyle('osteoporosisRisk', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">跌倒风险</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in fallRiskOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.fallRisk === opt }"
|
|
|
+ @tap="setLifestyle('fallRisk', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 青少年专属 -->
|
|
|
+ <view v-if="isTeenager">
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">屏幕时间</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in screenTimeOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.screenTime === opt }"
|
|
|
+ @tap="setLifestyle('screenTime', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">情绪状态</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in teenMoodOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.teenMood === opt }"
|
|
|
+ @tap="setLifestyle('teenMood', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- ===== Step: 饮食偏好 diet ===== -->
|
|
|
+ <view v-if="currentModule === 'diet'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">🍽️</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">饮食偏好</text>
|
|
|
+ <text class="step-sub">忌口、口味、菜系、烹饪方式、饮食结构（过敏原在最后一步单独采集）</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="pref-none-row">
|
|
|
+ <button class="pref-none-btn" :class="{ 'pref-none-btn-active': innerDiet.noPreference }"
|
|
|
+ @tap="setNoPreference">{{ innerDiet.noPreference ? '已选：无特殊偏好' : '无特殊偏好，直接下一步' }}</button>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">绝对忌口</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="item in presetAvoid" :key="item" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.absoluteAvoid.indexOf(item) >= 0 }"
|
|
|
+ @tap="toggleDietChip('absoluteAvoid', item)"><text>{{ item }}</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="custom-row" v-if="customField === 'absoluteAvoid'">
|
|
|
+ <input class="custom-input" placeholder="输入其他忌口" v-model="customInput" confirm-type="done" @confirm="addCustom" />
|
|
|
+ <view class="custom-confirm" @tap="addCustom"><text>添加</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="custom-add" v-else @tap="openCustom('absoluteAvoid')"><text>＋ 自定义添加</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">必吃食物</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="item in presetMustEat" :key="item" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.mustEat.indexOf(item) >= 0 }"
|
|
|
+ @tap="toggleDietChip('mustEat', item)"><text>{{ item }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">口味偏好</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="item in presetFlavor" :key="item" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.flavorPref.indexOf(item) >= 0 }"
|
|
|
+ @tap="toggleDietChip('flavorPref', item)"><text>{{ item }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">菜系偏好</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="item in presetCuisine" :key="item" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.cuisinePref.indexOf(item) >= 0 }"
|
|
|
+ @tap="toggleDietChip('cuisinePref', item)"><text>{{ item }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">烹饪方式</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="item in presetCooking" :key="item" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.cookingMethods.indexOf(item) >= 0 }"
|
|
|
+ @tap="toggleDietChip('cookingMethods', item)"><text>{{ item }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">健康目标</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="item in presetGoals" :key="item" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.healthGoals.indexOf(item) >= 0 }"
|
|
|
+ @tap="toggleDietChip('healthGoals', item)"><text>{{ item }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">辣度</text><text class="card-hint">{{ spiceLabels[innerDiet.spiceLevel || 0] }}</text></view>
|
|
|
+ <view class="slider-row">
|
|
|
+ <slider :value="innerDiet.spiceLevel || 0" min="0" max="5" step="1" activeColor="#FF8C42"
|
|
|
+ @changing="onSpiceChanging" @change="onSpiceChange" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">宗教饮食</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in religiousOptions" :key="opt.value" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.religiousDiet === opt.value }"
|
|
|
+ @tap="setDietValue('religiousDiet', opt.value)"><text>{{ opt.label }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">饮食结构现状</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="struct-row"><text class="struct-label">每日蔬果量</text>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in vegFruitOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.vegetableFruit === opt }"
|
|
|
+ @tap="setDietValue('vegetableFruit', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="struct-row"><text class="struct-label">乳制品摄入</text>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in dairyOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.dairy === opt }"
|
|
|
+ @tap="setDietValue('dairy', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="struct-row"><text class="struct-label">含糖饮料频率</text>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in sugaryDrinkOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.sugaryDrinks === opt }"
|
|
|
+ @tap="setDietValue('sugaryDrinks', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- ===== Step: 疾病史 disease ===== -->
|
|
|
+ <view v-if="currentModule === 'disease'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">📋</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">疾病史</text>
|
|
|
+ <text class="step-sub">选择过往确诊疾病，可设确诊年月（★ 为重点关注项）</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-for="(group, gi) in diseaseGroups" :key="group.key" class="card">
|
|
|
+ <view class="card-head" @tap="toggleGroup(group.key)">
|
|
|
+ <text class="card-title">{{ group.title }}</text>
|
|
|
+ <text class="group-arrow">{{ expandedGroups.indexOf(group.key) >= 0 ? '收起' : '展开' }}</text>
|
|
|
+ </view>
|
|
|
+ <view v-if="expandedGroups.indexOf(group.key) >= 0" class="chip-row-wrap">
|
|
|
+ <view v-for="(item, ii) in group.items" :key="getDiseaseKey(gi, ii)" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': selectedDiseaseNames.indexOf(item.name) >= 0 }"
|
|
|
+ @tap="toggleDisease(item.name)">
|
|
|
+ <text>{{ item.name }}</text>
|
|
|
+ <text v-if="item.risk" class="risk-badge">★</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">自定义疾病</text></view>
|
|
|
+ <view class="custom-row">
|
|
|
+ <input class="custom-input" type="text" v-model="diseaseInput" placeholder="输入其他疾病" />
|
|
|
+ <view class="custom-confirm" @tap="addCustomDisease"><text>添加</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card" v-if="innerForm.selectedDiseases.length > 0">
|
|
|
+ <view class="card-head"><text class="card-title">已选疾病（{{ innerForm.selectedDiseases.length }}）</text></view>
|
|
|
+ <view v-for="(item, si) in innerForm.selectedDiseases" :key="getSelKey(si)" class="sel-row">
|
|
|
+ <text class="sel-name">{{ item.name }}</text>
|
|
|
+ <picker mode="date" fields="month" :value="item.diagnosedAt || currentMonth" :end="monthEnd" @change="onDiagChange(si, $event)">
|
|
|
+ <view class="sel-diag">{{ item.diagnosedAt ? item.diagnosedAt : '设确诊时间' }}</view>
|
|
|
+ </picker>
|
|
|
+ <text class="sel-del" @tap="removeSelected(si)">×</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- ===== Step: 排便及运动 bowel ===== -->
|
|
|
+ <view v-if="currentModule === 'bowel'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">🚽</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">排便及运动</text>
|
|
|
+ <text class="step-sub">排便习惯 + 运动频率与每次时长</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">排便频率</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in bowelFreqOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.bowelFrequency === opt }"
|
|
|
+ @tap="setLifestyle('bowelFrequency', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">粪便性状</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in bowelFormOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.bowelForm === opt }"
|
|
|
+ @tap="setLifestyle('bowelForm', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">运动频率</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in exerciseFreqOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.exerciseFrequency === opt }"
|
|
|
+ @tap="setLifestyle('exerciseFrequency', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">每次运动时长</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in exerciseDurationOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.exerciseDuration === opt }"
|
|
|
+ @tap="setLifestyle('exerciseDuration', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- ===== Step: 睡眠情况 sleep ===== -->
|
|
|
+ <view v-if="currentModule === 'sleep'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">😴</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">睡眠情况</text>
|
|
|
+ <text class="step-sub">睡眠时长与入睡时间</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">睡眠时长</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in sleepDurationOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.sleepDuration === opt }"
|
|
|
+ @tap="setLifestyle('sleepDuration', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">入睡时间</text><text class="card-hint">单选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in bedtimeOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.bedtime === opt }"
|
|
|
+ @tap="setLifestyle('bedtime', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- ===== Step: 用药情况 med ===== -->
|
|
|
+ <view v-if="currentModule === 'med'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">💊</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">用药情况</text>
|
|
|
+ <text class="step-sub">当前在服药物；如无可勾选「无长期用药」</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="quick-chip" :class="{ 'quick-chip-on': innerForm.noMedication }" @tap="toggleNoMedication">
|
|
|
+ <text>{{ innerForm.noMedication ? '✓ 已选' : '无长期用药' }}</text>
|
|
|
+ </view>
|
|
|
+ <text class="unit-hint" v-if="innerForm.noMedication">已标记无长期用药，可跳过药物填写</text>
|
|
|
+ </view>
|
|
|
+ <view v-if="!innerForm.noMedication" v-for="(row, idx) in innerForm.medRows" :key="getMedKey(idx)" class="card">
|
|
|
+ <view class="card-head"><text class="card-title">用药 {{ idx + 1 }}</text>
|
|
|
+ <text class="card-del" @tap="removeMed(idx)">删除</text>
|
|
|
+ </view>
|
|
|
+ <view class="card-row"><text class="card-label">药名</text>
|
|
|
+ <input class="card-input" type="text" v-model="row.name" placeholder="药物品牌，如 立普妥" /></view>
|
|
|
+ <view class="card-row"><text class="card-label">开始年月</text>
|
|
|
+ <picker mode="date" fields="month" :value="row.startDate || currentMonth" :end="monthEnd" @change="onMedStartChange(idx, $event)">
|
|
|
+ <view class="picker-val">{{ row.startDate ? row.startDate : '选择开始日期' }}</view>
|
|
|
+ </picker>
|
|
|
+ <text class="link-forget" @tap="onForgetClick(idx)">记不清</text>
|
|
|
+ </view>
|
|
|
+ <view class="card-row" v-if="row.durationText"><text class="card-label">已服时长</text>
|
|
|
+ <text class="card-value">{{ row.durationText }}</text></view>
|
|
|
+ <view class="card-row"><text class="card-label">服药时间</text>
|
|
|
+ <input class="card-input" type="text" v-model="row.time" placeholder="如 早饭后一次" /></view>
|
|
|
+ </view>
|
|
|
+ <view class="add-row" v-if="!innerForm.noMedication" @tap="addMed"><text class="add-icon">＋</text><text class="add-text">添加药物/治疗</text></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- ===== Step: 过敏源 allergy ===== -->
|
|
|
+ <view v-if="currentModule === 'allergy'">
|
|
|
+ <view class="step-head">
|
|
|
+ <text class="step-icon">⚠️</text>
|
|
|
+ <view class="step-head-text">
|
|
|
+ <text class="step-title">过敏源</text>
|
|
|
+ <text class="step-sub">过敏原与过敏症状均可多选，可自定义添加</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">过敏原</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="item in presetAllergies" :key="item" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': innerDiet.allergies.indexOf(item) >= 0 }"
|
|
|
+ @tap="toggleDietChip('allergies', item)"><text>{{ item }}</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="custom-row" v-if="customField === 'allergies'">
|
|
|
+ <input class="custom-input" placeholder="输入其他过敏原" v-model="customInput" confirm-type="done" @confirm="addCustom" />
|
|
|
+ <view class="custom-confirm" @tap="addCustom"><text>添加</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="custom-add" v-else @tap="openCustom('allergies')"><text>＋ 自定义添加</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-head"><text class="card-title">过敏表现</text><text class="card-hint">多选</text></view>
|
|
|
+ <view class="chip-row-wrap">
|
|
|
+ <view v-for="opt in allergyOptions" :key="opt" class="chip-item-wrap"
|
|
|
+ :class="{ 'chip-active': lifestyle.allergySymptoms.indexOf(opt) >= 0 }"
|
|
|
+ @tap="toggleLifestyleArray('allergySymptoms', opt)"><text>{{ opt }}</text></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 底部固定栏 -->
|
|
|
+ <view class="footer-bar">
|
|
|
+ <button class="btn-prev" v-if="currentStep > 1" @tap="prevStep">上一步</button>
|
|
|
+ <button class="btn-next" v-if="currentStep < activeModules.length" @tap="nextStep">下一步</button>
|
|
|
+ <button class="btn-done" v-else :disabled="submitting" @tap="onSubmit">
|
|
|
+ {{ submitting ? '保存中...' : '完成' }}
|
|
|
+ </button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+// ===== 预设常量（与旧子组件 / preferences.vue 保持一致） =====
|
|
|
+var PRESET_ALLERGIES = ['海鲜', '花生', '乳糖', '鸡蛋', '牛奶', '豆类', '麸质', '坚果', '芒果', '其他']
|
|
|
+var PRESET_AVOID = ['牛肉', '羊肉', '猪肉', '内脏', '油腻', '辛辣', '生冷', '腌制']
|
|
|
+var PRESET_FLAVOR = ['酸', '甜', '咸', '鲜', '苦', '清淡', '浓郁']
|
|
|
+var PRESET_CUISINE = ['川', '粤', '鲁', '淮扬', '日料', '西餐', '东南亚', '韩餐']
|
|
|
+var PRESET_COOKING = ['蒸', '煮', '炒', '烤', '炖', '凉拌', '煎', '炸']
|
|
|
+var PRESET_MUSTEAT = ['蔬菜', '水果', '粗粮', '鱼类', '鸡蛋', '豆制品', '菌菇']
|
|
|
+var PRESET_GOALS = ['减脂', '增肌', '控糖', '肠道调理', '增强免疫']
|
|
|
+var VALID_MODULES = ['basic', 'status', 'diet', 'disease', 'bowel', 'sleep', 'med', 'allergy']
|
|
|
+// 8 组 53 项预置疾病（与旧 MedicalHistoryStep.vue 一致，risk=true 为重点关注项）
|
|
|
+var DISEASE_GROUPS = [
|
|
|
+ { key: 'cardio', title: '心血管代谢', items: [
|
|
|
+ { name: '高血压', risk: false },
|
|
|
+ { name: '糖尿病', risk: false },
|
|
|
+ { name: '血脂异常', risk: false },
|
|
|
+ { name: '冠心病', risk: false },
|
|
|
+ { name: '脑卒中', risk: false },
|
|
|
+ { name: '心力衰竭', risk: false },
|
|
|
+ { name: '心房颤动', risk: false },
|
|
|
+ { name: '慢阻肺', risk: false },
|
|
|
+ { name: '心脑血管疾病', risk: true },
|
|
|
+ { name: 'II型糖尿病', risk: true },
|
|
|
+ { name: '肥胖', risk: true },
|
|
|
+ { name: '超重', risk: false },
|
|
|
+ { name: '高尿酸血症', risk: false },
|
|
|
+ { name: '骨质疏松', risk: false }
|
|
|
+ ]},
|
|
|
+ { key: 'digest', title: '消化系统', items: [
|
|
|
+ { name: '幽门螺杆菌感染', risk: false },
|
|
|
+ { name: '脂肪肝', risk: false },
|
|
|
+ { name: '慢性胃炎', risk: false },
|
|
|
+ { name: '胃食管反流', risk: false },
|
|
|
+ { name: '肠易激综合征', risk: true },
|
|
|
+ { name: '炎症性肠炎', risk: true },
|
|
|
+ { name: '慢性便秘', risk: true },
|
|
|
+ { name: '感染性腹泻', risk: true },
|
|
|
+ { name: '胆结石', risk: false },
|
|
|
+ { name: '炎症性肠病', risk: false },
|
|
|
+ { name: '肝病', risk: true },
|
|
|
+ { name: '胃病', risk: true },
|
|
|
+ { name: '胆病', risk: true },
|
|
|
+ { name: '肾病', risk: true },
|
|
|
+ { name: '腹胀', risk: true }
|
|
|
+ ]},
|
|
|
+ { key: 'immune', title: '过敏免疫', items: [
|
|
|
+ { name: '过敏性鼻炎', risk: true },
|
|
|
+ { name: '哮喘', risk: false },
|
|
|
+ { name: '湿疹', risk: false },
|
|
|
+ { name: '食物过敏', risk: false },
|
|
|
+ { name: '自体免疫病', risk: true }
|
|
|
+ ]},
|
|
|
+ { key: 'neuro', title: '精神神经', items: [
|
|
|
+ { name: '抑郁症', risk: true },
|
|
|
+ { name: '失眠', risk: true },
|
|
|
+ { name: '焦虑障碍', risk: false },
|
|
|
+ { name: '偏头痛', risk: false },
|
|
|
+ { name: '自闭症', risk: true }
|
|
|
+ ]},
|
|
|
+ { key: 'resp', title: '呼吸系统', items: [
|
|
|
+ { name: '肺部感染或疾病', risk: true },
|
|
|
+ { name: '肺部疾病', risk: true }
|
|
|
+ ]},
|
|
|
+ { key: 'tumor', title: '肿瘤', items: [
|
|
|
+ { name: '结直肠癌', risk: true },
|
|
|
+ { name: '肺癌', risk: false },
|
|
|
+ { name: '甲状腺癌', risk: false },
|
|
|
+ { name: '肝癌', risk: false },
|
|
|
+ { name: '胃癌', risk: false },
|
|
|
+ { name: '乳腺癌', risk: false },
|
|
|
+ { name: '食管癌', risk: false }
|
|
|
+ ]},
|
|
|
+ { key: 'child', title: '儿童青少年', items: [
|
|
|
+ { name: '近视', risk: false },
|
|
|
+ { name: '龋齿', risk: false },
|
|
|
+ { name: '注意缺陷多动障碍', risk: false },
|
|
|
+ { name: '甲状腺疾病', risk: true }
|
|
|
+ ]},
|
|
|
+ { key: 'other', title: '其他', items: [
|
|
|
+ { name: '缺铁性贫血', risk: false },
|
|
|
+ { name: '贫血', risk: false }
|
|
|
+ ]}
|
|
|
+]
|
|
|
+// 新采集的 lifestyle key（旧数据里可能没有，默认空值）
|
|
|
+var LIFESTYLE_KEYS = [
|
|
|
+ 'currentStatus', 'menstrualCycle', 'specialPeriod', 'growthDevelopment', 'pickyEating',
|
|
|
+ 'osteoporosisRisk', 'fallRisk', 'screenTime', 'teenMood',
|
|
|
+ 'bowelFrequency', 'bowelForm', 'exerciseFrequency', 'exerciseDuration',
|
|
|
+ 'sleepDuration', 'bedtime', 'allergySymptoms',
|
|
|
+ 'mood', 'antibioticHistory'
|
|
|
+]
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'ComprehensiveSurvey',
|
|
|
+ props: {
|
|
|
+ // 启用模块 key 列表（顺序决定步骤顺序；空/全非法 → 全量 8 模块）
|
|
|
+ modules: { type: Array, default: function() { return [] } },
|
|
|
+ // health_status 快照（结构化字段，lifestyle 为对象非 JSON 串）
|
|
|
+ form: { type: Object, default: function() { return {} } },
|
|
|
+ // diet_preferences 快照（13 key）
|
|
|
+ diet: { type: Object, default: function() { return {} } },
|
|
|
+ // 成员画像（gender/age 驱动条件渲染）
|
|
|
+ profile: { type: Object, default: function() { return {} } },
|
|
|
+ // 外部提交态
|
|
|
+ submitting: { type: Boolean, default: false }
|
|
|
+ },
|
|
|
+ data: function() {
|
|
|
+ return {
|
|
|
+ currentStep: 1,
|
|
|
+ innerForm: {},
|
|
|
+ innerDiet: {},
|
|
|
+ lifestyle: {},
|
|
|
+ currentMonth: '',
|
|
|
+ monthEnd: '',
|
|
|
+ expandedGroups: [],
|
|
|
+ // 自定义输入
|
|
|
+ customField: '',
|
|
|
+ customInput: '',
|
|
|
+ diseaseInput: '',
|
|
|
+ // 快捷标签选中态（仅 UI 提示，值仍以输入框为准）
|
|
|
+ heightQuick: '', weightQuick: '', bpQuick: '', glucoseQuick: '', lipidQuick: '',
|
|
|
+ // 选项常量
|
|
|
+ presetAllergies: PRESET_ALLERGIES,
|
|
|
+ presetAvoid: PRESET_AVOID,
|
|
|
+ presetFlavor: PRESET_FLAVOR,
|
|
|
+ presetCuisine: PRESET_CUISINE,
|
|
|
+ presetCooking: PRESET_COOKING,
|
|
|
+ presetMustEat: PRESET_MUSTEAT,
|
|
|
+ presetGoals: PRESET_GOALS,
|
|
|
+ diseaseGroups: DISEASE_GROUPS,
|
|
|
+ moduleTitles: {
|
|
|
+ basic: '基本', status: '状态', diet: '饮食', disease: '疾病',
|
|
|
+ bowel: '排便', sleep: '睡眠', med: '用药', allergy: '过敏'
|
|
|
+ },
|
|
|
+ currentStatusOptions: ['正常', '哺乳期', '备孕', '怀孕', '住院期', '恢复期', '其他'],
|
|
|
+ menstrualOptions: ['规律（28-32天）', '不规律', '已停经', '尚未开始'],
|
|
|
+ specialPeriodOptions: ['无', '备孕中', '怀孕', '哺乳期'],
|
|
|
+ growthOptions: ['正常（在生长曲线内）', '偏慢', '偏快', '不清楚'],
|
|
|
+ pickyEatingOptions: ['无挑食', '轻微挑食', '明显挑食', '严重挑食'],
|
|
|
+ osteoporosisOptions: ['无风险', '有风险（曾骨折/骨密度低）', '不清楚'],
|
|
|
+ fallRiskOptions: ['近1年无跌倒', '近1年跌倒1次', '近1年跌倒2次及以上'],
|
|
|
+ screenTimeOptions: ['<1小时/天', '1-3小时/天', '3-5小时/天', '>5小时/天'],
|
|
|
+ teenMoodOptions: ['开朗', '一般', '易怒', '低落'],
|
|
|
+ bowelFreqOptions: ['每天1次（正常）', '隔天1次', '每周2-3次', '每周<2次'],
|
|
|
+ bowelFormOptions: ['干硬颗粒', '条状干硬', '正常香蕉状', '软便', '水样'],
|
|
|
+ exerciseFreqOptions: ['不运动', '每周1-2次', '每周3-4次', '每周5次以上'],
|
|
|
+ exerciseDurationOptions: ['30分钟以内', '30-60分钟', '60分钟以上'],
|
|
|
+ sleepDurationOptions: ['<6小时', '6-7小时', '7-8小时', '>8小时'],
|
|
|
+ bedtimeOptions: ['22:00前', '22:00-24:00', '24:00后'],
|
|
|
+ vegFruitOptions: ['<2份', '2-3份', '4份以上'],
|
|
|
+ dairyOptions: ['每天', '每周3-5次', '很少', '不喝'],
|
|
|
+ sugaryDrinkOptions: ['几乎不喝', '每周1-2次', '每周3-5次', '每天1次以上'],
|
|
|
+ allergyOptions: ['无', '反复皮疹', '鼻痒/打喷嚏', '眼痒/流泪', '哮喘样症状', '食物过敏'],
|
|
|
+ spiceLabels: ['不辣', '微辣', '中辣', '偏辣', '很辣', '特辣'],
|
|
|
+ religiousOptions: [
|
|
|
+ { value: 'none', label: '无限制' },
|
|
|
+ { value: 'halal', label: '清真' },
|
|
|
+ { value: 'vegetarian', label: '素食' },
|
|
|
+ { value: 'vegan', label: '纯素' }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // 过滤非法 key + 兜底全量 + 去重（保持顺序）
|
|
|
+ activeModules: function() {
|
|
|
+ var seen = {}
|
|
|
+ var list = (this.modules || []).filter(function(m) {
|
|
|
+ if (VALID_MODULES.indexOf(m) < 0 || seen[m]) return false
|
|
|
+ seen[m] = true
|
|
|
+ return true
|
|
|
+ })
|
|
|
+ if (list.length === 0) list = VALID_MODULES.slice()
|
|
|
+ return list
|
|
|
+ },
|
|
|
+ currentModule: function() {
|
|
|
+ return this.activeModules[this.currentStep - 1] || ''
|
|
|
+ },
|
|
|
+ progressPercent: function() {
|
|
|
+ return Math.round((this.currentStep / this.activeModules.length) * 100)
|
|
|
+ },
|
|
|
+ // 已选疾病名列表（供模板内联 indexOf，避免 :class 带参方法调用）
|
|
|
+ selectedDiseaseNames: function() {
|
|
|
+ return (this.innerForm.selectedDiseases || []).map(function(d) { return d.name })
|
|
|
+ },
|
|
|
+ isFemale: function() {
|
|
|
+ var g = this.profile && this.profile.gender
|
|
|
+ return g === 'female' || g === '女'
|
|
|
+ },
|
|
|
+ isChild: function() {
|
|
|
+ var age = this.profile && this.profile.age
|
|
|
+ return age != null && Number(age) > 0 && Number(age) < 12
|
|
|
+ },
|
|
|
+ isTeenager: function() {
|
|
|
+ var age = this.profile && this.profile.age
|
|
|
+ return age != null && Number(age) >= 12 && Number(age) < 18
|
|
|
+ },
|
|
|
+ isElderly: function() {
|
|
|
+ var age = this.profile && this.profile.age
|
|
|
+ return age != null && Number(age) >= 60
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ // 仅在 prop 对象身份变化时重建工作副本（父页换快照/切成员 tab）；
|
|
|
+ // 不用 deep：v-model 逐键输入会变更共享行对象，deep 会每次按键全量重建
|
|
|
+ form: {
|
|
|
+ handler: function(v) { this.initFromProps() },
|
|
|
+ immediate: true
|
|
|
+ },
|
|
|
+ diet: {
|
|
|
+ handler: function(v) { this.syncDiet(v) },
|
|
|
+ immediate: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function() {
|
|
|
+ var now = new Date()
|
|
|
+ var y = now.getFullYear()
|
|
|
+ var m = now.getMonth() + 1
|
|
|
+ var mStr = m < 10 ? '0' + m : '' + m
|
|
|
+ this.currentMonth = y + '-' + mStr
|
|
|
+ var lastDay = new Date(y, now.getMonth(), 0).getDate()
|
|
|
+ this.monthEnd = y + '-' + mStr + '-' + (lastDay < 10 ? '0' + lastDay : '' + lastDay)
|
|
|
+ this.initFromProps()
|
|
|
+ this.syncDiet(this.diet)
|
|
|
+ // 默认展开前 3 组 + 已选疾病所在组
|
|
|
+ this.expandedGroups = DISEASE_GROUPS.slice(0, 3).map(function(g) { return g.key })
|
|
|
+ var self = this
|
|
|
+ ;(this.innerForm.selectedDiseases || []).forEach(function(d) {
|
|
|
+ var gk = self.findGroupKey(d.name)
|
|
|
+ if (gk && self.expandedGroups.indexOf(gk) < 0) self.expandedGroups.push(gk)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // ===== 初始化 =====
|
|
|
+ initFromProps: function() {
|
|
|
+ var f = this.form || {}
|
|
|
+ this.innerForm = {
|
|
|
+ heightCm: f.heightCm != null ? f.heightCm : '',
|
|
|
+ weightKg: f.weightKg != null ? f.weightKg : '',
|
|
|
+ bloodPressure: f.bloodPressure != null ? f.bloodPressure : '',
|
|
|
+ bloodGlucose: f.bloodGlucose != null ? f.bloodGlucose : '',
|
|
|
+ notes: f.notes != null ? f.notes : '',
|
|
|
+ lipidCholesterol: f.lipidCholesterol != null ? f.lipidCholesterol : '',
|
|
|
+ selectedDiseases: Array.isArray(f.selectedDiseases) ? f.selectedDiseases.slice() : [],
|
|
|
+ medRows: Array.isArray(f.medRows) ? f.medRows.slice() : [],
|
|
|
+ noMedication: !!f.noMedication
|
|
|
+ }
|
|
|
+ var ls = f.lifestyle
|
|
|
+ var obj = {}
|
|
|
+ if (ls && typeof ls === 'object') {
|
|
|
+ LIFESTYLE_KEYS.forEach(function(k) {
|
|
|
+ obj[k] = ls[k] != null ? (ls[k] instanceof Array ? ls[k].slice() : ls[k]) : (k === 'allergySymptoms' ? [] : '')
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ LIFESTYLE_KEYS.forEach(function(k) {
|
|
|
+ obj[k] = k === 'allergySymptoms' ? [] : ''
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.lifestyle = obj
|
|
|
+ // 快捷标签回显
|
|
|
+ this.matchQuickLabels()
|
|
|
+ },
|
|
|
+ syncDiet: function(v) {
|
|
|
+ var d = v || {}
|
|
|
+ this.innerDiet = {
|
|
|
+ allergies: Array.isArray(d.allergies) ? d.allergies.slice() : [],
|
|
|
+ absoluteAvoid: Array.isArray(d.absoluteAvoid) ? d.absoluteAvoid.slice() : [],
|
|
|
+ mustEat: Array.isArray(d.mustEat) ? d.mustEat.slice() : [],
|
|
|
+ religiousDiet: d.religiousDiet || 'none',
|
|
|
+ spiceLevel: d.spiceLevel != null ? d.spiceLevel : 0,
|
|
|
+ flavorPref: Array.isArray(d.flavorPref) ? d.flavorPref.slice() : [],
|
|
|
+ cuisinePref: Array.isArray(d.cuisinePref) ? d.cuisinePref.slice() : [],
|
|
|
+ cookingMethods: Array.isArray(d.cookingMethods) ? d.cookingMethods.slice() : [],
|
|
|
+ healthGoals: Array.isArray(d.healthGoals) ? d.healthGoals.slice() : [],
|
|
|
+ noPreference: !!d.noPreference,
|
|
|
+ vegetableFruit: d.vegetableFruit || '',
|
|
|
+ dairy: d.dairy || '',
|
|
|
+ sugaryDrinks: d.sugaryDrinks || ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ matchQuickLabels: function() {
|
|
|
+ this.heightQuick = this.matchQuick('heightCm', 'height')
|
|
|
+ this.weightQuick = this.matchQuick('weightKg', 'weight')
|
|
|
+ this.bpQuick = this.matchQuick('bloodPressure', 'bloodPressure')
|
|
|
+ this.glucoseQuick = this.matchQuick('bloodGlucose', 'bloodGlucose')
|
|
|
+ this.lipidQuick = this.matchQuick('lipidCholesterol', 'lipid')
|
|
|
+ },
|
|
|
+ matchQuick: function(field, quickKey) {
|
|
|
+ var QUICK = {
|
|
|
+ height: { normal: '170', high: '185', low: '155' },
|
|
|
+ weight: { normal: '60', high: '80', low: '45' },
|
|
|
+ bloodPressure: { normal: '120/80', high: '140/90', low: '90/60' },
|
|
|
+ bloodGlucose: { normal: '5.0', high: '7.0', low: '3.5' },
|
|
|
+ lipid: { normal: '4.5', high: '6.2' }
|
|
|
+ }
|
|
|
+ var map = QUICK[quickKey]
|
|
|
+ var val = String(this.innerForm[field] || '')
|
|
|
+ var keys = Object.keys(map)
|
|
|
+ for (var i = 0; i < keys.length; i++) {
|
|
|
+ if (String(map[keys[i]]) === val) return keys[i]
|
|
|
+ }
|
|
|
+ return ''
|
|
|
+ },
|
|
|
+ // ===== 步骤导航（前进步时同步快照到父页） =====
|
|
|
+ prevStep: function() { if (this.currentStep > 1) this.currentStep-- },
|
|
|
+ nextStep: function() {
|
|
|
+ if (this.currentStep < this.activeModules.length) {
|
|
|
+ this.$emit('update-form', this.formCopy())
|
|
|
+ this.$emit('update-diet', this.dietCopy())
|
|
|
+ this.currentStep++
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // ===== 提交 =====
|
|
|
+ onSubmit: function() {
|
|
|
+ if (this.submitting) return
|
|
|
+ // 数值校验（与旧页一致）
|
|
|
+ if (this.activeModules.indexOf('basic') >= 0) {
|
|
|
+ var h = Number(this.innerForm.heightCm)
|
|
|
+ var w = Number(this.innerForm.weightKg)
|
|
|
+ var g = Number(this.innerForm.bloodGlucose)
|
|
|
+ var bp = this.innerForm.bloodPressure
|
|
|
+ if (this.innerForm.heightCm && (h < 30 || h > 250)) {
|
|
|
+ uni.showToast({ title: '身高应在 30-250 之间', icon: 'none' }); return
|
|
|
+ }
|
|
|
+ if (this.innerForm.weightKg && (w < 3 || w > 300)) {
|
|
|
+ uni.showToast({ title: '体重应在 3-300 之间', icon: 'none' }); return
|
|
|
+ }
|
|
|
+ if (this.innerForm.bloodGlucose && (g < 1 || g > 30)) {
|
|
|
+ uni.showToast({ title: '血糖应在 1-30 之间', icon: 'none' }); return
|
|
|
+ }
|
|
|
+ if (bp && !/^\d{2,3}\/\d{2,3}$/.test(bp)) {
|
|
|
+ uni.showToast({ title: '血压格式应为 120/80', icon: 'none' }); return
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 空提交拦截
|
|
|
+ var formCopy = this.formCopy()
|
|
|
+ var dietCopy = this.dietCopy()
|
|
|
+ var diff = this.buildLifestyleDiff()
|
|
|
+ if (!this.hasAnyContent(formCopy, dietCopy, diff)) {
|
|
|
+ uni.showToast({ title: '请至少填写一项', icon: 'none' }); return
|
|
|
+ }
|
|
|
+ this.$emit('submit', { form: formCopy, diet: dietCopy, lifestyleDiff: diff })
|
|
|
+ },
|
|
|
+ hasAnyContent: function(form, diet, diff) {
|
|
|
+ var keys = ['heightCm', 'weightKg', 'bloodPressure', 'bloodGlucose', 'notes']
|
|
|
+ for (var i = 0; i < keys.length; i++) {
|
|
|
+ if (form[keys[i]] != null && form[keys[i]] !== '') return true
|
|
|
+ }
|
|
|
+ if (form.lipidCholesterol != null && form.lipidCholesterol !== '') return true
|
|
|
+ if (form.selectedDiseases && form.selectedDiseases.length > 0) return true
|
|
|
+ if (form.medRows && form.medRows.length > 0) return true
|
|
|
+ if (form.noMedication) return true
|
|
|
+ var dkeys = ['allergies', 'absoluteAvoid', 'mustEat', 'flavorPref', 'cuisinePref', 'cookingMethods', 'healthGoals', 'vegetableFruit', 'dairy', 'sugaryDrinks']
|
|
|
+ for (var j = 0; j < dkeys.length; j++) {
|
|
|
+ var dv = diet[dkeys[j]]
|
|
|
+ if (dv instanceof Array) { if (dv.length > 0) return true } else if (dv != null && dv !== '' && dv !== 'none') return true
|
|
|
+ }
|
|
|
+ if (diet.religiousDiet && diet.religiousDiet !== 'none') return true
|
|
|
+ if (diet.spiceLevel && Number(diet.spiceLevel) > 0) return true
|
|
|
+ if (diet.noPreference) return true
|
|
|
+ return Object.keys(diff).length > 0
|
|
|
+ },
|
|
|
+ // 结构化 form 副本（不含 lifestyle；JSON 转换由父页负责）
|
|
|
+ formCopy: function() {
|
|
|
+ return {
|
|
|
+ heightCm: this.innerForm.heightCm,
|
|
|
+ weightKg: this.innerForm.weightKg,
|
|
|
+ bloodPressure: this.innerForm.bloodPressure,
|
|
|
+ bloodGlucose: this.innerForm.bloodGlucose,
|
|
|
+ notes: this.innerForm.notes,
|
|
|
+ lipidCholesterol: this.innerForm.lipidCholesterol,
|
|
|
+ selectedDiseases: this.innerForm.selectedDiseases || [],
|
|
|
+ medRows: this.innerForm.medRows || [],
|
|
|
+ noMedication: !!this.innerForm.noMedication
|
|
|
+ }
|
|
|
+ },
|
|
|
+ dietCopy: function() {
|
|
|
+ return {
|
|
|
+ allergies: this.innerDiet.allergies || [],
|
|
|
+ absoluteAvoid: this.innerDiet.absoluteAvoid || [],
|
|
|
+ mustEat: this.innerDiet.mustEat || [],
|
|
|
+ religiousDiet: this.innerDiet.religiousDiet || 'none',
|
|
|
+ spiceLevel: this.innerDiet.spiceLevel || 0,
|
|
|
+ flavorPref: this.innerDiet.flavorPref || [],
|
|
|
+ cuisinePref: this.innerDiet.cuisinePref || [],
|
|
|
+ cookingMethods: this.innerDiet.cookingMethods || [],
|
|
|
+ healthGoals: this.innerDiet.healthGoals || [],
|
|
|
+ noPreference: !!this.innerDiet.noPreference,
|
|
|
+ vegetableFruit: this.innerDiet.vegetableFruit || '',
|
|
|
+ dairy: this.innerDiet.dairy || '',
|
|
|
+ sugaryDrinks: this.innerDiet.sugaryDrinks || ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // lifestyle diff：仅本次修改过的 key（未变化的 key 剔除，交由父页 merge 旧值）
|
|
|
+ buildLifestyleDiff: function() {
|
|
|
+ var diff = {}
|
|
|
+ var orig = (this.form && this.form.lifestyle) || {}
|
|
|
+ var self = this
|
|
|
+ LIFESTYLE_KEYS.forEach(function(k) {
|
|
|
+ var val = self.lifestyle[k]
|
|
|
+ if (val == null) return
|
|
|
+ var a = JSON.stringify(val)
|
|
|
+ var b = JSON.stringify(orig[k] != null ? orig[k] : (k === 'allergySymptoms' ? [] : null))
|
|
|
+ if (a === b) return
|
|
|
+ if (val instanceof Array) { if (val.length > 0) diff[k] = val.slice() }
|
|
|
+ else if (val !== '') diff[k] = val
|
|
|
+ })
|
|
|
+ return diff
|
|
|
+ },
|
|
|
+ // ===== lifestyle 工具 =====
|
|
|
+ setLifestyle: function(key, val) {
|
|
|
+ this.$set(this.lifestyle, key, this.lifestyle[key] === val ? '' : val)
|
|
|
+ },
|
|
|
+ toggleLifestyleArray: function(key, val) {
|
|
|
+ var arr = (this.lifestyle[key] || []).slice()
|
|
|
+ var idx = arr.indexOf(val)
|
|
|
+ if (idx >= 0) arr.splice(idx, 1); else arr.push(val)
|
|
|
+ this.$set(this.lifestyle, key, arr)
|
|
|
+ },
|
|
|
+ // ===== diet 工具 =====
|
|
|
+ setDietValue: function(key, val) {
|
|
|
+ this.$set(this.innerDiet, key, val)
|
|
|
+ },
|
|
|
+ toggleDietChip: function(key, val) {
|
|
|
+ var arr = (this.innerDiet[key] || []).slice()
|
|
|
+ var idx = arr.indexOf(val)
|
|
|
+ if (idx >= 0) arr.splice(idx, 1); else arr.push(val)
|
|
|
+ this.$set(this.innerDiet, key, arr)
|
|
|
+ this.$set(this.innerDiet, 'noPreference', false)
|
|
|
+ },
|
|
|
+ setNoPreference: function() {
|
|
|
+ this.$set(this.innerDiet, 'noPreference', !this.innerDiet.noPreference)
|
|
|
+ },
|
|
|
+ onSpiceChanging: function(e) { this.$set(this.innerDiet, 'spiceLevel', e.detail.value) },
|
|
|
+ onSpiceChange: function(e) {
|
|
|
+ this.$set(this.innerDiet, 'spiceLevel', e.detail.value)
|
|
|
+ this.$set(this.innerDiet, 'noPreference', false)
|
|
|
+ },
|
|
|
+ // ===== 自定义添加 =====
|
|
|
+ openCustom: function(field) { this.customField = field; this.customInput = '' },
|
|
|
+ addCustom: function() {
|
|
|
+ var val = (this.customInput || '').trim()
|
|
|
+ if (!val) { this.customField = ''; return }
|
|
|
+ var arr = (this.innerDiet[this.customField] || []).slice()
|
|
|
+ if (arr.indexOf(val) < 0) {
|
|
|
+ arr.push(val)
|
|
|
+ this.$set(this.innerDiet, this.customField, arr)
|
|
|
+ }
|
|
|
+ this.$set(this.innerDiet, 'noPreference', false)
|
|
|
+ this.customInput = ''
|
|
|
+ this.customField = ''
|
|
|
+ },
|
|
|
+ // ===== 体征快捷标签 =====
|
|
|
+ setHeightQuick: function(key) {
|
|
|
+ var v = { normal: '170', high: '185', low: '155' }[key]
|
|
|
+ this.$set(this.innerForm, 'heightCm', v); this.heightQuick = key
|
|
|
+ },
|
|
|
+ setWeightQuick: function(key) {
|
|
|
+ var v = { normal: '60', high: '80', low: '45' }[key]
|
|
|
+ this.$set(this.innerForm, 'weightKg', v); this.weightQuick = key
|
|
|
+ },
|
|
|
+ setBpQuick: function(key) {
|
|
|
+ var v = { normal: '120/80', high: '140/90', low: '90/60' }[key]
|
|
|
+ this.$set(this.innerForm, 'bloodPressure', v); this.bpQuick = key
|
|
|
+ },
|
|
|
+ setGlucoseQuick: function(key) {
|
|
|
+ var v = { normal: '5.0', high: '7.0', low: '3.5' }[key]
|
|
|
+ this.$set(this.innerForm, 'bloodGlucose', v); this.glucoseQuick = key
|
|
|
+ },
|
|
|
+ setLipidQuick: function(key) {
|
|
|
+ var v = { normal: '4.5', high: '6.2' }[key]
|
|
|
+ this.$set(this.innerForm, 'lipidCholesterol', v); this.lipidQuick = key
|
|
|
+ },
|
|
|
+ // ===== v-for key 方法（微信小程序 :key 不支持表达式，须用方法调用） =====
|
|
|
+ getDiseaseKey: function(gi, ii) { return 'g' + gi + '-' + ii },
|
|
|
+ getSelKey: function(si) { return 's' + si },
|
|
|
+ getMedKey: function(idx) { return 'm' + idx },
|
|
|
+ // ===== 疾病 =====
|
|
|
+ findGroupKey: function(name) {
|
|
|
+ for (var i = 0; i < DISEASE_GROUPS.length; i++) {
|
|
|
+ var items = DISEASE_GROUPS[i].items
|
|
|
+ for (var j = 0; j < items.length; j++) {
|
|
|
+ if (items[j].name === name) return DISEASE_GROUPS[i].key
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return ''
|
|
|
+ },
|
|
|
+ toggleGroup: function(key) {
|
|
|
+ var idx = this.expandedGroups.indexOf(key)
|
|
|
+ if (idx >= 0) this.expandedGroups.splice(idx, 1); else this.expandedGroups.push(key)
|
|
|
+ },
|
|
|
+ isDiseaseSelected: function(name) {
|
|
|
+ return (this.innerForm.selectedDiseases || []).some(function(d) { return d.name === name })
|
|
|
+ },
|
|
|
+ toggleDisease: function(name) {
|
|
|
+ var list = (this.innerForm.selectedDiseases || []).slice()
|
|
|
+ var idx = -1
|
|
|
+ for (var i = 0; i < list.length; i++) { if (list[i].name === name) { idx = i; break } }
|
|
|
+ if (idx >= 0) list.splice(idx, 1); else list.push({ name: name, diagnosedAt: '', custom: false })
|
|
|
+ this.$set(this.innerForm, 'selectedDiseases', list)
|
|
|
+ },
|
|
|
+ addCustomDisease: function() {
|
|
|
+ var name = (this.diseaseInput || '').trim()
|
|
|
+ if (!name) return
|
|
|
+ var list = (this.innerForm.selectedDiseases || []).slice()
|
|
|
+ if (!list.some(function(d) { return d.name === name })) {
|
|
|
+ list.push({ name: name, diagnosedAt: '', custom: true })
|
|
|
+ this.$set(this.innerForm, 'selectedDiseases', list)
|
|
|
+ }
|
|
|
+ this.diseaseInput = ''
|
|
|
+ },
|
|
|
+ removeSelected: function(idx) {
|
|
|
+ var list = (this.innerForm.selectedDiseases || []).slice()
|
|
|
+ list.splice(idx, 1)
|
|
|
+ this.$set(this.innerForm, 'selectedDiseases', list)
|
|
|
+ },
|
|
|
+ onDiagChange: function(idx, e) {
|
|
|
+ var list = (this.innerForm.selectedDiseases || []).slice()
|
|
|
+ list[idx] = Object.assign({}, list[idx], { diagnosedAt: e.detail.value })
|
|
|
+ this.$set(this.innerForm, 'selectedDiseases', list)
|
|
|
+ },
|
|
|
+ // ===== 用药 =====
|
|
|
+ toggleNoMedication: function() {
|
|
|
+ this.$set(this.innerForm, 'noMedication', !this.innerForm.noMedication)
|
|
|
+ },
|
|
|
+ addMed: function() {
|
|
|
+ var rows = (this.innerForm.medRows || []).slice()
|
|
|
+ rows.push({ name: '', startDate: '', durationText: '', time: '' })
|
|
|
+ this.$set(this.innerForm, 'medRows', rows)
|
|
|
+ },
|
|
|
+ removeMed: function(idx) {
|
|
|
+ var rows = (this.innerForm.medRows || []).slice()
|
|
|
+ rows.splice(idx, 1)
|
|
|
+ this.$set(this.innerForm, 'medRows', rows)
|
|
|
+ },
|
|
|
+ onMedStartChange: function(idx, e) {
|
|
|
+ var start = e.detail.value
|
|
|
+ var rows = (this.innerForm.medRows || []).slice()
|
|
|
+ rows[idx] = Object.assign({}, rows[idx], { startDate: start, durationText: this.calcDuration(start) })
|
|
|
+ this.$set(this.innerForm, 'medRows', rows)
|
|
|
+ },
|
|
|
+ onForgetClick: function(idx) {
|
|
|
+ var self = this
|
|
|
+ uni.showModal({
|
|
|
+ title: '记不清开始日期',
|
|
|
+ editable: true,
|
|
|
+ placeholderText: '如：约 3 个月',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm && res.content) {
|
|
|
+ var rows = (self.innerForm.medRows || []).slice()
|
|
|
+ rows[idx] = Object.assign({}, rows[idx], { durationText: res.content.trim() })
|
|
|
+ self.$set(self.innerForm, 'medRows', rows)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ calcDuration: function(startDate) {
|
|
|
+ if (!startDate) return ''
|
|
|
+ var parts = startDate.split('-')
|
|
|
+ if (parts.length !== 2) return ''
|
|
|
+ var sy = parseInt(parts[0], 10)
|
|
|
+ var sm = parseInt(parts[1], 10)
|
|
|
+ var now = new Date()
|
|
|
+ var months = (now.getFullYear() - sy) * 12 + (now.getMonth() + 1 - sm)
|
|
|
+ if (months < 1) months = 1
|
|
|
+ if (months < 12) return '已服 ' + months + ' 个月'
|
|
|
+ return '已服 ' + Math.floor(months / 12) + ' 年'
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.survey-wrap { min-height: 100vh; background: linear-gradient(180deg, #FFF7ED, #FFF3E6); }
|
|
|
+.progress-bar { padding: 24rpx 32rpx 8rpx; background: #FFF7ED; }
|
|
|
+.progress-track { height: 8rpx; background: #FFE6D2; border-radius: 4rpx; overflow: hidden; }
|
|
|
+.progress-fill { height: 100%; background: #FF8C42; border-radius: 4rpx; transition: width 0.3s; }
|
|
|
+.progress-labels { display: flex; justify-content: space-between; margin-top: 12rpx; }
|
|
|
+.progress-label { font-size: 20rpx; color: #B08968; }
|
|
|
+.progress-label-active { color: #FF8C42; font-weight: 600; }
|
|
|
+.content { padding: 24rpx 32rpx 220rpx; }
|
|
|
+.step-head { display: flex; align-items: flex-start; margin-bottom: 24rpx; }
|
|
|
+.step-icon { font-size: 48rpx; margin-right: 20rpx; }
|
|
|
+.step-head-text { flex: 1; }
|
|
|
+.step-title { display: block; font-size: 36rpx; font-weight: 700; color: #4A3728; }
|
|
|
+.step-sub { display: block; font-size: 22rpx; color: #B08968; margin-top: 8rpx; line-height: 1.5; }
|
|
|
+.card { background: #FFFFFF; border-radius: 24rpx; padding: 28rpx; margin-bottom: 24rpx; box-shadow: 0 4rpx 16rpx rgba(255, 140, 66, 0.08); }
|
|
|
+.card-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
|
|
|
+.card-title { display: block; font-size: 28rpx; font-weight: 600; color: #4A3728; margin-bottom: 16rpx; }
|
|
|
+.card-head .card-title { margin-bottom: 0; }
|
|
|
+.card-hint { font-size: 22rpx; color: #B08968; margin-bottom: 16rpx; }
|
|
|
+.card-del { font-size: 24rpx; color: #E53E3E; padding: 8rpx 16rpx; }
|
|
|
+.card-value { font-size: 26rpx; color: #4A3728; }
|
|
|
+.group-arrow { font-size: 22rpx; color: #B08968; }
|
|
|
+.card-row { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 0; border-bottom: 1rpx solid #F7EFE6; }
|
|
|
+.card-row:last-child { border-bottom: none; }
|
|
|
+.card-label { font-size: 26rpx; color: #6B5744; }
|
|
|
+.card-input { flex: 1; text-align: right; font-size: 28rpx; color: #4A3728; }
|
|
|
+.picker-val { font-size: 26rpx; color: #FF8C42; }
|
|
|
+.num-input { display: block; width: 100%; background: #FFF3E6; border-radius: 16rpx; padding: 16rpx 20rpx; font-size: 28rpx; color: #4A3728; margin-top: 16rpx; }
|
|
|
+.unit-hint { display: block; font-size: 20rpx; color: #C4A98E; margin-top: 8rpx; }
|
|
|
+.notes-area { width: 100%; min-height: 120rpx; background: #FFF3E6; border-radius: 16rpx; padding: 16rpx 20rpx; font-size: 26rpx; color: #4A3728; margin-top: 16rpx; }
|
|
|
+.quick-chips { display: flex; gap: 12rpx; }
|
|
|
+.quick-chip { padding: 8rpx 20rpx; background: #FFF3E6; color: #6B5744; border-radius: 999rpx; font-size: 20rpx; border: 2rpx solid #FFE6D2; }
|
|
|
+.quick-chip-on { background: #FF8C42; color: #FFFFFF; border-color: #FF8C42; }
|
|
|
+.chip-row-wrap { display: flex; flex-wrap: wrap; gap: 16rpx; }
|
|
|
+.chip-item-wrap { display: flex; align-items: center; gap: 4rpx; padding: 12rpx 28rpx; background: #FFF3E6; color: #6B5744; border-radius: 999rpx; font-size: 24rpx; border: 2rpx solid transparent; }
|
|
|
+.chip-item-wrap.chip-active { background: #FF8C42; color: #FFFFFF; border-color: #FF8C42; font-weight: 600; }
|
|
|
+.risk-badge { color: #E53E3E; font-size: 20rpx; }
|
|
|
+.chip-active .risk-badge { color: #FFE6D2; }
|
|
|
+.custom-row { display: flex; align-items: center; margin-top: 16rpx; gap: 16rpx; }
|
|
|
+.custom-input { flex: 1; background: #FFF3E6; border-radius: 16rpx; padding: 16rpx 20rpx; font-size: 24rpx; color: #4A3728; }
|
|
|
+.custom-confirm { padding: 12rpx 24rpx; background: #FF8C42; color: #FFF; border-radius: 16rpx; font-size: 24rpx; }
|
|
|
+.custom-add { margin-top: 16rpx; font-size: 24rpx; color: #FF8C42; }
|
|
|
+.struct-row { margin-bottom: 24rpx; }
|
|
|
+.struct-row:last-child { margin-bottom: 0; }
|
|
|
+.struct-label { display: block; font-size: 24rpx; color: #6B5744; margin-bottom: 12rpx; }
|
|
|
+.slider-row { display: flex; align-items: center; gap: 24rpx; }
|
|
|
+.sel-row { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 0; border-bottom: 1rpx solid #F7EFE6; }
|
|
|
+.sel-row:last-child { border-bottom: none; }
|
|
|
+.sel-name { flex: 1; font-size: 26rpx; color: #4A3728; }
|
|
|
+.sel-diag { font-size: 24rpx; color: #FF8C42; padding: 8rpx 20rpx; background: #FFF3E6; border-radius: 999rpx; margin: 0 16rpx; }
|
|
|
+.sel-del { font-size: 32rpx; color: #B08968; padding: 0 12rpx; }
|
|
|
+.link-forget { font-size: 24rpx; color: #FF8C42; padding: 8rpx 16rpx; }
|
|
|
+.pref-none-row { margin-bottom: 24rpx; }
|
|
|
+.pref-none-btn { width: 100%; background: #FFF3E6; color: #6B5744; border-radius: 999rpx; font-size: 26rpx; padding: 16rpx; border: 2rpx solid #FFD4B8; }
|
|
|
+.pref-none-btn-active { background: #FF8C42; color: #FFF; border-color: #FF8C42; }
|
|
|
+.add-row { display: flex; align-items: center; justify-content: center; padding: 24rpx; border: 2rpx dashed #FFD4B8; border-radius: 24rpx; color: #FF8C42; font-size: 26rpx; background: #FFFFFF; }
|
|
|
+.add-icon { margin-right: 8rpx; }
|
|
|
+.footer-bar { position: fixed; left: 0; right: 0; bottom: 0; padding: 20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom)); background: #FFFFFF; box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.06); display: flex; gap: 20rpx; }
|
|
|
+.btn-prev, .btn-next, .btn-done { flex: 1; border-radius: 999rpx; font-size: 28rpx; font-weight: 600; padding: 20rpx 0; background: #FFF3E6; color: #6B5744; line-height: 1.6; }
|
|
|
+.btn-next, .btn-done { background: #FF8C42; color: #FFFFFF; }
|
|
|
+.btn-done[disabled] { opacity: 0.6; }
|
|
|
+</style>
|
iwt