Skip to content

E
ETL-admin
Commit d609bd33 by 莫晓莉
Options

树形菜单

parent e05bc478
Showing with 131 additions and 61 deletions
src/api/task/homework.js
...@@ -55,5 +55,15 @@ export function uploadRepositoryFile(data) { ...@@ -55,5 +55,15 @@ export function uploadRepositoryFile(data) {
method: 'post' method: 'post'
}) })
} }
//获取作业的树形菜单
export function getJobTree(data) {
return request({
url: 'kettle/repository/getJobTree?repositoryId='+data,
data,
method: 'post'
})
}
src/api/task/transform.js
...@@ -69,7 +69,7 @@ export function stop(data) { ...@@ -69,7 +69,7 @@ export function stop(data) {
//获取转换的树形菜单 //获取转换的树形菜单
export function getTransTree(data) { export function getTransTree(data) {
return request({ return request({
url: 'kettle/repository/getTransTree', url: 'kettle/repository/getTransTree?repositoryId='+data,
data, data,
method: 'post' method: 'post'
}) })
......
src/views/task/homework.vue
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="作业:" > <el-form-item label="作业:" >
<el-input @click.native="treeModal" :disabled="true" placeholder="请选择作业" v-model="currenSelectNodePath" class="input-length"></el-input> <el-input @click.native="openTreeModal" :disabled="true" placeholder="请选择作业" v-model="currenSelectNodePath" class="input-length"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="作业名称:" prop="name"> <el-form-item label="作业名称:" prop="name">
<el-input placeholder="请输入作业名称" v-model="formOne.name" class="input-length"></el-input> <el-input placeholder="请输入作业名称" v-model="formOne.name" class="input-length"></el-input>
...@@ -300,7 +300,7 @@ ...@@ -300,7 +300,7 @@
<el-dialog <el-dialog
title="请选择作业" title="请选择作业"
:visible.sync="treeDialogVisible" :visible.sync="treeDialogVisible"
:before-close="jobTreeConfirm" :before-close="closeTreeModal"
width="30%"> width="30%">
<el-tree <el-tree
:data="jobTreeList" :data="jobTreeList"
...@@ -334,6 +334,7 @@ import { ...@@ -334,6 +334,7 @@ import {
start,//开始作业 start,//开始作业
stop,//停止作业 stop,//停止作业
uploadRepositoryFile,//上传资源文件 uploadRepositoryFile,//上传资源文件
getJobTree,//获取作业树形菜单
} from "@/api/task/homework"; } from "@/api/task/homework";
import { import {
...@@ -435,48 +436,48 @@ export default { ...@@ -435,48 +436,48 @@ export default {
}, },
fileList: [],//上传的资源文件 fileList: [],//上传的资源文件
jobTreeList:[ jobTreeList:[
{ // {
path: 'f0', // path: 'f0',
id: '1', // id: '1',
parent: '0', // parent: '0',
lasted: false, // lasted: false,
}, // },
{ // {
path: 'f01', // path: 'f01',
id: '2', // id: '2',
parent: '1', // parent: '1',
lasted: true, // lasted: true,
}, // },
{ // {
path: 'f02', // path: 'f02',
id: '3', // id: '3',
parent: '1', // parent: '1',
lasted: true, // lasted: true,
}, // },
{ // {
path: 'f021', // path: 'f021',
id: '6', // id: '6',
parent: '3', // parent: '3',
lasted: false, // lasted: false,
}, // },
{ // {
path: 'f021', // path: 'f021',
id: '7', // id: '7',
parent: '6', // parent: '6',
lasted: false, // lasted: false,
}, // },
{ // {
path: 'f40', // path: 'f40',
id: '4', // id: '4',
parent: '0', // parent: '0',
lasted: false, // lasted: false,
}, // },
{ // {
path: 'f41', // path: 'f41',
id: '5', // id: '5',
parent: '4', // parent: '4',
lasted: true, // lasted: true,
} // }
], ],
defaultProps: { defaultProps: {
label: 'path', label: 'path',
...@@ -492,7 +493,7 @@ export default { ...@@ -492,7 +493,7 @@ export default {
this.getList();//获取数据库资源库列表 this.getList();//获取数据库资源库列表
this.getKettleQuartzList();//获取策略配置列表 this.getKettleQuartzList();//获取策略配置列表
this.setHeaders(); this.setHeaders();
this.treeRevert(this.jobTreeList); // this.treeRevert(this.jobTreeList);
}, },
methods: { methods: {
...@@ -593,11 +594,11 @@ export default { ...@@ -593,11 +594,11 @@ export default {
} }
}, },
// 树形结构弹窗 // 树形结构弹窗
treeModal(){ // treeModal(){
this.treeDialogVisible = !this.treeDialogVisible; // this.treeDialogVisible = !this.treeDialogVisible;
console.log('打开作业弹窗显示当前选择的作业id---',this.currenSelectNodeId); // console.log('打开作业弹窗显示当前选择的作业id---',this.currenSelectNodeId);
this.$refs.tree.setCheckedKeys([]); // this.$refs.tree.setCheckedKeys([]);
}, // },
//获取数据库资源库列表 //获取数据库资源库列表
getList() { getList() {
...@@ -726,6 +727,46 @@ export default { ...@@ -726,6 +727,46 @@ export default {
this.pageInfo.page = e; this.pageInfo.page = e;
this.getKettleJobList(); this.getKettleJobList();
}, },
//获取转换树形列表
getJobTree(){
getJobTree(this.formOne.repositoryId).then((res) => {
console.log('获取转换树形列表',res);
if(res.success){
this.jobTreeList = res.data;
if(res.data.length>0){
this.treeRevert(this.jobTreeList);//数据转换
}
}
});
},
//打卡树形结构弹窗
openTreeModal(){
this.getJobTree();
if(this.formOne.repositoryId){
if( this.jobTreeList.length>0){
this.treeDialogVisible = !this.treeDialogVisible;
}else{
this.$message.success("暂无数据！");
}
}else{
this.$message.error("请先选择资源库！");
}
},
//关闭树形结构弹窗
closeTreeModal(){
this.treeDialogVisible = !this.treeDialogVisible;
console.log('打开作业弹窗显示当前选择的作业id---',this.currenSelectNodeId);
this.$refs.tree.setCheckedKeys([]);
},
//数据转换
treeRevert(arrayList){ treeRevert(arrayList){
let formatObj = arrayList.reduce((pre, cur) => { let formatObj = arrayList.reduce((pre, cur) => {
return {...pre, [cur['id']]: cur} return {...pre, [cur['id']]: cur}
......
src/views/task/transform.vue
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="转换:"> <el-form-item label="转换:">
<el-input @click.native="treeModal" :disabled="true" placeholder="请选择作业" v-model="currenSelectNodePath" class="input-length"></el-input> <el-input @click.native="openTreeModal" :disabled="true" placeholder="请选择作业" v-model="currenSelectNodePath" class="input-length"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="转换名称:" prop="name"> <el-form-item label="转换名称:" prop="name">
<el-input placeholder="请输入转换名称" v-model="formOne.name" class="input-length"></el-input> <el-input placeholder="请输入转换名称" v-model="formOne.name" class="input-length"></el-input>
...@@ -295,7 +295,7 @@ ...@@ -295,7 +295,7 @@
<el-dialog <el-dialog
title="请选择作业" title="请选择作业"
:visible.sync="treeDialogVisible" :visible.sync="treeDialogVisible"
:before-close="jobTreeConfirm" :before-close="closeTreeModal"
width="30%"> width="30%">
<el-tree <el-tree
:data="jobTreeList" :data="jobTreeList"
...@@ -471,7 +471,7 @@ export default { ...@@ -471,7 +471,7 @@ export default {
this.getList();//获取数据库资源库列表 this.getList();//获取数据库资源库列表
this.getKettleQuartzList();//获取策略配置列表 this.getKettleQuartzList();//获取策略配置列表
this.setHeaders(); this.setHeaders();
this.getTransTree();//获取转换树形菜单 // this.getTransTree();//获取转换树形菜单
// this.treeRevert(this.jobTreeList); // this.treeRevert(this.jobTreeList);
}, },
...@@ -709,9 +709,9 @@ export default { ...@@ -709,9 +709,9 @@ export default {
// "errCode": 0, // "errCode": 0,
// "errMsg": "string", // "errMsg": "string",
// "success": true // "success": true
//获取转换树形列表
getTransTree(){ getTransTree(){
getTransTree().then((res) => { getTransTree(this.formOne.repositoryId).then((res) => {
console.log('获取转换树形列表',res); console.log('获取转换树形列表',res);
if(res.success){ if(res.success){
this.jobTreeList = res.data; this.jobTreeList = res.data;
...@@ -722,11 +722,30 @@ export default { ...@@ -722,11 +722,30 @@ export default {
}); });
}, },
// 树形结构弹窗 //打卡树形结构弹窗
treeModal(){ openTreeModal(){
this.treeDialogVisible = !this.treeDialogVisible; this.getTransTree();
console.log('打开作业弹窗显示当前选择的作业id---',this.currenSelectNodeId); if(this.formOne.repositoryId){
this.$refs.tree.setCheckedKeys([]); if( this.jobTreeList.length>0){
this.treeDialogVisible = !this.treeDialogVisible;
}else{
this.$message.success("暂无数据！");
}
// console.log('打开作业弹窗显示当前选择的作业id---',this.currenSelectNodeId);
// this.$refs.tree.setCheckedKeys([]);
// this.getTransTree();
}else{
this.$message.error("请先选择资源库！");
}
},
//关闭树形结构弹窗
closeTreeModal(){
this.treeDialogVisible = !this.treeDialogVisible;
console.log('打开作业弹窗显示当前选择的作业id---',this.currenSelectNodeId);
this.$refs.tree.setCheckedKeys([]);
}, },
// 上传资源文件成功 // 上传资源文件成功
uplodSuccess(response, file, fileList) { uplodSuccess(response, file, fileList) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment