diff --git a/src/api/dict/engine/ruleInfo.js b/src/api/dict/engine/ruleInfo.js
new file mode 100644
index 0000000..db5eff4
--- /dev/null
+++ b/src/api/dict/engine/ruleInfo.js
@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+// 查询规则维护列表
+export function listRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo/list',
+    method: 'post',
+    params: {pageNum:data.pageNum,pageSize:data.pageSize},
+    data
+  })
+}
+
+// 查询规则维护详细
+export function getRuleInfo(id) {
+  return request({
+    url: '/engine/ruleInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则维护
+export function addRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则维护
+export function updateRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则维护
+export function delRuleInfo(id) {
+  return request({
+    url: '/engine/ruleInfo/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/api/dict/engine/ruleVersion.js b/src/api/dict/engine/ruleVersion.js
new file mode 100644
index 0000000..3abdd8f
--- /dev/null
+++ b/src/api/dict/engine/ruleVersion.js
@@ -0,0 +1,123 @@
+import request from '@/utils/request'
+
+// 查询规则版本列表
+export function listRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion/list',
+    method: 'post',
+    params: {pageNum: data.pageNum, pageSize: data.pageSize},
+    data
+  })
+}
+
+// 查询规则版本详细
+export function getRuleVersion(id) {
+  return request({
+    url: '/engine/ruleVersion/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则版本
+export function addRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则版本
+export function updateRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则版本
+export function delRuleVersion(id) {
+  return request({
+    url: '/engine/ruleVersion/' + id,
+    method: 'delete'
+  })
+}
+
+//存储代码
+export function writeFile(data) {
+  return request({
+    url: '/engine/ruleVersion/writeFile',
+    method: 'post',
+    data
+  })
+}
+
+//查询代码
+export function readFile(fileName) {
+  return request({
+    url: `/engine/ruleVersion/readFile/${fileName}`,
+    method: 'post'
+  })
+}
+
+//库表二级联动
+export function getTableInfoList() {
+  return request({
+    url: '/engine/ruleVersion/dataSource/tableInfo',
+    method: 'get',
+  })
+}
+
+//库表二级联动
+export function getDataAnalysis(id) {
+  return request({
+    url: `/engine/ruleVersion/dataSource/table/${id}`,
+    method: 'get',
+  })
+}
+
+//获取KTLV数据
+export function getEtlTableData(data) {
+  return request({
+    url: `/engine/ruleVersion/getEtlTableData`,
+    method: 'post',
+    data
+  })
+}
+
+//测试值
+export function execution(data) {
+  return request({
+    url: `/engine/ruleVersion/execution/${data.engineKey}`,
+    method: 'post',
+    data
+  })
+}
+
+//测试行
+export function lineFile(data) {
+  return request({
+    url: `/engine/ruleVersion/lineFile/${data.ruleVersionClass}`,
+    method: 'post',
+    data: data.data
+  })
+}
+
+//测试组
+export function groupFile(data) {
+  return request({
+    url: `/engine/ruleVersion/groupFile/${data.ruleVersionClass}`,
+    method: 'post',
+    data: data.data
+  })
+}
+//判断类是否已存在
+export function isClassExist(val) {
+  return request({
+    url: `/engine/ruleVersion/isClassExist/${val}`,
+    method: 'get',
+  })
+}
+
+
diff --git a/src/api/engine/ruleInfo.js b/src/api/engine/ruleInfo.js
new file mode 100644
index 0000000..db5eff4
--- /dev/null
+++ b/src/api/engine/ruleInfo.js
@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+// 查询规则维护列表
+export function listRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo/list',
+    method: 'post',
+    params: {pageNum:data.pageNum,pageSize:data.pageSize},
+    data
+  })
+}
+
+// 查询规则维护详细
+export function getRuleInfo(id) {
+  return request({
+    url: '/engine/ruleInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则维护
+export function addRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则维护
+export function updateRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则维护
+export function delRuleInfo(id) {
+  return request({
+    url: '/engine/ruleInfo/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/api/engine/ruleVersion.js b/src/api/engine/ruleVersion.js
new file mode 100644
index 0000000..3abdd8f
--- /dev/null
+++ b/src/api/engine/ruleVersion.js
@@ -0,0 +1,123 @@
+import request from '@/utils/request'
+
+// 查询规则版本列表
+export function listRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion/list',
+    method: 'post',
+    params: {pageNum: data.pageNum, pageSize: data.pageSize},
+    data
+  })
+}
+
+// 查询规则版本详细
+export function getRuleVersion(id) {
+  return request({
+    url: '/engine/ruleVersion/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则版本
+export function addRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则版本
+export function updateRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则版本
+export function delRuleVersion(id) {
+  return request({
+    url: '/engine/ruleVersion/' + id,
+    method: 'delete'
+  })
+}
+
+//存储代码
+export function writeFile(data) {
+  return request({
+    url: '/engine/ruleVersion/writeFile',
+    method: 'post',
+    data
+  })
+}
+
+//查询代码
+export function readFile(fileName) {
+  return request({
+    url: `/engine/ruleVersion/readFile/${fileName}`,
+    method: 'post'
+  })
+}
+
+//库表二级联动
+export function getTableInfoList() {
+  return request({
+    url: '/engine/ruleVersion/dataSource/tableInfo',
+    method: 'get',
+  })
+}
+
+//库表二级联动
+export function getDataAnalysis(id) {
+  return request({
+    url: `/engine/ruleVersion/dataSource/table/${id}`,
+    method: 'get',
+  })
+}
+
+//获取KTLV数据
+export function getEtlTableData(data) {
+  return request({
+    url: `/engine/ruleVersion/getEtlTableData`,
+    method: 'post',
+    data
+  })
+}
+
+//测试值
+export function execution(data) {
+  return request({
+    url: `/engine/ruleVersion/execution/${data.engineKey}`,
+    method: 'post',
+    data
+  })
+}
+
+//测试行
+export function lineFile(data) {
+  return request({
+    url: `/engine/ruleVersion/lineFile/${data.ruleVersionClass}`,
+    method: 'post',
+    data: data.data
+  })
+}
+
+//测试组
+export function groupFile(data) {
+  return request({
+    url: `/engine/ruleVersion/groupFile/${data.ruleVersionClass}`,
+    method: 'post',
+    data: data.data
+  })
+}
+//判断类是否已存在
+export function isClassExist(val) {
+  return request({
+    url: `/engine/ruleVersion/isClassExist/${val}`,
+    method: 'get',
+  })
+}
+
+
diff --git a/src/api/rule/ruleEdition.js b/src/api/rule/ruleEdition.js
index ec85a94..cc3f1bd 100644
--- a/src/api/rule/ruleEdition.js
+++ b/src/api/rule/ruleEdition.js
@@ -82,7 +82,7 @@ export function findTableIdByParentId(id) {
 //表
 export function findTableValueByTableName(basicId,tableName) {
   return request({
-    url: "/source/value/findTableValueByTableName?basicId="+basicId+"&tableName="+tableName,
+    url: `/source/value/findTableValueByTableName?basicId=`+basicId+'&&tableName='+tableName,
     method: 'post',
   })
 }
diff --git a/src/views/engine/ruleInfo.js b/src/views/engine/ruleInfo.js
new file mode 100644
index 0000000..db5eff4
--- /dev/null
+++ b/src/views/engine/ruleInfo.js
@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+// 查询规则维护列表
+export function listRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo/list',
+    method: 'post',
+    params: {pageNum:data.pageNum,pageSize:data.pageSize},
+    data
+  })
+}
+
+// 查询规则维护详细
+export function getRuleInfo(id) {
+  return request({
+    url: '/engine/ruleInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则维护
+export function addRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则维护
+export function updateRuleInfo(data) {
+  return request({
+    url: '/engine/ruleInfo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则维护
+export function delRuleInfo(id) {
+  return request({
+    url: '/engine/ruleInfo/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/views/engine/ruleInfo/Test.vue b/src/views/engine/ruleInfo/Test.vue
new file mode 100644
index 0000000..56f3935
--- /dev/null
+++ b/src/views/engine/ruleInfo/Test.vue
@@ -0,0 +1,460 @@
+<!--<template>-->
+<!--  <div id="mountNode"></div>-->
+<!--</template>-->
+
+<!--<script>-->
+<!--import G6 from '@antv/g6'-->
+<!--export default {-->
+<!--  data() {-->
+<!--    return {-->
+<!--      data: {-->
+<!--        // 点集-->
+<!--        nodes: [-->
+<!--          {-->
+<!--            id: 'node1', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 100, // Number，可选，节点位置的 x 值-->
+<!--            y: 200, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect', // 矩形节点-->
+<!--            label: '省生态环境厅', // 矩形节点框内的文字-->
+<!--            // 矩形节点框样式-->
+<!--            style: {-->
+<!--              fill: '#18c298ad',-->
+<!--              stroke: '#18c298',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            // 节点下的文字-->
+<!--            extraText: '[派发]'-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node2', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 300, // Number，可选，节点位置的 x 值-->
+<!--            y: 200, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '市生态环境局',-->
+<!--            style: {-->
+<!--              fill: '#18c298ad',-->
+<!--              stroke: '#18c298',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            extraText: '[派发]'-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node3', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 500, // Number，可选，节点位置的 x 值-->
+<!--            y: 200, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '核查员',-->
+<!--            style: {-->
+<!--              fill: '#ffc107',-->
+<!--              stroke: '#ff9800',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            extraText: '[派发]',-->
+<!--            text1: '催办'-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node4', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 700, // Number，可选，节点位置的 x 值-->
+<!--            y: 200, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '市生态环境局',-->
+<!--            style: {-->
+<!--              fill: '#18c298ad',-->
+<!--              stroke: '#18c298',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            extraText: '[派发]'-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node5', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 900, // Number，可选，节点位置的 x 值-->
+<!--            y: 200, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '省生态环境厅',-->
+<!--            style: {-->
+<!--              fill: '#0063ffb5',-->
+<!--              stroke: '#0063ff',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            extraText: '[派发]'-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node6', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 1200, // Number，可选，节点位置的 x 值-->
+<!--            y: 200, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '完成',-->
+<!--            style: {-->
+<!--              fill: '#0063ffb5',-->
+<!--              stroke: '#0063ff',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            // 设置箭头位置 https://antv-g6.gitee.io/zh/docs/manual/middle/elements/nodes/anchorpoint-->
+<!--            anchorPoints: [-->
+<!--              [0, 0.5],-->
+<!--              [0.5, 0.5]-->
+<!--            ]-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node7', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 1200, // Number，可选，节点位置的 x 值-->
+<!--            y: 300, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '已完成',-->
+<!--            style: {-->
+<!--              fill: '#18c298ad',-->
+<!--              stroke: '#18c298',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            anchorPoints: [-->
+<!--              [0, 0.5],-->
+<!--              [0.5, 0.5]-->
+<!--            ]-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node8', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 1200, // Number，可选，节点位置的 x 值-->
+<!--            y: 400, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '进行中',-->
+<!--            style: {-->
+<!--              fill: '#ffc107',-->
+<!--              stroke: '#ff9800',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            anchorPoints: [-->
+<!--              [0, 0.5],-->
+<!--              [0.5, 0.5]-->
+<!--            ]-->
+<!--          },-->
+<!--          {-->
+<!--            id: 'node9', // String，该节点存在则必须，节点的唯一标识-->
+<!--            x: 1200, // Number，可选，节点位置的 x 值-->
+<!--            y: 500, // Number，可选，节点位置的 y 值-->
+<!--            type: 'rect',-->
+<!--            label: '未开始',-->
+<!--            style: {-->
+<!--              fill: '#0063ffb5',-->
+<!--              stroke: '#0063ff',-->
+<!--              lineWidth: 2,-->
+<!--              radius: 7-->
+<!--            },-->
+<!--            anchorPoints: [-->
+<!--              [0.5, 0.5],-->
+<!--              [1, 0.5]-->
+<!--            ]-->
+<!--          }-->
+
+<!--        ],-->
+<!--        // 边集-->
+<!--        edges: [-->
+<!--          {-->
+<!--            source: 'node1', // String，必须，起始点 id-->
+<!--            target: 'node2', // String，必须，目标点 id-->
+<!--            label: '', // 边的文本-->
+<!--            style: {-->
+<!--              // endArrow: true,-->
+<!--              // startArrow: false,-->
+<!--              // 箭头样式-->
+<!--              endArrow: {-->
+<!--                lineDash: false,-->
+<!--                path: G6.Arrow.triangle(10, 10, 2), // 使用内置箭头路径函数，参数为箭头的 宽度、长度、偏移量（默认为 0，与 d 对应）-->
+<!--                d: 2,-->
+<!--                fill: '#18c298ad',-->
+<!--                stroke: '#18c298'-->
+<!--                // ...-->
+<!--              },-->
+<!--              fill: '#18c298ad',-->
+<!--              stroke: '#18c298'-->
+<!--            }-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node2', // String，必须，起始点 id-->
+<!--            target: 'node3', // String，必须，目标点 id-->
+<!--            label: '', // 边的文本-->
+<!--            style: {-->
+<!--              // endArrow: true,-->
+<!--              // startArrow: false,-->
+<!--              endArrow: {-->
+<!--                lineDash: false,-->
+<!--                path: G6.Arrow.triangle(10, 10, 2),-->
+<!--                d: 2,-->
+<!--                fill: '#18c298ad',-->
+<!--                stroke: '#18c298'-->
+<!--                // ...-->
+<!--              },-->
+<!--              fill: '#18c298ad',-->
+<!--              stroke: '#18c298'-->
+<!--            }-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node3', // String，必须，起始点 id-->
+<!--            target: 'node4', // String，必须，目标点 id-->
+<!--            label: '', // 边的文本-->
+<!--            style: {-->
+<!--              // endArrow: true,-->
+<!--              // startArrow: false,-->
+<!--              endArrow: {-->
+<!--                lineDash: false,-->
+<!--                path: G6.Arrow.triangle(10, 10, 2),-->
+<!--                d: 2,-->
+<!--                fill: '#18c298ad',-->
+<!--                stroke: '#18c298'-->
+<!--                // ...-->
+<!--              },-->
+<!--              fill: '#18c298ad',-->
+<!--              stroke: '#18c298'-->
+<!--            }-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node4', // String，必须，起始点 id-->
+<!--            target: 'node3', // String，必须，目标点 id-->
+<!--            label: '不合格', // 边的文本-->
+<!--            type: 'polyline',-->
+<!--            controlPoints: [{ x: 750, y: 250 }, { x: 550, y: 250 }],-->
+<!--            style: {-->
+<!--              endArrow: {-->
+<!--                path: G6.Arrow.triangle(10, 10, 2),-->
+<!--                d: 2,-->
+<!--                fill: '#18c298ad',-->
+<!--                stroke: '#18c298'-->
+<!--              }-->
+<!--            },-->
+<!--            fill: '#18c298ad',-->
+<!--            stroke: '#18c298'-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node4', // String，必须，起始点 id-->
+<!--            target: 'node5', // String，必须，目标点 id-->
+<!--            label: '合格', // 边的文本-->
+<!--            style: {-->
+<!--              // endArrow: true,-->
+<!--              // startArrow: false,-->
+<!--              fill: '#0063ffb5',-->
+<!--              stroke: '#0063ff',-->
+<!--              endArrow: {-->
+<!--                lineDash: false,-->
+<!--                path: G6.Arrow.triangle(10, 10, 2),-->
+<!--                d: 2,-->
+<!--                fill: '#0063ffb5',-->
+<!--                stroke: '#0063ff'-->
+<!--                // ...-->
+<!--              }-->
+<!--            }-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node5', // String，必须，起始点 id-->
+<!--            target: 'node6', // String，必须，目标点 id-->
+<!--            label: '', // 边的文本-->
+<!--            style: {-->
+<!--              lineDash: [5, 5, 5],-->
+<!--              fill: '#0063ffb5',-->
+<!--              stroke: '#0063ff',-->
+<!--              endArrow: {-->
+<!--                lineDash: false,-->
+<!--                path: G6.Arrow.triangle(10, 10, 2),-->
+<!--                d: 2,-->
+<!--                fill: '#0063ffb5',-->
+<!--                stroke: '#0063ffb5'-->
+<!--              }-->
+<!--            }-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node6', // String，必须，起始点 id-->
+<!--            target: 'node7', // String，必须，目标点 id-->
+<!--            label: '', // 边的文本-->
+<!--            style: {-->
+<!--              lineDash: [5, 5, 5],-->
+<!--              fill: '#ddd',-->
+<!--              stroke: '#ddd'-->
+<!--            },-->
+<!--            type: 'hvh'-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node7', // String，必须，起始点 id-->
+<!--            target: 'node8', // String，必须，目标点 id-->
+<!--            label: '', // 边的文本-->
+<!--            style: {-->
+<!--              lineDash: [5, 5, 5],-->
+<!--              fill: '#ddd',-->
+<!--              stroke: '#ddd'-->
+<!--            },-->
+<!--            type: 'hvh'-->
+<!--          },-->
+<!--          {-->
+<!--            source: 'node8', // String，必须，起始点 id-->
+<!--            target: 'node9', // String，必须，目标点 id-->
+<!--            label: '', // 边的文本-->
+<!--            style: {-->
+<!--              lineDash: [5, 5, 5],-->
+<!--              fill: '#ddd',-->
+<!--              stroke: '#ddd'-->
+<!--            },-->
+<!--            type: 'hvh'-->
+<!--          }-->
+<!--        ]-->
+<!--      }-->
+<!--    }-->
+<!--  },-->
+<!--  mounted() {-->
+<!--    this.getView()-->
+<!--  },-->
+<!--  methods: {-->
+<!--    getView() {-->
+<!--      const container = document.getElementById('mountNode')-->
+
+<!--      const width = container.scrollWidth-->
+<!--      const height = container.scrollHeight-->
+<!--      // const width = window.-->
+<!--      const graph = new G6.Graph({-->
+<!--        modes: {-->
+<!--          default: ['drag-canvas', 'zoom-canvas'] // 允许拖拽画布、放缩画布、拖拽节点-->
+<!--        },-->
+<!--        container: 'mountNode', // String | HTMLElement，必须，在 Step 1 中创建的容器 id 或容器本身-->
+<!--        fitView: true, // 是否将图适配到画布大小，可以防止超出画布或留白太多。-->
+<!--        width: width, // Number，必须，图的宽度-->
+<!--        height: height, // Number，必须，图的高度-->
+<!--        size: [100, 500]-->
+<!--      })-->
+<!--      G6.registerNode('diamond', {-->
+<!--          options: {-->
+<!--            style: {},-->
+<!--            stateStyles: {-->
+<!--              hover: {},-->
+<!--              selected: {}-->
+<!--            }-->
+<!--          },-->
+<!--          /**-->
+<!--           * 绘制节点，包含文本-->
+<!--           * @param  {Object} cfg 节点的配置项-->
+<!--           * @param  {G.Group} group 图形分组，节点中图形对象的容器-->
+<!--           * @return {G.Shape} 返回一个绘制的图形作为 keyShape，通过 node.get('keyShape') 可以获取。-->
+<!--           * 关于 keyShape 可参考文档 核心概念-节点/边/Combo-图形 Shape 与 keyShape-->
+<!--           */-->
+<!--          draw(cfg, group) {},-->
+<!--          /**-->
+<!--           * 绘制后的附加操作，默认没有任何操作-->
+<!--           * @param  {Object} cfg 节点的配置项-->
+<!--           * @param  {G.Group} group 图形分组，节点中图形对象的容器-->
+<!--           */-->
+<!--          afterDraw(cfg, group) {},-->
+<!--          /**-->
+<!--           * 更新节点，包含文本-->
+<!--           * @override-->
+<!--           * @param  {Object} cfg 节点的配置项-->
+<!--           * @param  {Node} node 节点-->
+<!--           */-->
+<!--          update(cfg, node) {},-->
+<!--          /**-->
+<!--           * 更新节点后的操作，一般同 afterDraw 配合使用-->
+<!--           * @override-->
+<!--           * @param  {Object} cfg 节点的配置项-->
+<!--           * @param  {Node} node 节点-->
+<!--           */-->
+<!--          afterUpdate(cfg, node) {},-->
+<!--          /**-->
+<!--           * 响应节点的状态变化。-->
+<!--           * 在需要使用动画来响应状态变化时需要被复写，其他样式的响应参见下文提及的 [配置状态样式] 文档-->
+<!--           * @param  {String} name 状态名称-->
+<!--           * @param  {Object} value 状态值-->
+<!--           * @param  {Node} node 节点-->
+<!--           */-->
+<!--          setState(name, value, node) {},-->
+<!--          /**-->
+<!--           * 获取锚点（相关边的连入点）-->
+<!--           * @param  {Object} cfg 节点的配置项-->
+<!--           * @return {Array|null} 锚点（相关边的连入点）的数组,如果为 null，则没有控制点-->
+<!--           */-->
+<!--          getAnchorPoints(cfg) {}-->
+<!--        },-->
+<!--        // 继承内置节点类型的名字，例如基类 'single-node'，或 'circle', 'rect' 等-->
+<!--        // 当不指定该参数则代表不继承任何内置节点类型-->
+<!--        'single-node', // 基于 single-node 为例进行扩展-->
+<!--      )-->
+<!--      // 动态设置节点样式-->
+<!--      // graph.node((node) => {-->
+<!--      //   console.log(node)-->
+<!--      //   return {-->
+<!--      //     id: node.id,-->
+<!--      //     type: 'rect',-->
+<!--      //     style: {-->
+<!--      //       fill: 'blue'-->
+<!--      //     }-->
+<!--      //   }-->
+<!--      // })-->
+<!--      graph.data(this.data) // 读取 Step 2 中的数据源到图上-->
+<!--      // 给节点下方展示额外的文字-->
+<!--      graph.on('afterrender', () => {-->
+<!--        graph.getNodes().forEach(node => {-->
+<!--          const { extraText, text1 } = node.getModel()-->
+<!--          const bbox = node.getBBox()-->
+<!--          const centerX = bbox.minX + bbox.width / 2-->
+<!--          const centerY = bbox.minY + bbox.height / 2-->
+<!--          const textGroup = graph.get('group').addGroup()-->
+<!--          const texta = textGroup.addShape('text', {-->
+<!--            attrs: {-->
+<!--              text: text1,-->
+<!--              x: centerX,-->
+<!--              y: centerY + 45,-->
+<!--              textAlign: 'center',-->
+<!--              textBaseline: 'middle',-->
+<!--              type: 'rect',-->
+<!--              fill: '#000',-->
+<!--              cursor: 'pointer',-->
+<!--              fontSize: 12-->
+<!--            }-->
+<!--          })-->
+<!--          textGroup.addShape('text', {-->
+<!--            attrs: {-->
+<!--              text: extraText,-->
+<!--              x: centerX,-->
+<!--              y: centerY + 25,-->
+<!--              textAlign: 'center',-->
+<!--              textBaseline: 'middle',-->
+<!--              fill: '#000',-->
+<!--              fontSize: 12-->
+<!--            }-->
+<!--          })-->
+<!--          // 添加边框-->
+<!--          const bbox1 = texta.getBBox()-->
+<!--          if (bbox1.height !== 0) {-->
+<!--            textGroup.addShape('rect', {-->
+<!--              attrs: {-->
+<!--                x: bbox1.x - 4,-->
+<!--                y: bbox1.y - 4,-->
+<!--                width: bbox1.width + 10,-->
+<!--                height: bbox1.height + 8,-->
+<!--                stroke: '#000',-->
+<!--                lineWidth: 2,-->
+<!--                cursor: 'pointer',-->
+<!--                radius: 7-->
+<!--              }-->
+<!--            })-->
+<!--          }-->
+<!--          // 指定文字的点击事件-->
+<!--          texta.on('click', () => {-->
+<!--            // 处理点击事件的逻辑-->
+<!--            console.log('Label clicked!')-->
+<!--          })-->
+<!--        })-->
+<!--      })-->
+<!--      graph.render() // 渲染图-->
+<!--    }-->
+<!--  }-->
+<!--}-->
+<!--</script>-->
+
+<!--<style>-->
+<!--#mountNode{-->
+<!--  width: 100%;-->
+<!--  height: 500px;-->
+<!--}-->
+<!--</style>-->
diff --git a/src/views/engine/ruleInfo/Version.vue b/src/views/engine/ruleInfo/Version.vue
new file mode 100644
index 0000000..e56f133
--- /dev/null
+++ b/src/views/engine/ruleInfo/Version.vue
@@ -0,0 +1,1125 @@
+<template>
+  <div style="padding: 30px" v-loading="loading">
+    <el-descriptions class="margin-top" :title="`${ruleData.ruleCode}规则版本`" :column="3" border
+                     style="font-size: 14px">
+      <template slot="extra">
+        <el-dropdown style="float:right;padding: 3px 0" v-hasPermi="['system:user:resetPwd', 'system:user:edit']"
+                     @command="(command) => handleCommand(command, ruleData)">
+          <el-button type="primary">更多操作 <i class="el-icon-caret-bottom"></i></el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item v-hasPermi="['engine:ruleVersion:add']" command="handleAdd"
+                              icon="el-icon-circle-plus">版本添加
+            </el-dropdown-item>
+            <el-dropdown-item v-hasPermi="['engine:ruleInfo:edit']" command="handleActivation"
+                              icon="el-icon-circle-check" v-if="ruleData.isActivation === 'N'">激活引擎
+            </el-dropdown-item>
+            <el-dropdown-item v-hasPermi="['engine:ruleInfo:edit']" command="handleForbidden"
+                              icon="el-icon-circle-close" v-if="ruleData.isActivation === 'Y'">禁用引擎
+            </el-dropdown-item>
+            <el-dropdown-item v-hasPermi="['engine:ruleInfo:edit']" command="handleRuleOpen"
+                              icon="el-icon-switch-button" v-if="ruleData.status==='1'">开启引擎
+            </el-dropdown-item>
+            <el-dropdown-item v-hasPermi="['engine:ruleInfo:edit']" command="handleRuleClose"
+                              icon="el-icon-circle-close" v-if="ruleData.status==='0'">关闭引擎
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </template>
+      <el-descriptions-item>
+        <template slot="label">
+          规则名称
+        </template>
+        {{ ruleData.ruleName }}
+      </el-descriptions-item>
+      <el-descriptions-item span="2">
+        <template slot="label">
+          <i class="el-icon-tickets"></i>
+          引擎编码
+        </template>
+        {{ ruleData.ruleCode }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-mobile-phone"></i>
+          规则类型
+        </template>
+        <dict-tag :options="dict.type.etl_rule_type" :value="ruleData.ruleTypeValue"/>
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-office-building"></i>
+          是否激活
+        </template>
+        <dict-tag :options="dict.type.etl_rule_status" :value="ruleData.isActivation"/>
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-office-building"></i>
+          规则状态
+        </template>
+        <dict-tag :options="dict.type.sys_normal_disable" :value="ruleData.status"/>
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-office-building"></i>
+          规则详情
+        </template>
+        <span v-html="ruleData.ruleExplain"/>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <el-card class="box-card" style="margin-top: 20px">
+      <div slot="header" class="clearfix">
+        <span>规则引擎版本</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="12" v-for="ruleVersion in ruleData.ruleVersionList" style="margin-bottom: 20px;">
+          <div class="grid-content bg-purple">
+            <el-card class="box-card">
+              <div slot="header" class="clearfix">
+                <span>{{ ruleVersion.ruleVersionName }}-{{ ruleVersion.ruleVersionCode }}</span>
+                <el-dropdown style="float:right"
+                             v-hasPermi="['system:user:resetPwd', 'system:user:edit']"
+                             @command="(command) => handleRuleVersionCommand(command, ruleVersion)">
+                  <el-button type="text">更多操作<i class="el-icon-arrow-down"></i></el-button>
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item v-hasPermi="['engine:ruleVersion:edit']" command="handleVersionDetails"
+                                      icon="el-icon-s-unfold">规则详情
+                    </el-dropdown-item>
+                    <el-dropdown-item v-hasPermi="['engine:ruleVersion:edit']" command="handleOpenTest"
+                                      icon="el-icon-position">测试规则
+                    </el-dropdown-item>
+                    <el-dropdown-item v-hasPermi="['engine:ruleVersion:edit']" command="handleVersionActivation"
+                                      icon="el-icon-switch-button" v-if="ruleVersion.ruleVersionIsActivation==='N'">激活规则
+                    </el-dropdown-item>
+                    <el-dropdown-item v-hasPermi="['engine:ruleVersion:edit']" command="handleVersionDisable"
+                                      icon="el-icon-switch-button" v-if="ruleVersion.ruleVersionIsActivation==='Y'">禁用规则
+                    </el-dropdown-item>
+                    <el-dropdown-item v-hasPermi="['engine:ruleVersion:edit']" command="handleVersionClass"
+                                      icon="el-icon-edit">编写规则类
+                    </el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </div>
+
+              <el-descriptions class="margin-top" :column="2" border style="font-size: 14px">
+                <el-descriptions-item span="2">
+                  <template slot="label">
+                    <i class="el-icon-user"></i>
+                    版本类
+                  </template>
+                  {{ ruleVersion.ruleVersionClass }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <i class="el-icon-mobile-phone"></i>
+                    版本名称
+                  </template>
+                  {{ ruleVersion.ruleVersionName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <i class="el-icon-location-outline"></i>
+                    版本CODE
+                  </template>
+                  {{ ruleVersion.ruleVersionCode }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <i class="el-icon-tickets"></i>
+                    是否激活
+                  </template>
+                  <dict-tag :options="dict.type.etl_rule_status" :value="ruleVersion.ruleVersionIsActivation"/>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <i class="el-icon-office-building"></i>
+                    版本状态
+                  </template>
+                  <dict-tag :options="dict.type.version_status" :value="ruleVersion.ruleVersionStatus"/>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <i class="el-icon-office-building"></i>
+                    是否测试
+                  </template>
+                  <dict-tag :options="dict.type.version_test" :value="ruleVersion.ruleVersionIsTest"/>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <i class="el-icon-office-building"></i>
+                    规则作用域
+                  </template>
+                  <dict-tag :options="dict.type.rule_version_scope" :value="ruleVersion.ruleVersionScope"/>
+                </el-descriptions-item>
+                <el-descriptions-item span="2">
+                  <template slot="label">
+                    <i class="el-icon-office-building"></i>
+                    版本描述
+                  </template>
+                  <span v-html="ruleVersion.ruleVersionDescribed"></span>
+                </el-descriptions-item>
+              </el-descriptions>
+            </el-card>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 添加或修改规则版本对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
+              <el-form-item label="版本名称" prop=ruleVersionName>
+                <el-input v-model="form.ruleVersionName" placeholder="请输入版本名称"/>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
+              <el-form-item label="版本CODE" prop="ruleVersionCode">
+                <el-input v-model="form.ruleVersionCode" placeholder="请输入版本CODE"/>
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
+              <el-form-item label="是否激活" prop="ruleVersionIsActivation">
+                <dict-tag :options="dict.type.etl_rule_status" :value="form.ruleVersionIsActivation"/>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
+              <el-form-item label="版本状态" prop="ruleVersionStatus">
+                <dict-tag :options="dict.type.version_status" :value="form.ruleVersionStatus"/>
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="grid-content bg-purple">
+              <el-form-item label="版本作用域" prop="ruleVersionScope">
+                <el-select v-model="form.ruleVersionScope" placeholder="请选择规则作用域" clearable>
+                  <el-option
+                    v-for="dict in dict.type.rule_version_scope"
+                    :key="dict.value"
+                    :label="`${dict.label} (${dict.raw.remark})`"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="grid-content bg-purple">
+              <el-form-item label="版本描述" prop="ruleVersionDescribed">
+                <editor v-model="form.ruleVersionDescribed" :min-height="192"/>
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="grid-content bg-purple">
+              <el-form-item label="备注" prop="remark">
+                <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20" v-if="this.form.addClass">
+          <el-col :span="24">
+            <div class="content">
+              <div class="code-edit">
+                <codemirror ref="codeMirror" v-model="form.classContent" :options="cmOptions"
+                            style="height:100%;width:97%;margin: 20px" :disabled="!cmOptions.readOnly"/>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm('form')">确 定</el-button>
+        <el-button type="primary" @click="generateVerSionClass('form')">生成引擎版本类</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-drawer
+      :title="drawer.title"
+      :visible.sync="drawer.open"
+      :direction="drawer.direction"
+      :before-close="handleClose" size="80%">
+      <div>
+        <el-descriptions class="margin-top" :column="2" border style="font-size: 16px;margin: 20px">
+          <el-descriptions-item span="2">
+            <template slot="label">
+              <i class="el-icon-user"></i>
+              版本类
+            </template>
+            {{ drawer.data.ruleVersionClass }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-mobile-phone"></i>
+              版本名称
+            </template>
+            {{ drawer.data.ruleVersionName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-location-outline"></i>
+              版本CODE
+            </template>
+            {{ drawer.data.ruleVersionCode }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-tickets"></i>
+              是否激活
+            </template>
+            <dict-tag :options="dict.type.etl_rule_status" :value="drawer.data.ruleVersionIsActivation"/>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-office-building"></i>
+              版本状态
+            </template>
+            <dict-tag :options="dict.type.version_status" :value="drawer.data.ruleVersionStatus"/>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-office-building"></i>
+              是否测试
+            </template>
+            <dict-tag :options="dict.type.version_test" :value="drawer.data.ruleVersionIsTest"/>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-office-building"></i>
+              规则作用域
+            </template>
+            <dict-tag :options="dict.type.rule_version_scope" :value="drawer.data.ruleVersionScope"/>
+          </el-descriptions-item>
+          <el-descriptions-item span="2">
+            <template slot="label">
+              <i class="el-icon-office-building"></i>
+              版本描述
+            </template>
+            <span v-html="drawer.data.ruleVersionDescribed"></span>
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>规则代码编辑</span>
+            <el-dropdown style="float:right"
+                         v-hasPermi="['system:user:resetPwd', 'system:user:edit']"
+                         @command="(command) => handleRuleVersionClassCommand(command,drawer.data)">
+              <el-button type="text">更多操作<i class="el-icon-arrow-down"></i></el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-hasPermi="['engine:ruleVersion:edit']" command="handleConserve"
+                                  icon="el-icon-s-claim">保存
+                </el-dropdown-item>
+                <el-dropdown-item v-hasPermi="['engine:ruleVersion:edit']" command="handleOpenTest"
+                                  icon="el-icon-position">测试
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="content">
+            <div class="code-edit">
+              <codemirror ref="codeMirror" v-model="drawer.data.classContent" :options="cmOptions"
+                          style="height:100%;width:97%;margin: 20px" :disabled="!cmOptions.readOnly"/>
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </el-drawer>
+
+    <!-- 添加或修改规则版本对话框 -->
+    <el-dialog :title="testData.title" :visible.sync="testData.open" width="80%" append-to-body v-loading="loading">
+      <el-container style="height: 500px" v-if="active===0">
+        <el-aside width="250px" title="数据库/表">
+          <el-tree :data="tableInfoList" :props="{label:'tableName', children:'children'}">
+            <span class="custom-tree-node" slot-scope="{ node, data }">
+              <span @click="getDataAnalysis(data)">{{ data.tableName }}</span>
+            </span>
+          </el-tree>
+        </el-aside>
+        <el-container>
+          <el-main>
+            <el-table
+              :data="dataAnalysis"
+              style="width: 100%"
+              :key="new Date().getTime()"
+              @selection-change="handleSelectionTestChange"
+            >
+              <el-table-column type="selection" width="55"></el-table-column>
+              <el-table-column label="名称" prop="columnName"></el-table-column>
+              <el-table-column label="注释" prop="columnRemark"></el-table-column>
+              <el-table-column label="是否主键" prop="isPrimary">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.isPrimary==='Y'">
+                    <el-tag type="success">{{ scope.row.isPrimary }}</el-tag>
+                  </span>
+                  <span v-if="scope.row.isPrimary==='N'">
+                    <el-tag type="danger">{{ scope.row.isPrimary }}</el-tag>
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column label="类型" prop="columnType"></el-table-column>
+              <el-table-column label="映射类型" prop="javaType"></el-table-column>
+              <el-table-column label="长度" prop="columnLength"></el-table-column>
+              <el-table-column label="小数位" prop="columnDecimals"></el-table-column>
+              <el-table-column label="是否为空" prop="isNull">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.isNull==='Y'">
+                    <el-tag type="success">{{ scope.row.isNull }}</el-tag>
+                  </span>
+                  <span v-if="scope.row.isNull==='N'">
+                    <el-tag type="danger">{{ scope.row.isNull }}</el-tag>
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column label="默认值" prop="defaultValue"></el-table-column>
+              <el-table-column label="是否字典" prop="isDictionary"></el-table-column>
+              <el-table-column label="映射字典" prop="dictionaryTable"></el-table-column>
+            </el-table>
+          </el-main>
+        </el-container>
+      </el-container>
+      <div v-if="active===1" style="height: 500px">
+        <el-card class="box-card"  >
+          <div slot="header" class="clearfix">
+            <span>测试数据</span>
+            <el-button type="primary" style="float: right; padding: 3px 0" @click="testDemo()" v-if="active === 1">
+              测试
+            </el-button>
+          </div>
+          <el-table
+            :data="dataStructureList"
+            height="400"
+            highlight-current-row
+            @current-change="handleCurrentChange"
+            ref="singleTable">
+          <span v-for="data in dataLabel">
+            <el-table-column
+              :prop="data.key"
+              :label="data.label"
+            >
+          </el-table-column>
+          </span>
+          </el-table>
+        </el-card>
+        <el-divider v-if="afterShow">转换后的数据</el-divider>
+        <el-card class="box-card"  v-if="afterShow">
+          <el-table
+            :data="afterData"
+            style="width: 100%"
+            highlight-current-row
+          >
+          <span v-for="data in afterLabel">
+            <el-table-column
+              :prop="data.key"
+              :label="data.label"
+            >
+          </el-table-column>
+          </span>
+          </el-table>
+        </el-card>
+      </div>
+
+
+      <div slot="footer" class="dialog-footer">
+        <el-button style="margin-top: 12px;" @click="nextDataTest" v-if="active === 0">下一步</el-button>
+        <el-button style="margin-top: 12px;" @click="active--;testData.title = '测试页面'" v-if="active === 1">上一步
+        </el-button>
+        <el-button @click="cancelTestData">取 消</el-button>
+      </div>
+    </el-dialog>
+
+
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+
+import {getRuleInfo, updateRuleInfo} from "@/api/engine/ruleInfo";
+import {
+  listRuleVersion,
+  getRuleVersion,
+  delRuleVersion,
+  addRuleVersion,
+  updateRuleVersion, writeFile, readFile, getTableInfoList, getDataAnalysis, getEtlTableData, lineFile, isClassExist
+} from "@/api/engine/ruleVersion";
+
+// cm-setting.js
+// 组件样式
+import {codemirror} from 'vue-codemirror'
+import 'codemirror/mode/clike/clike'
+// cm-setting.js
+// 组件样式
+import 'codemirror/lib/codemirror.css'
+// 主题
+import 'codemirror/theme/eclipse.css'
+import 'codemirror/theme/monokai.css'
+import 'codemirror/theme/idea.css'
+
+// html代码高亮
+import 'codemirror/mode/htmlmixed/htmlmixed.js'
+
+// 语言模式
+import 'codemirror/mode/javascript/javascript.js'
+import 'codemirror/mode/css/css.js'
+import 'codemirror/mode/xml/xml.js'
+// 代码展开折叠
+import 'codemirror/addon/fold/foldcode.js'
+import 'codemirror/addon/fold/foldgutter.js'
+import 'codemirror/addon/fold/foldgutter.css'
+import 'codemirror/addon/fold/brace-fold.js'
+import {Base64} from "js-base64";
+
+
+export default {
+  name: "ruleVersion",
+  dicts: ['etl_rule_type', 'etl_rule_status', 'version_status', 'sys_normal_disable', 'version_test', 'rule_version_scope'],
+  //import引入的组件需要注入到对象中才能使用"
+  // 注册使用
+  components: {
+    codemirror,
+  },
+  props: {},
+  data() {
+    //这里存放数据"
+    return {
+      testDataRow: [],
+      testData: {
+        open: false,
+        loading: true,
+        data: {
+          rows: []
+        }
+      },
+      //测试类数据
+      testDataDemo: {
+        data: []
+      },
+      //测试数据
+      dataLabel: [],
+      dataStructureList: [],
+      active: 0,
+      dataAnalysis: [],
+      testIds: [],
+      codemirror: null,
+      code: '// Your Java code here',
+      cmOptions: {
+        autoRefresh: true, // 重点是这句，为true
+        value: '', // 初始内容
+        mode: 'text/x-java', //实现Java代码高亮
+        tabSize: 4, // tab的空格宽度
+        styleActiveLine: true, // 设置光标所在行高亮true/false
+        lineNumbers: true, //显示行号
+        theme: 'monokai', //设置主题cobalt/monokai
+        // json: true,
+        readOnly: false, // 设置为只读true/false;也可设置为"nocursor"失去焦点
+        lineWrapping: false,
+        foldGutter: true,
+        extraKeys: {
+          // 触发提示按键
+          Ctrl: 'autocomplete',
+        },
+        hintOptions: {
+          // 自定义提示选项
+          completeSingle: false, // 当匹配只有一项的时候是否自动补全
+          tables: {
+            users: ['name', 'score', 'birthDate'],
+            countries: ['name', 'population', 'size']
+          }, // 代码提示
+        },
+        gutters: [
+          'CodeMirror-lint-markers', //代码错误检测
+          'CodeMirror-linenumbers',
+          'CodeMirror-foldgutter', //展开折叠
+        ],
+      },
+      //表二级联动
+      tableInfoList: [],
+      tableIds: [],
+      ruleData: {},
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 规则版本表格数据
+      ruleVersionList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ruleVersionName: null,
+        ruleVersionCode: null,
+        ruleVersionIsActivation: null,
+        ruleVersionIsTest: null,
+        ruleVersionStatus: null,
+        ruleVersionScope: null
+      },
+      afterData:[],
+      afterLabel:[],
+      afterShow: false,
+      //抽屉
+      drawer: {
+        open: false,
+        direction: 'rtl',
+        data: {},
+        classContent: ''
+      },
+      tableTest: false,
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        ruleVersionName: [
+          {required: true, message: '请输入版本名称', trigger: 'blur'},
+        ],
+        ruleVersionCode: [
+          {required: true, message: '请输入版本CODE', trigger: 'blur'},
+        ],
+        ruleVersionScope: [
+          {required: true, message: '请选择版本作用域', trigger: 'change'}
+        ],
+      },
+    };
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.getRuleData()
+  },
+  methods: {
+    isClassExist(val){
+      let flag = false
+      isClassExist(val).then(
+        res=>{
+          if (res.data){
+            this.$message.error("该类已存在，请更改版本CODE")
+            flag = true
+          }
+        }
+      )
+      return flag
+    },
+    setCurrentRow(val) {
+      this.$refs.singleTable.setCurrentRow(val);
+    },
+    handleCurrentChange(val) {
+      console.log(val)
+      this.setCurrentRow(val)
+    },
+    nextDataTest() {
+      this.afterShow = false
+      this.loading = true
+      this.testData.data.rows = this.testIds
+
+      console.log(this.tableData)
+      this.testData.data['columnName'] = this.getDatabaseName(this.testData.data.basicId);
+      console.log(this.testData.data)
+      getEtlTableData(this.testData.data).then(
+        res => {
+          let dataList = res.data;
+          let conListArr = this.conList(dataList);
+          this.dataLabel = conListArr.dataLabel
+          this.dataStructureList = conListArr.dataStructureList
+          this.testDataDemo.data = dataList
+          console.log(this.dataStructureList)
+          this.loading = false
+          this.active++;
+          this.testData.title = '选择数据'
+        }
+      )
+    },
+    //转换后赋值
+    conAfterDataMethod(dataList){
+      let conListArr = this.conList(dataList);
+      this.afterData = conListArr.dataStructureList
+      this.dataLabel = conListArr.dataLabel
+      console.log(conListArr)
+      this.loading = false
+    },
+    conList(dataList) {
+      let dataStructureList = []
+      let dataLabel = []
+      for (let dataI in dataList) {
+        let dataSource = {}
+        for (let i in dataList[dataI]) {
+          if (dataI == 0) {
+            dataLabel.push({label: dataList[dataI][i].label, key: dataList[dataI][i].key})
+          }
+          dataSource[dataList[dataI][i].key] = dataList[dataI][i].value
+        }
+        dataStructureList.push(dataSource)
+      }
+      return {dataLabel: dataLabel, dataStructureList: dataStructureList}
+    },
+    testDemo() {
+      this.loading = true
+      console.log(this.testDataDemo)
+      console.log(this.testDataDemo.data)
+      lineFile(this.testDataDemo).then(res => {
+        console.log(res.data)
+        this.afterShow = true
+        this.conAfterDataMethod(res.data)
+      })
+    },
+    handleSelectionTestChange(val) {
+      if (val !== null && val.length !== 0) {
+        this.testIds = val
+        console.log(val)
+      }
+    },
+    cancelTestData() {
+      this.testData = {
+        open: false,
+        loading: true,
+      }
+      this.dataAnalysis = []
+    },
+    getDataAnalysis(row) {
+      this.loading = true
+      this.testData.data = row
+
+      console.log(this.testData.data)
+      getDataAnalysis(row.id).then(
+        res => {
+          this.dataAnalysis = res.data
+          this.loading = false
+        }
+      )
+    },
+    getDatabaseName(id){
+      let tableInfoList = this.tableInfoList;
+      let databaseName = '';
+      for (let i in tableInfoList) {
+        if (tableInfoList[i].basicId == id){
+          databaseName = tableInfoList[i].tableName
+          break
+        }
+      }
+      if (databaseName==''){
+        this.$message.error("没有这个库")
+      }
+      return databaseName;
+    },
+    getTableInfoRespList() {
+      getTableInfoList().then(res => {
+        this.tableInfoList = res.data
+        this.tableTest = true
+        this.testData.loading = false
+        this.loading = false
+      })
+    },
+    generateVerSionClass() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.authClass()
+        }
+      })
+    },
+    authClass() {
+      let extendsClass = '';
+      switch (this.form.ruleVersionScope) {
+        case '1':
+          extendsClass = 'DataEngineValueActuator';
+          break
+        case '2':
+          extendsClass = 'DataEngineRowActuator';
+          break
+        case '3':
+          extendsClass = 'DataEngineRowsActuator';
+          break
+        default:
+          this.$message.error("规则作用域类型错误---！！！")
+          return
+      }
+      console.log(1)
+      let ClassName = "ENGINE_" + this.ruleData.ruleCode + "_" + this.form.ruleVersionCode;
+      let b = this.isClassExist(ClassName);
+      if (b){
+        return;
+      }
+      this.form.addClass = true;
+      this.form['classContent'] = 'package com.muyu.etl.rule;\n' +
+        '\n' +
+        'import com.muyu.domain.DataStructure;\n' +
+        'import com.muyu.etl.rule.basic.abstracts.' + extendsClass + ';\n' +
+        '\n' +
+        '/**\n' +
+        ' * @Author WangXin\n' +
+        ' * @Data ' + new Date() + '\n' +
+        ' * @Description ' + this.form.ruleVersionDescribed + '\n' +
+        ' * @Version 1.0.0\n' +
+        ' */\n' +
+        'public class ' + ClassName + ' extends ' + extendsClass + ' {\n' +
+        '    \n' +
+        '    \n' +
+        '    @Override\n' +
+        '    public void run() {\n' +
+        '\n' +
+        '    }\n' +
+        '}'
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          this.loading = true
+          done();
+          this.tableTest = false
+          this.loading = false
+        })
+        .catch(_ => {
+        });
+    },
+    //规则激活
+    handleActivation(id, isActivation) {
+      updateRuleInfo({id, isActivation}).then(res => {
+        if (res.code === 200) {
+          this.$message.success('激活成功')
+          this.resetQuery()
+        }
+      })
+    },
+    //规则禁用
+    handleForbidden(id, isActivation) {
+      this.$confirm('确认禁用？')
+        .then(_ => {
+          updateRuleInfo({id, isActivation}).then(res => {
+            if (res.code === 200) {
+              this.$message.success('禁用成功')
+              this.resetQuery()
+            }
+          })
+        })
+        .catch(_ => {
+        });
+    },
+    //规则开启
+    handleRuleOpen(id, status) {
+      updateRuleInfo({id, status}).then(res => {
+        if (res.code === 200) {
+          this.$message.success('规则开启')
+          this.resetQuery()
+        }
+      })
+    },
+    //规则关闭
+    handleRuleClose(id, status) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          updateRuleInfo({id, status}).then(res => {
+            if (res.code === 200) {
+              this.$message.success('规则关闭')
+              this.resetQuery()
+            }
+          })
+        })
+        .catch(_ => {
+        });
+    },
+    //规则操作
+    handleCommand(command, row) {
+      switch (command) {
+        case 'handleAdd':
+          this.handleAdd();
+          break
+        case 'handleActivation':
+          this.handleActivation(row.id, 'Y');
+          break
+        case 'handleForbidden':
+          this.handleForbidden(row.id, 'N');
+          break
+        case 'handleRuleOpen':
+          this.handleRuleOpen(row.id, 0);
+          break
+        case 'handleRuleClose':
+          this.handleRuleClose(row.id, 1);
+          break
+        default:
+          break;
+      }
+    },
+    //规则操作
+    handleRuleVersionCommand(command, row) {
+      switch (command) {
+        case 'handleVersionDetails':
+          this.handleVersionDetails(row.id);
+          break
+        case 'handleOpenTest':
+          this.handleOpenTest(row);
+          break
+        case 'handleVersionActivation':
+          this.handleVersionActivation(row.id, 'Y');
+          break
+        case 'handleVersionDisable':
+          this.handleVersionDisable(row.id, 'N');
+          break
+        case 'handleVersionClass':
+          this.handleVersionClass(row.id);
+          break
+        default:
+          break;
+      }
+    },
+    //规则操作
+    handleRuleVersionClassCommand(command, row) {
+      switch (command) {
+        case 'handleOpenTest':
+          this.handleOpenTest(row.id);
+          break
+        case 'handleConserve':
+          this.handleConserve(row);
+          break
+        default:
+          break;
+      }
+    },
+    handleConserve(row) {
+      writeFile({fileName: row.ruleVersionClass, content: Base64.encode(row.classContent)}).then(
+        res => {
+          if (res.code === 200) {
+            this.$message.success("保存成功")
+            this.closeRuleVersion();
+          }
+        }
+      )
+    },
+    closeRuleVersion() {
+      this.drawer = {
+        open: false,
+        direction: 'rtl',
+        data: {},
+        classContent: ''
+      }
+    },
+    handleVersionDetails(id) {
+      this.loading = true
+      getRuleVersion(id).then(response => {
+        readFile(response.data.ruleVersionClass).then(
+          res => {
+            this.drawer = {
+              open: true,
+              direction: 'rtl',
+              data: response.data,
+              title: '规则版本详情'
+            }
+            this.drawer.data.classContent = res.data
+            this.cmOptions.readOnly = true
+            this.loading = false
+          }
+        )
+      })
+    },
+    handleOpenTest(row) {
+      this.loading = true
+      getRuleVersion(row.id).then(response => {
+        readFile(response.data.ruleVersionClass).then(
+          res => {
+            this.testData = {
+              open: true,
+              data: response.data,
+              title: '测试页面'
+            }
+            this.testDataDemo = row
+            this.drawer.data.classContent = res.data
+            this.cmOptions.readOnly = true
+            this.getTableInfoRespList()
+          }
+        )
+      })
+    },
+    handleVersionActivation(id, ruleVersionIsActivation) {
+      this.loading = true
+      updateRuleVersion({id, ruleVersionIsActivation}).then(response => {
+        this.$modal.msgSuccess("激活成功");
+        this.getRuleData();
+      });
+    },
+    handleVersionDisable(id, ruleVersionIsActivation) {
+      this.loading = true
+      updateRuleVersion({id, ruleVersionIsActivation}).then(response => {
+        this.$modal.msgSuccess("禁用成功");
+        this.getRuleData();
+      });
+    },
+    handleVersionClass(id) {
+      this.loading = true
+      getRuleVersion(id).then(response => {
+        readFile(response.data.ruleVersionClass).then(
+          res => {
+            this.drawer = {
+              open: true,
+              direction: 'rtl',
+              data: response.data,
+              title: '规则版本编辑'
+            }
+            this.drawer.data.classContent = res.data
+            this.cmOptions.readOnly = false
+            this.loading = false
+          }
+        )
+      })
+    },
+    getRuleData() {
+      const ruleId = this.$route.params && this.$route.params.ruleId
+      if (ruleId) {
+        // 获取表详细信息
+        getRuleInfo(ruleId).then(res => {
+          this.ruleData = res.data
+          this.loading = false
+        })
+      } else {
+        this.$message.error("系统内部错误")
+      }
+    },
+    /** 查询规则版本列表 */
+    getList() {
+      this.loading = true;
+      listRuleVersion(this.queryParams).then(response => {
+        this.ruleVersionList = response.data.rows;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        ruleVersionClass: null,
+        ruleVersionName: null,
+        ruleVersionCode: null,
+        ruleVersionIsActivation: 'N',
+        ruleVersionIsTest: null,
+        ruleVersionStatus: 0,
+        ruleVersionDescribed: null,
+        ruleId: this.$route.params && this.$route.params.ruleId,
+        remark: null,
+        classContent: '',
+        addClass: false
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getRuleData();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加规则版本";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getRuleVersion(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改规则版本";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.loading = true
+          if (this.form.id != null) {
+            updateRuleVersion(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getRuleData();
+            });
+          } else {
+            if (this.form.ruleVersionClass === undefined || this.form.ruleVersionClass === null || this.form.ruleVersionClass === '') {
+              this.form.ruleVersionClass = "ENGINE_" + this.ruleData.ruleCode + "_" + this.form.ruleVersionCode;
+            }
+            if (this.isClassExist(this.form.ruleVersionClass)){
+              return;
+            }
+            if (this.form.classContent === undefined || this.form.classContent === null || this.form.classContent === '') {
+              this.$message.warning("请输入类的内容")
+              return
+            }
+            this.form.classContent = Base64.encode(this.form.classContent)
+            addRuleVersion(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.getRuleData();
+              this.open = false;
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除规则版本编号为"' + ids + '"的数据项？').then(function () {
+        return delRuleVersion(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('engine/ruleVersion/export', {
+        ...this.queryParams
+      }, `ruleVersion_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
+
diff --git a/src/views/engine/ruleInfo/index.vue b/src/views/engine/ruleInfo/index.vue
new file mode 100644
index 0000000..03cb644
--- /dev/null
+++ b/src/views/engine/ruleInfo/index.vue
@@ -0,0 +1,346 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="规则名称" prop="ruleName">
+        <el-input
+          v-model="queryParams.ruleName"
+          placeholder="请输入规则名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['engine:ruleInfo:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['engine:ruleInfo:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          @click="handleTest"
+        >测试拓扑</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['engine:ruleInfo:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="ruleInfoList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="主键" align="center" prop="id" />
+      <el-table-column label="规则名称" align="center" prop="ruleName" />
+      <el-table-column label="规则编码" align="center" prop="ruleCode" />
+      <el-table-column label="规则分类" align="center" prop="ruleTypeValue">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_common_status" :value="scope.row.ruleTypeValue"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="规则级别" align="center" prop="ruleLevelId" />
+      <el-table-column label="是否激活" align="center" prop="isActivation">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_common_status" :value="scope.row.isActivation"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="规则状态" align="center" prop="status" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-s-tools"
+              @click="openRuleTools(scope.row)"
+              v-hasPermi="['engine:ruleTools:edit']"
+          >规则维护</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['engine:ruleInfo:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['engine:ruleInfo:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改规则维护对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="grid-content bg-purple">
+              <el-form-item label="规则名称" prop="ruleName">
+                <el-input v-model="form.ruleName" placeholder="请输入规则名称" />
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
+              <el-form-item label="规则编码" prop="ruleCode">
+                <el-input v-model="form.ruleCode" placeholder="请输入规则编码" />
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
+              <el-form-item label="规则分类" prop="ruleTypeValue">
+                <el-select v-model="form.ruleTypeValue" placeholder="请选择规则分类">
+                  <el-option
+                      v-for="dict in dict.type.sys_common_status"
+                      :key="dict.value"
+                      :label="dict.label"
+                      :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
+              <el-form-item label="是否激活" prop="isActivation">
+                <el-radio-group v-model="form.isActivation">
+                  <el-radio
+                      v-for="dict in dict.type.sys_common_status"
+                      :key="dict.value"
+                      :label="dict.value"
+                  >{{dict.label}}</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="规则状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio
+                    v-for="dict in dict.type.sys_normal_disable"
+                    :key="dict.value"
+                    :label="dict.value"
+                >{{dict.label}}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+        <el-form-item label="规则说明">
+          <editor v-model="form.ruleExplain" :min-height="192"/>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input type="textarea" v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listRuleInfo, getRuleInfo, delRuleInfo, addRuleInfo, updateRuleInfo } from "/src/api/engine/ruleInfo";
+
+export default {
+  name: "RuleInfo",
+  dicts: ['etl_rule_type', 'etl_rule_status','sys_normal_disable'],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 规则维护表格数据
+      ruleInfoList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ruleName: null,
+        ruleTypeValue: null,
+        isActivation: null,
+        status: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    handleTest(){
+      this.$tab.openPage('测试拓扑图', '/engine/rule-test/index/')
+    },
+    openRuleTools(row){
+      this.$tab.openPage('[' + row.ruleName + ']规则版本', '/engine/rule-version/index/' + row.id, row.ruleId)
+    },
+    /** 查询规则维护列表 */
+    getList() {
+      this.loading = true;
+      listRuleInfo(this.queryParams).then(response => {
+        this.ruleInfoList = response.data.rows;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        ruleName: null,
+        ruleCode: null,
+        ruleTypeValue: null,
+        ruleLevelId: null,
+        isActivation: 'N',
+        status: '1',
+        ruleExplain: null,
+        remark: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加规则维护";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getRuleInfo(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改规则维护";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateRuleInfo(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addRuleInfo(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除规则维护编号为"' + ids + '"的数据项？').then(function() {
+        return delRuleInfo(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('engine/ruleInfo/export', {
+        ...this.queryParams
+      }, `ruleInfo_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
diff --git a/src/views/engine/ruleVersion.js b/src/views/engine/ruleVersion.js
new file mode 100644
index 0000000..3abdd8f
--- /dev/null
+++ b/src/views/engine/ruleVersion.js
@@ -0,0 +1,123 @@
+import request from '@/utils/request'
+
+// 查询规则版本列表
+export function listRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion/list',
+    method: 'post',
+    params: {pageNum: data.pageNum, pageSize: data.pageSize},
+    data
+  })
+}
+
+// 查询规则版本详细
+export function getRuleVersion(id) {
+  return request({
+    url: '/engine/ruleVersion/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则版本
+export function addRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则版本
+export function updateRuleVersion(data) {
+  return request({
+    url: '/engine/ruleVersion',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则版本
+export function delRuleVersion(id) {
+  return request({
+    url: '/engine/ruleVersion/' + id,
+    method: 'delete'
+  })
+}
+
+//存储代码
+export function writeFile(data) {
+  return request({
+    url: '/engine/ruleVersion/writeFile',
+    method: 'post',
+    data
+  })
+}
+
+//查询代码
+export function readFile(fileName) {
+  return request({
+    url: `/engine/ruleVersion/readFile/${fileName}`,
+    method: 'post'
+  })
+}
+
+//库表二级联动
+export function getTableInfoList() {
+  return request({
+    url: '/engine/ruleVersion/dataSource/tableInfo',
+    method: 'get',
+  })
+}
+
+//库表二级联动
+export function getDataAnalysis(id) {
+  return request({
+    url: `/engine/ruleVersion/dataSource/table/${id}`,
+    method: 'get',
+  })
+}
+
+//获取KTLV数据
+export function getEtlTableData(data) {
+  return request({
+    url: `/engine/ruleVersion/getEtlTableData`,
+    method: 'post',
+    data
+  })
+}
+
+//测试值
+export function execution(data) {
+  return request({
+    url: `/engine/ruleVersion/execution/${data.engineKey}`,
+    method: 'post',
+    data
+  })
+}
+
+//测试行
+export function lineFile(data) {
+  return request({
+    url: `/engine/ruleVersion/lineFile/${data.ruleVersionClass}`,
+    method: 'post',
+    data: data.data
+  })
+}
+
+//测试组
+export function groupFile(data) {
+  return request({
+    url: `/engine/ruleVersion/groupFile/${data.ruleVersionClass}`,
+    method: 'post',
+    data: data.data
+  })
+}
+//判断类是否已存在
+export function isClassExist(val) {
+  return request({
+    url: `/engine/ruleVersion/isClassExist/${val}`,
+    method: 'get',
+  })
+}
+
+
diff --git a/src/views/quest/node/components/node/type/exporFind.vue b/src/views/quest/node/components/node/type/exporFind.vue
index a679c2b..36846a7 100644
--- a/src/views/quest/node/components/node/type/exporFind.vue
+++ b/src/views/quest/node/components/node/type/exporFind.vue
@@ -1,33 +1,31 @@
 <template>
   <div>
-    <el-form label-position="right" label-width="60px">
-      <el-form-item label="输入表">
+      <el-form label-position="right" label-width="60px">
+        <el-form-item label="输入表">
           <span v-for="db in formDb">
-            <el-input v-model="db.dbTable" placeholder="无输入表" style="width: 60%;" disabled/>
+            <el-input v-model="db.dbTable" placeholder="无输入表" style="width: 60%;" disabled />
           </span>
-      </el-form-item>
-      <el-form-item label="输出表">
-        <el-input v-model="toDb.dbTable" placeholder="无输出表" style="width: 60%;" disabled/>
-      </el-form-item>
-    </el-form>
+        </el-form-item>
+        <el-form-item label="输出表">
+          <el-input v-model="toDb.dbTable" placeholder="无输出表" style="width: 60%;" disabled />
+        </el-form-item>
+      </el-form>
     <div>
       <el-button icon="el-icon-refresh-right" type="text" @click="init">刷新</el-button>
       <el-button icon="el-icon-setting" type="text" @click="checkFields">更改</el-button>
     </div>
     <div align="center">
-      <el-table ref="table" :data="formFields" height="450px">
-        <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName"/>
-        <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="fieldComment"/>
-        <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="fieldType"/>
-        <el-table-column :show-overflow-tooltip="true" label="字段所属表" prop="tableName"/>
-        <el-table-column :show-overflow-tooltip="true" label="输出字段">
+        <el-table ref="table" :data="formFields" height="450px">
+          <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName" />
+          <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="fieldComment" />
+          <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="fieldType" />
+          <el-table-column :show-overflow-tooltip="true" label="字段所属表" prop="tableName" />
+          <el-table-column :show-overflow-tooltip="true" label="输出字段">
             <span slot-scope="scope" v-if="fieldsList && fieldsList.get(scope.row.fieldName)">
-              {{
-                fieldsList.get(scope.row.fieldName).fieldName + '(' + fieldsList.get(scope.row.fieldName).fieldComment + ')'
-              }}
+              {{ fieldsList.get(scope.row.fieldName).fieldName+ '(' + fieldsList.get(scope.row.fieldName).fieldComment + ')' }}
             </span>
-        </el-table-column>
-      </el-table>
+          </el-table-column>
+        </el-table>
     </div>
     <div align="center">
       <el-button @click="disp.findFlag = false">返回</el-button>
@@ -47,22 +45,22 @@
               v-model="queryParams.tableName"
               clearable
               @change="handleQuery"
-              placeholder="请输入表名称"/>
+              placeholder="请输入表名称" />
           </el-form-item>
           <el-form-item label="表描述" prop="tableComment">
             <el-input
               v-model="queryParams.tableComment"
               clearable
               @change="handleQuery"
-              placeholder="请输入表描述"/>
+              placeholder="请输入表描述" />
           </el-form-item>
           <el-form-item>
             <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">查找</el-button>
           </el-form-item>
         </el-form>
         <el-table ref="table" :data="tableOptions" height="300px">
-          <el-table-column :show-overflow-tooltip="true" label="表名称" prop="tableName"/>
-          <el-table-column :show-overflow-tooltip="true" label="表描述" prop="tableComment"/>
+          <el-table-column :show-overflow-tooltip="true" label="表名称" prop="tableName" />
+          <el-table-column :show-overflow-tooltip="true" label="表描述" prop="tableComment" />
           <el-table-column label="操作" width="50px">
             <template slot-scope="scope">
               <el-button type="text" @click="selectTable(scope.row)">选择</el-button>
@@ -72,10 +70,10 @@
         <el-divider content-position="left">选择字段 v</el-divider>
         <el-table ref="table" :data="fieldsOptions" height="280px"
                   @row-click="clickRow" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55"/>
-          <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="columnName"/>
-          <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="columnComment"/>
-          <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="columnType"/>
+          <el-table-column type="selection" width="55" />
+          <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="columnName" />
+          <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="columnComment" />
+          <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="columnType" />
         </el-table>
         <br><br>
         <div align="center">
@@ -87,15 +85,24 @@
     <el-dialog title="选择字段" :visible.sync="checkFieldsMapFlag" width="60%" :modal="false">
       <div style="padding-left: 10px;padding-right: 10px;">
         <el-table ref="table" :data="formFields" height="500px">
-          <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName"/>
-          <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="fieldComment"/>
-          <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="fieldType"/>
-          <el-table-column :show-overflow-tooltip="true" label="字段所属表" prop="tableName"/>
+          <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="fieldName" />
+          <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="fieldComment" />
+          <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="fieldType" />
+          <el-table-column :show-overflow-tooltip="true" label="字段所属表" prop="tableName" />
+          <el-table-column :show-overflow-tooltip="true" label="清洗规则" prop="ruleId">
+            <template slot-scope="scope">
+                <el-cascader :options="ruleOptions.filter(item => item.ruleVersionType === 'field')" :props="props" @change="checkRules" style="width: 60%;">
+                  <template slot-scope="{ node, data }">
+                    <span>{{ data.ruleVersionName }}</span>
+                    <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+                  </template>
+                </el-cascader>
+            </template>
+          </el-table-column>
           <el-table-column :show-overflow-tooltip="true" label="目标字段">
             <template slot-scope="scope">
               <el-select v-model="scope.row.toFidlesName" placeholder="请选择字段">
-                <el-option v-for="field in toFields" :label="field.fieldName+'('+field.fieldComment+')'"
-                           :value="field.fieldName"/>
+                <el-option v-for="field in toFields" :label="field.fieldName+'('+field.fieldComment+')'" :value="field.fieldName"/>
               </el-select>
             </template>
           </el-table-column>
@@ -109,12 +116,12 @@
   </div>
 </template>
 
-
 <script>
 // 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 // 例如：import 《组件名称》 from '《组件路径》,
 import {batchAddUpd, listDisposition} from "../../../../../../api/quest/disposition";
 import {listDbTableAll, selDbNameAll, selectDbTableColumnsByName} from "../../../../../../api/tool/gen";
+import {listRuleInfo} from "../../../../../../api/engine/ruleInfo";
 
 export default {
   // import引入的组件需要注入到对象中才能使用"
@@ -143,6 +150,8 @@ export default {
       fieldsList: new Map(),
       checkFieldsFlag: false,
       checkFieldsMapFlag: false,
+      // 规则列表
+      ruleOptions: [],
       // 数据库列表
       dbNameOptions: [],
       // 展示数据表列表
@@ -151,7 +160,13 @@ export default {
       fieldsOptions: [],
       // 所有数据库列表
       tableList: [],
-      queryParams: {}
+      queryParams: {},
+      // 级联选择器配置
+      props: {
+        label: 'ruleVersionName',
+        value: 'ruleVersionCode',
+        children: 'ruleVersionList'
+      }
     }
   },
   // 计算属性 类似于data概念",
@@ -170,7 +185,7 @@ export default {
       // 查询上级的所有节点
       /** 1.查询该节点的上一级节点*/
       this.data.lineList.forEach(line => {
-        if (line.to === this.node.id) {
+        if (line.to === this.node.id){
           listDisposition({nodeCode: line.from}).then(res => {
             const data = this.getVueDisp(res.data.rows)
             this.formDb = data.db
@@ -190,28 +205,75 @@ export default {
     checkFields() {
       this.selDbNameList()
       this.getListAll()
+      this.selRules()
       this.checkFieldsFlag = true
+    },
+    // 查询规则列表
+    selRules() {
+      // 查询所有规则
+      // listRuleInfo({pageNum: 1, pageSize: 100}).then(response => {
+      //   response.data.rows.forEach(item => {
+      //     if(item.ruleVersionList){
+      //       item.ruleVersionList.forEach(rule => this.ruleOptions.push(rule))
+      //     }
+      //   });
+      //   console.log(this.ruleOptions)
+      // });
+      this.ruleOptions = [{
+        ruleVersionName: "非法字符管理",
+        ruleVersionClass: "CHAR_MANAGE",
+        ruleVersionCode: "对非法字符进行过滤和筛选",
+        ruleVersionType: "row",
+        ruleVersionList: [
+          {
+            ruleVersionClass: "BLANK_SPACE_REMOVE",
+            ruleVersionName: "空格清除",
+            ruleVersionDescribed: "将空格清除",
+            ruleVersionType: "row"
+          },{
+            ruleVersionClass: "SINGLE_QUOTATION_MARKS_REMOVE",
+            ruleVersionName: "单引号清除",
+            ruleVersionDescribed: "将单引号清除",
+            ruleVersionType: "row"
+          },{
+            ruleVersionClass: "ANTIRADICAL_REMOVE",
+            ruleVersionName: "反根号清除",
+            ruleVersionDescribed: "将反根号清除",
+            ruleVersionType: "row"
+          }
+        ]
+      },
+        {
+          ruleVersionName: "唯一规则",
+          ruleVersionClass: "UNIQUE_RULE",
+          ruleVersionCode: "字段唯一性过滤",
+          ruleVersionType: "fidle",
+          ruleVersionList: []
+        }]
+    },
+    checkRules() {
+
     },
     // 保存目标数据库
     save() {
-      console.log('formDb', this.formDb)
-      console.log('toDb', this.toDb)
-      console.log('formFields', this.formFields)
-      console.log('toFields', this.toFields)
-      console.log('fieldsList', this.fieldsList)
+      console.log('formDb',this.formDb)
+      console.log('toDb',this.toDb)
+      console.log('formFields',this.formFields)
+      console.log('toFields',this.toFields)
+      console.log('fieldsList',this.fieldsList)
       // 处理输入字段与输出字段
       const field = this.formFields
       let map = field.map(item => [item.fieldName, item.toFidlesName]);
       this.fieldsList = new Map()
       map.forEach(item => {
         this.toFields.forEach(toField => {
-          if (toField.fieldName === item[1]) {
+          if (toField.fieldName === item[1]){
             this.fieldsList.set(item[0], toField)
           }
         })
       })
       // 格式转换
-      let mysqlDisp = this.getMysqlDisp(this.toDb, this.fieldsList);
+      let mysqlDisp = this.getMysqlDisp(this.toDb,this.fieldsList);
       // 保存数据库
       batchAddUpd(mysqlDisp, this.disp.nodeCode).then(res => {
         this.$message.success(res.msg)
@@ -227,7 +289,7 @@ export default {
         const params = this.queryParams
         if ((table.dbName === params.dbName || !params.dbName) &&
           (table.tableName.includes(params.tableName) || !params.tableName) &&
-          (table.tableComment.includes(params.tableComment) || !params.tableComment)) {
+          (table.tableComment.includes(params.tableComment) || !params.tableComment)){
           this.tableOptions.push(table)
         }
       })
@@ -239,7 +301,7 @@ export default {
         dbName: row.dbName,
         tableName: row.tableName,
         tableComment: row.tableComment,
-        dbTable: row.dbName + '.' + row.tableName + '(' + row.tableComment + ')'
+        dbTable: row.dbName+'.'+row.tableName+'('+ row.tableComment +')'
       }
       selectDbTableColumnsByName(row.dbName, row.tableName).then(res => {
         this.fieldsOptions = res.data
@@ -252,7 +314,7 @@ export default {
     handleSelectionChange(selection) {
       this.toFields = selection.map(item => {
         return {
-          dbTable: this.toDb.dbName + '.' + this.toDb.tableName,
+          dbTable: this.toDb.dbName+'.'+this.toDb.tableName,
           fieldName: item.columnName,
           fieldType: item.columnType,
           fieldComment: item.columnComment
@@ -284,7 +346,7 @@ export default {
             dbName: disp.dispDesc,
             tableName: disp.dispValue,
             tableComment: disp.dispLabel,
-            dbTable: disp.dispDesc + '.' + disp.dispValue + '(' + disp.dispLabel + ')'
+            dbTable: disp.dispDesc+'.'+disp.dispValue+'('+disp.dispLabel+')'
           })
         }
         if (disp.dispKey === 'fields') {
@@ -296,15 +358,15 @@ export default {
           })
         }
         // 输出调整
-        if (disp.dispKey === 'toDb') {
+        if (disp.dispKey === 'toDb'){
           toDb = {
             dbName: disp.dispDesc,
             tableName: disp.dispValue,
             tableComment: disp.dispLabel,
-            dbTable: disp.dispDesc + '.' + disp.dispValue + '(' + disp.dispLabel + ')'
+            dbTable: disp.dispDesc+'.'+disp.dispValue+'('+disp.dispLabel+')'
           }
         }
-        if (disp.dispKey === 'toFields') {
+        if (disp.dispKey === 'toFields'){
           fieldsMap.set(disp.dispDesc, {
             fieldName: disp.dispValue,
             fieldType: disp.dispType,
diff --git a/src/views/rule/rule/version.vue b/src/views/rule/rule/version.vue
index fd19a0d..4be85e2 100644
--- a/src/views/rule/rule/version.vue
+++ b/src/views/rule/rule/version.vue
@@ -344,7 +344,7 @@
         <span>选择资产结构</span>
           </div>
       <span>
-          <el-select v-model="dataOrigin.tableId" placeholder="请选择数据结构" @blur="ch()">
+          <el-select v-model="dataOrigin.tableId" placeholder="请选择数据结构" @change="ch()">
               <el-option v-for="i in tableOrigin" :label="i.tableName" :value="i.id" :key="i.id"></el-option>
           </el-select>
       </span>
@@ -356,151 +356,100 @@
           <div slot="header" class="clearfix">
         <span>选择资产集</span>
             <template>
-  <el-table
-    :data="tableOrigin"
-    style="width: 100%">
-    <el-table-column
-      label="主键"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.id }}</span>
-      </template>
+              <!--  <el-table-->
+<!--    :data="tableOrigin"-->
+<!--    style="width: 100%">-->
+<!--    <el-table-column-->
+<!--      label="主键"-->
+<!--      width="180">-->
+<!--      <template slot-scope="scope">-->
+<!--        <span style="margin-left: 10px">{{ scope.row.id }}</span>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--      label="数据源ID"-->
+<!--      width="180">-->
+<!--      <template slot-scope="scope">-->
+<!--        <span style="margin-left: 10px">{{ scope.row.basicId }}</span>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--      label="表名称"-->
+<!--      width="180">-->
+<!--      <template slot-scope="scope">-->
+<!--        <span style="margin-left: 10px">{{ scope.row.tableName }}</span>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--      label="表备注"-->
+<!--      width="180">-->
+<!--      <template slot-scope="scope">-->
+<!--        <span style="margin-left: 10px">{{ scope.row.tableRemark }}</span>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--      label="类型"-->
+<!--      width="180">-->
+<!--      <template slot-scope="scope">-->
+<!--        <span style="margin-left: 10px">{{ scope.row.type }}</span>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--      label="数据量"-->
+<!--      width="180">-->
+<!--      <template slot-scope="scope">-->
+<!--        <span style="margin-left: 10px">{{ scope.row.dataNum }}</span>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--      label="是否核心"-->
+<!--      width="180">-->
+<!--      <template slot-scope="scope">-->
+<!--        <span style="margin-left: 10px">{{ scope.row.center }}</span>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+
+<!--       <el-table-column label="操作">-->
+
+<!--      <template slot-scope="scope">-->
+<!--        <el-button-->
+<!--          size="mini"-->
+<!--          @click="handleEditSelect(scope.row)">选择-->
+<!--        </el-button>-->
+<!--      </template>-->
+<!--    </el-table-column>-->
+<!--  </el-table>-->
+              {{tableDatas}}
+              <el-table>
+                 <el-table-column
+                   v-for="tableData  in tableDatas"
+                   :key="key"
+                   :label="tableData.label"
+                   :prop="tableData.value"
+                   width="180">
     </el-table-column>
-    <el-table-column
-      label="数据源ID"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.basicId }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="表名称"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.tableName }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="表备注"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.tableRemark }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="类型"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.type }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="数据量"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.dataNum }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="是否核心"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.center }}</span>
-      </template>
-    </el-table-column>
-       <el-table-column label="操作">
+                <el-table-column label="操作">
+
       <template slot-scope="scope">
         <el-button
           size="mini"
           @click="handleEditSelect(scope.row)">选择
         </el-button>
       </template>
-      </el-table-column>
-  </el-table>
+    </el-table-column>
+              </el-table>
 </template>
           </div>
         <span>
-<!--tableDa-->
- <el-button type="primary" @click="measurements()">测 试</el-button>
+          <template slot-scope="scope">
+        <el-button
+          type="primary"
+          @click="measurements(scope.row)">测试
+        </el-button>
+      </template>
         </span>
                 </el-card>
               </el-col>
-        <span>
-                    <el-col v-show="selectss">
-                <el-card class="box-card">
-          <div slot="header" class="clearfix">
-        <span>选择资产集</span>
-            <template>
-  <el-table
-    :data="tableDa"
-    style="width: 100%">
-    <el-table-column
-      label="主键"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.id }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="数据源ID"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.basicId }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="表名称"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.tableName }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="表备注"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.tableRemark }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="类型"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.type }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="数据量"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.dataNum }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      label="是否核心"
-      width="180">
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.center }}</span>
-      </template>
-    </el-table-column>
-       <el-table-column label="操作">
-      <template slot-scope="scope">
-        <el-button
-          size="mini"
-          @click="handleEditSelect(scope.row)">选择
-        </el-button>
-      </template>
-      </el-table-column>
-  </el-table>
-</template>
-          </div>
-        <span>
-
- <el-button type="primary" @click="measurements()">测 试</el-button>
-        </span>
-              </el-card>
-              </el-col>
-        </span>
       </span>
 
     </el-drawer>
@@ -604,7 +553,7 @@ export default {
       //数据源
       dataOrigin: {},
       origins: [],
-      tableDa: [],
+
       tableOrigin: [],
       showCode: false,
       // 表单校验
@@ -620,31 +569,25 @@ export default {
     this.findById();
     this.findList()
     this.getDataOrigin()
+    this.findTableValueByTableName();
   },
   //生命周期 - 挂载完成（可以访问DOM元素）",
   mounted() {
     this.findById();
   },
   methods: {
-    //数据
-    getDataTable(data) {
-      getDataTables(data.id).then(res => {
-        this.tableDa = res.data
-      })
-    },
     //表数据
     handleEditSelect(data) {
-      alert(data.id)
       findTableValueByTableName(data.basicId, data.tableName).then(res => {
         console.log(res.data)
         this.tableDatas = res.data
-        console.log(this.tableDatas)
-        this.getDataTable(data);
+        alert(res.data)
       })
     },
     //规则测试
-    measurements() {
-      measurement(this.form).then(res => {
+    measurements(data) {
+      this.tableDatas=data
+      measurement(data).then(res => {
         this.$modal.msgSuccess("操作成功");
       })
     },
@@ -671,7 +614,6 @@ export default {
     chanChild() {
       findTableIdByParentId(this.dataOrigin.sourceId).then(res => {
         this.tableOrigin = res.data
-        console.log(this.tableOrigin)
         // console.log(this.tableOrigin)
       })
     },