维护列表功能
parent
f2f3c85b94
commit
556ca108aa
|
|
@ -9,9 +9,7 @@ export function selectEngineList(data){
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//添加规则数据
|
||||
export function insert(data){
|
||||
return request({
|
||||
url: "/engine/engine/insert",
|
||||
|
|
@ -20,6 +18,7 @@ export function insert(data){
|
|||
})
|
||||
}
|
||||
|
||||
//修改规则数据
|
||||
export function update(data){
|
||||
return request({
|
||||
url: "/engine/engine/update",
|
||||
|
|
@ -28,8 +27,7 @@ export function update(data){
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//通过id删除数据
|
||||
export function del(id){
|
||||
return request({
|
||||
url: "/engine/engine/delete/" + id,
|
||||
|
|
@ -38,7 +36,6 @@ export function del(id){
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
//开启
|
||||
export function onEngine(id){
|
||||
return request({
|
||||
|
|
@ -48,7 +45,6 @@ export function onEngine(id){
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
//禁用
|
||||
export function forbiddenEngine(id){
|
||||
return request({
|
||||
|
|
@ -58,6 +54,7 @@ export function forbiddenEngine(id){
|
|||
})
|
||||
}
|
||||
|
||||
//查看等级列表信息
|
||||
export function selectLevel(){
|
||||
return request({
|
||||
url: "/engine/level/selectLevelList",
|
||||
|
|
@ -73,7 +70,6 @@ export function getRuleEngineInfo(id) {
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
// 通过id查询
|
||||
export function findById(id) {
|
||||
return request({
|
||||
|
|
@ -82,4 +78,13 @@ export function findById(id) {
|
|||
})
|
||||
}
|
||||
|
||||
//通过id删除数据
|
||||
export function dels(id) {
|
||||
return request({
|
||||
url: '/engine/engine/delete/' + id,
|
||||
method: 'post',
|
||||
data: id
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ export function list(){
|
|||
})
|
||||
}
|
||||
|
||||
//添加类型数据
|
||||
export function insert(data){
|
||||
return request({
|
||||
url: "/engine/type/add",
|
||||
|
|
@ -16,6 +17,7 @@ export function insert(data){
|
|||
})
|
||||
}
|
||||
|
||||
//修改类型数据
|
||||
export function update(data){
|
||||
return request({
|
||||
url: "/engine/type/update",
|
||||
|
|
@ -24,6 +26,7 @@ export function update(data){
|
|||
})
|
||||
}
|
||||
|
||||
//删除类型数据
|
||||
export function del(id){
|
||||
return request({
|
||||
url: "/engine/type/delete/" + id,
|
||||
|
|
@ -32,6 +35,7 @@ export function del(id){
|
|||
})
|
||||
}
|
||||
|
||||
//导出类型数据
|
||||
export function exports(data){
|
||||
return request({
|
||||
url: "/engine/type/export",
|
||||
|
|
|
|||
|
|
@ -9,9 +9,7 @@ export function list(data){
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//添加规则引擎版本数据
|
||||
export function insert(data){
|
||||
return request({
|
||||
url: "/engine/version/insert",
|
||||
|
|
@ -20,16 +18,7 @@ export function insert(data){
|
|||
})
|
||||
}
|
||||
|
||||
// export function update(data){
|
||||
// return request({
|
||||
// url: "/engine/engine/update",
|
||||
// method: "post",
|
||||
// data:data
|
||||
// })
|
||||
// }
|
||||
|
||||
|
||||
|
||||
//删除规则引擎版本信息
|
||||
export function del(id){
|
||||
return request({
|
||||
url: "/engine/version/delete/" + id,
|
||||
|
|
@ -38,7 +27,7 @@ export function del(id){
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
//查看等级列表
|
||||
export function selectLevel(){
|
||||
return request({
|
||||
url: "/engine/level/selectLevelList",
|
||||
|
|
|
|||
|
|
@ -1,366 +1,677 @@
|
|||
<template>
|
||||
|
||||
<div>
|
||||
<el-form label-width="80px" :model="engineReq" :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="engineReq.name"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="规则类型">
|
||||
|
||||
<el-select v-model="engineReq.type" placeholder="请选择类型">
|
||||
|
||||
<el-option label="字段类型" value="1"></el-option>
|
||||
|
||||
<el-option label="基本类型" value="2"></el-option>
|
||||
|
||||
<el-option label="引用类型" value="3"></el-option>
|
||||
|
||||
<el-option label="时间类型" value="4"></el-option>
|
||||
|
||||
<el-option label="转换类型" value="5"></el-option>
|
||||
|
||||
</el-select>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="是否激活">
|
||||
|
||||
<el-select v-model="engineReq.isActivate" placeholder="是否激活">
|
||||
|
||||
<el-option label="已激活" value="1"></el-option>
|
||||
|
||||
<el-option label="未激活" value="2"></el-option>
|
||||
|
||||
</el-select>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="规则状态">
|
||||
|
||||
<el-select v-model="engineReq.status" placeholder="规则状态">
|
||||
|
||||
<el-option label="开启" value="1"></el-option>
|
||||
|
||||
<el-option label="关闭" value="2"></el-option>
|
||||
|
||||
</el-select>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-button @click="select()">
|
||||
|
||||
查询
|
||||
</el-button>
|
||||
|
||||
<el-button @click="clears()">
|
||||
|
||||
重置
|
||||
|
||||
</el-button>
|
||||
|
||||
</el-form>
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="findSelectSourceExport"
|
||||
v-hasPermi="['source:data:export']"
|
||||
>导出
|
||||
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="findSelectSourceExport"
|
||||
v-hasPermi="['source:data:export']">导出
|
||||
|
||||
</el-button>
|
||||
|
||||
<!-- 添加按钮 /-->
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['source:data:add']"
|
||||
>新增
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['source:data:add']">
|
||||
新增
|
||||
|
||||
</el-button>
|
||||
|
||||
<!-- 添加或修改规则引擎对话框 -->
|
||||
<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 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>
|
||||
|
||||
<el-table-column label="类型" style="color: #13ce66" prop="type">
|
||||
|
||||
<template v-slot="scope">
|
||||
|
||||
<span v-if="scope.row.type==1">数据字段</span>
|
||||
|
||||
<span v-if="scope.row.type==2">基本类型</span>
|
||||
|
||||
<span v-if="scope.row.type==3">时间类型</span>
|
||||
|
||||
<span v-if="scope.row.type==4">普通类型</span>
|
||||
|
||||
<span v-if="scope.row.type==4">介入类型</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="作用域" style="color: blue" prop="scope">
|
||||
|
||||
<el-table-column label="作用域" style="color: blue" prop="scope">
|
||||
|
||||
<template v-slot="scope">
|
||||
|
||||
<span v-if="scope.row.scope==1">数据字段</span>
|
||||
|
||||
<span v-if="scope.row.scope==2">记录</span>
|
||||
|
||||
<span v-if="scope.row.scope==3">数据集</span>
|
||||
|
||||
<span v-if="scope.row.scope==4">数据类型</span>
|
||||
|
||||
<span v-if="scope.row.scope==5">日志</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="引擎编码" prop="engineCode"></el-table-column>
|
||||
|
||||
<el-table-column label="是否激活" style="color: red" prop="isActivate">
|
||||
|
||||
<template v-slot="scope">
|
||||
|
||||
<span v-if="scope.row.isActivate==1">已激活</span>
|
||||
|
||||
<span v-if="scope.row.isActivate==2">未激活</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" style="color: #787be8" prop="status">
|
||||
|
||||
<el-table-column label="状态" style="color: #787be8" prop="status">
|
||||
|
||||
<template v-slot="scope">
|
||||
|
||||
<span v-if="scope.row.status==1">开启</span>
|
||||
|
||||
<span v-if="scope.row.status==2">关闭</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="描述" prop="description"></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
|
||||
align="right">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDelete(scope.row.id)">删除</el-button>
|
||||
<el-button
|
||||
icon="el-icon-service"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleUpdate(scope.row)">修改规则配置</el-button>
|
||||
|
||||
<el-button
|
||||
icon="el-icon-service"
|
||||
|
||||
icon="el-icon-delete"
|
||||
|
||||
size="mini"
|
||||
|
||||
type="text"
|
||||
@click="engineRuleMaintenance(scope.row)">规则维护</el-button>
|
||||
|
||||
@click="handleDelete(scope.row.id)">删除
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
|
||||
icon="el-icon-service"
|
||||
|
||||
size="mini"
|
||||
|
||||
type="text"
|
||||
|
||||
@click="handleUpdate(scope.row)">修改规则配置
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
|
||||
icon="el-icon-service"
|
||||
|
||||
size="mini"
|
||||
|
||||
type="text"
|
||||
|
||||
@click="engineRuleMaintenance(scope.row)">规则维护
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
|
||||
<!-- 分页-->
|
||||
|
||||
<el-pagination
|
||||
|
||||
@size-change="handleSizeChange"
|
||||
|
||||
@current-change="handleCurrentChange"
|
||||
|
||||
:current-page="engineReq.pageNum"
|
||||
|
||||
:page-sizes="[1, 2, 3, 4, 5]"
|
||||
|
||||
:page-size="engineReq.pageSize"
|
||||
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
|
||||
:total="total">
|
||||
|
||||
</el-pagination>
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
|
||||
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: {},
|
||||
|
||||
data() {
|
||||
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
engineReq:{
|
||||
pageNum:1,
|
||||
pageSize:5
|
||||
},
|
||||
engine:{
|
||||
|
||||
engineReq: {
|
||||
|
||||
pageNum: 1,
|
||||
|
||||
pageSize: 5
|
||||
|
||||
},
|
||||
engine: {},
|
||||
|
||||
title: "",
|
||||
arr:[],
|
||||
dialogFormVisible:false,
|
||||
total:0,
|
||||
|
||||
arr: [],
|
||||
|
||||
dialogFormVisible: false,
|
||||
|
||||
total: 0,
|
||||
|
||||
form: {},
|
||||
open:false,
|
||||
|
||||
open: false,
|
||||
|
||||
// 表单校验
|
||||
|
||||
rules: {
|
||||
|
||||
name: [
|
||||
|
||||
{required: true, message: "规则名称不能为空", trigger: "blur"}
|
||||
|
||||
],
|
||||
|
||||
type: [
|
||||
|
||||
{required: true, message: "规则类型不能为空", trigger: "change"}
|
||||
|
||||
],
|
||||
|
||||
engineCode: [
|
||||
|
||||
{required: true, message: "规则编码不能为空", trigger: "blur"}
|
||||
|
||||
],
|
||||
|
||||
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概念",
|
||||
|
||||
computed: {},
|
||||
|
||||
//监控data中的数据变化",
|
||||
|
||||
watch: {},
|
||||
|
||||
//方法集合",
|
||||
|
||||
methods: {
|
||||
|
||||
handleSizeChange(val) {
|
||||
|
||||
console.log(`每页 ${val} 条`);
|
||||
|
||||
this.engineReq.pageSize = val;
|
||||
|
||||
this.findSelectSourceList();
|
||||
|
||||
},
|
||||
|
||||
handleCurrentChange(val) {
|
||||
|
||||
console.log(`当前页: ${val}`);
|
||||
|
||||
this.engineReq.pageNum = val;
|
||||
|
||||
this.findSelectSourceList();
|
||||
|
||||
},
|
||||
findSelectSourceList(){
|
||||
selectEngineList(this.engineReq).then(res=>{
|
||||
this.arr=res.data.list;
|
||||
this.total=res.data.total;
|
||||
|
||||
findSelectSourceList() {
|
||||
|
||||
selectEngineList(this.engineReq).then(res => {
|
||||
|
||||
this.arr = res.data.list;
|
||||
|
||||
this.total = res.data.total;
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
handleDelete(id){
|
||||
if (confirm("是否删除这条数据？")){
|
||||
del(id).then(res =>{
|
||||
|
||||
handleDelete(id) {
|
||||
|
||||
if (confirm("是否删除这条数据？")) {
|
||||
|
||||
del(id).then(res => {
|
||||
|
||||
//判断删除是否成功
|
||||
|
||||
this.$message.success(res.msg || "删除成功")
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
findSelectSourceExport(){
|
||||
|
||||
findSelectSourceExport() {
|
||||
|
||||
this.download('engine/engine/export', {
|
||||
|
||||
...this.engineReq
|
||||
|
||||
},
|
||||
|
||||
`source_${new Date().getTime()}.xlsx`)
|
||||
|
||||
},
|
||||
select(){
|
||||
|
||||
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;
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
engineRuleMaintenance(row){
|
||||
|
||||
engineRuleMaintenance(row) {
|
||||
|
||||
this.$router.push({
|
||||
path:'list',
|
||||
query:{id:row.id}
|
||||
|
||||
path: 'list',
|
||||
|
||||
query: {id: row.id}
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
clears(){
|
||||
|
||||
clears() {
|
||||
|
||||
this.engineReq = {
|
||||
|
||||
name: '',
|
||||
|
||||
type: '',
|
||||
|
||||
isActivate: '',
|
||||
|
||||
status: ''
|
||||
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
|
||||
created() {
|
||||
|
||||
this.findSelectSourceList();
|
||||
|
||||
},
|
||||
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
|
||||
beforeCreate() {
|
||||
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeMount() {
|
||||
}, //生命周期 - 挂载之前",
|
||||
|
|
|
|||
|
|
@ -1,275 +1,375 @@
|
|||
<template>
|
||||
|
||||
<div>
|
||||
<el-descriptions class="margin-top" :column="2" border :title="maintenance.name">
|
||||
|
||||
<el-descriptions-item>
|
||||
<div style="height: 30px">
|
||||
|
||||
<el-button type="primary" @click="handleInsert">版本添加</el-button>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
操作按钮
|
||||
</template>
|
||||
<el-button type="danger" v-show="maintenance.status=='1'" @click="updStatus(ruleAndVersion.status,ruleAndVersion.id)">开启引擎</el-button>
|
||||
<el-button type="danger" v-show="maintenance.status=='0'" @click="updStatus(ruleAndVersion.status,ruleAndVersion.id)">关闭引擎</el-button>
|
||||
<el-button type="warning" v-show="maintenance.open=='N' " @click="updOpen(ruleAndVersion.open,ruleAndVersion.id)">激活引擎</el-button>
|
||||
<el-button type="warning" v-show="maintenance.open=='Y'" @click="updOpen(ruleAndVersion.open,ruleAndVersion.id)">禁用引擎</el-button>
|
||||
</el-descriptions-item>
|
||||
{{ maintenance.name }}<br>
|
||||
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
版本名称
|
||||
</template>
|
||||
{{ maintenance.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
版本编码
|
||||
</template>
|
||||
{{ maintenance.code}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
规则作用域
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<div style="height: 50px">
|
||||
|
||||
规则名称:{{ maintenance.name }}<br>
|
||||
|
||||
规则类型:<span v-if="maintenance.type==1">字段类型</span>
|
||||
|
||||
<span v-if="maintenance.type==2">基本类型</span>
|
||||
|
||||
<span v-if="maintenance.type==3">时间类型</span>
|
||||
|
||||
<span v-if="maintenance.type==4">转换类型</span>
|
||||
|
||||
<span v-if="maintenance.type==5">测试类型</span><br>
|
||||
|
||||
作用域:<span v-if="maintenance.scope==1">字段规则</span>
|
||||
|
||||
<span v-if="maintenance.scope==2">基本规则</span>
|
||||
|
||||
<span v-if="maintenance.scope==3">时间规则</span>
|
||||
|
||||
<span v-if="maintenance.scope==4">格式规则</span>
|
||||
|
||||
<span v-if="maintenance.scope==5">自定义规则</span><br>
|
||||
|
||||
引擎编码:{{ maintenance.engineCode }}<br>
|
||||
|
||||
是否激活:<span v-if="maintenance.isActivate==1">开启</span>
|
||||
|
||||
<span v-if="maintenance.isActivate==2">关闭</span><br>
|
||||
|
||||
状态:<span v-if="maintenance.isActivate==1">正常</span>
|
||||
|
||||
<span v-if="maintenance.isActivate==2">异常</span>
|
||||
|
||||
<span v-if="maintenance.isActivate==3">未知</span>
|
||||
|
||||
<span v-if="maintenance.isActivate==4">错误</span>
|
||||
|
||||
<br>
|
||||
|
||||
<button @click="onEngine(maintenance.id)">激活引擎</button>
|
||||
|
||||
</div>
|
||||
|
||||
<dict-tag :options="maintenance.type.status" :value="maintenance.status"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
状态
|
||||
</template>
|
||||
<dict-tag :options="maintenance.type.rule_engine_activate_status" :value="maintenance.status"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
激活状态
|
||||
</template>
|
||||
<dict-tag :options="maintenance.type.rule_engine_activate_status" :value="maintenance.open"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
版本描述
|
||||
</template>
|
||||
<editor v-model="maintenance.isActivate" :readOnly="true" :min-height="50"/>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<br>
|
||||
|
||||
<el-empty description="暂无规则引擎版本" v-if="maintenance.engineMaintenanceList.length==0"></el-empty>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="8" v-for="version in maintenance.engineMaintenanceList">
|
||||
<el-card class="box-card">
|
||||
<el-descriptions class="margin-top" title="带边框列表" :column="3" :size="size" border>
|
||||
<template slot="extra">
|
||||
<el-button type="primary" size="small">操作</el-button>
|
||||
</template>
|
||||
<el-descriptions-item>
|
||||
<template el-slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
名称
|
||||
</template>
|
||||
{{ version.name }}
|
||||
</el-descriptions-item>
|
||||
<br>
|
||||
<el-descriptions-item>
|
||||
<template el-slot="label">
|
||||
<i class="el-icon-mobile-phone"></i>
|
||||
类型
|
||||
</template>
|
||||
{{ version.type }}
|
||||
</el-descriptions-item>
|
||||
<br>
|
||||
<el-descriptions-item>
|
||||
<template el-slot="label">
|
||||
<i class="el-icon-location-outline"></i>
|
||||
作用域
|
||||
</template>
|
||||
{{ version.scope }}
|
||||
</el-descriptions-item>
|
||||
<br>
|
||||
<el-descriptions-item>
|
||||
<template el-slot="label">
|
||||
<i class="el-icon-office-building"></i>
|
||||
是否激活
|
||||
</template>
|
||||
{{ version.isActivate }}
|
||||
</el-descriptions-item>
|
||||
<br>
|
||||
<el-descriptions-item>
|
||||
<template el-slot="label">
|
||||
<i class="el-icon-office-building"></i>
|
||||
状态
|
||||
</template>
|
||||
{{ version.status }}
|
||||
</el-descriptions-item>
|
||||
<br>
|
||||
</el-descriptions>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<el-button type="text" @click="dialogFormVisible = true">新增</el-button>
|
||||
|
||||
<el-dialog title="收货地址" :visible.sync="dialogFormVisible">
|
||||
|
||||
<el-form :model="form">
|
||||
|
||||
<el-form-item label="名称" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="form.name" autocomplete="off"></el-input>
|
||||
|
||||
<el-dialog
|
||||
:title="title"
|
||||
:visible.sync="open"
|
||||
width="80%">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px" class="demo-form-inline">
|
||||
<el-form-item label="版本名称" prop="versionName">
|
||||
<el-input v-model="form.name" placeholder="请输入引擎名称" style="width: 40%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="版本类型" prop="versionCode">
|
||||
<el-input v-model="form.type" placeholder="请输入版本编码" style="width: 40%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="作用域" prop="versionDesc">
|
||||
<editor v-model="form.scope" :min-height="192"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="是否激活" prop="versionDesc">
|
||||
<editor v-model="form.isActivate" :min-height="192"/>
|
||||
<el-form-item label="类型" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="form.type" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="状态" prop="versionDesc">
|
||||
<editor v-model="form.status" :min-height="192"/>
|
||||
<el-form-item label="作用域" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="form.scope" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
|
||||
<el-form-item label="是否激活" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="form.isActivate" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="状态" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="form.status" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<el-button type="primary" @click="generateEngine(form.versionName,form.versionCode)">生成引擎类</el-button>
|
||||
|
||||
<div class="code-edit">
|
||||
<codemirror ref="codeMirror" v-model="form.versionClazz" :value="form.versionClazz" :options="cmOptions" />
|
||||
<div slot="footer" class="dialog-footer">
|
||||
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
|
||||
<el-button type="primary" @click=handleInsert()>确 定</el-button>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
</span>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
<el-table :data="maintenance.engineMaintenanceList" style="width: 100%">
|
||||
|
||||
<el-drawer
|
||||
:title="title"
|
||||
:visible.sync="maintenance"
|
||||
size="60%"
|
||||
:direction="direction"
|
||||
:before-close="handleClose">
|
||||
<el-descriptions class="margin-top" :column="1" border>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
版本名称
|
||||
</template>
|
||||
{{ maintenance.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
版本编码
|
||||
</template>
|
||||
{{ maintenance.type}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
状态
|
||||
</template>
|
||||
<dict-tag :options="dict.type.rule_engine_activate_status" :value="maintenance.status"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
激活状态
|
||||
</template>
|
||||
<dict-tag :options="dict.type.rule_engine_activate_status" :value="maintenance.open"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
版本描述
|
||||
</template>
|
||||
<editor v-model="maintenance.status" :readOnly="true" :min-height="50" aria-readonly="true" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
<i class="el-icon-user"></i>
|
||||
代码操作
|
||||
</template>
|
||||
<codemirror ref="codeMirror" :value="maintenance.isActivate" :options="cmOptions" class="code" v-model="maintenance.scope">
|
||||
</codemirror>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-table-column label="编号" width="180">
|
||||
|
||||
</el-drawer>
|
||||
<template slot-scope="scope">
|
||||
|
||||
<i class="el-icon-time"></i>
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.id }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="名称" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<i class="el-icon-time"></i>
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.name }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="类型" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<i class="el-icon-time"></i>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.type==1">字段类型</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.type==2">基本类型</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.type==3">时间类型</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.type==4">转换类型</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.type==5">测试类型</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="作用域" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<i class="el-icon-time"></i>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.scope==1">字段规则</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.scope==2">基本规则</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.scope==3">时间规则</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.scope==4">格式规则</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.scope==5">自定义规则</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="是否激活" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<i class="el-icon-time"></i>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.isActivate==1">激活</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.isActivate==2">禁用</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="状态" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<i class="el-icon-time"></i>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.status==1">正常</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.status==2">异常</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.status==3">未知</span>
|
||||
|
||||
<span style="margin-left: 10px" v-if="scope.row.status==4">错误</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="操作">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<el-button size="mini" type="danger" @click="del(scope.row.id)">删除
|
||||
|
||||
</el-button>
|
||||
|
||||
<el-button size="mini" type="danger" @click="onEngine(scope.row.id)">激活规则
|
||||
|
||||
</el-button>
|
||||
|
||||
<el-button size="mini" type="danger" @click="forbiddenEngine(scope.row.id)">禁用规则
|
||||
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {findById, forbiddenEngine, onEngine} from "@/api/engine/engine";
|
||||
import {dels, findById, onEngine} from "@/api/engine/engine";
|
||||
|
||||
import {insert} from "@/api/version/version";
|
||||
|
||||
export default {
|
||||
|
||||
dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
|
||||
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
|
||||
components: {},
|
||||
|
||||
props: {},
|
||||
|
||||
data() {
|
||||
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
|
||||
direction: 'rtl',
|
||||
maintenance:{
|
||||
|
||||
maintenance: {
|
||||
|
||||
engineMaintenanceList: [],
|
||||
|
||||
},
|
||||
title:"",
|
||||
open:false,
|
||||
handleClose:false,
|
||||
form:{
|
||||
|
||||
title: "",
|
||||
|
||||
open: false,
|
||||
|
||||
handleClose: false,
|
||||
|
||||
form: {},
|
||||
|
||||
size: '',
|
||||
|
||||
dialogFormVisible: false,
|
||||
|
||||
formLabelWidth: '120px'
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
handleInsert() {
|
||||
|
||||
this.maintenance = {}
|
||||
|
||||
this.dialogFormVisible = true
|
||||
|
||||
insert(this.maintenance).then(res => {
|
||||
|
||||
this.$modal.msgSuccess("新增成功")
|
||||
|
||||
})
|
||||
this.dialogFormVisible = false
|
||||
|
||||
this.List();
|
||||
|
||||
},
|
||||
onEngine(id) {
|
||||
|
||||
onEngine(id).then(res => {
|
||||
|
||||
this.$modal.msgSuccess("激活成功")
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
forbiddenEngine(id) {
|
||||
|
||||
onEngine(id).then(res => {
|
||||
|
||||
this.$modal.msgSuccess("禁用成功")
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
List() {
|
||||
|
||||
findById(this.maintenance.id).then(res => {
|
||||
|
||||
this.maintenance = res.data;
|
||||
|
||||
console.log(this.maintenance)
|
||||
|
||||
console.log(this.maintenance.engineMaintenanceList)
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
del(id) {
|
||||
|
||||
if (confirm("你确定删除吗?")) {
|
||||
|
||||
dels(id).then(res => {
|
||||
|
||||
this.$message.success(res.msg || "删除成功");
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleInsert(){
|
||||
this.open = true
|
||||
insert(this.maintenance).then(res =>{
|
||||
this.$modal.msgSuccess("新增成功")
|
||||
})
|
||||
},
|
||||
List(){
|
||||
findById(this.maintenance.id).then(res =>{
|
||||
this.maintenance = res.data;
|
||||
console.log(this.maintenance)
|
||||
console.log(this.maintenance.engineMaintenanceList)
|
||||
})
|
||||
},
|
||||
handleStatusChange(row){
|
||||
if (row.status === "Y"){
|
||||
onEngine(row.id).then((res)=>{
|
||||
this.$modal.msgSuccess("启用成功")
|
||||
this.getList()
|
||||
})
|
||||
}else {
|
||||
forbiddenEngine(row.id).then((res)=>{
|
||||
this.$modal.msgSuccess("禁用成功")
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
|
||||
created() {
|
||||
|
||||
this.maintenance.id = this.$route.query.id
|
||||
|
||||
this.List();
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<template>
|
||||
|
||||
<div>
|
||||
|
||||
<!-- 添加或修改规则引擎对话框 -->
|
||||
|
|
@ -15,86 +16,140 @@
|
|||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<el-table :data="arr" style="width: 100%">
|
||||
|
||||
<el-table-column label="类型编号" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.id }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="类型名称" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.name }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row.id)">删除</el-button>
|
||||
|
||||
<el-button size="mini" type="danger" @click="handleDelete(scope.row.id)">删除</el-button>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {del, insert, list} from "@/api/type/type";
|
||||
|
||||
export default {
|
||||
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
|
||||
components: {},
|
||||
|
||||
props: {},
|
||||
|
||||
data() {
|
||||
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
arr:[],
|
||||
type:{},
|
||||
|
||||
arr: [],
|
||||
|
||||
type: {},
|
||||
|
||||
rules: {
|
||||
|
||||
name: [{required: true, message: '请输入规则名称', trigger: 'blur'}]
|
||||
|
||||
},
|
||||
dialogFormVisible:false,
|
||||
|
||||
dialogFormVisible: false,
|
||||
|
||||
formLabelWidth: '120px'
|
||||
|
||||
};
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
List(){
|
||||
list().then(res =>{
|
||||
|
||||
List() {
|
||||
|
||||
list().then(res => {
|
||||
|
||||
this.arr = res;
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
handleDelete(id){
|
||||
if (confirm("你确定删除吗?")){
|
||||
del(id).then(res =>{
|
||||
|
||||
handleDelete(id) {
|
||||
|
||||
if (confirm("你确定删除吗?")) {
|
||||
|
||||
del(id).then(res => {
|
||||
|
||||
this.$message.success(res.msg || "删除成功")
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
submitForm(){
|
||||
this.dialogFormVisible=true
|
||||
insert(this.type).then(res =>{
|
||||
|
||||
submitForm() {
|
||||
|
||||
this.dialogFormVisible = true
|
||||
|
||||
insert(this.type).then(res => {
|
||||
|
||||
this.$message.success(res.msg || "添加成功")
|
||||
|
||||
})
|
||||
|
||||
this.dialogFormVisible = false;
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
|
||||
created() {
|
||||
|
||||
this.List();
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
|
|
|||
|
|
@ -1,27 +1,39 @@
|
|||
<template>
|
||||
|
||||
<div>
|
||||
<!--条件查询-->
|
||||
<el-form :model="version" >
|
||||
|
||||
<!--条件查询-->
|
||||
|
||||
<el-form :model="version">
|
||||
|
||||
<el-form-item label="版本编码" prop="pass">
|
||||
|
||||
<el-input type="text" v-model="version.versionCode" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="规则内容" prop="checkPass">
|
||||
|
||||
<el-input type="text" v-model="version.ruleContent" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="引擎维护编号" prop="checkPass">
|
||||
|
||||
<el-input type="text" v-model="version.engineMaintenanceId" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
|
||||
<el-button type="primary" @click="submitForm">查询</el-button>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
|
||||
<!-- 添加版本信息-->
|
||||
<!-- 添加版本信息-->
|
||||
<el-button type="text" @click="dialogFormVisible = true">添加版本信息</el-button>
|
||||
|
||||
<el-dialog title="添加信息" :visible.sync="dialogFormVisible">
|
||||
|
|
@ -29,183 +41,290 @@
|
|||
<el-form :model="version">
|
||||
|
||||
<el-form-item label="版本类名" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.versionClass" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="版本名称" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.name" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="版本编码" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.versionCode" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="是否激活" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.isActivate" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="版本状态" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.status" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="版本测试状态" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.testStatus" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="规则内容" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.ruleContent" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="引擎维护编号" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.engineMaintenanceId" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="描述" :label-width="formLabelWidth">
|
||||
|
||||
<el-input v-model="version.description" autocomplete="off"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
|
||||
<el-button type="primary" @click="insert">确 定</el-button>
|
||||
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 列表-->
|
||||
<!-- 列表-->
|
||||
<el-table :data="arr" style="width: 100%">
|
||||
|
||||
<el-table-column label="编号" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.id }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="版本类名" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.versionClass }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="版本名称" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.name }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="版本编码" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.versionCode }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="是否激活" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.isActivate }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="版本状态" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.status }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="版本测试状态" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.testStatus }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="规则内容" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.ruleContent }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="引擎维护编号" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.engineMaintenanceId }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="描述" width="180">
|
||||
|
||||
<template slot-scope="scope">
|
||||
|
||||
<span style="margin-left: 10px">{{ scope.row.description }}</span>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="操作">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row.id)">删除</el-button>
|
||||
|
||||
<el-button size="mini" type="danger" @click="handleDelete(scope.row.id)">删除
|
||||
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
|
||||
|
||||
</el-table>
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {list} from "@/api/version/version";
|
||||
|
||||
import {del, insert} from "@/api/version/version";
|
||||
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
return {
|
||||
arr:[],
|
||||
version:{
|
||||
|
||||
},
|
||||
dialogFormVisible:false,
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
|
||||
components: {},
|
||||
|
||||
props: {},
|
||||
|
||||
data() {
|
||||
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
|
||||
arr: [],
|
||||
|
||||
version: {},
|
||||
|
||||
dialogFormVisible: false,
|
||||
|
||||
formLabelWidth: '120px'
|
||||
|
||||
};
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
List(){
|
||||
list(this.version).then(res =>{
|
||||
|
||||
List() {
|
||||
|
||||
list(this.version).then(res => {
|
||||
|
||||
this.arr = res.data;
|
||||
|
||||
console.log(res)
|
||||
|
||||
console.log(this.arr)
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
submitForm(){
|
||||
|
||||
submitForm() {
|
||||
|
||||
this.List();
|
||||
|
||||
},
|
||||
insert(){
|
||||
insert(this.version).then(res =>{
|
||||
|
||||
insert() {
|
||||
|
||||
insert(this.version).then(res => {
|
||||
|
||||
this.$message.success("添加成功");
|
||||
|
||||
})
|
||||
this.dialogFormVisible=false;
|
||||
|
||||
this.dialogFormVisible = false;
|
||||
|
||||
},
|
||||
handleDelete(id){
|
||||
if (confirm("你确定删除吗?")){
|
||||
del(id).then(res =>{
|
||||
this.$message.success(res.msg || "删除成功")
|
||||
|
||||
handleDelete(id) {
|
||||
|
||||
if (confirm("你确定删除吗?")) {
|
||||
|
||||
del(id).then(res => {
|
||||
|
||||
this.$message.success(res.msg || "删除成功")
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
|
||||
created() {
|
||||
|
||||
this.List();
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
|
|
|||
Loading…
Reference in New Issue