优化挂号页面

.codebuddy/plans/registration-resource-type-tabs_527780c4.md

@@ -0,0 +1,129 @@
+---
+name: registration-resource-type-tabs
+overview: 将挂号页面的"当天挂号/预约挂号"固定Tab替换为01040160接口返回的动态资源类型Tab（线下门诊/图文咨询/线上门诊），并改造03040002排班查询和提交挂号流程以支持新增的资源类型。
+todos:
+  - id: add-state-and-api
+    content: 新增 state 字段(resourceType/resTypeTabs)并在 componentDidMount 调用 01040160 接口加载资源类型数据
+    status: completed
+  - id: dynamic-tabs-render
+    content: 改造 Tab 渲染区和 handleTablsChange，将硬编码 Tab 替换为 01040160 返回的动态 Tab，支持 OP/IMAGE/VIDEO 切换并联动日期逻辑
+    status: completed
+    dependencies:
+      - add-state-and-api
+  - id: add-resourceType-param
+    content: 修改 loadSchedulingMsg 排班查询，在 03040002 请求参数中新增 resourceType 入参
+    status: completed
+    dependencies:
+      - dynamic-tabs-render
+  - id: image-video-submit
+    content: 新增 IMAGE/VIDEO 挂号提交函数，实现 03040051/03040052 单步挂号接口调用，包含费用计算、收费弹窗、提交成功处理
+    status: completed
+    dependencies:
+      - add-resourceType-param
+  - id: branch-submit-entry
+    content: 修改挂号提交入口，根据 resourceType 分流：OP 保留原两步流程，IMAGE/VIDEO 走新单步流程
+    status: completed
+    dependencies:
+      - image-video-submit
+---
+
+## 用户需求
+
+修改 `RegistrationIncludesMedicalInsurance_old.jsx`，参考接口文档实现以下功能：
+
+### 1. Tab动态化改造
+
+调用 01040160 (`GetHBResTypeLinkHospId`) 接口，将当前硬编码的「当天挂号」「预约挂号」两个Tab替换为接口返回的动态Tab。接口返回资源类型如 OP(线下门诊)、IMAGE(图文咨询)、VIDEO(线上门诊)，前端根据返回值动态渲染Tab。
+
+### 2. 排班查询增加resourceType入参
+
+在 03040002 (`GetSchedulingData`) 排班查询中，根据用户当前选中的Tab对应的资源类型(code)传入 `resourceType` 参数（OP/IMAGE/VIDEO），区分不同就诊类型的排班数据。
+
+### 3. 提交挂号接口按资源类型分流
+
+- OP(线下门诊)：保持原有 `03040048`(PrePatRegister) + `03040049`(CompletionPatRegister) 两步挂号流程
+- IMAGE(图文咨询)：使用新增 `03040051`(ImageConsultRegister) 单步提交
+- VIDEO(线上门诊)：使用新增 `03040052`(VideoConsultRegister) 单步提交
+- 03040051/03040052 入参包含 patID、resDetailID、timeRangeID、admReasonID、paywStr，为一步式挂号+支付
+- 同期调整日期选择逻辑，IMAGE/VIDEO默认允许日期选择
+
+## 技术栈
+
+- 前端框架：React Class Component
+- UI 组件：Ant Design (Tabs, DatePicker, etc.)
+- 网络请求：项目内 $http、INSUYBUtil.GoTOHISHttp 封装
+- 样式：Less
+
+## 实现方案
+
+### 整体策略
+
+在现有 OP(线下门诊) 两步挂号流程基础上，通过资源类型(code)分支来支持 IMAGE(图文咨询) 和 VIDEO(线上门诊) 两种新模式。核心思路是 **Tab驱动改写 + 提交分流**：
+
+- Tab 由 01040160 接口动态返回，OP/IMAGE/VIDEO 各有独立Tab
+- 排班查询时传入对应 resourceType
+- 提交时 OP 走原两步流程，IMAGE/VIDEO 走单步新接口
+
+### 关键决策
+
+1. **Tab 切换与日期逻辑**：OP Tab 默认当天不可选日期(orderStatus=false)，IMAGE/VIDEO Tab 默认允许选日期(showDate=true, orderStatus=true)。OP 仍可通过日期选择器自由切换当天/预约。
+2. **IMAGE/VIDEO 提交流程简化**：跳过 PrePatRegister 两步流程，改为先计算费用 → 展示收费弹窗 → 确认后直接调用 03040051/03040052，传入 paywStr 一步完成挂号+支付。
+3. **兼容性保留**：OP 的医保留守逻辑、磁卡费、绿通等特殊功能不变，仅在 IMAGE/VIDEO 分支中裁剪不需要的字段。
+
+### 性能考虑
+
+- 01040160 在 componentDidMount 调用一次，结果缓存到 state.resTypeTabs，Tab 切换不再重复请求
+- 排班查询 loadSchedulingMsg 在 Tab切换、日期变更、科室/医生变更时触发，resourceType 取自 state 无需额外计算
+
+## 实现细节
+
+### 目录结构
+
+```
+src/pages/opadmReg/
+├── RegistrationIncludesMedicalInsurance_old.jsx  # [MODIFY] 主文件，所有修改集中于此
+└── component/
+    └── NewShowRegPayModal.jsx                     # 复用现有收费弹窗（无需修改）
+```
+
+### 修改点详解
+
+#### 1. State 新增字段（第43-72行附近）
+
+- `resourceType: 'OP'` — 当前选中资源类型，默认OP
+- `resTypeTabs: []` — 01040160 返回的Tab数据数组
+
+#### 2. componentDidMount 新增 01040160 调用（第86-106行）
+
+调用 `$http.post` 加载 `GetHBResTypeLinkHospId`，成功后将 `result.data` 存入 `resTypeTabs`，默认激活第一个Tab。
+
+#### 3. Tab 渲染区改造（第4157-4164行）
+
+将两行硬编码 `<TabPane>` 替换为 `resTypeTabs.map` 动态生成，key 使用 `code`，tab 文本使用 `descripts`。
+
+#### 4. handleTablsChange 改写（第3263-3278行）
+
+- 参数从 key('1'/'2') 改为 resourceType code ('OP'/'IMAGE'/'VIDEO')
+- 设置 `resourceType`、`activeKey`
+- OP: date=today, showDate=false(当天)
+- IMAGE/VIDEO: date=today, showDate=true
+
+#### 5. loadSchedulingMsg 添加 resourceType（第307-350行）
+
+在 params 中增加 `resourceType: this.state.resourceType`
+
+#### 6. 新增 IMAGE/VIDEO 挂号提交函数（约第991行前）
+
+新增 `submitImageVideoRegister(resourceType, data, paywStr)` 函数：
+
+- 构建 params = { patID, resDetailID, timeRangeID, admReasonID, paywStr }
+- 调用 INSUYBUtil.GoTOHISHttp 使用 `resourceType==='IMAGE' ? '03040051' : '03040052'`
+- 成功后刷新排班、清空选中、打印票据
+- 失败回滚并提示
+
+#### 7. 提交入口分支（第804行 showRegistrModal 附近）
+
+在用户双点击医生卡片进入挂号时，根据 `this.state.resourceType` 分支：
+
+- OP：维持原有 showRegistrModal → PrePatRegister 流程
+- IMAGE/VIDEO：走新函数，先 GetRegistFee 计算费用 → 展示收费弹窗 → 确认后调用 submitImageVideoRegister

