SpreadDrop.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584
  1. import React ,{Component} from 'react';
  2. import {connect} from 'react-redux';
  3. import SpreadDrop from '@components/SpreadDrop';
  4. import {SETSELECTED,CLEARSELECTED,CONFIRMSELECTED,SETOTHERCHECKBOX,CHANGEOTHERTEXTLABEL} from '@types/otherHistory';
  5. import {RESET,SETDROPSHOW,HIDEDROP,CLICKCOUNT,ISREAD,SET_SELECTED_AREA} from '@store/types/homePage.js';
  6. import {getModules as fetchModules} from '@store/async-actions/fetchModules.js';
  7. import {getCommSymptomPush,getCommSymptoms} from '@store/async-actions/mainSuit.js'
  8. import {GET_BIGDATAPUSH,MIX_CONFIRM,COMM_CONFIRM,CHANGE_LABELVAL} from '@store/types/mainSuit';
  9. import {SETCHECKBOX,CHANGECHECKTEXTLABEL,CHECKCONFIRMSELECTED} from '@types/checkBody';
  10. import {CURRENT_CONFIRM,SETMAINCHECKBOX,CURRENT_TEXT_LABEL,CURRENT_GET_BIGDATAPUSH,SHOW_COMMON_ON_CURRENT} from '@types/currentIll';
  11. import {billing} from '@store/async-actions/pushMessage';
  12. import {Notify} from '@commonComp';
  13. import {filterArr,didPushParamChange,filterDataArr,getLabelIndex,fullfillText,checkFullfillText,getIds} from '@utils/tools.js';
  14. import config from '@config/index.js';
  15. import {CLEAR_COMSYMPTOMS} from "../store/types/mainSuit";
  16. function mapStateToProps(state) {//console.log(state);
  17. const {mainSuit,homePage} = state;
  18. const {readConfig,typeConfig}=state.typeConfig;
  19. const hasReadMode = readConfig!==-1;
  20. const curOtherMode =hasReadMode&&readConfig[2]!==null?readConfig[2]:typeConfig[2];
  21. const curMode =hasReadMode&&readConfig[1]!==null?readConfig[1]:typeConfig[1];
  22. return {
  23. mainSaveText:mainSuit.saveText,
  24. mainData:mainSuit.data,
  25. windowWidth:homePage.windowWidth,
  26. otherDefault:+curOtherMode===1,
  27. curDefault:+curMode===1,
  28. CommonSymptoms:mainSuit.CommonSymptoms,//常见症状
  29. select_start:homePage.select_start,
  30. }
  31. }
  32. function getNames(data,order){//从exist withs 中获取name字段
  33. let nameData = "";
  34. if(+order===1){ //成文默认按点选顺序排序,指定textGenerate=1按从上到下从左到右排序
  35. data.sort(function(a,b){
  36. return a.listIndex-b.listIndex;
  37. });
  38. }
  39. data&&data.forEach((it,i)=>{
  40. nameData += it.name;
  41. });
  42. return nameData;
  43. }
  44. function addPoint(data,num){//给伴随添加顿号
  45. for(let i=num; i<data.length; i++){
  46. data[i].name = '、'+ data[i].name;
  47. }
  48. return data;
  49. }
  50. /***********************标签展开确定事件***************************/
  51. // 主诉--不用展开标签
  52. function mainSuitModule(dispatch,store,params){
  53. const {nones,exists,withs,exclusion,excluName,ban,mainSaveText,mainData} = params;
  54. let text = filterDataArr(mainSaveText);
  55. if(text.length >= config.limited){
  56. Notify.info(config.limitText);
  57. return
  58. }
  59. // 给主症状伴随添加exists字段
  60. if(exists.length>0){
  61. for(let k=0; k<exists.length; k++){
  62. exists[k].value=exists[k].name;
  63. exists[k].exist=1;
  64. }
  65. }
  66. if(withs.length>0){
  67. for(let n=0; n<withs.length; n++){
  68. withs[n].value=withs[n].name;
  69. withs[n].exist=2;
  70. }
  71. }
  72. // let existsName = getNames(exists);
  73. // let withsName = getNames(withs);
  74. const copExists = JSON.parse(JSON.stringify(exists));
  75. const copWiths = JSON.parse(JSON.stringify(withs));
  76. let banName = ban.name;
  77. const index = params.ikey;
  78. let ikey = getLabelIndex(index);
  79. let num = 0;
  80. let existNum = 0;
  81. let forwardId;
  82. let mainText;
  83. for(let n=ikey-1; n>0; n--){
  84. if(mainData[n].flag && mainData[n].flag==1){
  85. forwardId = n;
  86. continue;
  87. }
  88. }
  89. if(forwardId){
  90. mainText = mainSaveText.slice(forwardId,ikey);
  91. const mainSlice = mainData.slice(forwardId,ikey);
  92. let banIndex = mainText.indexOf('伴');
  93. if(banIndex==-1){
  94. num = 1;
  95. }
  96. // ikey前的data里没有exist=1的数据,则existNum=1
  97. if(exists.length>0){
  98. for(let i=0; i<mainSlice.length; i++){
  99. if(!mainSlice[i].exist && mainSlice[i].exist!==1){
  100. existNum = 1;
  101. continue;
  102. }
  103. }
  104. }
  105. }else{
  106. let banIndex = mainSaveText.indexOf("伴");
  107. if(banIndex==-1){
  108. num = 1;
  109. }
  110. }
  111. let withsName = getNames(addPoint(copWiths,num));
  112. let existsName = getNames(addPoint(copExists,existNum));
  113. let names;
  114. if(banName){
  115. names = existsName + banName + withsName;
  116. }else{
  117. names = existsName + withsName;
  118. }
  119. // num==0 说明有“伴”,减1;
  120. let lengths = num==0?text.length + names.length - 1:text.length + names.length;
  121. // console.log(5656,num,existNum,text,text.length,names,lengths);
  122. if(lengths > config.limited){
  123. Notify.info(config.limitText);
  124. return
  125. }
  126. // const index = params.ikey;
  127. // let ikey = getLabelIndex(index);
  128. dispatch({
  129. type: MIX_CONFIRM,
  130. data: {exists:exists,withs:withs,withsName:withsName,existsName:existsName,ikey,ban}
  131. });
  132. dispatch({ //自由文本标签数据更新
  133. type:ISREAD
  134. });
  135. dispatch({//隐藏下拉
  136. type:HIDEDROP
  137. })
  138. }
  139. // 现病史
  140. function currentIll(dispatch,store,params){
  141. const {nones,exists,withs,exclusion,excluName,ban,noneIds} = params;
  142. const index = params.ikey;
  143. let ikey = getLabelIndex(index);
  144. let existsId = exists && exists.length>0?getIds(exists):[];
  145. let withsId = withs && withs.length>0?getIds(withs):[];
  146. // const ids = (existsId.concat(withsId)).join(",");
  147. const ids = existsId.concat(withsId);
  148. let has = [],wes=[];
  149. //获取选中项目模板
  150. fetchModules(ids).then((res)=>{
  151. if(+res.data.code===0){
  152. const list = res.data.data;
  153. // if(list&&list.length>0){
  154. if(list&&JSON.stringify(list) !== '{}'){
  155. existsId.map((i)=>{
  156. // has.push(...list[i].questionMapping);
  157. has.push(list[i]);
  158. });
  159. withsId.map((i)=>{
  160. // wes.push(...list[i].questionMapping);
  161. wes.push(list[i]);
  162. });
  163. dispatch({
  164. type: CURRENT_CONFIRM,
  165. data: {exists:has,withs:wes,nones:nones,ikey,ban,noneIds}
  166. });
  167. }else{
  168. dispatch({
  169. type: CURRENT_CONFIRM,
  170. data: {exists,withs,nones,ikey,ban,noneIds}
  171. });
  172. }
  173. dispatch({ //自由文本标签数据更新
  174. type:ISREAD
  175. });
  176. }else{
  177. console.log(res);
  178. }
  179. });
  180. }
  181. //其他史多选标签确定事件
  182. function otherHisConfirm(dispatch,store,params){
  183. const {nones,exists,withs,exclusion,excluName,copyType} = params;
  184. // const ikey = params.ikey.substr(1,1);
  185. const index = params.ikey;
  186. let ikey = getLabelIndex(index);
  187. if(params.exclusion){
  188. dispatch({
  189. type: CONFIRMSELECTED,
  190. data:{exclusion,excluName,ikey,copyType}
  191. });
  192. return ;
  193. }
  194. let existsId = getIds(exists);
  195. let withsId = getIds(withs);
  196. // const ids = existsId.length>0?existsId.join(",")+','+withsId.join(","):withsId.join(",");
  197. const ids = existsId.concat(withsId);
  198. if(!ids&&nones){ //只有无的项目
  199. dispatch({
  200. type: CONFIRMSELECTED,
  201. data: {exists:[],withs:[],nones:nones,ikey,copyType}
  202. });
  203. dispatch({
  204. type:ISREAD
  205. });
  206. return;
  207. }
  208. // const ids = exists.join(",")+withs.join(",");
  209. let has = [],wes=[];
  210. //获取选中项目模板
  211. fetchModules(ids).then((res)=>{
  212. if(+res.data.code===0){
  213. const list = res.data.data;
  214. existsId.map((i)=>{
  215. has.push(...list[i].questionMapping);
  216. });
  217. withsId.map((i)=>{
  218. wes.push(...list[i].questionMapping);
  219. });
  220. dispatch({
  221. type: CONFIRMSELECTED,
  222. data: {exists:fullfillText(has,false,true).newArr,withs:fullfillText(wes,false,true).newArr,nones:nones,ikey,copyType}
  223. });
  224. dispatch({
  225. type:ISREAD
  226. });
  227. }
  228. });
  229. }
  230. function checkBodyConfirm(dispatch,store,params){
  231. const {nones,exists,withs,exclusion,excluName,copyType} = params;
  232. // const ikey = params.ikey.substr(1,1);
  233. const index = params.ikey;
  234. let ikey = getLabelIndex(index);
  235. if(params.exclusion){
  236. dispatch({
  237. type: CHECKCONFIRMSELECTED,
  238. data:{exclusion,excluName,ikey,copyType}
  239. });
  240. return ;
  241. }
  242. let existsId = getIds(exists);
  243. let withsId = getIds(withs);
  244. // const ids = existsId.join(",")+','+withsId.join(",");
  245. const ids = existsId.concat(withsId);
  246. if(!ids&&nones){ //只有无的项目
  247. dispatch({
  248. type: CHECKCONFIRMSELECTED,
  249. data: {exists:[],withs:[],nones:nones,ikey,copyType}
  250. });
  251. dispatch({
  252. type:ISREAD
  253. });
  254. return;
  255. }
  256. // const ids = exists.join(",")+withs.join(",");
  257. let has = [],wes=[];
  258. //获取选中项目模板
  259. fetchModules(ids).then((res)=>{
  260. if(+res.data.code===0){
  261. const list = res.data.data;
  262. existsId.map((i)=>{
  263. has.push(...list[i].questionMapping);
  264. });
  265. withsId.map((i)=>{
  266. wes.push(...list[i].questionMapping);
  267. });
  268. dispatch({
  269. type: CHECKCONFIRMSELECTED,
  270. data: {exists:checkFullfillText(has).newArr,withs:checkFullfillText(wes).newArr,nones:nones,ikey,copyType}
  271. });
  272. dispatch({
  273. type:ISREAD
  274. });
  275. }
  276. });
  277. }
  278. //在不同模块(主诉、现病史等)下拉选中调用不同事件
  279. function handleModuleDiff(dispatch,store,params){
  280. const {type,mainSaveText} = params;
  281. switch (+type){
  282. case 1:
  283. /*let text = filterDataArr(mainSaveText);
  284. if(text.length >= config.limited){
  285. Notify.info(config.limitText);
  286. return
  287. }*/
  288. mainSuitModule(dispatch,store,params);
  289. break;
  290. case 2:
  291. currentIll(dispatch,store,params);
  292. break;
  293. case 3:
  294. otherHisConfirm(dispatch,store,params);
  295. break;
  296. case 4:
  297. checkBodyConfirm(dispatch,store,params);
  298. break;
  299. default:
  300. }
  301. }
  302. /*****************普通多选框确定事件**************************/
  303. //主诉普通多选确定
  304. function mainSuitCheck(dispatch,store,params){
  305. const {nones,exists,withs,order,mainSaveText,value,ikey} = params;
  306. let existsName = getNames(exists,order);
  307. let withsName = getNames(withs);
  308. let labelInx = getLabelIndex(ikey);
  309. let text = filterDataArr(mainSaveText);
  310. let lengths = value?(text.length - value.length + existsName.length):(text.length + existsName.length);
  311. if(lengths > config.limited){
  312. Notify.info(config.limitText);
  313. return
  314. }
  315. delete params.mainData; //不需要保存该数据,删除避免死循环
  316. dispatch({
  317. type: COMM_CONFIRM,
  318. data:Object.assign({},params,{existsName,withsName,labelInx})
  319. });
  320. dispatch({//隐藏下拉
  321. type:HIDEDROP
  322. })
  323. }
  324. //现病史普通多选确定
  325. function currentCheck(dispatch,store,params){
  326. const {ikey,exists,withs,order} = params;
  327. let existsName = getNames(exists,order);
  328. let withsName = getNames(withs);
  329. let labelInx = getLabelIndex(ikey);
  330. dispatch({
  331. type:SETMAINCHECKBOX,
  332. // data:{labelInx,ikey,exclusion,excluName,nones,exists,existsName,noneIds,noneOn,nowOn,withOn,withs,withsName}
  333. data:Object.assign({},params,{existsName,withsName,labelInx})
  334. })
  335. }
  336. //查体普通多选确定
  337. function checkBodyCheck(dispatch,store,params){
  338. const {ikey,exclusion,excluName,nones,exists,noneIds,noneOn,nowOn,withOn,withs,order} = params;
  339. let existsName = getNames(exists,order);
  340. let withsName = getNames(withs);
  341. let labelInx = getLabelIndex(ikey);
  342. delete params.mainData; //该数据不用保存到state,删除避免死循环
  343. dispatch({
  344. type:SETCHECKBOX,
  345. // data:{labelInx,ikey,exclusion,excluName,nones,exists,existsName,noneIds,noneOn,nowOn,withOn,withs,withsName}
  346. data:Object.assign({},params,{existsName,withsName,labelInx})
  347. })
  348. }
  349. //其他史普通多选确定
  350. function otherHisCheck(dispatch,store,params){
  351. const {ikey,exclusion,excluName,nones,exists,noneIds,noneOn,nowOn,withOn,withs,order} = params;
  352. let existsName = getNames(exists,order);
  353. let withsName = getNames(withs);
  354. let labelInx = getLabelIndex(ikey);
  355. dispatch({
  356. type:SETOTHERCHECKBOX,
  357. data:Object.assign({},params,{existsName,withsName,labelInx})
  358. })
  359. }
  360. function handleCheckBox(dispatch,store,params){
  361. const {type} = params;
  362. switch (+type){
  363. case 1:
  364. mainSuitCheck(dispatch,store,params);
  365. break;
  366. case 2:
  367. currentCheck(dispatch,store,params);
  368. break;
  369. case 3:
  370. otherHisCheck(dispatch,store,params);
  371. break;
  372. case 4:
  373. checkBodyCheck(dispatch,store,params);
  374. break;
  375. default:
  376. }
  377. }
  378. /**************标签双击输入**************/
  379. //主诉
  380. function mainSuitLabelEdit(dispatch,params){
  381. const index = params.ikey;
  382. let ikey = getLabelIndex(index);
  383. dispatch({
  384. type:CHANGE_LABELVAL,
  385. data:{changeVal:params.changeVal,ikey:ikey}
  386. })
  387. }
  388. //现病史
  389. function currentLabelEdit(dispatch,params){
  390. const index = params.ikey;
  391. let ikey = getLabelIndex(index);
  392. dispatch({
  393. type:CURRENT_TEXT_LABEL,
  394. data:{changeVal:params.changeVal,ikey:ikey}
  395. })
  396. }
  397. //其他史
  398. function otherHisLabelEdit(dispatch,params){
  399. const index = params.ikey;
  400. let ikey = getLabelIndex(index);
  401. dispatch({
  402. type:CHANGEOTHERTEXTLABEL,
  403. data:{changeVal:params.changeVal,ikey:ikey}
  404. })
  405. }
  406. //查体
  407. function checkBodyLabelEdit(dispatch,params){
  408. const index = params.ikey;
  409. let ikey = getLabelIndex(index);
  410. const {changeVal} = params;
  411. dispatch({
  412. type:CHANGECHECKTEXTLABEL,
  413. data:{totalVal:changeVal,ikey:ikey,changeVal}
  414. })
  415. }
  416. function handleLabel(dispatch,params){
  417. const {type} = params;
  418. switch (+type){
  419. case 1:
  420. mainSuitLabelEdit(dispatch,params);
  421. break;
  422. case 2:
  423. currentLabelEdit(dispatch,params);
  424. break;
  425. case 3:
  426. otherHisLabelEdit(dispatch,params);
  427. break;
  428. case 4:
  429. checkBodyLabelEdit(dispatch,params);
  430. break;
  431. default:
  432. }
  433. dispatch(billing('',type));
  434. dispatch({
  435. type:ISREAD
  436. })
  437. }
  438. function mapDispatchToProps(dispatch,store){
  439. return {
  440. handleConfirm(obj){
  441. if(obj.tagType == 6||obj.tagType == 11){//铺开
  442. handleModuleDiff(dispatch,store,obj);
  443. obj.isCommon&&dispatch({ //选中常见后清空常见症状
  444. type:CLEAR_COMSYMPTOMS
  445. });
  446. }else if(obj.tagType == 2){//普通多选
  447. handleCheckBox(dispatch,store,obj);
  448. }
  449. //右侧推送
  450. setTimeout(function(){ //延迟待确定后的数据更新后推送,避免获取的参数还是旧的
  451. if(didPushParamChange()){ //操作后内容有变化才推送
  452. dispatch(billing());
  453. }
  454. },500);
  455. },
  456. handleHide(){
  457. dispatch({
  458. type: HIDEDROP
  459. });
  460. },
  461. async handleShow(obj){
  462. // 埋点dispatch
  463. dispatch({
  464. type:CLICKCOUNT,
  465. data:obj,
  466. clickType:'单击',
  467. num:1
  468. });
  469. // 调大数据接口
  470. if(obj.tagType ==11 ){
  471. const bigData = await getCommSymptomPush();
  472. let result = bigData.data;
  473. if(+result.code == 0){
  474. // let pushDataList = result.data.symptom;
  475. let bigDataList = result.data.symptom;
  476. if(+obj.type===2&&!bigDataList&&!obj.hasCommon){
  477. dispatch(getCommSymptoms());
  478. dispatch({
  479. type:SETDROPSHOW,
  480. data:obj
  481. });
  482. return;
  483. }
  484. let pushDataList = [];
  485. if(bigDataList&&bigDataList.length>0){//剔除没有id
  486. pushDataList = bigDataList.filter(function(item){
  487. return item.id
  488. });
  489. }else{
  490. pushDataList = bigDataList;
  491. }
  492. //推送无数据显示空下拉并提示暂无推送--1.9/1.18
  493. //if(!pushDataList || pushDataList.length == 0){Notify.info("暂无推送");}
  494. if(obj.type == 1){// 主诉--添加症状
  495. dispatch({
  496. type:GET_BIGDATAPUSH,
  497. data:pushDataList,
  498. info:obj
  499. })
  500. }else if(obj.type == 2){// 现病史--添加其他症状
  501. dispatch({
  502. type:CURRENT_GET_BIGDATAPUSH,
  503. data:pushDataList,
  504. info:obj
  505. })
  506. }
  507. }else{
  508. if(+obj.type===2){
  509. (!obj.hasCommon)&&dispatch(getCommSymptoms());
  510. dispatch({
  511. type:SETDROPSHOW,
  512. data:obj
  513. });
  514. }else{
  515. Notify.info(result.msg);
  516. return;
  517. }
  518. //Notify.info("暂无推送");
  519. // 接口请求失败,不往下执行显示下拉
  520. }
  521. }
  522. dispatch({
  523. type:SETDROPSHOW,
  524. data:obj
  525. });
  526. dispatch({
  527. type: RESET
  528. });
  529. },
  530. handleDbclick(obj){//双击统计
  531. dispatch({
  532. type:CLICKCOUNT,
  533. data:obj,
  534. clickType:'双击',
  535. num:1
  536. });
  537. },
  538. handleLabelChange(obj){//标签内输入
  539. handleLabel(dispatch,obj);
  540. },
  541. setSelectArea(data){
  542. dispatch({
  543. type:SET_SELECTED_AREA,
  544. data
  545. })
  546. }
  547. }
  548. }
  549. const SpreadDropCont = connect(
  550. mapStateToProps,
  551. mapDispatchToProps
  552. )(SpreadDrop);
  553. export default SpreadDropCont;