使用对象映射后台接口的字段，这样能使前端页面便于维护

陌影ml

于 2024-05-21 09:22:13 发布

阅读量87

点赞数 2

文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_38274119/article/details/139080632

版权

export const Equip = {
    tj:{
        mj:{
            num:0,
            name:'门禁',
            png:'blue-circle.png',
            icon:'icon-guolu',
            jb:'blue-linear-gradient',
            lx:'mj',
            choose:true,
        },
        zj:{
            num:0,
            name:'闸机',
            png:'green-circle.png',
            icon:'icon-ft',
            jb:'green-linear-gradient',
            lx:'zj',
            choose:true,         
        },
        sp:{
            num:0,
            name:'视频监控',
            png:'yellow-circle.png',
            icon:'icon-anquan',
            jb:'yellow-linear-gradient',
            lx:'sp',
            choose:true,
        },
        rail:{
            num:0,
            name:'围栏',
            png:'orange-circle.png',
            icon:'icon-anquan',
            jb:'orange-linear-gradient',
            lx:'rail',
            choose:true,
        }
    },
    list:{
        mj:{
            name:'name',
            address:'address',
            sn:'sn',
            lon:'lon',
            lat:'lat',
        },
        zj:{
            name:'name',
            address:'address',
            sn:'sn',
            lon:'lon',
            lat:'lat'
        },
        sp:{
            name:'name',
            address:'address',
            sn:'sn',
            lon:'lon',
            lat:'lat'
        },
        rail:{
            name:'refName',
            address:'address',
            sn:'id',
            lines:"lines",
            id:'id'
        }
    }
}

//设备列表匹配字段
export function matchWord(list:any,lx:string){
    return list.map((listEl:string)=>{
        /**
         * listEl ===> list中每一个对象
         * Equip.list[lx] ===> {name:'refName',address:'address',......}
         * keys ===> [name,address,sn,lines,id]
         * key ===> 对应Equip.list[lx]对象中每一个键对应的值，比如name对应的key值是refName，使用这个key值refName去找传入el中对应的值
         */
        let keys = Object.keys(Equip.list[lx]);
        let obj = {};
        keys.forEach(item=>{
            debugger
            let key = Equip.list[lx][item];
            obj[item]=listEl[key];
        });
        return obj;
    })
}