|
@@ -13,6 +13,7 @@ import checkIcon from '@common/images/check.png';
|
|
|
import {ComplexModal,ConfirmModal,MiniToast, Radio,CheckBtn} from '@commonComp';
|
|
|
import AssessResult from '@containers/AssessResult';
|
|
|
import ScaleTable from '@containers/ScaleTable';
|
|
|
+import Notify from '@commonComp/Notify';
|
|
|
import $ from 'jquery';
|
|
|
|
|
|
/***
|
|
@@ -38,10 +39,11 @@ class ChronicInfo extends React.Component{
|
|
|
tableName:'' , //点击的量表名称
|
|
|
tableId:null ,//点击的量表id
|
|
|
parentId:null ,
|
|
|
+ parentIndex:null,
|
|
|
radioVal:{}, //可能结果选择内容
|
|
|
possible:{}, //可能结果
|
|
|
+ formulaParam: {}, //量表计算公式计算入参
|
|
|
};
|
|
|
- this.$content = React.createRef();
|
|
|
|
|
|
this.showInfo = this.showInfo.bind(this);
|
|
|
this.closeInfo = this.closeInfo.bind(this);
|
|
@@ -70,8 +72,7 @@ class ChronicInfo extends React.Component{
|
|
|
}
|
|
|
|
|
|
showTableList(id){//量表按钮
|
|
|
- const {getTableList,questionId} = this.props;
|
|
|
- // getTableList(questionId&&questionId.id);
|
|
|
+ const {getTableList} = this.props;
|
|
|
if(id){
|
|
|
getTableList(id);
|
|
|
}
|
|
@@ -85,12 +86,12 @@ class ChronicInfo extends React.Component{
|
|
|
this.close()
|
|
|
}
|
|
|
|
|
|
- showInfo(id){//显示静态知识
|
|
|
+ showInfo(id){
|
|
|
// 静态知识显示在提示信息里(4-18)
|
|
|
const {getInfomation} = this.props;
|
|
|
const param = {
|
|
|
- // id:id,
|
|
|
- id:40738,
|
|
|
+ id:id,
|
|
|
+ // id:40738, //目前只有“肾功能不全”有数据
|
|
|
type:22,
|
|
|
}
|
|
|
getInfomation&&getInfomation(param);
|
|
@@ -105,7 +106,8 @@ class ChronicInfo extends React.Component{
|
|
|
}
|
|
|
showOption(id){
|
|
|
this.setState({
|
|
|
- optionId:id
|
|
|
+ optionId:id,
|
|
|
+ formulaId:null //关闭计算公式
|
|
|
})
|
|
|
}
|
|
|
closeOption(){
|
|
@@ -113,9 +115,9 @@ class ChronicInfo extends React.Component{
|
|
|
optionId:null
|
|
|
})
|
|
|
}
|
|
|
- showTable(it,parentId){
|
|
|
+ showTable(it,parentId,parentIndex){
|
|
|
const {formulaResult,scaleInfo} = this.props;
|
|
|
- // 密西根糖尿病周围神经病评分(MDNS) 为例 id:40744
|
|
|
+ // 密西根糖尿病周围神经病评分(MDNS), id:40744
|
|
|
const item = {
|
|
|
id:it.id,
|
|
|
name:it.name
|
|
@@ -130,7 +132,10 @@ class ChronicInfo extends React.Component{
|
|
|
this.setState({
|
|
|
tableName:it.name,
|
|
|
tableId:it.id,
|
|
|
- parentId:parentId
|
|
|
+ parentId:parentId,
|
|
|
+ parentIndex:parentIndex,
|
|
|
+ formulaId:null, //关闭计算公式和可能结果弹窗
|
|
|
+ optionId:null
|
|
|
})
|
|
|
}
|
|
|
closeTable(){
|
|
@@ -150,7 +155,8 @@ class ChronicInfo extends React.Component{
|
|
|
|
|
|
showFormula(id){//计算公式
|
|
|
this.setState({
|
|
|
- formulaId:id
|
|
|
+ formulaId:id,
|
|
|
+ optionId:null //关闭可能结果
|
|
|
})
|
|
|
}
|
|
|
closeFormula(){
|
|
@@ -170,10 +176,29 @@ class ChronicInfo extends React.Component{
|
|
|
setTimeout(()=>{
|
|
|
that.showAssessFn();
|
|
|
});
|
|
|
-
|
|
|
}
|
|
|
- handleForRadio(item,parent,pIndex){//计算公式
|
|
|
-
|
|
|
+ handleInputformula(v,i, j,idd, e) {
|
|
|
+ const { data, setChronicPush } = this.props
|
|
|
+ const text = e.target.value
|
|
|
+ if (data[i].details) {
|
|
|
+ data[i].details[j].content.details[idd].value = text
|
|
|
+ }
|
|
|
+
|
|
|
+ const data1 = JSON.parse(JSON.stringify(data))
|
|
|
+
|
|
|
+ setChronicPush(data1)
|
|
|
+ }
|
|
|
+ handleForRadio(ii,v,i, j,idd, ind){//计算公式
|
|
|
+ const { data, setChronicPush } = this.props
|
|
|
+ if (data[i].details) {
|
|
|
+ for(let z = 0; z < data[i].details[j].content.details[idd].details.length; z++) {
|
|
|
+ data[i].details[j].content.details[idd].details[z].state = 0
|
|
|
+ }
|
|
|
+ data[i].details[j].content.details[idd].details[ind].state = 1
|
|
|
+ }
|
|
|
+
|
|
|
+ const data1 = JSON.parse(JSON.stringify(data))
|
|
|
+ setChronicPush(data1)
|
|
|
}
|
|
|
confirmFormula(){//计算公式确定
|
|
|
|
|
@@ -193,16 +218,49 @@ class ChronicInfo extends React.Component{
|
|
|
})
|
|
|
|
|
|
}
|
|
|
+ calcuFormula(it, j, v) { //计算公式计算
|
|
|
+ const { calcuFormula } = this.props
|
|
|
+ let allHasInfo = true
|
|
|
+ for (let i = 0; i < it.content.details.length; i++) {
|
|
|
+ if(it.content.details[i].controlType == 2) { //输入框类型的有没有填值
|
|
|
+ if(!it.content.details[i].value) {
|
|
|
+ allHasInfo = false
|
|
|
+ }
|
|
|
+ } else if(it.content.details[i].controlType == 1) {
|
|
|
+ let hasSelect = false
|
|
|
+ for( let z = 0; z <it.content.details[i].details.length; z++) {
|
|
|
+ if(it.content.details[i].details[z].state = 1) {
|
|
|
+ hasSelect= true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(!hasSelect) {
|
|
|
+ allHasInfo = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ if(allHasInfo) { //所有都有值,则计算
|
|
|
+ delete it.content['result']
|
|
|
+ let param = {
|
|
|
+ type: 2,
|
|
|
+ data: it,
|
|
|
+ disId: v.id
|
|
|
+ }
|
|
|
+ calcuFormula(param)
|
|
|
+ } else { //不是所有值都填过了
|
|
|
+ Notify.info('请填写计算公式内容')
|
|
|
+ }
|
|
|
+ }
|
|
|
getDetail(){
|
|
|
const {data,indexs,scaleInfo,formulaResult} = this.props;
|
|
|
const {showInfo,showOption,infoId,formulaId,optionId,possible,radioVal} = this.state;
|
|
|
let list = data&&data.map((v,i)=>{
|
|
|
return <div className={style["list"]}>
|
|
|
- <p ref={this.$content}>
|
|
|
- <span>{'患者可能有'+v.name}</span>
|
|
|
- <img src={infoPic} className={style["infoPic"]} onClick={this.showInfo.bind(this,v.id)}/>
|
|
|
- :
|
|
|
- </p>
|
|
|
+ {v.name?<p>
|
|
|
+ <span>{'患者可能有'+v.name}</span>
|
|
|
+ <img src={infoPic} className={style["infoPic"]} onClick={this.showInfo.bind(this,v.id)}/>
|
|
|
+ :
|
|
|
+ </p>:''}
|
|
|
{/*<MiniToast title='静态知识'
|
|
|
icon={allTableIcon}
|
|
|
show={infoId&&infoId==v.id?true:false}
|
|
@@ -212,10 +270,10 @@ class ChronicInfo extends React.Component{
|
|
|
{v.details&&v.details.map((it,j)=>{
|
|
|
if(it.type==1){
|
|
|
return <p>
|
|
|
- <span className={style["listName"]} onClick={this.showTable.bind(this,it.content,v.id)}>
|
|
|
+ <span className={style["listName"]} onClick={this.showTable.bind(this,it.content,v.id,i)}>
|
|
|
{'【'+it.content.name+'】'}
|
|
|
- {formulaResult&&formulaResult[it.content.id]?<i>{'结果:'+ formulaResult[it.content.id].text}</i>:''}
|
|
|
-
|
|
|
+ {formulaResult&&formulaResult[it.content.id]&&formulaResult[it.content.id].pIndex==i?<i>{'结果:'}{formulaResult[it.content.id].calcalculate&&formulaResult[it.content.id].calcalculate.result.text}</i>:''}
|
|
|
+
|
|
|
</span>
|
|
|
{indexs[i]&&indexs[i].includes(j)?<span className={style["addResult"]}>
|
|
|
<img src={added} />
|
|
@@ -249,7 +307,7 @@ class ChronicInfo extends React.Component{
|
|
|
footer="true">
|
|
|
<table>
|
|
|
{it.content.details.map((item,idd)=>{
|
|
|
- if(item.controlType==0){//单选
|
|
|
+ if(item.controlType==1){//单选
|
|
|
return <tr>
|
|
|
<td>
|
|
|
<span>{'请选择'+item.name+':'}</span>
|
|
@@ -258,8 +316,8 @@ class ChronicInfo extends React.Component{
|
|
|
{item.details.map((ii,ind)=>{
|
|
|
return <div className={style["chooseItem"]}>
|
|
|
<Radio label={ii.detailName}
|
|
|
- isSelect={radioVal[i]==ii.detailName}
|
|
|
- handleClick={this.handleForRadio.bind(this,ii,v,i)}>
|
|
|
+ isSelect={ii.state == 1}
|
|
|
+ handleClick={this.handleForRadio.bind(this,ii,v,i, j,idd, ind)}>
|
|
|
</Radio>
|
|
|
</div>
|
|
|
})}
|
|
@@ -273,7 +331,7 @@ class ChronicInfo extends React.Component{
|
|
|
<span>{'请输入'+item.name+':'}</span>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <input type="text" placeholder="请输入" value={item.value}/>
|
|
|
+ <input type="text" placeholder="请输入" value={item.value} onInput={this.handleInputformula.bind(this,v,i, j,idd)}/>
|
|
|
</td>
|
|
|
<td>
|
|
|
<span>{item.uint}</span>
|
|
@@ -289,7 +347,8 @@ class ChronicInfo extends React.Component{
|
|
|
{item.details.map((ii,ind)=>{
|
|
|
return <div className={style["chooseItem"]}>
|
|
|
<Radio label={ii.detailName}
|
|
|
- isSelect={radioVal[i]==ii.detailName}
|
|
|
+ // isSelect={radioVal[i]==ii.detailName}
|
|
|
+ isSelect={ii.state == 1}
|
|
|
handleClick={this.handleForRadio.bind(this,ii,v,i)}>
|
|
|
</Radio>
|
|
|
</div>
|
|
@@ -300,7 +359,20 @@ class ChronicInfo extends React.Component{
|
|
|
}
|
|
|
})}
|
|
|
</table>
|
|
|
- <div className={style["forMulBtn"]}>计算</div>
|
|
|
+ <div className={style["forMulBtn"]} onClick={this.calcuFormula.bind(this,it,j, v)}>计算</div>
|
|
|
+ <table>
|
|
|
+ {/* {it.content.result &&it.content.result.map((itemResult, resultIndex) => {
|
|
|
+ return <tr>
|
|
|
+ <td>
|
|
|
+ <span>{itemResult.name+':'}</span>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <span>{itemResult.value}</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ })} */}
|
|
|
+ </table>
|
|
|
+
|
|
|
</MiniToast>
|
|
|
</div>
|
|
|
}else if(it.type==3){
|
|
@@ -354,7 +426,7 @@ class ChronicInfo extends React.Component{
|
|
|
<span className={style['okBtn']} onClick={()=>this.closeTable()}>确定</span>
|
|
|
</div>;
|
|
|
const {chronicMagItem,showList,tableList,scaleInfo,data,saveAssessInfos,chronicDesease,formulaResult,showHide} = this.props;
|
|
|
- const {showInfo,showOption,showAssess,isAssessConfirm,tableName,tableId,parentId,possible,radioVal} = this.state;
|
|
|
+ const {showInfo,showOption,showAssess,isAssessConfirm,tableName,tableId,parentId,possible,radioVal,parentIndex} = this.state;
|
|
|
return <div className={style["tips"]} style={{marginBottom:'15px'}}>
|
|
|
<div className={`${style["tips-title"]} ${style["chronic"]}`}>
|
|
|
<div className={style["tips-name"]}>
|
|
@@ -383,7 +455,8 @@ class ChronicInfo extends React.Component{
|
|
|
return <li onClick={this.handleListClick.bind(this,v)}>
|
|
|
<span>
|
|
|
{'【'+v.name+'】'}
|
|
|
- {formulaResult&&formulaResult[v.id]?<i>{'结果:'+formulaResult[v.id].text}</i>:''}
|
|
|
+ {/*{formulaResult&&formulaResult[v.id]?<i>{'结果:'+formulaResult[v.id].text}</i>:''}*/}
|
|
|
+ {formulaResult&&formulaResult[v.id]?<i>{'结果:'}{formulaResult[v.id].calcalculate&&formulaResult[v.id].calcalculate.result.text}</i>:''}
|
|
|
</span>
|
|
|
</li>
|
|
|
})}
|
|
@@ -396,7 +469,7 @@ class ChronicInfo extends React.Component{
|
|
|
top={20}
|
|
|
bottom={20}
|
|
|
width={820}>
|
|
|
- <ScaleTable title={tableName} tableId={tableId} parentId={parentId}></ScaleTable>
|
|
|
+ <ScaleTable title={tableName} tableId={tableId} parentId={parentId} parentIndex={parentIndex}></ScaleTable>
|
|
|
</ComplexModal>:''}
|
|
|
{showAssess?<ComplexModal onclose={this.showAssessFn} footer={footer}
|
|
|
title='管理和评估'
|