|
|
@@ -6,9 +6,16 @@
|
|
|
<NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
|
|
|
- <p @click="clickBtn(index)">{{ item.classname }}</p>
|
|
|
- </el-col>
|
|
|
+ <span v-if="display">
|
|
|
+ <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
|
|
|
+ <p @click="clickBtn(index)">{{ item.title }}</p>
|
|
|
+ </el-col>
|
|
|
+ </span>
|
|
|
+ <span v-else>
|
|
|
+ <el-col :span="24" class="list" v-for="(item, index) in classList" :key="index">
|
|
|
+ <p @click="classBtn(index)">{{ item.classname }}</p>
|
|
|
+ </el-col>
|
|
|
+ </span>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -29,13 +36,24 @@ export default {
|
|
|
title: '',
|
|
|
isleftarrow: '',
|
|
|
navShow: true,
|
|
|
- // 班級列表
|
|
|
+ display: true,
|
|
|
+ // 计划列表
|
|
|
list: [
|
|
|
{
|
|
|
- classname: '班級一',
|
|
|
+ title: '计划一',
|
|
|
},
|
|
|
{
|
|
|
- classname: '班級一',
|
|
|
+ title: '计划二',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // 计划id
|
|
|
+ planId: '',
|
|
|
+ classList: [
|
|
|
+ {
|
|
|
+ classname: '班级一',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ classname: '班级二',
|
|
|
},
|
|
|
],
|
|
|
};
|
|
|
@@ -43,6 +61,12 @@ export default {
|
|
|
created() {},
|
|
|
methods: {
|
|
|
clickBtn(index) {
|
|
|
+ // index:计划id
|
|
|
+ this.display = false;
|
|
|
+ this.$set(this, `planId`, index);
|
|
|
+ },
|
|
|
+ classBtn(index) {
|
|
|
+ // index:班级id
|
|
|
this.$router.push({ path: '/home/index', query: { id: index } });
|
|
|
},
|
|
|
},
|