dist/1001.39070c20.min.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1001],{Lk4h:function(e,r,s){var o,i,t;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,i=[r,s("INxN"),s("gdfu"),s("bS2j")],void 0===(t="function"==typeof(o=function(e,r,s,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.printDetailed=function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(e){var t={params:[{dispID:e,dispIDArr:i}]};o.$http.post("urlS",this,{code:"02040061",data:t,success:function(e){0==+e.errorCode?(0,r.$loopPrint)("",e.result):s.message.error(e.errorMessage)}})}else s.message.error("请选择发药明细信息之后再打印")},e.printOralLabelDetailed=function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(e){var t={params:[{dispID:e,dispIDArr:i}]};o.$http.post("urlS",this,{code:"02040062",data:t,success:function(e){if(0==+e.errorCode){var o=e.result;for(var i in o)(0,r.$loopPrint)("",o[i])}else s.message.error(e.errorMessage)}})}else s.message.error("请选择发药明细信息之后再打印")},e.printSummary=function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(e){var t={params:[{dispID:e,dispIDArr:i}]};o.$http.post("urlS",this,{code:"02040060",data:t,success:function(e){0==+e.errorCode?(0,r.$loopPrint)("",e.result):s.message.error(e.errorMessage)}})}else s.message.error("请选择发药汇总信息之后再打印")}})?o.apply(r,i):o)||(e.exports=t)}}]);

