From 30bf28c2ddbb57e5237c831f46a9af6b3e95b86b Mon Sep 17 00:00:00 2001
From: chao <3072464591@QQ.com>
Date: Tue, 7 May 2024 15:50:23 +0800
Subject: [PATCH] =?UTF-8?q?refactor()=20=E9=87=8D=E6=9E=84=E5=BC=95?=
 =?UTF-8?q?=E6=93=8E=E7=BB=B4=E6=8A=A4=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data/rule/engineMaintenance/index.vue     | 143 +++++++-------
 src/views/data/rule/engineVersion/index.vue   | 182 +++++++++++++-----
 2 files changed, 214 insertions(+), 111 deletions(-)

diff --git a/src/views/data/rule/engineMaintenance/index.vue b/src/views/data/rule/engineMaintenance/index.vue
index 8ab29bd..3682d75 100644
--- a/src/views/data/rule/engineMaintenance/index.vue
+++ b/src/views/data/rule/engineMaintenance/index.vue
@@ -19,16 +19,6 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="规则作用域" prop="scope">
-        <el-select v-model="queryParams.scope" placeholder="请选择规则作用域" clearable>
-          <el-option
-            v-for="dict in dict.type.scope"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
       <el-form-item label="是否激活" prop="activatedOrNot">
         <el-select v-model="queryParams.activatedOrNot" placeholder="请选择是否激活" clearable>
           <el-option
@@ -183,63 +173,84 @@
     />
 
     <!-- 添加或修改引擎维护对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="75%" 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="type">
-          <el-select v-model="form.type" placeholder="请选择规则类型">
-            <el-option
-              v-for="dict in dict.type.type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="规则作用域" prop="scope">
-          <el-select v-model="form.scope" placeholder="请选择规则作用域">
-            <el-option
-              v-for="dict in dict.type.scope"
-              :key="dict.value"
-              :label="dict.label"
-              :value="parseInt(dict.value)"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="引擎编码" prop="encoding">
-          <el-input v-model="form.encoding" placeholder="请输入引擎编码"/>
-        </el-form-item>
-        <el-form-item label="是否激活" prop="activatedOrNot">
-          <el-radio-group v-model="form.activatedOrNot">
-            <el-radio
-              v-for="dict in dict.type.activated_or_not"
-              :key="dict.value"
-              :label="dict.value"
-            >{{ dict.label }}
-            </el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="规则状态" prop="status">
-          <el-select v-model="form.status" placeholder="请选择规则状态">
-            <el-option
-              v-for="dict in dict.type.status"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="描述" prop="description">
-          <el-input v-model="form.description" type="textarea" placeholder="请输入内容"/>
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" placeholder="请输入备注"/>
-        </el-form-item>
-        <el-form-item label="编辑代码文本" prop="codeText">
-          <el-input v-model="form.codeText" placeholder="请输入编辑代码文本"/>
-        </el-form-item>
+        <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="encoding">
+              <el-input v-model="form.encoding" 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.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="scope">
+              <el-select v-model="form.scope" placeholder="请选择规则级别" style="width: 100%">
+                <el-option
+                  v-for="dict in dict.type.scope"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="parseInt(dict.value)"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="是否激活" prop="activatedOrNot">
+              <el-radio-group v-model="form.activatedOrNot">
+                <el-radio
+                  v-for="dict in dict.type.activated_or_not"
+                  :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.status"
+                  :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>
diff --git a/src/views/data/rule/engineVersion/index.vue b/src/views/data/rule/engineVersion/index.vue
index 36812ef..7643afb 100644
--- a/src/views/data/rule/engineVersion/index.vue
+++ b/src/views/data/rule/engineVersion/index.vue
@@ -1,71 +1,163 @@
 <template>
-  <div>
-    <el-card style="height: 90%">
+  <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>{{ 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>
+        <span>规则引擎版本</span>
       </div>
+      <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">
+                <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="info">规则详情</el-dropdown-item>
+                  <el-dropdown-item command="test">测试规则</el-dropdown-item>
+                  <el-dropdown-item command="status">禁用规则</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>
+            <editor style="margin-top: 10px" :read-only="true" v-model="ruleEngineInfo.description"></editor>
+          </el-card>
+        </el-col>
+      </el-row>
     </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 Encoding from "@/components/Encoding/index.vue";
-import {getEngine} from "@/api/data/engine";
-import path from "path";
-
 export default {
   name: "EngineVersion",
-  components: {Encoding},
+  dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level', 'rule_engine_version_status'],
   data() {
     return {
-      dialogVisible: false,
       ruleEngineId: this.$route.query.id,
-      ruleEngineInfo: {},
-      modification: null
+      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",
+      }
     }
   },
   created() {
-    this.getInfo()
+    this.initRuleEngine();
   },
   methods: {
-    updRuleEngine() {
-      this.modification = parseInt(this.ruleEngineId)
-      setTimeout(() => {
-        this.modification = null
-        this.dialogVisible = false
-      }, 50)
-    },
-    getInfo() {
-      if (this.$route.query.id === undefined) {
-        this.$router.push({path: this.path})
-        return
+    handleClick(clickType){
+      if (clickType === "add"){
+
+      }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("引擎状态操作成功");
       }
-      getEngine(this.$route.query.id).then(res => {
-        this.ruleEngineInfo = res.data
-        console.log(this.ruleEngineInfo)
-      })
+    },
+    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",
+              "versionCode": "engine_custom_email_IAW3S02", "isActivate": "no-activate",
+              "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>"
+            },
+            {
+              "name": "筛选不合规邮箱", "code": "JISID8S", "status": "2",
+              "versionCode": "engine_custom_email_JISID8S", "isActivate": "activated",
+              "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>"
+            },
+            {
+              "name": "剔除自定义邮箱", "code": "DJ8S9EA", "status": "2",
+              "versionCode": "engine_custom_email_DJ8S9EA", "isActivate": "no-activate",
+              "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>"
+            },
+            {
+              "name": "邮箱默认值操作", "code": "XJS9E0S", "status": "1",
+              "versionCode": "engine_custom_email_XJS9E0S", "isActivate": "no-activate",
+              "description": "<p>根据邮箱规则进行数据校验，内包含所有邮箱校验规则</p>"
+            }
+          ]
+        }
+      }
+      this.ruleEngineInfo = response.data
     }
+
   }
 }
 </script>
 
 <style scoped>
-
+.box-card{
+  margin-top: 20px;
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: #409EFF;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
 </style>