班级信息

src/layout/common/classInfo.vue

@@ -0,0 +1,108 @@
+<template>
+  <div id="classInfo">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <span>第{{ info.termid }}期</span>
+          <span>第{{ info.batchid }}批次</span>
+          <span>{{ info.name }}班</span>
+        </el-col>
+        <el-col :span="24" class="lesson">
+          <el-table :data="info.lessonid" style="width: 100%" border>
+            <el-table-column prop="date" label="日期" width="100px" align="center"> </el-table-column>
+            <el-table-column prop="week" label="星期" align="center"> </el-table-column>
+            <el-table-column prop="subname" label="课程" align="center"> </el-table-column>
+            <el-table-column prop="teaname" label="任课教师" align="center"> </el-table-column>
+          </el-table>
+        </el-col>
+        <el-col :span="24" class="otherInfo">
+          <!-- <van-field v-model="info.headteacherid" label="班主任" readonly />
+          <van-field v-model="info.lyteacherid" label="礼仪课教师" readonly />
+          <van-field v-model="info.jslocationid" label="教室地点" readonly />
+          <van-field v-model="info.kbyslocationid" label="开班地点" readonly />
+          <van-field v-model="info.kzjhlocationid" label="拓展训练地点" readonly />
+          <van-field v-model="info.yclocationid" label="用餐地点" readonly /> -->
+          <p>
+            <span class="title">班主任：</span>
+            <span class="name">{{ info.headteacherid }}</span>
+          </p>
+          <p>
+            <span class="title">礼仪课教师：</span>
+            <span class="name">{{ info.lyteacherid }}</span>
+          </p>
+          <p>
+            <span class="title">教室地点：</span>
+            <span class="name">{{ info.jslocationid }}</span>
+          </p>
+          <p>
+            <span class="title">开班地点：</span>
+            <span class="name">{{ info.kbyslocationid }}</span>
+          </p>
+          <p>
+            <span class="title">拓展训练地点：</span>
+            <span class="name">{{ info.kzjhlocationid }}</span>
+          </p>
+          <p>
+            <span class="title">用餐地点：</span>
+            <span class="name">{{ info.yclocationid }}</span>
+          </p>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'classInfo',
+  props: {
+    info: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.info {
+  padding: 0 15px;
+}
+.top {
+  padding: 15px 0;
+}
+.top span {
+  font-size: 16px;
+}
+/deep/.el-table td {
+  padding: 10px 0;
+}
+/deep/.el-table th {
+  padding: 5px 0;
+  background-color: #f7f7f7;
+}
+.lesson {
+  margin: 0 0 15px 0;
+}
+/deep/.van-field__label {
+  width: 100px;
+}
+.otherInfo p {
+  padding: 14px 0;
+}
+.otherInfo p .title {
+  padding: 0 0 0 20px;
+  width: 120px;
+  display: inline-block;
+}
+.otherInfo p .name {
+  color: #616161;
+  padding: 0 0;
+}
+</style>

src/router/index.js

@@ -10,6 +10,11 @@ const routes = [
     name: 'index',
     component: () => import('../views/index.vue'),
   },
+  // 班级信息
+  {
+    path: '/classinfo',
+    component: () => import('../views/classinfo.vue'),
+  },
   // 班级名单
   {
     path: '/class/index',

src/views/classinfo.vue

@@ -0,0 +1,92 @@
+<template>
+  <div id="classinfo">
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-col :span="24" class="top">
+          <topInfo></topInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <classInfo :info="info"></classInfo>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/common/topInfo.vue';
+import classInfo from '@/layout/common/classInfo.vue';
+
+export default {
+  name: 'classinfo',
+  props: {},
+  components: {
+    topInfo, //头部信息
+    classInfo, //班级信息
+  },
+  data: () => ({
+    info: {
+      termid: '1',
+      batchid: '1',
+      name: '1',
+      headteacherid: '班主任',
+      lyteacherid: '礼仪课教师',
+      jslocationid: '教室地点',
+      kbyslocationid: '开班地点',
+      kzjhlocationid: '拓展训练地点',
+      yclocationid: '用餐地点',
+      lessonid: [
+        {
+          date: '2020-02-28',
+          week: '五',
+          subname: '拓展训练',
+          teaname: '测试教师',
+        },
+        {
+          date: '2020-02-28',
+          week: '五',
+          subname: '拓展训练',
+          teaname: '测试教师',
+        },
+        {
+          date: '2020-02-28',
+          week: '五',
+          subname: '拓展训练',
+          teaname: '测试教师',
+        },
+        {
+          date: '2020-02-28',
+          week: '五',
+          subname: '拓展训练',
+          teaname: '测试教师',
+        },
+        {
+          date: '2020-02-28',
+          week: '五',
+          subname: '拓展训练',
+          teaname: '测试教师',
+        },
+      ],
+    },
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.style {
+  width: 100%;
+  min-height: 667px;
+  position: relative;
+  background-color: #f9fafc;
+}
+.top {
+  height: 46px;
+  overflow: hidden;
+}
+.main {
+  min-height: 570px;
+}
+</style>