feat():规则引擎雏形

package.json

@@ -1,8 +1,8 @@
 {
   "name": "muyu",
   "version": "3.6.3",
-  "description": "若依管理系统",
-  "author": "若依",
+  "description": "数据处理系统",
+  "author": "MuYu",
   "license": "MIT",
   "scripts": {
     "dev": "vue-cli-service serve",
@@ -37,8 +37,11 @@
   },
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
+    "@vue/compiler-core": "^3.4.26",
+    "@vue/compiler-ssr": "^3.4.26",
     "axios": "0.24.0",
     "clipboard": "2.0.8",
+    "codemirror": "^5.65.16",
     "core-js": "3.25.3",
     "echarts": "5.4.0",
     "element-ui": "2.15.13",
@@ -53,6 +56,7 @@
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
+    "vue-codemirror": "^4.0.6",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-meta": "2.4.0",

src/api/dataSource/Permissions.js

@@ -6,3 +6,10 @@ export function getAllUserAndDept(dataType,dataId) {
     method: 'get'
   })
 }
+export function insertPermissions(permissionsReq) {
+  return request({
+    url: '/data/permissions/insertPermissions?',
+    method: 'post',
+    data: permissionsReq
+  })
+}

src/api/dataSource/dataKvt.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export function getShowModel(tableId) {
+  return request({
+    url: '/data/dataKvt/getShowModel?tableId='+tableId,
+    method: 'get'
+  })
+}

src/api/ruleEngine/ruleEngine.js

@@ -0,0 +1,32 @@
+import request from '@/utils/request'
+
+export function getRuleList(ruleListReq) {
+  return request({
+    url: '/data/rule/getRuleList',
+    method: 'post',
+    data: ruleListReq
+  })
+}
+
+export function insertRuleEngine(ruleEngine) {
+  return request({
+    url: '/data/rule/insertRuleEngine',
+    method: 'post',
+    data: ruleEngine
+  })
+}
+
+export function getRuleConfigList() {
+  return request({
+    url: '/data/ruleConfig/getRuleConfigList',
+    method: 'get'
+  })
+}
+
+export function testCompile(testWord) {
+  return request({
+    url: '/data/test/testCompile',
+    method: 'post',
+    data: testWord
+  })
+}

src/components/Encoding/index.vue

@@ -0,0 +1,110 @@
+<template>
+  <div style="height: 800px">
+       <el-button type="danger" @click="test">编译执行</el-button>
+    <codemirror ref="codeMirror" :value="code" :options="cmOptions" @input="handleCodeMirrorInput"    style="height: 200px"/>
+
+  </div>
+
+</template>
+
+<script>
+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';
+
+// 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 {testCompile} from "@/api/ruleEngine/ruleEngine";
+export default {
+  components: {
+    codemirror,
+  },
+  props: {
+    ruleInfo: {
+      default: "",
+      type: String
+    },
+    readOnly: {
+      default: false,
+      type: Boolean
+    }
+  },
+  watch: {
+    ruleInfo: {
+      handler(newVal,oldValue){
+        console.log("新值",newVal)
+        console.log("旧址",oldValue)
+      }
+    }
+  },
+  name: "Encoding",
+  data() {
+    return {
+      codemirror: null,
+      code: this.ruleInfo,
+      cmOptions: {
+        autoRefresh: true, // 重点是这句，为true
+        value: '', // 初始内容
+        mode: 'text/x-java', //实现Java代码高亮
+        tabSize: 4, // tab的空格宽度
+        styleActiveLine: true, // 设置光标所在行高亮true/false
+        lineNumbers: true, //显示行号
+        theme: 'eclipse', //设置主题cobalt/monokai
+        // json: true,
+        readOnly: false, // 设置为只读true/false;也可设置为"nocursor"失去焦点
+        lineWrapping: false,
+        foldGutter: true,
+        gutters: [
+          'CodeMirror-lint-markers', //代码错误检测
+          'CodeMirror-linenumbers',
+          'CodeMirror-foldgutter', //展开折叠
+        ],
+      },
+    }
+  },
+  created() {
+  },
+  methods: {
+    test() {
+      console.log(this.cmOptions.value)
+      testCompile(this.ruleInfo).then(
+        res => {
+          this.$message.success("编译执行成功!");
+        }
+      )
+    },
+    handleCodeMirrorInput(newValue) {
+      // 当 CodeMirror 组件的内容变化时，这个函数会被调用
+      // newValue 参数将包含新的代码内容
+      this.ruleInfo = newValue // 如果你需要更新父组件的 data 属性来反映新值
+    },
+  }
+}
+</script>
+
+<style>
+
+.CodeMirror {
+  font-family: 'JetBrainsMono-Medium', monospace;
+  height: 800px;
+}
+
+.CodeMirror-lines {
+  line-height: 1.5; /* 这里的1.5是示例，表示行间距是字体大小的1.5倍 */
+}
+</style>

