From d327a2771fa0ef350678418cbbcb971021bf6208 Mon Sep 17 00:00:00 2001
From: yaoxin <1752800946@qq.com>
Date: Thu, 2 May 2024 16:17:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E4=BA=86=E8=A7=84?=
 =?UTF-8?q?=E5=88=99=E5=BC=95=E6=93=8E=E5=A2=9E=E5=88=A0=E6=94=B9=E6=9F=A5?=
 =?UTF-8?q?,=E8=A7=84=E5=88=99=E5=BC=95=E6=93=8E=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96,=E6=B5=8B=E8=AF=95=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 src/api/ruleEngine/maintenance.js             |  60 +++
 src/components/Encoding/index.vue             | 111 +++++
 src/store/modules/permission.js               |   1 +
 src/views/ruleEngine/engineConfig/codeData.js |   0
 src/views/ruleEngine/engineConfig/index.vue   | 129 +++++
 .../ruleEngine/engineMaintenance/index.vue    | 447 ++++++++++++++++++
 src/views/ruleEngine/engineVersion/index.vue  |  67 +++
 8 files changed, 817 insertions(+)
 create mode 100644 src/api/ruleEngine/maintenance.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

diff --git a/package.json b/package.json
index 6a46cc5..45aa156 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "@riophae/vue-treeselect": "0.4.0",
     "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 +54,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",
diff --git a/src/api/ruleEngine/maintenance.js b/src/api/ruleEngine/maintenance.js
new file mode 100644
index 0000000..287e910
--- /dev/null
+++ b/src/api/ruleEngine/maintenance.js
@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+// 查询【请填写功能名称】列表
+export function listMaintenance(query) {
+  return request({
+    url: '/ruleEngine/maintenance/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询【请填写功能名称】详细
+export function getMaintenance(id) {
+  return request({
+    url: '/ruleEngine/maintenance/' + id,
+    method: 'get'
+  })
+}
+
+// 新增【请填写功能名称】
+export function addMaintenance(data) {
+  return request({
+    url: '/ruleEngine/maintenance',
+    method: 'post',
+    data: data
+  })
+}
+
+// 初始化
+export function initializeRuleEngine(data) {
+  return request({
+    url: '/ruleEngine/maintenance/InitializeRuleEngine',
+    method: 'post',
+    data: data
+  })
+}
+//测试方法
+export function testMethod(code) {
+  return request({
+    url: '/ruleEngine/maintenance/TestMethod?code='+code,
+    method: 'get'
+  })
+}
+
+// 修改【请填写功能名称】
+export function updateMaintenance(data) {
+  return request({
+    url: '/ruleEngine/maintenance',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除【请填写功能名称】
+export function delMaintenance(id) {
+  return request({
+    url: '/ruleEngine/maintenance/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/components/Encoding/index.vue b/src/components/Encoding/index.vue
new file mode 100644
index 0000000..0575987
--- /dev/null
+++ b/src/components/Encoding/index.vue
@@ -0,0 +1,111 @@
+<template>
+  <div style="height: 800px">
+    <codemirror ref="codeMirror" v-model="code" :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';
+import {updateMaintenance} from "@/api/ruleEngine/maintenance";
+export default {
+  components: {
+    codemirror,
+  },
+  watch:{
+    'value':{
+      handler(val) {
+        this.code = val
+      },
+    },
+    'modification':{
+      handler(val) {
+        if (val != null){
+          console.log(val)
+          console.log(this.code)
+          updateMaintenance({id: this.modification,codeText: this.code}).then(res => {
+            this.$message.success('修改成功')
+            setTimeout(() => {
+              this.$router.push({ path: `/ruleEngine/engineMaintenance`});
+            },100)
+          })
+
+        }
+      },
+    }
+  },
+  props: {
+    modification:{
+      default: null,
+      type: Number
+    },
+    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/store/modules/permission.js b/src/store/modules/permission.js
index 23e3ccc..a5cca94 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -32,6 +32,7 @@ const permission = {
     // 生成路由
     GenerateRoutes({commit}) {
       return new Promise(resolve => {
+
         // 向后端请求路由数据
         getRouters().then(res => {
           const sdata = JSON.parse(JSON.stringify(res.data))
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..256ffff
--- /dev/null
+++ b/src/views/ruleEngine/engineMaintenance/index.vue
@@ -0,0 +1,447 @@
+<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
+            v-if="scope.row.isActivate === 'activated' && scope.row.status === '0'"
+            size="mini"
+            type="text"
+            icon="el-icon-takeaway-box"
+            @click="initializeRuleEngine(scope.row)"
+          >初始化</el-button>
+          <el-button
+            v-if="scope.row.isActivate === 'activated' && scope.row.status === '0'"
+            size="mini"
+            type="text"
+            icon="el-icon-takeaway-box"
+            @click="testMethod(scope.row)"
+          >调用测试</el-button>
+          <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>
+
+import {
+  addMaintenance,
+  initializeRuleEngine,
+  listMaintenance,
+  testMethod,
+  updateMaintenance
+} from "@/api/ruleEngine/maintenance";
+
+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,
+        code: null,
+        level: 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: {
+    testMethod(row){
+      testMethod(row.code).then(res => {
+        if (res.code === 200){
+          this.$message({
+            type: 'success',
+            message: '测试成功!'
+          });
+        }else {
+          this.$message({
+            type: 'error',
+            message: '测试失败!'
+          });
+        }
+      })
+    },
+    initializeRuleEngine(row){
+      initializeRuleEngine(row).then(res => {
+        if (res.code === 200){
+          this.$message({
+            type: 'success',
+            message: '初始化成功!'
+          });
+        }else {
+          this.$message({
+            type: 'error',
+            message: '初始化失败!'
+          });
+        }
+      })
+    },
+    toEngineVersion(row){
+      this.$router.push({ path: `/ruleEngine/engineVersion/${row.id}`});
+    },
+    /** 查询规则引擎列表 */
+    getList() {
+      this.loading = true;
+      listMaintenance(this.queryParams).then(res => {
+        this.engineList = res.data.rows;
+        this.total = res.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) {
+            updateMaintenance(this.form).then(res => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList()
+            })
+          } else {
+            addMaintenance(this.form).then(res => {
+              this.$modal.msgSuccess("新增成功");
+              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>
diff --git a/src/views/ruleEngine/engineVersion/index.vue b/src/views/ruleEngine/engineVersion/index.vue
new file mode 100644
index 0000000..fa48fbf
--- /dev/null
+++ b/src/views/ruleEngine/engineVersion/index.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <el-card style="height: 90%">
+      <div slot="header" class="clearfix">
+        <span>{{ruleEngineInfo.name}}</span>
+        <el-button @click="dialogVisible = true" style="float: right;" type="primary">保 存</el-button>
+      </div>
+      <div class="text item">
+        <encoding ref="encoding" style="height: 800px" :modification="modification" :value="ruleEngineInfo.codeText"></encoding>
+      </div>
+    </el-card>
+
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="20%">
+      <span style="font-size: 16px;align-content: center">确认保存吗?</span>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="updRuleEngine">确 定</el-button>
+  </span>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import {getMaintenance, updateMaintenance} from "@/api/ruleEngine/maintenance";
+import Encoding from "@/components/Encoding/index.vue";
+
+export default {
+  name: "EngineVersion",
+  components: {Encoding},
+  data() {
+    return {
+      dialogVisible: false,
+      ruleEngineId: this.$route.params.ruleEngineId,
+      ruleEngineInfo:{},
+      modification: null
+    }
+  },
+  created() {
+    this.getInfo()
+  },
+  methods: {
+    updRuleEngine(){
+
+      this.modification = parseInt(this.ruleEngineId)
+
+      setTimeout(() => {
+        this.modification = null
+        this.dialogVisible = false
+      },50)
+    },
+    getInfo(){
+      getMaintenance(this.$route.params.ruleEngineId).then(res => {
+        this.ruleEngineInfo = res.data
+        console.log(this.ruleEngineInfo)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>