sundynix-pets/pets-fe/components/bottom-sheet/bottom-sheet.wxml

<wxs module="u">
module.exports.sel = function (map, key, index, def) {
  var v = map[key];
  if (v === undefined || v === null) v = def;
  return v === index;
};
</wxs>

<view class="overlay {{show ? 'show' : ''}}" bindtap="onMaskTap">
  <view class="sheet" catchtap="noop">
    <view class="sheetbar"></view>

    <scroll-view class="sheet-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
    <!-- 记录体重 -->
    <block wx:if="{{innerType === 'weight'}}">
      <view class="sheet-h3">记录体重</view>
      <view class="sheet-p">趋势比单次数值更重要。幼年期建议每周记录 1-2 次。</view>
      <view class="field"><label>{{pet.name}} 当前体重</label>
        <input class="input" value="{{wInput}}" bindinput="onWInput" type="digit"/></view>
      <view class="field"><label>备注</label>
        <textarea class="textarea" placeholder="例如：最近食欲不错，活动量正常" placeholder-class="placeholder" value="{{wNote}}" bindinput="onWNote"></textarea></view>
      <button class="btn btn-primary btn-block" bindtap="onSaveWeight">保存记录</button>
    </block>

    <!-- 记录便便 -->
    <block wx:elif="{{innerType === 'poop'}}">
      <view class="sheet-h3">记录便便</view>
      <view class="sheet-p">选择状态并补充备注，几秒完成。</view>
      <view class="field"><label>状态</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'poopState',0,0)?'selected':''}}" data-group="poopState" data-index="0" bindtap="onSeg">正常</view>
        <view class="seg-btn {{u.sel(segSel,'poopState',1,0)?'selected':''}}" data-group="poopState" data-index="1" bindtap="onSeg">软便</view>
        <view class="seg-btn {{u.sel(segSel,'poopState',2,0)?'selected':''}}" data-group="poopState" data-index="2" bindtap="onSeg">拉稀</view>
      </view></view>
      <view class="field"><label>颜色/备注</label>
        <textarea class="textarea" placeholder="颜色、次数、是否带血、是否有异味等" placeholder-class="placeholder"></textarea></view>
      <button class="btn btn-primary btn-block" data-text="排便记录：正常" data-icon="💩" bindtap="onSave">保存记录</button>
    </block>

    <!-- 记录饮食 -->
    <block wx:elif="{{innerType === 'food'}}">
      <view class="sheet-h3">记录饮食</view>
      <view class="field"><label>今天吃了什么？</label>
        <input class="input" placeholder="例如：幼猫粮 45g" placeholder-class="placeholder"/></view>
      <view class="field"><label>食欲</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'food',0,0)?'selected':''}}" data-group="food" data-index="0" bindtap="onSeg">正常</view>
        <view class="seg-btn {{u.sel(segSel,'food',1,0)?'selected':''}}" data-group="food" data-index="1" bindtap="onSeg">偏少</view>
        <view class="seg-btn {{u.sel(segSel,'food',2,0)?'selected':''}}" data-group="food" data-index="2" bindtap="onSeg">不吃</view>
      </view></view>
      <button class="btn btn-primary btn-block" data-text="饮食记录：食欲正常" data-icon="🍽️" bindtap="onSave">保存记录</button>
    </block>

    <!-- 异常观察 -->
    <block wx:elif="{{innerType === 'symptom'}}">
      <view class="sheet-h3">异常观察</view>
      <view class="sheet-p">如实描述异常，AI 会给出观察建议与就医提示（非诊断）。</view>
      <view class="field"><label>发生了什么？</label><view class="mini-options">
        <view class="option {{u.sel(optSel,'symp',0,0)?'selected':''}}" data-group="symp" data-index="0" bindtap="onOpt">呕吐</view>
        <view class="option {{u.sel(optSel,'symp',1,0)?'selected':''}}" data-group="symp" data-index="1" bindtap="onOpt">拉稀</view>
        <view class="option {{u.sel(optSel,'symp',2,0)?'selected':''}}" data-group="symp" data-index="2" bindtap="onOpt">精神差</view>
        <view class="option {{u.sel(optSel,'symp',3,0)?'selected':''}}" data-group="symp" data-index="3" bindtap="onOpt">皮肤红</view>
      </view></view>
      <view class="field"><label>持续多久？</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'dur',0,0)?'selected':''}}" data-group="dur" data-index="0" bindtap="onSeg">刚刚</view>
        <view class="seg-btn {{u.sel(segSel,'dur',1,0)?'selected':''}}" data-group="dur" data-index="1" bindtap="onSeg">半天</view>
        <view class="seg-btn {{u.sel(segSel,'dur',2,0)?'selected':''}}" data-group="dur" data-index="2" bindtap="onSeg">1天以上</view>
      </view></view>
      <view class="field"><label>精神状态</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'spirit',0,0)?'selected':''}}" data-group="spirit" data-index="0" bindtap="onSeg">正常</view>
        <view class="seg-btn {{u.sel(segSel,'spirit',1,0)?'selected':''}}" data-group="spirit" data-index="1" bindtap="onSeg">一般</view>
        <view class="seg-btn {{u.sel(segSel,'spirit',2,0)?'selected':''}}" data-group="spirit" data-index="2" bindtap="onSeg">明显变差</view>
      </view></view>
      <button class="btn btn-primary btn-block" bindtap="onGenRisk">生成观察建议</button>
    </block>

    <!-- AI 观察建议 -->
    <block wx:elif="{{innerType === 'risk'}}">
      <view class="sheet-h3">AI 观察建议</view>
      <view class="risk-box">⚠️ 风险等级：{{riskData ? riskData.risk_level : '中'}}</view>
      <view class="sheet-p"><text class="bold">可能原因：</text>{{riskData ? riskData.causes : '可能与换粮、应激或消化不适有关。不要把这里写成诊断结论。'}}</view>
      <view class="sheet-p"><text class="bold">建议：</text>{{riskData ? riskData.suggestion : '继续观察精神、食欲和排便；暂停新食物；记录呕吐或腹泻次数。'}}</view>
      <view class="sheet-p"><text class="bold">建议就医：</text>{{riskData ? riskData.seek_care : '如果持续超过 24 小时，或伴随便血、精神明显变差、频繁呕吐，建议尽快就医。'}}</view>
      <view class="sheet-actions">
        <button class="btn btn-ghost" data-text="异常观察：风险中" data-icon="🤒" bindtap="onSave">保存记录</button>
        <button class="btn btn-primary" data-type="vetSummary" bindtap="goSheet">就医摘要</button>
      </view>
    </block>

    <!-- 就医前摘要 -->
    <block wx:elif="{{innerType === 'vetSummary'}}">
      <view class="sheet-h3">就医前摘要</view>
      <view class="sheet-p pre">宠物：{{pet.name}}
