<template>
<div style="background-color: #f0f2f5; padding-bottom: 20px; min-height: 100%; " >
  <div style="padding: 20px; background-color: #fff;">
     用药报告详情
  </div>
<div class="contentx" v-if="item!=null">
  <div class="desct"> 用药报告信息</div>
  <el-descriptions title="" :column="3" border>
    <el-descriptions-item label="订单编号"><span v-if="item!=null">{{item.orderCode}}</span></el-descriptions-item>
    <el-descriptions-item label="病人名称"><span v-if="item!=null">{{item.patientName}}</span></el-descriptions-item>
    <el-descriptions-item label="医生名称"><span v-if="item!=null">{{item.doctorNane}}</span></el-descriptions-item>
    <el-descriptions-item label="状态"><span v-if="item!=null"> <dict-tag :options="statusOptions" :value="item.status"/></span></el-descriptions-item>
    <el-descriptions-item label="咨询总结"><span v-if="item!=null">{{item.reportSummary}}</span></el-descriptions-item>
    <el-descriptions-item label="生活建议"span="3"><span v-if="item!=null">{{item.reportAdvice}}</span></el-descriptions-item>
    <el-descriptions-item label="备注"span="3"><span v-if="item!=null">{{item.remark}}</span></el-descriptions-item>
    <el-descriptions-item label="评分"span="3"><span v-if="item!=null"><span v-html="item.pingStar"></span></span></el-descriptions-item>
    <el-descriptions-item label="评价" span="3"><span v-if="item!=null"> <span v-html="item.pingContent"></span></span></el-descriptions-item>
    <el-descriptions-item label="评价时间" span="3"><span v-if="item!=null"> <span v-html="item.pingTime"></span></span></el-descriptions-item>
    <el-descriptions-item label="创建时间" span="3"><span v-if="item!=null"> <span v-html="item.createTime"></span></span></el-descriptions-item>
  </el-descriptions>
  </div>
</div>
</template>

<script>
import { listDrugReport, getDrugReport, delDrugReport, addDrugReport, updateDrugReport, exportDrugReport } from "@/api/his/drugReport";
  export default {
    name: "drugReportDetail",
    data() {
      return {
        item:null,
        statusOptions:[]
      }
    },
    created() {
      this.getDicts("sys_drug_report_status").then(response => {
        this.statusOptions = response.data;
      });
    },
    methods: {
      getDetails(orderId) {
        this.item=null;
        getDrugReport(orderId).then(response => {
            this.item = response.data;

        });
      },
    }
  }
</script>
<style>
  .contentx{
      height: 100%;
      background-color: #fff;
      padding: 0px 20px 20px;


      margin: 20px;
  }
  .el-descriptions-item__label.is-bordered-label{
    font-weight: normal;
  }
  .el-descriptions-item__content {
    max-width: 150px;
    min-width: 100px;
  }
  .desct{
      padding-top: 20px;
      padding-bottom: 20px;
      color: #524b4a;
      font-weight: bold;
    }

</style>
