crm/resources/zqxgxcx/share/pages/materialcase/materialcase.js

// index/pages/casemsg/casemsg.js
const app = getApp();
var utils = require("../../../utils/http")
let time = 0;
var timer = null;
var designTimer = null;
Page({

    /**
     * 页面的初始数据
     */
    data: {
        top: app.globalData.statusBarHeight,
        hgt: app.globalData.titleBarHeight,
        imgUrl: app.globalData.imgUrl,
        communityht: '',
        cid: '',
        casemsgobj: {},
        page: 1,
        shareid: '',
        loginFlag: false,
        canIUseGetUserProfile: false,
        datashow: false,
        personMsg: {},
        caselist: [],
        leftcaselist: [],
        rightcaselist: [],
        sharepersonMsg: app.globalData.sharepersonobj,
        employeeflag: false,//false是用户，true是员工
        companyobj: {},
        articlelogin: false,
        scrollTop: 0,
        showAction: false,
        showAddress: false,
        imgarr:[],
        type:'',
        ctype:'',
        priceflag: false,
        swiperIndex:0,
        tab: [{
            name: 'VR案例',
            type: 'vr',
            count: 0
        }, {
            name: '视频案例',
            type: 'video',
            count: 0
        }],
        activeType: '',
        designPlan: false,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        var that = this;
        time = 0;
        wx.hideHomeButton();
        that.setData({
            top: app.globalData.statusBarHeight,
            hgt: app.globalData.titleBarHeight,
            imgUrl: app.globalData.imgUrl,
        })
        if(options.type){
            this.setData({
                type:options.type
            })
        }
        if (wx.getUserProfile) {
            this.setData({
                canIUseGetUserProfile: true
            })
        }
        if (!!options.scene) {
            options = unescape(options.scene);
            let arr = options.split('&');
            let obj = {};
            for (let i = 0; i < arr.length; i++) {
                let arr1 = arr[i].split('=');
                obj[arr1[0]] = arr1[1];
            }
            that.setData({
                cid: obj.cid,
                shareid: obj.uid
            })
            app.globalData.clientype = obj.ctp;
            app.globalData.shareuserid = obj.uid;
        } else {
            that.setData({
                cid: options.cid,
                shareid: options.uid
            })
            app.globalData.clientype = options.ctp;
            app.globalData.shareuserid = options.uid;
        }

        // wx.showLoading({
        //   title: '加载中...',
        // })
        this.login();
    },
    dothis(){},
    sharecompany: function () {
        const that = this;
        utils.$post({
            url: app.globalData.webUrl + 'client/index/content_belong_company',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                client_type: app.globalData.clientype,
                uid: app.globalData.shareuserid
            },
            success: function (res) {
                if (res.data.code == '0') {
                    app.globalData.companyobj=res.data.data;
                    app.globalData.sharempid = res.data.data.employee_id;
                    that.setData({
                        companyobj: res.data.data
                    })
                }
            },
            complete(res) {
                wx.hideLoading()
            }
        })
    },
    login: function () {
        var that = this;
        wx.login({
            success: function (data) {
                if (data.errMsg == 'login:ok') {
                    utils.$post({
                        url: app.globalData.webUrl + 'api/users/code2session',
                        data: {
                            code: data.code,
                            share: app.globalData.shareuserid,
                            client_type:app.globalData.clientype
                        },
                        success: function (r) {
                            if (r.data.code == '0') {
                                app.globalData.sharepersonobj = r.data.share;
                                app.globalData.token = r.data.token;
                                that.sharecompany();
                                that.setData({
                                    sharepersonMsg: app.globalData.sharepersonobj,
                                })
                                if (r.data.user != null && (!!r.data.user.headimgurl && r.data.user.headimgurl != "" || !!r.data.user.nickname && r.data.user.nickname != "" && r.data.user.nickname != '游客')) {
                                    that.setData({
                                        articlelogin: true,
                                        loginFlag: false,
                                        employeeflag: (!!r.data.user.binded && r.data.user.binded.state == '在职') ? true : false
                                    })
                                    app.globalData.personMsg = r.data.user;
                                    app.globalData.use_id = r.data.user.id;

                                    app.globalData.userflag = false;//有个人信息
                                    var nickname = r.data.user.nickname;
                                    var phone = r.data.user.phone;
                                    app.globalData.phone = false;//没有手机号

                                    if (r.data.user.phone == '') {
                                        wx.hideLoading();
                                        app.globalData.phone = false;//没有手机号
                                        that.setData({
                                            phoneFlag: true,
                                            mobileflag: true,
                                        })
                                        that.casemsgfun();
                                    } else {
                                        app.globalData.phone = true;//有手机号
                                        that.setData({
                                            phoneFlag: false,
                                            mobileflag: false,
                                        })
                                        var obj = {
                                            detail: 1
                                        }
                                        that.casemsgfun(obj);
                                    }
                                } else {
                                    wx.hideLoading();
                                    that.setData({
                                        loginFlag: true,
                                        articlelogin: false,
                                        phoneFlag: true
                                    })
                                }

                            } else {
                                setTimeout(function () {
                                    wx.hideLoading()
                                }, 500)
                            }
                        }
                    })
                }
            }
        })
    },
    cancelGetPhone() {
        designTimer = setTimeout(() => {
            this.setData({
                designPlan: true
            })
        },4000)
    },
    designertap(){
        if(!!this.data.casemsgobj.designer_id){
            wx.navigateTo({
                url: '/share/pages/designermsg/designermsg?did='+this.data.casemsgobj.designer_id+"&type=3"
            })
        }
    },
    presharelooktap() {
        if (!app.globalData.sharepersonobj.qrcode) {
            wx.showToast({
                title: "当前专属客服的二维码为空！",
                icon: 'none',
                duration: 2000
            })
            return false;
        }
        wx.previewImage({
            current: app.globalData.imgUrl + app.globalData.sharepersonobj.qrcode, // 当前显示图片的http链接
            urls: [app.globalData.imgUrl + app.globalData.sharepersonobj.qrcode]// 需要预览的图片http链接列表
        })
    },
    setypetap(e) {
        this.setData({
            ctype: e.currentTarget.dataset.type
        })
    },
    swiperChange (e) {
        let type = e.detail.currentItemId.split('-')[0];
        this.setData({
            activeType: type
        })
    },
    prelooktap(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 链接列表
        })
    },
    /**
     * 前往个人名片
     */
    toPageNameCard() {
        wx.navigateTo({
            url: '/share/pages/shareCard/shareCard?uid='+ app.globalData.shareuserid + '&ctp=' + app.globalData.clientype + '&empid=' + app.globalData.sharempid + '&ftype=share',
        })
    },
    golastap: function () {
        wx.navigateBack()
    },
    goindextap: function () {
        wx.reLaunch({
            url: '/pages/index/index?state=1',
        })
    },
    callphonetap: function () {
        console.log()
        wx.makePhoneCall({
            phoneNumber: app.globalData.sharepersonobj.phone //仅为示例，并非真实的电话号码
        })
    },
    lookcasefun() {
        let casemsgobj = this.data.casemsgobj;
        casemsgobj.desccontentmsg = casemsgobj.desc;
        casemsgobj.realdesc = casemsgobj.real_case;
        this.setData({
            casemsgobj: casemsgobj
        })
    },
    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,
        })
    },
    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=vr&vrurl=' + escape(vrlink) + '&cty=materialCase' + '&uid=' + app.globalData.shareuserid + '&ctp=' + app.globalData.clientype + '&aid=' + this.data.casemsgobj.id,
            })
        } else {
            let aid = e.currentTarget.dataset.id;
            let vrlink = e.currentTarget.dataset.vrlink;
            wx.navigateTo({
                url: '/pages/other/other?type=vr&vrurl=' + escape(vrlink) + '&cty=materialCase' + '&uid=' + app.globalData.shareuserid + '&ctp=' + app.globalData.clientype + '&aid=' + aid,
            })
        }
    },
    getPhoneNumberTap: function (res) {
        var that = this;
        that.lookcasefun();
        if (res.detail.errMsg == 'getPhoneNumber:ok') {
            if (designTimer) {
                clearTimeout(designTimer);
            }
            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') {
                        if (res.currentTarget.dataset.type == 'price') {
                            that.setData({
                                phoneFlag: false,
                                designPlan: false
                            })
                            return;
                        }
                        if(res.currentTarget.dataset.type==1){
                            wx.showToast({
                                title: '预约成功！',
                                icon: 'none',
                                duration: 2000
                            })
                        }
                        that.orderfun();
                        app.globalData.phone = true;
                        that.setData({
                            phoneFlag: false,
                            webUrl: app.globalData.webUrl,
                            articlelogin: true,
                            designPlan: false
                        })
                    } else {
                        that.setData({
                            errorText: r.data.msg,
                            errorflag: true
                        })
                    }
                }
            })
        }
    },
    orderfun() {
        const that = this;
        utils.$post({
            url: app.globalData.webUrl + 'client/material/designer_reserve',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                id:that.data.cid,
                designer_id:that.data.casemsgobj.designer_id?that.data.casemsgobj.designer_id:'',
                type:'materialCase', 
                share_uid:app.globalData.shareuserid

            },
            success: function (res) {
                if (res.data.code == '0') {
                    wx.showToast({
                        title: res.data.msg,
                        icon: "none",
                        duration: 2000
                    });
                }
            }
        })
    },
    casefun: function () {
        this.casemsgfun();
    },
    casemsgfun: function (type) {
        var that = this;
        if (!!type && type.detail == '1') {
            that.setData({
                articlelogin: true,
                phoneFlag: false,
            })
        }
        utils.$get({
            url: app.globalData.webUrl + 'client/casedetail',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                id: this.data.cid
            },
            success: function (res) {
                setTimeout(function () {
                    wx.hideLoading()
                }, 500)
                let tab=that.data.tab;
                if (res.data.code == '0') {
                    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'
                        })
                    }
                    var article = res.data.data.desc,realdesc=res.data.data.real_case;
                    if (!!type && type.detail == '1') {
                        article = res.data.data.desc;
                        realdesc=res.data.data.real_case;
                    } else {
                        let length = res.data.data.desc.length;
                        article = res.data.data.desc.substring(0, length);

                        let len = res.data.data.real_case.length;
                        realdesc=res.data.data.real_case.substring(0, len);
                    }
                    res.data.data.desccontentmsg = article;
                    res.data.data.realdesc=realdesc;

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

                }
            }
        })
    },
    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
                    })
                })
            })
        }
    },
    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) {}
        })
    },
    casemsgtap: function (e) {
        wx.redirectTo({
            url: '/share/pages/materialcase/materialcase?cid=' + e.currentTarget.dataset.cid + "&uid=" + app.globalData.shareuserid + '&ctp=' + app.globalData.clientype
        })
    },
    priceshowtap() {
        this.setData({
            priceflag: true
        })
    },
    closepricetap() {
        this.setData({
            priceflag: false
        })
    },
    closeDesigntap(e) {
        if (designTimer) {
            clearTimeout(designTimer);
        }
        if (e.detail.type == 'success') {
            this.setData({
                designPlan: false
            })
        } else {
            this.setData({
                designPlan: false
            })
        }
    },
    precasetap: function () {
        if (!this.data.casemsgobj.preid) {
            wx.showToast({
                title: '已经第一篇了！',
                icon: 'none',
                duration: 2000
            })
            return false
        }
        wx.redirectTo({
            url: '/share/pages/materialcase/materialcase?cid=' + this.data.casemsgobj.preid + '&uid=' + this.data.shareid
        })
    },
    nextcasetap: function () {
        if (!this.data.casemsgobj.nextid) {
            wx.showToast({
                title: '已经到头了！',
                icon: 'none',
                duration: 2000
            })
            return false
        }
        wx.redirectTo({
            url: '/share/pages/materialcase/materialcase?cid=' + this.data.casemsgobj.nextid + '&uid=' + this.data.shareid
        })
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },
    lasttap: function () {
        wx.reLaunch({
            url: '/pages/index/index?state=1'
        })
    },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        this.setData({
            top: app.globalData.statusBarHeight,
            hgt: app.globalData.titleBarHeight,
            imgUrl: app.globalData.imgUrl,
        })
        timer = setInterval(function () {
            time = time * 1 + 1;
        }, 1000)
    },
    otherlistfun: function () {
        var that = this;
        var page = that.data.page;
        page = page * 1 + 1;
        utils.$post({
            url: app.globalData.webUrl + 'client/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') {
                    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;
                        }
                        caselist = caselist.concat(res.data.data);
                        that.setData({
                            caselist: caselist
                        });
                        if (!arrflag) {
                            that.imgload();
                        }

                    }
                }
            }
        })
    },
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        if (timer) {
            clearInterval(timer);
        }
        if (designTimer) {
            clearTimeout(designTimer);
        }
        this.visitimefun();
    },
    visitimefun() {
        const that = this;
        utils.$post({
            url: app.globalData.webUrl + 'client/index/visit_due_time',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                id: that.data.cid,
                pipe_type: 'materialCase',
                time: time,
            },
            success: function (res) {
            }
        })
    },
    operateBtn () {
        this.setData({
            showAction: false
        })
    },
    /**
     * 展示地址
     */
    showAddressName (e) {
        let type = e.currentTarget.dataset.type;
        if (type == 'hide') {
            this.setData({
                showAddress: false
            })
        } else{
            this.setData({
                showAddress: true
            })
        }
    },
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        if (designTimer) {
            clearTimeout(designTimer);
        }
        this.visitimefun();
    },

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

    },

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

    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        this.addsharetap();
        var 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,
            path: '/share/pages/materialcase/materialcase?cid=' + this.data.cid + '&uid=' + app.globalData.shareuserid + '&ctp=' + app.globalData.clientype,
        };
    }
})