Vue_New/src/xt_pages/user/evaluationtool/nourishmentAssessment.vue

<template>
    <div class="patient-container">
        <patient-sidebar :id="patientID" defaultActive="5-8" @tran-patient="tranpatient"></patient-sidebar>
        <div>
            <div class="patient-app-container advice-container app-container">
                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
                    <div style="font-size: 20px;text-align: center;">NRS-2002</div>
                    <div>
                        <el-button @click="nourishistory">历史评分</el-button>
                    </div>
                </div>

                <div>
                  <table class="table" border="1" style="width: 100%;margin-bottom: 20px;">
                      <thead>
                          <tr>
                              <th colspan="2" style="text-align: left;padding-left: 5px;">疾病相关评分</th>
                          </tr>
                      </thead>
                      <tbody>
                      <tr class="bg_color">
                          <td class="start yingyang">
                            <el-radio v-model="radio" label="0" @change="handleCheckedCitiesChange">0分</el-radio>
                          </td>
                          <td class="saoyang wenzi_color">营养需要量无增加</td>
                      </tr>
                      <tr>
                        <td class="start">
                          <el-radio v-model="radio" label="1" @change="handleCheckedCitiesChange">1分</el-radio>
                        </td>
                        <td class="saoyang wenzi_color">
                            营养需要量轻度增加：
                            <div >
                                <span v-for="item in jibing_qdu" class="rightjiange">
                                    <label><input type="checkbox" :value='item.label' v-model='item.is_check' @click='jibing_q(item)' />&nbsp;{{ item.label }}</label>
                                </span>
                                <label><input type="checkbox" v-model='is_check1' @click='jibing_q2'/>&nbsp;
                                    <el-input v-model="qd_input" placeholder="" style="width: 120px;"></el-input>
                                </label>
                            </div>
                        </td>
                      </tr>
                      <tr class="bg_color">
                          <td class="start">
                            <el-radio v-model="radio" label="2" @change="handleCheckedCitiesChange">2分</el-radio>
                          </td>
                          <td class="saoyang wenzi_color">
                              营养需要量中度增加：
                              <div >
                                  <span v-for="item in jibing_zhdu" class="rightjiange" >
                                      <label><input type="checkbox" :value='item.label' v-model='item.is_check' @click="jibing_z(item)"/>&nbsp;{{ item.label }}</label>
                                  </span>
                                  <label><input type="checkbox" v-model="is_check2" @click="jibing_z2"/>&nbsp;
                                      <el-input v-model="zd_input" placeholder="" style="width: 120px;"></el-input>
                                  </label>
                              </div>
                          </td>
                      </tr>
                      <tr>
                          <td class="start">
                            <el-radio v-model="radio" label="3" @change="handleCheckedCitiesChange">3分</el-radio>
                          </td>
                          <td class="saoyang wenzi_color">
                              营养需要量重度增加：
                              <div >
                                  <span v-for="item in jibing_zhongsdu" class="rightjiange" >
                                      <label><input type="checkbox" :value='item.label' v-model='item.is_check' @click="jibing_zz(item)"/>&nbsp;{{ item.label }}</label>
                                  </span>
                                  <label><input type="checkbox" v-model="is_check3" @click="jibing_zz2"/>&nbsp;
                                      <el-input v-model="zzd_input" placeholder="" style="width: 120px;"></el-input>
                                  </label>
                              </div>
                          </td>
                      </tr>
                      </tbody>
                  </table>

                  <table class="table" border="1" style="width: 100%;margin-bottom: 20px;">
                    <thead>
                        <tr>
                            <th colspan="2" style="text-align: left;padding-left: 5px;">营养受损评分</th>
                        </tr>
                    </thead>
                    <tbody>
                      <tr class="bg_color">
                          <td class="start yingyang">
                            <el-radio v-model="radio1" label="0" @change="handleCheckedCitiesChange">0分</el-radio>
                          </td>

                          <td class="saoyang wenzi_color" >无营养受损</td>
                      </tr>
                      <tr>
                          <td class="start">
                            <el-radio v-model="radio1" label="1" @change="handleCheckedCitiesChange">1分</el-radio>
                          </td>

                          <td class="saoyang">
                              <div >
                                  <span class="rightjiange" v-for="(item,index) in yingyang_qd" :key="index">
                                      <label><input type="checkbox" :value="item.label" v-model="item.is_check" @click="yingyang_q(item)"/>&nbsp;
                                          {{item.label}}
                                      </label>
                                  </span>
                              </div>
                          </td>
                      </tr>
                      <tr class="bg_color">
                        <td class="start">
                          <el-radio v-model="radio1" label="2" @change="handleCheckedCitiesChange">2分</el-radio>
                        </td>

                        <td class="saoyang">
                            <div >
                                <span class="rightjiange" v-for="(item,index) in yingyang_zd" :key="index">
                                  <label><input type="checkbox" :value="item.label" v-model="item.is_check" @click="yingyang_z(item)"/>&nbsp;
                                      {{item.label}}
                                  </label>
                                </span>
                            </div>
                        </td>
                      </tr>
                      <tr>
                        <td class="start">
                          <el-radio v-model="radio1" label="3" @change="handleCheckedCitiesChange">3分</el-radio>
                        </td>
                        <td class="saoyang">
                          <div >
                              <span class="rightjiange" v-for="(item,index) in yingyang_zzd" :key="index">
                                <label><input type="checkbox" :value="item.label" v-model="item.is_check" @click="yingyang_zz(item)"/>&nbsp;
                                    {{item.label}}
                                </label>      
                              </span>
                          </div>
                        </td>
                      </tr>
                    </tbody>
                  </table>

                  <table class="table" border="1" style="width: 100%;">
                      <thead>
                          <tr>
                              <th colspan="2" style="text-align: left;padding-left: 5px;">年龄评分</th>
                          </tr>
                      </thead>
                      <tbody>
                        <tr class="bg_color ">
                            <td class="start yingyang">
                              <el-radio v-model="radio2" label="0" @change="handleCheckedCitiesChange">0分</el-radio>
                            </td>
                            <td class="saoyang" style="font-size: 15px;">≤70岁</td>
                        </tr>
                        <tr>
                            <td class="start yingyang">
                              <el-radio v-model="radio2" label="1" @change="handleCheckedCitiesChange">1分</el-radio>
                            </td>
                            <td class="saoyang" style="font-size: 15px;">＞70岁</td>
                        </tr>
                      </tbody>
                  </table>
                </div>
                <div class="content_top" style="margin: 20px 0px;">
                    <div>
                        <div class="bottoms">
                            <span>营养风险总评分:</span>
                            <el-input v-model="nour_Totalpoints" style="width: 50px;"></el-input>分 (疾病相关评分+营养受损评分+年龄评分)
                        </div>

                        <div class="bottoms">
                            <span>评估日期:</span>
                            <el-date-picker
                                v-model="yy_date"
                                type="date"
                                value-format="yyyy-MM-dd"
                                placeholder="选择日期"
                                :clearable="false"
                                style="width: 150px;">
                            </el-date-picker>
                        </div>

                        <div class="bottoms">
                            <span>评估人:</span>
                            <el-select v-model="yy_appraiser" placeholder="请选择" style="width:120px;">
                                <el-option
                                v-for="item in yy_options"
                                :key="item.admin_user_id"
                                :label="item.user_name"
                                :value="item.admin_user_id"
                                >
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div>
                        <el-button type="primary" @click="yy_onsbmit">确定</el-button>
                    </div>
                </div>
                <p>说明：总分 ≥3分   通知医生</p>
            </div>
        </div>
    </div>
