service-flow-designer 1.1.18 → 2.0.2

package/dist/es/{designer/service-flow-view/service-flow-tool.css → style.css}

@@ -1,3 +1,227 @@
+.amb-container-left[data-v-9cfa34b7] {
+  width: 260px;
+  padding-right: 20px;
+  overflow-y: auto;
+}
+.amb-container-main[data-v-9cfa34b7] {
+  padding: 0 10px 0 0;
+}
+.amb-container-main[data-v-9cfa34b7]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-container-attr[data-v-9cfa34b7] {
+  width: 300px;
+  padding-left: 20px;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-9cfa34b7]:v-deep(.el-drawer__header) {
+  margin-bottom: 0 !important;
+}
+[data-v-9cfa34b7] .el-overlay {
+  position: static;
+}
+
+.amb-design-assembly-content[data-v-59e0837d] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+/*控制滚动条宽度*/
+.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-assembly-header[data-v-59e0837d] {
+  position: absolute;
+  width: 220px;
+  text-align: center;
+  padding: 18px 0px 10px 0px;
+  padding-bottom: 14px;
+  background-color: #ffffff;
+}
+.amb-assembly-header-type[data-v-59e0837d] {
+  border-radius: 100px 100px 100px 100px;
+  background: #ffffff;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
+  padding: 10px;
+  padding-bottom: 12px;
+}
+.amb-assembly-header-type > label[data-v-59e0837d] {
+  padding: 4px 14px;
+  cursor: pointer;
+  font-size: 14px;
+}
+.amb-assembly-header-type > label.selected[data-v-59e0837d] {
+  border-radius: 100px 100px 100px 100px;
+  background: #5893ef;
+  color: #ffffff;
+}
+.amb-design-assembly-list[data-v-59e0837d] {
+  padding-top: 80px;
+}
+.amb-design-content[data-v-ff04c7d7] {
+  overflow: auto;
+  display: block;
+  flex: none;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.amb-design-content[data-v-ff04c7d7]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-design-tool[data-v-ff04c7d7] {
+  position: -webkit-sticky; /**Safari */
+  position: sticky;
+  width: 100%;
+  top: 14px;
+  background: #ffffff;
+  height: 40px;
+  line-height: 40px;
+  padding-top: 10px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 6px 6px 6px 6px;
+  z-index: 0;
+}
+.amb-page-type[data-v-ff04c7d7] {
+  padding-top: 11px;
+  padding-left: 6px;
+  padding-right: 6px;
+  margin-right: 10px;
+  border-radius: 4px 4px 4px 4px;
+  cursor: pointer;
+}
+.amb-page-type[data-v-ff04c7d7]:hover {
+  background: rgba(11, 45, 101, 0.105);
+}
+.amb-page-type.selected[data-v-ff04c7d7] {
+  background: #5893ef;
+  color: #ffffff;
+}
+.amb-page-type > label[data-v-ff04c7d7] {
+  font-size: 14px;
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-bottom: 15px;
+  top: -5px;
+  position: relative;
+  cursor: pointer;
+}
+.amb-design-tool-split[data-v-ff04c7d7] {
+  height: 25px;
+  margin-top: -12px;
+}
+.amb-design-board[data-v-ff04c7d7] {
+  margin: 0 auto;
+  margin-top: 28px;
+  overflow-y: auto;
+  overflow-x: auto;
+  background: #ffffff;
+  border-radius: 2px 2px 2px 2px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
+  padding-bottom: 20px;
+}
+.container[data-v-ff04c7d7] {
+  height: 100%;
+  width: 100%;
+}
+.amb-item-ghost[data-v-ff04c7d7] {
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
+  overflow: hidden;
+}
+/* 将你的自定义样式添加到这里 */
+.draggable-placeholder[data-v-ff04c7d7] {
+  background-color: red;
+  border: 1px dashed #ddd;
+  margin: 5px;
+  padding: 10px;
+}
+#LF-view[data-v-ff04c7d7] {
+  width: calc(100% - 100px);
+  height: 80%;
+  outline: none;
+  margin-left: 50px;
+}
+.el-drawer__header {
+  margin-bottom: 0 !important;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-ff04c7d7] .el-overlay {
+  position: static !important;
+}
+.triangle[data-v-ff04c7d7] {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 50px 100px 50px;
+  border-color: transparent transparent var(--el-skeleton-color) transparent;
+}
+
+.editorTool[data-v-d55ab098] {
+  margin-left: auto;
+}
+.editorOption[data-v-d55ab098] {
+  margin-right: 10px;
+  cursor: pointer;
+}
+.pppp[data-v-d55ab098] {
+  display: flex; /* 使用Flex布局 */
+  justify-content: flex-start;
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}
+
+.el-alert + .el-form-item[data-v-a158f309] {
+  margin-top: 10px;
+}
+
+[data-v-65e38bfb] .el-radio {
+  margin: 0;
+}
+.el-radio + .el-radio[data-v-65e38bfb] {
+  margin-left: 10px;
+}
+
+.editorTool[data-v-684c1f08] {
+  margin-left: auto;
+}
+.editorOption[data-v-684c1f08] {
+  margin-right: 10px;
+  cursor: pointer;
+}
+.pppp[data-v-684c1f08] {
+  display: flex; /* 使用Flex布局 */
+  justify-content: flex-start;
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}
+
+.el-alert + .el-table[data-v-e27c4c1e] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-e27c4c1e] {
+  margin: 10px 0;
+}
+.el-alert + .el-form-item[data-v-e27c4c1e] {
+  margin-top: 10px;
+}
+
+.el-drawer__header {
+  margin-bottom: 0 !important;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-c51cce99] .el-overlay {
+  position: static;
+}
 .control-item[data-v-fdc6ec07] {
   top: -5px;
   position: relative;
@@ -128,3 +352,937 @@
   outline: none;
   margin-left: 50px;
 }
