After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 193 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 57 KiB |
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 5.0 KiB |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 61 KiB |
After Width: | Height: | Size: 61 KiB |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 104 KiB |
After Width: | Height: | Size: 50 KiB |
After Width: | Height: | Size: 50 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 8.7 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 85 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 114 KiB |
After Width: | Height: | Size: 100 KiB |
After Width: | Height: | Size: 120 KiB |
@ -0,0 +1,124 @@ |
|||||
|
# 组态管理 |
||||
|
|
||||
|
## 组态列表 |
||||
|
|
||||
|
### 可视化管理 |
||||
|
|
||||
|
#### 编辑 |
||||
|
|
||||
|
##### 相关文件位置 |
||||
|
|
||||
|
![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) |