vue3-svgeditor
v1.0.3
Published
VUE3 开发可拖拽编辑查看 SVG 组件
Downloads
3
Readme
VUE3 开发可拖拽编辑查看 SVG 组件
一款对 svg 可拖拽生成修改可查看的编辑器组件
安装
npm i vue3-svgeditor/* main.js */
import "vue3-svgeditor/style.css";
/* index.vue */
import { WebtopoSvgEdit } from "vue3-svgeditor";
import { WebtopoSvgPreview } from "vue3-svgeditor";API
WebtopoSvgPreview 的属性
| 属性名 | 类型 | 默认 | 说明 |
| ------------- | ---------- | ---------------- | ----------------- |
| data_model | Object | [] | 查看的 svg 数据源 |
| canvas-drag | Boolean | true | 是否可以拖拽 |
| on-click | Function | function () {} | 点击事件 |
data_model 的属性
| 名称 | 类型 | 描述 | 默认值 | 是否必填 | | :-----------: | :----: | :----------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | :------: | | layout_center | object | ratio 图片的高宽比 width 当时编辑器的宽度 height 当时编辑器的高度 为了适配 markjs 所传宽度 | { } | 是 | | center_offset | object | atio 图片的高宽比 width 当时编辑器的宽度 height 当时编辑器的高度 | { } | 是 | | config | object | position_center 原点位置 background_color 背景图颜色 background_image 背景图照片 | { } | 否 | | done_json | array | 拖拽元素 id 唯一标识可获取 dom 节点 x y 距离画布左上角的相对位置 name，tag 注册元素的名字 type 注册元素的类型 props 元素的具体信息以及可控属性具体看下方实例 | 否 |
webtopo-svg-edit 的属性
| 名称 | 类型 | 描述 | 默认值 | 是否必填 | | :-------------: | :----: | :--------------------------------------------------------------------------------------------------------------------- | ------ | :------: | | data-model | Srting | 加载已保存数据 | "{ }" | 否 | | deviceTreeDatas | array | 左侧设备树 | [] | 是 | | treeProps | object | 配置选项 | { } | 否 | | leftTreeProps | object | 左侧设备树是否可拖拽配置选项 | { } | 否 | | svgList | array | 需要加载图元图片的相对路径 svg Iamge 标签有局限性具体看 https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/image | { } | 否 | | custom2List | array | 左侧设备树拖动可变化成图片 详情看下方例子 | [] | 否 | | language | Srting | 语言 | zh | 否 |
事件
| 方法名 | 参数 | 返回值 | 说明 | | :--------: | :--------: | :----: | :------------------: | | on-return | 无 | 无 | 返回按钮 | | on-save | data_model | 无 | 保存方法 | | on-preview | data_model | 无 | 跳转查看当前数据 | | on-change | val | 无 | 当编辑器有变化时触发 |
插槽
| 名称 | 说明 | 参数 | | ---- | ---------------- | ---- | | top | 编辑器头部自定义 | | | left | 编辑器左侧自定义 | |
实例方法
| 方法名 | 参数 | 返回值 | 说明 | | :-------------: | :------: | :----: | :--------------: | | onDelete | 无 | 无 | 清除画布上的元素 | | getImportJson | 无 | 无 | 导入 | | exportJson | 无 | 无 | 导出 | | topRedoBtnClick | 无 | 无 | 上一步 | | topUndoBtnClick | 无 | 无 | 下一步 | | handleRightNav | 无 | 无 | 折叠右侧菜单 | | onSaveClick | 无 | 无 | 保存方法 | | createSvgBegin | href | 无 | 图元移入 | | createBegin | id,label | 无 | 左侧移入方法 | | dragEndEvent | 无 | 无 | 图元落下 |
webtopo-svg-preview 使用案例
<webtopo-svg-preview :data-model="data_model"></webtopo-svg-preview>const data_model =
ref <
any >
{
layout_center: {
x: 0,
y: 0,
height: 620.0815217391304,
ratio: 0.5163043478260869,
width: 1201
},
center_offset: {
x: 0,
y: 0,
height: 620.0815217391304,
ratio: 0.5163043478260869,
width: 1201
},
config: {
background_color: "#fff",
background_image: "./2.png",
scale: 1,
position_center: {
x: -333,
y: -113
},
svg_position_center: {
x: 50,
y: 50
}
},
done_json: [
{
id: "custom1xQMy99s3ug",
x: 722,
y: 392,
client: {
x: 722,
y: 392
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: -1.457524299621582,
y: -10.202670097351074,
width: 118.4266128540039,
height: 13.117718696594238
},
point_coordinate: {
tl: {
x: 662.786693572998,
y: 385.4411406517029
},
tc: {
x: 722,
y: 385.4411406517029
},
tr: {
x: 781.213306427002,
y: 385.4411406517029
},
l: {
x: 662.786693572998,
y: 392
},
r: {
x: 781.213306427002,
y: 392
},
bl: {
x: 662.786693572998,
y: 398.5588593482971
},
bc: {
x: 722,
y: 398.5588593482971
},
br: {
x: 781.213306427002,
y: 398.5588593482971
}
},
name: "custom1",
title: "",
tag: "custom1",
type: "CustomSvg",
display: true,
props: {
labelVisible: {
title: "label显示",
type: "Switch",
val: true
},
label: {
title: "label",
type: "Input",
val: ""
},
fontSize: {
title: "字体大小",
type: "InputNumber",
val: 10
},
fontColor: {
title: "文字颜色",
type: "Color",
val: "#000000"
},
deviceId: {
title: "设备",
type: "Device",
val: "基础数据.只鸡数据.只鸡耗料量",
valLabel: "只鸡耗料量",
houseCode: "12121"
},
isShowValueUnit: {
title: "",
type: "Hidden",
val: true
},
defaultLabel: {
title: "",
type: "Hidden",
val: "只鸡耗料量"
}
}
},
{
id: "custom2nWp2xjblav",
x: 732,
y: 104,
client: {
x: 732,
y: 104
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 300,
height: 150
},
point_coordinate: {
tl: {
x: 710,
y: 82
},
tc: {
x: 732,
y: 82
},
tr: {
x: 754,
y: 82
},
l: {
x: 710,
y: 104
},
r: {
x: 754,
y: 104
},
bl: {
x: 710,
y: 126
},
bc: {
x: 732,
y: 126
},
br: {
x: 754,
y: 126
}
},
name: "custom2",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "工艺数据.通风.风机组01",
valLabel: "风机组01",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
href: {
title: "",
type: "Input",
val: {
close: "./close.png",
open: "./open.png"
},
disabled: true
}
}
},
{
id: "elementslHNi208GkT",
x: 123,
y: 100,
client: {
x: 123,
y: 100
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 19.200000762939453,
height: 19.200000762939453
},
point_coordinate: {
tl: {
x: 113.39999961853027,
y: 90.39999961853027
},
tc: {
x: 123,
y: 90.39999961853027
},
tr: {
x: 132.60000038146973,
y: 90.39999961853027
},
l: {
x: 113.39999961853027,
y: 100
},
r: {
x: 132.60000038146973,
y: 100
},
bl: {
x: 113.39999961853027,
y: 109.60000038146973
},
bc: {
x: 123,
y: 109.60000038146973
},
br: {
x: 132.60000038146973,
y: 109.60000038146973
}
},
name: "elements",
title: "",
tag: "elements",
type: "CustomSvg",
config: {
can_zoom: false,
have_anchor: false,
actual_rect: false
},
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "",
valLabel: ""
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
href: {
title: "图片",
type: "Input",
val: "./日龄.png",
disabled: true
}
},
common_animations: {
val: "",
delay: "delay-0s",
speed: "slow",
repeat: "infinite"
}
},
{
id: "elementsvaCY84MWQ4",
x: 509,
y: 141,
client: {
x: 509,
y: 141
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 19.200000762939453,
height: 19.200000762939453
},
point_coordinate: {
tl: {
x: 499.3999996185303,
y: 131.39999961853027
},
tc: {
x: 509,
y: 131.39999961853027
},
tr: {
x: 518.6000003814697,
y: 131.39999961853027
},
l: {
x: 499.3999996185303,
y: 141
},
r: {
x: 518.6000003814697,
y: 141
},
bl: {
x: 499.3999996185303,
y: 150.60000038146973
},
bc: {
x: 509,
y: 150.60000038146973
},
br: {
x: 518.6000003814697,
y: 150.60000038146973
}
},
name: "elements",
title: "",
tag: "elements",
type: "CustomSvg",
config: {
can_zoom: false,
have_anchor: false,
actual_rect: false
},
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "",
valLabel: ""
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
href: {
title: "图片",
type: "Input",
val: "./Frame 6.png",
disabled: true
}
},
common_animations: {
val: "",
delay: "delay-0s",
speed: "slow",
repeat: "infinite"
}
},
{
id: "imagebWXitLnzNc",
x: 762,
y: 168,
client: {
x: 762,
y: 168
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 44,
height: 44
},
point_coordinate: {
tl: {
x: 740,
y: 146
},
tc: {
x: 762,
y: 146
},
tr: {
x: 784,
y: 146
},
l: {
x: 740,
y: 168
},
r: {
x: 784,
y: 168
},
bl: {
x: 740,
y: 190
},
bc: {
x: 762,
y: 190
},
br: {
x: 784,
y: 190
}
},
name: "image",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "工艺数据.通风.风机组01",
valLabel: "风机组01",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
open: {
title: "空字符",
type: "Hidden",
val: false
},
text: {
title: "是否显示文字",
type: "Switch",
val: false
},
textValue: {
title: "空字符",
type: "Hidden",
val: ""
},
href: {
title: "空字符",
type: "Hidden",
val: {
close: "./close.png",
open: "./open.png"
},
disabled: true
}
}
},
{
id: "imagefpj2oYH4nI",
x: 506,
y: 103,
client: {
x: 506,
y: 103
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 47,
height: 23
},
point_coordinate: {
tl: {
x: 482.5,
y: 91.5
},
tc: {
x: 506,
y: 91.5
},
tr: {
x: 529.5,
y: 91.5
},
l: {
x: 482.5,
y: 103
},
r: {
x: 529.5,
y: 103
},
bl: {
x: 482.5,
y: 114.5
},
bc: {
x: 506,
y: 114.5
},
br: {
x: 529.5,
y: 114.5
}
},
name: "image",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "工艺数据.照明.照明",
valLabel: "照明",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
open: {
title: "空字符",
type: "Hidden",
val: false
},
text: {
title: "是否显示文字",
type: "Switch",
val: false
},
textValue: {
title: "空字符",
type: "Hidden",
val: ""
},
href: {
title: "空字符",
type: "Hidden",
val: {
close: "./lamp.png",
open: "./Group.png"
},
disabled: true
}
}
},
{
id: "imagetaGdZP75ey",
x: 879,
y: 472,
client: {
x: 879,
y: 472
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 300,
height: 150
},
point_coordinate: {
tl: {
x: 729,
y: 397
},
tc: {
x: 879,
y: 397
},
tr: {
x: 1029,
y: 397
},
l: {
x: 729,
y: 472
},
r: {
x: 1029,
y: 472
},
bl: {
x: 729,
y: 547
},
bc: {
x: 879,
y: 547
},
br: {
x: 1029,
y: 547
}
},
name: "image",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "其他数据.电能.累计用电量",
valLabel: "累计用电量",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
open: {
title: "空字符",
type: "Hidden",
val: false
},
text: {
title: "是否显示文字",
type: "Switch",
val: true
},
textValue: {
title: "空字符",
type: "Hidden",
val: ""
},
href: {
title: "空字符",
type: "Hidden",
val: {
close: "./dianliang-5gedianliang.svg",
open: "./dianliang-0gedianliang.svg"
},
disabled: true
}
}
}
]
};webtopo-svg-edit 使用案例
<webtopo-svg-edit
ref="svgEditor"
@on-return="onReturn"
@on-preview="onPreview"
@on-save="onSave"
:data-model="import_model"
:on-click="handleClick"
@on-change="handleChange"
:treeProps="treeProps"
:svgList="svgList"
:custom2List="custom2List"
:leftTreeProps="leftTreeProps"
:deviceTreeDatas="deviceTree"
></webtopo-svg-edit>let import_model_obj = {
layout_center: {
x: 0,
y: 0,
height: 620.0815217391304,
ratio: 0.5163043478260869,
width: 1201
},
center_offset: {
x: 0,
y: 0,
height: 620.0815217391304,
ratio: 0.5163043478260869,
width: 1201
},
config: {
background_color: "#fff",
background_image: "./2.png",
scale: 1,
position_center: {
x: -333,
y: -113
},
svg_position_center: {
x: 50,
y: 50
}
},
done_json: [
{
id: "custom1xQMy99s3ug",
x: 722,
y: 392,
client: {
x: 722,
y: 392
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: -1.457524299621582,
y: -10.202670097351074,
width: 118.4266128540039,
height: 13.117718696594238
},
point_coordinate: {
tl: {
x: 662.786693572998,
y: 385.4411406517029
},
tc: {
x: 722,
y: 385.4411406517029
},
tr: {
x: 781.213306427002,
y: 385.4411406517029
},
l: {
x: 662.786693572998,
y: 392
},
r: {
x: 781.213306427002,
y: 392
},
bl: {
x: 662.786693572998,
y: 398.5588593482971
},
bc: {
x: 722,
y: 398.5588593482971
},
br: {
x: 781.213306427002,
y: 398.5588593482971
}
},
name: "custom1",
title: "",
tag: "custom1",
type: "CustomSvg",
display: true,
props: {
labelVisible: {
title: "label显示",
type: "Switch",
val: true
},
label: {
title: "label",
type: "Input",
val: ""
},
fontSize: {
title: "字体大小",
type: "InputNumber",
val: 10
},
fontColor: {
title: "文字颜色",
type: "Color",
val: "#000000"
},
deviceId: {
title: "设备",
type: "Device",
val: "基础数据.只鸡数据.只鸡耗料量",
valLabel: "只鸡耗料量",
houseCode: "12121"
},
isShowValueUnit: {
title: "",
type: "Hidden",
val: true
},
defaultLabel: {
title: "",
type: "Hidden",
val: "只鸡耗料量"
}
}
},
{
id: "custom2nWp2xjblav",
x: 732,
y: 104,
client: {
x: 732,
y: 104
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 300,
height: 150
},
point_coordinate: {
tl: {
x: 710,
y: 82
},
tc: {
x: 732,
y: 82
},
tr: {
x: 754,
y: 82
},
l: {
x: 710,
y: 104
},
r: {
x: 754,
y: 104
},
bl: {
x: 710,
y: 126
},
bc: {
x: 732,
y: 126
},
br: {
x: 754,
y: 126
}
},
name: "custom2",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "工艺数据.通风.风机组01",
valLabel: "风机组01",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
href: {
title: "",
type: "Input",
val: {
close: "./close.png",
open: "./open.png"
},
disabled: true
}
}
},
{
id: "elementslHNi208GkT",
x: 123,
y: 100,
client: {
x: 123,
y: 100
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 19.200000762939453,
height: 19.200000762939453
},
point_coordinate: {
tl: {
x: 113.39999961853027,
y: 90.39999961853027
},
tc: {
x: 123,
y: 90.39999961853027
},
tr: {
x: 132.60000038146973,
y: 90.39999961853027
},
l: {
x: 113.39999961853027,
y: 100
},
r: {
x: 132.60000038146973,
y: 100
},
bl: {
x: 113.39999961853027,
y: 109.60000038146973
},
bc: {
x: 123,
y: 109.60000038146973
},
br: {
x: 132.60000038146973,
y: 109.60000038146973
}
},
name: "elements",
title: "",
tag: "elements",
type: "CustomSvg",
config: {
can_zoom: false,
have_anchor: false,
actual_rect: false
},
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "",
valLabel: ""
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
href: {
title: "图片",
type: "Input",
val: "./日龄.png",
disabled: true
}
},
common_animations: {
val: "",
delay: "delay-0s",
speed: "slow",
repeat: "infinite"
}
},
{
id: "elementsvaCY84MWQ4",
x: 509,
y: 141,
client: {
x: 509,
y: 141
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 19.200000762939453,
height: 19.200000762939453
},
point_coordinate: {
tl: {
x: 499.3999996185303,
y: 131.39999961853027
},
tc: {
x: 509,
y: 131.39999961853027
},
tr: {
x: 518.6000003814697,
y: 131.39999961853027
},
l: {
x: 499.3999996185303,
y: 141
},
r: {
x: 518.6000003814697,
y: 141
},
bl: {
x: 499.3999996185303,
y: 150.60000038146973
},
bc: {
x: 509,
y: 150.60000038146973
},
br: {
x: 518.6000003814697,
y: 150.60000038146973
}
},
name: "elements",
title: "",
tag: "elements",
type: "CustomSvg",
config: {
can_zoom: false,
have_anchor: false,
actual_rect: false
},
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "",
valLabel: ""
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
href: {
title: "图片",
type: "Input",
val: "./Frame 6.png",
disabled: true
}
},
common_animations: {
val: "",
delay: "delay-0s",
speed: "slow",
repeat: "infinite"
}
},
{
id: "imagebWXitLnzNc",
x: 762,
y: 168,
client: {
x: 762,
y: 168
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 44,
height: 44
},
point_coordinate: {
tl: {
x: 740,
y: 146
},
tc: {
x: 762,
y: 146
},
tr: {
x: 784,
y: 146
},
l: {
x: 740,
y: 168
},
r: {
x: 784,
y: 168
},
bl: {
x: 740,
y: 190
},
bc: {
x: 762,
y: 190
},
br: {
x: 784,
y: 190
}
},
name: "image",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "工艺数据.通风.风机组01",
valLabel: "风机组01",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
open: {
title: "空字符",
type: "Hidden",
val: false
},
text: {
title: "是否显示文字",
type: "Switch",
val: false
},
textValue: {
title: "空字符",
type: "Hidden",
val: ""
},
href: {
title: "空字符",
type: "Hidden",
val: {
close: "./close.png",
open: "./open.png"
},
disabled: true
}
}
},
{
id: "imagefpj2oYH4nI",
x: 506,
y: 103,
client: {
x: 506,
y: 103
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 47,
height: 23
},
point_coordinate: {
tl: {
x: 482.5,
y: 91.5
},
tc: {
x: 506,
y: 91.5
},
tr: {
x: 529.5,
y: 91.5
},
l: {
x: 482.5,
y: 103
},
r: {
x: 529.5,
y: 103
},
bl: {
x: 482.5,
y: 114.5
},
bc: {
x: 506,
y: 114.5
},
br: {
x: 529.5,
y: 114.5
}
},
name: "image",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "工艺数据.照明.照明",
valLabel: "照明",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
open: {
title: "空字符",
type: "Hidden",
val: false
},
text: {
title: "是否显示文字",
type: "Switch",
val: false
},
textValue: {
title: "空字符",
type: "Hidden",
val: ""
},
href: {
title: "空字符",
type: "Hidden",
val: {
close: "./lamp.png",
open: "./Group.png"
},
disabled: true
}
}
},
{
id: "imagetaGdZP75ey",
x: 879,
y: 472,
client: {
x: 879,
y: 472
},
scale_x: 1,
scale_y: 1,
rotate: 0,
actual_bound: {
x: 0,
y: 0,
width: 300,
height: 150
},
point_coordinate: {
tl: {
x: 729,
y: 397
},
tc: {
x: 879,
y: 397
},
tr: {
x: 1029,
y: 397
},
l: {
x: 729,
y: 472
},
r: {
x: 1029,
y: 472
},
bl: {
x: 729,
y: 547
},
bc: {
x: 879,
y: 547
},
br: {
x: 1029,
y: 547
}
},
name: "image",
title: "",
tag: "custom2",
type: "CustomSvg",
display: true,
props: {
deviceId: {
title: "设备",
type: "Device",
val: "其他数据.电能.累计用电量",
valLabel: "累计用电量",
houseCode: "12121"
},
scale: {
title: "缩放率",
type: "Decimal",
val: 0.6,
precision: 2
},
incline: {
title: "启用倾斜",
type: "Switch",
val: false,
options: [
{
value: false,
label: "否"
},
{
value: true,
label: "是"
}
]
},
xAngle: {
title: "X轴倾斜度",
type: "InputNumber",
val: 0
},
yAngle: {
title: "Y轴倾斜度",
type: "InputNumber",
val: 0
},
open: {
title: "空字符",
type: "Hidden",
val: false
},
text: {
title: "是否显示文字",
type: "Switch",
val: true
},
textValue: {
title: "空字符",
type: "Hidden",
val: ""
},
href: {
title: "空字符",
type: "Hidden",
val: {
close: "./dianliang-5gedianliang.svg",
open: "./dianliang-0gedianliang.svg"
},
disabled: true
}
}
}
]
};
const import_model = ref("");
const svgEditor = ref(null);
import_model.value = JSON.stringify(import_model_obj);
function handleClick(e, data) {
console.log(e, data);
}
let svgList = ref(["./日龄.png", "./Frame 6.png", "./日龄.svg"]);
let custom2List = ref([
{
name: "照明",
list: {
close: "./lamp.png",
open: "./Group.png"
}
},
{
name: "风机组",
list: {
close: "./close.png",
open: "./open.png"
}
},
{
name: "电量",
list: {
close: "./dianliang-5gedianliang.svg",
open: "./dianliang-0gedianliang.svg"
}
}
]);
const deviceTree = reactive([
{
id: "3a11289b-fa6f-196d-8809-5369667d58db",
parentId: "00000000-0000-0000-0000-000000000000",
fullDictCode: "生产数据",
displayText: "生产数据",
children: [
{
id: "3a11289d-ee64-398a-df71-bb1b23025470",
parentId: "3a11289b-fa6f-196d-8809-5369667d58db",
fullDictCode: "只鸡数据",
displayText: "只鸡数据",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11289d-ee64-398a-df71-bb1b23025470",
fullDictCode: "基础数据.只鸡数据.只鸡耗料量",
displayText: "只鸡耗料量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11289d-ee64-398a-df71-bb1b23025470",
fullDictCode: "基础数据.只鸡数据.只鸡饮水量",
displayText: "只鸡饮水量",
children: [],
drag: true
}
]
},
{
id: "3a11289d-fccd-5172-1710-41ec26e41cd1",
parentId: "3a11289b-fa6f-196d-8809-5369667d58db",
fullDictCode: "鸡只数量",
displayText: "鸡只数量",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11289d-fccd-5172-1710-41ec26e41cd1",
fullDictCode: "基础数据.鸡只数量.累计死淘",
displayText: "累计死淘",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11289d-fccd-5172-1710-41ec26e41cd1",
fullDictCode: "基础数据.鸡只数量.剩余数量",
displayText: "剩余数量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11289d-fccd-5172-1710-41ec26e41cd1",
fullDictCode: "基础数据.鸡只数量.新增死淘",
displayText: "新增死淘",
children: [],
drag: true
}
]
},
{
id: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
parentId: "3a11289b-fa6f-196d-8809-5369667d58db",
fullDictCode: "环境极值",
displayText: "环境极值",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.二氧化碳最低浓度",
displayText: "二氧化碳最低浓度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.二氧化碳最高浓度",
displayText: "二氧化碳最高浓度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.最低湿度",
displayText: "最低湿度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.最低室外温度",
displayText: "最低室外温度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.最低温度",
displayText: "最低温度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.最高湿度",
displayText: "最高湿度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.最高室外温度",
displayText: "最高室外温度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-364f-a37f-8fb9-56ceb9b9a8b7",
fullDictCode: "基础数据.环境极值.最高温度",
displayText: "最高温度",
children: [],
drag: true
}
]
},
{
id: "3a11866b-5983-fb04-d1ed-2862f36b7dd4",
parentId: "3a11289b-fa6f-196d-8809-5369667d58db",
fullDictCode: "死亡率",
displayText: "死亡率",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-5983-fb04-d1ed-2862f36b7dd4",
fullDictCode: "基础数据.死亡率.死亡率",
displayText: "死亡率",
children: [],
drag: true
}
]
},
{
id: "3a11866b-7d68-68b1-1f9a-03313689ad51",
parentId: "3a11289b-fa6f-196d-8809-5369667d58db",
fullDictCode: "水料量",
displayText: "水料量",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.今日用料量",
displayText: "今日用料量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.今日用料量2",
displayText: "今日用料量2",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.料塔本日累加料",
displayText: "料塔本日累加料",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.料塔本日累加料2",
displayText: "料塔本日累加料2",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.料塔实时重量",
displayText: "料塔实时重量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.料塔实时重量2",
displayText: "料塔实时重量2",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.料塔卸料总累计",
displayText: "料塔卸料总累计",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.料塔卸料总累计2",
displayText: "料塔卸料总累计2",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.料线",
displayText: "料线",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.水线01今日用量",
displayText: "水线01今日用量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.水线02今日用量",
displayText: "水线02今日用量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.总料量",
displayText: "总料量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-7d68-68b1-1f9a-03313689ad51",
fullDictCode: "基础数据.水料量.总料量2",
displayText: "总料量2",
children: [],
drag: true
}
]
},
{
id: "3a11866b-b258-c0f2-3930-d55ab623c996",
parentId: "3a11289b-fa6f-196d-8809-5369667d58db",
fullDictCode: "水料比",
displayText: "水料比",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-b258-c0f2-3930-d55ab623c996",
fullDictCode: "基础数据.水料量.水料比",
displayText: "水料比",
children: [],
drag: true
}
]
},
{
id: "3a11866b-d54b-fb53-02b3-9113e4085e9c",
parentId: "3a11289b-fa6f-196d-8809-5369667d58db",
fullDictCode: "体重",
displayText: "体重",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866b-d54b-fb53-02b3-9113e4085e9c",
fullDictCode: "基础数据.体重.当前体重",
displayText: "当前体重",
children: [],
drag: true
}
]
}
]
},
{
id: "3a11289d-4f57-34e8-fd79-34c6f529710a",
parentId: "00000000-0000-0000-0000-000000000000",
fullDictCode: "运行数据",
displayText: "运行数据",
children: [
{
id: "3a11866d-e5c1-0342-29b7-e97cf7cbd28a",
parentId: "3a11289d-4f57-34e8-fd79-34c6f529710a",
fullDictCode: "环境通风",
displayText: "环境通风",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866d-e5c1-0342-29b7-e97cf7cbd28a",
fullDictCode: "基础数据.通风.当前最大通风级别",
displayText: "当前最大通风级别",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866d-e5c1-0342-29b7-e97cf7cbd28a",
fullDictCode: "基础数据.通风.当前最小通风级别",
displayText: "当前最小通风级别",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866d-e5c1-0342-29b7-e97cf7cbd28a",
fullDictCode: "基础数据.通风.风机开启数量",
displayText: "风机开启数量",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866d-e5c1-0342-29b7-e97cf7cbd28a",
fullDictCode: "基础控制.通风级别.级别01温度偏差",
displayText: "级别01温度偏差",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866d-e5c1-0342-29b7-e97cf7cbd28a",
fullDictCode: "基础数据.通风.通风级别",
displayText: "通风级别",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866d-e5c1-0342-29b7-e97cf7cbd28a",
fullDictCode: "基础数据.通风.通风量",
displayText: "通风量",
children: [],
drag: true
}
]
},
{
id: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
parentId: "3a11289d-4f57-34e8-fd79-34c6f529710a",
fullDictCode: "设备状态",
displayText: "设备状态",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "工艺数据.加热.加热分区1",
displayText: "加热分区1",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "工艺数据.加热.加热分区2",
displayText: "加热分区2",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "工艺数据.加热.加热分区3",
displayText: "加热分区3",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "工艺数据.加热.加热分区4",
displayText: "加热分区4",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "工艺数据.加热.加热分区5",
displayText: "加热分区5",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "工艺数据.照明.照明",
displayText: "照明",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "基础控制.制冷调整.制冷模式",
displayText: "制冷模式",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-0850-8529-d2cf-f08a3dbc4285",
fullDictCode: "基础控制.制冷调整.制冷模式2",
displayText: "制冷模式2",
children: [],
drag: true
}
]
},
{
id: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
parentId: "3a11289d-4f57-34e8-fd79-34c6f529710a",
fullDictCode: "风机组",
displayText: "风机组",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组01",
displayText: "风机组01",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组02",
displayText: "风机组02",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组03",
displayText: "风机组03",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组04",
displayText: "风机组04",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组05",
displayText: "风机组05",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组06",
displayText: "风机组06",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组07",
displayText: "风机组07",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组08",
displayText: "风机组08",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组09",
displayText: "风机组09",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组10",
displayText: "风机组10",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组11",
displayText: "风机组11",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组12",
displayText: "风机组12",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组13",
displayText: "风机组13",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组14",
displayText: "风机组14",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组15",
displayText: "风机组15",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组16",
displayText: "风机组16",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组17",
displayText: "风机组17",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组18",
displayText: "风机组18",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组19",
displayText: "风机组19",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组20",
displayText: "风机组20",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组21",
displayText: "风机组21",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组22",
displayText: "风机组22",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组23",
displayText: "风机组23",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组24",
displayText: "风机组24",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组25",
displayText: "风机组25",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-4430-aab6-fa9f-b3247a63f6de",
fullDictCode: "工艺数据.通风.风机组26",
displayText: "风机组26",
children: [],
drag: true
}
]
},
{
id: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
parentId: "3a11289d-4f57-34e8-fd79-34c6f529710a",
fullDictCode: "小窗幕帘",
displayText: "小窗幕帘",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.幕帘.幕帘1开启角度",
displayText: "幕帘1开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.幕帘.幕帘2开启角度",
displayText: "幕帘2开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.幕帘.幕帘3开启角度",
displayText: "幕帘3开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.幕帘.幕帘4开启角度",
displayText: "幕帘4开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.幕帘.幕帘5开启角度",
displayText: "幕帘5开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.幕帘.幕帘6开启角度",
displayText: "幕帘6开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.排风.小窗1开启角度",
displayText: "小窗1开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.排风.小窗2开启角度",
displayText: "小窗2开启角度",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-6bc7-49c7-20c4-4e0cea5657ca",
fullDictCode: "工艺数据.排风.小窗3开启角度",
displayText: "小窗3开启角度",
children: [],
drag: true
}
]
},
{
id: "3a11866e-8dbf-d703-a78c-70740878366f",
parentId: "3a11289d-4f57-34e8-fd79-34c6f529710a",
fullDictCode: "特殊风机",
displayText: "特殊风机",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-8dbf-d703-a78c-70740878366f",
fullDictCode: "工艺数据.通风.调速风机",
displayText: "调速风机",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a11866e-8dbf-d703-a78c-70740878366f",
fullDictCode: "工艺数据.通风.搅拌风机",
displayText: "搅拌风机",
children: [],
drag: true
}
]
}
]
},
{
id: "3a115317-059a-6c31-ea35-6bb0ab0c754a",
parentId: "00000000-0000-0000-0000-000000000000",
fullDictCode: "环境数据",
displayText: "环境数据",
children: [
{
id: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
parentId: "3a115317-059a-6c31-ea35-6bb0ab0c754a",
fullDictCode: "温度探头",
displayText: "温度探头",
children: [
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度01",
displayText: "温度01",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度02",
displayText: "温度02",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度03",
displayText: "温度03",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度04",
displayText: "温度04",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度05",
displayText: "温度05",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度06",
displayText: "温度06",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度07",
displayText: "温度07",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度08",
displayText: "温度08",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",
parentId: "3a115317-3a2f-9a67-fcdd-c42773d87d18",
fullDictCode: "工艺数据.温度.温度09",
displayText: "温度09",
children: [],
drag: true
},
{
id: "00000000-0000-0000-0000-000000000000",