EOC-UI/src/views/right/components/handleProcess/comp/MedicalReport.vue

<template>
  <CommonPanel title="病例网报" class="people-cd" :img-url="CarImage">
    <el-scrollbar class="scroll-box">
      <div class="case-item">
        <div class="time-box">2024-10-01 12:12</div>
        <div class="name-box">张三</div>
        <div class="result-box">疑似病例</div>
      </div>
      <div class="case-item">
        <div class="time-box">2024-10-01 12:12</div>
        <div class="name-box">张三</div>
        <div class="result-box">疑似病例</div>
      </div>
    </el-scrollbar>
  </CommonPanel>
</template>

<script setup>
import CommonPanel from "../../common/CommonPanel.vue";
import CarImage from "../../../../../assets/img/bingli-icon.png";
</script>

<style lang="scss" scoped>
.people-cd {
  position: fixed;
  top: 160px;
  right: 860px;
  .scroll-box {
    width: 100%;
    height: 100%;
    padding: 10px;
    .case-item {
      display: flex;
      padding: 0 5px;
      padding-right: 20px;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      margin-bottom: 10px;
      background: linear-gradient(
        90deg,
        rgba(16, 87, 138, 0.2) 0%,
        #10578a 52%,
        rgba(16, 87, 138, 0.2) 100%
      );
      border-radius: 0px 0px 0px 0px;
      .time-box {
        width: 145px;
        height: 24px;
        font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
        font-weight: normal;
        font-size: 16px;
        color: #6fe6ff;
        white-space: nowrap;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }
      .name-box {
        width: 101px;
        height: 24px;
        font-family: Alibaba PuHuiTi;
        font-weight: normal;
        font-size: 16px;
        color: #ffffff;
        white-space: nowrap;
        text-align: center;
        font-style: normal;
        text-transform: none;
      }
      .result-box {
        width: 101px;
        height: 24px;
        font-family: Alibaba PuHuiTi;
        font-weight: normal;
        font-size: 16px;
        color: #ffffff;
        white-space: nowrap;
        text-align: center;
        font-style: normal;
        text-transform: none;
      }
    }
  }
}
</style>