<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>
                <label>状态 : </label>
                <span class="content">{{stage}}</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">处方医生 : {{doctor}}</div> -->
  </div>    
</template>

<script>
export default {
  name: "DialysisComputer",
  data() {
    return {
      title: "透析下机 ",
      doctor: "刘小军  医生",
      info1: [
        { value: "1", label: "状态 : ", content: "", unit: "" },
      ],
      // info2: [
      //   { value: "1", label: "下机时间 : ", content: "2018-10-09", unit: "12:58:23" }
      // ],
      // info3: [
      //   { value: "1", label: " ", content: "", unit: "" }
      // ]
    };
  },
  props: {
    record: {
      type: Object
    }
  },
  computed: {
    stage: function() {
      if (this.record == null || this.record.id == "") {
        return "未上机"
      }
      return this.record.stage == 1 ? "未下机" : "已下机"
    }
  },
  methods: {
    // setOrder(order) {
    //   if (order == null) {
    //     this.info1[0].content = "未上机"
    //   } else {
    //     this.info1[0].content = order.stage == 1 ? "未下机" : "已下机"
    //   }
    // }
  }
};
</script>

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



