西藏巴青项目

我的预约(兽医)前端技术方案.md 3.2KB

我的预约(兽医)— 前端技术方案

依据:我的预约(兽医)功能需求.md我的预约(兽医)技术方案.md;列表布局参考 tradeMarket/entryIsolation/index.vue(双 card + 分页)。


1. 页面与路由

说明
Vue 路径 ruoyi-ui/src/views/diseaseTreatment/myAppointment/vet/index.vue
组件名 DiseaseTreatmentVetMyAppointment
菜单配置 组件路径:diseaseTreatment/myAppointment/vet/index
权限前缀 diseaseTreatment:vetMyAppointment:listqueryconfirmrejectcomplete

2. API 模块

说明
文件 ruoyi-ui/src/api/diseaseTreatment/vetMyAppointment.js
Base /diseaseTreatment/myAppointment/vet
方法 HTTP 说明
listVetMyAppointment GET /list;Query 小驼峰
getVetMyAppointment GET /{id} 详情
confirmVetMyAppointment POST /confirm/{id}
rejectVetMyAppointment POST /reject/{id};Body:rejectReason(1~100 字)
completeVetMyAppointment POST /complete/{id}

列表 QueryappointeeNamestartDateendDatestatuspageNumpageSize(默认 20)。


3. 页面结构

  1. 筛选区:预约人、预约日期范围、状态;搜索、重置。
  2. 列表:预约人、日期、时段、电话、地址、需求、状态(Tag)、拒绝理由、操作。
  3. 查看详情el-descriptions 弹窗;已拒绝展示拒绝理由;已确认/拒绝展示对应时间。
  4. 待确认操作:列表与详情内「确认接诊」「拒绝接诊」;拒绝弹窗填写理由。

与专家端差异:兽医端「查看评价」入口与评价字段展示。


4. 业务规则(前端)

规则 实现
状态 0 待确认、1 已确认、2 已拒绝、3 已取消、4 已完成
操作可见 status === 0 显示确认/拒绝;status === 1canComplete === true 显示完成接诊
时段展示 timeStart + '~' + timeEnd
状态文案 优先 statusLabel;否则 i18n vetMyAppointment.status0~4
状态 Tag 待确认 warning、已确认 success、已拒绝 danger、已取消 info、已完成默认

5. 国际化

说明
语言包 diseaseTreatment.vetMyAppointmentlang/zhlang/bo
Mixin diseaseTreatmentLocaleMixin,页面 dtNs = 'vetMyAppointment'vetAppointmentStatusText / vetAppointmentStatusTagType 在 mixin 中复用

6. 文件清单

路径 说明
src/views/diseaseTreatment/myAppointment/vet/index.vue 主页面
src/api/diseaseTreatment/vetMyAppointment.js API
src/mixins/diseaseTreatmentLocaleMixin.js 预约状态文案/Tag
src/lang/zh/diseaseTreatment.js 中文
src/lang/bo/diseaseTreatment.js 藏文

7. 联调说明

  • 登录账号须在「畜牧医疗资源管理」绑定兽医资源(resource_type=1 且已分配账号),否则列表为空。
  • 预约由移动端或牧户端创建;后台仅查看与确认/拒绝。
  • 菜单需在若依后台配置组件路径与按钮权限后可见。