<template>
   <div class="plate-box" >
    <h2 class="title border"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2> 
    <div style="width:100%;overflow:hildden;overflow-x:auto;">
     <table  class="table" style="">
      <tr>
        <th width="124px">时间</th>
        <th width="72px">血压(mmHg)</th>
        <th width="80px">心率(次/分)</th>
        <th width="110px">呼吸(次/分)</th>
        <th width="92px">血流量(ml/min)</th>  
        <th width="76px">静脉压(mmHg)</th>
        <th width="76px">跨膜压(mmHg)</th>
        <th width="76px">超滤量(ml/h)</th>
        <th width="92px">钠浓度(mmol/L)</th>
        <th width="92px">透析液温度(℃)</th>
        <th width="92px">置换率(ml/min)</th>
        <th width="92px">置换量(L)</th>        
        <th width="92px">病情变化</th>
        <th width="92px">处理</th>
        <th width="92px">结果</th>
      </tr>
      <tr v-for="(item,index) in tableDate" :key="index" :value="item.value">
        <td>{{parseTime(item.operate_time, "{y}-{m}-{d} {h}:{i}")}}</td>
        <td>{{item.diastolic_blood_pressure}}/{{item.systolic_blood_pressure}}</td>
        <td>{{item.pulse_frequency}}</td>
        <td>{{item.breathing_rate}}</td>
        <td>{{item.blood_flow_volume}}</td>
        <td>{{item.venous_pressure}}</td>
        <td>{{item.transmembrane_pressure}}</td>
        <td>{{item.ultrafiltration_volume}}</td>
        <td>{{item.sodium_concentration}}</td>
        <td>{{item.dialysate_temperature}}</td>
        <td>{{item.replacement_rate}}</td>
        <td>{{item.displacement_quantity}}</td>        
        <td>{{item.symptom}}</td>
        <td>{{item.dispose}}</td>
        <td>{{item.result}}</td>
      </tr>
      </table>
     </div>
    
  </div>    
</template>

<script>
import {parseTime} from "@/utils"

export default {
  name: "statOrder",
  data() {
    return {
      title: "透析监测 ",
      tableDate: [
      ]
    };
  },
  methods: {
    setRecords(records) {
      if (records == null) {
        records = []
      }
      this.tableDate.splice(0, this.tableDate.length)
      this.tableDate.push(...records)
    },
    parseTime(time, layout) {
      return parseTime(time, layout)
    },
    addRecords(records) {
      this.tableDate.push(...records)
    }
  }
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

.table {
  width: 1500px;
  overflow: auto;
  font-size: 0.28rem;
  text-align: center;
  border: $border-color;
  padding-bottom: 0.02rem;
  tr {
    padding: 0;
    margin: 0;
    padding: 0.1rem 0;
    th {
      background: $main-color;
      border: none;
      color: #fff;
      padding: 0;
      margin: 0;
      height: 0.88rem;
      font-weight: normal;
      padding: 0.18rem 0;
    }
  
  }
}
</style>