dist/1040.562fba11.min.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1040],{ujTE:function(e,t,n){var l,u,a;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,u=[t,n("lwsE"),n("W8MJ"),n("a1gu"),n("Nsbk"),n("7W2i"),n("q1tI"),n("gdfu")],void 0===(a="function"==typeof(l=function(l,u,a,o,f,r,c,d){"use strict";var i=n("TqRt");function p(e,t,n){return t=(0,f.default)(t),(0,o.default)(e,function(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return!!e}()?Reflect.construct(t,n||[],(0,f.default)(e).constructor):t.apply(e,n))}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0,u=i(u),a=i(a),o=i(o),f=i(f),r=i(r),c=i(c);var s=d.Menu.SubMenu,m=(d.Menu.ItemGroup,function(e){function t(e){return(0,u.default)(this,t),p(this,t,[e])}return(0,r.default)(t,e),(0,a.default)(t,[{key:"render",value:function(){return c.default.createElement("div",null,c.default.createElement(d.Menu,{defaultSelectedKeys:["1"],defaultOpenKeys:["sub1"],mode:"inline"},c.default.createElement(s,{key:"sub1",title:c.default.createElement("span",null,c.default.createElement(d.Icon,{type:"mail"}),c.default.createElement("span",null,"Navigation One"))},c.default.createElement(d.Menu.Item,{key:"1"},"Option 1"),c.default.createElement(d.Menu.Item,{key:"2"},"Option 2"),c.default.createElement(d.Menu.Item,{key:"3"},"Option 3"),c.default.createElement(d.Menu.Item,{key:"4"},"Option 4")),c.default.createElement(s,{key:"sub2",title:c.default.createElement("span",null,c.default.createElement(d.Icon,{type:"appstore"}),c.default.createElement("span",null,"Navigation Two"))},c.default.createElement(d.Menu.Item,{key:"5"},"Option 5"),c.default.createElement(d.Menu.Item,{key:"6"},"Option 6"))))}}])}(c.default.Component));l.default=m,e.exports=t.default})?l.apply(t,u):l)||(e.exports=a)}}]);

