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

<!--压疮风险评估 -->
<template>
    <div class="patient-container">
      <patient-sidebar :id="patientID" defaultActive="5-3"></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>历史评分</el-button>
            </div>
          </div>
          <div style="margin: 20px 0px;">
            <table class="table" border style="width: 100%;">
              <thead>
                <tr>
                  <th class="bg_color" rowspan="2" style="width: 9%">项目/编码</th>
                  <th class="bg_color" colspan="4" style="width: 68%;">分值</th>
                  <th class="bg_color" rowspan="2" style="width: 9%">说明</th>
                  <th class="bg_color" rowspan="2" style="width: 14%">护理措施</th>
                </tr>
                <tr>
                  <th class="bg_color">1分</th>
                  <th class="bg_color">2分</th>
                  <th class="bg_color">3分</th>
                  <th class="bg_color">4分</th>
                </tr>
              </thead>

              <tbody>
                <tr>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td rowspan="6"></td>
                  <td rowspan="6"></td>
                </tr>
                <tr class="bg_color">
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></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: 150px;">
                    </el-date-picker>
                  </td>
                  <td class="start">
                    <el-input v-model="input" style="width:100px;"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="input" style="width:100px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="input" style="width:100px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="input" style="width:100px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="input" style="width:100px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="input" style="width:100px"></el-input>
                  </td>
                  <td class="start">
                    <el-input v-model="input" style="width:100px"></el-input>
                  </td>
                  <td class="start">
                    <el-select v-model="value" placeholder="请选择" >
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          style="width:150px;">
                        </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">
                <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>
                <el-button type="primary">确定</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>
        
    </div>
</template>
<script>
import PatientSidebar from '../components/PatientSidebar'
export default {
   components:{
    PatientSidebar
   },
   data(){
    return{
      patientID:0,
      value1:'',
      checkList:[],
      input:'',
      options:[],
      value:'',
      zhuangui:['出院','死亡','其他']
    }
   }
}
</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: rgb(5, 5, 5);
            text-align: center;
            height: 40px;
        }
        tbody td{
           height: 40px;
           padding: 5px;
        }
        .start{
            text-align: center;
        }
        .bing{
            width: 150px;
            text-align: center;
        }
        .bg_color{
            background: rgb(243, 240, 240);
        }
        .jiange{
            margin-left: 20px;
            color: black;
        }
        input{
            -webkit-appearance: checkbox;
        }
    }
    .shuoming p{
      margin-top: 5px;
      color: rgb(167, 165, 165);
    }
    .zhuangui{
        margin-top: 10px;
    }
</style>