const app = getApp();
const util = require("../../../utils/util");
var utils = require("../../../utils/http"),
    casepage = 1;
let time = 0,timer = null;
Page({

    /**
     * 页面的初始数据
     */
    data: {
        nowstyle: '',
        stylelist: [],
        square_start: '', //面积开始值
        square_end: '', //面积结束值
        nowcommunity: '',
        communitylist: [],
        nowhousetype: '',
        housetypelist: [],
        imgUrl: app.globalData.imgUrl,
        caselist: [],
        keyword: '',
        datashow: false,
        loginFlag:false,
        canIUseGetUserProfile: false,
        shareobj:{},
        employeeflag:false,//false是用户，true是员工
        top:app.globalData.statusBarHeight,
        hgt:app.globalData.titleBarHeight,
        companyobj:{},
        nowcommunitname:'',
        typearr:[
            {id:1,name:'效果案例',type:1},
            {id:2,name:'实景案例',type:2}
        ],
        noweffect:''
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        const that=this;
        wx.hideHomeButton();
        time=0;
        this.setData({
            top:app.globalData.statusBarHeight,
            hgt:app.globalData.titleBarHeight,
        })
        
        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];
            }
            this.setData({
                nowstyle: obj.s,
                square_start: obj.st, //面积开始值
                square_end: obj.e, //面积结束值
                nowcommunity: obj.c,
                nowhousetype: obj.h
            })
            app.globalData.clientype=obj.ctp;
            app.globalData.shareuserid = obj.u;
        }else{
            this.setData({
                nowstyle: options.s,
                square_start: options.st, //面积开始值
                square_end: options.e, //面积结束值
                nowcommunity: options.c,
                nowhousetype: options.h
            })
            app.globalData.clientype=options.ctp;
            app.globalData.shareuserid = options.u;
        }
        
        if (wx.getUserProfile) {
            this.setData({
              canIUseGetUserProfile: true
            })
        }
        wx.showLoading({
            title: '加载中...',
        })
        that.login();
    },
    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.currentUserId = 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({
                        method: "POST", //TESTAPIURL  APIURL/users/auth
                        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({
                                    shareobj:app.globalData.sharepersonobj
                                })
                                util.toolfun(1);
                                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({
                                        datashow: true,
                                        loginFlag: false,
                                        employeeflag:(!!r.data.user.binded&&r.data.user.binded.state=='在职')?true:false
                                    })
                                    app.globalData.personMsg = r.data.user;
                                    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.loginbox = that.selectComponent("#loginbox");
                                        that.loginbox.loginfun();
                                    } else {
                                        app.globalData.phone = true; //有手机号
                                    }
                                    that.unreadMsg();
                                } else {
                                    wx.hideLoading();
                                    that.setData({
                                        loginFlag: true
                                    })
                                }
                                
                            } else {
                                setTimeout(function () {
                                    wx.hideLoading()
                                }, 500)
                            }
                        }
                    })
                }
            }
        })
    },
    prelooktap(){
        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链接列表
        })
    },
    unreadMsg:function(){
        this.casestylefun();
        this.housestylefun();
        this.casecommunityfun();
        this.caselistfun();
    },
    golastap:function(){
      wx.navigateBack()
    },
    goindextap:function(){
      wx.reLaunch({
        url: '/pages/index/index?state=1',
      })
    },
    openVRLink(e) {
        let vrlink = e.currentTarget.dataset.vrlink;
        let id = e.currentTarget.dataset.id;
         wx.navigateTo({
             url: '/pages/other/other?type=vr&vrurl=' + escape(vrlink) + '&cty=materialCase' + '&uid=' + app.globalData.shareuserid + '&ctp=' + app.globalData.clientype + '&aid=' + id,
         })
    },
    opencommunitytap:function(){
        this.setData({
            communityflag:true,
        })
    },
    dothis:function(){},
    colsecommunitytap:function(){
        this.setData({
            communityflag:false
        })
    },
    seteffectap(e){
        this.setData({
            noweffect:e.currentTarget.dataset.type
        })
        this.caselistfun();
    },
    casecommunityfun: function () {
        var that = this;
        utils.$get({
            url: app.globalData.webUrl + 'api/communitylist',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {},
            success: function (res) {
                if (res.data.code == '0') {
                    for(let i=0;i<res.data.data.length;i++){
                        if(res.data.data[i].id==that.data.nowcommunity){
                            that.setData({
                                nowcommunitname:res.data.data[i].name
                            })
                        }
                    }
                    that.setData({
                        communitylist: res.data.data
                    })
                }
                that.getCitys();
            }
        })
    },
    getCitys() {
        const _this = this
        const cities = this.data.communitylist;
        // 按拼音排序
        cities.sort((c1, c2) => {
          let pinyin1 = c1.pinyin;
          let pinyin2 = c2.pinyin;
          return pinyin1.localeCompare(pinyin2)
        })
        // 添加首字母
        const map = new Map()
        for (const city of cities) {
          const alpha = city.pinyin.charAt(0).toUpperCase()
          if (!map.has(alpha)) map.set(alpha, [])
          map.get(alpha).push({ name: city.name,id: city.id})
        }
        const keys = []
        for (const key of map.keys()) {
          keys.push(key)
        }
        keys.sort()
    
        const list = []
        for (const key of keys) {
          list.push({
            alpha: key,
            subItems: map.get(key)
          })
        }
        for(let i=0;i<list.length;i++){
            for(let k=0;k<list[i].subItems.length;k++){
                for(let j=0;j<cities.length;j++){
                    if(list[i].subItems[k].name==cities[j].name){
                      list[i].subItems[k].case_num=cities[j].case_num;
                      list[i].id=cities[j].id;
                    }
                  }
            }
          
        }
        _this.setData({list:list})
    },
    onChoose(e) {
        var that=this;
        that.setData({
            nowcommunity:e.detail.item.currentTarget.dataset.cid,
            nowcommunitname:e.detail.item.currentTarget.dataset.item.name,
            communityflag:false
        })
        wx.showLoading({
          title: '加载中...',
        })
        that.caselistfun();
    },
    casestylefun: function () {
        var that = this;
        utils.$get({
            url: app.globalData.webUrl + 'api/stylelist',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {},
            success: function (res) {
                if (res.data.code == '0') {
                    that.setData({
                        stylelist: res.data.data
                    })
                }
            }
        })
    },
    callphonetap:function(){
        console.log()
        wx.makePhoneCall({
          phoneNumber: app.globalData.sharepersonobj.phone //仅为示例，并非真实的电话号码
        })
    },
    housestylefun: function () {
        var that = this;
        utils.$get({
            url: app.globalData.webUrl + 'api/material/housetypelist',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {},
            success: function (res) {
                if (res.data.code == '0') {
                    that.setData({
                        housetypelist: res.data.data
                    })
                }
            }
        })
    },
    selectareatap: function (e) {
        this.setData({
            square_start: e.currentTarget.dataset.start,
            square_end: e.currentTarget.dataset.end,
        })
        this.caselistfun();
    },
    caselistfun: function (e) {
        var that = this;
        casepage = 1;
        utils.$get({
            url: app.globalData.webUrl + 'client/caselist',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                page: 1,
                uid: app.globalData.personMsg.id,
                commu_id: that.data.nowcommunity, // 小区id
                style_id: that.data.nowstyle, //风格id
                square_start: that.data.square_start, //面积开始值
                square_end: that.data.square_end, //面积结束值
                keyword: that.data.keyword,
                housetype_id: that.data.nowhousetype,
                case_type:this.data.noweffect,
            },
            success: function (res) {
                that.setData({
                    datashow: true
                })
                if (res.data.code == '0') {
                    that.setData({
                        caselist: res.data.data
                    })
                }
                setTimeout(function () {
                    wx.hideLoading()
                }, 1000)
            },
            fail() {
                wx.hideLoading()
            }
        })
    },
    setstyletap: function (e) {
        this.setData({
            nowstyle: e.currentTarget.dataset.type
        })
        this.caselistfun();
    },
    setcommunitytap: function (e) {
        this.setData({
            nowcommunity: e.currentTarget.dataset.type
        })
        this.caselistfun();
    },
    sethousetypetap: function (e) {
        this.setData({
            nowhousetype: e.currentTarget.dataset.type
        })
        this.caselistfun();
    },
    casemsgtap: function (e) {
        wx.navigateTo({
            url: '/share/pages/materialcase/materialcase?type=3&cid=' + e.currentTarget.dataset.cid+'&uid='+app.globalData.shareuserid+'&ctp='+app.globalData.clientype

        })
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        this.setData({
            top:app.globalData.statusBarHeight,
            hgt:app.globalData.titleBarHeight,
        })
        timer = setInterval(function () {
            time = time * 1 + 1;
        }, 1000)
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        if (timer) {
            clearInterval(timer)
        }
        this.setimetap();
    },
    setimetap(){
        const that = this;
        utils.$post({
            url: app.globalData.webUrl + 'client/index/visit_due_time',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                id: that.data.companyobj.employee_id,
                pipe_type: 'toolAll',
                time: time,
            },
            success: function (res) {
            }
        })
    },
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        this.setimetap();
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        var that = this;
        casepage = 1;
        utils.$get({
            url: app.globalData.webUrl + 'client/caselist',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                page: 1,
                uid: app.globalData.personMsg.id,
                commu_id: that.data.nowcommunity, // 小区id
                style_id: that.data.nowstyle, //风格id
                square_start: that.data.square_start, //面积开始值
                square_end: that.data.square_end, //面积结束值
                keyword: that.data.keyword,
                housetype_id: that.data.nowhousetype,
                case_type:this.data.noweffect,
            },
            success: function (res) {
                wx.stopPullDownRefresh()
                if (res.data.code == '0') {
                    that.setData({
                        caselist: res.data.data
                    })
                }
                setTimeout(function () {
                    wx.hideLoading()
                }, 1000)
            }
        })
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        var that = this;
        casepage = casepage * 1 + 1;
        utils.$get({
            url: app.globalData.webUrl + 'client/caselist',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                page: casepage,
                uid: app.globalData.personMsg.id,
                commu_id: that.data.nowcommunity, // 小区id
                style_id: that.data.nowstyle, //风格id
                square_start: that.data.square_start, //面积开始值
                square_end: that.data.square_end, //面积结束值
                keyword: that.data.keyword,
                housetype_id: that.data.nowhousetype,
                case_type:this.data.noweffect,
            },
            success: function (res) {
                let caselist = that.data.caselist;
                if (res.data.code == '0') {
                    caselist = caselist.concat(res.data.data);
                    that.setData({
                        caselist: caselist
                    })
                }
                setTimeout(function () {
                    wx.hideLoading()
                }, 1000)
            }
        })
    },
    addsharetap: function (type) {
        let that = this;
        utils.$post({
            url: app.globalData.webUrl + 'api/share/addlog',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                id: '0',
                type: type,
            },
            success: function (r) {}
        })
    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        let that = this;
        that.addsharetap('toolAll');
        return {
            title: app.globalData.personMsg.binded.name + "的装修案例",
            imageUrl: app.globalData.imgUrl+"xcx/caseposter.jpg",   
            path: '/share/pages/caselist/caselist?u=' + app.globalData.personMsg.id +'&c=' + that.data.nowcommunity + '&s=' + that.data.nowstyle + '&st=' + that.data.square_start+'&ctp='+app.globalData.clientype + '&e=' + that.data.square_end + '&h=' + that.data.nowhousetype
        }
    }
})