From cc25d3692a36fff71b6212c80afdf955ef197559 Mon Sep 17 00:00:00 2001
From: Qin Dong Ming <2720806930@qq.com>
Date: Sun, 25 Aug 2024 19:56:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/engine/engine/index.vue | 270 ++++++++++++++++++++----------
 1 file changed, 186 insertions(+), 84 deletions(-)

diff --git a/src/views/engine/engine/index.vue b/src/views/engine/engine/index.vue
index 6a57bca..1cde95f 100644
--- a/src/views/engine/engine/index.vue
+++ b/src/views/engine/engine/index.vue
@@ -1,17 +1,17 @@
 <template>
   <div>
-    <el-form  label-width="80px" :model="engine"  :inline="true" class="demo-form-inline" size="small">
+    <el-form  label-width="80px" :model="engineReq"  :inline="true" class="demo-form-inline" size="small">
       <el-form-item label="规则名称">
-        <el-input v-model="engine.name"></el-input>
+        <el-input v-model="engineReq.name"></el-input>
       </el-form-item>
       <el-form-item label="规则类型">
-        <el-input v-model="engine.type"></el-input>
+        <el-input v-model="engineReq.type"></el-input>
       </el-form-item>
       <el-form-item label="是否激活">
-        <el-input v-model="engine.isActivate"></el-input>
+        <el-input v-model="engineReq.isActivate"></el-input>
       </el-form-item>
       <el-form-item label="规则状态">
-        <el-input v-model="engine.status"></el-input>
+        <el-input v-model="engineReq.status"></el-input>
       </el-form-item>
       <el-button @click="select()">
         查询
@@ -26,46 +26,114 @@
       v-hasPermi="['source:data:export']"
     >导出
     </el-button>
+
+<!--  添加按钮  /-->
     <el-button
-      icon="el-icon-delete"
+      type="primary"
       plain
+      icon="el-icon-plus"
       size="mini"
-      type="danger"
-      @click="insert()"
+      @click="handleAdd"
+      v-hasPermi="['source:data:add']"
     >新增
     </el-button>
-    <el-dialog title="添加数据源接入" :visible.sync="dialogFormVisible" >
-      <el-form :model="engine">
-        <el-form-item label="接入源名称">
-          <el-input v-model="engine.id"></el-input>
-        </el-form-item>
-        <el-form-item label="数据来源系统名称">
-          <el-input v-model="engine.name"></el-input>
-        </el-form-item>
-        <el-form-item label="主机地址">
-          <el-input v-model="engine.type"></el-input>
-        </el-form-item>
-        <el-form-item label="主机端口">
-          <el-input v-model="engine.scope"></el-input>
-        </el-form-item>
-        <el-form-item label="数据接入类型">
-          <el-input v-model="engine.engineCode"></el-input>
-        </el-form-item>
-        <el-form-item label="数据库名称">
-          <el-input v-model="engine.isActivate"></el-input>
-        </el-form-item>
-        <el-form-item label="数据库用户">
-          <el-input v-model="engine.status"></el-input>
-        </el-form-item>
-        <el-form-item label="数据库密码">
-          <el-input v-model="engine.description"></el-input>
-        </el-form-item>
+
+
+
+
+
+
+
+    <!-- 添加或修改规则引擎对话框 -->
+    <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="engineCode">
+              <el-input v-model="form.engineCode" 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="Number(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.rule_engine_level"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="Number(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 @click="dialogFormVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+
+
+
+
     <el-table :data="arr" style="width: 100%">
       <el-table-column label="编号" prop="id"></el-table-column>
       <el-table-column label="名称" prop="name"></el-table-column>
@@ -113,33 +181,13 @@
             icon="el-icon-service"
             size="mini"
             type="text"
-            @click="handUpdate(scope.row.id)">规则维护</el-button>
+            @click="handleUpdate(scope.row)">修改规则配置</el-button>
+
+          <router-link to="list">规则维护</router-link>
         </template>
       </el-table-column>
     </el-table>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 <!--    分页-->
-
-
-
-
-
-
-
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
@@ -150,16 +198,6 @@
       :total="total">
     </el-pagination>
 
-
-
-
-
-
-
-
-
-
-
   </div>
 </template>
 
@@ -168,7 +206,10 @@
 //例如：import 《组件名称》 from '《组件路径》,
 import {insertAdd} from "@/api/etl/switch";
 import {del, insert, selectEngineList, update} from "@/api/engine/engine";
+
 export default {
+  name: "maintenance",
+  dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
   //import引入的组件需要注入到对象中才能使用"
   components: {},
   props: {},
@@ -183,9 +224,39 @@ export default {
       engine:{
 
       },
+      title: "",
       arr:[],
       dialogFormVisible:false,
-      total:0
+      total:0,
+      form: {},
+      open:false,
+      // 表单校验
+      rules: {
+        name: [
+          {required: true, message: "规则名称不能为空", trigger: "blur"}
+        ],
+        type: [
+          {required: true, message: "规则类型不能为空", trigger: "change"}
+        ],
+        engineCode: [
+          {required: true, message: "规则编码不能为空", trigger: "blur"}
+        ],
+        // scope: [
+        //   {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"}
+        ],
+      }
     };
   },
   //计算属性 类似于data概念",
@@ -204,13 +275,6 @@ export default {
       this.engineReq.pageNum = val;
       this.findSelectSourceList();
     },
-    insert(){
-      this.dialogFormVisible = true
-      insert(this.engine).then(res =>{
-        this.$message.success(res.msg || "添加成功")
-      })
-      this.engine = {}
-    },
     findSelectSourceList(){
       selectEngineList(this.engineReq).then(res=>{
           this.arr=res.data.list;
@@ -219,12 +283,10 @@ export default {
     },
     handleDelete(id){
       del(id).then(res =>{
-        this.$message.success(res.msg || "删除成功")
-      })
-    },
-    handUpdate(){
-      update(this.engine).then(res =>{
-        this.$message.success(res.msg || "修改成功")
+        //判断删除是否成功
+        if (confirm("是否删除这条数据？")){
+          this.$message.success(res.msg || "删除成功")
+        }
       })
     },
     findSelectSourceExport(){
@@ -234,7 +296,47 @@ export default {
     },
     select(){
       this.findSelectSourceList();
-    }
+    },
+
+
+    /** 新增按钮操作 */
+    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 => {
+        if (valid) {
+          if (this.form.id != null) {
+            update(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.findSelectSourceList();
+              this.open = false;
+            })
+          } else {
+            insert(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.findSelectSourceList();
+              this.open = false;
+            })
+          }
+        }
+      });
+    },
+
+
+
+
+
   },
   //生命周期 - 创建完成（可以访问当前this实例）",
   created() {