</template>
<script>
import PatientSidebar from '../components/PatientSidebar.vue'
import { uParseTime } from '@/utils/tools'
import {savePatientHpressuresore} from '@/api/fallassement'
export default {
  components:{
    PatientSidebar
  },
  data(){
    return{
      patientID:0,
      checkList:[],
      options:[],
      value:'',
      value1:'',
      input:'',
      radio:'',
      radio1:'',
      radio2:'',
      radio_val:null,
      radio1_val:null,
      radio2_val:null,
      qd_input:'',
      zd_input:'',
      zzd_input:'',
      is_check1:false,
      check1:0,
      is_check2:false,
      check2:0,
      is_check3:false,
      check3:0,
      yy_date:this.getTime(new Date()),
      Patient_info:{name:'',dialysis_no:''},
      yy_appraiser:'',
      yy_options:[{admin_user_id:1,user_name:'寒千落'},{admin_user_id:2,user_name:'千仞雪'},{admin_user_id:3,user_name:'千亦雪'}],
      jibq_show:[],
      jibz_show:[],
      jibzz_show:[],
      yyq_show:[],
      yyz_show:[],
      yyzz_show:[],
      jibing_qdu:[{id:1,is_check:false,check:0,label:'骸骨折'},{id:2,is_check:false,check:0,label:'慢性疾病急性发作或有'},{id:3,is_check:false,check:0,label:'COPD'},
                  {id:4,is_check:false,check:0,label:'血液透析'},{id:5,is_check:false,check:0,label:'肝硬化'},
                  {id:6,is_check:false,check:0,label:'一般恶性肿瘤患者'},{id:7,is_check:false,check:0,label:'糖尿病'}],
      jibing_zhdu:[{id:1,is_check:false,check:0,label:'腹部大手术'},{id:2,is_check:false,check:0,label:'脑卒中'},
                    {id:3,is_check:false,check:0,label:'重度肺炎'},{id:4,is_check:false,check:0,label:'血液恶性肿瘤'}],
      jibing_zhongsdu:[{id:1,is_check:false,check:0,label:'颅脑损伤'},{id:2,is_check:false,check:0,label:'骨髓移植'},
                        {id:3,is_check:false,check:0,label:'大于APACHE分的ICU患者'}],
      yingyang_qd:[{id:1,is_check:false,check:0,label:'3个月内体重下降>5%'},{id:2,is_check:false,check:0,label:'一周内进食量较从前减少25%-50%'}], 
      yingyang_zd:[{id:1,is_check:false,check:0,label:'2个月内体重下降>5%'},{id:2,is_check:false,check:0,label:'一周内进食量较从前减少50%-75%'}], 
      yingyang_zzd:[{id:1,is_check:false,check:0,label:'1个月内体重下降>5%'},{id:2,is_check:false,check:0,label:'一周内进食量较从前减少75%-100%'},
                    {id:3,is_check:false,check:0,label:'体重指数（BMI）<18.5'},{id:4,is_check:false,check:0,label:'血蛋白<30g/L（得不到准确的BNI值时用白蛋白替代）'}],                  
    }
  },
  created(){
    const id = this.$route.params && this.$route.params.id
    this.patientID = parseInt(id)
  },
  methods:{
    // 选中分值
    handleCheckedCitiesChange(e){
      const ball=e * 1
      var qingdu = this.jibing_qdu
      var zhdu= this.jibing_zhdu
      var zhongdu = this.jibing_zhongsdu
      var yy_qd = this.yingyang_qd
      var yy_zd = this.yingyang_zd
      var yy_zzd = this.yingyang_zzd
      console.log('1111',e,this.radio);
      if(ball == this.radio){
        this.radio_val = ball
        if(this.radio == '0'){
          for(let i in qingdu){
            if(qingdu[i].check==1 || qingdu[i].is_check == true){
              qingdu[i].check=0
              qingdu[i].is_check = false
            }
          }
          if(this.is_check1 == true || this.check1 ==1){
            this.is_check1 = false 
             this.check1 =0
          }
          for(let i in zhdu){
            if(zhdu[i].check==1 || zhdu[i].is_check == true){
              zhdu[i].check=0
              zhdu[i].is_check = false
            }
          }
          if(this.is_check2 == true || this.check2 ==1){
            this.is_check2 = false 
             this.check2 =0
          }
          for(let i in zhongdu){
            if(zhongdu[i].check==1 || zhongdu[i].is_check == true){
              zhongdu[i].check=0
              zhongdu[i].is_check = false
            }
          }
          if(this.is_check3 == true || this.check3 ==1){
            this.is_check3 = false 
             this.check3 =0
          }
          this.jibq_show.length = 0
          this.jibz_show.length = 0
          this.jibzz_show.length = 0
        }
        if(this.radio == '1'){
          for(let i in zhdu){
            if(zhdu[i].check==1 || zhdu[i].is_check == true){
              zhdu[i].check=0
              zhdu[i].is_check = false
            }
          }
          for(let i in zhongdu){
            if(zhongdu[i].check==1 || zhongdu[i].is_check == true){
              zhongdu[i].check=0
              zhongdu[i].is_check = false
            }
          }
          if(this.is_check2 == true || this.check2 ==1){
            this.is_check2 = false 
             this.check2 =0
          }
          if(this.is_check3 == true || this.check3 ==1){
            this.is_check3 = false 
             this.check3 =0
          }
          this.jibz_show.length = 0
          this.jibzz_show.length = 0
        }
        if(this.radio == '2'){
          for(let i in qingdu){
            if(qingdu[i].check==1 || qingdu[i].is_check == true){
              qingdu[i].check=0
              qingdu[i].is_check = false
            }
          }
          for(let i in zhongdu){
            if(zhongdu[i].check==1 || zhongdu[i].is_check == true){
              zhongdu[i].check=0
              zhongdu[i].is_check = false
            }
          }
          if(this.is_check1 == true || this.check1 ==1){
            this.is_check1 = false 
             this.check1 =0
          }
          if(this.is_check3 == true || this.check3 ==1){
            this.is_check3 = false 
             this.check3 =0
          }
          this.jibq_show.length = 0
          this.jibzz_show.length = 0
        }
        if(this.radio == '3'){
          for(let i in qingdu){
            if(qingdu[i].check==1 || qingdu[i].is_check == true){
              qingdu[i].check=0
              qingdu[i].is_check = false
            }
          }
          for(let i in zhdu){
            if(zhdu[i].check==1 || zhdu[i].is_check == true){
              zhdu[i].check=0
              zhdu[i].is_check = false
            }
          }
          if(this.is_check1 == true || this.check1 ==1){
            this.is_check1 = false 
             this.check1 =0
          }
          if(this.is_check2 == true || this.check2 ==1){
            this.is_check2 = false 
             this.check2 =0
          }
          this.jibq_show.length = 0
          this.jibz_show.length = 0
        }
      }
      if(e == this.radio1){
        this.radio1_val = ball
        if(this.radio1 == '0'){
          for(let i in yy_qd){
            if(yy_qd[i].check==1 || yy_qd[i].is_check == true){
              yy_qd[i].check=0
              yy_qd[i].is_check = false
            }
          }
          for(let i in yy_zd){
            if(yy_zd[i].check==1 || yy_zd[i].is_check == true){
              yy_zd[i].check=0
              yy_zd[i].is_check = false
            }
          }
          for(let i in yy_zzd){
            if(yy_zzd[i].check==1 || yy_zzd[i].is_check == true){
              yy_zzd[i].check=0
              yy_zzd[i].is_check = false
            }
          }
          this.yyq_show.length = 0
          this.yyz_show.length = 0
          this.yyzz_show.length = 0
        }
        if(this.radio1 == '1'){
          for(let i in yy_zd){
            if(yy_zd[i].check==1 || yy_zd[i].is_check == true){
              yy_zd[i].check=0
              yy_zd[i].is_check = false
            }
          }
          for(let i in yy_zzd){
            if(yy_zzd[i].check==1 || yy_zzd[i].is_check == true){
              yy_zzd[i].check=0
              yy_zzd[i].is_check = false
            }
          }
          this.yyz_show.length = 0
          this.yyzz_show.length = 0
        }
        if(this.radio1 == '2'){
          for(let i in yy_qd){
            if(yy_qd[i].check==1 || yy_qd[i].is_check == true){
              yy_qd[i].check=0
              yy_qd[i].is_check = false
            }
          }
          for(let i in yy_zzd){
            if(yy_zzd[i].check==1 || yy_zzd[i].is_check == true){
              yy_zzd[i].check=0
              yy_zzd[i].is_check = false
            }
          }
          this.yyq_show.length = 0
          this.yyzz_show.length = 0
        }
        if(this.radio1 == '3'){
          for(let i in yy_qd){
            if(yy_qd[i].check==1 || yy_qd[i].is_check == true){
              yy_qd[i].check=0
              yy_qd[i].is_check = false
            }
          }
          for(let i in yy_zd){
            if(yy_zd[i].check==1 || yy_zd[i].is_check == true){
              yy_zd[i].check=0
              yy_zd[i].is_check = false
            }
          }
          this.yyq_show.length = 0
          this.yyz_show.length = 0
        }
      }
      if(e == this.radio2){
        this.radio2_val = ball
      }
    },
    // 疾病轻度
    jibing_q(item){
      const qingdu = this.jibing_qdu
      for(let i in qingdu){  
        if(item.label==qingdu[i].label){
          if(item.check==0){
            qingdu[i].is_check = true
            qingdu[i].check = 1
            this.jibq_show.push(item.id)
          }else{
            qingdu[i].is_check = false
            qingdu[i].check = 0
            if(this.jibq_show.length>0){
              for(let j in this.jibq_show){
                if(item.id == this.jibq_show[j]){
                  let index = this.jibq_show.indexOf(this.jibq_show[j]);
                  this.jibq_show.splice(index,1)
                }
              }
            }
          }
        }
      }
    },
    jibing_q2(){
      if(this.check1 ==0){
        this.is_check1 = true
        this.check1 = 1
      }else{
        this.is_check1 = false
        this.check1 = 0
      }
    },
    // 疾病中度
    jibing_z(item){
      const zdu = this.jibing_zhdu
      for(let i in zdu){  
        if(item.label==zdu[i].label){
          console.log('aaaaa',item);
          if(item.check==0){
            zdu[i].is_check = true
            zdu[i].check = 1
            this.jibz_show.push(item.id)
          }else{
            zdu[i].is_check = false
            zdu[i].check = 0
            if(this.jibz_show.length>0){
              for(let j in this.jibz_show){
                if(item.id == this.jibz_show[j]){
                  let index = this.jibz_show.indexOf(this.jibz_show[j]);
                  this.jibz_show.splice(index,1)
                }
              }
            }
          }
        }
      }
    },
    jibing_z2(){
      if(this.check2 ==0){
        this.is_check2 = true
        this.check2 = 1
      }else{
        this.is_check2 = false
        this.check2 = 0
      }
    },
    // 疾病重度
    jibing_zz(item){
      const zhongdu = this.jibing_zhongsdu
      for(let i in zhongdu){  
        if(item.label==zhongdu[i].label){
          console.log('aaaaa',zhongdu);
          if(item.check==0){
            zhongdu[i].is_check = true
            zhongdu[i].check = 1
            this.jibzz_show.push(item.id)
          }else{
            zhongdu[i].is_check = false
            zhongdu[i].check = 0
            if(this.jibzz_show.length>0){
              for(let j in this.jibzz_show){
                if(item.id == this.jibzz_show[j]){
                  let index = this.jibzz_show.indexOf(this.jibzz_show[j]);
                  this.jibzz_show.splice(index,1)
                }
              }
            }
          }
        }
      }
    },
    jibing_zz2(){
      if(this.check3 ==0){
        this.is_check3 = true
        this.check3 = 1
      }else{
        this.is_check3 = false
        this.check3 = 0
      }
    },
    // 营养轻度
    yingyang_q(item){
      const yy_qing = this.yingyang_qd
      for(let i in yy_qing){  
        if(item.label==yy_qing[i].label){
          console.log('aaaaa',yy_qing);
          if(item.check==0){
            yy_qing[i].is_check = true
            yy_qing[i].check = 1
            this.yyq_show.push(item.id)
          }else{
            yy_qing[i].is_check = false
            yy_qing[i].check = 0
            if(this.yyq_show.length>0){
              for(let j in this.yyq_show){
                if(item.id == this.yyq_show[j]){
                  let index = this.yyq_show.indexOf(this.yyq_show[j]);
                  this.yyq_show.splice(index,1)
                }
              }
            }
          }
        }
      }
    },
    // 中度
    yingyang_z(item){
      const yy_zhdu = this.yingyang_zd
      for(let i in yy_zhdu){  
        if(item.label==yy_zhdu[i].label){
          console.log('aaaaa',yy_zhdu);
          if(item.check==0){
            yy_zhdu[i].is_check = true
            yy_zhdu[i].check = 1
            this.yyz_show.push(item.id)
          }else{
            yy_zhdu[i].is_check = false
            yy_zhdu[i].check = 0
            if(this.yyz_show.length>0){
              for(let j in this.yyz_show){
                if(item.id == this.yyz_show[j]){
                  let index = this.yyz_show.indexOf(this.yyz_show[j]);
                  this.yyz_show.splice(index,1)
                }
              }
            }
          }
        }
      }
    },
    // 重度
    yingyang_zz(item){
      const yy_zzd = this.yingyang_zzd
      for(let i in yy_zzd){  
        if(item.label==yy_zzd[i].label){
          console.log('aaaaa',yy_zzd);
          if(item.check==0){
            yy_zzd[i].is_check = true
            yy_zzd[i].check = 1
            this.yyzz_show.push(item.id)
          }else{
            yy_zzd[i].is_check = false
            yy_zzd[i].check = 0
            if(this.yyzz_show.length>0){
              for(let j in this.yyzz_show){
                if(item.id == this.yyzz_show[j]){
                  let index = this.yyzz_show.indexOf(this.yyzz_show[j]);
                  this.yyzz_show.splice(index,1)
                }
              }
            }
          }
        }
      }
    },
    // 转换时间
    getTime(val) {
        if(val < 0){
          return ""
        }
        if(val == ""){
        return ""
        }else {
        return uParseTime(val, '{y}-{m}-{d}')
        }
    },
    // 确认
    yy_onsbmit(){
      const data = {}
      const list = []
      data['radio'] = this.radio
      data['radio1'] = this.radio1
      data['radio2'] = this.radio2
      data['jibing_qdu'] = this.jibq_show
      data['jibing_zhdu'] = this.jibz_show
      data['jibing_zhongsdu'] = this.jibzz_show
      data['jb_qing'] = this.jibing_qdu
      data['jb_zhong'] = this.jibing_zhdu
      data['jb_zhingd'] = this.jibing_zhongsdu
      data['is_check1'] = this.is_check1
      data['is_check2'] = this.is_check2
      data['is_check3'] = this.is_check3
      data['yingyang_qd'] = this.yyq_show
      data['yingyang_zd'] = this.yyz_show
      data['yingyang_zzd'] = this.yyzz_show

      data['yiya_qd'] = this.yingyang_qd
      data['yiya_zd'] = this.yingyang_zd
      data['yiya_zzd'] = this.yingyang_zzd
      data['yy_date'] = this.yy_date
      data['yy_appraiser'] = this.yy_appraiser
      data['total'] = this.nour_Totalpoints
      data['qd_input'] = this.qd_input
      data['zd_input'] = this.zd_input
      data['zzd_input'] = this.zzd_input
      list .push(data)
      var params={
        patient_id:this.patientID,
        record_date:this.yy_date,
        is_type:6,
        list:list,
      }
      console.log('params---',params);
      savePatientHpressuresore(params).then(response =>{
        if(response.data.state == 1){
          const nour = response.data.data.pedFallssessment
          console.log('11111',nour)
          this.$message({message:'保存成功',type:'success'})
        }
      })
    },
    // 跳转历史
    nourishistory(){
      this.$router.push({
        path: '/patients/nourishment_history',
        query:{patient_id:this.patientID,
              Patient_info:this.Patient_info}
      })
    },
    // 患者信息
    tranpatient(event){
      console.log('event',event);
      this.Patient_info={
        name:event.name,
        dialysis_no:event.dialysis_no
      }
    },
  },
  computed:{
    nour_Totalpoints(){
      return this.radio_val + this.radio1_val + this.radio2_val
    }
  }
}
</script>
<style lang="scss" scoped>
    .content_top{
      display: flex;
      justify-content: space-between;
    }
    .table{
        border: 1px solid #DCDFE6;
        border-collapse:collapse;
        border-spacing: 0;
        thead th{
            background: #0077ff9f;
            color: white;
            text-align: center;
            height: 40px;
        }
        tbody td{
           height: 40px;
        }
        .start{
            text-align: center;
        }
        .bing{
            width: 150px;
            text-align: center;
        }
        .bg_color{
            background: rgb(243, 240, 240);
        }
        .jiange{
            margin-left: 20px;
            color: black;
        }
        .rightjiange{
          margin-right: 40px;
          font-size: 15px;
        }
        input{
            -webkit-appearance: checkbox;
        }
        .saoyang{
             padding: 5px;
        }
        .yingyang{
            width: 8%;
        }
    }
    .bottoms{
        display: inline-block;
        margin-left: 10px;
        margin-top: 5px;
    }
</style>