b9288283641af2185990549b300327c097a4dc90..9ce4ae01aaaa281721056e80892386202ca968b2
2021-05-14 jyk
修改增加专项转化率
9ce4ae diff | tree
2021-05-14 jyk
转换率位置修改
98e779 diff | tree
2021-05-14 jyk
修改转化率老课时显示
a9c229 diff | tree
2 files modified
187 ■■■■■ changed files
src/views/statistics/enrollment/enrollmentIndex.vue 185 ●●●●● patch | view | raw | blame | history
src/views/teachCenter/student/StudentsList.vue 2 ●●● patch | view | raw | blame | history
src/views/statistics/enrollment/enrollmentIndex.vue
@@ -121,7 +121,7 @@
        <div class="v-box" id="qita" style="margin-top: 11px;">
            <div class="bd-s">
                <div class="v-box-title" style="display: inline-block;">其他课新招生(活动课、体验课、小程序活动课)</div>
                <div class="v-box-title" style="display: inline-block;margin-left: 270px;">转化率(集训营、活动课、体验课)</div>
                <div class="v-box-title" style="display: inline-block;margin-left: 270px;">转化率(专项课、活动课、体验课、小程序活动课)</div>
                <div class="mt-10 mb-20" style="overflow: hidden;">
                    <div style="float: left;overflow: hidden;">
                        <div class="nianxia" style="width: 200px;float: left;">
@@ -154,7 +154,7 @@
                        </div>
                    </div>
                </div>
                <div class="v-box-content">
                <div class="v-box-content" style="height: 1300px;">
                    <div class="content-left" style="width: 580px;">
                        <div class="content-left-title">其他课新招生(活动课、体验课、小程序活动课)</div>
                        <div style="overflow: hidden;">
@@ -182,11 +182,11 @@
                            </el-table>
                        </div>
                    </div>
                    <div class="content-right" style="width: 571px;">
                        <div style="overflow: hidden;">
                            <div class="content-right-title">其他课新招生(活动课、体验课、小程序活动课)</div>
                        </div>
                        <div id="myChart2" :style="{width: '690px', height: '590px','margin-top':'24px'}"></div>
                    <div class="content-right" style="width: 671px;">
                        <div id="myChart24" :style="{width: '450px', height: '300px','margin-top':'24px'}"></div>
                        <div id="myChart23" :style="{width: '450px', height: '300px','margin-top':'24px'}"></div>
                        <div id="myChart22" :style="{width: '450px', height: '300px','margin-top':'24px'}"></div>
                        <div id="myChart2" :style="{width: '450px', height: '300px','margin-top':'24px'}"></div>
                    </div>
                </div>
            </div>
