Vue_New/src/xt_pages/user/history/Pressure_history.vue

<!-- 压疮风险 -->
<template>
  <div class="patient-container">
    <div class="patient-app-containers advice-container app-container">
      <div style="display: flex;margin-bottom: 20px;">
        <div style="width: 50%;">
          <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
          <div class="history">历史评分</div>
        </div>
        <div style="margin-left: 30%;">
          <el-button type="primary" @click="open_pingfen">打印评分</el-button>
          <el-button type="primary" @click="open_mingxi">打印明细</el-button>
        </div>
      </div>

      <div>
        <el-table
          ref="multipleTable"
          :data="tableData"
          border
          tooltip-effect="dark"
          :header-cell-style="{
            background:'#4579c5',
            color:'#fff'
          }"
          style="width: 100%"
          @selection-change="handleSelectionChange">
          <el-table-column
            type="selection"
            width="55"
            align="center">
          </el-table-column>
          <el-table-column
            prop="time"
            label="评估日期"
            width=""
            align="center">
          </el-table-column>
          <el-table-column
            prop="ganzhi"
            label="感知"
            width=""
            align="center">
          </el-table-column>
          <el-table-column
            prop="shidu"
            label="潮湿"
            width=""
            align="center">
          </el-table-column>
          <el-table-column
            prop="huodong"
            label="活动能力"
            width=""
            align="center">

          </el-table-column>
          <el-table-column
            prop="yidong"
            label="移动能力"
            width=""
            align="center">
          </el-table-column>
          <el-table-column
            prop="yingyang"
            label="营养"
            width=""
            align="center">
          </el-table-column>
          <el-table-column
            prop="mocha"
            label="摩擦力与剪切力"
            width=""
            align="center">

          </el-table-column>
          <el-table-column
            prop="mark"
            label="总分"
            width=""
            align="center">
          </el-table-column>
          <el-table-column
            prop="evaluate"
            label="评分护士"
            width=""
            align="center">
          </el-table-column>
          <el-table-column
            prop="address"
            label="操作"
            width="180"
            align="center"
            show-overflow-tooltip>
            <template slot-scope="scope">
              <el-button type="primary" icon="el-icon-edit-outline" @click="open_editor(scope.row)"></el-button>
              <el-button type="primary" icon="el-icon-delete" @click="open_delete(scope.row)"></el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>

     <!-- 打印评分 -->
     <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="67%"
      >
      <div>
        <div style="overflow: hidden;">
          <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
        </div>

        <div id="pingfeng" >
          <div class="diedao_content" style="">
            <div style="width:100%;margin-top: 20px;">
              <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
              <div style="margin-top: 20px;font-size: 16px;">
                <span>患者姓名：</span>
                <span>透析号：</span>
                <span>打印时间：</span>
              </div>
              <table class="tables" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
                <tr>
                  <td style="width:150px">评估日期</td>
                  <td style="width:100px">感知</td>
                  <td style="width:100px">潮湿</td>
                  <td style="width:100px">活动能力</td>
                  <td style="width:100px">移动能力</td>
                  <td style="width:100px">营养</td>
                  <td style="width:100px">摩擦力与剪切力</td>
                  <td style="width:100px">总分</td>
                  <td style="width:100px">评估护士</td>
                </tr>
                <tr v-for="item in multipleSelection" >
                  <td>{{item.time}}</td>
                  <td>{{item.ganzhi}}</td>
                  <td>{{item.shidu}}</td>
                  <td>{{item.huodong}}</td>
                  <td>{{item.yidong}}</td>
                  <td>{{item.yingyang}}</td>
                  <td>{{item.mocha}}</td>
                  <td>{{item.mark}}</td>
                  <td>{{item.evaluate}}</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 打印明细 -->
    <el-dialog
      title="提示"
      :visible.sync="mingxi_dialogVisible"
      width="67%"
      >
      <div>
        <div style="overflow: hidden;">
          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
        </div>

        <div id="mingxi" >
          <div class="diedao_content" style="">
            <div style="width:100%;margin-top: 20px;">
              <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
              <div style="margin-top: 20px;font-size: 16px;">
                <span>患者姓名：</span>
                <span>透析号：</span>
                <span>评估日期：</span>
                <span>责任护士：</span>
                <span>评分：</span>
              </div>
              <table class="tables" id="table" border="1" style="width: 100%;border-collapse: collapse;">
                <thead>
                  <tr>
                    <th  rowspan="2" style="width: 9%">项目/编码</th>
                    <th  colspan="4" style="width: 68%;">分值</th>
                    <th  rowspan="2" style="width: 9%">得分</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></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>
                    <td></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>
                    <td></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>
                    <td></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>
                    <td></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="font-size: 16px;">护理措施：</div>
            <p style="margin: 10px 0;">说明：总分23分，15~18分为低危；13~14分为中危；10~12分为高危；≤9分为极高危</p>
            <div style="margin-bottom: 20px;">
              <p>患者知情同意书：我对住院期间发生导管脱落的风险及预防措施已知晓，并给予配合。</p>
              <div class="zhuangui">
                  <p style="display: inline-block; margin-right: 70px;">
                    患者/家属签字:
                    <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                  </p>
                  <p style="display: inline-block;">
                    日期：
                    <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                  </p>
              </div>
              <div class="zhuangui">
                <span>转归：</span>
                <div style="display: inline-block;position: relative;top: 0px;">
                  <div class="jiange" v-for="item in zhuangui" style="display: inline-block;margin-right: 10px;">
                    <label><input name="ball" type="checkbox"  :value="item" />&nbsp;{{item}}</label>
                  </div>
                </div>
              </div>
              <div class="zhuangui">
                  <p style="display: inline-block; margin-right: 30px;">
                      评估人签字:
                      <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                  </p>
                  <p style="display: inline-block;">
                      日期：
                      <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                  </p>
              </div>
              <div class="content_top">
                <div class="zhuangui">
                  <p style="display: inline-block; margin-right: 30px;">
                      护士长签字:
                      <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                  </p>
                  <p style="display: inline-block;">
                      日期：
                      <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                  </p>
                </div>
              </div>
              <div>
                打印时间：
              </div>
            </div>
          </div>
        </div>
      </div>
    </el-dialog>
    <!-- 编辑 -->
    <el-dialog
      title="提示"
      :visible.sync="editor_dialogVisible"
      width="67%"
      >
      <div>
        <div style="margin: 20px 0px;width: 100%;">
          <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.hulicheck" @click="huli_check(item)" value="football" />&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.value"
                          :label="item.label"
                          :value="item.value"
                          >
                        </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>
            </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 nurse_options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value">
                      </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>
      </div>
    </el-dialog>
    <!-- 编辑添加弹窗页面 -->
    <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>
    <!--删除 -->
    <el-dialog
      title="提示"
      :visible.sync="delete_centerDialogVisible"
      width="20%"
      center>
      <span>是否删除该记录</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="delete_centerDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="delete_press">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import print from 'print-js'
