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

<!--压疮风险评估 -->
<template>
    <div class="patient-container">
      <patient-sidebar :id="patientID" defaultActive="5-3" @tran-patient="tranpatient"></patient-sidebar>
      <div>
        <div class="patient-app-container advice-container app-container">
          <div class='content_top' style="">
            <div style="font-size: 20px;">患者压疮危险因素评估记录(Braden)表</div>
            <div>
              <el-button @click="yachaunghistory">历史评分</el-button>
            </div>
          </div>
          <div style="margin: 20px 0px;">
            <div style="display: flex;">
              <div style="flex: 5;">
                <table class="table" border style="width: 100%;">
                  <thead>
                    <tr>
                      <th  rowspan="2" style="width: 9%">项目/编码</th>
                      <th  colspan="4" style="width: 68%;">分值</th>
                      <th  rowspan="2" style="width: 9%">说明</th>
                      <!-- <th  rowspan="2" style="width: 14%">护理措施</th> -->
                    </tr>
                    <tr>
                      <th >1分</th>
                      <th >2分</th>
                      <th >3分</th>
                      <th >4分</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr class="start">
                      <td >
                        <span class="bing">A.感知</span><br/>
                        机体对压力所引起不适感的反应能力
                      </td>
                      <td >
                        完全受限 <br>对疼痛刺激没有反应（没有呻吟，退缩或紧握）或者绝大部分机体对疼痛的感觉受限
                      </td>
                      <td >
                        中度受限<br>只对疼痛刺激有反应，能通过呻吟、烦躁的方式表达机体不适。或者机体一半以上的部位对疼痛或不适感觉障碍
                      </td>
                      <td>
                        轻微受限<br>对其讲话有反应，但不是所有时间都能用语言表达不适感。或者机体机体的一到两个肢体对疼痛或不适感感觉障碍
                      </td>
                      <td>
                        没有改变<br>对其讲话有反应，机体没有对疼痛或不适的感觉确失
                      </td>
                      <td rowspan="6" style="vertical-align: middle;">
                        <div style="text-align: center;">
                          总分23分，<br>
                          15~18分为低危；<br>
                          13~14分为中危；<br>
                          10~12分为高危；<br>
                          ≤9分为极高危
                        </div>
                      </td>
                    </tr>
                    <tr class="bg_color start">
                      <td class="start">
                        <span class="bing">B.湿度</span><br/>
                        皮肤处于潮湿状态的程度
                      </td>
                      <td>
                        持久潮湿<br>由于出汗、小便等原因皮肤一直处于潮湿状态，每当移动患者或者给患者翻身时就可以发现患者皮肤是湿的
                      </td>
                      <td>
                        非常潮湿<br>皮肤经常但不总是处于潮湿状态，床单每天至少换一次
                      </td>
                      <td>
                        偶尔潮湿<br>每天大概需要额外换一次床单
                      </td>
                      <td>
                        很少潮湿<br>皮肤通常是干的，只是按照常规换床单即可
                      </td>
                    </tr>
                    <tr class="start">
                      <td>
                        <span class="bing">C.活动能力</span><br>
                        躯体活动的能力
                      </td>
                      <td>
                        卧床不起<br>限制在床上
                      </td>
                      <td>
                        局限于轮椅活动<br>行动能力严重受限或者没有行走能力
                      </td>
                      <td>
                        可偶尔步行<br>白天在帮助或者无需帮助的情况下偶尔可以走一段路。每天大部分时间在床上或者椅子上度过
                      </td>
                      <td>
                        经常步行<br>每天至少2次室外行走，白天醒着的时候至少每2h行走一次
                      </td>
                    </tr>
                    <tr class="bg_color start">
                      <td>
                        <span class="bing">D.移动能力</span><br>
                        改变/控制躯体位置的能力
                      </td>
                      <td>
                        完全受限<br>没有帮助的情况下不能完成轻微的躯体 或者四肢的位置变动
                      </td>
                      <td>
                        严重受限<br>偶尔能轻微地移动躯体或者四肢，但不能独立完成经常的或显著的躯体位置变动
                      </td>
                      <td>
                        轻度受限<br>能经常独立地改变躯体或四肢的位置，但变动幅度不大
                      </td>
                      <td>
                        不受限<br>能经常独立地改变躯体或四肢的位置，但变动幅度不大
                      </td>
                    </tr>
                    <tr class="start">
                      <td>
                        <span class="bing">E.营养</span><br>
                        平常的食物摄入模式
                      </td>
                      <td>
                        重度营养摄入不足<br>
                        从来不能吃完一餐饭，很少能摄入所给实物量的1/3。每天能摄入2份或以下的蛋白量（肉或者乳制品）很少摄入液体，没有摄入流质饮食。或者禁食和/或清流摄入或静脉输入大于5d
                      </td>
                      <td>
                        营养摄入不足<br>
                        很少能吃完一餐饭，通常只能摄入所给食物的1/2。每天蛋白摄入量是3份肉或者乳制品。偶尔能摄入规定实物量。或者可摄入略低于理想量的流质或者管饲
                      </td>
                      <td>
                        营养摄入适当<br>
                        可摄入提供量的一半以上。每天4份蛋白量（肉或乳制品），偶尔拒绝肉类，如果提供给食物通常会吃掉。或者管饲或TNP能达到绝大部分的营养所需
                      </td>
                      <td>
                        营养摄入良好<br>每餐能摄入绝大部分食物从来不拒绝食物，通常吃4份或更多的肉和乳制品，两餐间偶尔进食。不需要其他补充食物
                      </td>
                    </tr>
                    <tr class="bg_color start">
                      <td>
                        <span class="bing">F.摩擦力和剪切力</span><br>
                      </td>
                      <td>
                        有此问题<br>
                        移动时需要得到大量的帮助，不可能做到完全抬空而不碰到床单，在床上或椅子上时经常滑落。需要大力帮助下重摆体位。痉挛、挛缩或躁动不安通常导致摩擦
                      </td>
                      <td>
                        有潜在问题<br>
                        躯体移动乏力，或者需要一些帮助，在移动过程中，皮肤在一定程度上会碰到床单、椅子、约束带或者其他设施。在床上或椅子上可保持相对好的位置，偶尔会滑落下来
                      </td>
                      <td>
                        无明显问题<br>
                        能独立在床上或椅子上移动，并且有足够的肌肉力量在移动时完全抬空躯体。在床上和椅子上总是保持良好的位置
                      </td>
                      <td></td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div style="flex: 1;">
                <table class="table" border>
                  <thead>
                    <tr>
                      <th  rowspan="2" style="width: 14%;height: 80px;">护理措施</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td rowspan="6" style="position: relative;vertical-align: top;">
                        <div class="jiange" v-for="item in hulicuoshi" >
                          <label><input name="ball" type="checkbox" v-model="item.is_check" @click="huli_check(item)" />&nbsp;{{ item.label }}</label>
                        </div>
                        <div class="tianjia" @click="add_press=true">
                          +添加
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>

            <table class="table" border style="width: 100%;">
              <thead>
                <tr>
                  <th rowspan="2" style="width: 9%">评估日期</th>
                  <th colspan="6" style="width: 68%;">评估项目/编码(表格内填写分数)</th>
                  <th rowspan="2" style="width: 9%">评分</th>
                  <th rowspan="2" style="width: 14%">责任护士签名</th>
                </tr>
                <tr>
                  <th>A</th>
                  <th>B</th>
                  <th>C</th>
                  <th>D</th>
                  <th>E</th>
                  <th>F</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <el-date-picker
                      v-model="date"
                      type="date"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期"
                      :clearable="false"
                      style="width: 150px;">
                    </el-date-picker>
                  </td>
                  <td class="start">
                    <el-input v-model="ganzhi" style="width:80px;"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="shidu" style="width:80px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="huodong" style="width:80px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="yidong" style="width:80px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="yingyang" style="width:80px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="mocha" style="width:80px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="mark" style="width:70px"></el-input>
                  </td>
                  <td class="start">
                    <el-select v-model="duty" placeholder="请选择" style="width:120px;">
                        <el-option
                          v-for="item in dutyoptions"
                          :key="item.admin_user_id"
                          :label="item.user_name"
                          :value="item.admin_user_id"
                          >
                        </el-option>
                    </el-select>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>

          <div style="margin-bottom: 20px;">
            <p>患者知情同意书：我对住院期间发生导管脱落的风险及预防措施已知晓，并给予配合。</p>
            <div class="zhuangui">
                <p style="display: inline-block; margin-right: 70px;">
                  患者/家属签字: <el-input v-model="family_member" style="width:120px;"></el-input>
                </p>
                <p style="display: inline-block;">
                    日期：
                    <el-date-picker
                        v-model="family_date"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期"
                        style="width: 150px;">
                    </el-date-picker>
                </p>
            </div>
            <div class="zhuangui">
              <span>转归：</span>
              <div style="display: inline-block;position: relative;top: 0px;">
                <!-- <el-checkbox-group v-model="checkList">
                  <el-checkbox v-for="item in zhuangui" :label="item.value" :key="item.id" :value="item.id"></el-checkbox>
                </el-checkbox-group> -->
                <span v-for="item in zhuangui" style="display: inline-block;margin-right: 10px;">
                  <label><input type="checkbox" v-model="item.is_check" @click="zhuangcheck(item)" />{{ item.value }}</label>
                </span>
              </div>
            </div>
            <div class="zhuangui">
                <p style="display: inline-block; margin-right: 30px;">
                    评估人签字:
                    <el-input v-model="appraiser" style="width:120px;"></el-input>
                </p>
                <p style="display: inline-block;">
                    日期：
                    <el-date-picker
                        v-model="appraiser_date"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期"
                        style="width: 150px;">
                    </el-date-picker>
                </p>
            </div>
            <div class="content_top">
              <div class="zhuangui">
                <p style="display: inline-block; margin-right: 30px;">
                    护士长签字:
                    <el-select v-model="nurse" placeholder="请选择" style="width: 120px;">
                        <el-option
                        v-for="item in dutyoptions"
                        :key="item.admin_user_id"
                        :label="item.user_name"
                        :value="item.admin_user_id">
                        </el-option>
                    </el-select>
                </p>
                <p style="display: inline-block;">
                    日期：
                    <el-date-picker
                        v-model="nurse_date"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期"
                        style="width: 150px;">
                    </el-date-picker>
                </p>
              </div>
              <div>
                <el-button type="primary" @click="Pressuresore">确定</el-button>
              </div>
            </div>
          </div>
          <hr style="background-color:#DCDFE6; height: 1px;border: none;"/>
          <div class="shuoming">
            <p>说明：</p>
            <p>1. 患者入院首次动态评估，压疮危险因素评分≤18分，填写该表。</p>
            <p>2. 压疮危险因素：</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;评分15~18分(低危)，有责任组长负责质量监控并每周评估一次；</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;评分13~14分(中危)，有护士长/院伤口小组成员负责质量监控并每周评估2次；</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;评分≤12分(高危)，由大科护士长负责质量监管，隔日评估1次。</p>
            <p>3. 评分符合难免压疮申报条件(≤12分)，填写难免压疮申报表。</p>
          </div>

        </div>
      </div>
      <!-- 添加弹窗页面 -->
      <el-dialog title="增加护理措施" :visible.sync="add_press" width="30%">
        <div>
          <div style="margin-bottom: 10px;font-size: 16px;">护理措施：</div>
          <!-- <input type="text" v-model="huli_value" style="width: 290px;height: 36px;border: 1px solid #d7d7d7;"> -->
          <el-input type="textarea" :rows="2"
            placeholder="请输入内容" v-model="huli_value">
          </el-input>

        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="add_press = false">取 消</el-button>
          <el-button type="primary" @click="nurseclick(huli_value)">确 定</el-button>
        </span>
      </el-dialog>
    </div>
