const app = getApp(),util = require("../../../utils/util"),utils = require("../../../utils/http");
let videoContext=null;
Page({

    /**
     * 页面的初始数据
     */
    data: {
        top: app.globalData.statusBarHeight,
        hgt: app.globalData.titleBarHeight,
        imgUrl: app.globalData.imgUrl,
        communityht: '',
        cid: '',
        casemsgobj: {},
        page: 1,
        personMsg: app.globalData.personMsg,
        wshareshow: false,
        showTask: true,
        datashow: false,
        caselist: [],
        leftcaselist: [],
        rightcaselist: [],
        companyobj: app.globalData.companyobj,
        showAddress: false,
        imgarr: [],
        type: '',
        priceflag: false,
        swiperIndex:0,
        tab: [{
            name: 'VR案例',
            type: 'vr',
            count: 0
        }, {
            name: '视频案例',
            type: 'video',
            count: 0
        }],
        activeType: '',
        bType: "",
        pType: "",
        ltype:'',//不为空是从名片中点击进去
        showCutImage: false,
        loading: false,
        showApproval: false,
        remark: "",
        trackimgarr: [],
        nowimagearr: [],
        shareApprovallist: [],
        playflag: 2,//1是播放中，2是暂停
        isBroker: false
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        if (!!options.clg && options.clg == 1) {
            wx.reLaunch({
              url: '/pages/index/index?clientype=' + options.cty + "&cid=" + options.cid + "&clg=1",
            })
            return false;
        }
        var that = this;
        if(!!options.ty) {
            this.setData({
                bType: options.ty,
                showTask: false
            })
        }
        if (!!options.tp) {
            this.setData({
                pType: options.tp
            })
        }
        wx.showLoading({
            title: '加载中...',
        })
        that.setData({
            cid: options.cid,
            companyobj: app.globalData.companyobj,
            ltype:options.ltype?options.ltype:'',
        })
        if (app.globalData.brokeruserId) {
            that.setData({
                isBroker: true
            })
        } else {
            that.setData({
                isBroker: false
            })
        }
        that.casemsgfun();
    },
    getPhoneNumberTap: function (res) {
        var that = this;
        if (res.detail.errMsg == 'getPhoneNumber:ok') {
            that.setData({
                loading: true,
            })
            utils.$post({
                url: app.globalData.webUrl + 'api/users/setUserMobile',
                data: {
                    encryptedData: res.detail.encryptedData,
                    iv: res.detail.iv
                },
                header: {
                    'Authorization': 'bearer ' + app.globalData.token
                },
                success: function (r) {
                    if (r.data.code == '0') {
                        that.submitMsg(r.data.mobile);
                    }
                }
            })
        }
    },
    /**
     * 提交注册数据
     */
    submitMsg(mobile) {
        var that = this;
        utils.$post({
            url: app.globalData.webUrl + 'api/agents/add_agents',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                name: '',
                phone: mobile,
                employee_id: app.globalData.brokerEmployeeId,
                wechat: '',
                type: app.globalData.brokerType
            },
            success: function (res) {
                if (res.data.code == '0') {
                    app.globalData.brokeruserId = res.data.data;
                    that.setData({
                        isBroker: true,
                        loading: false,
                        wshareshow: true
                    })
                }
            }
        })
    },
    setypetap(e) {
        this.setData({
            type: e.currentTarget.dataset.type
        })
    },
    priceshowtap() {
        this.setData({
            priceflag: true
        })
    },
    closepricetap() {
        this.setData({
            priceflag: false
        })
    },
    showAddressName(e) {
        let type = e.currentTarget.dataset.type;
        if (type == 'hide') {
            this.setData({
                showAddress: false
            })
        } else {
            this.setData({
                showAddress: true
            })
        }
    },
    designertap(){
        if(!!this.data.casemsgobj.designer_id){
            wx.navigateTo({
                url: '/customer/pages/designermsg/designermsg?did='+this.data.casemsgobj.designer_id+"&sid="+this.data.casemsgobj.designer_id+'&type='+(this.data.ltype?1:2)
              })
        }
    },
    prelook(e) {
        let arr = [];
        for (let i in this.data.imgarr) {
            arr.push(app.globalData.imgUrl + this.data.imgarr[i].img);
        }

        wx.previewImage({
            current: e.currentTarget.dataset.img, // 当前显示图片的 http 链接
            urls: arr // 需要预览的图片 http 链接列表
        })
    },
    presharelooktap() {
        if (!app.globalData.personMsg.binded.qrcode) {
            wx.showToast({
                title: "您的微信二维码为空，请上传二维码！",
                icon: 'none',
                duration: 2000
            })
            return false;
        }
        wx.previewImage({
            current: app.globalData.imgUrl + app.globalData.personMsg.binded.qrcode, // 当前显示图片的http链接
            urls: [app.globalData.imgUrl + app.globalData.personMsg.binded.qrcode]// 需要预览的图片http链接列表
        })
    },
    opintap() {
        wx.showToast({
            title: '员工不能预约！',
            icon: 'none',
            duration: 2000
        })
    },
    swiperChange (e) {
        let type = e.detail.currentItemId.split('-')[0];
        this.setData({
            activeType: type
        })
    },
    sharecardtap: function () {
        wx.navigateTo({
            url: '/index/pages/namecard/namecard'
        })
    },
    handleSwitch(e) {
        let type = e.currentTarget.dataset.type;
        let swiperIndex=0;
        if (type == 'vr') {
            swiperIndex = 0;
        } else if (type == 'video') {
            swiperIndex = !!this.data.casemsgobj.vr_case?1:0;
        }
        this.setData({
            swiperIndex: swiperIndex,
            activeType: type,
        })
    },
    casemsgfun: function () {
        var that = this;
        utils.$get({
            url: app.globalData.webUrl + 'api/casedetail',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                id: this.data.cid,
                uid: app.globalData.personMsg.id,
            },
            success: function (res) {
                let tab=that.data.tab;
                if (res.data.code == '0') {
                    wx.setNavigationBarTitle({
                        title: res.data.data.title
                    })
                    if(!!res.data.data.video_case){
                        tab[1].count=1;
                        that.setData({
                            tab: tab,
                            activeType:'video'
                        })
                    }
                    if(!!res.data.data.vr_case){
                        tab[0].count=1;
                        that.setData({
                            tab: tab,
                            activeType:'vr'
                        })
                    }
                    

                    if (!res.data.data.desc) {
                        if (!res.data.data.real_case) {
                            that.setData({
                                type: ''
                            })
                        } else {
                            that.setData({
                                type: 2
                            })
                        }
                    } else {
                        if (res.data.data.desc != '<p><br></p>') {
                            that.setData({
                                type: 1
                            })
                        } else {
                            that.setData({
                                type: 2
                            })
                        }
                    }
                    that.setData({
                        casemsgobj: res.data.data,
                        caselist: res.data.data.designer_related_cases,
                    })
                    if (res.data.data.from == 1) {
                        that.setData({
                            imgarr: JSON.parse(res.data.data.img_content)
                        })
                    }
                    if (that.data.caselist.length > 0) {
                        that.imgload();
                    }

                }
                wx.hideLoading()
            }
        })
    },
    videotap() {
        videoContext = this.selectComponent('#myVideo');
        videoContext.play();
        wx.showLoading()
    },
    bindprogress() {
        wx.hideLoading();
        this.setData({
            playflag: 1
        })
    },
    openVRLink(e) {
        let type = e.currentTarget.dataset.type;
        if (type == 1) {
            let vrlink = this.data.casemsgobj.vr_case;
            wx.navigateTo({
                url: '/pages/other/other?type=565&vrlink=' + encodeURIComponent(vrlink) + '&cty=materialCase' + '&uid=' + app.globalData.personMsg.id + '&ctp=' + app.globalData.clientype + '&aid=' + this.data.casemsgobj.id,
            })
        } else {
            let vrlink = e.currentTarget.dataset.vrlink;
            let aid = e.currentTarget.dataset.id;
            wx.navigateTo({
                url: '/pages/other/other?type=565&vrlink=' + encodeURIComponent(vrlink) + '&cty=materialCase' + '&uid=' + app.globalData.personMsg.id + '&ctp=' + app.globalData.clientype + '&aid=' + aid,
            })
        }
    },
    imgload: function () {
        var that = this;
        var leftlist = that.data.leftcaselist;
        var rightlist = that.data.rightcaselist;
        var indexlist = that.data.caselist;
        if (indexlist.length == 0) {
            return false;
        }

        if (leftlist.length == 0) {
            leftlist.push(indexlist[0]);
            indexlist.shift();
            that.setData({
                caselist: indexlist,
                leftcaselist: leftlist,
                rightcaselist: rightlist
            })

        } else {
            var leftheight, rightheight;
            const query = wx.createSelectorQuery()
            query.select('.leftcasebox').boundingClientRect();
            query.exec(function (res) {
                leftheight = res[0].height;
                const queryright = wx.createSelectorQuery()
                queryright.select('.rightcasebox').boundingClientRect();
                queryright.exec(function (rs) {
                    leftlist = that.data.leftcaselist;
                    rightlist = that.data.rightcaselist;
                    indexlist = that.data.caselist;
                    rightheight = rs[0].height;
                    if (leftheight <= rightheight) {
                        leftlist.push(indexlist[0]);
                        indexlist.shift();
                    } else {
                        rightlist.push(indexlist[0]);
                        indexlist.shift();
                    }
                    that.setData({
                        caselist: indexlist,
                        leftcaselist: leftlist,
                        rightcaselist: rightlist
                    })
                })
            })
        }
    },
    callphonetap: function () {
        wx.makePhoneCall({
          phoneNumber: app.globalData.personMsg.phone //仅为示例，并非真实的电话号码
        })
    },
    sendfriendtap() {
        this.addsharetap();
    },
    addsharetap: function () {
        let that = this;
        utils.$post({
            url: app.globalData.webUrl + 'api/share/addlog',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                id: that.data.cid,
                type: 'materialCase',
            },
            success: function (r) {}
        })
    },
    setpostertap: function () {
        if (this.data.bType == 'b') {
            wx.navigateTo({
                url: '/index/pages/setposter/setposter?type=materialCase&aid=' + this.data.cid + "&ty=b&listshare=",
            })
        } else {
            wx.navigateTo({
                url: '/index/pages/setposter/setposter?type=materialCase&aid=' + this.data.cid + "&listshare=",
            })
        }
    },
    casemsgtap: function (e) {
        wx.redirectTo({
            url: '/index/pages/casemsg/casemsg?cid=' + e.currentTarget.dataset.cid
        })
    },
    precasetap: function () {
        if (!this.data.casemsgobj.preid) {
            wx.showToast({
                title: '已经第一篇了！',
                icon: 'none',
                duration: 2000
            })
            return false
        }
        wx.redirectTo({
            url: '/index/pages/casemsg/casemsg?cid=' + this.data.casemsgobj.preid
        })
    },
    nextcasetap: function () {
        if (!this.data.casemsgobj.nextid) {
            wx.showToast({
                title: '已经到头了！',
                icon: 'none',
                duration: 2000
            })
            return false
        }
        wx.redirectTo({
            url: '/index/pages/casemsg/casemsg?cid=' + this.data.casemsgobj.nextid
        })
    },
    collectap: function () {
        var that = this;
        var casemsgobj = that.data.casemsgobj;
        utils.$post({
            url: app.globalData.webUrl + 'api/collect',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                user_id: app.globalData.personMsg.id,
                content_type: "materialCase",
                content_id: that.data.cid
            },
            success: function (res) {
                if (res.data.code == '0') {
                    wx.showToast({
                        title: res.data.msg,
                        icon: 'none',
                        duration: 2000
                    })

                    casemsgobj.collected = !casemsgobj.collected;
                    that.setData({
                        casemsgobj: casemsgobj
                    })

                }
            }
        })
    },
    casesharetap: function () {
        this.setData({
            wshareshow: true
        })
    },
    shareurltap: function () {
        wx.showLoading({
            title: '加载中...',
        })
        this.addsharetap();
        if (this.data.bType == 'b') {
            util.schemefun('/share/pages/materialcase/materialcase', 'cid=' + this.data.cid + '&uid=' + app.globalData.agentEmployeEid + '&ctp=' + app.globalData.clientype + '&agid=' + app.globalData.brokeruserId, this.data.cid, 'materialCase', '');
        } else {
            util.schemefun('/share/pages/materialcase/materialcase', 'cid=' + this.data.cid + '&uid=' + app.globalData.personMsg.id + '&ctp=' + app.globalData.clientype, this.data.cid, 'materialCase', '');
        }
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },
    lasttap: function () {
        wx.navigateBack()
    },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },
    otherlistfun: function () {
        var that = this;
        var page = that.data.page;
        page = page * 1 + 1;
        utils.$post({
            url: app.globalData.webUrl + 'api/designercases',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                page: page,
                limit: 4,
                designer_id: that.data.casemsgobj.designer_id,
                material_case_id:this.data.cid
            },
            success: function (res) {
                that.setData({
                    page: page
                })
                if (res.data.code == '0') {
                    // caselist:indexlist,
                    // leftcaselist:leftlist,
                    // rightcaselist:rightlist
                    var caselist = that.data.caselist;
                    var arrflag = false;
                    if (res.data.data.length == 0) {
                        wx.showToast({
                            title: '暂无更多数据',
                            icon: 'none',
                            duration: 2000
                        })
                    } else {
                        if (caselist.length != 0) {
                            arrflag = true;
                        }
                        console.log(caselist)
                        caselist = caselist.concat(res.data.data);
                        that.setData({
                            caselist: caselist
                        });
                        if (!arrflag) {
                            that.imgload();
                        }
                    }
                }
            }
        })
    },
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        var img = this.data.casemsgobj.cover_share_img?this.data.casemsgobj.cover_share_img:this.data.casemsgobj.cover_img;

        if (this.data.bType == 'b') {
            this.addsharetap();
            
            img = img.replace('http://o.nczyzs.com/', 'https://o.nczyzs.com/');
            return {
                title: this.data.casemsgobj.title,
                imageUrl: img,
                path: '/share/pages/materialcase/materialcase?cid=' + this.data.cid + '&uid=' + app.globalData.agentEmployeEid + '&ctp=' + app.globalData.clientype + '&agid=' + app.globalData.brokeruserId
            }
        } else {
            this.addsharetap();
            img = img.replace('http://o.nczyzs.com/', 'https://o.nczyzs.com/');
            return {
                title: this.data.casemsgobj.title,
                imageUrl: img,
                path: '/share/pages/materialcase/materialcase?cid=' + this.data.cid + '&uid=' + app.globalData.personMsg.id + '&ctp=' + app.globalData.clientype
            }
        }
    },

    onAddToFavorites(res) {
        var img = this.data.casemsgobj.cover_share_img?this.data.casemsgobj.cover_share_img:this.data.casemsgobj.cover_img;
        img = img.replace('http://o.nczyzs.com/', 'https://o.nczyzs.com/');
        return {
          title: this.data.casemsgobj.title,
          imageUrl: img,
          query: 'cid=' + this.data.cid + '&cty=' + app.globalData.clientype + '&clg=1',
        }
    }
})