1 效果展示

1 空数据

2 有数据

2 完成代码

2.1 SchedulingTable.vue

<template>
  <div class="schedulingTable">
    <el-row :gutter="1" class="row-center">
      <el-col :span="3">
        <el-tag type="" effect="dark" class="elTag"></el-tag>
        长期医嘱
      </el-col>
      <el-col :span="3">
        <el-tag type="warning" effect="dark" class="elTag"></el-tag>
        临时医嘱
      </el-col>
    </el-row>
    <el-row class="mainTable">
      <!-- 表格区域 -->
      <div style="width: 100%;  text-align: center; color: #77797b">患者治疗项目时刻表</div>
      <el-table
        :data="tableData"
        class="psTable"
        :header-cell-style="{ background: 'rgb(241, 248, 255)' }"
        :cell-style="{ 'text-align': 'center', background: 'rgb(241, 248, 255)' }"
      >
        <el-table-column prop="title" width="150"></el-table-column>
        <el-table-column align="center">
          <template slot-scope="scope">
            <el-card
              v-for=