</template>
<script>
import PatientSidebar from '../components/PatientSidebar'
import { uParseTime } from '@/utils/tools'
import {getAllNurseList,savePatientHpressuresore } from '@/api/fallassement'
export default {
   components:{
    PatientSidebar
   },
   data(){
    return{
      patientID:0,
      value1:'',
      checkList:[],
      input:'',
      options:[],
      value:'',
      ganzhi:null,
      shidu:null,
      huodong:null,
      yidong:null,
      yingyang:null,
      mocha:null,
      zhuangui:[{id:1,value:'出院',is_check:false,check:0},{id:2,value:'死亡',is_check:false,check:0},{id:3,value:'其他',is_check:false,check:0}],
      add_press:false,
      date:this.getTime(new Date()),
      huli_value:'',
      family_date:this.getTime(new Date()),
      dutyoptions:[],
      duty:'',
      family_member:'',
      appraiser:'',
      appraiser_date:this.getTime(new Date()),
      nurse:'',
      nurse_date:this.getTime(new Date()),
      hulicheckarr:[],//护理措施选中
      hulicuoshi:[{id:1,label:'挂床头警示标识',hulicheck:0,is_check:false},{id:2,label:'保护受压皮肤，使用减压用具(气垫床/压疮床)',hulicheck:0,is_check:false},
      {id:3,label:'定时翻身，移动避免拖拉',hulicheck:0,is_check:false},{id:4,label:'加强营养',hulicheck:0,is_check:false},
      {id:5,label:'保持被衣物清洁舒适',hulicheck:0,is_check:false},{id:6,label:'其他',hulicheck:0,is_check:false}],
      nurseList:[],
      zhuang_show:'',
      Patient_info:{name:'',dialysis_no:''},
    }
   },
   methods:{
    // 添加
    nurseclick(val){
      this.huli_value=val
      const arr ={
        id:0,
        label:this.huli_value,
        hulicheck:0,
        is_check:false
      }
      this.hulicuoshi.push(arr)
      this.add_press = false
    },
    // 点击护理措施
    huli_check(item){
      for(let i in this.hulicuoshi){
        if(item.label==this.hulicuoshi[i].label ){
          if(item.is_check==false){
            this.hulicuoshi[i].hulicheck=1
            this.hulicuoshi[i].is_check=true
            this.hulicheckarr.push(item.id)
          }else{
            this.hulicuoshi[i].hulicheck = 0
            this.hulicuoshi[i].is_check = false
            if(this.hulicheckarr.length>0){
              for(let j in this.hulicheckarr){
                if(item.id == this.hulicheckarr[j]){
                  let index = this.hulicheckarr.indexOf(this.hulicheckarr[j]);
                  this.hulicheckarr.splice(index,1)
                }
              }
            }
          }
        }
      }
    },
    // 历史
    yachaunghistory(){
      this.$router.push({
        path: '/patients/Pressure_history',
        query:{patient_id:this.patientID,
              Patient_info:this.Patient_info}
      })
    },
    // 转归
    zhuangcheck(item){
      for(let i in this.zhuangui){
        if(item.id == this.zhuangui[i].id){
          this.zhuangui[i].is_check =true
          this.zhuangui[i].check = 1
          this.zhuang_show = item.id
        }else{
          this.zhuangui[i].is_check =false
          this.zhuangui[i].check = 0
        }
      }
    },
    // 时间转换
    getTime(val) {
        if(val < 0){
          return ""
        }
        if(val == ""){
        return ""
        }else {
        return uParseTime(val, '{y}-{m}-{d}')
        }
    },
    // 评估人数据源
    getAllNurseList(){
        getAllNurseList().then(response=>{
           if(response.data.state ==1){
             var nurseList  = response.data.data.nurseList

             this.dutyoptions =nurseList
           }
        })
    },
    // 确认
    Pressuresore(){
      const data = {}
      var list = []
      data['date'] = this.date
      data['ganzhi'] = this.ganzhi
      data['shidu'] = this.shidu
      data['huodong'] = this.huodong
      data['yidong'] = this.yidong
      data['yingyang'] = this.yingyang
      data['mocha'] = this.mocha
      data['mark'] = this.mark
      data['duty'] = this.duty
      data['jiashu'] = this.family_member
      data['jiashu_date'] = this.family_date
      data['appraiser'] = this.appraiser
      data['pingg_date'] = this.appraiser_date
      data['nurse'] = this.nurse
      data['nurse_date'] = this.nurse_date
      data['zhuang_show'] = this.zhuang_show
      data['hulicuoshi'] = this.hulicheckarr
      list.push(data)
      var params={
        patient_id:this.patientID,
        record_date:this.date,
        is_type:1,
        list:list,
      }
      console.log('params----',params);
      savePatientHpressuresore(params).then(response=>{
        if(response.data.state == 1){
          const save = response.data.data.pedFallssessment
          console.log('pedFallssessment',save);
          this.$message({message:'保存成功',type:'success'})
        }
      })
    },
    // 患者信息
    tranpatient(event){
      console.log('event',event);
      this.Patient_info={
        name:event.name,
        dialysis_no:event.dialysis_no
      }
    },
   },
   computed:{
    mark(){
      return this.ganzhi*1 + this.shidu*1 + this.huodong*1 + this.yidong*1 + this.mocha*1 + this.yingyang*1
    }
   },
   created(){
    const id = this.$route.params && this.$route.params.id
    this.patientID = parseInt(id)
     this.getAllNurseList()
   }
}
</script>
<style lang="scss" scoped>
  .content_top{
    display: flex;
    justify-content: space-between;
  }
  .table{
        border: 1px solid #DCDFE6;
        border-collapse:collapse;
        border-spacing: 0;
        display: table;
        thead th{
            background: #0077ff9f;
            color: rgb(250, 248, 248);
            text-align: center;
            height: 40px;
        }
        tbody td{
           height: 40px;
           padding: 5px;

        }
        .start{
          vertical-align: top;
        }
        .bing{
           color: #4579C5;
        }
        .bg_color{
            background: rgb(243, 240, 240);
        }
        .jiange{
            line-height: 40px;
            padding-left: 5px;
        }
        .tianjia{
          position: relative;
          bottom: 0px;
          font-size: 17px;
          color:#4579C5;
          line-height: 40px;
          border-top: 1px solid #DCDFE6;
          box-sizing: border-box;
          width: 100%;
          padding: 5px;
        }
        input{
            -webkit-appearance: checkbox;
        }
    }
    .shuoming p{
      margin-top: 5px;
      color: rgb(167, 165, 165);
    }
    .zhuangui{
        margin-top: 10px;
    }
    input{
        -webkit-appearance: checkbox;
    }
</style>