import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';
const app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        boxArr: new Array(6),
        tabActive: 0,
        result: [],
        sonCom: true,
        popupShow: false,
        mockData:[],
        tempLate:['一','二','三','四','五','六',]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.setData({
            boxArr: wx.getStorageSync('brandData'),
            result:wx.getStorageSync('brandData').map(ele=>{
                return JSON.stringify(ele)
            })
        })
        wx.setStorageSync('brandRatioTime', {
            sTimeType: '34'
        })
        this.brandReq()
    },
    onUnload(){
        wx.setStorageSync('brandRatioTime', {
            sTimeType: '34'
        })
    },
    onChange(event) {
        const {detail} = event
        const result = []
        for(let i=0;i<=detail.length;i++){
            if(detail[i]=='null') detail.splice(i,1),i--
        }
        if(detail.length>6){
            Dialog.alert({
                message: '至多六个',
                context:this 
              })
              return
        }
        for(let i of detail){
            result.push(JSON.parse(i))
        }
        result.length = 6
        this.setData({
            result:detail,
            boxArr:result
        })
    },
    changeTab(val) {
        let n = val.detail.index;
        this.setData({
            tabActive: n
        })
    },
    addBrand() {
        this.setData({
            popupShow: true
        })
    },
    popupClose() {
        this.setData({
            popupShow: false
        })
        wx.setStorageSync('brandData', this.data.boxArr)
        this.reLoad()
    },
    del(e) {
        let filter = this.data.result.filter(ele=>{
            return ele!= "null"
        })
        if(filter.length==2){
            Dialog.alert({
                message: '至少需要两个品牌才可以对比哦！',
                context:this 
              })
              return
        }
        let index = e.currentTarget.dataset.index
        let result = [...this.data.result]
        let boxArr = []
        result.splice(index, 1)
        for (let i of result) {
            boxArr.push(JSON.parse(i))
        }
        boxArr.length = 6
        this.setData({
            result: result,
            boxArr: boxArr
        })
        wx.setStorageSync('brandData', this.data.boxArr)
        this.reLoad()
    },
    changeTime(event) {
        let {
            detail
        } = event
        wx.setStorageSync('brandRatioTime', detail)
        this.reLoad()
    },
    //获取品牌
    brandReq() {
        app.globalData.request({
            action: 'getUserBrand',
            token: wx.getStorageSync('token'),
        }).then(res => {
            let arr = []
            for (let i = 65; i <= 90; i++) {
                arr.push({
                    name: String.fromCharCode(i),
                    data: []
                });
            }
            for (let i of res) {
                for (let j of arr) {
                    if (i.firstword == j.name) {
                        j.data.push(i)
                    }
                }
            }
            this.setData({
                mockData: arr
            })
        })
    },
    reLoad() {
        this.setData({
            sonCom: false
        })
        this.setData({
            sonCom: true
        })
    }
})