<template>
  <view class="bd" id="printMe">
    bd
    <view class="title">{{detailData.yljgName || '默默事中医院取药标签打印(门诊)'}}</view>
    <view class="body">
      <view class="lef">
        <view class="baracode">
          <!--                    <w-barcode class="cav" :options="preseObj"></w-barcode>-->
          <view class="barnum">{{detailData.preNo}}</view>
        </view>
      </view>
      <view class="rig">
        <view class="hz">患者：<view class="bold">{{detailData.name}}，{{detailData.sex}}，{{detailData.age}}岁</view></view>
        <view class="hz">出生日期：<view class="bold">{{detailData.patientBirthday}}</view></view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "PrintLabel",
  props: {
    detailData: {
      default: {},
      type: Object
    }
  },
  data() {
    return {
      detailData : {
        entrust1111:'1、本处方当日有效\\n  2、取药时请您当面核对。。。。 \\n  3、延长处方用量时间原油：慢性病 其他老年病 外地 其他',
      }
    }
  },
  mounted() {
    this.detailData = props.detailData
    // this.addEventClick()
  },
}
</script>

<style scoped lang="scss">
.cotent{
  display: flex;
  flex-direction: column;
  width:400px;
  height: 112.5px;
.title{
  font-size: 17.5px;
  font-weight: 500;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content:center;
}
.body{
  display: flex;
// flex-direction: column;
  justify-content:center;
.lef{
  display: flex;
  flex-direction: column;
  width: 200px;
  justify-content:center;
.baracode{
  display: flex;
  flex-direction:column;
  width: 200px;
  height: 54.38px;
.cav{
  width:200px;

}
.barnum{
  width:200px;
  font-size: 10px;
  display: flex;
  color: #333333;
  justify-content:center;
  align-items: center;
  letter-spacing: 0.7em;
}
}
}
.rig{
  display: flex;
  flex-direction: column;
  width: 340px;
  margin-left: 13.75px;
.hz{
  display: flex;
  margin-bottom: 10px;
  font-size: 15px;
}
.bold{
  font-weight: 500;
}
}
}
}
</style>
