From 46276182cd27166392db170ec2a050c928bb869f Mon Sep 17 00:00:00 2001
From: icanci <qiang1.zhu@ly.com>
Date: Sat, 16 Sep 2023 10:41:17 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E7=BA=A0=E5=AF=9F=E5=9B=BE=20=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vueboot/src/views/bic-config/dialog/edge-style-form.vue     | 1 -
 .../vueboot/src/views/bic-config/edge-style-config.vue          | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/views/src/main/resources/vueboot/src/views/bic-config/dialog/edge-style-form.vue b/views/src/main/resources/vueboot/src/views/bic-config/dialog/edge-style-form.vue
index 349535a..9a2d871 100644
--- a/views/src/main/resources/vueboot/src/views/bic-config/dialog/edge-style-form.vue
+++ b/views/src/main/resources/vueboot/src/views/bic-config/dialog/edge-style-form.vue
@@ -47,7 +47,6 @@
 <script>
 
 import {systemSelector} from "@/api/loadSelectorApi";
-import {edgeStyleLoad, edgeStyleSave, remoteValidateedgeStyleName, remoteValidatesedgeStyleKey} from "@/api/edgeStyle";
 import {edgeStyleLoad, edgeStyleSave, remoteValidateEdgeStyleName, remoteValidatesEdgeStyleKey} from "@/api/edgeStyle";
 
 export default {
diff --git a/views/src/main/resources/vueboot/src/views/bic-config/edge-style-config.vue b/views/src/main/resources/vueboot/src/views/bic-config/edge-style-config.vue
index 911202a..1379f41 100644
--- a/views/src/main/resources/vueboot/src/views/bic-config/edge-style-config.vue
+++ b/views/src/main/resources/vueboot/src/views/bic-config/edge-style-config.vue
@@ -97,7 +97,7 @@ import vuePage from "@/views/common/vue-page.vue";
 import vueLog from "@/views/common/vue-log.vue";
 import edgeStyleForm from "@/views/bic-config/dialog/edge-style-form.vue";
 import {systemSelector} from "@/api/loadSelectorApi";
-import {nodeStylePageQuery} from "@/api/nodeStyle";
+import {edgeStylePageQuery} from "@/api/edgeStyle";
 
 export default {
   name: "node-style-config",
-- 
Gitee


From cf53f952b521212a000d9e774138e750aa714c21 Mon Sep 17 00:00:00 2001
From: icanci <qiang1.zhu@ly.com>
Date: Sat, 16 Sep 2023 11:19:06 +0800
Subject: [PATCH 2/2] unit view

---
 .../bic/biz/mapper/UnitViewMapper.java        | 18 +++++
 .../convertor/NodeDataModeEnumConverter.java  | 13 ++++
 .../convertor/NodeTypeEnumConverter.java      | 13 ++++
 .../bic/biz/service/UnitViewService.java      | 26 +++++++
 .../biz/service/impl/UnitViewServiceImpl.java | 59 +++++++++++++++
 .../biz/service/impl/UseCaseServiceImpl.java  |  2 -
 .../bic/common/model/graph/UnitEdgeVO.java    | 14 +---
 .../bic/common/model/graph/UnitNodeVO.java    | 18 +----
 .../dal/mongo/daointerface/UnitViewDAO.java   | 23 ++++++
 .../bic/dal/mongo/dateobject/UnitEdgeDO.java  | 21 ++++++
 .../bic/dal/mongo/dateobject/UnitNodeDO.java  | 23 ++++++
 .../bic/dal/mongo/dateobject/UnitViewDO.java  | 23 ++++++
 .../bic/dal/mongo/mongo/MongoUnitViewDAO.java | 75 +++++++++++++++++++
 .../resources/vueboot/src/api/unitView.js     | 27 +++++++
 .../resources/vueboot/src/router/index.js     | 36 ++++-----
 .../{module-relation.vue => bic-edit.vue}     |  0
 .../web/controller/UnitViewController.java    | 45 +++++++++++
 .../bic/web/form/UnitViewQueryForm.java       | 13 ++++
 .../bic/web/mapper/UnitViewWebMapper.java     | 17 +++++
 .../loopstack/bic/web/model/UnitEdge.java     | 21 ++++++
 .../loopstack/bic/web/model/UnitNode.java     | 23 ++++++
 .../loopstack/bic/web/model/UnitView.java     | 23 ++++++
 22 files changed, 487 insertions(+), 46 deletions(-)
 create mode 100644 biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/UnitViewMapper.java
 create mode 100644 biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeDataModeEnumConverter.java
 create mode 100644 biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeTypeEnumConverter.java
 create mode 100644 biz/src/main/java/cn/icanci/loopstack/bic/biz/service/UnitViewService.java
 create mode 100644 biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewServiceImpl.java
 create mode 100644 dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/UnitViewDAO.java
 create mode 100644 dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitEdgeDO.java
 create mode 100644 dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java
 create mode 100644 dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitViewDO.java
 create mode 100644 dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoUnitViewDAO.java
 create mode 100644 views/src/main/resources/vueboot/src/api/unitView.js
 rename views/src/main/resources/vueboot/src/views/bic-config/{module-relation.vue => bic-edit.vue} (100%)
 create mode 100644 web/src/main/java/cn/icanci/loopstack/bic/web/controller/UnitViewController.java
 create mode 100644 web/src/main/java/cn/icanci/loopstack/bic/web/form/UnitViewQueryForm.java
 create mode 100644 web/src/main/java/cn/icanci/loopstack/bic/web/mapper/UnitViewWebMapper.java
 create mode 100644 web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitEdge.java
 create mode 100644 web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitNode.java
 create mode 100644 web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitView.java

diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/UnitViewMapper.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/UnitViewMapper.java
new file mode 100644
index 0000000..5f42362
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/UnitViewMapper.java
@@ -0,0 +1,18 @@
+package cn.icanci.loopstack.bic.biz.mapper;
+
+import org.mapstruct.Mapper;
+import org.mapstruct.NullValueMappingStrategy;
+
+import cn.icanci.loopstack.bic.biz.mapper.convertor.NodeDataModeEnumConverter;
+import cn.icanci.loopstack.bic.biz.mapper.convertor.NodeTypeEnumConverter;
+import cn.icanci.loopstack.bic.common.model.graph.UnitViewVO;
+import cn.icanci.loopstack.bic.dal.mongo.dateobject.UnitViewDO;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 10:59
+ */
+@Mapper(componentModel = "spring", uses = { NodeDataModeEnumConverter.class, NodeTypeEnumConverter.class }, nullValueMappingStrategy = NullValueMappingStrategy.RETURN_NULL)
+public interface UnitViewMapper extends BaseMapper<UnitViewDO, UnitViewVO> {
+
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeDataModeEnumConverter.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeDataModeEnumConverter.java
new file mode 100644
index 0000000..da233cd
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeDataModeEnumConverter.java
@@ -0,0 +1,13 @@
+package cn.icanci.loopstack.bic.biz.mapper.convertor;
+
+import org.springframework.stereotype.Component;
+
+import cn.icanci.loopstack.bic.common.enums.NodeDataModeEnum;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 10:57
+ */
+@Component
+public class NodeDataModeEnumConverter extends AbstractBaseConverter<NodeDataModeEnum> {
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeTypeEnumConverter.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeTypeEnumConverter.java
new file mode 100644
index 0000000..9096a25
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/mapper/convertor/NodeTypeEnumConverter.java
@@ -0,0 +1,13 @@
+package cn.icanci.loopstack.bic.biz.mapper.convertor;
+
+import cn.icanci.loopstack.bic.common.enums.NodeTypeEnum;
+
+import org.springframework.stereotype.Component;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 10:58
+ */
+@Component
+public class NodeTypeEnumConverter extends AbstractBaseConverter<NodeTypeEnum> {
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/UnitViewService.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/UnitViewService.java
new file mode 100644
index 0000000..4430e44
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/UnitViewService.java
@@ -0,0 +1,26 @@
+package cn.icanci.loopstack.bic.biz.service;
+
+import java.util.List;
+
+import cn.icanci.loopstack.bic.common.model.graph.UnitViewVO;
+import cn.icanci.loopstack.bic.dal.mongo.common.PageList;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 10:56
+ */
+public interface UnitViewService extends BaseService<UnitViewVO> {
+    @Override
+    List<UnitViewVO> queryAll();
+
+    @Override
+    void save(UnitViewVO unitViewVO);
+
+    @Override
+    UnitViewVO queryById(String id);
+
+    @Override
+    PageList<UnitViewVO> queryPage(UnitViewVO unitViewVO, int pageNum, int pageSize);
+
+    UnitViewVO queryBySystemUuidAndUseCaseUuid(String systemUuid, String useCaseUuid);
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewServiceImpl.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewServiceImpl.java
new file mode 100644
index 0000000..dfdb948
--- /dev/null
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UnitViewServiceImpl.java
@@ -0,0 +1,59 @@
+package cn.icanci.loopstack.bic.biz.service.impl;
+
+import java.util.List;
+
+import javax.annotation.Resource;
+
+import org.springframework.stereotype.Service;
+
+import cn.icanci.loopstack.bic.biz.mapper.UnitViewMapper;
+import cn.icanci.loopstack.bic.biz.service.UnitViewService;
+import cn.icanci.loopstack.bic.common.model.graph.UnitViewVO;
+import cn.icanci.loopstack.bic.dal.mongo.common.PageList;
+import cn.icanci.loopstack.bic.dal.mongo.daointerface.UnitViewDAO;
+import cn.icanci.loopstack.bic.dal.mongo.dateobject.UnitViewDO;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 11:11
+ */
+@Service
+public class UnitViewServiceImpl implements UnitViewService {
+
+    @Resource
+    private UnitViewDAO    unitViewDAO;
+    @Resource
+    private UnitViewMapper unitViewMapper;
+
+    @Override
+    public List<UnitViewVO> queryAll() {
+        return unitViewMapper.dos2vos(unitViewDAO.queryAll());
+    }
+
+    @Override
+    public void save(UnitViewVO unitViewVO) {
+        // TODO 日志记录
+        if (doInsert(unitViewVO)) {
+            UnitViewDO insert = unitViewMapper.vo2do(unitViewVO);
+            unitViewDAO.insert(insert);
+        } else {
+            unitViewDAO.update(unitViewMapper.vo2do(unitViewVO));
+        }
+    }
+
+    @Override
+    public UnitViewVO queryById(String id) {
+        return unitViewMapper.do2vo(unitViewDAO.queryOneById(id));
+    }
+
+    @Override
+    public PageList<UnitViewVO> queryPage(UnitViewVO unitViewVO, int pageNum, int pageSize) {
+        PageList<UnitViewDO> pageQuery = unitViewDAO.pageQuery(unitViewMapper.vo2do(unitViewVO), pageNum, pageSize);
+        return new PageList<>(unitViewMapper.dos2vos(pageQuery.getData()), pageQuery.getPaginator());
+    }
+
+    @Override
+    public UnitViewVO queryBySystemUuidAndUseCaseUuid(String systemUuid, String useCaseUuid) {
+        return unitViewMapper.do2vo(unitViewDAO.queryBySystemUuidAndUseCaseUuid(systemUuid, useCaseUuid));
+    }
+}
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UseCaseServiceImpl.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UseCaseServiceImpl.java
index d477008..5d8fdf6 100644
--- a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UseCaseServiceImpl.java
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/UseCaseServiceImpl.java
@@ -5,7 +5,6 @@ import java.util.List;
 import javax.annotation.Resource;
 
 import org.apache.commons.lang3.StringUtils;
-import org.springframework.stereotype.Service;
 
 import com.google.common.collect.Lists;
 
@@ -21,7 +20,6 @@ import cn.icanci.loopstack.bic.dal.mongo.dateobject.UseCaseDO;
  * @author icanci
  * @since 1.0 Created in 2023/09/10 20:10
  */
-@Service("useCaseService")
 public class UseCaseServiceImpl implements UseCaseService {
 
     @Resource
diff --git a/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitEdgeVO.java b/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitEdgeVO.java
index 1d7b3f2..f19d708 100644
--- a/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitEdgeVO.java
+++ b/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitEdgeVO.java
@@ -10,22 +10,12 @@ import lombok.Data;
  */
 @Data
 public class UnitEdgeVO {
-    /** uuid */
-    private String uuid;
     /** 边名称 */
-    private String edgeName;
-    /** 边Key */
-    private String edgeKey;
+    private String hoverName;
     /** 边的起点 */
     private String sourceUuid;
     /** 边的终点 */
     private String targetUuid;
-    /** Hover */
-    @Deprecated
-    private String hoverFuncId;
-    /** Click */
-    @Deprecated
-    private String clickFuncId;
     /** 样式ID */
-    private String styleId;
+    private String styleUuid;
 }
diff --git a/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitNodeVO.java b/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitNodeVO.java
index e6f2448..bfa574d 100644
--- a/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitNodeVO.java
+++ b/common/src/main/java/cn/icanci/loopstack/bic/common/model/graph/UnitNodeVO.java
@@ -12,24 +12,14 @@ import lombok.Data;
  */
 @Data
 public class UnitNodeVO {
-    /** uuid */
-    private String           uuid;
-    /** 节点名称 */
-    private String           nodeName;
-    /** 节点Key */
-    private String           nodeKey;
+    /** 节点UUID */
+    private String           nodeUuid;
+    /** 样式 */
+    private String           styleUuid;
     /** 节点Data模式：前缀匹配、全部匹配 */
     private NodeDataModeEnum nodeDataMode;
     /** 节点DataKey: UseCase-Module-Category-SubCategory */
     private String           nodeDataKey;
-    /** hover 函数id */
-    @Deprecated
-    private String           hoverFuncId;
-    /** click 函数id */
-    @Deprecated
-    private String           clickFuncId;
-    /** 样式 */
-    private String           styleId;
     /** 节点类型 */
     private NodeTypeEnum     nodeType;
 }
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/UnitViewDAO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/UnitViewDAO.java
new file mode 100644
index 0000000..8dd5400
--- /dev/null
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/UnitViewDAO.java
@@ -0,0 +1,23 @@
+package cn.icanci.loopstack.bic.dal.mongo.daointerface;
+
+import cn.icanci.loopstack.bic.dal.mongo.dateobject.UnitViewDO;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 11:00
+ */
+public interface UnitViewDAO extends BaseDAO<UnitViewDO> {
+    /** 文档对应的名字  */
+    String            COLLECTION_NAME  = BASE_COLLECTION_NAME + "unit-view";
+    /** 文档对应的Class */
+    Class<UnitViewDO> COLLECTION_CLASS = UnitViewDO.class;
+
+    UnitViewDO queryBySystemUuidAndUseCaseUuid(String systemUuid, String useCaseUuid);
+
+    /** 列 */
+    interface UnitViewColumn extends BaseColumn {
+        String SYSTEM_UUID   = "systemUuid";
+        String USE_CASE_UUID = "useCaseUuid";
+    }
+
+}
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitEdgeDO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitEdgeDO.java
new file mode 100644
index 0000000..1c02162
--- /dev/null
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitEdgeDO.java
@@ -0,0 +1,21 @@
+package cn.icanci.loopstack.bic.dal.mongo.dateobject;
+
+import lombok.Data;
+
+/**
+ * 图结构的边
+ *
+ * @author icanci
+ * @since 1.0 Created in 2023/09/09 22:13
+ */
+@Data
+public class UnitEdgeDO {
+    /** 边名称 */
+    private String hoverName;
+    /** 边的起点 */
+    private String sourceUuid;
+    /** 边的终点 */
+    private String targetUuid;
+    /** 样式ID */
+    private String styleUuid;
+}
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java
new file mode 100644
index 0000000..21a2980
--- /dev/null
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java
@@ -0,0 +1,23 @@
+package cn.icanci.loopstack.bic.dal.mongo.dateobject;
+
+import lombok.Data;
+
+/**
+ * 图结构的节点
+ *
+ * @author icanci
+ * @since 1.0 Created in 2023/09/09 22:13
+ */
+@Data
+public class UnitNodeDO {
+    /** 节点UUID */
+    private String nodeUuid;
+    /** 样式 */
+    private String styleUuid;
+    /** 节点Data模式：前缀匹配、全部匹配 */
+    private String nodeDataMode;
+    /** 节点DataKey: UseCase-Module-Category-SubCategory */
+    private String nodeDataKey;
+    /** 节点类型 */
+    private String nodeType;
+}
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitViewDO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitViewDO.java
new file mode 100644
index 0000000..a1fa662
--- /dev/null
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitViewDO.java
@@ -0,0 +1,23 @@
+package cn.icanci.loopstack.bic.dal.mongo.dateobject;
+
+import java.util.List;
+
+import lombok.Data;
+
+/**
+ * 图结构单元视图
+ * 
+ * @author icanci
+ * @since 1.0 Created in 2023/09/09 21:49
+ */
+@Data
+public class UnitViewDO extends BaseDO {
+    /** 系统唯一标识  */
+    private String           systemUuid;
+    /** 用例唯一标识  */
+    private String           useCaseUuid;
+    /** 边组织结构 */
+    private List<UnitEdgeDO> edges;
+    /** 节点组织结构 */
+    private List<UnitNodeDO> nodes;
+}
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoUnitViewDAO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoUnitViewDAO.java
new file mode 100644
index 0000000..f058d92
--- /dev/null
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoUnitViewDAO.java
@@ -0,0 +1,75 @@
+package cn.icanci.loopstack.bic.dal.mongo.mongo;
+
+import java.util.List;
+
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.data.domain.Sort;
+import org.springframework.data.mongodb.core.query.Criteria;
+import org.springframework.data.mongodb.core.query.Query;
+import org.springframework.stereotype.Service;
+
+import cn.icanci.loopstack.bic.dal.mongo.common.PageList;
+import cn.icanci.loopstack.bic.dal.mongo.daointerface.UnitViewDAO;
+import cn.icanci.loopstack.bic.dal.mongo.dateobject.UnitViewDO;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 11:02
+ */
+@Service("unitViewDAO")
+public class MongoUnitViewDAO extends AbstractBaseDAO<UnitViewDO> implements UnitViewDAO {
+    @Override
+    public void insert(UnitViewDO unitViewDO) {
+        super.insert(unitViewDO);
+        mongoTemplate.insert(unitViewDO, COLLECTION_NAME);
+    }
+
+    @Override
+    public void update(UnitViewDO unitViewDO) {
+        super.update(unitViewDO);
+        mongoTemplate.save(unitViewDO, COLLECTION_NAME);
+    }
+
+    @Override
+    public List<UnitViewDO> queryAll() {
+        Criteria criteria = Criteria.where(UnitViewColumn.ENV).is(DEFAULT_ENV);
+        Query query = new Query(criteria);
+        return mongoTemplate.find(query, COLLECTION_CLASS, COLLECTION_NAME);
+    }
+
+    @Override
+    public PageList<UnitViewDO> pageQuery(UnitViewDO unitViewDO, int pageNum, int pageSize) {
+        Criteria criteria = Criteria.where(UnitViewColumn.ENV).is(DEFAULT_ENV);
+        if (StringUtils.isNotBlank(unitViewDO.getSystemUuid())) {
+            criteria.and(UnitViewColumn.SYSTEM_UUID).is(unitViewDO.getSystemUuid());
+        }
+        if (StringUtils.isNotBlank(unitViewDO.getUseCaseUuid())) {
+            criteria.and(UnitViewColumn.USE_CASE_UUID).is(unitViewDO.getUseCaseUuid());
+        }
+        Query query = new Query(criteria);
+        query.with(Sort.by(Sort.Direction.DESC, UnitViewColumn.CREATE_TIME));
+        return pageQuery(query, COLLECTION_CLASS, pageSize, pageNum, COLLECTION_NAME);
+    }
+
+    @Override
+    public UnitViewDO queryOneById(String _id) {
+        Criteria criteria = Criteria.where(UnitViewColumn._ID).is(_id);
+        criteria.and(UnitViewColumn.ENV).is(DEFAULT_ENV);
+        Query query = new Query(criteria);
+        return mongoTemplate.findOne(query, COLLECTION_CLASS, COLLECTION_NAME);
+    }
+
+    @Override
+    public Class<? extends BaseColumn> getBaseColumn() {
+        return UnitViewColumn.class;
+    }
+
+    @Override
+    public UnitViewDO queryBySystemUuidAndUseCaseUuid(String systemUuid, String useCaseUuid) {
+        Criteria criteria = Criteria.where(UnitViewColumn.USE_CASE_UUID).is(useCaseUuid);
+        criteria.and(UnitViewColumn.ENV).is(DEFAULT_ENV);
+        criteria.and(UnitViewColumn.SYSTEM_UUID).is(systemUuid);
+        Query query = new Query(criteria);
+        return mongoTemplate.findOne(query, COLLECTION_CLASS, COLLECTION_NAME);
+    }
+}
diff --git a/views/src/main/resources/vueboot/src/api/unitView.js b/views/src/main/resources/vueboot/src/api/unitView.js
new file mode 100644
index 0000000..05dcc5f
--- /dev/null
+++ b/views/src/main/resources/vueboot/src/api/unitView.js
@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+export async function unitViewPageQuery(unitView, paginator) {
+  return await request({
+    url: '/bicAdmin/unitView/query',
+    method: 'post',
+    data: {
+      'unitView': unitView,
+      'paginator': paginator
+    }
+  })
+}
+
+export async function unitViewSave(unitView) {
+  return await request({
+    url: '/bicAdmin/unitView/save',
+    method: 'post',
+    data: unitView
+  })
+}
+
+export async function remoteValidateUnique(systemUuid, useCaseUuid) {
+  return await request({
+    url: '/bicAdmin/unitView/validateUnique/' + systemUuid + '/' + useCaseUuid,
+    method: 'get',
+  })
+}
diff --git a/views/src/main/resources/vueboot/src/router/index.js b/views/src/main/resources/vueboot/src/router/index.js
index 469d93e..2a5ef7f 100644
--- a/views/src/main/resources/vueboot/src/router/index.js
+++ b/views/src/main/resources/vueboot/src/router/index.js
@@ -18,14 +18,14 @@ Vue.use(Router)
  * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
  * name:'router-name'             the name is used by <keep-alive> (must set!!!)
  * meta : {
-    roles: ['admin','editor']    control the page roles (you can set multiple roles)
-    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
-    icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
-    noCache: true                if set true, the page will no be cached(default is false)
-    affix: true                  if set true, the tag will affix in the tags-view
-    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
-    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
-  }
+ roles: ['admin','editor']    control the page roles (you can set multiple roles)
+ title: 'title'               the name show in sidebar and breadcrumb (recommend set)
+ icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
+ noCache: true                if set true, the page will no be cached(default is false)
+ affix: true                  if set true, the tag will affix in the tags-view
+ breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
+ activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
+ }
  */
 
 /**
@@ -148,12 +148,12 @@ export const constantRoutes = [
         name: 'nodeVueConfig',
         meta: {title: '节点组件配置'}
       },
-      {
-        path: 'edge-config',
-        component: () => import('@/views/bic-config/edge-config'),
-        name: 'edgeConfig',
-        meta: {title: '边配置'}
-      },
+      // {
+      //   path: 'edge-config',
+      //   component: () => import('@/views/bic-config/edge-config'),
+      //   name: 'edgeConfig',
+      //   meta: {title: '边配置'}
+      // },
       {
         path: 'edge-style-config',
         component: () => import('@/views/bic-config/edge-style-config'),
@@ -167,10 +167,10 @@ export const constantRoutes = [
       //   meta: {title: '边函数配置'}
       // },
       {
-        path: 'module-relation',
-        component: () => import('@/views/bic-config/module-relation'),
-        name: 'moduleRelation',
-        meta: {title: '组织模块联系'}
+        path: 'bic-edit',
+        component: () => import('@/views/bic-config/bic-edit'),
+        name: 'bicEdit',
+        meta: {title: '编辑纠察图'}
       },
     ]
   },
diff --git a/views/src/main/resources/vueboot/src/views/bic-config/module-relation.vue b/views/src/main/resources/vueboot/src/views/bic-config/bic-edit.vue
similarity index 100%
rename from views/src/main/resources/vueboot/src/views/bic-config/module-relation.vue
rename to views/src/main/resources/vueboot/src/views/bic-config/bic-edit.vue
diff --git a/web/src/main/java/cn/icanci/loopstack/bic/web/controller/UnitViewController.java b/web/src/main/java/cn/icanci/loopstack/bic/web/controller/UnitViewController.java
new file mode 100644
index 0000000..7885d8b
--- /dev/null
+++ b/web/src/main/java/cn/icanci/loopstack/bic/web/controller/UnitViewController.java
@@ -0,0 +1,45 @@
+package cn.icanci.loopstack.bic.web.controller;
+
+import javax.annotation.Resource;
+
+import org.springframework.web.bind.annotation.*;
+
+import cn.icanci.loopstack.bic.biz.service.UnitViewService;
+import cn.icanci.loopstack.bic.common.model.graph.UnitViewVO;
+import cn.icanci.loopstack.bic.common.result.R;
+import cn.icanci.loopstack.bic.web.form.UnitViewQueryForm;
+import cn.icanci.loopstack.bic.web.mapper.UnitViewWebMapper;
+import cn.icanci.loopstack.bic.web.model.UnitView;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 10:55
+ */
+@RestController
+@RequestMapping("/bicAdmin/unitView")
+public class UnitViewController {
+    @Resource
+    private UnitViewWebMapper unitViewWebMapper;
+    @Resource
+    private UnitViewService   unitViewService;
+
+    // ================================ CRUD ================================
+    @PostMapping("query")
+    public R query(@RequestBody UnitViewQueryForm form) {
+        return R.builderOk()
+            .data("queryPage", unitViewService.queryPage(unitViewWebMapper.web2vo(form.getUnitView()), form.getPaginator().getCurrentPage(), form.getPaginator().getPageSize()))
+            .build();
+    }
+
+    @PostMapping("save")
+    public R save(@RequestBody UnitView unitView) {
+        unitViewService.save(unitViewWebMapper.web2vo(unitView));
+        return R.builderOk().build();
+    }
+
+    @GetMapping("validateUnique/{systemUuid}/{useCaseUuid}")
+    public R validateUnique(@PathVariable("systemUuid") String systemUuid, @PathVariable("useCaseUuid") String useCaseUuid) {
+        UnitViewVO unitView = unitViewService.queryBySystemUuidAndUseCaseUuid(systemUuid, useCaseUuid);
+        return R.builderOk().data("result", unitView == null).build();
+    }
+}
diff --git a/web/src/main/java/cn/icanci/loopstack/bic/web/form/UnitViewQueryForm.java b/web/src/main/java/cn/icanci/loopstack/bic/web/form/UnitViewQueryForm.java
new file mode 100644
index 0000000..d7a36d4
--- /dev/null
+++ b/web/src/main/java/cn/icanci/loopstack/bic/web/form/UnitViewQueryForm.java
@@ -0,0 +1,13 @@
+package cn.icanci.loopstack.bic.web.form;
+
+import cn.icanci.loopstack.bic.web.model.UnitView;
+import lombok.Data;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 09:52
+ */
+@Data
+public class UnitViewQueryForm extends BaseQueryForm {
+    private UnitView unitView;
+}
diff --git a/web/src/main/java/cn/icanci/loopstack/bic/web/mapper/UnitViewWebMapper.java b/web/src/main/java/cn/icanci/loopstack/bic/web/mapper/UnitViewWebMapper.java
new file mode 100644
index 0000000..8642d48
--- /dev/null
+++ b/web/src/main/java/cn/icanci/loopstack/bic/web/mapper/UnitViewWebMapper.java
@@ -0,0 +1,17 @@
+package cn.icanci.loopstack.bic.web.mapper;
+
+import org.mapstruct.Mapper;
+import org.mapstruct.NullValueMappingStrategy;
+
+import cn.icanci.loopstack.bic.biz.mapper.convertor.NodeDataModeEnumConverter;
+import cn.icanci.loopstack.bic.biz.mapper.convertor.NodeTypeEnumConverter;
+import cn.icanci.loopstack.bic.common.model.graph.UnitViewVO;
+import cn.icanci.loopstack.bic.web.model.UnitView;
+
+/**
+ * @author icanci
+ * @since 1.0 Created in 2023/09/16 10:23
+ */
+@Mapper(componentModel = "spring", uses = { NodeDataModeEnumConverter.class, NodeTypeEnumConverter.class }, nullValueMappingStrategy = NullValueMappingStrategy.RETURN_NULL)
+public interface UnitViewWebMapper extends BaseWebMapper<UnitView, UnitViewVO> {
+}
diff --git a/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitEdge.java b/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitEdge.java
new file mode 100644
index 0000000..423d8bc
--- /dev/null
+++ b/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitEdge.java
@@ -0,0 +1,21 @@
+package cn.icanci.loopstack.bic.web.model;
+
+import lombok.Data;
+
+/**
+ * 图结构的边
+ *
+ * @author icanci
+ * @since 1.0 Created in 2023/09/09 22:13
+ */
+@Data
+public class UnitEdge {
+    /** 边名称 */
+    private String hoverName;
+    /** 边的起点 */
+    private String sourceUuid;
+    /** 边的终点 */
+    private String targetUuid;
+    /** 样式ID */
+    private String styleUuid;
+}
diff --git a/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitNode.java b/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitNode.java
new file mode 100644
index 0000000..3513da8
--- /dev/null
+++ b/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitNode.java
@@ -0,0 +1,23 @@
+package cn.icanci.loopstack.bic.web.model;
+
+import lombok.Data;
+
+/**
+ * 图结构的节点
+ *
+ * @author icanci
+ * @since 1.0 Created in 2023/09/09 22:13
+ */
+@Data
+public class UnitNode {
+    /** 节点UUID */
+    private String nodeUuid;
+    /** 样式 */
+    private String styleUuid;
+    /** 节点Data模式：前缀匹配、全部匹配 */
+    private String nodeDataMode;
+    /** 节点DataKey: UseCase-Module-Category-SubCategory */
+    private String nodeDataKey;
+    /** 节点类型 */
+    private String nodeType;
+}
diff --git a/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitView.java b/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitView.java
new file mode 100644
index 0000000..d9572fb
--- /dev/null
+++ b/web/src/main/java/cn/icanci/loopstack/bic/web/model/UnitView.java
@@ -0,0 +1,23 @@
+package cn.icanci.loopstack.bic.web.model;
+
+import java.util.List;
+
+import lombok.Data;
+
+/**
+ * 图结构单元视图
+ * 
+ * @author icanci
+ * @since 1.0 Created in 2023/09/09 21:49
+ */
+@Data
+public class UnitView extends Base {
+    /** 系统唯一标识  */
+    private String         systemUuid;
+    /** 用例唯一标识  */
+    private String         useCaseUuid;
+    /** 边组织结构 */
+    private List<UnitEdge> edges;
+    /** 节点组织结构 */
+    private List<UnitNode> nodes;
+}
-- 
Gitee