import { uParseTime } from '@/utils/tools'
export default{
  data(){
    return{
      tableData:[{id:1,time:'2023-9-27',ganzhi:'2',shidu:'2',huodong:'3',yidong:'4',yingyang:'1',mocha:'3',mark:'15',evaluate:'千亦雪'}],
      multipleSelection:[],
      dialogVisible:false,
      mingxi_dialogVisible:false,
      editor_dialogVisible:false,
      delete_centerDialogVisible:false,

      ganzhi:null,
      shidu:null,
      huodong:null,
      yidong:null,
      yingyang:null,
      mocha:null,
      add_press:false,
      zhuangui:[{id:1,value:'出院'},{id:2,value:'死亡'},{id:3,value:'其他'}],
      value1:'',
      checkList:[],
      input:'',
      options:[],
      value:'',
      row:'',
      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_options:[],
      nurse_date:this.getTime(new Date()),
      hulicheckarr:[],
      patientID:0,
      hulicuoshi:[{id:1,label:'挂床头警示标识',hulicheck:0},{id:2,label:'保护受压皮肤，使用减压用具(气垫床/压疮床)',hulicheck:0},{id:3,label:'定时翻身，移动避免拖拉',hulicheck:0}
                ,{id:4,label:'加强营养',hulicheck:0},{id:5,label:'保持被衣物清洁舒适',hulicheck:0},{id:6,label:'其他',hulicheck:0}]
    }
  },
  methods:{
    fanhui(){
      window.history.go(-1);
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    open_pingfen(){
      if(this.multipleSelection.length==0){
        this.$message('至少选择一条数据')
      }else{
        this.dialogVisible=true
      }
    },
    open_mingxi(){
      if(this.multipleSelection.length==0){
        this.$message('至少选择一条数据')
      }else{
        this.mingxi_dialogVisible=true
      }
    },
    open_editor(row){
      this.editor_dialogVisible =true
    },
    open_delete(row){
      this.row=row.id
      this.delete_centerDialogVisible=true
    },
    delete_press(){
      for(let i=0;i<this.tableData.length;i++){
        if(this.row==this.tableData[i].id){
          this.tableData.splice(i,1)
        }
      }
      this.delete_centerDialogVisible=false
    },
    print_pingfen(id){
      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
      if(id==1){
        printJS({
          printable: 'pingfeng',
          type: 'html',
          style: style,
          scanStyles: false
        })
        this.dialogVisible=false
      }else if(id==2){
        printJS({
          printable: 'mingxi',
          type: 'html',
          style: style,
          scanStyles: false
        })
        this.mingxi_dialogVisible=false
      }

    },
     // 添加
     nurseclick(val){
      this.huli_value=val
      const arr ={
        id:0,
        label:this.huli_value,
        hulicheck:0
      }
      this.hulicuoshi.push(arr)
      this.add_press = false
    },
    // 点击护理措施
    huli_check(item){
      this.hulicheckarr.push(item)
      console.log('33333',item);
    },
    // 确认
    Pressuresore(){
      var params={
        date:this.date,
        ganzhi:this.ganzhi,
        shidu:this.shidu,
        huodong:this.huodong,
        yidong:this.yidong,
        yingyang:this.yingyang,
        mocha:this.mocha,
        mark:this.mark,
        duty:this.duty,
        dutyoptions:this.dutyoptions,
        family_member:this.family_member,
        family_date:this.family_date,
        appraiser:this.appraiser,//评估人签字
        appraiser_date:this.appraiser_date,
        nurse:this.nurse,
        nurse_options:this.nurse_options,
        nurse_date:this.nurse_date,
        patientID:this.patientID,
        checkList:this.checkList
      }
      this.editor_dialogVisible=false,
      console.log('33333',params);
    },
    // 转换时间
    getTime(val) {
        if(val < 0){
          return ""
        }
        if(val == ""){
        return ""
        }else {
        return uParseTime(val, '{y}-{m}-{d}')
        }
    },
  },
  computed:{
    mark(){
      return this.ganzhi*1 + this.shidu*1 + this.huodong*1 + this.yidong*1 + this.mocha*1 + this.yingyang*1
    }
  }
}
</script>
<style lang="scss" scoped>
.patient-app-containers {
  margin-left: 10px;
  margin-right: 10px;
  background: #fff;
}
.history{
  display: inline-block;
  border-left:2px solid gray ;
  padding: 0 10px;
  margin-left:10px;
  color: gray;
  font-size: 18px;
}
.tables tr td{
  padding:5px;
  font-size:16px;
  thead tr th{
    padding: 5px;
  }
}
.zhuangui{
  margin-top: 10px;
}
input{
  -webkit-appearance: checkbox;
}
.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;
        }
    }
</style>