elizebeth/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%;">
          <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>
                <td rowspan="6" style="position: relative;vertical-align: top;">
                  <div class="jiange">
                    <label><input name="ball" type="checkbox" value="football" />&nbsp;挂床头警示标识</label>
                  </div>
                  <div class="jiange">
                    <label><input name="ball" type="checkbox" value="football" />&nbsp;保护受压皮肤，使用减压用具(气垫床/压疮床)</label>
                  </div>
                  <div class="jiange">
                    <label><input name="ball" type="checkbox" value="football" />&nbsp;定时翻身，移动避免拖拉</label>
                  </div>
                  <div class="jiange">
                    <label><input name="ball" type="checkbox" value="football" />&nbsp;加强营养</label>
                  </div>
                  <div class="jiange">
                    <label><input name="ball" type="checkbox" value="football" />&nbsp;保持被衣物清洁舒适</label>
                  </div>
                  <div class="jiange">
                    <label><input name="ball" type="checkbox" value="football" />&nbsp;其他</label>
                  </div>
                  <div class="tianjia" @click="add_press=true">
                    <!--  style="position: absolute;bottom: 0px;font-size: 17px;color:#4579C5;line-height: 40px;" -->
                    +添加
                  </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>
          <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="value1"
                    type="date"
                    placeholder="选择日期"
                    :clearable="false"
                    style="width: 140px;">
                  </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="value" placeholder="请选择"  style="width:120px;">
                      <el-option
                        v-for="item in options"
                        :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="input" style="width:120px;"></el-input>
                </p>
                <p style="display: inline-block;">
                    日期：
                    <el-date-picker
                        v-model="value1"
                        type="date"
                        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" :key="item"></el-checkbox>
                </el-checkbox-group>
              </div>
            </div>
            <div class="zhuangui">
                <p style="display: inline-block; margin-right: 30px;">
                    评估人签字:
                    <el-input v-model="input" style="width:120px;"></el-input>
                </p>
                <p style="display: inline-block;">
                    日期：
                    <el-date-picker
                        v-model="value1"
                        type="date"
                        placeholder="选择日期"
                        style="width: 150px;">
                    </el-date-picker>
                </p>
            </div>
            <div class="content_top">
              <div class="zhuangui" style="flex:1">
                <p style="display: inline-block; margin-right: 30px;">
                    护士长签字:
                    <el-select v-model="value" placeholder="请选择" style="width: 120px;">
                        <el-option
                        v-for="item in 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="value1"
                        type="date"
                        placeholder="选择日期"
                        style="width: 150px;">
                    </el-date-picker>
                </p>
              </div>
              <div style="flex:1;margin-top: 10px;">
                <el-button type="primary">确定</el-button>
              </div>
            </div>
          </div>
      </div>
    </el-dialog>
    <!-- 编辑添加弹窗页面 -->
    <el-dialog
        title="增加护理措施"
        :visible.sync="add_press"
        width="30%"
      >
        <span>
          护理措施：
          <input type="text" style="width: 290px;height: 36px;border: 1px solid #d7d7d7;">
        </span>
        <span slot="footer" class="dialog-footer">
          <el-button @click="add_press = false">取 消</el-button>
          <el-button type="primary" @click="add_press = false">确 定</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'
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:['出院','死亡','其他'],
      value1:'',
      checkList:[],
      input:'',
      options:[],
      value:'',
      row:''
    }
  },
  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
      }

    },
  },
  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: absolute;
          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>