dist/1041.d0b92cf0.min.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1041],{KVU1:function(e,t,n){var u,l,r,o=n("cDf5");"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,l=[t,n("lwsE"),n("W8MJ"),n("a1gu"),n("Nsbk"),n("7W2i"),n("q1tI"),n("gdfu")],void 0===(r="function"==typeof(u=function(u,l,r,a,f,c,i,d){"use strict";var p=n("TqRt");function s(e,t,n){return t=(0,f.default)(t),(0,a.default)(e,function(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return!!e}()?Reflect.construct(t,n||[],(0,f.default)(e).constructor):t.apply(e,n))}Object.defineProperty(u,"__esModule",{value:!0}),u.default=void 0,l=p(l),r=p(r),a=p(a),f=p(f),c=p(c);var v=function(e){function t(e){return(0,l.default)(this,t),s(this,t,[e])}return(0,c.default)(t,e),(0,r.default)(t,[{key:"render",value:function(){return i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement(d.Button,null,"本周"),i.default.createElement(d.Button,null,"一周"),i.default.createElement(d.Button,null,"所有")))}}])}((i=function(e,t){if("function"==typeof WeakMap)var n=new WeakMap,u=new WeakMap;return function(e,t){if(!t&&e&&e.__esModule)return e;var l,r,a={__proto__:null,default:e};if(null===e||"object"!=o(e)&&"function"!=typeof e)return a;if(l=t?u:n){if(l.has(e))return l.get(e);l.set(e,a)}for(var f in e)"default"!==f&&{}.hasOwnProperty.call(e,f)&&((r=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,f))&&(r.get||r.set)?l(a,f,r):a[f]=e[f]);return a}(e,t)}(i)).Component);u.default=v,e.exports=t.default})?u.apply(t,l):u)||(e.exports=r)}}]);

dist/1049.cff16ed7.min.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1049],{Glzv:function(e,t,n){var u,o,l;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,o=[t,n("lwsE"),n("W8MJ"),n("a1gu"),n("Nsbk"),n("7W2i"),n("q1tI")],void 0===(l="function"==typeof(u=function(u,o,l,a,f,r,c){"use strict";var d=n("TqRt");function i(e,t,n){return t=(0,f.default)(t),(0,a.default)(e,function(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return!!e}()?Reflect.construct(t,n||[],(0,f.default)(e).constructor):t.apply(e,n))}Object.defineProperty(u,"__esModule",{value:!0}),u.default=void 0,o=d(o),l=d(l),a=d(a),f=d(f),r=d(r);var s=function(e){function t(e){var n;return(0,o.default)(this,t),(n=i(this,t,[e])).state={},n}return(0,r.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){return c.default.createElement("div",null)}}])}((c=d(c)).default.Component);u.default=s,e.exports=t.default})?u.apply(t,o):u)||(e.exports=l)}}]);

dist/1053.876a0757.min.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1053],{Tkei:function(e,t,n){var o,a,l;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,a=[t,n("lwsE"),n("W8MJ"),n("a1gu"),n("Nsbk"),n("7W2i"),n("q1tI"),n("gdfu"),n("SgvD")],void 0===(l="function"==typeof(o=function(o,a,l,u,i,c,f,d,r){"use strict";var s=n("TqRt");function p(e,t,n){return t=(0,i.default)(t),(0,u.default)(e,function(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return!!e}()?Reflect.construct(t,n||[],(0,i.default)(e).constructor):t.apply(e,n))}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,a=s(a),l=s(l),u=s(u),i=s(i),c=s(c),f=s(f),r=s(r),d.Select.Option,o.default=function(e){function t(e){var n;return(0,a.default)(this,t),(n=p(this,t,[e])).onColumnRef=function(e){n.columnRef=e},n.onRef=function(e){n.child=e},n.handleHistoricalDocuments=function(){n.child.handleShowModal()},JSON.parse(sessionStorage.getItem("userData")),n.state={admID:""},n}return(0,c.default)(t,e),(0,l.default)(t,[{key:"componentDidMount",value:function(){}},{key:"componentWillReceiveProps",value:function(e){""!=e.admID&&this.setState({admID:e.admID})}},{key:"render",value:function(){return f.default.createElement("div",{className:"hospital-pharmacies"},f.default.createElement(d.Row,{id:"apply-for-refund-medicine",style:{padding:"0 24px"}},f.default.createElement(d.Col,{span:8,style:{textAlign:"right"}},f.default.createElement(d.Button,{type:"dashed",style:{marginTop:"8px",width:"100px"},onClick:this.handleHistoricalDocuments},"历史单据"))),f.default.createElement(r.default,{onRef:this.onRef}))}}])}(f.default.Component),e.exports=t.default})?o.apply(t,a):o)||(e.exports=l)}}]);