# 组态管理

## 组态列表

### 可视化管理

#### 编辑

##### 相关文件位置

![image-20220927165755210](开发辅助文档.assets/image-20220927165755210.png)

##### 节点拖入画布的添加节点方法

![image-20220927170250269](开发辅助文档.assets/image-20220927170250269.png)

重要代码 前面都是调整样式

![image-20220927170552294](开发辅助文档.assets/image-20220927170552294.png)



新增echart数据，液位图在5

![image-20220927170729180](开发辅助文档.assets/image-20220927170729180.png)

##### 初始化模板列表

![image-20220927170920065](开发辅助文档.assets/image-20220927170920065.png)

###### 液位图

![image-20220927171011984](开发辅助文档.assets/image-20220927171011984.png)

液位图相关方法

![image-20220927171142608](开发辅助文档.assets/image-20220927171142608.png)

##### 点击元素回显事件

![image-20220927172345382](开发辅助文档.assets/image-20220927172345382.png)

##### Html页面中相关的属性和事件

###### 液位图最大值

**液位图最大值**的修改，最大值**Vue**属性**charMax**,**节点元素**属性**max**

![image-20220927171421269](开发辅助文档.assets/image-20220927171421269.png)

###### 边框

**有无边框的修改**

![image-20220927171638814](开发辅助文档.assets/image-20220927171638814.png)

```javascript
optnj.series[0].outline.show=[false|true] // 边框显隐藏
eval("("+  cl.children(".chartStyle").attr("option")  +")"); // 字符串转换为对象
```

**setChartOption**更新echart数据

![image-20220927172155807](开发辅助文档.assets/image-20220927172155807.png)

###### 动画和形状

**禁用动画和形状选择事件**

![image-20220927172527998](开发辅助文档.assets/image-20220927172527998.png)

**cfg.current_edit_obj**

这个对象是当前选中组件的容器元素，一个div。

![image-20220927172737439](开发辅助文档.assets/image-20220927172737439.png)

元素属性enableanimationn取反就是vue属性isDisableAnimation的值

元素属性shape与vue属性shape值一致

###### 相关属性截图

![image-20220927173314418](开发辅助文档.assets/image-20220927173314418.png)

###### 保存调用方法与接口

![image-20220927173600524](开发辅助文档.assets/image-20220927173600524.png)

![image-20220927173812784](开发辅助文档.assets/image-20220927173812784.png)

###### 预览调用方法与接口

![image-20220927174027870](开发辅助文档.assets/image-20220927174027870.png)

![image-20220927173954514](开发辅助文档.assets/image-20220927173954514.png)

# 系统管理

## LPM管理

### 相关文件路径

![image-20220927174614023](开发辅助文档.assets/image-20220927174614023.png)

**相关页面**

![image-20220927174735524](开发辅助文档.assets/image-20220927174735524.png)

### ip和port效验

![image-20220927174958976](开发辅助文档.assets/image-20220927174958976.png)

![image-20220927175057359](开发辅助文档.assets/image-20220927175057359.png)

**使用正则对象的地方**

![image-20220927175300760](开发辅助文档.assets/image-20220927175300760.png)

![image-20220927175430367](开发辅助文档.assets/image-20220927175430367.png)

### 效验规则在页面中使用场景

![image-20220927175630615](开发辅助文档.assets/image-20220927175630615.png)