carInsightSystem_wxapp/contrastPackages/carModelsRatio/index.js

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

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

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        app.globalData.request({
            action: 'getUserBrand',
            token: wx.getStorageSync('token') || 't%2BrswgjvzGM=',
        }).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
            })
        })
        this.setData({
            boxArr: wx.getStorageSync('modelsData'),
            sBrand: wx.getStorageSync('sBrand'),
            result: wx.getStorageSync('modelsData').map(ele => {
                return JSON.stringify(ele)
            })
        })
        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
        }
        let sBrand=[]
        for(let i of detail){
            let item = JSON.parse(i)
            result.push(item)
            sBrand.push(item.brand)
        }
        result.length = 6
        this.setData({
            result:detail,
            boxArr:result,
            sBrand
        })
    },
    changeTab(val) {
        let n = val.detail.index;
        this.setData({
            tabActive: n
        })
    },
    addcarModels() {
        this.setData({
            popupShow: true
        })
    },
    popupClose() {
        this.setData({
            popupShow: false
        })
        wx.setStorageSync('modelsData', this.data.boxArr)
        wx.setStorageSync('sBrand', this.data.sBrand)
        this.reLoad()
    },
    onClose2() {
        this.setData({
            popupShow2: false
        })
    },
    del(e) {
        let filter = this.data.result.filter(ele=>{
            return ele!= "null"
        })
        console.log(filter);
        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('modelsData', this.data.boxArr)
        this.reLoad()
    },
    modalChoose(e) {
        let id = e.currentTarget.dataset.id; //获取点击的id
        app.globalData.request({
            action: 'getUserSeriesName',
            token: wx.getStorageSync('token'),
            sBrandName: id
        }).then(res => {
            for (let i of res) {
                i.brand = id
            }
            this.setData({
                modalList: res,
                popupShow2: true,
                currentBrand: id,
            })
        });
    },
    changeTime(event) {
        let {
            detail
        } = event
        wx.setStorageSync('brandRatioTime', detail)
        this.reLoad()
    },
    reLoad() {
        this.setData({
            sonCom: false
        })
        this.setData({
            sonCom: true
        })
    }
})