+
+[data-v-a5cc897b] .el-table__row {
+  cursor: pointer;
+}
+/** 右键菜单样式 */
+.context-menu[data-v-a5cc897b] {
+  position: absolute;
+  background: #fff;
+  z-index: 999;
+  margin: 5;
+  padding: 8px 8px;
+  box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
+  border: 1px solid #bbbbbb;
+  border-radius: 10px;
+  font-size: 14px;
+}
+.context-menu li[data-v-a5cc897b] {
+  list-style-type: none;
+  min-width: 75px;
+  line-height: 28px;
+  text-align: left;
+  border-radius: 5px;
+  padding-left: 5px;
+  cursor: pointer;
+}
+.context-menu li[data-v-a5cc897b]:hover {
+  background: #0165e1;
+  color: #fff;
+}
+/** 右键菜单样式 */
+.custom-tree-node[data-v-a5cc897b] {
+  font-size: 14px;
+  padding-right: 8px;
+  display: flex; /* 使用Flex布局 */
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}
+
+.el-alert + .el-table[data-v-82e0dfef] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-82e0dfef] {
+  margin-top: 10px;
+}
+.amb-design-attr-base-content[data-v-ce167986] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+.amb-design-attr-item[data-v-ce167986] {
+  margin-bottom: 8px;
+}
+.amb-design-attr-group-header > button[data-v-ce167986] {
+  background: #f5f6f8;
+  padding-left: 10px;
+  font-size: 14px;
+  height: 42px;
+}
+.amb-design-attr-content[data-v-ce167986] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+  position: relative;
+}
+.amb-design-attr-header-search[data-v-ce167986] {
+  margin-top: 16px;
+}
+.amb-design-attr-header-select[data-v-ce167986] {
+  width: 90px;
+  height: 36px;
+}
+.amb-design-page-param-row[data-v-ce167986] {
+  height: 34px;
+}
+.el-table__cell > .cell[data-v-ce167986] {
+  white-space: nowrap !important;
+}
+.serviceflow-item[data-v-ce167986] {
+  background: rgba(88, 147, 239, 0.06);
+  border: 1px dashed rgba(88, 147, 239, 0.06);
+  border-radius: 4px 4px 4px 4px;
+  text-align: center;
+  margin-top: 12px;
+  padding: 10px 5px 10px 5px;
+  font-size: 12px;
+  cursor: move;
+  height: 60px;
+  overflow: hidden;
+  box-sizing: border-box;
+  color: #333333;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none; /* Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* 标准语法 */
+}
+.serviceflow-item[data-v-ce167986]:hover {
+  background: rgba(11, 45, 101, 0.105);
+  border: 1px dashed rgba(11, 45, 101, 0.227);
+}
+.amb-assembly-item-drag[data-v-ce167986] {
+  opacity: 1 !important;
+}
+
+.el-alert + .el-table[data-v-d978e7dc] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-d978e7dc] {
+  margin: 10px 0;
+}
+.el-alert + .el-form-item[data-v-d978e7dc] {
+  margin-top: 10px;
+}
+
+.el-alert + .el-table[data-v-028fb838] {
+  margin-top: 10px;
+}
+.el-table + .el-alert[data-v-028fb838] {
+  margin: 10px 0;
+}
+
+.el-tabs + .el-alert[data-v-08737620] {
+  margin-top: 10px;
+}
+.el-alert + .el-form-item[data-v-08737620] {
+  margin-top: 10px;
+}
+
+.el-alert + .el-form-item[data-v-32875028] {
+  margin-top: 10px;
+}
+.el-alert + .el-table[data-v-32875028] {
+  margin: 10px 0;
+}
+
+.el-dialog__wrapper[data-v-24162035] {
+  overflow: hidden !important;
+  padding-right: 0 !important;
+}
+
+[data-v-808a13e1] .el-radio {
+  margin: 0;
+}
+.el-radio + .el-radio[data-v-808a13e1] {
+  margin-left: 10px;
+}
+.nodeView[data-v-5911272d] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-5911272d] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-5911272d] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-5911272d]{
+}
+.el-divider--horizontal[data-v-5911272d] {
+  margin: 12px 0;
+}
+.nodeView[data-v-5911272d] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-5911272d] {
+  width: 80px;
+}
+.nodeView[data-v-4c6dfa4a] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-4c6dfa4a] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-4c6dfa4a] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-4c6dfa4a]{
+}
+.el-divider--horizontal[data-v-4c6dfa4a] {
+  margin: 12px 0;
+}
+.nodeView[data-v-4c6dfa4a] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-4c6dfa4a] {
+}
+
+.node-content[data-v-b28923f3] {
+  width: 120px;
+  height: 44px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-b28923f3] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}
+.nodeView[data-v-221a60f8] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-221a60f8] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-221a60f8] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-221a60f8]{
+}
+.el-divider--horizontal[data-v-221a60f8] {
+  margin: 12px 0;
+}
+.nodeView[data-v-221a60f8] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-221a60f8] {
+  width: 80px;
+}
+.nodeView[data-v-df366d04] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-df366d04] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-df366d04] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-df366d04]{
+}
+.el-divider--horizontal[data-v-df366d04] {
+  margin: 12px 0;
+}
+.nodeView[data-v-df366d04] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-df366d04] {
+  width: 80px;
+}
+.nodeView[data-v-b1d2a966] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-b1d2a966] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-b1d2a966] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-b1d2a966]{
+}
+.el-divider--horizontal[data-v-b1d2a966] {
+  margin: 12px 0;
+}
+.nodeView[data-v-b1d2a966] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-b1d2a966] {
+  width: 80px;
+}
+.nodeView[data-v-7702fcdb] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-7702fcdb] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-7702fcdb] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-7702fcdb]{
+}
+.el-divider--horizontal[data-v-7702fcdb] {
+  margin: 12px 0;
+}
+.nodeView[data-v-7702fcdb] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-7702fcdb] {
+  width: 80px;
+}
+.nodeView[data-v-b604c489] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-b604c489] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-b604c489] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-b604c489]{
+}
+.el-divider--horizontal[data-v-b604c489] {
+  margin: 12px 0;
+}
+.nodeView[data-v-b604c489] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-b604c489] {
+  width: 80px;
+}
+
+.aaa[data-v-8bd72b80] {
+  width: 300px;
+  height: 200px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-8bd72b80] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}
+.nodeView[data-v-b01d3a50] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-b01d3a50] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-b01d3a50] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-b01d3a50]{
+}
+.el-divider--horizontal[data-v-b01d3a50] {
+  margin: 12px 0;
+}
+.nodeView[data-v-b01d3a50] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-b01d3a50] {
+  width: 80px;
+}
+.nodeView[data-v-6d0cd280] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-6d0cd280] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-6d0cd280] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-6d0cd280]{
+}
+.el-divider--horizontal[data-v-6d0cd280] {
+  margin: 12px 0;
+}
+.nodeView[data-v-6d0cd280] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-6d0cd280] {
+  width: 80px;
+}
+.nodeView[data-v-c176feb6] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-c176feb6] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-c176feb6] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-c176feb6]{
+}
+.el-divider--horizontal[data-v-c176feb6] {
+  margin: 12px 0;
+}
+.nodeView[data-v-c176feb6] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-c176feb6] {
+}
+
+.node-content[data-v-69a854a3] {
+  width: 120px;
+  height: 44px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-69a854a3] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}
+.nodeView[data-v-bd32480c] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-bd32480c] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-bd32480c] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-bd32480c]{
+}
+.el-divider--horizontal[data-v-bd32480c] {
+  margin: 12px 0;
+}
+.nodeView[data-v-bd32480c] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+  width: 180px;
+  min-height: 95px;
+}
+.nodeContent[data-v-bd32480c] {
+}
+.nodeView[data-v-faa5a940] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-faa5a940] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-faa5a940] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-faa5a940]{
+}
+.el-divider--horizontal[data-v-faa5a940] {
+  margin: 12px 0;
+}
+.nodeView[data-v-faa5a940] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-faa5a940] {
+  width: 80px;
+}
+.nodeView[data-v-9fff2753] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-9fff2753] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-9fff2753] {
+  /* width: 100%; */
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 0px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent-desc[data-v-9fff2753]{
+}
+.el-divider--horizontal[data-v-9fff2753] {
+  margin: 12px 0;
+}
+.nodeView[data-v-9fff2753] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-9fff2753] {
+  width: 80px;
+}
+
+.el-select + .el-input[data-v-dbffbd8f] {
+  margin-left: 10px;
+}
+.el-input + .el-input[data-v-dbffbd8f] {
+  margin-left: 10px;
+}
+.el-input + .el-button[data-v-dbffbd8f] {
+  margin-left: 10px;
+}
+
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
+}
+
+.el-radio[data-v-1ee0eb33] {
+  margin-right: 10px;
+}
+[data-v-1ee0eb33] .el-empty__description {
+  margin-top: 0px;
+}
+
+.el-select + .el-input[data-v-92a1d6cc] {
+  margin-left: 10px;
+}
+.el-input + .el-input[data-v-92a1d6cc] {
+  margin-left: 10px;
+}
+.el-input + .el-button[data-v-92a1d6cc] {
+  margin-left: 10px;
+}
+
+[data-v-9cc733d7] .el-cascader-menu {
+  min-width: 120px !important;
+}
+.totalStyle[data-v-9cc733d7] {
+  display: flex;
+  height: 15px;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+}
+[data-v-9cc733d7] .el-input-group__append {
+  cursor: pointer;
+}
+
+[data-v-2d06523b] .el-upload {
+  width: 100%;
+}
+[data-v-2d06523b] .el-button {
+  width: 100%;
+}
+
+[data-v-9a3ee19e] .el-dropdown {
+  vertical-align: middle;
+}