有结果才能加入病例

src/common/less/variables.less

@@ -213,3 +213,23 @@
     margin:-3px 3px 0 0;
   }
 }
+.disable-add{
+  float: right;
+  text-align: left;
+  padding-left: 5px;
+  cursor: default;
+  display: inline-block;
+  width: 99px;
+  height: 26px;
+  line-height: 26px;
+  border: 1px solid #EAEDF1;
+  border-radius: 4px;
+  font-size: 12px;
+  color: @placeholder-color;
+  img{
+    vertical-align: middle;
+    width: 12px;
+    margin:-3px 3px 0 0;
+    opacity: .5;
+  }
+}

src/components/ChronicInfo/index.jsx

@@ -65,6 +65,7 @@ class ChronicInfo extends React.Component{
     this.handleForRadio = this.handleForRadio.bind(this);
     this.showRecommendFn = this.showRecommendFn.bind(this);
     this.handleSaveCalcu = this.handleSaveCalcu.bind(this);     //保存评估修改的计算和可能结果
+    this.getAddBtnState = this.getAddBtnState.bind(this);
   }
 
   onPrint() {
@@ -289,6 +290,26 @@ class ChronicInfo extends React.Component{
       Notify.info('请填写计算公式内容')
     }
   }
+  getAddBtnState(flag,v,i,j){
+    const {indexs} = this.props;
+    let btn = '';
+    if(flag){
+      btn = indexs[i]&&indexs[i].includes(j)?<span className={style["add-record"]}>
+                   <img src={added} />
+                   已加入
+                 </span>:<span className={style["listResult"]} onClick={()=>this.handleAddAssessItem(v,i,j)}>
+                   <img src={add} />
+                   加入病历记录
+                 </span>;
+    }else{
+      btn = <span className={style["disable-add"]}>
+                   <img src={add} />
+                   加入病历记录
+                 </span>;
+    }
+
+    return btn;
+  }
   getDetail(){
     const {data,indexs,formulaResult,calcuResult,calcuValues} = this.props;
     const {formulaId,optionId,possible,radioVal,isFormulaConfirm} = this.state;
@@ -306,13 +327,8 @@ class ChronicInfo extends React.Component{
                                   <i onClick={this.showTable.bind(this,it.content,v.id,i)}>{'【'+it.content.name+'】'}</i>
                                   {formulaResult&&formulaResult[it.content.id]?<i>{'结果：'}{formulaResult[it.content.id].calcalculate&&formulaResult[it.content.id].calcalculate.result.value +' '+ formulaResult[it.content.id].calcalculate.result.text}</i>:''}
                                 </span>
-                                {indexs[i]&&indexs[i].includes(j)?<span className={style["addResult"]}>
-                                  <img src={added} />
-                                  已加入
-                                </span>:<span className={style["listResult"]} onClick={()=>this.handleAddAssessItem(v,i,j)}>
-                                  <img src={add} />
-                                  加入病历记录
-                                </span>
+                                {
+                                  this.getAddBtnState(formulaResult&&formulaResult[it.content.id],v,i,j)
                                 }
                               </p>
                         }else if(it.type==2){
@@ -325,13 +341,8 @@ class ChronicInfo extends React.Component{
                               <i className={style["blue"]} onClick={this.showFormula.bind(this,v.id)}>{result?result:'请选择'}</i>
                               <img src={level1} />
                             </span>
-                            {indexs[i]&&indexs[i].includes(j)?<span className={style["addResult"]}>
-                                  <img src={added} />
-                                  已加入
-                                </span>:<span className={style["listResult"]} onClick={()=>this.handleAddAssessItem(v,i,j)}>
-                                  <img src={add} />
-                                  加入病历记录
-                                </span>
+                            {
+                              this.getAddBtnState(result,v,i,j)
                             }
                             {formulaId&&formulaId==v.id&&<MiniToast title={it.content.name}
                                 icon={allTableIcon}
@@ -396,13 +407,8 @@ class ChronicInfo extends React.Component{
                               <i onClick={this.showOption.bind(this,v.id)} className={style["blue"]}>{possible[v.id]?possible[v.id]:'请选择'}</i>
                               <img src={level1} />
                             </span>
-                            {indexs[i]&&indexs[i].includes(j)?<span className={style["addResult"]}>
-                                  <img src={added} />
-                                  已加入
-                                </span>:<span className={style["listResult"]} onClick={()=>this.handleAddAssessItem(v,i,j)}>
-                                  <img src={add} />
-                                  加入病历记录
-                                </span>
+                            {
+                              this.getAddBtnState(possible[v.id],v,i,j)
                             }
                             <MiniToast title='结果选择'
                                 icon={checkIcon}
@@ -484,13 +490,8 @@ class ChronicInfo extends React.Component{
                               <i onClick={this.handleListClick.bind(this,v)}>{'【'+v.name+'】'}</i>
                               {formulaResult&&formulaResult[v.id]?<i className={style['res']}>{'结果：'}{formulaResult[v.id].calcalculate&&formulaResult[v.id].calcalculate.result.value+' '+ (formulaResult[v.id].calcalculate.result.text?formulaResult[v.id].calcalculate.result.text:'')}</i>:''}
                             </span>
-                            {wholeScaleItems&&wholeScaleItems[i]?<span className={style["add-record"]}>
-                                  <img src={added} />
-                                  已加入
-                                </span>:<span className={style["listResult"]} onClick={()=>addScaleItems(v,i)}>
-                              <img src={add} />
-                              加入病历记录
-                            </span>
+                            {
+                              this.getAddBtnState(formulaResult&&formulaResult[v.id],v)
                             }
                           </li>
                         })}

src/components/ChronicInfo/index.less

@@ -73,15 +73,9 @@
           display: inline-block;
           width: 73%;
         }
-         .listResult,.addResult{
+         .listResult{
           .add-record;
-        } 
-       /* .addResult{
-          color: #3B9ED0;
-          text-align: left;
-          padding-left: 5px;
-          cursor: default;
-        }*/
+        }
         .infoBox{
           position: absolute;
           top:27px;
@@ -213,6 +207,7 @@
       }
       .listResult{
         .add-record;
+        cursor: pointer;
       }
     }
     .footer{