小谢第68问:前端得到表格数据之后,如何对表格数据处理

得到数组数据后,对数组进行遍历,然后将需要处理的属性或者增加的属性做处理:

 supplyListApi(params).then((res)=>{
                // this.loading = false
                if(res.code == 1){ 
                    let arrGoodsInfo = res.data.records 
                    this.tableData = this.dataHand(arrGoodsInfo)
                }else{
                    this.$message.error(res.message)
                }
            })

  

dataHand: function (arrGoodsInfo) {
            for (let i = 0; i < arrGoodsInfo.length; i++) {
            // 处理报价状态颜色--因为已过期的code是已成交然后判断时间的 所以用name判断
            let statusColor = {}
            switch(arrGoodsInfo[i].statuName){
                case '发布中':
                    statusColor = '#2BCA41' 
                break 
                case '待指派':
                    statusColor = '#FC8333' 
                break 
                case '已成交':
                    statusColor = '#307CFC' 
                break 
                case '已指派':
                    statusColor = '#401acd' 
                break
                case '已取消':
                    statusColor = '#999999' 
                break 
                case '已过期':
                    statusColor = '#FF3750' 
                break 
            } 
            arrGoodsInfo[i].statusColor = statusColor;
            }
            return arrGoodsInfo
        },

  

dataHand就是处理数组的办法
posted @ 2021-08-12 14:20  优雅的小谢  阅读(190)  评论(0编辑  收藏  举报
Live2D