ListDetailsApe.js 7.3 KB
//*
// 列表详情模块
// */

import Loger from "../Loger";
import Ape from "./Ape";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import MessageTypes from "../MessageTypes";

let loger = Loger.getLoger('PC-ListDetailsApe');
class ListDetailsApe extends Ape {
    constructor() {
        super();
        this.addEvent();
        this.isDate = 0;
        this._id = '';
        this.init();
    }

    init() {
        $('#liveContentAllBox ').on('click','.classifyList',this._curriculumListHandler.bind(this));//直播详情页
        $('#liveListBox ').on('click','.classifyList',this._curriculumListHandler.bind(this));//首页 进入 直播详情页

        $('#lanclassAllBox ').on('click','.classifyList',this._liveListHandler.bind(this));//互动详情页
        $('#lanclassList ').on('click','.classifyList',this._liveListHandler.bind(this));//首页 进入 互动详情页

        $('#teacherIntroAllBox ').on('click','.classifyList',this._teacherInfoHandler.bind(this));//老师详情页
        $('#teacherIntro ').on('click','.classifyList',this._teacherInfoHandler.bind(this));//首页 进入 老师详情页
    }

    addEvent() {

    }
    _curriculumListHandler(evt){

      /*  let buttonIsCheck = $('#orderBtn').attr('value','1');
        if($('#orderBtn').attr('value') == '1'){
            $('#orderBtn').attr('disabled',true)
            $('#orderBtn').css('background','#3498db')
        }*/
        let _id = $(evt.currentTarget).attr('data');
        this._id = _id;
        this.classInfoDetail(_id);
        this.commonalityClass();
        //查看当前点击的列表是否收藏
        this._emit(MessageTypes.IS_COLLECT,{id : _id});
    }
    _liveListHandler(evt){
        let _id = $(evt.currentTarget).attr('data');
        this._id = _id;
        this.liveInfoDetail(_id);
        this.commonalityClass();
    }
    commonalityClass(){
        $('#slideshow').hide();
        $('#defaultBox').hide();
        $('#liveContentAllBox').hide();
        $('#lanclassAllBox').hide();
        $('#teacherIntroAllBox').hide();
    }
    _teacherInfoHandler(evt){
        let _id = $(evt.currentTarget).attr('data');
        this._id = _id;
        this.teacherInfoDetail(_id);
        this.commonalityClass();
    }
    classInfoDetail(_id){
        let that = this;
        let data = {
            id: _id,
            meetingStatus:2,
            siteId:ClassDataProxy.siteId
        }
        let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
        this.detailPage(_url,data,function(_data){
            if(_data){
                that._gainClassData(_data.returnData.data);
            }
        })
    }
    liveInfoDetail(_id){
        let that = this;
        let data = {
            id: _id,
            meetingStatus:1,
            siteId:ClassDataProxy.siteId
        }
        let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
        this.detailPage(_url,data,function(_data){
            if(_data){
                that._gainClassData(_data.returnData.data);
            }
        })
    }
    teacherInfoDetail(_id){
        let that = this;
        let data = {
            id: _id,
            siteId:ClassDataProxy.siteId,
            userType : 1
        }
        let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser';
        this.detailPage(_url,data,function(_data){
            if(_data){
                that._classDateContent(_data.returnData.data);
            }
        })
    }
    _gainClassData(_data){
       if(_data){
           let _dataList = _data.meetingInfo;
           if(_dataList){
               this._liveRender(_dataList[0]);
           }
       }
    }
    _classDateContent(_data){
        if(_data){
            let teacherList = _data.users;
            if(teacherList){
                loger.log('老师1111',teacherList)
                this._lanclassRender(teacherList[0]);
            }
        }
    }
    //老师
    _lanclassRender(_dataList){
        $('#defaultBox').hide();
        $('.curriculumBox').hide();
        $('#teacherDetailBox').show();
        $('#teacherDetailBox').attr('data',this._id);
        let _img = _dataList.userPhoto;
        let defaultImg = 'images/u373.png'
        $('#teacherDetailInfoImg').attr('src',_img?_img:defaultImg);//老师授课标题图片
        $('#teacherDetailInfoDetailName').text(_dataList.userName);//老师名字
        $('#teacherDetailInfoDetailSex').text();//老师性别
        $('#teacherDetailInfoDetailPoint').text();//老师专长
        $('#teacherDetailInfoDetailAge').text(3+'年');//老师教龄
        $('#teacherDetailInfoDetailGrade').text();//老师评分
        $('#teacherDetailReferralContent').text();//老师授课内容
        $('#teacherDetailPost').text();//老师职称
        $('#teacherDetailEducation').text();//老师学历
        $('#teacherDetailAcademy').text();//老师院校
        $('#teacherDetailWay').text();//老师授课方式
        $('#teacherDetailArea').text();//老师授课地区
        $('#teacherDetailSynopsis').text();//老师授课简介

    }
    //课堂
    _liveRender(_dataList){
        $('#defaultBox').hide();
        $('.curriculumBox').hide();
        $('#lanclassBox').show();
        $('#lanclassBox').attr('data',this._id);
        let _img = _dataList.meetingPhoto;
        let defaultImg = 'images/u373.png'
        $('#lanclassContentCover').attr('src',_img?_img:defaultImg);//老师授课标题图片
        $('#lanclassContentTitle').text(_dataList.meetingName);//老师授课标题

        let _teacherImg = _dataList.teacherPhoto;
        let teacherDefault = 'images/u293.png';
        $('#lanclassContentInfoPortrait').attr('src',_teacherImg?_teacherImg:teacherDefault);//老师授课老师头像
        $('#lanclassContentInfoName').text(_dataList.create_user);//老师授课老师名字
        $('#teacherInfoName').text(_dataList.create_user);//老师授课老师名字
        $('#lanclassContentInfoTimeStart').text(_dataList.beginTime);//老师授课开始时间
        $('#lanclassContentInfoTimeEnd').text(_dataList.endTime);//老师授课结束时间
        $('#collectYes');//老师授课是否收藏
        $('#collectNo');//老师授课是否收藏
        $('#lanclassIntroduceDescription').text();//老师授课课程介绍
        $('#teacherInfoSchool').text();//老师学院
        $('#teacherInfoContent').text();//老师专业等级信息
    }

    detailPage(url,data,callback){
        $.ajax({
            type: "POST",
            url: url,
            timeout:5000,
            data : data,
            headers: {siteId:ClassDataProxy.siteId,
                'token':ClassDataProxy.token},
            success:function(_data){
                //获取我的课程数据
                if(_data && _data.code == 200){
                    if(callback){
                        callback(_data);
                    }
                }else{
                    if(callback){
                        callback(null);
                    }
                }
            },
            error:function(error){
                if(callback){
                    callback(null);
                }
                loger.log(error,'直播数据获取失败')
            }
        })
    }
}
export default ListDetailsApe;