我的预约.md 3.3KB
在package-a/文件夹下 创建 我的预约(英文)页面 通过 我的 页面 中 我的预约 跳转进入
页面分为 上下 2部分
上 使用 up-tabs [兽医, 专家, 诊疗机构] 每个 tabs 都有自己对应的选择
兽医 [全部 , 未开始 , 已完成, 已取消] 横向 flex 默认选择 全部 选中 绿色线框 绿色文本 未选中 灰色线框 灰色文本
专家 [全部, 未开始, 待评价, 已完成, 已取消] 横向 flex 默认选择 全部 选中 绿色线框 绿色文本 未选中 灰色线框 灰色文本
诊疗机构 [全部, 未开始, 已完成, 已取消] 横向 flex 默认选择 全部 选中 绿色线框 绿色文本 未选中 灰色线框 灰色文本
下 使用虚拟列表 up-virtual-list 每个 tabs 有自己展示的东西 每个列表白色背景 间隔10rpx
兽医：
第一行 xxxx 黑色文本 字体大些
第二行 预约时间: MM-DD(周几) HH:mm ~ HH:mm 灰色文本
第三行 服务地址：xxxxxx 灰色文本
第四行 服务需求：xxxxxx 灰色文本
第五行 状态：（灰色文本）,兽医对应的状态 【待确认，已确认，已取消，已拒绝，已完成】 这几种状态 选一个 【】里的 蓝色文本
【待确认，已确认，】对应 tabs【未开始】，【已取消，已拒绝】对应 tabs【已取消】， 【已完成】对应 tabs【已完成】
第六行 if 是 待确认 需要 在右边 有个 【取消预约】按钮 点击按钮 需要 弹出 confirm提示 是否取消预约 当点击确定 将状态 改成 已取消
专家：
第一行 xxxx 黑色文本 字体大些
第二行 预约时间: MM-DD(周几) HH:mm ~ HH:mm 灰色文本
第三行 服务地址：xxxxxx 灰色文本
第四行 服务需求：xxxxxx 灰色文本
第五行 状态：（灰色文本）,专家对应的状态 【待确认，已确认，已取消，已拒绝，已完成】这几种状态 选一个 【】里的 蓝色文本
【待确认，已确认，】对应 tabs【未开始】，【已取消，已拒绝】对应 tabs【已取消】， 【已完成】分为2种情况 一种未评价 对应 tabs 【待评价】，已经评价 对应 tabs 【已完成】
第六行 if 是 待确认 需要 在右边 有个 【取消预约】按钮 点击按钮 需要 弹出 confirm提示 是否取消预约 当点击确定 将状态 改成 已取消 if 是 已完成 分为2种情况 一种未评价 要 在右边 有个 【评价】按钮，已评价 要 在右边 有个 【查看评价】按钮
诊疗机构：
第一行 xxxx 黑色文本 字体大些
第二行 预约时间: MM-DD(周几) HH:mm ~ HH:mm 灰色文本
第三行 状态:（灰色文本）诊疗机构对应的状态 【已预约，已取消，已完成】 这几种状态 选一个 【】里的 蓝色文本，【已预约】对应tabs 【未开始】，【已取消】对应 tabs 【已取消】，【已完成】对应tabs 【已完成】
第四行 if 是 已预约 需要 在右边 有个 【取消预约】按钮 点击按钮 需要 弹出 confirm提示 是否取消预约 当点击确定 将状态 改成 已取消