关于带有设备树的表单制作--后端数据、模型获取

一、新增页面

        可以看到这样的简单样式，功能实现结果为对应设备树点击后出现对应的子项目，并在三维场景中获取对应的模型。

1.1要注意的点

      在右侧输入框的编辑中，为保证输入框的样式统一，需要将子输入框封在同一个父el-form中，并设置style、label。

      同时一般输入框分为普通文本框和可选择的输入框--el-select

      这里的三维场景是封好的编码，用在testscene中，可重复调用。

二、“测试”页面编辑--查看设备信息

2.1分析难点

    此处设备树需连接到父设备树的子设备信息，换句话说是看单独一个设备里的其他内容；

    三维场景中的模型在设备树的点击事件下立刻调取；

    右侧设备信息，label对应其value

2.2具体措施

    拿取后端数据，不同设备类型的数据封存在不同的js文件中，其次对应的tableoption也要单独调用      实际拿出的后端数据是，英文的label对应相应信息，在tableoption中有对应中文注解，故需实现一个数组中有中文的label栏以及对应的设备信息

       再看一下option中对应的数据，看看哪个是可以与后端数据联系的，由下图可以看到prop的值是可以联系的

       拿出后端数据的label，使其与前文prop比较，若相等则赋给新的数组，最终得到的数组就是我们需要呈现出来的数组

学习好 .then(()=>{})使用

        为了每次拿到对应设备种类的数据，可以用switch判断，因为eqCode的第二位编码是根据设备种类设定，故拿到其第二个编码就可以进行判断

       在testscene中调取模型loadmodel方法时，需注意clearmodel（模型更新），以及增添addmodel完成时才可拿取模型树需要的数据，利用了promise功能；调取数据时就能拿到模型地址

      最后利用element就可以做出表单右侧的表格了，左侧的设备树根据师兄的代码，连接得到，其中get了小技巧，可以将thedata设置成全局变量，在调用环境数据时，是需要import其组件就可以直接调用里面的值