阶段：{{pet.stage}}
当前体重：{{pet.weight}}
近期重点：疫苗期、换粮观察、排便记录
建议携带：排便/呕吐照片、饮食变化、疫苗驱虫记录。</view>
      <button class="btn btn-primary btn-block" data-text="生成就医前摘要" data-icon="📄" bindtap="onSave">保存摘要</button>
    </block>

    <!-- 记录用药 -->
    <block wx:elif="{{innerType === 'medicine'}}">
      <view class="sheet-h3">记录用药</view>
      <view class="field"><label>药品名称</label><input class="input" placeholder="例如：体内驱虫药" placeholder-class="placeholder"/></view>
      <view class="field"><label>剂量/备注</label><input class="input" placeholder="例如：按 2.8kg 剂量" placeholder-class="placeholder"/></view>
      <button class="btn btn-primary btn-block" data-text="用药记录" data-icon="💊" bindtap="onSave">保存记录</button>
    </block>

    <!-- 记一笔消费 -->
    <block wx:elif="{{innerType === 'cost'}}">
      <view class="sheet-h3">记一笔消费</view>
      <view class="field"><label>金额</label><input class="input" placeholder="例如：168" placeholder-class="placeholder" type="digit" value="{{costAmount}}" bindinput="onCostInput"/></view>
      <view class="field"><label>类别</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'cost',0,0)?'selected':''}}" data-group="cost" data-index="0" bindtap="onSeg">食品</view>
        <view class="seg-btn {{u.sel(segSel,'cost',1,0)?'selected':''}}" data-group="cost" data-index="1" bindtap="onSeg">医疗</view>
        <view class="seg-btn {{u.sel(segSel,'cost',2,0)?'selected':''}}" data-group="cost" data-index="2" bindtap="onSeg">用品</view>
      </view></view>
      <view class="field"><label>备注</label><input class="input" placeholder="例如：幼猫粮" placeholder-class="placeholder"/></view>
      <button class="btn btn-primary btn-block" data-text="消费记录：¥168" data-icon="💰" bindtap="onSave">保存记录</button>
    </block>

    <!-- 疫苗提醒 -->
    <block wx:elif="{{innerType === 'vaccine'}}">
      <view class="sheet-h3">疫苗提醒</view>
      <view class="sheet-p">为 {{pet.name}} 设置疫苗提醒。接种前后避免洗澡和长途出行。</view>
      <view class="field"><label>提醒日期</label>
        <picker mode="date" value="{{dateVals.vaccine}}" data-key="vaccine" bindchange="onDate">
          <view class="picker-box">{{dateVals.vaccine}}</view>
        </picker></view>
      <button class="btn btn-primary btn-block" data-text="疫苗提醒：7月21日" data-icon="💉" bindtap="onSave">保存提醒</button>
    </block>

    <!-- 驱虫提醒 -->
    <block wx:elif="{{innerType === 'deworm'}}">
      <view class="sheet-h3">驱虫提醒</view>
      <view class="sheet-p">设置下次驱虫日期，到点提醒你。</view>
      <view class="field"><label>下次驱虫日期</label>
        <picker mode="date" value="{{dateVals.deworm}}" data-key="deworm" bindchange="onDate">
          <view class="picker-box">{{dateVals.deworm}}</view>
        </picker></view>
      <button class="btn btn-primary btn-block" data-text="驱虫提醒：7月15日" data-icon="🛡️" bindtap="onSave">保存提醒</button>
    </block>

    <!-- 成长照片 -->
    <block wx:elif="{{innerType === 'photo'}}">
      <view class="sheet-h3">成长照片</view>
      <view class="sheet-p">上传成长照片，用于宠物档案与成长报告。</view>
      <view class="poster" style="margin-bottom:28rpx">
        <view class="poster-avatar">{{pet.emoji}}</view>
        <view class="bold" style="font-size:30rpx">{{pet.name}} 的成长照片</view>
        <view class="muted" style="font-size:24rpx;margin-top:12rpx">模拟上传预览</view>
      </view>
      <button class="btn btn-primary btn-block" bindtap="onSavePhoto">选择图片上传</button>
    </block>

    <!-- 提醒中心 -->
    <block wx:elif="{{innerType === 'reminders'}}">
      <view class="sheet-h3">提醒中心</view>
      <view wx:for="{{reminders}}" wx:key="title" class="record-row"><text class="bold">{{item.title}}</text><text class="muted">{{item.when}}</text></view>
      <view wx:if="{{!reminders.length}}" class="sheet-p">暂无提醒</view>
      <button class="btn btn-primary btn-block" style="margin-top:24rpx" bindtap="close">完成</button>
    </block>

    <!-- 任务详情 -->
    <!-- 问问 AI -->
    <block wx:elif="{{innerType === 'ai'}}">
      <view class="sheet-h3">问问 AI</view>
      <scroll-view class="plan-chat" scroll-y="true" enhanced="{{true}}" show-scrollbar="{{false}}" style="max-height:660rpx" scroll-into-view="ai-bottom">
        <view wx:for="{{aiMessages}}" wx:key="index" class="msg {{item.role}}">{{item.text}}</view>
        <view id="ai-bottom"></view>
      </scroll-view>
      <view class="mini-options">
        <view class="option" data-text="猫咪今天吐了一次怎么办？" bindtap="sendAI">猫咪吐了一次</view>
        <view class="option" data-text="幼猫多久驱虫一次？" bindtap="sendAI">多久驱虫</view>
        <view class="option" data-text="换粮后软便怎么办？" bindtap="sendAI">换粮软便</view>
      </view>
      <view class="ai-input-row">
        <input class="input" placeholder="描述一下问题..." placeholder-class="placeholder"
               value="{{aiInput}}" bindinput="onAiInput" confirm-type="send" bindconfirm="sendAI"/>
        <button class="btn btn-primary ai-send" bindtap="sendAI">发</button>
      </view>
    </block>

    <!-- 成长海报 -->
    <block wx:elif="{{innerType === 'poster'}}">
      <view class="poster">
        <view class="poster-h3">{{pet.name}} 的成长报告</view>
        <view class="poster-avatar">{{pet.emoji}}</view>
        <view class="muted">{{pet.age}}｜{{pet.weight}}｜{{pet.stage}}</view>
        <view class="poster-list pre">✓ 完成任务 {{poster ? poster.tasks_completed : 0}} 项
