diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/GraphDtsService.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/GraphDtsService.java
new file mode 100644
index 0000000000000000000000000000000000000000..2aeced1b865450fc854af9f78b55e0c4d9571361
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/GraphDtsService.java
@@ -0,0 +1,11 @@
+package cn.icanci.loopstack.bic.biz.dts;
+
+/**
+ * 图数据同步服务
+ * 
+ * @author icanci
+ * @since 1.0 Created in 2023/09/17 16:32
+ */
+public interface GraphDtsService<T> {
+    void dtsUnitViewTree(T type);
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/GraphDtsServiceProxy.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/GraphDtsServiceProxy.java
new file mode 100644
index 0000000000000000000000000000000000000000..28cbc066a22075a9a5701ffeef15d29be918fc6b
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/GraphDtsServiceProxy.java
@@ -0,0 +1,40 @@
+package cn.icanci.loopstack.bic.biz.dts;
+
+import java.util.Map;
+
+import org.springframework.beans.BeansException;
+import org.springframework.context.ApplicationContext;
+import org.springframework.context.ApplicationContextAware;
+import org.springframework.stereotype.Service;
+
+import com.google.common.collect.Maps;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/17 16:36
+ */
+@Service
+@SuppressWarnings("all")
+public class GraphDtsServiceProxy implements GraphDtsService<Object>, ApplicationContextAware {
+
+    private final Map<Class<?>, GraphDtsService> graphDtsServiceMap = Maps.newConcurrentMap();
+
+    @Override
+    public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
+        Map<String, GraphDtsService> beansOfType = applicationContext.getBeansOfType(GraphDtsService.class);
+        beansOfType.forEach((k, v) -> graphDtsServiceMap.put(v.getClass().getInterfaces()[0], v));
+    }
+
+    @Override
+    public void dtsUnitViewTree(Object type) {
+        if (type == null) {
+            throw new RuntimeException("type is null");
+        }
+
+        GraphDtsService graphDtsService = graphDtsServiceMap.get(type.getClass());
+        if (graphDtsService == this || graphDtsService == null) {
+            throw new RuntimeException(type.getClass() + " is not support");
+        }
+        graphDtsService.dtsUnitViewTree(type);
+    }
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/impl/UnitViewTreeGraphDtsServiceImpl.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/impl/UnitViewTreeGraphDtsServiceImpl.java
new file mode 100644
index 0000000000000000000000000000000000000000..35ce494fd0b037fee4cc3e996e70902d29e9c90e
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/dts/impl/UnitViewTreeGraphDtsServiceImpl.java
@@ -0,0 +1,62 @@
+package cn.icanci.loopstack.bic.biz.dts.impl;
+
+import java.util.List;
+
+import javax.annotation.Resource;
+
+import org.springframework.stereotype.Service;
+
+import cn.hutool.core.lang.Pair;
+import cn.icanci.loopstack.bic.biz.dts.GraphDtsService;
+import cn.icanci.loopstack.bic.biz.service.UnitViewService;
+import cn.icanci.loopstack.bic.common.model.graph.*;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/17 16:33
+ */
+@Service
+public class UnitViewTreeGraphDtsServiceImpl implements GraphDtsService<UnitViewTreeVO> {
+    @Resource
+    private UnitViewService unitViewService;
+
+    @Override
+    public void dtsUnitViewTree(UnitViewTreeVO unitViewTree) {
+        String systemUuid = unitViewTree.getSystemUuid();
+        String useCaseUuid = unitViewTree.getUseCaseUuid();
+
+        UnitViewVO unitViewVO = unitViewService.queryBySystemUuidAndUseCaseUuid(systemUuid, useCaseUuid);
+        UnitViewVO uv = adapter2UnitViewVO(unitViewTree);
+        if (unitViewVO == null) {
+            unitViewService.save(uv);
+        } else {
+            uv.setId(unitViewVO.getId());
+            uv.setUuid(unitViewVO.getUuid());
+            uv.setCreateTime(unitViewVO.getCreateTime());
+            uv.setDeleted(unitViewVO.isDeleted());
+            uv.setEnv(unitViewVO.getEnv());
+            unitViewService.save(uv);
+        }
+    }
+
+    private UnitViewVO adapter2UnitViewVO(UnitViewTreeVO tree) {
+        String systemUuid = tree.getSystemUuid();
+        String useCaseUuid = tree.getUseCaseUuid();
+        UnitViewVO uv = new UnitViewVO();
+        uv.setSystemUuid(systemUuid);
+        uv.setUseCaseUuid(useCaseUuid);
+
+        List<UnitViewTreeRelationVO> relationModel = tree.getRelationModel();
+        Pair<List<UnitEdgeVO>, List<UnitNodeVO>> pair = adapter2Pair(relationModel);
+        uv.setEdges(pair.getKey());
+        uv.setNodes(pair.getValue());
+        return uv;
+    }
+
+    private Pair<List<UnitEdgeVO>, List<UnitNodeVO>> adapter2Pair(List<UnitViewTreeRelationVO> relationModel) {
+        // TODO 处理结对数据 前端也需要处理，这里不太优雅
+        // 结对 目标找到所有的node和所有的edge
+        // 同一个node的样式必须完全一样
+        return null;
+    }
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewTreeServiceImpl.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewTreeServiceImpl.java
index 22db240b4671875bd5da9e46d0c972baf7a29ef6..46d65d276f7fac342676e4883f18dac7a59623c3 100644
--- a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewTreeServiceImpl.java
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewTreeServiceImpl.java
@@ -6,6 +6,7 @@ import javax.annotation.Resource;
 
 import org.springframework.stereotype.Service;
 
+import cn.icanci.loopstack.bic.biz.dts.GraphDtsServiceProxy;
 import cn.icanci.loopstack.bic.biz.mapper.UnitViewTreeMapper;
 import cn.icanci.loopstack.bic.biz.service.UnitViewTreeService;
 import cn.icanci.loopstack.bic.common.model.graph.UnitViewTreeVO;
@@ -21,9 +22,11 @@ import cn.icanci.loopstack.bic.dal.mongo.dateobject.UnitViewTreeDO;
 public class UnitViewTreeServiceImpl implements UnitViewTreeService {
 
     @Resource
-    private UnitViewTreeDAO    unitViewTreeDAO;
+    private UnitViewTreeDAO      unitViewTreeDAO;
     @Resource
-    private UnitViewTreeMapper unitViewTreeMapper;
+    private UnitViewTreeMapper   unitViewTreeMapper;
+    @Resource
+    private GraphDtsServiceProxy graphDtsServiceProxy;
 
     @Override
     public List<UnitViewTreeVO> queryAll() {
@@ -39,6 +42,7 @@ public class UnitViewTreeServiceImpl implements UnitViewTreeService {
         } else {
             unitViewTreeDAO.update(unitViewTreeMapper.vo2do(unitViewTreeVO));
         }
+        graphDtsServiceProxy.dtsUnitViewTree(unitViewTreeVO);
     }
 
     @Override
diff --git a/views/src/main/resources/vueboot/src/views/bic-config/components/ruleTreeNode.vue b/views/src/main/resources/vueboot/src/views/bic-config/components/ruleTreeNode.vue
index c0a68435f6860687d2fba0b4511e09a55a778b87..cca98783cf547bdc3dca185da5a5117664bf246f 100644
--- a/views/src/main/resources/vueboot/src/views/bic-config/components/ruleTreeNode.vue
+++ b/views/src/main/resources/vueboot/src/views/bic-config/components/ruleTreeNode.vue
@@ -189,6 +189,7 @@
           label-position="right"
           ref="relationModelDetailForm" :model="relationModelDetail" label-width="180px">
           <el-form-item label="开始节点样式" prop="sourceStyleUuid">
+            <!-- :disabled="!root" -->
             <el-select filterable
                        @change="refreshSelf()"
                        v-model="relationModelDetail.sourceStyleUuid"
@@ -203,6 +204,7 @@
           </el-form-item>
           <el-form-item label="开始节点匹配类型" prop="sourceNodeDataMode">
             <el-select filterable
+                       :disabled="!root"
                        @change="refreshSelf()"
                        v-model="relationModelDetail.sourceNodeDataMode"
                        placeholder="开始节点匹配类型">
@@ -215,7 +217,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="开始节点匹配值" prop="sourceNodeDataKey">
-            <el-input style="width: 200px" v-on:input="refreshSelf()" v-model="relationModelDetail.sourceNodeDataKey" placeholder="开始节点匹配值"></el-input>
+            <el-input :disabled="!root" style="width: 200px" v-on:input="refreshSelf()" v-model="relationModelDetail.sourceNodeDataKey" placeholder="开始节点匹配值"></el-input>
           </el-form-item>
           <el-form-item label="结束节点样式" prop="targetStyleUuid">
             <el-select filterable
@@ -289,20 +291,76 @@ export default {
     },
     addBrother(index) {
       let vm = this
-      vm.relationModel.push(
-        vm.$cloneObj(vm.tempRelationModel)
-      )
+      let currentModel = vm.relationModel[index];
+      if (!vm.validateCurrent(currentModel)) {
+        return
+      }
+
+      let obj = vm.$cloneObj(vm.tempRelationModel);
+      obj.sourceNodeUuid = currentModel.targetNodeUuid
+      obj.sourceStyleUuid = currentModel.sourceStyleUuid
+      obj.sourceNodeDataKey = currentModel.sourceNodeDataKey
+      obj.sourceNodeDataMode = currentModel.sourceNodeDataMode
+      vm.relationModel.push(obj)
+
       vm.$forceUpdate()
     },
     addChild(index) {
       let vm = this
-      vm.relationModel[index].children = []
+      let currentModel = vm.relationModel[index];
+      if (!vm.validateCurrent(currentModel)) {
+        return
+      }
 
-      vm.relationModel[index].children.push(
-        vm.$cloneObj(vm.tempRelationModel)
-      )
+      currentModel.children = []
+
+      let obj = vm.$cloneObj(vm.tempRelationModel);
+      obj.sourceNodeUuid = currentModel.targetNodeUuid
+      obj.sourceStyleUuid = currentModel.sourceStyleUuid
+      obj.sourceNodeDataKey = currentModel.sourceNodeDataKey
+      obj.sourceNodeDataMode = currentModel.sourceNodeDataMode
+      currentModel.children.push(obj)
       vm.$forceUpdate()
     },
+    validateCurrent(currentModel) {
+      if (currentModel.sourceNodeUuid === '') {
+        this.$message({type: 'error', message: '开始节点必须选择'})
+        return false
+      }
+      if (currentModel.sourceStyleUuid === '') {
+        this.$message({type: 'error', message: '开始节点样式必须选择'})
+        return false
+      }
+      if (currentModel.sourceNodeDataKey === '') {
+        this.$message({type: 'error', message: '开始节点唯一Key必须填写'})
+        return false
+      }
+      if (currentModel.sourceNodeDataMode === '') {
+        this.$message({type: 'error', message: '开始节点匹配模式必须选择'})
+        return false
+      }
+      if (currentModel.targetNodeUuid === '') {
+        this.$message({type: 'error', message: '结束节点必须选择'})
+        return false
+      }
+      if (currentModel.targetStyleUuid === '') {
+        this.$message({type: 'error', message: '结束节点样式必须选择'})
+        return false
+      }
+      if (currentModel.targetNodeDataKey === '') {
+        this.$message({type: 'error', message: '结束节点唯一Key必须填写'})
+        return false
+      }
+      if (currentModel.targetNodeDataMode === '') {
+        this.$message({type: 'error', message: '结束节点匹配模式必须选择'})
+        return false
+      }
+      if (currentModel.edgeStyleUuid === '') {
+        this.$message({type: 'error', message: '边样式必须选择'})
+        return false
+      }
+      return true
+    },
     editModelDetail(index) {
       let vm = this
       vm.modelDetailFlag = true