From d63fe4f14461c75328048233f61c9054f2a87ae5 Mon Sep 17 00:00:00 2001
From: rouchen <3133657697@qq.com>
Date: Wed, 1 May 2024 20:35:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=BA=93postgres=20=E4=B8=8E=20=E5=AE=A2=E6=88=B7=E7=AB=AF?=
 =?UTF-8?q?=E6=95=B4codemirror=20=E5=9C=A8=E7=BA=BF=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/kvt/kvt.js                            |   9 +
 src/api/rule_engine/engine.js                 |  44 ++
 src/components/Encoding/index.vue             |  84 ++++
 src/main.js                                   |   3 +
 src/views/kvt/assetShow/index.vue             |  13 +-
 src/views/ruleEngine/engineConfig/codeData.js |   0
 src/views/ruleEngine/engineConfig/index.vue   | 129 ++++++
 .../ruleEngine/engineMaintenance/index.vue    | 425 ++++++++++++++++++
 src/views/ruleEngine/engineVersion/index.vue  |  23 +
 src/views/rule_engine/engine/index.vue        | 302 +++++++++++++
 10 files changed, 1029 insertions(+), 3 deletions(-)
 create mode 100644 src/api/rule_engine/engine.js
 create mode 100644 src/components/Encoding/index.vue
 create mode 100644 src/views/ruleEngine/engineConfig/codeData.js
 create mode 100644 src/views/ruleEngine/engineConfig/index.vue
 create mode 100644 src/views/ruleEngine/engineMaintenance/index.vue
 create mode 100644 src/views/ruleEngine/engineVersion/index.vue
 create mode 100644 src/views/rule_engine/engine/index.vue

diff --git a/src/api/kvt/kvt.js b/src/api/kvt/kvt.js
index 10daab6..1656f94 100644
--- a/src/api/kvt/kvt.js
+++ b/src/api/kvt/kvt.js
@@ -185,3 +185,12 @@ export function selectDataDisplay() {
   })
 }
 
