feat(): 规则引擎初版列表功能

master
DongZeLiang 2024-04-24 20:02:09 +08:00
parent fbe59aba34
commit fe64030e86
4 changed files with 210 additions and 60 deletions

View File

@ -610,6 +610,57 @@ let dictDataMap =
"remark": null "remark": null
} }
], ],
// 规则作用域
"rule_engine_level": [
{
"createBy": 1,
"createTime": "2024-04-23 09:40:51",
"updateBy": null,
"updateTime": null,
"dictCode": 30,
"dictSort": 0,
"dictLabel": "数据集",
"dictValue": "data-set",
"dictType": "rule_engine_level",
"cssClass": null,
"listClass": "primary",
"isDefault": "N",
"status": "0",
"remark": null
},
{
"createBy": 1,
"createTime": "2024-04-23 09:41:25",
"updateBy": null,
"updateTime": null,
"dictCode": 31,
"dictSort": 1,
"dictLabel": "记录",
"dictValue": "data-record",
"dictType": "rule_engine_level",
"cssClass": null,
"listClass": "primary",
"isDefault": "N",
"status": "0",
"remark": null
},
{
"createBy": 1,
"createTime": "2024-04-23 09:41:25",
"updateBy": null,
"updateTime": null,
"dictCode": 31,
"dictSort": 1,
"dictLabel": "数据字段",
"dictValue": "data-field",
"dictType": "rule_engine_level",
"cssClass": null,
"listClass": "primary",
"isDefault": "N",
"status": "0",
"remark": null
}
],
// 规则引擎激活状态 // 规则引擎激活状态
"rule_engine_activate_status": [ "rule_engine_activate_status": [
{ {

View File

@ -266,6 +266,18 @@ let routeResponse = {
"link": null "link": null
}, },
"children": [ "children": [
{
"name": "EngineConfig",
"path": "engine-config",
"hidden": false,
"component": "ruleEngine/engineConfig/index",
"meta": {
"title": "规则配置",
"icon": "slider",
"noCache": false,
"link": null
}
},
{ {
"name": "EngineMaintenance", "name": "EngineMaintenance",
"path": "engine-maintenance", "path": "engine-maintenance",

View File

@ -0,0 +1,21 @@
<template>
<div>
规则配置
</div>
</template>
<script>
export default {
name: "EngineConfig",
data() {
return {}
},
created() {
},
methods: {}
}
</script>
<style scoped>
</style>

View File

@ -56,17 +56,6 @@
v-hasPermi="['system:engine:add']" v-hasPermi="['system:engine:add']"
>新增</el-button> >新增</el-button>
</el-col> </el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:engine:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
@ -93,13 +82,18 @@
<el-table v-loading="loading" :data="engineList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="engineList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="${comment}" align="center" prop="id" />
<el-table-column label="规则名称" align="center" prop="name" /> <el-table-column label="规则名称" align="center" prop="name" />
<el-table-column label="规则类型" align="center" prop="type"> <el-table-column label="规则类型" align="center" prop="type">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.rule_engine_type" :value="scope.row.type"/> <dict-tag :options="dict.type.rule_engine_type" :value="scope.row.type"/>
</template> </template>
</el-table-column> </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"> <el-table-column label="是否激活" align="center" prop="isActivate">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.rule_engine_activate_status" :value="scope.row.isActivate"/> <dict-tag :options="dict.type.rule_engine_activate_status" :value="scope.row.isActivate"/>
@ -110,8 +104,6 @@
<dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/> <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="规则描述" align="center" prop="description" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -141,45 +133,82 @@
/> />
<!-- 添加或修改规则引擎对话框 --> <!-- 添加或修改规则引擎对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="规则名称" prop="name"> <el-row>
<el-input v-model="form.name" placeholder="请输入规则名称" /> <el-col :span="12">
</el-form-item> <el-form-item label="规则名称" prop="name">
<el-form-item label="规则类型" prop="type"> <el-input v-model="form.name" placeholder="请输入规则名称" />
<el-select v-model="form.type" placeholder="请选择规则类型"> </el-form-item>
<el-option </el-col>
v-for="dict in dict.type.rule_engine_type" <el-col :span="12">
:key="dict.value" <el-form-item label="规则编码" prop="code">
:label="dict.label" <el-input v-model="form.code" placeholder="请输入规则编码" />
:value="dict.value" </el-form-item>
></el-option> </el-col>
</el-select> </el-row>
</el-form-item> <el-row>
<el-form-item label="是否激活" prop="isActivate"> <el-col :span="12">
<el-radio-group v-model="form.isActivate"> <el-form-item label="规则类型" prop="type">
<el-radio <el-select v-model="form.type" placeholder="请选择规则类型" style="width: 100%">
v-for="dict in dict.type.rule_engine_activate_status" <el-option
:key="dict.value" v-for="dict in dict.type.rule_engine_type"
:label="dict.value" :key="dict.value"
>{{dict.label}}</el-radio> :label="dict.label"
</el-radio-group> :value="dict.value"
</el-form-item> ></el-option>
<el-form-item label="规则状态" prop="status"> </el-select>
<el-radio-group v-model="form.status"> </el-form-item>
<el-radio </el-col>
v-for="dict in dict.type.sys_normal_disable" <el-col :span="12">
:key="dict.value" <el-form-item label="规则级别" prop="level">
:label="dict.value" <el-select v-model="form.level" placeholder="请选择规则级别" style="width: 100%">
>{{dict.label}}</el-radio> <el-option
</el-radio-group> v-for="dict in dict.type.rule_engine_level"
</el-form-item> :key="dict.value"
<el-form-item label="规则描述"> :label="dict.label"
<editor v-model="form.description" :min-height="192"/> :value="dict.value"
</el-form-item> ></el-option>
<el-form-item label="备注" prop="remark"> </el-select>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> </el-form-item>
</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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
@ -193,7 +222,7 @@
export default { export default {
name: "EngineMaintenance", name: "EngineMaintenance",
dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable'], dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
data() { data() {
return { return {
// //
@ -234,6 +263,12 @@ export default {
type: [ type: [
{ required: true, message: "规则类型不能为空", trigger: "change" } { required: true, message: "规则类型不能为空", trigger: "change" }
], ],
code: [
{ required: true, message: "规则编码不能为空", trigger: "blur" }
],
level: [
{ required: true, message: "规则级别不能为空", trigger: "change" }
],
isActivate: [ isActivate: [
{ required: true, message: "是否激活不能为空", trigger: "change" } { required: true, message: "是否激活不能为空", trigger: "change" }
], ],
@ -261,7 +296,41 @@ export default {
"msg": "查询成功", "msg": "查询成功",
"data": { "data": {
"total": 1, "total": 1,
"rows": [] "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.engineList = response.data.rows;
@ -279,13 +348,9 @@ export default {
id: null, id: null,
name: null, name: null,
type: null, type: null,
isActivate: null, isActivate: "no-activate",
status: null, status: "0",
description: null, description: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
remark: null remark: null
}; };
this.resetForm("form"); this.resetForm("form");
@ -322,6 +387,7 @@ export default {
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
console.log(JSON.stringify(this.form))
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");