提交 d799ca4b authored 作者: matian's avatar matian

feat:列表数据路由完善

上级 837b7a1b
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<app-container> <app-container>
<app-list v-bind="tableOptions" ref="list"> <app-list v-bind="tableOptions" ref="list">
<template #header-aside> <template #header-aside>
<el-button type="text" style="margin-top:5px;font-size:24px">导出</el-button> <el-button type="text" style="margin-top:5px;font-size:24px" @click="export">导出</el-button>
</template> </template>
</app-list> </app-list>
</app-container> </app-container>
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
remote: { remote: {
}, },
filters: [ filters: [
{ type: 'select', prop: 'class_name', placeholder: '班级名称', label: '班级名称' } { type: 'input', prop: 'class_name', placeholder: '班级名称', label: '班级名称' }
], ],
columns: [ columns: [
{ label: '班级名称', prop: 'paper_title', slots: 'table-name' }, { label: '班级名称', prop: 'paper_title', slots: 'table-name' },
...@@ -34,7 +34,10 @@ export default { ...@@ -34,7 +34,10 @@ export default {
} }
}, },
methods: { methods: {
// 导出
export() {
}
} }
} }
</script> </script>
...@@ -4,10 +4,6 @@ ...@@ -4,10 +4,6 @@
<template v-slot:progress="{ row }"> <template v-slot:progress="{ row }">
<el-progress :percentage="row.progress"></el-progress> <el-progress :percentage="row.progress"></el-progress>
</template> </template>
<!-- 操作 -->
<template v-slot:table-operate="{ row }">
<el-button type="text" size="mini">查看</el-button>
</template>
</app-list> </app-list>
</app-container> </app-container>
</template> </template>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</template> </template>
<!-- 操作 --> <!-- 操作 -->
<template v-slot:table-operate="{ row }"> <template v-slot:table-operate="{ row }">
<el-button type="text" size="mini" @click="toPersonDetail">查看</el-button> <el-button type="text" size="mini" @click="toPersonDetail(row)">查看</el-button>
</template> </template>
</app-list> </app-list>
</app-container> </app-container>
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
remote: { remote: {
}, },
filters: [ filters: [
{ type: 'select', prop: 'class_name', placeholder: '学生姓名', label: '学生姓名' } { type: 'input', prop: 'class_name', placeholder: '学生姓名', label: '学生姓名' }
], ],
columns: [ columns: [
{ label: '学生姓名', prop: 'paper_title', slots: 'table-name' }, { label: '学生姓名', prop: 'paper_title', slots: 'table-name' },
...@@ -42,9 +42,12 @@ export default { ...@@ -42,9 +42,12 @@ export default {
} }
}, },
methods: { methods: {
toPersonDetail() { toPersonDetail(row) {
this.$router.push({ this.$router.push({
path: '/detail' path: '/detail',
query: {
row: row
}
}) })
} }
} }
......
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
<img :src="row.tableImg" alt="" /> <img :src="row.tableImg" alt="" />
</template> </template>
<template v-slot:table-operate="{ row }"> <template v-slot:table-operate="{ row }">
<el-button type="text" size="mini" @click="toClassData">班级数据</el-button> <el-button type="text" size="mini" @click="toClassData(row)">班级数据</el-button>
<el-button type="text" size="mini" @click="toPersonal">个人数据</el-button> <el-button type="text" size="mini" @click="toPersonal(row)">个人数据</el-button>
</template> </template>
</app-list> </app-list>
</app-container> </app-container>
...@@ -17,8 +17,9 @@ ...@@ -17,8 +17,9 @@
export default { export default {
data() { data() {
return { return {
visible: false, conditionList: {
currentClickRow: {} courseList: []
}
} }
}, },
computed: { computed: {
...@@ -28,7 +29,17 @@ export default { ...@@ -28,7 +29,17 @@ export default {
remote: { remote: {
}, },
filters: [ filters: [
{ type: 'select', prop: 'class_name', placeholder: '课程名称', label: '课程名称' } {
type: 'select',
prop: 'class_name',
placeholder: '课程名称',
label: '课程名称',
options: this.conditionList.courseList,
labelKey: 'course_name',
valueKey: 'course_id',
filterable: true,
remote: true
}
], ],
columns: [ columns: [
{ label: '图片', prop: 'tableImg', slots: 'table-img' }, { label: '图片', prop: 'tableImg', slots: 'table-img' },
...@@ -46,14 +57,20 @@ export default { ...@@ -46,14 +57,20 @@ export default {
} }
}, },
methods: { methods: {
toClassData() { toClassData(row) {
this.$router.push({ this.$router.push({
path: '/classDatas' path: '/classDatas',
query: {
row: row
}
}) })
}, },
toPersonal() { toPersonal(row) {
this.$router.push({ this.$router.push({
path: '/personal' path: '/personal',
query: {
row: row
}
}) })
} }
} }
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<app-container> <app-container>
<app-list v-bind="tableOptions" ref="list"> <app-list v-bind="tableOptions" ref="list">
<template v-slot:table-name="{ row }"> <template v-slot:table-name="{ row }">
<el-button type="text" @click="toPersonal">{{ row.class_name }}</el-button> <el-button type="text" @click="toPersonal(row)">{{ row.class_name }}</el-button>
</template> </template>
</app-list> </app-list>
</app-container> </app-container>
...@@ -41,9 +41,12 @@ export default { ...@@ -41,9 +41,12 @@ export default {
} }
}, },
methods: { methods: {
toPersonal() { toPersonal(row) {
this.$router.push({ this.$router.push({
path: '/PersonalList' path: '/PersonalList',
query: {
row: row
}
}) })
} }
} }
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<app-container> <app-container>
<app-list v-bind="tableOptions" ref="list"> <app-list v-bind="tableOptions" ref="list">
<template v-slot:class_name="{ row }"> <template v-slot:class_name="{ row }">
<el-button type="text" @click="toPersonal">{{ row.class_name }}</el-button> <el-button type="text" @click="toPersonal(row)">{{ row.class_name }}</el-button>
</template> </template>
</app-list> </app-list>
</app-container> </app-container>
...@@ -40,9 +40,12 @@ export default { ...@@ -40,9 +40,12 @@ export default {
} }
}, },
methods: { methods: {
toPersonal() { toPersonal(row) {
this.$router.push({ this.$router.push({
path: '/PersonalList' path: '/PersonalList',
query: {
row: row
}
}) })
} }
} }
......
...@@ -45,9 +45,12 @@ export default { ...@@ -45,9 +45,12 @@ export default {
} }
}, },
methods: { methods: {
toExamData() { toExamData(row) {
// this.$router.push({ // this.$router.push({
// path:'' // path: '',
// query: {
// row: row
// }
// }) // })
} }
} }
......
...@@ -40,10 +40,12 @@ export default { ...@@ -40,10 +40,12 @@ export default {
} }
}, },
methods: { methods: {
toPersonal(row) {
toPersonal() {
this.$router.push({ this.$router.push({
path: '/PersonalList' path: '/PersonalList',
query: {
row: row
}
}) })
} }
} }
......
...@@ -14,6 +14,10 @@ ...@@ -14,6 +14,10 @@
export default { export default {
data() { data() {
return { return {
conditionList: {
examList: [],
courseList: []
}
} }
}, },
computed: { computed: {
...@@ -23,8 +27,28 @@ export default { ...@@ -23,8 +27,28 @@ export default {
remote: { remote: {
}, },
filters: [ filters: [
{ type: 'select', prop: 'class_name', placeholder: '考试名称', label: '考试名称' }, {
{ type: 'select', prop: 'paper_title', placeholder: '所属课程', label: '所属课程' } type: 'select',
prop: 'class_name',
placeholder: '考试名称',
label: '考试名称',
options: this.conditionList.examList,
labelKey: 'exam_name',
valueKey: 'exam_id',
filterable: true,
remote: true
},
{
type: 'select',
prop: 'course',
placeholder: '所属课程',
label: '所属课程',
options: this.conditionList.courseList,
labelKey: 'course_name',
valueKey: 'course_id',
filterable: true,
remote: true
}
], ],
columns: [ columns: [
{ label: '考试名称', prop: 'paper_title', slots: 'table-name' }, { label: '考试名称', prop: 'paper_title', slots: 'table-name' },
...@@ -47,13 +71,21 @@ export default { ...@@ -47,13 +71,21 @@ export default {
} }
}, },
methods: { methods: {
toExamData () { toExamData(row) {
// this.$router.push({
// path: '',
// query: {
// row: row
// }
// })
}, },
// 班级数据 // 班级数据
toClassData() { toClassData(row) {
this.$router.push({ this.$router.push({
path: '/class' path: '/class',
query: {
row: row
}
}) })
} }
} }
......
...@@ -41,9 +41,12 @@ export default { ...@@ -41,9 +41,12 @@ export default {
} }
}, },
methods: { methods: {
toPersonal() { toPersonal(row) {
this.$router.push({ this.$router.push({
path: '/person' path: '/person',
query: {
row: row
}
}) })
} }
} }
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<app-container> <app-container>
<app-list v-bind="tableOptions" ref="list"> <app-list v-bind="tableOptions" ref="list">
<template v-slot:class_name="{ row }"> <template v-slot:class_name="{ row }">
<el-button type="text" @click="toPersonal">{{ row.class_name }}</el-button> <el-button type="text" @click="toPersonal(row)">{{ row.class_name }}</el-button>
</template> </template>
</app-list> </app-list>
</app-container> </app-container>
...@@ -40,9 +40,12 @@ export default { ...@@ -40,9 +40,12 @@ export default {
} }
}, },
methods: { methods: {
toPersonal() { toPersonal(row) {
this.$router.push({ this.$router.push({
path: '/PersonalList' path: '/PersonalList',
query: {
row: row
}
}) })
} }
} }
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</template> </template>
<!-- 操作 --> <!-- 操作 -->
<template v-slot:table-operate="{ row }"> <template v-slot:table-operate="{ row }">
<el-button type="text" size="mini">查看</el-button> <el-button type="text" size="mini" @click="toDetail(row)">查看</el-button>
</template> </template>
</app-list> </app-list>
</app-container> </app-container>
...@@ -43,7 +43,14 @@ export default { ...@@ -43,7 +43,14 @@ export default {
} }
}, },
methods: { methods: {
toDetail(row) {
// this.$router.push({
// path:'',
// query:{
// row:row
// }
// })
}
} }
} }
</script> </script>
...@@ -41,9 +41,12 @@ export default { ...@@ -41,9 +41,12 @@ export default {
}, },
methods: { methods: {
toPersonal() { toPersonal(row) {
this.$router.push({ this.$router.push({
path: '/PersonalList' path: '/PersonalList',
query: {
row: row
}
}) })
} }
} }
......
...@@ -48,9 +48,12 @@ export default { ...@@ -48,9 +48,12 @@ export default {
} }
}, },
methods: { methods: {
toClassData() { toClassData(row) {
this.$router.push({ this.$router.push({
path: '/classList' path: '/classList',
query: {
row: row
}
}) })
} }
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论