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-cardv-for=