|
@@ -3,7 +3,13 @@
|
|
<el-card>
|
|
<el-card>
|
|
<headers title="分部排行" :hidenOrgan="true" />
|
|
<headers title="分部排行" :hidenOrgan="true" />
|
|
<div class="wrap">
|
|
<div class="wrap">
|
|
- <el-button type="primary" size="mini" @click="rankingExport" v-permission="'export/cloudStudyStudentOverView'">导出</el-button>
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ size="mini"
|
|
|
|
+ @click="rankingExport"
|
|
|
|
+ v-permission="'export/cloudStudyStudentOverView'"
|
|
|
|
+ >导出</el-button
|
|
|
|
+ >
|
|
<div class="chioseBox">
|
|
<div class="chioseBox">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
v-model="date"
|
|
v-model="date"
|
|
@@ -34,23 +40,75 @@
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
- prop="cloudStudyLivelyStudentNum"
|
|
|
|
- label="活跃人数"
|
|
|
|
|
|
+ prop="totalStudentNum"
|
|
|
|
+ label="学员总数"
|
|
>
|
|
>
|
|
|
|
+ <template slot="header" slot-scope="slot">
|
|
|
|
+ <div class="titleCell">
|
|
|
|
+ <span>学员总数</span>
|
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
|
+ <div slot="content">分部下所有学员</div>
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
|
+ style="
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #f56c6c;
|
|
|
|
+ top: 2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ ></i>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
|
|
+ <el-table-column
|
|
align="center"
|
|
align="center"
|
|
- prop="totalStudentNum"
|
|
|
|
- label="学员总数"
|
|
|
|
|
|
+ prop="cloudStudyLivelyStudentNum"
|
|
|
|
+ label="活跃人数"
|
|
>
|
|
>
|
|
|
|
+ <template slot="header" slot-scope="slot">
|
|
|
|
+ <div class="titleCell">
|
|
|
|
+ <span>活跃人数</span>
|
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
|
+ <div slot="content">近15天内使用达到5天及以上的用户总数</div>
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
|
+ style="
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #f56c6c;
|
|
|
|
+ top: 2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ ></i>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+
|
|
<!-- -->
|
|
<!-- -->
|
|
<el-table-column
|
|
<el-table-column
|
|
- sortable
|
|
|
|
|
|
+ sortable="custom"
|
|
align="center"
|
|
align="center"
|
|
prop="cloudStudyLivelyStudentDuty"
|
|
prop="cloudStudyLivelyStudentDuty"
|
|
- label="活跃人数占比"
|
|
|
|
|
|
+ label="活跃人数比"
|
|
>
|
|
>
|
|
|
|
+ <template slot="header" slot-scope="slot">
|
|
|
|
+ <div class="titleCell">
|
|
|
|
+ <span>活跃人数比</span>
|
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
|
+ <div slot="content">活跃人数 / 学员总数</div>
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
|
+ style="
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #f56c6c;
|
|
|
|
+ top: 2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ ></i>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div>{{ scope.row.cloudStudyLivelyStudentDuty }}%</div>
|
|
<div>{{ scope.row.cloudStudyLivelyStudentDuty }}%</div>
|
|
</template>
|
|
</template>
|
|
@@ -60,20 +118,54 @@
|
|
prop="cloudStudyUseStudentNum"
|
|
prop="cloudStudyUseStudentNum"
|
|
label="使用人数"
|
|
label="使用人数"
|
|
>
|
|
>
|
|
|
|
+ <template slot="header" slot-scope="slot">
|
|
|
|
+ <div class="titleCell">
|
|
|
|
+ <span>使用人数</span>
|
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
|
+ <div slot="content">使用的总人数</div>
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
|
+ style="
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #f56c6c;
|
|
|
|
+ top: 2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ ></i>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- sortable
|
|
|
|
|
|
+ sortable="custom"
|
|
align="center"
|
|
align="center"
|
|
prop="cloudStudyUseStudentDuty"
|
|
prop="cloudStudyUseStudentDuty"
|
|
- label="使用人数占比"
|
|
|
|
|
|
+ label="使用人数比"
|
|
>
|
|
>
|
|
|
|
+ <template slot="header" slot-scope="slot">
|
|
|
|
+ <div class="titleCell">
|
|
|
|
+ <span>使用人数比</span>
|
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
|
+ <div slot="content">云教练使用人数 / 学员总数</div>
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
|
+ style="
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #f56c6c;
|
|
|
|
+ top: 2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ ></i>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div>{{ scope.row.cloudStudyUseStudentDuty }}%</div>
|
|
<div>{{ scope.row.cloudStudyUseStudentDuty }}%</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
- sortable
|
|
|
|
|
|
+ sortable="custom"
|
|
align="center"
|
|
align="center"
|
|
prop="vipStudentNum"
|
|
prop="vipStudentNum"
|
|
label="付费会员数"
|
|
label="付费会员数"
|
|
@@ -82,7 +174,7 @@
|
|
<div class="titleCell">
|
|
<div class="titleCell">
|
|
<span>付费会员数</span>
|
|
<span>付费会员数</span>
|
|
<el-tooltip placement="top" popper-class="mTooltip">
|
|
<el-tooltip placement="top" popper-class="mTooltip">
|
|
- <div slot="content">当日付费会员总数</div>
|
|
|
|
|
|
+ <div slot="content">会员生效中或待生效总人数</div>
|
|
<i
|
|
<i
|
|
class="el-icon-question micon el-tooltip"
|
|
class="el-icon-question micon el-tooltip"
|
|
style="
|
|
style="
|
|
@@ -97,17 +189,34 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- sortable
|
|
|
|
|
|
+ sortable="custom"
|
|
align="center"
|
|
align="center"
|
|
prop="vipStudentDuty"
|
|
prop="vipStudentDuty"
|
|
- label="付费会员占比"
|
|
|
|
|
|
+ label="付费会员比"
|
|
>
|
|
>
|
|
|
|
+ <template slot="header" slot-scope="slot">
|
|
|
|
+ <div class="titleCell">
|
|
|
|
+ <span>付费会员比</span>
|
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
|
+ <div slot="content">付费会员数 / 学员总数</div>
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
|
+ style="
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #f56c6c;
|
|
|
|
+ top: 2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ ></i>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div>{{ scope.row.vipStudentDuty }}%</div>
|
|
<div>{{ scope.row.vipStudentDuty }}%</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<!-- <el-table-column
|
|
<!-- <el-table-column
|
|
- sortable
|
|
|
|
|
|
+ sortable="custom"
|
|
align="center"
|
|
align="center"
|
|
prop="eVipStudentNum"
|
|
prop="eVipStudentNum"
|
|
label="试用会员"
|
|
label="试用会员"
|
|
@@ -153,8 +262,31 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ prop="newMemberStudentNum"
|
|
|
|
+ label="新增使用人数"
|
|
|
|
+ >
|
|
|
|
+ <template slot="header" slot-scope="slot">
|
|
|
|
+ <div class="titleCell">
|
|
|
|
+ <span>新增使用人数</span>
|
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
|
+ <div slot="content">第一次使用云教练的人数</div>
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
|
+ style="
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #f56c6c;
|
|
|
|
+ top: 2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ ></i>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<!-- <el-table-column
|
|
<!-- <el-table-column
|
|
- sortable
|
|
|
|
|
|
+ sortable="custom"
|
|
align="center"
|
|
align="center"
|
|
prop="studentId"
|
|
prop="studentId"
|
|
label="活跃度"
|
|
label="活跃度"
|
|
@@ -198,6 +330,7 @@ import headers from "./modals/headers.vue";
|
|
import pagination from "@/components/Pagination/index";
|
|
import pagination from "@/components/Pagination/index";
|
|
import { Export } from "@/utils/downLoadFile";
|
|
import { Export } from "@/utils/downLoadFile";
|
|
import dayjs from "dayjs";
|
|
import dayjs from "dayjs";
|
|
|
|
+import qs from 'qs'
|
|
import { indexStudentOverView } from "../api";
|
|
import { indexStudentOverView } from "../api";
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
@@ -269,14 +402,14 @@ export default {
|
|
this.getList();
|
|
this.getList();
|
|
},
|
|
},
|
|
rankingExport() {
|
|
rankingExport() {
|
|
- let params = { ...this.searchForm ,date:this.date};
|
|
|
|
|
|
+ let params = { ...this.searchForm, date: this.date };
|
|
Export(
|
|
Export(
|
|
this,
|
|
this,
|
|
{
|
|
{
|
|
url: "/api-web/export/cloudStudyStudentOverView",
|
|
url: "/api-web/export/cloudStudyStudentOverView",
|
|
fileName: "分部云教练数据排行.xls",
|
|
fileName: "分部云教练数据排行.xls",
|
|
method: "post",
|
|
method: "post",
|
|
- params,
|
|
|
|
|
|
+ params:qs.stringify(params)
|
|
},
|
|
},
|
|
"您确定导出分部云教练数据排行?"
|
|
"您确定导出分部云教练数据排行?"
|
|
);
|
|
);
|