xx-doctor-web-html/src/components/medical/doc/discharge.vue

<template>
  <div class="doc">
    <div v-html="data" />
    <div v-if="false">
      <div
        v-for="(item, index) of data"
        :key="'item_' + index"
        class="doc-item"
      >
        <div v-if="item.name">
          <div v-if="item.title && item.title != ''" class="title">
            {{ item.title }}:
          </div>
          <div
            v-if="item.name == '039B35D4DC7148CBB7A93CF0122BD571'"
            class="title"
          >
            基本信息:
          </div>

          <div v-if="item.name == 'ADMISSION_DIAGNOSIS'" class="title">
            入院诊断:
          </div>

          <div v-if="item.name == 'DISCHARGE_DIAGNOSIS'" class="title">
            出院诊断:
          </div>

          <div v-if="item.title != ''" class="des">
            {{ item.content }}
          </div>
          <div v-else class="des">
            <div
              v-if="
                item.name == 'DISCHARGE_DIAGNOSIS' ||
                  item.name == 'ADMISSION_DIAGNOSIS' ||
                  item.name == '039B35D4DC7148CBB7A93CF0122BD571'
              "
              class=""
            >
              {{ item.content }}
            </div>
          </div>
        </div>

        <div v-if="item.id">
          <div v-if="item.filedname && item.filedname != ''" class="title">
            {{ item.filedname }}:
          </div>
          <div
            v-if="item.id == '039B35D4DC7148CBB7A93CF0122BD571'"
            class="title"
          >
            基本信息:
          </div>

          <div v-if="item.id == 'ADMISSION_DIAGNOSIS'" class="title">
            入院诊断:
          </div>

          <div v-if="item.id == 'DISCHARGE_DIAGNOSIS'" class="title">
            出院诊断:
          </div>

          <div v-if="item.title != ''" class="des">
            {{ item.value }}
          </div>
          <div v-else class="des">
            <div
              v-if="
                item.id == 'DISCHARGE_DIAGNOSIS' ||
                  item.id == 'ADMISSION_DIAGNOSIS' ||
                  item.id == '039B35D4DC7148CBB7A93CF0122BD571'
              "
              class=""
            >
              {{ item.value }}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ExamsReports',
  props: {
    data: {
      required: true,
      type: Object,
      show: false
    }
  },
  data() {
    return {}
  },
  computed: {},
  methods: {}
}
</script>

    <style scoped lang="scss">
.doc-item {
  .title {
    margin-bottom: 10px;
    font-weight: bold;
  }
  .des {
    margin-bottom: 20px;
    line-height: 1.4;
    color: #333;
    margin-left: 40px;
    font-size: 14px;
  }
}
</style>