@@ -364,7 +364,79 @@
                        orient: 'vertical',
                        bottom: 'bottom',
                    },
                    color: ['#FF8C15', '#82B7EE', '#B9EE82'],
                    color: ['#cccccc', '#82B7EE', '#82B7EE'],
                    series: [{
                        name: '转化率',
                        type: 'pie',
                        radius: '50%',
                        data: [],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }]
                },
                otherdata1: {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c}%'
                    },
                    legend: {
                        orient: 'vertical',
                        bottom: 'bottom',
                    },
                    color: ['#cccccc', '#B9EE82', '#B9EE82'],
                    series: [{
                        name: '转化率',
                        type: 'pie',
                        radius: '50%',
                        data: [],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }]
                },
                otherdata11: {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c}%'
                    },
                    legend: {
                        orient: 'vertical',
                        bottom: 'bottom',
                    },
                    color: ['#cccccc', '#FF8C15', '#FF8C15'],
                    series: [{
                        name: '转化率',
                        type: 'pie',
                        radius: '50%',
                        data: [],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }]
                },
                otherdata111: {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c}%'
                    },
                    legend: {
                        orient: 'vertical',
                        bottom: 'bottom',
                    },
                    color: ['#cccccc', '#82B7EE', '#82B7EE'],
                    series: [{
                        name: '转化率',
                        type: 'pie',
@@ -458,6 +530,21 @@
                let myChart2 = this.$echarts.init(document.getElementById('myChart2'))
                // 绘制图表
                myChart2.setOption(this.otherdata);
            },
            drawLine22() {
                let myChart22 = this.$echarts.init(document.getElementById('myChart22'))
                // 绘制图表
                myChart22.setOption(this.otherdata1);
            },
            drawLine23() {
                let myChart23 = this.$echarts.init(document.getElementById('myChart23'))
                // 绘制图表
                myChart23.setOption(this.otherdata11);
            },
            drawLine24() {
                let myChart24 = this.$echarts.init(document.getElementById('myChart24'))
                // 绘制图表
                myChart24.setOption(this.otherdata111);
            },
            yeardropchange() {
                if(this.form.yeardrop!=99){
@@ -602,11 +689,17 @@
                if(this.form.Otherrops!=99){
                    this.otherdata.series[0].data=[];
                    this.ConversList();
                    this.ConversList1();
                    this.ConversList11();
                    this.ConversList111();
                }
            },
            Otherropxschange() {
                this.otherdata.series[0].data=[];
                this.ConversList();
                this.ConversList1();
                this.ConversList11();
                this.ConversList111();
            },
            //其他2
            async ConversList() {
@@ -615,7 +708,7 @@
                    startTime: this.form.Otherrops == 99 ? this.form.Otherropxs[0] : '', //开始
                    endTime: this.form.Otherrops == 99 ? this.form.Otherropxs[1] : '', //结束
                    orgId: this.orgId, //馆id
                    courseType: '1', // 1 年度  2 专项 0 其他
                    courseclassifyId: '999', // 小程序活动999 4 体验课  5活动课
                };
                let res = await ConversList(params);
                if (res.code == 1) {
@@ -626,9 +719,78 @@
                    })
                    this.otherdata.series[0].data.push({
                        value: (Number(res.data.ConversionrateRecruit.split('%')[0])).toFixed(2),
                        name: '其他课转化率'
                        name: '小程序活动课转化率'
                    })
                    this.drawLine2();
                }
            },
            //其他2
            async ConversList1() {
                let params = {
                    datetype: this.form.Otherrops, //时间类型 1.15天 2.本月 99 自定义时间
                    startTime: this.form.Otherrops == 99 ? this.form.Otherropxs[0] : '', //开始
                    endTime: this.form.Otherrops == 99 ? this.form.Otherropxs[1] : '', //结束
                    orgId: this.orgId, //馆id
                    courseclassifyId: '4', // 小程序活动999 4 体验课  5活动课
                };
                let res = await ConversList(params);
                if (res.code == 1) {
                    this.otherdata1.series[0].data.push({
                        value: 100-(Number(res.data.ConversionrateRecruit.split('%')[0])).toFixed(2),
                        name: '未转化率'
                    })
                    this.otherdata1.series[0].data.push({
                        value: (Number(res.data.ConversionrateRecruit.split('%')[0])).toFixed(2),
                        name: '双线体验课转化率'
                    })
                    this.drawLine22();
                }
            },
            //其他2
            async ConversList11() {
                let params = {
                    datetype: this.form.Otherrops, //时间类型 1.15天 2.本月 99 自定义时间
                    startTime: this.form.Otherrops == 99 ? this.form.Otherropxs[0] : '', //开始
                    endTime: this.form.Otherrops == 99 ? this.form.Otherropxs[1] : '', //结束
                    orgId: this.orgId, //馆id
                    courseclassifyId: '5', // 小程序活动999 4 体验课  5活动课
                };
                let res = await ConversList(params);
                if (res.code == 1) {
                    this.otherdata11.series[0].data.push({
                        value: 100-(Number(res.data.ConversionrateRecruit.split('%')[0])).toFixed(2),
                        name: '未转化率'
                    })
                    this.otherdata11.series[0].data.push({
                        value: (Number(res.data.ConversionrateRecruit.split('%')[0])).toFixed(2),
                        name: '双线活动课转化率'
                    })
                    this.drawLine23();
                }
            },
            //其他2
            async ConversList111() {
                let params = {
                    datetype: this.form.Otherrops, //时间类型 1.15天 2.本月 99 自定义时间
                    startTime: this.form.Otherrops == 99 ? this.form.Otherropxs[0] : '', //开始
                    endTime: this.form.Otherrops == 99 ? this.form.Otherropxs[1] : '', //结束
                    orgId: this.orgId, //馆id
                    courseclassifyId: '8', // 小程序活动999 4 体验课  5活动课
                };
                let res = await ConversList(params);
                if (res.code == 1) {
                    this.otherdata111.series[0].data.push({
                        value: 100-(Number(res.data.ConversionrateRecruit.split('%')[0])).toFixed(2),
                        name: '未转化率'
                    })
                    this.otherdata111.series[0].data.push({
                        value: (Number(res.data.ConversionrateRecruit.split('%')[0])).toFixed(2),
                        name: '专项课转化率'
                    })
                    this.drawLine24();
                }
            },
        },
@@ -640,6 +802,9 @@
            this.recruitstudentsMoneyLists(); //专项2
            this.recruitstudentsListss(); //其他1
            this.ConversList();
            this.ConversList1();
            this.ConversList11();
            this.ConversList111();
        },
    };
</script>
src/views/teachCenter/student/StudentsList.vue
@@ -171,7 +171,7 @@
                        </el-table-column>
                        <el-table-column label="剩余课时">
                            <!-- <template slot-scope="scope">{{ Number(scope.row.laohourTotal)-Number(scope.row.laoinClassHourTotal) }}</template> -->
                            <template slot-scope="scope">{{ scope.row.surplusHourTotal }}</template>
                            <template slot-scope="scope">{{ scope.row.laosurplusHourTotal }}</template>
                        </el-table-column>
                        <el-table-column prop="OrgName" label="报读分馆"> </el-table-column>
                        <el-table-column label="操作" width="150" fixed="right">