|  | @@ -3,7 +3,13 @@
 | 
	
		
			
				|  |  |      <el-card>
 | 
	
		
			
				|  |  |        <headers title="分部排行" :hidenOrgan="true" />
 | 
	
		
			
				|  |  |        <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">
 | 
	
		
			
				|  |  |            <el-date-picker
 | 
	
		
			
				|  |  |              v-model="date"
 | 
	
	
		
			
				|  | @@ -34,23 +40,75 @@
 | 
	
		
			
				|  |  |            ></el-table-column>
 | 
	
		
			
				|  |  |            <el-table-column
 | 
	
		
			
				|  |  |              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
 | 
	
		
			
				|  |  |              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
 | 
	
		
			
				|  |  | -            sortable
 | 
	
		
			
				|  |  | +               sortable="custom"
 | 
	
		
			
				|  |  |              align="center"
 | 
	
		
			
				|  |  |              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">
 | 
	
		
			
				|  |  |                <div>{{ scope.row.cloudStudyLivelyStudentDuty }}%</div>
 | 
	
		
			
				|  |  |              </template>
 | 
	
	
		
			
				|  | @@ -60,20 +118,54 @@
 | 
	
		
			
				|  |  |              prop="cloudStudyUseStudentNum"
 | 
	
		
			
				|  |  |              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
 | 
	
		
			
				|  |  | -            sortable
 | 
	
		
			
				|  |  | +               sortable="custom"
 | 
	
		
			
				|  |  |              align="center"
 | 
	
		
			
				|  |  |              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">
 | 
	
		
			
				|  |  |                <div>{{ scope.row.cloudStudyUseStudentDuty }}%</div>
 | 
	
		
			
				|  |  |              </template>
 | 
	
		
			
				|  |  |            </el-table-column>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |            <el-table-column
 | 
	
		
			
				|  |  | -            sortable
 | 
	
		
			
				|  |  | +               sortable="custom"
 | 
	
		
			
				|  |  |              align="center"
 | 
	
		
			
				|  |  |              prop="vipStudentNum"
 | 
	
		
			
				|  |  |              label="付费会员数"
 | 
	
	
		
			
				|  | @@ -82,7 +174,7 @@
 | 
	
		
			
				|  |  |                <div class="titleCell">
 | 
	
		
			
				|  |  |                  <span>付费会员数</span>
 | 
	
		
			
				|  |  |                  <el-tooltip placement="top" popper-class="mTooltip">
 | 
	
		
			
				|  |  | -                  <div slot="content">当日付费会员总数</div>
 | 
	
		
			
				|  |  | +                  <div slot="content">会员生效中或待生效总人数</div>
 | 
	
		
			
				|  |  |                    <i
 | 
	
		
			
				|  |  |                      class="el-icon-question micon el-tooltip"
 | 
	
		
			
				|  |  |                      style="
 | 
	
	
		
			
				|  | @@ -97,17 +189,34 @@
 | 
	
		
			
				|  |  |              </template>
 | 
	
		
			
				|  |  |            </el-table-column>
 | 
	
		
			
				|  |  |            <el-table-column
 | 
	
		
			
				|  |  | -            sortable
 | 
	
		
			
				|  |  | +               sortable="custom"
 | 
	
		
			
				|  |  |              align="center"
 | 
	
		
			
				|  |  |              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">
 | 
	
		
			
				|  |  |                <div>{{ scope.row.vipStudentDuty }}%</div>
 | 
	
		
			
				|  |  |              </template>
 | 
	
		
			
				|  |  |            </el-table-column>
 | 
	
		
			
				|  |  |            <!-- <el-table-column
 | 
	
		
			
				|  |  | -            sortable
 | 
	
		
			
				|  |  | +               sortable="custom"
 | 
	
		
			
				|  |  |              align="center"
 | 
	
		
			
				|  |  |              prop="eVipStudentNum"
 | 
	
		
			
				|  |  |              label="试用会员"
 | 
	
	
		
			
				|  | @@ -153,8 +262,31 @@
 | 
	
		
			
				|  |  |                </div>
 | 
	
		
			
				|  |  |              </template>
 | 
	
		
			
				|  |  |            </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
 | 
	
		
			
				|  |  | -            sortable
 | 
	
		
			
				|  |  | +              sortable="custom"
 | 
	
		
			
				|  |  |              align="center"
 | 
	
		
			
				|  |  |              prop="studentId"
 | 
	
		
			
				|  |  |              label="活跃度"
 | 
	
	
		
			
				|  | @@ -198,6 +330,7 @@ import headers from "./modals/headers.vue";
 | 
	
		
			
				|  |  |  import pagination from "@/components/Pagination/index";
 | 
	
		
			
				|  |  |  import { Export } from "@/utils/downLoadFile";
 | 
	
		
			
				|  |  |  import dayjs from "dayjs";
 | 
	
		
			
				|  |  | +import qs from 'qs'
 | 
	
		
			
				|  |  |  import { indexStudentOverView } from "../api";
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |    components: {
 | 
	
	
		
			
				|  | @@ -269,14 +402,14 @@ export default {
 | 
	
		
			
				|  |  |        this.getList();
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      rankingExport() {
 | 
	
		
			
				|  |  | -      let params = { ...this.searchForm ,date:this.date};
 | 
	
		
			
				|  |  | +      let params = { ...this.searchForm, date: this.date };
 | 
	
		
			
				|  |  |        Export(
 | 
	
		
			
				|  |  |          this,
 | 
	
		
			
				|  |  |          {
 | 
	
		
			
				|  |  |            url: "/api-web/export/cloudStudyStudentOverView",
 | 
	
		
			
				|  |  |            fileName: "分部云教练数据排行.xls",
 | 
	
		
			
				|  |  |            method: "post",
 | 
	
		
			
				|  |  | -          params,
 | 
	
		
			
				|  |  | +          params:qs.stringify(params)
 | 
	
		
			
				|  |  |          },
 | 
	
		
			
				|  |  |          "您确定导出分部云教练数据排行?"
 | 
	
		
			
				|  |  |        );
 |