feat() 规则维护页面

chao
chao 2024-05-07 18:51:28 +08:00
parent 30bf28c2dd
commit 7e900363a1
3 changed files with 247 additions and 79 deletions

View File

@ -35,6 +35,24 @@ export function updateEngine(data) {
}) })
} }
// 修改引擎维护
export function updateEngineActivatedOrNot(data) {
return request({
url: '/data/engine/editActivatedOrNot',
method: 'put',
data: data
})
}
// 修改引擎维护
export function updateEngineStatus(data) {
return request({
url: '/data/engine/editStatus',
method: 'put',
data: data
})
}
// 删除引擎维护 // 删除引擎维护
export function delEngine(id) { export function delEngine(id) {
return request({ return request({

View File

@ -333,7 +333,6 @@ export default {
}) })
}, },
toEngineVersion(row) { toEngineVersion(row) {
console.log(row.id)
this.$router.push({path: `/rule/ruleEngine`,query:{id: row.id}}) this.$router.push({path: `/rule/ruleEngine`,query:{id: row.id}})
}, },
/** 查询引擎维护列表 */ /** 查询引擎维护列表 */

View File

@ -6,28 +6,33 @@
更多操作 更多操作
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="add">版本添加</el-dropdown-item> <el-dropdown-item command="add">版本添加</el-dropdown-item>
<el-dropdown-item command="activate">{{(ruleEngineInfo.isActivate === 'no-activate' ? "激活": "禁用")+'引擎'}}</el-dropdown-item> <el-dropdown-item command="activatedOrNot">
<el-dropdown-item command="status">{{(ruleEngineInfo.status === '0' ? "关闭": "开启")+'引擎'}}</el-dropdown-item> {{ (ruleEngineInfo.activatedOrNot === 'N' ? "激活" : "禁用") + '引擎' }}
</el-dropdown-item>
<el-dropdown-item command="status">{{ (ruleEngineInfo.status === 'Y' ? "关闭" : "开启") + '引擎' }}
</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</template> </template>
<el-descriptions-item label="规则名称"> {{ruleEngineInfo.name}} </el-descriptions-item> <el-descriptions-item label="规则名称"> {{ ruleEngineInfo.name }}</el-descriptions-item>
<el-descriptions-item label="规则类型"> <el-descriptions-item label="规则类型">
<dict-tag :options="dict.type.rule_engine_type" :value="ruleEngineInfo.type"/> <dict-tag :options="dict.type.type" :value="ruleEngineInfo.type"/>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="规则作用域"> <el-descriptions-item label="规则作用域">
<dict-tag :options="dict.type.rule_engine_level" :value="ruleEngineInfo.level"/> <dict-tag :options="dict.type.scope" :value="ruleEngineInfo.scope"/>
</el-descriptions-item>
<el-descriptions-item label="引擎编码"> {{ ruleEngineInfo.encoding + " (" + ruleEngineInfo.encoding + ")" }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="引擎编码"> {{ruleEngineInfo.code + " ("+ruleEngineInfo.engineCode+")"}} </el-descriptions-item>
<el-descriptions-item label="是否激活"> <el-descriptions-item label="是否激活">
<dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineInfo.isActivate"/> <dict-tag :options="dict.type.activated_or_not" :value="ruleEngineInfo.activatedOrNot"/>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="规则状态"> <el-descriptions-item label="规则状态">
<dict-tag :options="dict.type.sys_normal_disable" :value="ruleEngineInfo.status"/> <dict-tag :options="dict.type.status" :value="ruleEngineInfo.status"/>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
<editor style="margin-top: 20px" :read-only="true" v-model="ruleEngineInfo.description"></editor> <editor style="margin-top: 20px" :read-only="true" v-model="ruleEngineInfo.description"></editor>
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>规则引擎版本</span> <span>规则引擎版本</span>
@ -36,113 +41,257 @@
<el-col :span="12" v-for="ruleEngineVersion in ruleEngineInfo.ruleEngineVersionList"> <el-col :span="12" v-for="ruleEngineVersion in ruleEngineInfo.ruleEngineVersionList">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>{{ruleEngineVersion.name + "-" + ruleEngineVersion.code}}</span> <span>{{ ruleEngineVersion.name + "-" + ruleEngineVersion.code }}</span>
<el-dropdown style="float: right; padding: 3px 0"> <el-dropdown style="float: right; padding: 3px 0" @command="checkRuleEngineVersion">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
更多操作<i class="el-icon-arrow-down el-icon--right"></i> 更多操作<i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="info">规则详情</el-dropdown-item> <el-dropdown-item :command="{event: 'info', ruleEngineVersion: ruleEngineVersion}">规则详情
<el-dropdown-item command="test">测试规则</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item command="status">禁用规则</el-dropdown-item> <el-dropdown-item :command="{event: 'test', ruleEngineVersion: ruleEngineVersion}">测试规则
</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-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<el-descriptions class="margin-top" :column="2" border> <el-descriptions class="margin-top" :column="2" border>
<el-descriptions-item label="版本类" :span="2"> {{ruleEngineVersion.versionCode}} </el-descriptions-item> <el-descriptions-item label="版本类" :span="2"> {{ ruleEngineVersion.versionCode }}</el-descriptions-item>
<el-descriptions-item label="版本名称"> {{ruleEngineVersion.name}} </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="版本CODE"> {{ ruleEngineVersion.code }}</el-descriptions-item>
<el-descriptions-item label="是否激活"> <el-descriptions-item label="是否激活">
<dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersion.isActivate"/> <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersion.isActivate"/>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="版本状态"> <el-descriptions-item label="版本状态">
<dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersion.status"/> <dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersion.status"/>
</el-descriptions-item> </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> </el-descriptions>
<editor style="margin-top: 10px" :read-only="true" v-model="ruleEngineInfo.description"></editor> <editor style="margin-top: 10px" :read-only="true" v-model="ruleEngineVersion.description"></editor>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
</el-card> </el-card>
<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%"
:visible.sync="ruleEngineVersionInfoStatus"
:direction="'rtl'">
</el-drawer>
<el-drawer
title="规则版本测试" size="80%"
:visible.sync="ruleEngineVersionTestStatus"
:direction="'rtl'">
</el-drawer>
</div> </div>
</template> </template>
<script> <script>
import Encoding from "@/components/Encoding/index.vue";
import {getEngine, updateEngineActivatedOrNot, updateEngineStatus} from "@/api/data/engine";
export default { export default {
name: "EngineVersion", name: "EngineVersion",
dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level', 'rule_engine_version_status'], components: {Encoding},
dicts: ['activated_or_not', 'status', 'scope', 'type'],
// dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable',
// 'rule_engine_level', 'rule_engine_version_status', 'rule_engine_activate_is_test'],
data() { data() {
return { return {
ruleEngineId: this.$route.query.id, ruleEngineId: this.$route.query.id,
ruleEngineInfo: { ruleEngineInfo: {},
"id": 1, //
"name": "邮箱规则", addVersionStatus: false,
"type": "rule-custom", engineVersionForm: {
"name": "", "code": "", "status": "0",
"versionCode": "",
"isActivate": "no-activate", "isActivate": "no-activate",
"status": "0", "description": "",
"description": "<p>根据邮箱规则进行数据校验,内包含所有邮箱校验规则</p>", "codeIng": null
"remark": "-", },
"code": "email", //
"engineCode": "engine_custom_email", ruleEngineVersionInfoStatus: false,
"level": "data-field", //
} ruleEngineVersionTestStatus: false,
} }
}, },
created() { created() {
this.initRuleEngine(); this.initRuleEngine();
}, },
methods: { methods: {
handleClick(clickType){ //
if (clickType === "add"){ checkRuleEngineVersion(command) {
switch (command.event) {
}else if(clickType === "activate"){ case "info"://
this.ruleEngineInfo.isActivate = 'no-activate' === this.ruleEngineInfo.isActivate ? 'activated' : 'no-activate' this.ruleEngineVersionInfoStatus = true
this.$modal.msgSuccess("引擎激活状态修改成功"); break;
}else if(clickType === "status"){ case "test"://
this.ruleEngineInfo.status = '0' === this.ruleEngineInfo.status ? '1' : '0' this.ruleEngineVersionTestStatus = true
this.$modal.msgSuccess("引擎状态操作成功"); 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);
},
//
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.addVersionStatus = false;
},
handleClick(clickType) {
if (clickType === "add") {
} else if (clickType === "activatedOrNot") {
updateEngineActivatedOrNot(this.ruleEngineInfo).then(response => {
if (response.data) {
this.$modal.msgSuccess("引擎激活状态修改成功");
this.initRuleEngine();
} else {
this.$modal.msgError("引擎激活状态修改失败");
}
})
} else if (clickType === "status") {
updateEngineStatus(this.ruleEngineInfo).then(response => {
this.$modal.msgSuccess("引擎状态操作成功");
this.initRuleEngine();
})
} }
}, },
initRuleEngine(){ initRuleEngine() {
let response = { getEngine(this.ruleEngineId).then(response => {
"code": 200, this.ruleEngineInfo = response.data;
"msg": "查询成功", })
"data": { },
"id": 1, //
"name": "邮箱规则", getCodeIng() {
"type": "rule-custom",
"isActivate": "no-activate", let packageName = "com.muyu.rule.engine";
"status": "0", let customName = "custom";
"description": "<p>根据邮箱规则进行数据校验,内包含所有邮箱校验规则</p>", let templateName = "template";
"remark": "-", let parentClass = "DataModelEngine";
"code": "email", let codeIng = `package ${packageName}.${customName};
"engineCode": "engine_custom_email",
"level": "data-field", import com.muyu.engine.action.ActionDiscard;
"ruleEngineVersionList": [ import com.muyu.engine.scope.${parentClass};
{
"name": "163剔除", "code": "IAW3S02", "status": "0", /**
"versionCode": "engine_custom_email_IAW3S02", "isActivate": "no-activate", * @Author: DongZeLiang
"description": "<p>根据邮箱规则进行数据校验,内包含所有邮箱校验规则</p>" * @date: 2024/5/6
}, * @Description: ${this.engineVersionForm.name}-${this.engineVersionForm.code}
{ * @Version: 1.0
"name": "筛选不合规邮箱", "code": "JISID8S", "status": "2", */
"versionCode": "engine_custom_email_JISID8S", "isActivate": "activated", public class ${this.engineVersionForm.versionCode} extends ${parentClass} {
"description": "<p>根据邮箱规则进行数据校验,内包含所有邮箱校验规则</p>" @Override
}, public void execution () {
{ Object value = getValue();
"name": "剔除自定义邮箱", "code": "DJ8S9EA", "status": "2",
"versionCode": "engine_custom_email_DJ8S9EA", "isActivate": "no-activate", if (value == null || "".equals(value) || "null".equals(value)) {
"description": "<p>根据邮箱规则进行数据校验,内包含所有邮箱校验规则</p>" throw new ActionDiscard();
},
{
"name": "邮箱默认值操作", "code": "XJS9E0S", "status": "1",
"versionCode": "engine_custom_email_XJS9E0S", "isActivate": "no-activate",
"description": "<p>根据邮箱规则进行数据校验,内包含所有邮箱校验规则</p>"
}
]
} }
} }
this.ruleEngineInfo = response.data }`;
return codeIng;
} }
} }
@ -150,13 +299,15 @@ export default {
</script> </script>
<style scoped> <style scoped>
.box-card{ .box-card {
margin-top: 20px; margin-top: 20px;
} }
.el-dropdown-link { .el-dropdown-link {
cursor: pointer; cursor: pointer;
color: #409EFF; color: #409EFF;
} }
.el-icon-arrow-down { .el-icon-arrow-down {
font-size: 12px; font-size: 12px;
} }