调用：Device 背景：bg1.jpg 说明：。

B3A982F8-DED1-448D-9CAD-526B7607A0FE.png
image.png

⚙ 配置

属性 说明 是否必需
deviceList 部件数据配置 NO

整体配置范例

  2. function Device() {
  3.   var data = {
  4.     model: "Device",
  5.     config: {
  6.       shell: {
  7.         title: "按首字母查询选择号牌",
  8.         local: "部件检测",
  9.         countdown: [105, 95],
  10.         countdown_callBack: "shell_countdown_callBack_Function",
  11.         // sound: "001.mp3",
  12.         navIndex: 3,
  13.         nav: ["首页", "输入电话号码", "预约挂号", "选择介质", "扫码支付", "挂号完成"],
  14.         userinfor: [{ title: "用户:", content: "王晓华" }, { title: "性别:", content: "男" }, { title: "年龄:", content: "300" }],
  15.         btnbar: {
  16.           left: [
  17.             {
  18.               txt: "一键检测",
  19.               onClick: "CheckDevice()"
  20.             }
  21.           ],
  22.           right: [{
  23.             txt: "返回",
  24.             onClick: "Input4Click()",
  25.             verify: { vType: 'mobile', eMsg: '' },
  26.           },
  27.           {
  28.             txt: "确定",
  29.             onClick: "Input4Click()",
  30.             valid: true,
  31.             breatheAni: true
  32.           }]
  33.         }
  34.       },
  35.       bgImg: "bg2.jpg",
  36.       deviceList:[
  37.         {dev:"部件1"},
  38.         {dev:"部件1"},
  39.         {dev:"部件1"},
  40.         {dev:"部件1"},
  41.         {dev:"部件1"},
  42.         {dev:"部件2部件2"},
  43.         {dev:"部件2部件2"},
  44.         {dev:"部件2部件2"},
  45.         {dev:"部件2部件2"},
  46.         {dev:"部件2部件2"},
  47.         {dev:"部件3"}
  48.       ],
  49.       // checkHandle:"CheckDevice",
  50.     }
  51.   }
  52.   return data;
  53. }
  55. function CheckDevice(){
  56.   console.log("CheckDeviceID="+window.ZZH5.Call.getData());
  57.   var data=[
  58.     {dev:"部件1",tag:"0|初始化成功"},
  59.     {dev:"部件1",tag:"2|初始化成功"},
  60.     {dev:"部件1",tag:"0|初始化成功"},
  61.     {dev:"部件1",tag:"0|初始化成功"},
  62.     {dev:"部件2部件2",tag:"1|警告"},
  63.     {dev:"部件2部件2",tag:"1|警告"},
  64.     {dev:"部件2部件2",tag:"1|警告"},
  65.     {dev:"部件2部件2",tag:"1|警告"},
  66.     {dev:"部件3",tag:"2|初始化失败"}
  67.   ];
  68.   window.ZZH5.Call.setData(data);
  69. }

deviceList

  1. deviceList:[
  2.     {dev:"部件1",tag:"0|正常"},//tag的第一位值012对应颜色分别为绿色黄色红色
  3.     {dev:"部件2",tag:"1|警告"},
  4.     {dev:"部件3",tag:"2|失败"},
  5. ],

♨️ JS Call

重置部件状态（表格内容）

  1.   var data=[
  2.     {dev:"部件1",tag:"0|初始化成功"},
  3.     {dev:"部件1",tag:"2|初始化成功"},
  4.     {dev:"部件1",tag:"0|初始化成功"},
  5.     {dev:"部件1",tag:"0|初始化成功"},
  6.     {dev:"部件2部件2",tag:"1|警告"},
  7.     {dev:"部件2部件2",tag:"1|警告"},
  8.     {dev:"部件2部件2",tag:"1|警告"},
  9.     {dev:"部件2部件2",tag:"1|警告"},
  10.     {dev:"部件3",tag:"2|初始化失败"}
  11.   ];
  12.   window.ZZH5.Call.setData(data);

🚀 getData

  1. //获取勾选的部件序列  
  2. console.log("CheckDeviceID="+window.ZZH5.Call.getData());