一、项目说明:

1、输出平台:微信小程序
2、使用框架:使用V6引擎框架开发
3、组件库:GGComp组件库

二、线上挂号流程-设计稿

画板 1.jpg 画板 2.jpg 画板 3.jpg 画板 4.jpg 画板 5.jpg 画板 6.jpg

image.png image.png image.png image.png

image.pngimage.png image.pngimage.png

image.png 画板 8 拷贝.jpg

画板 8.jpg image.png

画板 9.jpgFC902ED5E6CCDEC55CDE3614E77C882C.jpgCEEA3FCE645491EF8A6F3A3E543BEB1F.jpg

三、完成情况

3.1 功能模版清单

模板名称 模版说明 对应流程 备注
1 h5/pages/SCWJYY/orderRegistered/index 挂号订单查看 page_SCWJYY_orderRegistered.js
2 h5/pages/SCWJYY/inquireReceipts/index 单据查询 page_SCWJYY_inquireReceipts.js
3 h5/pages/SCWJYY/payment/index 缴费中心 page_SCWJYY_payment.js
4 h5/pages/SCWJYY/paymentInfo/index 缴费信息确认 page_SCWJYY_paymentInfo.js
5 h5/pages/SCWJYY/confirmRegistration/index 挂号确认 page_SCWJYY_confirmRegistration.js
6 h5/pages/SCWJYY/registrationArgeement/index 挂号须知/挂号协议 page_SCWJYY_registrationArgeement.js
7 h5/pages/SCWJYY/addUser/index 添加用户 page_SCWJYY_addUser.js
8 h5/pages/SCWJYY/resultSubmit/index 预交结果 page_SCWJYY_resultSubmit.js
9 h5/pages/SCWJYY/index/index 主页面 page_SCWJYY_index.js
10 h5/pages/SCWJYY/patientSelect/index 选择就诊人 page_SCWJYY_patientSelect.js
11 h5/pages/SCWJYY/doctorSelect/index 选择医生、预约挂号时间 page_SCWJYY_doctorSelect.js
12 h5/pages/SCWJYY/departmentSelect/index 科室选择 page_SCWJYY_deptSelect.js

3.2 模版接口说明

四、BUG反馈

缺的页面:

  1. 就诊人详情页面
  2. 结果展示页
模板名称 模版说明 页面效果 问题描述
1 h5/pages/SCWJYY/orderRegistered/index 挂号订单查看 image.png 1.与设计稿差距大

2.tab点击没有对应的事件触发
[0607 09:03 Fixed] | | 2 | h5/pages/SCWJYY/inquireReceipts/index | 单据查询 | image.png | 1.左侧的ICON呢?
2.功能区域色值和底色没有区分 | | 3 | h5/pages/SCWJYY/payment/index | 缴费中心 | image.png | ok | | 4 | h5/pages/SCWJYY/paymentInfo/index | 缴费信息确认 | image.png | | | 5 | h5/pages/SCWJYY/confirmRegistration/index | 挂号确认 | image.png |
1. 将切换按钮设置成 可以隐藏和显示,由逻辑层来负责隐藏或者显示。
[0607 09:13 Fixed]
注意:原来的’Btns’改’btns’(大写改全小写) | | 6 | h5/pages/SCWJYY/registrationArgeement/index | 挂号须知/挂号协议 | QQ截图20220607100948.png | 1.挂号协议的缩略图不对
[0607 11:06 Fixed] | | 7 | h5/pages/SCWJYY/addUser/index | 添加用户 | image.png | | | 8 | h5/pages/SCWJYY/resultSubmit/index | 预交结果 | image.png | | | 9 | h5/pages/SCWJYY/index/index | 主页面 | image.png | | | 10 | h5/pages/SCWJYY/patientSelect/index | 选择就诊人 | image.png |
1. 页面api需要优化。参考:https://www.yuque.com/docs/share/c366bdfa-3990-4a87-85df-89d5ccccd4de?# 《接口api优化说明》
1. 更新card.defaultIndex 时不起作用
[0607 17:09 Fixed] | | 11 | h5/pages/SCWJYY/doctorSelect/index | 选择医生、预约挂号时间 | image.png
image.png | 1.点击周会出现显示半个页面的情况
2. 显示就诊时间,日期和科室应该在最上面。显示位置与预想位置不一致。
2. api需要优化,参考:https://www.yuque.com/docs/share/c366bdfa-3990-4a87-85df-89d5ccccd4de?# 《接口api优化说明》
2. 左侧的icon没有定义地址
[0607 17:09 Fixed] | | 12 | h5/pages/SCWJYY/departmentSelect/index | 科室选择 | image.png | [0607 09:35 Fixed]
注意:这个界面原来的问题是样式冲突造成样式异常,现已全局修复,可以在整体流程跑的时候帮助再确认下是否已修复! | | 13 | h5/pages/SCWJYY/paymentList/index | 待缴费列表 | QQ截图20220607095634.png |
1. tab区域,左起第一个是未交费,第二个是已缴费。未交费下放显示的是单选项和全选底座。已缴费没有。
1. 需要增加一个tab点击事件。
1. 单击全选按钮,待缴费选项的单选按钮没有
1. allInClick 方法需要增加一个 入参,选中或者未选中的标志。
1. paymentOnClick 需要增加一个入参,内容为所有选中的对象列表。
1. detailOnClick 需要增加一个入参,内容为选中的哪一行数据。
1. 点击详情按钮后,上浮的明细项如何设置?没有从测试mock文件中显现。
1. 详情区域的内容不要和卡片对象耦合在一起,也就是说floatData和body不要放到unpaidList这个对象里面,因为有可能明细数据是通过通讯后才拿到,不是一次全部拿到注入的。
[0607 15:25 Fixed] | | 14 | h5/pages/SCWJYY/payment/index | 缴费确认 | image.png | 1.显示不合理,左右两侧留白太多
[0607 09:39 Fixed]
注意:这个界面原来的问题是样式冲突造成样式异常,现已全局修复,可以在整体流程跑的时候帮助再确认下是否已修复! | | 15 | h5/pages/SCWJYY/NATType/index | 核酸检测 | image.pngimage.png | 1.注释掉 money ,界面依然显示核酸费用。
2.本项目在此处并不知晓核酸的价格。
[0607 10:10 Fixed]
3. 图没定义
[0607 10:11 Fixed] | | 16 | h5/pages/SCWJYY/result/index | 结果展示 | image.png |
1. 图没有定义,可参考龙南
[0607 13:40 Fixed]
PS:该素材用的是组件内置资源
image.png
其他内置资源参考:(点击下图放大查看效果)
@success
@error
@warn
@empty
image.png | | 17 | h5/pages/SCWJYY/patientInfo/index | 就诊人信息详情 | image.png | 1.二维码的值没有显示,可以参考龙南页面的就诊人显示页面配置。
2. 此模板需要再增加一个附按钮
[0607 11:07 Fixed]

  1. 二维码显示太小,放大到屏幕1/4.
    [0609 14:02 Fixed] | | 18 | h5/pages/SCWJYY/index/index | 首页 | image.png | 首页【登录】按钮,文本不能写死,需要放出来,以便后期灵活配置。 | | | | | | |

五、程序实际截图

h5/pages/SCWJYY/orderRegistered/index