TreeData
/
cloud-web
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

分页

master
Qin Dong Ming 2024-08-25 19:56:40 +08:00
parent 8fef9fc9ce
commit cc25d3692a
1 changed files with 186 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

250
src/views/engine/engine/index.vue
View File

@ -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-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-form-item label="数据来源系统名称">
<el-input v-model="engine.name"></el-input>
</el-col>
<el-col :span="12">
<el-form-item label="规则编码" prop="engineCode">
<el-input v-model="form.engineCode" placeholder="请输入规则编码"/>
</el-form-item>
<el-form-item label="主机地址">
<el-input v-model="engine.type"></el-input>
</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-form-item label="主机端口">
<el-input v-model="engine.scope"></el-input>
</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-form-item label="数据接入类型">
<el-input v-model="engine.engineCode"></el-input>
</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-form-item label="数据库名称">
<el-input v-model="engine.isActivate"></el-input>
</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-form-item label="数据库用户">
<el-input v-model="engine.status"></el-input>
</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-form-item label="数据库密码">
<el-input v-model="engine.description"></el-input>
</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 =>{
//判断删除是否成功
if (confirm("是否删除这条数据？")){
this.$message.success(res.msg || "删除成功")
})
},
handUpdate(){
update(this.engine).then(res =>{
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() {