wang_xi_zhao
/
assets-uim
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat()规则引擎

dev-1
王熙朝 2024-05-06 14:33:29 +08:00
parent 7e498b07b9
commit f6ad3142f9
6 changed files with 196 additions and 180 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -53,6 +53,7 @@
"screenfull": "5.0.2",
"sortablejs": "1.10.2",
"vue": "2.6.12",
"vue-codemirror": "^4.0.6",
"vue-count-to": "1.0.13",
"vue-cropper": "0.5.5",
"vue-meta": "2.4.0",

23
src/api/goods/config.js
View File

@ -9,6 +9,14 @@ export function listConfig(query) {
})
}
// 查询引擎列表
export function listConfigEs(ruleId) {
return request({
url: '/goods/config/listConfigEs/' + ruleId,
method: 'post'
})
}
// 查询引擎详细
export function getConfig(id) {
return request({
@ -42,3 +50,18 @@ export function delConfig(id) {
method: 'delete'
})
}
// 测试
export function textData(data) {
return request({
url: '/goods/config/testData',
method: 'post',
data
})
}
// 通过引擎作用域编号获取引擎配置作用域信息
export function getScopeInfo(id) {
return request({
url: '/goods/config/getScopeInfo/' + id,
method: 'post'
})
}

111
src/components/Encoding/index.vue
View File

@ -1,35 +1,35 @@
<template>
<div style="height: 800px">
<codemirror ref="codeMirror" :value="code" :options="cmOptions" style="height: 800px"></codemirror>
<codemirror ref="codeMirror" v-model="code" :options="cmOptions" style="height: 800px"/>
</div>
</template>
<script>
// import 'codemirror/mode/clike/clike';
// // cm-setting.js
// // 组件样式
// import 'codemirror/lib/codemirror.css';
// // 主题
// import 'codemirror/theme/eclipse.css';
import { codemirror } from 'vue-codemirror'
import 'codemirror/mode/clike/clike';
// cm-setting.js
// 组件样式
import 'codemirror/lib/codemirror.css';
// 主题
import 'codemirror/theme/eclipse.css';
// import 'codemirror/theme/monokai.css';
// // html代码高亮
// import 'codemirror/mode/htmlmixed/htmlmixed.js';
// // 语言模式
// import 'codemirror/mode/javascript/javascript.js';
// import 'codemirror/mode/css/css.js';
// import 'codemirror/mode/xml/xml.js';
// // 代码展开折叠
// import 'codemirror/addon/fold/foldcode.js';
// import 'codemirror/addon/fold/foldgutter.js';
// import 'codemirror/addon/fold/foldgutter.css';
// import 'codemirror/addon/fold/brace-fold.js';
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
// 例如：import 《组件名称》 from '《组件路径》,
// html代码高亮
import 'codemirror/mode/htmlmixed/htmlmixed.js';
// 语言模式
import 'codemirror/mode/javascript/javascript.js';
import 'codemirror/mode/css/css.js';
import 'codemirror/mode/xml/xml.js';
// 代码展开折叠
import 'codemirror/addon/fold/foldcode.js';
import 'codemirror/addon/fold/foldgutter.js';
import 'codemirror/addon/fold/foldgutter.css';
import 'codemirror/addon/fold/brace-fold.js';
export default {
// import引入的组件需要注入到对象中才能使用"
components: { codemirror },
components: {
codemirror,
},
props: {
value: {
default: "",
@ -40,58 +40,47 @@ export default {
type: Boolean
}
},
name: "Encoding",
data() {
// 这里存放数据"
return {
codemirror: null,
code:this.value,
code: this.value,
cmOptions: {
autoRefresh: true,
value: '',
mode: 'text/x-java',
tabSize: 4,
styleActiveLine: true,
lineNumbers: true,
theme: 'eclipse',
readOnly: this.readOnly,
lineWrapping: true,
autoRefresh: true, // 重点是这句，为true
value: '', // 初始内容
mode: 'text/x-java', //实现Java代码高亮
tabSize: 4, // tab的空格宽度
styleActiveLine: true, // 设置光标所在行高亮true/false
lineNumbers: true, //显示行号
theme: 'eclipse', //设置主题cobalt/monokai
// json: true,
readOnly: this.readOnly, // 设置为只读true/false;也可设置为"nocursor"失去焦点
lineWrapping: false,
foldGutter: true,
gutters: [
'CodeMirror-lint-markers', //代码错误检测
'CodeMirror-linenumbers',
'CodeMirror-foldgutter', //展开折叠
]
}
],
},
}
},
watch:{
code:{
handler(val){
this.$emit('input', val);
},
immediate:true
}
},
// 计算属性 类似于data概念",
computed: {},
// 监控data中的数据变化",
watch: {},
// 方法集合",
methods: {},
// 生命周期 - 创建完成（可以访问当前this实例）",
created() {
},
// 生命周期 - 挂载完成（可以访问DOM元素）",
mounted() {
},
beforeCreate() {
}, // 生命周期 - 创建之前",
beforeMount() {
}, // 生命周期 - 挂载之前",
beforeUpdate() {
}, // 生命周期 - 更新之前",
updated() {
}, // 生命周期 - 更新之后",
beforeDestroy() {
}, // 生命周期 - 销毁之前",
destroyed() {
}, // 生命周期 - 销毁完成",
activated() {
} // 如果页面有keep-alive缓存功能，这个函数会触发",
methods: {}
}
</script>
<style scoped>
<style>
.CodeMirror {
font-family: 'JetBrainsMono-Medium', monospace;
height: 800px;

6
src/views/engine/codfing/index.vue
View File

@ -18,7 +18,8 @@
</div>
<el-tabs type="border-card" v-model="codeCardStatus">
<el-tab-pane v-for="scope in scopeList" :label="scope.type" :name="scope.val">
<encoding v-if="codeCardStatus === scope.val" style="height: 800px" v-model="scope.code" :read-only="true">{{scope.code}}</encoding>
<encoding v-if="codeCardStatus === scope.val" style="height: 800px" v-model="scope.code" :read-only="true">
</encoding>
</el-tab-pane>
</el-tabs>
</el-card>
@ -30,9 +31,10 @@
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
// 例如：import 《组件名称》 from '《组件路径》,
import { listCope } from '@/api/goods/cope'
import Encoding from "@/components/Encoding/index.vue";
export default {
// import引入的组件需要注入到对象中才能使用"
components: { },
components: { Encoding },
props: {},
data() {
// 这里存放数据"

2
src/views/engine/rule/index.vue
View File

@ -342,7 +342,7 @@ export default {
});
},
toEngineVersion(row){
this.$router.push( {path: `/engine/version/${row.ruleId}`});
this.$router.push( {path: `version/${row.ruleId}`});
// selectRuleEngineByRuleId(row.ruleId).then(res => {
// this.engine = res.data
// this.cisid = true;

211
src/views/engine/version/index.vue
View File

@ -6,109 +6,74 @@
<el-button style="float: right" @click="goBack" size="medium" type="text">返回</el-button>
</div>
<el-descriptions border :column="3">
<el-descriptions-item label="主键">{{ruleInfo.ruleId}}</el-descriptions-item>
<el-descriptions-item label="规则名称">{{ruleInfo.ruleName}}</el-descriptions-item>
<el-descriptions-item label="引擎编码">{{ruleInfo.ruleCode}}</el-descriptions-item>
<el-descriptions-item label="规则级别">{{ruleInfo.ruleLevel}}</el-descriptions-item>
<el-descriptions-item label="规则类型">{{ruleInfo.ruleType}}</el-descriptions-item>
<el-descriptions-item label="是否激活">{{ruleInfo.ruleIsActivate}}</el-descriptions-item>
<el-descriptions-item label="规则状态">{{ruleInfo.ruleStatus}}</el-descriptions-item>
<el-descriptions-item label="代码文本">{{ruleInfo.description}}</el-descriptions-item>
<el-descriptions-item label="备注">{{ruleInfo.remark}}</el-descriptions-item>
<el-descriptions-item label="是否激活">
<el-tag size="small" v-if="ruleInfo.ruleIsActivate === 'Y'">是</el-tag>
<el-tag size="small" v-if="ruleInfo.ruleIsActivate === 'N'">否</el-tag>
</el-descriptions-item>
<el-descriptions-item label="规则状态">
<el-tag size="small" v-if="ruleInfo.ruleStatus === 'Y'">在用</el-tag>
<el-tag size="small" v-if="ruleInfo.ruleStatus === 'N'">停用</el-tag>
</el-descriptions-item>
</el-descriptions>
</el-card>
<el-card :body-style="{ padding: '0.3px' }" class="versionContainer" style="width: 95%;margin-left: 35px;margin-top: 10px">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['goods:config:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['goods:config:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['goods:config: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="['goods:config:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="编号" align="center" prop="id" />
<el-table-column label="版本编码" align="center" prop="versionCode" />
<el-table-column label="规则内容" align="center" prop="ruleContent" />
<el-table-column label="维护编号" align="center" prop="ruleId" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['goods:config:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['goods:config:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改引擎对话框 -->
<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="规则内容">
<editor v-model="form.ruleContent" :min-height="192"/>
</el-form-item>
<el-form-item label="维护编号" prop="ruleId">
<el-input v-model="form.ruleId" placeholder="请输入维护编号" />
<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">
@ -116,7 +81,6 @@
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</el-card>
</div>
</template>
@ -124,18 +88,20 @@
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
// 例如：import 《组件名称》 from '《组件路径》,
import { selectRuleEngineByRuleId } from "@/api/goods/engine";
// import Encoding from "@/components/Encoding/index.vue";
import { listConfig, getConfig, addConfig, updateConfig, delConfig } from "@/api/goods/config";
import Encoding from "@/components/Encoding/index.vue";
import { listConfigEs, getConfig, addConfig, updateConfig, delConfig, textData, getScopeInfo } from "@/api/goods/config";
export default {
// import引入的组件需要注入到对象中才能使用"
components: {},
components: { Encoding },
props: {},
data() {
// 这里存放数据"
return {
visible: false,
ruleId: 1,
// configId: this.$route.params && this.$route.params.configId,
ruleId: this.$route.params && this.$route.params.ruleId,
// ruleId: 1,
ruleInfo: {},
// 遮罩层
loading: true,
@ -174,8 +140,11 @@ export default {
{ required: true, message: "新增依据不能为空", trigger: "blur" }
],
},
testData:'1424587994@163com,2949451835@qq.com',
activeName: '0',
versionList: []
baseRuleContent:'',
versionList: [],
resData: ''
}
},
// 计算属性 类似于data概念",
@ -188,9 +157,13 @@ export default {
selectRuleEngineByRuleId(this.ruleId).then(res => {
this.ruleInfo = res.data
})
listConfig().then(res => {
listConfigEs(this.ruleId).then(res => {
this.versionList = res.data
})
getScopeInfo(0).then(res => {
console.log(res.data)
this.baseRuleContent = res.data.code
})
},
// 取消按钮
cancel() {
@ -207,10 +180,21 @@ export default {
};
this.resetForm("form");
},
// 更新依据
handlerChange(val){
if(val!=='-1'){
this.form.ruleContent=this.versionList[Number(val)].ruleContent;
}else {
this.form.ruleContent=this.baseRuleContent;
}
},
goBack() {
this.$router.go(-1);
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
this.init();
},
/** 重置按钮操作 */
resetQuery() {
@ -227,6 +211,7 @@ export default {
handleAdd() {
this.reset();
this.open = true;
this.form.ruleId=this.ruleInfo.ruleId;
this.title = "添加引擎";
},
/** 修改按钮操作 */
@ -247,33 +232,49 @@ export default {
updateConfig(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
this.init();
});
} else {
addConfig(this.form).then(response => {
console.log(this.form)
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
this.init();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
handleDel(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除引擎编号为"' + ids + '"的数据项？').then(function() {
return delConfig(ids);
let data = this.versionList[Number(this.activeName)]
this.$modal.confirm('是否确认删除引擎版本为"' + data.versionCode + '"的数据项？').then(function() {
return delConfig(data.id);
}).then(() => {
this.getList();
this.init();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
saveContent() {
updateConfig(this.versionList[Number(this.activeName)]).then(response => {
this.$message.success("保存成功");
})
},
/** 导出按钮操作 */
handleExport() {
this.download('system/config/export', {
...this.queryParams
}, `config_${new Date().getTime()}.xlsx`)
},
handleTest() {
textData({id:this.versionList[Number(this.activeName)].id,list:this.testData.split(',')}).then(response=>{
this.resData=response.data;
this.$message.success("测试成功");
})
},
handleClose() {
this.visible=false;
}
},
// 生命周期 - 创建完成（可以访问当前this实例）",