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

feat:列表数据路由完善

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