xiangan_pc/src/components/360View/overView/index.vue

<template>
  <div class="overView">
<!--    病史总览-->
    <div v-for="(item, index) in tableData" :key="index" style="width: 100%;">
      <div class="vieweBox">
        <span class="title">{{ item.category }}</span>
        <span class="time">{{ item.createTime }}</span>
      </div>
      <div v-if="item.category === '门诊'" style="width: 100%;padding-right: 24px;display: flex;justify-content: space-between">
        <div style="margin-right: 32px">
          <p class="info">
            <span class="mr16">主诉:</span>
            <span>{{ item.zs }}</span>
          </p>
          <p class="info">
            <span class="mr16">现病史:</span>
            <span>{{ item.xbs }}</span>
          </p>
          <p class="info">
            <span class="mr16">既往史:</span>
            <span>{{ item.jws }}</span>
          </p>
          <p class="info">
            <span class="mr16">诊断:</span>
            <span>{{ item.zd }}</span>
          </p>
          <p class="info">
            <span class="mr16">治疗意见:</span>
            <span>{{ item.zlyj }}</span>
          </p>
        </div>
        <div style="margin-right: 32px">
          <p class="info">
            <span class="mr16">处置:</span>
          </p>
          <p class="info">
            <span class="mr16">检查:</span>
            <span>{{ item.jc }}</span>
          </p>
          <p class="info">
            <span class="mr16">用药:</span>
            <span>{{ item.yy }}</span>
          </p>
          <p class="info">
            <span class="mr16">治疗:</span>
            <span>{{ item.zl }}</span>
          </p>
        </div>
      </div>
      <div v-if="item.category === '手术'">
        <p class="info">
          <span class="mr16">手术名称:</span>
          <span>{{ item.opName }}</span>
        </p>
        <p class="info">
          <span class="mr16">主刀医生:</span>
          <span>{{ item.mainDrName }}</span>
        </p>
        <p class="info">
          <span class="mr16">手术记录:</span>
          <span></span>
        </p>
      </div>
    </div>
  </div>
</template>
<script>
const Base64 = require('js-base64').Base64
export default {
  components: {
  },
  mixins: [],
  props: {
    patientIdNumber: {
      type: String,
      default: ''
    },
    patientId: {
      type: String,
      default: ''
    },
  },
  inject: ['refresh'],
  data() {
    return {
      tableData: [],
      multipleSelection: [],
    }
  },
  created() {

  },
  mounted() {
    this.getHistoryData()
  },
  methods: {
    async getHistoryData() {
      const { data: res } = await this.$http.get('/patient/view/getHistory', {
        params: {
          patientId: this.patientId
        }
      })
      if (res.code === 0) {
        this.tableData = res.data || []
      } else {
        this.tableData = []
        this.$message.error(res.msg)
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.overView{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  .mt15{
    margin-top: 16px;
  }
  .mr16{
    margin-right: 16px;
  }
  .vieweBox{
    width: 100%;
    padding-left: 16px;
    height: 48px;
    line-height: 48px;
    background-color: #E8F5FF;

    .title{
      font-size: 16px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.88);
      margin-right: 16px;
    }
    .time{
      color: rgba(0, 0, 0, 0.45);
    }
  }
  .info{
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
  }
}
</style>
<style lang="scss">
.specialBox{
  .el-table th{
    background-color: #FAFAFA;
  }
}
</style>