Skip to content

T
tea_resources_pc
Commit 6c9982b2 authored by 张伯涛's avatar 张伯涛
Browse files
Options

bug修改

parent 68fddf63
Show whitespace changes
Inline Side-by-side
Showing with 369 additions and 273 deletions
src/views/learningCenter/children/statistics.vue
View file @ 6c9982b2
<template>
<page-layout>
<el-tabs class="tab-box" v-model="activeName" @tab-click="handleClick">
<el-tabs v-model="activeName" class="tab-box" @tab-click="handleClick">
<el-tab-pane label="课程" name="first">
<el-row :gutter="20">
<el-col :span="6">
<RankStatistics></RankStatistics>
<RankStatistics />
</el-col>
<el-col :span="18">
<typeStatistics></typeStatistics>
<typeStatistics />
</el-col>
</el-row>
......@@ -18,8 +18,8 @@
</div>
</div>
<el-form
style="margin-top: 20px;"
ref="queryForm"
style="margin-top: 20px;"
:model="queryClassesParams"
:inline="true"
label-width="70px"
......@@ -29,22 +29,20 @@
v-model="queryClassesParams.lessonName"
placeholder="请输入"
:maxlength="30"
></el-input>
/>
</el-form-item>
<el-form-item prop="name">
<el-button
type="primary"
size="mini"
@click="handleQuery('classes')"
class="search-btn"
>查询</el-button
>
@click="handleQuery('classes')"
>查询</el-button>
<el-button
size="mini"
@click="resetQuery('classes')"
class="reset-btn"
>重置</el-button
>
@click="resetQuery('classes')"
>重置</el-button>
</el-form-item>
</el-form>
<el-table
......@@ -92,11 +90,10 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('totalNumber', scope.row)"
href="javascript:;"
@click="openTable('totalNumber', scope.row)"
>
{{ scope.row.totalNumber }}</a
>
{{ scope.row.totalNumber }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -107,11 +104,10 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('notstartedNumber', scope.row)"
href="javascript:;"
@click="openTable('notstartedNumber', scope.row)"
>
{{ scope.row.notstartedNumber }}</a
>
{{ scope.row.notstartedNumber }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -123,11 +119,10 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('learningNumber', scope.row)"
href="javascript:;"
@click="openTable('learningNumber', scope.row)"
>
{{ scope.row.learningNumber }}</a
>
{{ scope.row.learningNumber }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -138,11 +133,10 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('completedNumber', scope.row)"
href="javascript:;"
@click="openTable('completedNumber', scope.row)"
>
{{ scope.row.completedNumber }}</a
>
{{ scope.row.completedNumber }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -153,15 +147,14 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('examineNumber', scope.row)"
href="javascript:;"
@click="openTable('examineNumber', scope.row)"
>
{{ scope.row.examineNumber }}</a
>
{{ scope.row.examineNumber }}</a>
</template>
</el-table-column>
</el-table>
<div class="pagination-list" v-show="classesTotal > 0">
<div v-show="classesTotal > 0" class="pagination-list">
<pagination
:total="classesTotal"
:background="false"
......@@ -181,8 +174,8 @@
</div>
</div>
<el-form
style="margin-top: 20px;"
ref="queryForm"
style="margin-top: 20px;"
:model="queryGroupParams"
:inline="true"
label-width="70px"
......@@ -192,22 +185,20 @@
v-model="queryGroupParams.name"
placeholder="请输入"
:maxlength="30"
></el-input>
/>
</el-form-item>
<el-form-item prop="name">
<el-button
type="primary"
size="mini"
@click="handleQuery('group')"
class="search-btn"
>查询</el-button
>
@click="handleQuery('group')"
>查询</el-button>
<el-button
size="mini"
@click="resetQuery('group')"
class="reset-btn"
>重置</el-button
>
@click="resetQuery('group')"
>重置</el-button>
</el-form-item>
</el-form>
<el-table
......@@ -232,8 +223,7 @@
show-overflow-tooltip
min-width="130"
align="center"
>
</el-table-column>
/>
<el-table-column
label="小组人数"
show-overflow-tooltip
......@@ -243,10 +233,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('personCount', scope.row)"
href="javascript:;"
>{{ scope.row.personCount }}</a
>
@click="openTable('personCount', scope.row)"
>{{ scope.row.personCount }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -258,10 +247,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('courseCount', scope.row)"
href="javascript:;"
>{{ scope.row.courseCount }}</a
>
@click="openTable('courseCount', scope.row)"
>{{ scope.row.courseCount }}</a>
</template>
</el-table-column>
......@@ -273,10 +261,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('gstatusCount1', scope.row)"
href="javascript:;"
>{{ scope.row.statusCount1 }}</a
>
@click="openTable('gstatusCount1', scope.row)"
>{{ scope.row.statusCount1 }}</a>
</template>
</el-table-column>
......@@ -288,10 +275,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('gstatusCount2', scope.row)"
href="javascript:;"
>{{ scope.row.statusCount2 }}</a
>
@click="openTable('gstatusCount2', scope.row)"
>{{ scope.row.statusCount2 }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -302,14 +288,13 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('gstatusCount3', scope.row)"
href="javascript:;"
>{{ scope.row.statusCount3 }}</a
>
@click="openTable('gstatusCount3', scope.row)"
>{{ scope.row.statusCount3 }}</a>
</template>
</el-table-column>
</el-table>
<div class="pagination-list" v-show="groupTotal > 0">
<div v-show="groupTotal > 0" class="pagination-list">
<pagination
:total="groupTotal"
:background="false"
......@@ -329,8 +314,8 @@
</div>
</div>
<el-form
style="margin-top: 20px;"
ref="queryForm"
style="margin-top: 20px;"
:model="queryUserParams"
:inline="true"
>
......@@ -339,29 +324,27 @@
v-model="queryUserParams.name"
:maxlength="30"
placeholder="请输入"
></el-input>
/>
</el-form-item>
<el-form-item label="小组:" prop="groupName">
<el-input
v-model="queryUserParams.groupName"
:maxlength="30"
placeholder="请输入"
></el-input>
/>
</el-form-item>
<el-form-item prop="name">
<el-button
type="primary"
size="mini"
@click="handleQuery('user')"
class="search-btn"
>查询</el-button
>
@click="handleQuery('user')"
>查询</el-button>
<el-button
size="mini"
@click="resetQuery('user')"
class="reset-btn"
>重置</el-button
>
@click="resetQuery('user')"
>重置</el-button>
</el-form-item>
</el-form>
<el-table class="list-table" :loading="loading" :data="tableUserData">
......@@ -381,21 +364,21 @@
prop="name"
min-width="130"
align="center"
></el-table-column>
/>
<el-table-column
label="手机号"
prop="phone"
show-overflow-tooltip
min-width="130"
align="center"
></el-table-column>
/>
<el-table-column
label="小组"
prop="groupName"
show-overflow-tooltip
min-width="130"
align="center"
></el-table-column>
/>
<el-table-column
label="计划课程总数"
show-overflow-tooltip
......@@ -405,10 +388,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('total', scope.row)"
href="javascript:;"
>{{ scope.row.total }}</a
>
@click="openTableStudent('total', scope.row)"
>{{ scope.row.total }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -419,10 +401,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('learning', scope.row)"
href="javascript:;"
>{{ scope.row.learning }}</a
>
@click="openTableStudent('learning', scope.row)"
>{{ scope.row.learning }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -433,10 +414,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('finish', scope.row)"
href="javascript:;"
>{{ scope.row.finish }}</a
>
@click="openTableStudent('finish', scope.row)"
>{{ scope.row.finish }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -447,10 +427,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('notStart', scope.row)"
href="javascript:;"
>{{ scope.row.notStart }}</a
>
@click="openTableStudent('notStart', scope.row)"
>{{ scope.row.notStart }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -461,10 +440,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('examedNumber', scope.row)"
href="javascript:;"
>{{ scope.row.examedNumber }}</a
>
@click="openTableStudent('examedNumber', scope.row)"
>{{ scope.row.examedNumber }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -475,14 +453,13 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('notExamedNumber', scope.row)"
href="javascript:;"
>{{ scope.row.notExamedNumber }}</a
>
@click="openTableStudent('notExamedNumber', scope.row)"
>{{ scope.row.notExamedNumber }}</a>
</template>
</el-table-column>
</el-table>
<div class="pagination-list" v-show="userTotal > 0">
<div v-show="userTotal > 0" class="pagination-list">
<pagination
:total="userTotal"
:background="false"
......@@ -502,8 +479,8 @@
</div>
</div>
<el-form
style="margin-top: 20px;"
ref="queryForm"
style="margin-top: 20px;"
:model="queryCheckParams"
:inline="true"
label-width="70px"
......@@ -513,22 +490,20 @@
v-model="queryCheckParams.lessonName"
placeholder="请输入"
:maxlength="30"
></el-input>
/>
</el-form-item>
<el-form-item prop="name">
<el-button
type="primary"
size="mini"
@click="handleQuery('check')"
class="search-btn"
>查询</el-button
>
@click="handleQuery('check')"
>查询</el-button>
<el-button
size="mini"
@click="resetQuery('user')"
class="reset-btn"
>重置</el-button
>
@click="resetQuery('user')"
>重置</el-button>
</el-form-item>
</el-form>
<el-table
......@@ -553,8 +528,7 @@
label="课程名称"
min-width="130"
align="left"
>
</el-table-column>
/>
<el-table-column
label="试题数"
show-overflow-tooltip
......@@ -584,10 +558,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('assessorsCount', scope.row)"
href="javascript:;"
>{{ scope.row.assessorsCount }}</a
>
@click="openTable('assessorsCount', scope.row)"
>{{ scope.row.assessorsCount }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -629,10 +602,9 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('statusCount1', scope.row)"
href="javascript:;"
>{{ scope.row.statusCount1 }}</a
>
@click="openTable('statusCount1', scope.row)"
>{{ scope.row.statusCount1 }}</a>
</template>
</el-table-column>
<el-table-column
......@@ -644,14 +616,13 @@
<template slot-scope="scope">
<a
class="link-item"
@click="openTable('statusCount2', scope.row)"
href="javascript:;"
>{{ scope.row.statusCount2 }}</a
>
@click="openTable('statusCount2', scope.row)"
>{{ scope.row.statusCount2 }}</a>
</template>
</el-table-column>
</el-table>
<div class="pagination-list" v-show="checkTotal > 0">
<div v-show="checkTotal > 0" class="pagination-list">
<pagination
:total="checkTotal"
:background="false"
......@@ -664,12 +635,14 @@
</div>
</el-tab-pane>
</el-tabs>
<tableDialog :dialog-manager="dialogManager"></tableDialog>
<tableDialog :dialog-manager="dialogManager" />
<student_table-dialog :dialog-manager="dialogManagerStudent" />
</page-layout>
</template>
<script>
import RankStatistics from '../components/rankStatistics'
import _tableDialog from './_tableDialog'
import student_tableDialog from './student_tableDialog.vue'
import typeStatistics from '../components/typeStatistics'
import request from '@/utils/request'
export default {
......@@ -677,11 +650,20 @@ export default {
components: {
RankStatistics,
tableDialog: _tableDialog,
student_tableDialog,
typeStatistics
},
data() {
return {
// 学员的抽屉
dialogManagerStudent: {
dialogVisible: false,
query: [],
params: {},
tableColumn: [],
url: ''
},
dialogManager: {
dialogVisible: false,
query: [],
......@@ -717,6 +699,20 @@ export default {
}
},
computed: {},
created() {
this.activeName = 'first'
this.queryClassesParams.page = 1
this.loadClassesData()
// this.activeName = 'second'
// this.handleClick()
// this.activeName = 'third'
// this.handleClick()
// this.activeName = 'forth'
// this.queryClassesParams.page = 1
// this.loadCheckData()
},
methods: {
handleQuery(type) {
switch (type) {
......@@ -879,6 +875,152 @@ export default {
this.loading = false
})
},
openTableStudent(type, row) {
this.dialogManagerStudent.lessonId = row.lessonId
this.dialogManagerStudent.userId = row.businessId
switch (type) {
// 计划课程总数
case 'total':
this.dialogManagerStudent.url = 'plannedCourseNum'
this.dialogManagerStudent.query = [
{
name: '学员',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '计划课程总数',
value: row.total + '门',
class: 'red'
}
]
this.dialogManagerStudent.tableColumn = [
{ label: '学习类型', prop: 'learningType' },
{ label: '课程名称', prop: 'lessonName' },
{ label: '课程讲师', prop: 'lessonTeaName' },
{ label: '剩余有效天数', prop: 'availableTrialTime' },
{ label: '学习状态', prop: 'learningState' }
]
break
// 学习中课程数
case 'learning':
this.dialogManagerStudent.url = 'learningCourseNum'
this.dialogManagerStudent.query = [
{
name: '学员',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '学习中课程数',
value: row.learning + '门',
class: 'red'
}
]
this.dialogManagerStudent.tableColumn = [
{ label: '学习类型', prop: 'learningType' },
{ label: '课程名称', prop: 'lessonName' },
{ label: '课程讲师', prop: 'lessonTeaName' },
{ label: '剩余有效天数', prop: 'availableTrialTime' },
{ label: '学习进度', prop: 'learningProgress' }
]
break
// 已学完课程数
case 'finish':
this.dialogManagerStudent.url = 'learnedCourseNum'
this.dialogManagerStudent.query = [
{
name: '学员',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '已学完课程数',
value: row.finish + '门',
class: 'red'
}
]
this.dialogManagerStudent.tableColumn = [
{ label: '学习类型', prop: 'learningType' },
{ label: '课程名称', prop: 'lessonName' },
{ label: '课程讲师', prop: 'lessonTeaName' },
{ label: '课时', prop: 'classHour' },
{ label: '完成日期', prop: 'completionDate' }
]
break
// 未开始课程数
case 'notStart':
this.dialogManagerStudent.url = 'noStartedCourseNum'
this.dialogManagerStudent.query = [
{
name: '学员',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '未开始课程数',
value: row.notStart + '门',
class: 'red'
}
]
this.dialogManagerStudent.tableColumn = [
{ label: '学习类型', prop: 'learningType' },
{ label: '课程名称', prop: 'lessonName' },
{ label: '课程讲师', prop: 'lessonTeaName' },
{ label: '课时', prop: 'classHour' },
{ label: '完成日期', prop: 'completionDate' }
]
break
// 参与考核课程数
case 'examedNumber':
this.dialogManagerStudent.url = 'beAssessingCourseNum'
this.dialogManagerStudent.query = [
{
name: '学员',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '参与考核课程数',
value: row.examedNumber + '门',
class: 'red'
}
]
this.dialogManagerStudent.tableColumn = [
{ label: '课程名称', prop: 'lessonName' },
{ label: '满分/及格线', prop: 'fullAndPass' },
{ label: '课程平均分', prop: 'averageGrade' },
{ label: '考核提交时间', prop: 'assessmentCompletionTime' },
{ label: '考核成绩(分)', prop: 'lessonScore' }
]
break
// 未考核课程数
case 'notExamedNumber':
this.dialogManagerStudent.url = 'noAssessedCourseNum'
this.dialogManagerStudent.query = [
{
name: '学员',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '未考核课程数',
value: row.notExamedNumber + '门',
class: 'red'
}
]
this.dialogManagerStudent.tableColumn = [
{ label: '课程名称', prop: 'lessonName' },
{ label: '满分/及格线', prop: 'fullAndPass' },
{ label: '课程平均分', prop: 'averageGrade' },
{ label: '最高分', prop: 'maxScore' },
{ label: '最低分', prop: 'minScore' }
]
break
}
this.dialogManagerStudent.dialogVisible = true
},
openTable(type, row) {
switch (type) {
case 'assessorsCount':
......@@ -1070,7 +1212,7 @@ export default {
{ label: '考核成绩（分)', prop: 'score' }
]
break
//‘组内人数分页查询
// ‘组内人数分页查询
case 'personCount':
this.dialogManager.url = 'pcgroup/groupDetailsAll'
this.dialogManager.params.groupId = row.businessId
......@@ -1094,7 +1236,7 @@ export default {
{ label: '状态', prop: 'flag' }
]
break
//必修课程数分页查询
// 必修课程数分页查询
case 'courseCount':
this.dialogManager.url = 'pcgroup/groupCourseAll'
this.dialogManager.params.groupId = row.businessId
......@@ -1118,7 +1260,7 @@ export default {
{ label: '剩余有效天数', prop: 'effectiveDays' }
]
break
//已完成课程数分页
// 已完成课程数分页
case 'gstatusCount1':
this.dialogManager.url = 'pcgroup/courseCompletedAll'
this.dialogManager.params.groupId = row.businessId
......@@ -1142,7 +1284,7 @@ export default {
{ label: '完成日期', prop: 'completeDate' }
]
break
//未完成必修课人次
// 未完成必修课人次
case 'gstatusCount2':
this.dialogManager.url = 'pcgroup/courseIncompleteAll'
this.dialogManager.params.groupId = row.businessId
......@@ -1189,174 +1331,10 @@ export default {
{ label: '绩效成绩（分）', prop: 'score' }
]
break
case 'total':
this.dialogManager.url = 'studentstatistics/information'
this.dialogManager.params.businessId = row.businessId
this.dialogManager.params.total = true
this.dialogManager.query = [
{
name: '学员：',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '计划课程总数：',
value: row.total + '门',
class: 'red'
}
]
this.dialogManager.tableColumn = [
{ label: '学习类型', prop: 'classType' },
{ label: '课程名称', prop: 'className' },
{ label: '课程讲师', prop: 'classTeacher' },
{ label: '剩余有效天数', prop: 'days' },
{ label: '学习状态 ', prop: 'status' }
]
break
//学习中课程数
case 'learning':
this.dialogManager.url = 'studentstatistics/information'
this.dialogManager.params.businessId = row.businessId
this.dialogManager.params.learning = true
this.dialogManager.query = [
{
name: '学员：',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '学习中课程数',
value: row.learningCourseNum + '门',
class: 'red'
}
]
this.dialogManager.tableColumn = [
{ label: '学习类型', prop: 'classType' },
{ label: '课程名称', prop: 'className' },
{ label: '课程讲师', prop: 'classTeacher' },
{ label: '剩余有效天数', prop: 'days' },
{ label: '学习状态 ', prop: 'status' }
]
break
//已学完课程数
case 'finish':
this.dialogManager.url = 'studentstatistics/information'
this.dialogManager.params.businessId = row.businessId
this.dialogManager.params.finish = true
this.dialogManager.query = [
{
name: '学员：',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '已学完课程数',
value: row.finish + '门',
class: 'red'
}
]
this.dialogManager.tableColumn = [
{ label: '学习类型', prop: 'classType' },
{ label: '课程名称', prop: 'className' },
{ label: '课程讲师', prop: 'classTeacher' },
{ label: '课时', prop: 'classHour' },
{ label: '完成日期', prop: 'finishDate' }
]
break
//未开始课程数
case 'notStart':
this.dialogManager.url = 'studentstatistics/information'
this.dialogManager.params.businessId = row.businessId
this.dialogManager.params.notStart = true
this.dialogManager.query = [
{
name: '学员：',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '未开始课程数',
value: row.notStart + '门',
class: 'red'
}
]
this.dialogManager.tableColumn = [
{ label: '学习类型', prop: 'classType' },
{ label: '课程名称', prop: 'className' },
{ label: '课程讲师', prop: 'classTeacher' },
{ label: '剩余有效天数', prop: 'days' },
{ label: '学习状态 ', prop: 'status' }
]
break
//参与考核课程数
case 'examedNumber':
this.dialogManager.url = 'studentstatistics/information'
this.dialogManager.params.businessId = row.businessId
this.dialogManager.params.examedNumber = true
this.dialogManager.query = [
{
name: '学员：',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '参与考核课程数',
value: row.examedNumber + '门',
class: 'red'
}
]
this.dialogManager.tableColumn = [
{ label: '课程名称', prop: 'className' },
{ label: '满分/及格线', prop: 'standard' },
{ label: '课程平均分', prop: 'courseAverage' },
{ label: '考核提交时间', prop: 'submissionTime' },
{ label: '考核成绩（分）', prop: 'score' }
]
break
//未考核课程数
case 'notExamedNumber':
this.dialogManager.url = 'studentstatistics/information'
this.dialogManager.params.businessId = row.businessId
this.dialogManager.params.notExamedNumber = true
this.dialogManager.query = [
{
name: '学员：',
value: row.name + '-' + row.phone,
class: ''
},
{
name: '未考核课程数',
value: row.notExamedNumber + '门',
class: 'red'
}
]
this.dialogManager.tableColumn = [
{ label: '课程名称', prop: 'className' },
{ label: '满分/及格线', prop: 'standard' },
{ label: '课程平均分', prop: 'courseAverage' },
{ label: '考核提交时间', prop: 'submissionTime' },
{ label: '考核成绩（分）', prop: 'score' }
]
break
}
this.dialogManager.dialogVisible = true
}
},
created() {
this.activeName = 'first'
this.queryClassesParams.page = 1
this.loadClassesData()
// this.activeName = 'second'
// this.handleClick()
// this.activeName = 'third'
// this.handleClick()
// this.activeName = 'forth'
// this.queryClassesParams.page = 1
// this.loadCheckData()
}
}
</script>
......
src/views/learningCenter/children/student_tableDialog.vue 0 → 100644
View file @ 6c9982b2
<template>
<el-drawer
title="统计明细"
:visible.sync="dialogManager.dialogVisible"
direction="rtl"
size="60%"
:before-close="
() => {
dialogManager.dialogVisible = false
}
"
>
<el-row class="search-form">
<el-col :span="12" :key="k" v-for="(i, k) in dialogManager.query">
<div class="search-form-item">
<div class="item-label">{{ i.name }}:</div>
<div class="item-content" :class="i.class">
{{ i.value }}
</div>
</div>
</el-col>
</el-row>
<div style="padding: 20px;">
<el-table :data="tableData" v-loading="loading" style="width: 100%">
<el-table-column type="index" width="70" label="序号" align="center">
<template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
v-for="(item, key) in dialogManager.tableColumn"
:key="key"
:prop="item.prop"
:label="item.label"
min-width="120"
align="center"
>
</el-table-column>
</el-table>
<div class="pagination-list" v-show="total > 0">
<pagination
:total="total"
:background="false"
layout="total, sizes, prev, pager, next, jumper"
:page.sync="queryParams.page"
:limit.sync="queryParams.rows"
@pagination="loadData"
/>
</div>
</div>
</el-drawer>
</template>
<script>
import page from '@/mixins/page'
import request from '@/utils/request'
export default {
props: {
dialogManager: {}
},
data() {
return {
tableData: [],
queryParams: {
page: 1,
rows: 20
}
}
},
mixins: [page],
methods: {
loadData() {
if (!this.dialogManager.url) {
return
}
this.loading = true
request({
url: '/blesson/pagingStatisticsDetail',
method: 'get',
params: {
...this.queryParams,
...{
lessonId: this.dialogManager.lessonId, //课程id
userId: this.dialogManager.userId, //用户id
viewType: 1, // 视图类型（0：课程；1：学员）
statisticalType: this.dialogManager.url
}
},
headers: {
// 'Content-Type': 'application/json'
'Content-Type': 'application/x-www-form-urlencode'
}
})
.then(res => {
console.log('cehhsdd')
this.tableData = res.data.records
console.log(this.tableData)
console.log(this.dialogManager.tableColumn)
this.total = res.data.total
this.loading = false
})
.catch(error => {
if (error.msg) {
this.$message.error(error.msg)
}
this.loading = false
})
}
},
watch: {
'dialogManager.dialogVisible'(val) {
if (val) {
this.loadData()
}
}
}
}
</script>
<style></style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment