From ff550d4ab2e7e7528bf3c09140cd2060fb37af56 Mon Sep 17 00:00:00 2001
From: sunshine7058 <2564255161@qq.com>
Date: Wed, 8 May 2024 17:30:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E8=A7=84=E5=88=99=E5=BC=95=E6=93=8E?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/rule_engine/config/index.vue      | 136 +++-
 src/views/rule_engine/maintenance/index.vue | 158 +++--
 src/views/rule_engine/version/index.vue     | 655 +++++++++++++++-----
 3 files changed, 703 insertions(+), 246 deletions(-)

diff --git a/src/views/rule_engine/config/index.vue b/src/views/rule_engine/config/index.vue
index b01ac4e..163ff10 100644
--- a/src/views/rule_engine/config/index.vue
+++ b/src/views/rule_engine/config/index.vue
@@ -6,13 +6,46 @@
       </div>
       <el-form ref="form" :model="ruleEngineCommonConfig" label-width="120px">
         <el-row>
-          <el-col :span="12">
+          <el-col :span="24">
             <el-form-item label="规则基础目录">
               <el-input v-model="ruleEngineCommonConfig.packageName" disabled></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="12">
-
+            <el-form-item label="自定义基础目录">
+              <el-input v-model="ruleEngineCommonConfig.customName" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="模板基础目录">
+              <el-input v-model="ruleEngineCommonConfig.templateName" disabled></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="win源码目录">
+              <el-input v-model="ruleEngineCommonConfig.sourceWin" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="win编译目录">
+              <el-input v-model="ruleEngineCommonConfig.targetWin" disabled></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="liunx源码目录">
+              <el-input v-model="ruleEngineCommonConfig.sourceLiunx" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="liunx编译目录">
+              <el-input v-model="ruleEngineCommonConfig.targetLiunx" disabled></el-input>
+            </el-form-item>
           </el-col>
         </el-row>
       </el-form>
@@ -22,9 +55,9 @@
         <div slot="header" class="clearfix">
           <span>作用域</span>
         </div>
-        <el-tabs type="border-card" v-model="activeName">
-          <el-tab-pane :key="index" v-for="(scope,index) in scopeList" :label="scope.type" :name="index+''">
-            <encoding v-if="activeName===index.toString()" style="height: 600px" v-model="scope.code" :read-only="true"></encoding>
+        <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: 600px" v-model="scope.code" :read-only="true"></encoding>
           </el-tab-pane>
         </el-tabs>
       </el-card>
@@ -33,31 +66,98 @@
 </template>
 
 <script>
+
 import Encoding from "@/components/Encoding/index.vue";
