<template>
  <div class="plate-box">
    <h2 class="title">
      <span class="line"></span>
      <p>{{ title }}</p>
      <span class="line"></span>
    </h2>
    <div class="plate ">
      <ul>
        <li v-for="(item, index) in info1" :key="index" :value="item.value">
          <label>{{ item.label }}</label>
          <span class="content">{{ item.content }}</span>
          <span class="unit">{{ item.unit }}</span>
        </li>
      </ul>
      <ul>
        <li v-for="(item, index) in info2" :key="index" :value="item.value">
          <label>{{ item.label }}</label>
          <span class="content">{{ item.content }}</span>
          <span class="unit">{{ item.unit }}</span>
        </li>
      </ul>
      <ul>
        <li v-for="(item, index) in info3" :key="index" :value="item.value">
          <label>{{ item.label }}</label>
          <span class="content">{{ item.content }}</span>
          <span class="unit">{{ item.unit }}</span>
        </li>
      </ul>
    </div>
    <div class="note">
      备注 : <span>{{ note }}</span>
    </div>
    <!-- <div class="note">处方医生 : {{doctor}}</div> -->
  </div>
</template>

<script>
export default {
  name: "DialysisPrescription",
  data() {
    return {
      title: "透前评估 ",
      note: "",
      doctor: "刘小军  医生",
      info1: [
        { value: "1", label: "透前称重 : ", content: "0", unit: "kg" },
        { value: "2", label: "收缩压 : ", content: "0", unit: "mmHg" },
        { value: "3", label: "前次透析后: ", content: "0", unit: "" },
        { value: "4", label: " ", content: " ", unit: "" }
      ],
      info2: [
        { value: "1", label: "附加物重 : ", content: "0", unit: "kg" },
        { value: "2", label: "舒张压 : ", content: "0", unit: "mmHg" },
        { value: "3", label: "透析期间 : ", content: "", unit: "" },
        { value: "4", label: "导管 : ", content: "", unit: "" }
      ],
      info3: [
        { value: "1", label: "体温 : ", content: "0", unit: "℃" },
        { value: "2", label: "心率 : ", content: "0", unit: "次/分" },
        { value: "3", label: "透析前症状 : ", content: "", unit: "" },
        { value: "4", label: "合并症: ", content: "", unit: "" }
      ]
    };
  },
  methods: {
    setRecord(record) {
      if (record == null) {
        this.info1[0].content = "0";
        this.info1[1].content = "0";
        this.info1[2].content = "0";
        // this.info1[3].content = ""

        this.info2[0].content = "0";
        this.info2[1].content = "0";
        this.info2[2].content = "";
        this.info2[3].content = "";

        this.info3[0].content = "0";
        this.info3[1].content = "0";
        this.info3[2].content = "";
        this.info3[3].content = "";

        this.note = "";
      } else {
        this.info1[0].content = record.weight_before;
        this.info1[1].content = record.systolic_blood_pressure;
        this.info1[2].content = record.last_post_dialysis;
        // this.info1[3].content = ""

        this.info2[0].content = record.additional_weight;
        this.info2[1].content = record.diastolic_blood_pressure;
        this.info2[2].content = record.dialysis_interphase;
        this.info2[3].content = record.catheter;

        this.info3[0].content = record.temperature;
        this.info3[1].content = record.breathing_rate;
        this.info3[2].content = record.symptom_before_dialysis;
        this.info3[3].content = record.complication;

        this.note = record.remark;
      }
    }
  }
};
</script>

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