src/store/modules/permission.js

@@ -5,6 +5,25 @@ import Layout from '@/layout/index'
 import ParentView from '@/components/ParentView'
 import InnerLink from '@/layout/components/InnerLink'
 
+let routeResponse = {
+  "msg": "操作成功",
+  "code": 200,
+  "data": [
+    {
+      "name": "EngineVersion",
+      "path": "rule-engine/engine-version/:ruleEngineId(\\d+)",
+      "hidden": true,
+      "component": "ruleEngine/engineVersion/index",
+      "meta": {
+        "title": "引擎版本",
+        "icon": "component",
+        "noCache": false,
+        "link": null
+      }
+    },
+  ]
+}
+
 const permission = {
   state: {
     routes: [],
@@ -34,12 +53,13 @@ const permission = {
       return new Promise(resolve => {
         // 向后端请求路由数据
         getRouters().then(res => {
+
           const sdata = JSON.parse(JSON.stringify(res.data))
           const rdata = JSON.parse(JSON.stringify(res.data))
           const sidebarRoutes = filterAsyncRouter(sdata)
           const rewriteRoutes = filterAsyncRouter(rdata, false, true)
           const asyncRoutes = filterDynamicRoutes(dynamicRoutes);
-          rewriteRoutes.push({path: '*', redirect: '/404', hidden: true})
+          // rewriteRoutes.push({path: '*', redirect: '/404', hidden: true})
           router.addRoutes(asyncRoutes);
           commit('SET_ROUTES', rewriteRoutes)
           commit('SET_SIDEBAR_ROUTERS', constantRoutes.concat(sidebarRoutes))

src/views/dataAssets/assetAuthorization/auth/AuthDataSource.vue

@@ -31,23 +31,25 @@
           :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
           row-key="deptId"
         >
-          <el-table-column label="部门名称" prop="deptName" ></el-table-column>
-          <el-table-column label="部门负责人" prop="leader" ></el-table-column>
-          <el-table-column label="邮箱" prop="email" ></el-table-column>
-          <el-table-column align="center" label="创建时间" prop="createTime" >
+          <el-table-column label="部门名称" prop="deptName"></el-table-column>
+          <el-table-column label="部门负责人" prop="leader"></el-table-column>
+          <el-table-column label="邮箱" prop="email"></el-table-column>
+          <el-table-column align="center" label="创建时间" prop="createTime">
             <template slot-scope="scope">
               <span>{{ parseTime(scope.row.createTime) }}</span>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="操作" prop="createTime" >
+          <el-table-column align="center" label="操作" prop="createTime">
             <template slot-scope="scope">
               <el-switch
-                style="display: block"
-                v-model="scope.row.isAuth"
+                v-model="scope.row.havePermissions"
                 active-color="#13ce66"
                 inactive-color="#ff4949"
                 active-text="已授权"
-                inactive-text="未授权">
+                inactive-text="未授权"
+                active-value='Y'
+                inactive-value='N'
+                @change="changeStatus($event,scope.row)">
               </el-switch>
             </template>
           </el-table-column>
@@ -61,16 +63,18 @@
           <el-table-column align="center" label="用户部门" prop="sysDept.deptName"/>
           <el-table-column align="center" label="用户邮箱" prop="email"/>
           <el-table-column align="center" label="用户手机号" prop="phonenumber"/>
-          <el-table-column align="center" label="创建时间" prop="createTime" />
-          <el-table-column align="center" label="操作" prop="createTime" >
+          <el-table-column align="center" label="创建时间" prop="createTime"/>
+          <el-table-column align="center" label="操作" prop="createTime">
             <template slot-scope="scope">
               <el-switch
-                style="display: block"
                 v-model="scope.row.havePermissions"
                 active-color="#13ce66"
                 inactive-color="#ff4949"
                 active-text="已授权"
-                inactive-text="未授权">
+                inactive-text="未授权"
+                active-value='Y'
+                inactive-value='N'
+                @change="changeStatus($event,scope.row)">
               </el-switch>
             </template>
           </el-table-column>
@@ -83,12 +87,14 @@
 
 <script>
 
-import { parseTime } from '@/utils/muyu'
+import {parseTime} from '@/utils/muyu'
+import {insertPermissions} from "@/api/dataSource/Permissions";
 
 export default {
   name: "AuthDataSource",
   data() {
     return {
+      permissionsReq: {},
       // 遮罩层
       loading: true,
       activeName: "dept",
@@ -111,10 +117,10 @@ export default {
   },
   watch: {
     userAndDeptDataPermissionsListResp: {
-      handler(newValue,oldValue){
+      handler(newValue, oldValue) {
         this.baseInfo = newValue.dataInfo
-        this.deptList = this.handleTree(newValue.deptDataPermissionList,"deptId")
-        console.log("前台deptList:",this.deptList)
+        this.deptList = this.handleTree(newValue.deptDataPermissionList, "deptId")
+        console.log("前台deptList:", this.deptList)
         this.userList = newValue.userDataPermissionsList
       }
     }
@@ -125,6 +131,28 @@ export default {
   },
   methods: {
     parseTime,
-  },
-};
+    changeStatus(data, b) {
+      this.permissionsReq.newPermissions = data
+      this.permissionsReq.userOrDeptType = "user"
+      if (b.deptName){
+        this.permissionsReq.userOrDeptType = "dept"
+      }
+      if (this.permissionsReq.userOrDeptType == "dept"){
+        this.permissionsReq.userOrDeptId = b.deptId
+      }else {
+        this.permissionsReq.userOrDeptId = b.userId
+      }
+
+      this.permissionsReq.dataId = this.baseInfo.dataSource.id
+      this.permissionsReq.dataType = "dataSource"
+      console.log("传输到后台的PermissionsReq对象",this.permissionsReq)
+      insertPermissions(this.permissionsReq).then(
+        res => {
+          console.log("权限改变的结果:",res.msg)
+        }
+      )
+    }
+  }
+}
+;
 </script>

src/views/dataAssets/assetAuthorization/auth/AuthTable.vue

@@ -35,7 +35,6 @@
         </el-col>
       </el-row>
     </el-form>
-
     <el-tabs type="border-card" v-model="activeName">
       <el-tab-pane label="部门授权" name="dept">
         <el-table
@@ -57,12 +56,14 @@
           <el-table-column align="center" label="操作" prop="createTime" >
             <template slot-scope="scope">
               <el-switch
-                style="display: block"
-                v-model="scope.row.isAuth"
+                v-model="scope.row.havePermissions"
                 active-color="#13ce66"
                 inactive-color="#ff4949"
                 active-text="已授权"
-                inactive-text="未授权">
+                inactive-text="未授权"
+                active-value='Y'
+                inactive-value='N'
+                @change="changeStatus($event,scope.row)">
               </el-switch>
             </template>
           </el-table-column>
@@ -85,7 +86,10 @@
                 active-color="#13ce66"
                 inactive-color="#ff4949"
                 active-text="已授权"
-                inactive-text="未授权">
+                inactive-text="未授权"
+                active-value="Y"
+                inactive-value="N"
+                @change="changeStatus($event,scope.row)">
               </el-switch>
             </template>
           </el-table-column>
@@ -99,11 +103,13 @@
 <script>
 
 import { parseTime } from '@/utils/muyu'
+import {insertPermissions} from "@/api/dataSource/Permissions";
 
 export default {
   name: "AuthTable",
   data() {
     return {
+      permissionsReq: {},
       // 遮罩层
       loading: true,
       activeName: "dept",
@@ -140,8 +146,26 @@ export default {
   },
   methods: {
     parseTime,
-    updatePermissions(row){
-      console.log("修改权限:",row)
+    changeStatus(data,b){
+      this.permissionsReq.newPermissions = data
+      this.permissionsReq.userOrDeptType = "user"
+      if (b.deptName){
+        this.permissionsReq.userOrDeptType = "dept"
+      }
+      if (this.permissionsReq.userOrDeptType == "dept"){
+        this.permissionsReq.userOrDeptId = b.deptId
+      }else {
+        this.permissionsReq.userOrDeptId = b.userId
+      }
+
+      this.permissionsReq.dataId = this.baseInfo.dataTable.id
+      this.permissionsReq.dataType = "dataTable"
+      console.log("传输到后台的PermissionsReq对象",this.permissionsReq)
+      insertPermissions(this.permissionsReq).then(
+        res => {
+          console.log("权限改变的结果:",res.msg)
+        }
+      )
     }
   },
 };

src/views/dataAssets/assetAuthorization/index.vue

@@ -60,7 +60,6 @@ export default {
         this.assetStructureList.forEach(
           assetsStr => {
             if ( assetsStr.dataSource.id == dataTable.dataSourceId){
-              console.log("进来咯")
               dataObject = assetsStr
             }
           }

src/views/dataAssets/assetShow/index.vue

@@ -0,0 +1,131 @@
+<template>
+  <el-container :style="{height: mainHeight + 'px'}">
+    <el-aside>
+      <el-tree :data="assetStructureList"
+               :expand-on-click-node="false"
+               :load="expandTable"
+               lazy
+               @node-click="(data) => showAssets=data.type">
+        <div class="custom-tree-node" slot-scope="{ node, data }">
+          <div v-if="data.type === 'dataSource'">{{ data.dataSource.name + '('+data.dataSource.dataSourceDatabaseName + '-' + data.dataSource.fromSystem+')' }}</div>
+          <div @click="getDeptAndUser(data,'dataTable',data.dataTable)" v-if="data.type === 'dataTable'">{{ data.dataTable.tableName + '-'+data.dataTable.tableAnnotation + '(' + data.dataTable.recordCount+'条)' }}</div>
+        </div>
+      </el-tree>
+    </el-aside>
+    <el-container>
+      <el-main>
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>资产模型基本信息</span>
+          </div>
+          <el-descriptions border :column="2">
+            <el-descriptions-item label="表名称">{{tableObject.tableName}}</el-descriptions-item>
+            <el-descriptions-item label="表备注">{{tableObject.tableAnnotation}}</el-descriptions-item>
+            <el-descriptions-item label="数据量">{{tableObject.recordCount}}</el-descriptions-item>
+            <el-descriptions-item label="是否核心">
+              <el-tag size="small">是</el-tag>
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-card>
+
+        <el-card class="box-card" style="margin-top: 20px">
+          <div slot="header" class="clearfix">
+            <span>模型数据</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="6" v-for="dataKvt in dataKvtModelList" style="margin-top: 20px">
+              <el-descriptions :title="dataKvt.fieldsName" direction="vertical" border :column="1">
+                <el-descriptions-item label="Type">
+                  <el-tag size="small">{{dataKvt.javaType}}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="Value">{{dataKvt.dataValue}}</el-descriptions-item>
+              </el-descriptions>
+            </el-col>
+          </el-row>
+
+        </el-card>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+
+import {queryBigStructure} from "@/api/dataSource/data";
+import {getShowModel} from "@/api/dataSource/dataKvt";
+
+export default {
+  name: "AssetShow",
+  data() {
+    return {
+      tableObject: {},
+      mainHeight: window.innerHeight - 85,
+      defaultProps: {
+        children: 'childrenList',
+        label: 'name'
+      },
+      showAuth: null,
+      assetStructureList: [],
+      childrenList: [],
+      dataKvtModelList: []
+    }
+  },
+  created() {
+    this.getBigStructure()
+  },
+  methods: {
+    getDeptAndUser(dataObject,dataType,dataTable){
+      console.log(dataObject,dataTable)
+      this.tableObject = dataObject.dataTable
+      console.log(dataTable.id)
+      getShowModel(dataTable.id).then(
+        res => {
+          console.log("模型:",res.data)
+          this.dataKvtModelList = res.data
+        }
+      )
+    },
+    getBigStructure() {
+      queryBigStructure().then(
+        res => {
+          this.assetStructureList = res.data.dataSourceDecorationList
+          console.log("BigStructure",this.assetStructureList)
+        }
+      )
+    },
+    expandTable( node, resolve){
+      if (node.level === 0) return resolve(this.assetStructureList);
+      if (node.level > 1) return resolve([]);
+      const {data} = node;
+      if (data.type === 'dataSource') {
+        this.title = data.name + '('+data.dataSource.dataSourceDatabaseName + '-' + data.dataSource.fromSystem+')'
+      }
+      if (data.type === 'dataTable') {
+        this.title = data.tableName + '('+data.dataTable.tableAnnotation + '-' + data.dataTable.recordCount+')'
+      }
+      setTimeout(() => {
+        resolve(data.dataTableList)
+        this.showAuth = data.type;
+      }, 500);
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-aside {
+  margin: 0;
+  padding: 0;
+  width: 400px;
+  background-color: white;
+}
+.el-main {
+  background-color: #f1f1f1;
+}
+.custom-tree-node{
+  height: 30px;
+}
+.el-descriptions-row>th{
+  width: 200px;
+}
+</style>

src/views/dataAssets/assetStructure/dashboard/OverallAssetStructure.vue

@@ -53,7 +53,7 @@
         </el-table-column>
         <el-table-column prop="dictionaryName" label="映射字典" >
           <template slot-scope="scope">
-            <div @mouseenter="getDictionaryInfoList(scope.row)" @mouseout="isOpen = false">
+            <div @mouseenter="getDictionaryInfoList(scope.row)" @mouseout="removeDiv">
               <el-tag slot="reference" >{{scope.row.dictionaryName}}</el-tag>
             </div>
             <el-popover
@@ -217,6 +217,10 @@ export default {
     }
   },
   methods: {
+    removeDiv(){
+      this.isOpen = false
+      this.tagSelectDictionaryInfoList = []
+    },
     getDictionaryInfoList(row) {
       console.log("鼠标滑过:",row)
       this.isOpen = true

src/views/ruleEngine/engineConfig/index.vue

@@ -0,0 +1,72 @@
+<template>
+  <el-col :span="22" :offset="1">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>公共配置</span>
+      </div>
+      <el-form ref="form" :model="ruleEngineCommonConfig" label-width="120px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="规则基础目录">
+              <el-input v-model="ruleEngineCommonConfig.packageName" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+    <el-col>
+      <el-card>
+        <div slot="header" class="clearfix">
+          <span>作用域</span>
+        </div>
+        <el-tabs type="border-card" v-model="codeCardStatus">
+          <el-tab-pane v-for="scope in ruleConfigList" :label="scope.ruleScopeName" :name="scope.scopeCode">
+            <encoding v-if="codeCardStatus === scope.scopeCode" style="height: 800px" :rule-info="scope.ruleInfo" :read-only="true"></encoding>
+          </el-tab-pane>
+        </el-tabs>
+      </el-card>
+    </el-col>
+  </el-col>
+</template>
+
+<script>
+
+import Encoding from "@/components/Encoding/index.vue";
+import {getRuleConfigList} from "@/api/ruleEngine/ruleEngine";
+
+export default {
+  name: "EngineConfig",
+  components: {Encoding},
+  data() {
+    return {
+      codeCardStatus: "任务",
+      ruleEngineCommonConfig: {
+        packageName: "com.muyu.rule.engine",
+      },
+      ruleConfigList: []
+    }
+  },
+  created() {
+    this.getRuleConfigList()
+  },
+  methods: {
+    getRuleConfigList(){
+      getRuleConfigList().then(
+        res => {
+          console.log(res.data)
+          this.ruleConfigList = res.data
+        }
+      )
+    }
+  }
+}
+</script>
+
+<style>
+.el-col {
+  margin-top: 20px;
+}
+</style>

src/views/ruleEngine/engineMaintenance/index.vue

@@ -0,0 +1,351 @@
+<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="name">
+        <el-input
+          v-model="queryParams.ruleName"
+          placeholder="请输入规则名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="规则类型" prop="type">
+        <el-select v-model="queryParams.ruleLevelId" placeholder="请选择规则类型" clearable>
+          <el-option
+            v-for="ruleLevel in ruleLevelList"
+            :key="ruleLevel.id"
+            :label="ruleLevel.ruleLevel"
+            :value="ruleLevel.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="规则状态" prop="status">
+        <el-select v-model="queryParams.ruleStatus" placeholder="请选择规则状态" clearable>
+          <el-option value="1">正常</el-option>
+          <el-option value="2">停用</el-option>
+        </el-select>
+      </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="['system:engine: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="['system:engine:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['system:engine:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="engineList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="规则名称" align="center" prop="ruleName" />
+      <el-table-column label="规则类型" align="center" prop="type">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.ruleTypeId == 1">自定义规则</el-tag>
+          <el-tag v-if="scope.row.ruleTypeId != 1" >模版规则</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="规则作用域" align="center" prop="level">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.ruleLevelId==1">数据集</el-tag>
+          <el-tag v-if="scope.row.ruleLevelId==2">记录</el-tag>
+          <el-tag v-if="scope.row.ruleLevelId==3">数据字段</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="引擎编码" align="center" prop="ruleCode" />
+      <el-table-column label="规则状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.status == 1">启用</el-tag>
+          <el-tag v-if="scope.row.status != 1">停用</el-tag>
+        </template>
+      </el-table-column>
+      <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-takeaway-box"
+            @click="toEngineVersion(scope.row)"
+            v-hasPermi="['system:engine:edit']"
+          >规则维护</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:engine:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:engine: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="80%" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="规则名称" prop="name">
+              <el-input v-model="form.ruleName" placeholder="请输入规则名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="规则编码" prop="code">
+              <el-input v-model="form.ruleCode" placeholder="请输入规则编码" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="规则类型" prop="type">
+              <el-select v-model="form.ruleTypeId" placeholder="请选择规则类型" style="width: 100%">
+                <el-option value="1" >自定义规则</el-option>
+                <el-option value="2" >模版规则</el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="规则级别" prop="level">
+              <el-select v-model="form.ruleLevelId" placeholder="请选择规则级别" style="width: 100%">
+                <el-option
+                  v-for="ruleLevel in ruleLevelList"
+                  :key="ruleLevel.id"
+                  :label="ruleLevel.ruleLevel"
+                  :value="ruleLevel.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="规则状态" prop="status">
+              <el-radio-group v-model="form.ruleStatus">
+                <el-radio :label="1">正常</el-radio>
+                <el-radio :label="2">停用</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="规则描述">
+              <editor v-model="form.ruleDesc" :min-height="192"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </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 {getRuleList, insertRuleEngine} from "@/api/ruleEngine/ruleEngine";
+
+export default {
+  name: "EngineMaintenance",
+  dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 规则引擎表格数据
+      engineList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        ruleName: null,
+        ruleLevelId: null,
+        ruleStatus: null
+      },
+      ruleLevelList: [],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        ruleName: [
+          { required: true, message: "规则名称不能为空", trigger: "blur" }
+        ],
+        ruleTypeId: [
+          { required: true, message: "规则类型不能为空", trigger: "change" }
+        ],
+        ruleCode: [
+          { required: true, message: "规则编码不能为空", trigger: "blur" }
+        ],
+        ruleLevelId: [
+          { required: true, message: "规则级别不能为空", trigger: "change" }
+        ],
+        ruleStatus: [
+          { required: true, message: "规则状态不能为空", trigger: "change" }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    toEngineVersion(row){
+      this.$message.success(row)
+      console.log("行对象",row)
+      let number = Number.parseInt(row.id);
+      this.$router.push({ path: `/rule-engine/rule-engine/engine-version/${number}`});
+    },
+    /** 查询规则引擎列表 */
+    getList() {
+      getRuleList(this.queryParams).then(
+        response => {
+          this.loading = true;
+          this.engineList = response.data.ruleEngineList;
+          this.ruleLevelList = response.data.ruleLevelList
+          this.loading = false
+        }
+      )
+      ;
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        type: null,
+        isActivate: "no-activate",
+        status: "0",
+        description: null,
+        remark: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      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();
+      this.form = row;
+      this.open = true;
+      this.title = "修改规则引擎";
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        console.log(JSON.stringify(this.form))
+        if (valid) {
+          insertRuleEngine(this.form).then(
+            res => {
+              if (this.form==null){
+                this.$message.success("添加成功")
+              }else {
+                this.$message.success("修改成功")
+              }
+              this.open = false
+              this.getList()
+            }
+          )
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除规则引擎编号为"' + ids + '"的数据项？').then(() => {
+        this.$modal.msgSuccess("删除成功");
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.$modal.msgSuccess("导出成功");
+    }
+  }
+};
+</script>

src/views/ruleEngine/engineVersion/index.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    {{ruleEngineId}}
+    呼呼哈嘿
+  </div>
+</template>
+
+<script>
+export default {
+  name: "EngineVersion",
+  data() {
+    return {
+      ruleEngineId: this.$route.params && this.$route.params.ruleEngineId,
+    }
+  },
+  created() {
+  },
+  methods: {}
+}
+</script>
+
+<style scoped>
+
+</style>