|
|
@@ -6,121 +6,116 @@
|
|
|
<NavBar v-show="navShow" title="班级信息" :isleftarrow="isleftarrow"> </NavBar>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="clickBtn">
|
|
|
- <el-col :span="24" class="messageInfo">
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">班级名称</p>
|
|
|
- <p class="name">{{ classinfo.name }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">班级人数</p>
|
|
|
- <p class="name">{{ classinfo.number }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">批次</p>
|
|
|
- <p class="name">{{ classinfo.batch }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">期</p>
|
|
|
- <p class="name">{{ classinfo.term }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">班主任</p>
|
|
|
- <p class="name">{{ dirInfo.name }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">班主任电话</p>
|
|
|
- <p class="name">
|
|
|
- <a :href="`tel:${dirInfo.phone}`">{{ dirInfo.phone }}</a>
|
|
|
- </p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">礼仪课老师</p>
|
|
|
- <p class="name">{{ classinfo.lyteacher }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">用餐地点</p>
|
|
|
- <p class="name">{{ classinfo.yclocation }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">拓展计划地点</p>
|
|
|
- <p class="name">{{ classinfo.kzjhlocation }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">开班仪式地点</p>
|
|
|
- <p class="name">{{ classinfo.kbyslocation }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">教室位置</p>
|
|
|
- <p class="name">{{ classinfo.jslocation }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">班级类型</p>
|
|
|
- <p class="name">
|
|
|
- <span>{{ getType(classinfo.type) }}</span>
|
|
|
- </p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">班级名称</p>
|
|
|
+ <p class="name">{{ classinfo.name }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">班级人数</p>
|
|
|
+ <p class="name">{{ classinfo.number }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">批次</p>
|
|
|
+ <p class="name">{{ classinfo.batch }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">期</p>
|
|
|
+ <p class="name">{{ classinfo.term }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">班主任</p>
|
|
|
+ <p class="name">{{ dirInfo.name }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">班主任电话</p>
|
|
|
+ <p class="name">
|
|
|
+ <a :href="`tel:${dirInfo.phone}`">{{ dirInfo.phone }}</a>
|
|
|
+ </p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">礼仪课老师</p>
|
|
|
+ <p class="name">{{ classinfo.lyteacher }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">用餐地点</p>
|
|
|
+ <p class="name">{{ classinfo.yclocation }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">拓展计划地点</p>
|
|
|
+ <p class="name">{{ classinfo.kzjhlocation }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">开班仪式地点</p>
|
|
|
+ <p class="name">{{ classinfo.kbyslocation }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">教室位置</p>
|
|
|
+ <p class="name">{{ classinfo.jslocation }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">班级类型</p>
|
|
|
+ <p class="name">
|
|
|
+ <span>{{ getType(classinfo.type) }}</span>
|
|
|
+ </p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
@@ -192,28 +187,39 @@ p {
|
|
|
padding: 0;
|
|
|
margin: 0;
|
|
|
}
|
|
|
-.messageInfo {
|
|
|
- margin: 0 0 10px 0;
|
|
|
-}
|
|
|
-.mess {
|
|
|
- min-height: 50px;
|
|
|
- border-bottom: 1px solid #efeff4;
|
|
|
-}
|
|
|
-.info {
|
|
|
- padding: 0 15px;
|
|
|
+.style {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 667px;
|
|
|
+ position: relative;
|
|
|
+ background-color: #f9fafc;
|
|
|
}
|
|
|
-.info .title {
|
|
|
- font-size: 14px;
|
|
|
- color: #92a1b1;
|
|
|
- padding: 4px 0;
|
|
|
+.top {
|
|
|
+ height: 46px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-.info .name {
|
|
|
- font-size: 16px;
|
|
|
- color: #000;
|
|
|
+.main {
|
|
|
+ height: 570px;
|
|
|
+ overflow-y: auto;
|
|
|
+ padding: 0 0 40px 0;
|
|
|
}
|
|
|
-.icon {
|
|
|
- padding: 11px 0;
|
|
|
- font-size: 20px;
|
|
|
- color: #ccc;
|
|
|
+.mess {
|
|
|
+ border-bottom: 1px solid #efeff4;
|
|
|
+ .info {
|
|
|
+ padding: 0 15px;
|
|
|
+ }
|
|
|
+ .info .title {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #92a1b1;
|
|
|
+ padding: 4px 0;
|
|
|
+ }
|
|
|
+ .info .name {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .icon {
|
|
|
+ padding: 11px 0;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #ccc;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
