需求:制作设备的控制页面,设备有很多型号,功能可能有所不同。根据型号的typeid从配置文件中获取功能列表。
配置文件:deviceConfig.js
const defaultConfig = {
typeid: "",
autoModeArr: [
{
name: "大师智选",
label: "autoMode",
value: "1",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "舒压放松",
label: "autoMode",
value: "2",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "拉伸舒展",
label: "autoMode",
value: "39",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "助眠摇椅",
label: "autoMode",
value: "6",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "疏通调理",
label: "autoMode",
value: "9",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "元气唤醒",
label: "autoMode",
value: "8",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "乐龄舒享",
label: "autoMode",
value: "4",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "工作减压",
label: "autoMode",
value: "5",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "运动恢复",
label: "autoMode",
value: "3",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "肩颈释压",
label: "autoMode",
value: "11",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "腰背呵护",
label: "autoMode",
value: "10",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "美臀纤体",
label: "autoMode",
value: "12",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
],
};
const deviceArr = [{
typeid: "******************************************************",
autoModeArr: [
{
name: "大师智选",
label: "autoMode",
value: "1",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "舒压放松",
label: "autoMode",
value: "2",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "拉伸舒展",
label: "autoMode",
value: "39",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "助眠摇椅",
label: "autoMode",
value: "6",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "疏通调理",
label: "autoMode",
value: "9",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "元气唤醒",
label: "autoMode",
value: "8",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "乐龄舒享",
label: "autoMode",
value: "4",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "工作减压",
label: "autoMode",
value: "5",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "运动恢复",
label: "autoMode",
value: "3",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "肩颈释压",
label: "autoMode",
value: "11",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "腰背呵护",
label: "autoMode",
value: "10",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
{
name: "美臀纤体",
label: "autoMode",
value: "12",
icon: "/common/img/operate_light_unsel.png",
offIcon: "/common/img/operate_light_offline.png",
activeIcon: "/common/img/operate_light_sel.png",
flag: false
},
],
}];
/**
*根据typeid匹配对应的配置文件
**/
export function configDeviceFeature( typeid ) {
deviceArr.map((item,index)=>{
if(item.typeid == typeid){
return item.autoModeArr;
}
});
return defaultConfig.autoModeArr;
}
调用:
import {configDeviceFeature} from '../../common/util/deviceConfig.js'
export default {
async onInit () {
let autoModeList = configDeviceFeature('********');
console.log('autoModeList==='+JSON.stringify(autoModeList));
}
}