-import {listScope} from "@/api/rule_engine/config";
 
 export default {
-  name: "config",
+  name: "EngineConfig",
   components: {Encoding},
   data() {
     return {
-      activeName: '0',
+      codeCardStatus: "taskContext",
       ruleEngineCommonConfig: {
-        packageName: "com.ruoyi.ruleEngine",
+        packageName: "com.muyu.rule.engine",
+        customName: "custom",
+        templateName: "template",
+        sourceWin: "D:\\config\\engine\\source",
+        targetWin: "D:\\config\\engine\\target",
+        sourceLiunx: "/home/config/source",
+        targetLiunx: "/home/config/target",
       },
-      scopeList: []
+      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() {
-    this.getList();
   },
-  methods: {
-    getList(){
-      listScope().then(response=>{
-        this.scopeList=response.data;
-      })
-    }
-  }
+  methods: {}
 }
 </script>
 
diff --git a/src/views/rule_engine/maintenance/index.vue b/src/views/rule_engine/maintenance/index.vue
index 76ec781..9179dfc 100644
--- a/src/views/rule_engine/maintenance/index.vue
+++ b/src/views/rule_engine/maintenance/index.vue
@@ -1,16 +1,16 @@
 <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 style="width:190px"
-                  v-model="queryParams.name"
-                  placeholder="请输入规则名称"
-                  clearable
-                  @keyup.enter.native="handleQuery"
+      <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="请选择规则类型" style="width:190px" clearable>
+      <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"
@@ -19,8 +19,8 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="是否激活" prop="isActivate" >
-        <el-select v-model="queryParams.isActivate" placeholder="请选择是否激活" style="width:190px" clearable>
+      <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"
@@ -29,8 +29,8 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="规则状态" prop="status" >
-        <el-select v-model="queryParams.status" placeholder="请选择规则状态" style="width:190px" clearable>
+      <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"
@@ -67,6 +67,16 @@
           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>
 
@@ -78,12 +88,12 @@
           <dict-tag :options="dict.type.rule_engine_type" :value="scope.row.type"/>
         </template>
       </el-table-column>
-      <el-table-column label="规则作用域" align="center" prop="scope">
+      <el-table-column label="规则作用域" align="center" prop="level">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.rule_engine_level" :value="scope.row.scope"/>
+          <dict-tag :options="dict.type.rule_engine_level" :value="scope.row.level"/>
         </template>
       </el-table-column>
-      <el-table-column label="引擎编码" align="center" prop="engineCode" />
+      <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"/>
@@ -139,8 +149,8 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="规则编码" prop="engineCode">
-              <el-input v-model="form.engineCode" placeholder="请输入规则编码" />
+            <el-form-item label="规则编码" prop="code">
+              <el-input v-model="form.code" placeholder="请输入规则编码" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -149,20 +159,20 @@
             <el-form-item label="规则类型" prop="type">
               <el-select v-model="form.type" placeholder="请选择规则类型" style="width: 100%">
                 <el-option
-                  v-for="(dict,index) in dict.type.rule_engine_type"
-                  :key="index"
+                  v-for="dict in dict.type.rule_engine_type"
+                  :key="dict.value"
                   :label="dict.label"
-                  :value="Number(dict.value)"
+                  :value="dict.value"
                 ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="规则级别" prop="scope">
-              <el-select v-model="form.scope" placeholder="请选择规则级别" style="width: 100%">
+            <el-form-item label="规则级别" prop="level">
+              <el-select v-model="form.level" placeholder="请选择规则级别" style="width: 100%">
                 <el-option
-                  v-for="(dict,index) in dict.type.rule_engine_level"
-                  :key="index"
+                  v-for="dict in dict.type.rule_engine_level"
+                  :key="dict.value"
                   :label="dict.label"
                   :value="dict.value"
                 ></el-option>
@@ -175,8 +185,8 @@
             <el-form-item label="是否激活" prop="isActivate">
               <el-radio-group v-model="form.isActivate">
                 <el-radio
-                  v-for="(dict,index) in dict.type.rule_engine_activate_status"
-                  :key="index"
+                  v-for="dict in dict.type.rule_engine_activate_status"
+                  :key="dict.value"
                   :label="dict.value"
                 >{{dict.label}}</el-radio>
               </el-radio-group>
@@ -217,10 +227,8 @@
 
 <script>
 
-import {addMaintenance, delMaintenance, listMaintenance, updateMaintenance} from "@/api/rule_engine/maintenance";
-
 export default {
-  name: "maintenance",
+  name: "EngineMaintenance",
   dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
   data() {
     return {
@@ -262,10 +270,10 @@ export default {
         type: [
           { required: true, message: "规则类型不能为空", trigger: "change" }
         ],
-        engineCode: [
+        code: [
           { required: true, message: "规则编码不能为空", trigger: "blur" }
         ],
-        scope: [
+        level: [
           { required: true, message: "规则级别不能为空", trigger: "change" }
         ],
         isActivate: [
@@ -286,23 +294,58 @@ export default {
   created() {
     this.getList();
   },
-  beforeRouteUpdate(to, from, next) {
-    // 在组件重用时重新加载数据
-    this.getList();
-    next();
-  },
   methods: {
     toEngineVersion(row){
-      this.$router.push({ path: `version/${row.id}`});
+      this.$router.push({ path: `/rule-engine/engine-version/${row.id}`});
     },
     /** 查询规则引擎列表 */
     getList() {
       this.loading = true;
-      listMaintenance(this.queryParams).then(response=>{
-        this.engineList = response.data.rows;
-        this.total = response.data.total;
-        this.loading = false;
-      })
+      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() {
@@ -314,12 +357,10 @@ export default {
       this.form = {
         id: null,
         name: null,
-        type: '',
-        scope:'',
-        engineCode:null,
-        isActivate: "N",
+        type: null,
+        isActivate: "no-activate",
         status: "0",
-        description: "",
+        description: null,
         remark: null
       };
       this.resetForm("form");
@@ -356,19 +397,14 @@ export default {
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
+        console.log(JSON.stringify(this.form))
         if (valid) {
           if (this.form.id != null) {
-            updateMaintenance(this.form).then(response=>{
-              this.$modal.msgSuccess("修改成功");
-              this.getList();
-              this.open = false;
-            })
+            this.$modal.msgSuccess("修改成功");
+            this.open = false;
           } else {
-            addMaintenance(this.form).then(response=>{
-              this.$modal.msgSuccess("新增成功");
-              this.getList();
-              this.open = false;
-            })
+            this.$modal.msgSuccess("新增成功");
+            this.open = false;
           }
         }
       });
@@ -377,10 +413,12 @@ export default {
     handleDelete(row) {
       const ids = row.id || this.ids;
       this.$modal.confirm('是否确认删除规则引擎编号为"' + ids + '"的数据项？').then(() => {
-        delMaintenance(ids).then(response=>{
-          this.$modal.msgSuccess("删除成功");
-        })
+        this.$modal.msgSuccess("删除成功");
       });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.$modal.msgSuccess("导出成功");
     }
   }
 };
diff --git a/src/views/rule_engine/version/index.vue b/src/views/rule_engine/version/index.vue
index bb6df07..97fe33d 100644
--- a/src/views/rule_engine/version/index.vue
+++ b/src/views/rule_engine/version/index.vue
@@ -1,204 +1,523 @@
 <template>
-  <div>
-    <el-card style="width: 95%;margin-left: 35px;margin-top: 10px">
+  <div class="app-container">
+    <el-descriptions class="margin-top" :title="ruleEngineInfo.name" :column="3" border>
+      <template slot="extra">
+        <el-dropdown split-button type="primary" @command="handleClick">
+          更多操作
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="add">版本添加</el-dropdown-item>
+            <el-dropdown-item command="activate">{{(ruleEngineInfo.isActivate === 'no-activate' ? "激活": "禁用")+'引擎'}}</el-dropdown-item>
+            <el-dropdown-item command="status">{{(ruleEngineInfo.status === '0' ? "关闭": "开启")+'引擎'}}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+
+      </template>
+      <el-descriptions-item label="规则名称"> {{ruleEngineInfo.name}} </el-descriptions-item>
+      <el-descriptions-item label="规则类型">
+        <dict-tag :options="dict.type.rule_engine_type" :value="ruleEngineInfo.type"/>
+      </el-descriptions-item>
+      <el-descriptions-item label="规则作用域">
+        <dict-tag :options="dict.type.rule_engine_level" :value="ruleEngineInfo.level"/>
+      </el-descriptions-item>
+      <el-descriptions-item label="引擎编码"> {{ruleEngineInfo.code + " ("+ruleEngineInfo.engineCode+")"}} </el-descriptions-item>
+      <el-descriptions-item label="是否激活">
+        <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineInfo.isActivate"/>
+      </el-descriptions-item>
+      <el-descriptions-item label="规则状态">
+        <dict-tag :options="dict.type.sys_normal_disable" :value="ruleEngineInfo.status"/>
+      </el-descriptions-item>
+    </el-descriptions>
+    <editor style="margin-top: 20px" :read-only="true" v-model="ruleEngineInfo.description"></editor>
+    <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <span>引擎规则基本信息</span>
-        <el-button style="float: right" @click="goBack" size="medium" type="text">返回</el-button>
+        <span>规则引擎版本</span>
       </div>
-      <el-descriptions border :column="3">
-        <el-descriptions-item label="规则名称">{{ruleInfo.name}}</el-descriptions-item>
-        <el-descriptions-item label="规则编码">{{ruleInfo.engineCode}}</el-descriptions-item>
-        <el-descriptions-item label="作用域"><dict-tag :options="dict.type.rule_engine_level" :value="ruleInfo.scope"/></el-descriptions-item>
-        <el-descriptions-item label="状态"><dict-tag :options="dict.type.sys_normal_disable" :value="ruleInfo.status"/></el-descriptions-item>
-        <el-descriptions-item label="是否激活"><dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleInfo.isActivate"/></el-descriptions-item>
-      </el-descriptions>
+      <el-row :gutter="20">
+        <el-col :span="12" v-for="ruleEngineVersion in ruleEngineInfo.ruleEngineVersionList">
+          <el-card class="box-card">
+            <div slot="header" class="clearfix">
+              <span>{{ruleEngineVersion.name + "-" + ruleEngineVersion.code}}</span>
+              <el-dropdown style="float: right; padding: 3px 0" @command="checkRuleEngineVersion">
+                <span class="el-dropdown-link">
+                  更多操作<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item :command="{event: 'info', ruleEngineVersion: ruleEngineVersion}">规则详情</el-dropdown-item>
+                  <el-dropdown-item :command="{event: 'test', ruleEngineVersion: ruleEngineVersion}"
+                                    :disabled="ruleEngineVersion.status === '0'"
+                  >测试规则</el-dropdown-item>
+                  <el-dropdown-item :command="{event: 'status', ruleEngineVersion: ruleEngineVersion}" :disabled="ruleEngineVersion.status !== '2'">
+                    {{ruleEngineVersion.isActivate !== 'no-activate' ? "禁用" : "激活"}}规则
+                  </el-dropdown-item>
+                  <el-dropdown-item
+                    :command="{event: 'publish', ruleEngineVersion: ruleEngineVersion}"
+                    v-if="ruleEngineVersion.status === '1' && ruleEngineVersion.isTest === '1'">
+                    发布规则
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+            <el-descriptions class="margin-top" :column="2" border>
+              <el-descriptions-item label="版本类" :span="2"> {{ruleEngineVersion.versionCode}} </el-descriptions-item>
+              <el-descriptions-item label="版本名称"> {{ruleEngineVersion.name}} </el-descriptions-item>
+              <el-descriptions-item label="版本CODE"> {{ruleEngineVersion.code}} </el-descriptions-item>
+              <el-descriptions-item label="是否激活">
+                <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersion.isActivate"/>
+              </el-descriptions-item>
+              <el-descriptions-item label="版本状态">
+                <dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersion.status"/>
+              </el-descriptions-item>
+              <el-descriptions-item label="是否测试">
+                <dict-tag :options="dict.type.rule_engine_activate_is_test" :value="ruleEngineVersion.isTest"/>
+              </el-descriptions-item>
+            </el-descriptions>
+            <editor style="margin-top: 10px" :read-only="true" v-model="ruleEngineVersion.description"></editor>
+          </el-card>
+        </el-col>
+      </el-row>
     </el-card>
-    <el-card :body-style="{ padding: '0.3px' }" class="versionContainer" style="width: 95%;margin-left: 35px;margin-top: 10px">
-      <div slot="header" class="clearfix">
-        <span>规则内容</span>
-        <el-button style="float: right;margin-left: 5px" @click="handleDel" size="medium" type="text">删除此版本</el-button>
-        <el-button style="float: right;margin-left: 5px" @click="handleAdd" size="medium" type="text">新增版本</el-button>
-        <el-button style="float: right;margin-left: 5px" @click="()=>{this.visible=true;}" size="medium" type="text">测试规则</el-button>
-        <el-button style="float: right;margin-left: 5px" @click="saveContent" size="medium" type="text">保存此版本</el-button>
-      </div>
-      <div style="padding: 0!important;overflow: hidden;position: relative;">
-        <el-empty v-if="versionList.length===0" description="暂无规则内容" style="height: 450px"></el-empty>
-        <el-tabs v-else type="border-card" v-model="activeName" >
-          <el-tab-pane :key="index" v-for="(scope,index) in versionList" :label="scope.versionCode" :name="index+''">
-            <encoding v-if="activeName===index.toString()" style="height: 600px" v-model="scope.ruleContent" ></encoding>
-          </el-tab-pane>
-        </el-tabs>
-        <el-drawer
-          title="规则测试"
-          :visible.sync="visible"
-          :before-close="handleClose"
-          :lockScroll="false"
-          :modal="false"
-          direction="rtl"
-          style="position: absolute;"
-        >
-          <el-form >
-            <el-form-item label="测试数据" style="margin-left: 5px">
-              <el-input type="textarea" v-model="testData" ></el-input>
-            </el-form-item>
-            <el-form-item label="测试结果" style="margin-left: 5px">
-              <el-input type="textarea" v-model="resData" ></el-input>
-            </el-form-item>
-            <el-form-item style="margin-left: 5px">
-              <el-button type="primary" size="small" @click="handleTest">测试</el-button>
-            </el-form-item>
-          </el-form>
-        </el-drawer>
-      </div>
-    </el-card>
-    <!-- 添加或修改引擎规则配置对话框 -->
-    <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="versionCode">
-          <el-input v-model="form.versionCode" placeholder="请输入版本编码" />
-        </el-form-item>
-        <el-form-item label="新增依据" prop="newBasis">
-          <el-select v-model="form.newBasis" placeholder="请选择新增依据" style="width: 100%" @change="handlerChange">
-            <el-option :key="-1" label="克隆公共配置" value="-1"></el-option>
-            <el-option
-              v-for="(item,index) in versionList"
-              :key="index"
-              :label="'克隆'+item.versionCode+'版本'"
-              :value="index">
-            </el-option>
-          </el-select>
-        </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
+      title="新增版本" :visible.sync="addVersionStatus"
+      width="75%">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>基本信息</span>
+          <el-button style="float: right; padding: 3px 0" type="text" @click="genEngineVersion">生成引擎版本类</el-button>
+        </div>
+        <el-form :label-position="engineVersionForm" label-width="80px" :model="engineVersionForm">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="版本类">
+                <el-input v-model="engineVersionForm.versionCode" disabled placeholder="点击类生成自动生成类名称"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="名称">
+                <el-input v-model="engineVersionForm.name"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="编码">
+                <el-input v-model="engineVersionForm.code"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="状态">
+                <dict-tag :options="dict.type.rule_engine_version_status" :value="engineVersionForm.status"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="是否激活">
+                <dict-tag :options="dict.type.rule_engine_activate_status" :value="engineVersionForm.isActivate"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <editor v-model="engineVersionForm.description" :min-height="150"/>
+      </el-card>
+      <el-card class="box-card" v-if="engineVersionForm.codeIng != null">
+        <div slot="header" class="clearfix">
+          <span>引擎编码</span>
+        </div>
+        <encoding style="height: 800px" v-model="engineVersionForm.codeIng"></encoding>
+      </el-card>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="addVersionCancel">取 消</el-button>
+        <el-button type="primary" @click="addVersionSubmission">确 定</el-button>
+      </span>
     </el-dialog>
+    <el-drawer
+      title="规则版本详情" size="80%" :before-close="ruleEngineVersionInfoStatusClose"
+      :visible.sync="ruleEngineVersionInfoStatus"
+      :direction="'rtl'">
+      <div class="app-container">
+        <el-descriptions v-if="ruleEngineVersionInfoAndTest != null" class="margin-top" :column="2" border>
+          <el-descriptions-item label="版本类" :span="2"> {{ruleEngineVersionInfoAndTest.versionCode}} </el-descriptions-item>
+          <el-descriptions-item label="版本名称"> {{ruleEngineVersionInfoAndTest.name}} </el-descriptions-item>
+          <el-descriptions-item label="版本CODE"> {{ruleEngineVersionInfoAndTest.code}} </el-descriptions-item>
+          <el-descriptions-item label="是否激活">
+            <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersionInfoAndTest.isActivate"/>
+          </el-descriptions-item>
+          <el-descriptions-item label="版本状态">
+            <dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersionInfoAndTest.status"/>
+          </el-descriptions-item>
+          <el-descriptions-item label="是否测试">
+            <dict-tag :options="dict.type.rule_engine_activate_is_test" :value="ruleEngineVersionInfoAndTest.isTest"/>
+          </el-descriptions-item>
+        </el-descriptions>
+        <editor style="margin-top: 10px" :read-only="true" :min-height="100" v-model="ruleEngineVersionInfoAndTest.description"></editor>
+        <el-row style="margin-top: 10px">
+          <el-button @click="saveCoding">保存代码</el-button>
+        </el-row>
+        <encoding style="height: 800px; margin-top: 20px" v-model="ruleEngineVersionInfoAndTest.codeIng"></encoding>
+      </div>
+
+    </el-drawer>
+    <el-drawer
+      title="规则版本测试" size="80%" :before-close="ruleEngineVersionTestStatusClose"
+      :visible.sync="ruleEngineVersionTestStatus"
+      :direction="'rtl'">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-descriptions v-if="ruleEngineVersionInfoAndTest != null" class="margin-top" :column="2" border>
+            <el-descriptions-item label="版本类" :span="2"> {{ruleEngineVersionInfoAndTest.versionCode}} </el-descriptions-item>
+            <el-descriptions-item label="版本名称"> {{ruleEngineVersionInfoAndTest.name}} </el-descriptions-item>
+            <el-descriptions-item label="版本CODE"> {{ruleEngineVersionInfoAndTest.code}} </el-descriptions-item>
+            <el-descriptions-item label="是否激活">
+              <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersionInfoAndTest.isActivate"/>
+            </el-descriptions-item>
+            <el-descriptions-item label="版本状态">
+              <dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersionInfoAndTest.status"/>
+            </el-descriptions-item>
+            <el-descriptions-item label="是否测试">
+              <dict-tag :options="dict.type.rule_engine_activate_is_test" :value="ruleEngineVersionInfoAndTest.isTest"/>
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-col>
+        <el-col :span="12">
+          <editor style="margin-top: 10px" :read-only="true" :min-height="105" v-model="ruleEngineVersionInfoAndTest.description"></editor>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <encoding style="margin-top: 20px" v-model="ruleEngineVersionInfoAndTest.codeIng" :read-only="true"></encoding>
+        </el-col>
+        <el-col :span="12">
+          <el-col :span="assetStructure == null ? 24 : 12">
+            <el-card class="box-card">
+              <div slot="header" class="clearfix">
+                <span>选择数据接入</span>
+              </div>
+              <el-select v-model="assetStructure" style="width: 100%;">
+                <el-option v-for="_assetStructure in assetStructureList"
+                           :key="_assetStructure.name"
+                           :value="_assetStructure.name"
+                           :label="_assetStructure.name+'('+_assetStructure.systemName+')'"
+                ></el-option>
+              </el-select>
+            </el-card>
+          </el-col>
+          <el-col :span="12" v-if="assetStructure != null">
+            <el-card class="box-card" >
+              <div slot="header" class="clearfix">
+                <span>选择资产结构</span>
+              </div>
+              <el-select v-model="assets" style="width: 100%;">
+                <el-option v-for="_assets in assetsList"
+                           :key="_assets.name"
+                           :value="_assets.name"
+                           :label="_assets.name+'('+_assets.as+')'"
+                ></el-option>
+              </el-select>
+            </el-card>
+          </el-col>
+          <el-col :span="24">
+            <el-card class="box-card" v-if="assets != null">
+              <div slot="header" class="clearfix">
+                <span>选择资产模型</span>
+              </div>
+              <el-descriptions direction="vertical" :column="3" border>
+                <el-descriptions-item v-for="_dataModel in dataModelList"
+                                      :label='_dataModel.name + "("+_dataModel.comment+")"'>
+                  <el-radio v-model="dataMode" :label="_dataModel.name" :value="_dataModel.id">{{dataModeMap[_dataModel.name]}}</el-radio>
+                </el-descriptions-item>
+              </el-descriptions>
+            </el-card>
+          </el-col>
+          <el-col :span="24" style="margin-top: 10px" v-if="dataMode != null">
+            <el-button>测试</el-button>
+            <el-input style="margin-top: 10px" v-model="testResult" type="textarea" placeholder="请点击测试" />
+          </el-col>
+        </el-col>
+      </el-row>
+    </el-drawer>
   </div>
 </template>
 
 <script>
-import {getMaintenance} from "@/api/rule_engine/maintenance";
 import Encoding from "@/components/Encoding/index.vue";
-import {addConfig, delConfig, getScope, listConfig, ruleTest, updateConfig} from "@/api/rule_engine/config";
 
 export default {
-  name: "version",
+  name: "EngineVersion",
   components: {Encoding},
-  dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
+  dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable',
+    'rule_engine_level', 'rule_engine_version_status', 'rule_engine_activate_is_test'],
   data() {
     return {
-      visible: false,
-      open:false,
-      configId: this.$route.params && this.$route.params.configId,
-      ruleInfo:{},
-      activeName:'0',
-      versionList:[],
-      title:'',
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        versionCode: [
-          { required: true, message: "版本编码不能为空", trigger: "blur" }
-        ],
-        newBasis: [
-          { required: true, message: "新增依据不能为空", trigger: "blur" }
-        ],
+      ruleEngineId: this.$route.params && this.$route.params.ruleEngineId,
+      ruleEngineInfo: {
+        "id": 1,
+        "name": "邮箱规则",
+        "type": "rule-custom",
+        "isActivate": "no-activate",
+        "status": "0",
+        "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>",
+        "remark": "-",
+        "code": "email",
+        "engineCode": "engine_custom_email",
+        "level": "data-field",
+        "ruleEngineVersionList": []
       },
-      baseRuleContent:'',
-      testData:'1424587994@163com,2949451835@qq.com',
-      resData:''
+      // 新增版本
+      addVersionStatus: false,
+      engineVersionForm: {
+        "name": "", "code": "", "status": "0",
+        "versionCode": "",
+        "isActivate": "no-activate",
+        "description": "",
+        "codeIng": null
+      },
+      // 详情抽屉状态
+      ruleEngineVersionInfoStatus: false,
+      // 测试抽屉状态
+      ruleEngineVersionTestStatus: false,
+      // 弹框抽屉
+      ruleEngineVersionInfoAndTest: {},
+      // 数据接入集合
+      assetStructureList: [],
+      // 数据接入集合选择
+      assetStructure: null,
+      // 数据资产
+      assetsList: [],
+      // 数据资产选择
+      assets: null,
+      // 数据模型
+      dataModelList: [],
+      // 数据模型选择
+      dataMode: null,
+      // 数据示例
+      dataModeMap: {
+        id: 1,
+        name: "张三",
+        sex: 1,
+        price: "653.69",
+        create_time: "2024-5-7 16:37:16",
+      },
+      testResult: ""
     }
   },
   created() {
-    this.getInfo();
+    this.initRuleEngine();
   },
   methods: {
-    getInfo() {
-      getMaintenance(this.configId).then(response => {
-        this.ruleInfo = response.data;
-      })
-      listConfig({engineMaintenanceId: this.configId}).then(response => {
-        this.versionList = response.data;
-      })
-      getScope(0).then(response=>{
-        this.baseRuleContent=response.data.code;
-      })
+
+    saveCoding(){
+      this.$message.success('编码保存成功');
     },
-    goBack() {
-      this.$router.go(-1);
+    ruleEngineVersionInfoStatusClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          this.ruleEngineVersionInfoAndTest = {};
+          done();
+        })
+        .catch(_ => {});
     },
-    saveContent() {
-      updateConfig(this.versionList[Number(this.activeName)]).then(response => {
-        this.$message.success("保存成功");
-      })
+    ruleEngineVersionTestStatusClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          this.ruleEngineVersionInfoAndTest = {};
+          done();
+        })
+        .catch(_ => {});
     },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
+    // 点击规则事件
+    checkRuleEngineVersion(command) {
+      switch (command.event) {
+        case "info"://详情
+          this.ruleEngineVersionInfoStatus = true;
+          this.ruleEngineVersionInfoAndTest = command.ruleEngineVersion;
+          break;
+        case "test"://测试
+          this.ruleEngineVersionTestStatus = true;
+          this.ruleEngineVersionInfoAndTest = command.ruleEngineVersion;
+          break;
+        case "status"://激活状态
+          command.ruleEngineVersion.isActivate = 'no-activate' === command.ruleEngineVersion.isActivate ? 'activated' : 'no-activate'
+          break;
+        case "publish"://发布
+          command.ruleEngineVersion.status = '2'
+          break;
+      }
+      console.log(command.event);
+      console.log(command.ruleEngineVersion);
     },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        versionCode: null,
-        engineMaintenanceId: null,
-        newBasis:null,
-        ruleContent:null
+    // 生成规则版本
+    genEngineVersion(){
+      if (this.engineVersionForm.name == null || this.engineVersionForm.name === "") {
+        this.$message.error('规则名称不可为空');
+        return false;
+      }
+      if (this.engineVersionForm.code == null || this.engineVersionForm.code === "") {
+        this.$message.error('规则CODE不可为空');
+        return false;
+      }
+      if (this.engineVersionForm.description == null || this.engineVersionForm.description === "") {
+        this.$message.error('规则版本使用描述不可为空');
+        return false;
+      }
+      this.engineVersionForm.versionCode = this.ruleEngineInfo.engineCode + "_" + this.engineVersionForm.code
+      this.engineVersionForm.codeIng = this.getCodeIng()
+    },
+    // 确定新增
+    addVersionSubmission(){
+      this.ruleEngineInfo.ruleEngineVersionList.push({... this.engineVersionForm})
+      this.addVersionStatus = false;
+    },
+    // 取消新增
+    addVersionCancel(){
+      this.engineVersionForm = {
+        "name": "", "code": "", "status": "0", "isTest": "0",
+        "versionCode": "",
+        "isActivate": "no-activate",
+        "description": "",
+        "codeIng": null, "ruleEngineVersionList": []
       };
-      this.resetForm("form");
+      this.addVersionStatus = false;
     },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.form.engineMaintenanceId=this.ruleInfo.id;
-      this.title = "添加引擎规则配置";
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          addConfig(this.form).then(response => {
-            this.$modal.msgSuccess("新增成功");
-            this.open = false;
-            this.getInfo();
-          });
-        }
-      });
-    },
-    handlerChange(val){
-      if(val!=='-1'){
-        this.form.ruleContent=this.versionList[Number(val)].ruleContent;
-      }else {
-        this.form.ruleContent=this.baseRuleContent;
+    handleClick(clickType){
+      if (clickType === "add"){
+        this.addVersionStatus = true;
+      }else if(clickType === "activate"){
+        this.ruleEngineInfo.isActivate = 'no-activate' === this.ruleEngineInfo.isActivate ? 'activated' : 'no-activate'
+        this.$modal.msgSuccess("引擎激活状态修改成功");
+      }else if(clickType === "status"){
+        this.ruleEngineInfo.status = '0' === this.ruleEngineInfo.status ? '1' : '0'
+        this.$modal.msgSuccess("引擎状态操作成功");
       }
     },
-    handleDel() {
-      let data=this.versionList[Number(this.activeName)];
-      this.$modal.confirm('是否确认删除版本编号为"' + data.versionCode + '"的数据项？').then(function() {
-        return delConfig(data.id);
-      }).then(() => {
-        this.getInfo();
-        this.activeName='0';
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+    initRuleEngine(){
+        let response = {
+          "code": 200,
+          "msg": "查询成功",
+          "data": {
+            "id": 1,
+            "name": "邮箱规则",
+            "type": "rule-custom",
+            "isActivate": "no-activate",
+            "status": "0",
+            "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>",
+            "remark": "-",
+            "code": "email",
+            "engineCode": "engine_custom_email",
+            "level": "data-field",
+            "ruleEngineVersionList": [
+              {
+                "name": "163剔除", "code": "IAW3S02", "status": "0", "isTest": "0",
+                "versionCode": "engine_custom_email_IAW3S02", "isActivate": "no-activate",
+                "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>","codeIng": "package com.muyu.rule.engine.custom;\n" +
+                  "\n" +
+                  "import com.muyu.engine.action.ActionDiscard;\n" +
+                  "import com.muyu.engine.scope.DataModelEngine;\n" +
+                  "\n" +
+                  "/**\n" +
+                  " * @Author: DongZeLiang\n" +
+                  " * @date: 2024/5/6\n" +
+                  " * @Description: ce-IAW3S02\n" +
+                  " * @Version: 1.0\n" +
+                  " */\n" +
+                  "public class engine_custom_email_IAW3S02 extends DataModelEngine {\n" +
+                  "    @Override\n" +
+                  "    public void execution () {\n" +
+                  "        Object value = getValue();\n" +
+                  "\n" +
+                  "        if (value == null || \"\".equals(value) || \"null\".equals(value)) {\n" +
+                  "            throw new ActionDiscard();\n" +
+                  "        }\n" +
+                  "    }\n" +
+                  "}"
+              },
+              {
+                "name": "筛选不合规邮箱", "code": "JISID8S", "status": "2", "isTest": "1",
+                "versionCode": "engine_custom_email_JISID8S", "isActivate": "activated",
+                "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>","codeIng": "package com.muyu.rule.engine.custom;\n" +
+                  "\n" +
+                  "import com.muyu.engine.action.ActionDiscard;\n" +
+                  "import com.muyu.engine.scope.DataModelEngine;\n" +
+                  "\n" +
+                  "/**\n" +
+                  " * @Author: DongZeLiang\n" +
+                  " * @date: 2024/5/6\n" +
+                  " * @Description: ce-JISID8S\n" +
+                  " * @Version: 1.0\n" +
+                  " */\n" +
+                  "public class engine_custom_email_JISID8S extends DataModelEngine {\n" +
+                  "    @Override\n" +
+                  "    public void execution () {\n" +
+                  "        Object value = getValue();\n" +
+                  "\n" +
+                  "        if (value == null || \"\".equals(value) || \"null\".equals(value)) {\n" +
+                  "            throw new ActionDiscard();\n" +
+                  "        }\n" +
+                  "    }\n" +
+                  "}"
+              },
+              {
+                "name": "剔除自定义邮箱", "code": "DJ8S9EA", "status": "2", "isTest": "2",
+                "versionCode": "engine_custom_email_DJ8S9EA", "isActivate": "no-activate",
+                "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>"
+              },
+              {
+                "name": "邮箱默认值操作", "code": "XJS9E0S", "status": "1", "isTest": "0",
+                "versionCode": "engine_custom_email_XJS9E0S", "isActivate": "no-activate",
+                "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>"
+              }
+            ]
+          }
+        }
+        this.ruleEngineInfo = response.data
     },
-    handleTest() {
-      ruleTest({id:this.versionList[Number(this.activeName)].id,list:this.testData.split(',')}).then(response=>{
-        this.resData=response.data;
-        this.$message.success("测试成功");
-      })
-    },
-    handleClose() {
-      this.visible=false;
+    // 获取代码模板
+    getCodeIng(){
+
+      let packageName = "com.muyu.rule.engine";
+      let customName = "custom";
+      let templateName = "template";
+      let parentClass = "DataModelEngine";
+let codeIng = `package ${packageName}.${customName};
+
+import com.muyu.engine.action.ActionDiscard;
+import com.muyu.engine.scope.${parentClass};
+
+/**
+ * @Author: DongZeLiang
+ * @date: 2024/5/6
+ * @Description: ${this.engineVersionForm.name}-${this.engineVersionForm.code}
+ * @Version: 1.0
+ */
+public class ${this.engineVersionForm.versionCode} extends ${parentClass} {
+    @Override
+    public void execution () {
+        Object value = getValue();
+
+        if (value == null || "".equals(value) || "null".equals(value)) {
+            throw new ActionDiscard();
+        }
     }
+}`;
+      return codeIng;
+    }
+
   }
 }
 </script>
 
-<style>
-
+<style scoped>
+.box-card{
+  margin-top: 20px;
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: #409EFF;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.CodeMirror {
+  height: 600px;
+}
 </style>