大屏 布局调整

eight

2024-09-14 f908ade63f4b7e4662600887cadcf407fa5924b9

大屏 布局调整

 src/views/ecg/callingscreen/bigscreen.vue

@@ -100,7 +100,7 @@
            :data="listReady"
            stripe
            :show-header="false"
            style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7);">
            style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7); font-size: 18px;">
          <el-table-column
              prop="patName"
              label="患者姓名"
@@ -113,43 +113,21 @@
          <el-table-column
              prop="roomName"
              label="诊室"
              width="80"/>
              width="120"/>
        </el-table>
      </el-aside>
      <el-container>
        <el-main style="padding: 0 0 ">
          <el-table
            :data="listWaiting"
            stripe
            :show-header="false"
            style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7);">
            <el-table-column
              prop="patName"
              label="患者姓名"
              width="80"/>
            <el-table-column label="状态" align="center" prop="status" width="80">
              <template #default="scope">
                {{ statusMap.get(scope.row.status) }}
              </template>
            </el-table-column>
          </el-table>
          <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">等候区</el-header>
          <span v-for="(waitingItem, index) in listWaiting" :key="index">
            {{waitingItem.patName + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
          </span>
        </el-main>
        <el-footer height="100px" style="padding: 0 0">
          <el-table
            :data="listPassed"
            stripe
            :show-header="false"
            style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7);">
            <el-table-column
              prop="patName"
              label="患者姓名"
              width="80"/>
            <el-table-column label="状态" align="center" prop="status" width="80">
              <template #default="scope">
                {{ statusMap.get(scope.row.status) }}
              </template>
            </el-table-column>
          </el-table>
          <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">过号区</el-header>
          <span v-for="(passedItem, index) in listPassed" :key="index">
            {{passedItem.patName + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
          </span>
        </el-footer>
      </el-container>
    </el-container>
@@ -158,8 +136,15 @@
</template>

<style scoped lang="scss">
.el-header, .el-footer {
.el-header {
  background-color: var(--el-color-primary-light-7);
  color: #333;
  text-align: center;
  line-height: 60px;
}

.el-footer {
  //background-color: var(--el-color-primary-light-7);
  color: #333;
  text-align: center;
  line-height: 60px;
@@ -173,7 +158,7 @@
}

.el-main {
  background-color: var(--el-color-primary-light-7);
  //background-color: var(--el-color-primary-light-7);
  color: #333;
  text-align: center;
  line-height: 160px;