+
+//查询资产展示
+export function selectDataDisplayName(name) {
+  return request({
+    url: '/kvt/kvt/selectDataDisplayName?name='+name,
+    method: 'post'
+  })
+}
+
diff --git a/src/api/rule_engine/engine.js b/src/api/rule_engine/engine.js
new file mode 100644
index 0000000..ec0c513
--- /dev/null
+++ b/src/api/rule_engine/engine.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询规则引擎列表
+export function listEngine(query) {
+  return request({
+    url: '/rule_engine/engine/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询规则引擎详细
+export function getEngine(id) {
+  return request({
+    url: '/rule_engine/engine/' + id,
+    method: 'get'
+  })
+}
+
+// 新增规则引擎
+export function addEngine(data) {
+  return request({
+    url: '/rule_engine/engine',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改规则引擎
+export function updateEngine(data) {
+  return request({
+    url: '/rule_engine/engine/'+data.id,
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规则引擎
+export function delEngine(id) {
+  return request({
+    url: '/rule_engine/engine/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/components/Encoding/index.vue b/src/components/Encoding/index.vue
new file mode 100644
index 0000000..31344f8
--- /dev/null
+++ b/src/components/Encoding/index.vue
@@ -0,0 +1,84 @@
+<template>
+  <div style="height: 800px">
+    <codemirror ref="codeMirror" :value="code" :options="cmOptions"  style="height: 800px"/>
+  </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';
+export default {
+  components: {
+    codemirror,
+  },
+  props: {
+    value: {
+      default: "",
+      type: String
+    },
+    readOnly: {
+      default: false,
+      type: Boolean
+    }
+  },
+  name: "Encoding",
+  data() {
+    return {
+      codemirror: null,
+      code: this.value,
+      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: this.readOnly, // 设置为只读true/false;也可设置为"nocursor"失去焦点
+        lineWrapping: false,
+        foldGutter: true,
+        gutters: [
+          'CodeMirror-lint-markers', //代码错误检测
+          'CodeMirror-linenumbers',
+          'CodeMirror-foldgutter', //展开折叠
+        ],
+      },
+    }
+  },
+  created() {
+  },
+  methods: {}
+}
+</script>
+
+<style>
+
+.CodeMirror {
+  font-family: 'JetBrainsMono-Medium', monospace;
+  height: 800px;
+}
+
+.CodeMirror-lines {
+  line-height: 1.5; /* 这里的1.5是示例，表示行间距是字体大小的1.5倍 */
+}
+</style>
diff --git a/src/main.js b/src/main.js
index ade30df..b1d06d8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,9 @@
 import Vue from 'vue'
 import Cookies from 'js-cookie'
 Vue.prototype.$Eventstatus = new Vue();
+// import { codemirror } from 'vue-codemirror'
+// import 'codemirror/lib/codemirror.css'
+// Vue.use(VueCodemirror)
 import Element from 'element-ui'
 import './assets/styles/element-variables.scss'
 
diff --git a/src/views/kvt/assetShow/index.vue b/src/views/kvt/assetShow/index.vue
index 236cc96..1962582 100644
--- a/src/views/kvt/assetShow/index.vue
+++ b/src/views/kvt/assetShow/index.vue
@@ -51,7 +51,7 @@
 
 <script>
 
-import { selectDataDisplay, selectDataSource, selectDepartmen } from '@/api/kvt/kvt'
+import { selectDataDisplay, selectDataDisplayName, selectDataSource, selectDepartmen } from '@/api/kvt/kvt'
 
 export default {
   name: "AssetShow",
@@ -85,13 +85,20 @@ export default {
     this.selectDataSource()
   },
   methods: {
+
     selectDataDisplay(){
       selectDataDisplay().then(res =>{
         this.assetShowList = res.data
       })
     },
     selectDataStur(node) {
+      console.log("nodedddd",node)
         this.dataStructure = node.data
+
+      if (node.level ===2)
+        selectDataDisplayName(node.data.name).then(res =>{
+          this.assetShowList = res.data
+        })
     },
     //查询同步表
     selectDataSource(){
@@ -114,12 +121,12 @@ export default {
         selectDepartmen(node.data.databaseName).then(res=>{
           this.childrenList = res.data
         })
-this.selectDataDisplay()
-
+        this.selectDataDisplay()
       }
       if (data.type === 2) {
         return resolve([])
       }
+
       setTimeout(() => {
         resolve(this.childrenList)
       }, 500);
diff --git a/src/views/ruleEngine/engineConfig/codeData.js b/src/views/ruleEngine/engineConfig/codeData.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/ruleEngine/engineConfig/index.vue b/src/views/ruleEngine/engineConfig/index.vue
new file mode 100644
index 0000000..e6d2969
--- /dev/null
+++ b/src/views/ruleEngine/engineConfig/index.vue
@@ -0,0 +1,129 @@
+<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 scopeList" :label="scope.type" :name="scope.value">
+            <encoding v-if="codeCardStatus === scope.value" style="height: 800px" v-model="scope.code" :read-only="true"></encoding>
+          </el-tab-pane>
+        </el-tabs>
+      </el-card>
+    </el-col>
+  </el-col>
+</template>
+
+<script>
+
+import Encoding from "@/components/Encoding/index.vue";
+
+export default {
+  name: "EngineConfig",
+  components: {Encoding},
+  data() {
+    return {
+      codeCardStatus: "taskContext",
+      ruleEngineCommonConfig: {
+        packageName: "com.muyu.rule.engine",
+      },
+      scopeList: [
+        { type: "任务", value: "taskContext", "code":
+            "package com.muyu.scope;\n" +
+            "\n" +
+            "/**\n" +
+            " * @Author: DongZeLiang\n" +
+            " * @date: 2024/4/29\n" +
+            " * @Description: 任务上下文\n" +
+            " * @Version: 1.0\n" +
+            " */\n" +
+            "public class TaskContext {\n" +
+            "\n" +
+            "    public static TaskContext build(){\n" +
+            "        return new TaskContext();\n" +
+            "    }\n" +
+            "}\n"
+        },
+        { type: "资产集", value: "recordContext", "code":
+            "package com.muyu.scope;\n" +
+            "\n" +
+            "/**\n" +
+            " * @Author: DongZeLiang\n" +
+            " * @date: 2024/4/29\n" +
+            " * @Description: 数据集\n" +
+            " * @Version: 1.0\n" +
+            " */\n" +
+            "public class DataSetContext {\n" +
+            "\n" +
+            "    private final RecordContext recordContext;\n" +
+            "\n" +
+            "    public DataSetContext (RecordContext recordContext) {\n" +
+            "        this.recordContext = recordContext;\n" +
+            "    }\n" +
+            "}\n" },
+        { type: "资产记录", value: "dataSetContext", "code":
+            "package com.muyu.scope;\n" +
+            "\n" +
+            "/**\n" +
+            " * @Author: DongZeLiang\n" +
+            " * @date: 2024/4/29\n" +
+            " * @Description: 记录/资产模型\n" +
+            " * @Version: 1.0\n" +
+            " */\n" +
+            "public class RecordContext {\n" +
+            "\n" +
+            "    private final TaskContext taskContext;\n" +
+            "\n" +
+            "    public RecordContext (TaskContext taskContext) {\n" +
+            "        this.taskContext = taskContext;\n" +
+            "    }\n" +
+            "}\n" },
+        { type: "资产模型", value: "dataModelContext", "code":
+            "package com.muyu.scope;\n" +
+            "\n" +
+            "/**\n" +
+            " * @Author: DongZeLiang\n" +
+            " * @date: 2024/4/29\n" +
+            " * @Description: 数据模型\n" +
+            " * @Version: 1.0\n" +
+            " */\n" +
+            "public class DataModelContext {\n" +
+            "\n" +
+            "    private final DataSetContext dataSetContext;\n" +
+            "\n" +
+            "    public DataModelContext (DataSetContext dataSetContext) {\n" +
+            "        this.dataSetContext = dataSetContext;\n" +
+            "    }\n" +
+            "}\n" }
+      ]
+    }
+  },
+  created() {
+  },
+  methods: {}
+}
+</script>
+
+<style>
+.el-col {
+  margin-top: 20px;
+}
+</style>
diff --git a/src/views/ruleEngine/engineMaintenance/index.vue b/src/views/ruleEngine/engineMaintenance/index.vue
new file mode 100644
index 0000000..9179dfc
--- /dev/null
+++ b/src/views/ruleEngine/engineMaintenance/index.vue
@@ -0,0 +1,425 @@
+<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.name"
+          placeholder="请输入规则名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="规则类型" prop="type">
+        <el-select v-model="queryParams.type" placeholder="请选择规则类型" clearable>
+          <el-option
+            v-for="dict in dict.type.rule_engine_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="是否激活" prop="isActivate">
+        <el-select v-model="queryParams.isActivate" placeholder="请选择是否激活" clearable>
+          <el-option
+            v-for="dict in dict.type.rule_engine_activate_status"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="规则状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择规则状态" clearable>
+          <el-option
+            v-for="dict in dict.type.sys_normal_disable"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </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="name" />
+      <el-table-column label="规则类型" align="center" prop="type">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.rule_engine_type" :value="scope.row.type"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="规则作用域" align="center" prop="level">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.rule_engine_level" :value="scope.row.level"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="引擎编码" align="center" prop="code" />
+      <el-table-column label="是否激活" align="center" prop="isActivate">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.rule_engine_activate_status" :value="scope.row.isActivate"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="规则状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
+        </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.name" placeholder="请输入规则名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="规则编码" prop="code">
+              <el-input v-model="form.code" 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.type" placeholder="请选择规则类型" style="width: 100%">
+                <el-option
+                  v-for="dict in dict.type.rule_engine_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="规则级别" prop="level">
+              <el-select v-model="form.level" placeholder="请选择规则级别" style="width: 100%">
+                <el-option
+                  v-for="dict in dict.type.rule_engine_level"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="是否激活" prop="isActivate">
+              <el-radio-group v-model="form.isActivate">
+                <el-radio
+                  v-for="dict in dict.type.rule_engine_activate_status"
+                  :key="dict.value"
+                  :label="dict.value"
+                >{{dict.label}}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </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-row>
+          <el-col :span="24">
+            <el-form-item label="规则描述">
+              <editor v-model="form.description" :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>
+
+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: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        type: null,
+        isActivate: null,
+        status: null,
+        description: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [
+          { required: true, message: "规则名称不能为空", trigger: "blur" }
+        ],
+        type: [
+          { required: true, message: "规则类型不能为空", trigger: "change" }
+        ],
+        code: [
+          { required: true, message: "规则编码不能为空", trigger: "blur" }
+        ],
+        level: [
+          { required: true, message: "规则级别不能为空", trigger: "change" }
+        ],
+        isActivate: [
+          { required: true, message: "是否激活不能为空", trigger: "change" }
+        ],
+        status: [
+          { required: true, message: "规则状态不能为空", trigger: "change" }
+        ],
+        createBy: [
+          { required: true, message: "创建者不能为空", trigger: "blur" }
+        ],
+        createTime: [
+          { required: true, message: "创建时间不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    toEngineVersion(row){
+      this.$router.push({ path: `/rule-engine/engine-version/${row.id}`});
+    },
+    /** 查询规则引擎列表 */
+    getList() {
+      this.loading = true;
+      let response = {
+        "code": 200,
+        "msg": "查询成功",
+        "data": {
+          "total": 1,
+          "rows": [
+            {
+              "id": 1,
+              "name": "邮箱规则",
+              "type": "rule-custom",
+              "isActivate": "no-activate",
+              "status": "0",
+              "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>",
+              "remark": "-",
+              "code": "email",
+              "level": "data-field"
+            },
+            {
+              "id": 2,
+              "name": "唯一性校验",
+              "type": "rule-custom",
+              "isActivate": "no-activate",
+              "status": "0",
+              "description": "<p>根据字段组合匹配等，进行不同数据集合的校验</p>",
+              "remark": "-",
+              "code": "only",
+              "level": "data-field"
+            },
+            {
+              "id": 3,
+              "name": "远程接口校验",
+              "type": "rule-custom",
+              "isActivate": "no-activate",
+              "status": "0",
+              "description": "<p>根据接口不同进行，远程API调用匹配是否数据完整</p>",
+              "remark": "-",
+              "code": "remote",
+              "level": "data-field"
+            },
+          ]
+        }
+      };
+      this.engineList = response.data.rows;
+      this.total = response.data.total;
+      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.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();
+      this.form = row;
+      this.open = true;
+      this.title = "修改规则引擎";
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        console.log(JSON.stringify(this.form))
+        if (valid) {
+          if (this.form.id != null) {
+            this.$modal.msgSuccess("修改成功");
+            this.open = false;
+          } else {
+            this.$modal.msgSuccess("新增成功");
+            this.open = false;
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除规则引擎编号为"' + ids + '"的数据项？').then(() => {
+        this.$modal.msgSuccess("删除成功");
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.$modal.msgSuccess("导出成功");
+    }
+  }
+};
+</script>
diff --git a/src/views/ruleEngine/engineVersion/index.vue b/src/views/ruleEngine/engineVersion/index.vue
new file mode 100644
index 0000000..9b0779e
--- /dev/null
+++ b/src/views/ruleEngine/engineVersion/index.vue
@@ -0,0 +1,23 @@
+<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>
diff --git a/src/views/rule_engine/engine/index.vue b/src/views/rule_engine/engine/index.vue
new file mode 100644
index 0000000..28a787d
--- /dev/null
+++ b/src/views/rule_engine/engine/index.vue
@@ -0,0 +1,302 @@
+<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.name"
+          placeholder="请输入规则名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="规则编码" prop="code">
+        <el-input
+          v-model="queryParams.code"
+          placeholder="请输入规则编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="规则级别" prop="level">
+        <el-input
+          v-model="queryParams.level"
+          placeholder="请输入规则级别"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="是否激活" prop="isActivate">
+        <el-input
+          v-model="queryParams.isActivate"
+          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="['rule_engine:engine:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['rule_engine:engine:edit']"
+        >修改</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="['rule_engine: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="['rule_engine: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="${comment}" align="center" prop="id" />
+      <el-table-column label="规则名称" align="center" prop="name" />
+      <el-table-column label="规则类型" align="center" prop="type" />
+      <el-table-column label="规则编码" align="center" prop="code" />
+      <el-table-column label="规则级别" align="center" prop="level" />
+      <el-table-column label="是否激活" align="center" prop="isActivate" />
+      <el-table-column label="规则状态" align="center" prop="status" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <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-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['rule_engine:engine:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['rule_engine: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="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="规则名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入规则名称" />
+        </el-form-item>
+        <el-form-item label="规则编码" prop="code">
+          <el-input v-model="form.code" placeholder="请输入规则编码" />
+        </el-form-item>
+        <el-form-item label="规则级别" prop="level">
+          <el-input v-model="form.level" placeholder="请输入规则级别" />
+        </el-form-item>
+        <el-form-item label="是否激活" prop="isActivate">
+          <el-input v-model="form.isActivate" placeholder="请输入是否激活" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" 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 { listEngine, getEngine, delEngine, addEngine, updateEngine } from "@/api/rule_engine/engine";
+
+export default {
+  name: "Engine",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 规则引擎表格数据
+      engineList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        type: null,
+        code: null,
+        level: null,
+        isActivate: null,
+        status: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询规则引擎列表 */
+    getList() {
+      this.loading = true;
+      listEngine(this.queryParams).then(response => {
+        this.engineList = response.data.rows;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        type: null,
+        code: null,
+        level: null,
+        isActivate: null,
+        status: null,
+        remark: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: 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
+      getEngine(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) {
+            updateEngine(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addEngine(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 delEngine(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('rule_engine/engine/export', {
+        ...this.queryParams
+      }, `engine_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>