✓ 体重记录 {{poster ? poster.weight_records : 0}} 次
✓ 疫苗记录 {{poster ? poster.vaccine_records : 0}} 次
✓ 高风险异常 {{poster ? poster.high_risk_count : 0}} 次</view>
        <view class="bold">健康状态：{{poster ? poster.headline : '稳定成长'}}</view>
        <view class="muted" style="font-size:24rpx;margin-top:20rpx">生成自：肉垫计划</view>
      </view>
      <button class="btn btn-primary btn-block" style="margin-top:28rpx" bindtap="close">保存 / 分享卡片</button>
    </block>

    <!-- 报告详情 -->
    <block wx:elif="{{innerType === 'reportDetail'}}">
      <view class="sheet-h3">本周成长报告</view>
      <view class="sheet-p">{{reportDetail ? reportDetail.summary : '正在汇总本周数据…'}}</view>
      <view wx:if="{{reportDetail}}" class="sheet-p"><text class="bold">下周重点：</text>{{reportDetail.next_week_focus}}</view>
      <button class="btn btn-primary btn-block" data-type="poster" bindtap="goSheet">生成分享卡片</button>
    </block>

    <!-- Pro 会员 -->
    <block wx:elif="{{innerType === 'pro'}}">
      <view class="sheet-h3">肉垫计划 Pro</view>
      <view class="sheet-p">解锁 365 天计划、PDF 健康档案、月度报告、多宠物管理与年度账单。</view>
      <view class="check-list">
        <view wx:for="{{proInfo.features}}" wx:key="*this" class="check selected"><view class="box">✓</view>{{item}}</view>
      </view>
      <button wx:if="{{proInfo.status === 'active'}}" class="btn btn-soft btn-block" bindtap="close">已开通 Pro ✓</button>
      <button wx:else class="btn btn-primary btn-block" bindtap="onActivatePro">¥29.9 / 年 开通 Pro</button>
    </block>

    <!-- 添加宠物 -->
    <block wx:elif="{{innerType === 'addPet' || innerType === 'editPet'}}">
      <view class="sheet-h3">{{innerType === 'editPet' ? '编辑档案' : '添加毛孩子'}}</view>
      <view class="field"><label>名字</label><input class="input" placeholder="例如：布丁" placeholder-class="placeholder" value="{{addName}}" bindinput="onAddName"/></view>
      <view class="field"><label>类型</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'addType',0,0)?'selected':''}}" data-group="addType" data-index="0" bindtap="onSeg">猫猫</view>
        <view class="seg-btn {{u.sel(segSel,'addType',1,0)?'selected':''}}" data-group="addType" data-index="1" bindtap="onSeg">狗狗</view>
      </view></view>
      <view class="field"><label>性别</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'addGender',0,0)?'selected':''}}" data-group="addGender" data-index="0" bindtap="onSeg">男孩</view>
        <view class="seg-btn {{u.sel(segSel,'addGender',1,0)?'selected':''}}" data-group="addGender" data-index="1" bindtap="onSeg">女孩</view>
        <view class="seg-btn {{u.sel(segSel,'addGender',2,0)?'selected':''}}" data-group="addGender" data-index="2" bindtap="onSeg">不确定</view>
      </view></view>
      <view class="field"><label>生日 / 到家时间</label>
        <picker mode="date" value="{{addBirthday}}" bindchange="onAddBirthday">
          <view class="picker-box">{{addBirthday || '选择日期'}}</view>
        </picker></view>
      <view class="field"><label>毛色</label><input class="input" placeholder="例如：橘白 / 奶牛 / 黑" placeholder-class="placeholder" value="{{addColor}}" bindinput="onAddColor"/></view>
      <view class="field"><label>品种</label><input class="input" placeholder="例如：中华田园猫 / 柯基" placeholder-class="placeholder" value="{{addBreed}}" bindinput="onAddBreed"/></view>
      <view class="field"><label>当前体重</label><input class="input" placeholder="例如：2.8" placeholder-class="placeholder" type="digit" value="{{addWeight}}" bindinput="onAddWeight"/></view>
      <view class="field"><label>当前阶段</label><view class="mini-options">
        <view class="option {{u.sel(optSel,'addStage',0,0)?'selected':''}}" data-group="addStage" data-index="0" bindtap="onOpt">刚到家</view>
        <view class="option {{u.sel(optSel,'addStage',1,0)?'selected':''}}" data-group="addStage" data-index="1" bindtap="onOpt">幼年期</view>
        <view class="option {{u.sel(optSel,'addStage',2,0)?'selected':''}}" data-group="addStage" data-index="2" bindtap="onOpt">成年期</view>
        <view class="option {{u.sel(optSel,'addStage',3,0)?'selected':''}}" data-group="addStage" data-index="3" bindtap="onOpt">老年期</view>
      </view></view>
      <button class="btn btn-primary btn-block" bindtap="onPetSubmit">{{innerType === 'editPet' ? '保存修改' : '添加宠物'}}</button>
      <button wx:if="{{innerType === 'editPet'}}" class="btn btn-block del-btn" style="margin-top:16rpx" bindtap="onDeletePet">删除该宠物</button>
    </block>

    <!-- 发布图文 -->
    <block wx:elif="{{innerType === 'createPost'}}">
      <view class="sheet-h3">发布图文</view>
      <view class="sheet-p">选择发布身份，分享你的养宠日常。</view>
      <view class="field"><label>发布身份</label><view class="seg">
        <view class="seg-btn {{u.sel(segSel,'ident',0,0)?'selected':''}}" data-group="ident" data-index="0" bindtap="onSeg">{{pet.name}}</view>
        <view class="seg-btn {{u.sel(segSel,'ident',1,0)?'selected':''}}" data-group="ident" data-index="1" bindtap="onSeg">匿名宠友</view>
        <view class="seg-btn {{u.sel(segSel,'ident',2,0)?'selected':''}}" data-group="ident" data-index="2" bindtap="onSeg">官方笔记</view>
      </view></view>
      <view class="field"><label>内容</label>
        <textarea class="textarea" placeholder="分享养宠日常、求助问题、经验笔记..." placeholder-class="placeholder" value="{{postContent}}" bindinput="onPostInput"></textarea></view>
      <view class="mini-options">
        <view class="option {{u.sel(optSel,'ptag',0,0)?'selected':''}}" data-group="ptag" data-index="0" bindtap="onOpt">晒宠</view>
        <view class="option {{u.sel(optSel,'ptag',1,0)?'selected':''}}" data-group="ptag" data-index="1" bindtap="onOpt">求助</view>
        <view class="option {{u.sel(optSel,'ptag',2,0)?'selected':''}}" data-group="ptag" data-index="2" bindtap="onOpt">经验</view>
        <view class="option {{u.sel(optSel,'ptag',3,0)?'selected':''}}" data-group="ptag" data-index="3" bindtap="onOpt">避坑</view>
      </view>
      <view class="field"><label>图片（可选，仅图片）</label>
        <view class="img-picker">
          <view wx:for="{{postImages}}" wx:key="id" class="img-thumb">
            <image src="{{item.url}}" mode="aspectFill"></image>
            <view class="img-del" catchtap="onRemovePostImage" data-index="{{index}}">×</view>
          </view>
          <view wx:if="{{postImages.length < 9}}" class="img-add" bindtap="onPickPostImages">＋</view>
        </view>
      </view>
      <button class="btn btn-primary btn-block" bindtap="onCreatePost">发布到宠友圈</button>
    </block>

    <!-- 管理任务 -->
    <block wx:elif="{{innerType === 'manageTasks'}}">
      <view class="sheet-h3">管理任务</view>
      <view class="sheet-p">增删改今日任务，改动会自动顺延到以后每天。</view>
      <view wx:for="{{manageTasks}}" wx:key="id" class="mtask-row">
        <view class="mtask-body">
          <text class="mtask-b">{{item.title}}<text wx:if="{{item.priority}}" class="mtask-pri">{{item.priority}}</text></text>
          <view wx:if="{{item.description}}" class="mtask-p">{{item.description}}</view>
        </view>
        <view class="mtask-op" catchtap="onEditTaskItem" data-index="{{index}}">改</view>
        <view class="mtask-op del" catchtap="onDeleteTaskItem" data-index="{{index}}">删</view>
      </view>
      <view wx:if="{{!manageTasks.length}}" class="sheet-p">今天还没有任务，下面加一条吧。</view>

      <view class="field" style="margin-top:12rpx"><label>{{taskForm.id ? '修改任务' : '新增任务'}}</label>
        <input class="input" placeholder="任务名，例如：喂驱虫药" placeholder-class="placeholder" value="{{taskForm.title}}" bindinput="onTaskTitle"/></view>
      <view class="field"><input class="input" placeholder="说明（可选）" placeholder-class="placeholder" value="{{taskForm.description}}" bindinput="onTaskDesc"/></view>
      <view class="field"><label>优先级 / 关联记录</label>
        <view class="mtask-form-row">
          <view class="seg-btn {{taskForm.priority === '重要' ? 'selected' : ''}}" catchtap="onTaskPriority">重要</view>
          <picker mode="selector" range="{{taskSheetLabels}}" value="{{taskForm.sheetIdx}}" bindchange="onTaskSheet">
            <view class="picker-box">关联：{{taskSheetLabels[taskForm.sheetIdx]}}</view>
          </picker>
        </view>
      </view>
      <button class="btn btn-primary btn-block" bindtap="onSaveTask">{{taskForm.id ? '保存修改' : '添加任务'}}</button>
    </block>

    <!-- 评论 -->
    <block wx:elif="{{innerType === 'comments'}}">
      <view class="sheet-h3">评论</view>
      <view wx:for="{{comments}}" wx:key="id" class="record-row"><text class="bold">{{item.author_name}}</text><text class="muted">{{item.content}}</text></view>
      <view wx:if="{{!comments.length}}" class="sheet-p">还没有评论，来抢沙发～</view>
      <view class="ai-input-row" style="margin-top:24rpx">
        <input class="input" placeholder="友善交流，分享经验..." placeholder-class="placeholder" value="{{commentText}}" bindinput="onCommentInput"/>
        <button class="btn btn-primary ai-send" bindtap="onSendComment">发</button>
      </view>
    </block>

    <!-- 分享帖子 -->
    <block wx:elif="{{innerType === 'sharePost'}}">
      <view class="sheet-h3">分享帖子</view>
      <view class="sheet-p">转发给微信好友、微信群，或生成一张分享卡片。</view>
      <button class="btn btn-primary btn-block" bindtap="close">生成分享卡片</button>
    </block>
    </scroll-view>

  </view>
</view>