train-student/src/layout/index/mainData.vue

6<template>
  <div id="mainData">
    <el-row v-for="(item, index) in lessionclassInfo.lessons" :key="index">
      <el-col :span="24">
        <!-- <el-col :span="24" class="info">
          <el-button type="primary">教师评分</el-button>
        </el-col> -->
        <el-col :span="24" class="beijing">
          <el-col :span="24" class="top">
            <el-col :span="12" class="time">时间</el-col
            ><el-col :span="6" class="date"
              ><el-col :span="24"> {{ item.date }}</el-col
              ><el-col :span="24">{{ week }}</el-col>
            </el-col>
            <el-col :span="6" class="date"
              ><el-col :span="24" class="info">
                <el-button type="primary" @click="$router.push({ path: 'teacherscore/index', query: { id: item.teaid } })">教师评分</el-button></el-col
              >
            </el-col>
          </el-col>
          <el-col :span="24" class="context">
            <el-col :span="12" class="contexttime"><span>8:30 — 11:30</span></el-col
            ><el-col :span="12" class="contextclass"
              ><p>{{ item.subname }}</p>
              <p>{{ item.teaname }}</p>
            </el-col>
            <el-col :span="24">
              <p></p>
            </el-col>
          </el-col>

          <el-col :span="24" class="context">
            <el-col :span="12" class="contexttime"><span>11:30—13:30</span></el-col
            ><el-col :span="12" class="contextclass"><p>午餐+休息</p> </el-col>
          </el-col>
          <el-col :span="24" class="context">
            <el-col :span="12" class="contexttime"><span>11:30—4:30</span></el-col
            ><el-col :span="12" class="contextclass"
              ><p>{{ item.subname }}</p>
              <p>{{ item.teaname }}</p>
            </el-col>
            <el-col :span="24">
              <p></p>
            </el-col>
          </el-col>
          <el-col :span="24" class="context">
            <el-col :span="12" class="contexttime"><span>16:30—17:30</span></el-col
            ><el-col :span="12" class="contextclass"><p>晚餐</p> </el-col>
          </el-col>
          <el-col :span="24" class="context">
            <el-col :span="12" class="contexttime"><span>17:30 — 19:45</span></el-col
            ><el-col :span="12" class="contextclass">
              <p>{{ item.lastLesson }}</p>
            </el-col>
          </el-col>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'mainData',
  props: {
    lessionclassInfo: null,
    lessons: null,
    week: null,
  },
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.info {
  text-align: center;
  padding: 7px 0 0 0;
}
.beijing {
  background-color: #eee;
  min-height: 700px;
}
.top {
  margin: 20px 0 0 0;
}
/deep/.el-button {
  border-radius: 11px;
  padding: 10px 10px 10px 10px;
}
.time {
  background-color: #ffffff;
  height: 70px;
  font-size: 16px;
  padding: 0px 0px 0 50px;
  line-height: 60px;
  color: #222222;
}
.date {
  background-color: #ffffff;
  height: 70px;
  font-size: 16px;

  line-height: 30px;
  color: #222222;
}
.context {
  background-color: #ffffff;
  height: 102px;
  width: 92%;
  margin: 15px 15px 0 15px;
  color: #bbbbbb;
}

.contexttime {
  padding: 15px 20px 0 20px;
}
.contextclass {
  background-color: #ffffff;
  padding: 0 20px 0 20px;
}
</style>