Skip to content

E
ETL-admin
Commit 33b34b14 by 李耀琨
Options

写好导出资源库到XML文件和作业属性设置 页面

parent d1677b65
Showing with 653 additions and 16 deletions
src/views/dashboard-kettle/components/appBulletFrame/conversionSettings.vue
<template>
<div class="tableInput">
<el-dialog
title="提示"
title="转换设置"
:visible.sync="conversionSettingsDialog"
width="800px"
:before-close="handleClose"
......@@ -55,10 +55,10 @@
<el-input v-model="conversionForm.created_date"></el-input>
</el-form-item>
<el-form-item label="最近修改的用户">
<el-form-item label="最近修改者">
<el-input v-model="conversionForm.modified_user"></el-input>
</el-form-item>
<el-form-item label="最近修改的用户">
<el-form-item label="最近修改日期">
<el-input v-model="conversionForm.modified_date"></el-input>
</el-form-item>
</el-form>
......@@ -104,7 +104,14 @@
<div class="topRight">
<el-form :model="logEntry" label-width="200px">
<el-form-item label="日志数据库连接:">
<el-input v-model="logEntry.connection"></el-input>
<el-row :gutter="10">
<el-col :span="18">
<el-input v-model="logEntry.connection"></el-input>
</el-col>
<el-col class="line" :span="2">
<el-button type="primary" @click="metadata(true)">浏览</el-button>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="日志表模式:">
<el-input v-model="logEntry.schema"></el-input>
......
src/views/dashboard-kettle/components/appBulletFrame/importXmlFile.vue 0 → 100644
<template>
<div class="tableInput">
<el-dialog
title="导出资源库到XML文件"
:visible.sync="importXmlFileDialog"
width="800px"
:before-close="handleClose"
>
<el-form ref="form" :model="form" label-width="120px">
<el-form-item label="步骤名称:">
<el-input v-model="form.label"></el-input>
</el-form-item>
</el-form>
<el-tabs type="border-card">
<el-tab-pane label="一般">
<el-card class="box-card">
<el-form :model="logEntry" label-width="160px">
<el-form-item label="资源库"> </el-form-item>
<el-form-item label="资源库名称">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="logEntry.connection"></el-input>
</el-col>
<el-col class="line" :span="2">
<el-button type="primary" @click="metadata(true)"
>资源库</el-button
>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="资源库有户名">
<el-input v-model="logEntry.name"></el-input>
</el-form-item>
<el-form-item label="资源库密码">
<el-input v-model="logEntry.name"></el-input>
</el-form-item>
<el-row :gutter="10">
<el-col class="line" :span="4" :offset="20">
<el-button type="primary" @click="metadata(true)"
>测试连接</el-button
>
</el-col>
</el-row>
</el-form>
</el-card>
<br />
<el-card class="box-card">
<el-form :model="logEntry" label-width="160px">
<el-form-item label="设置"> </el-form-item>
<el-form-item label="导出类型">
<el-select
v-model="logEntry.trans_status"
style="width: 100%"
>
<el-option label="草案" value="shanghai"></el-option>
<el-option label="产品" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="文件夹名称">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="logEntry.connection"></el-input>
</el-col>
<el-col class="line" :span="2">
<el-button type="primary" @click="metadata(true)"
>浏览</el-button
>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="新建文件夹">
<el-checkbox
v-model="conversionForm.capture_step_performance"
true-label="Y"
false-label="N"
></el-checkbox>
</el-form-item>
</el-form>
</el-card>
<br />
<el-card class="box-card">
<el-form :model="logEntry" label-width="160px">
<el-form-item label="目标"> </el-form-item>
<el-form-item label="文件夹名称">
<el-row :gutter="10">
<el-col :span="17">
<el-input v-model="logEntry.connection"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button type="primary" @click="metadata(true)"
>文件</el-button
>
</el-col>
<el-col class="line" :span="3">
<el-button type="primary" @click="metadata(true)"
>文件夹</el-button
>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="新建文件夹">
<el-checkbox
v-model="conversionForm.capture_step_performance"
true-label="Y"
false-label="N"
></el-checkbox>
</el-form-item>
<el-form-item label="添加日期到文件夹">
<el-checkbox
v-model="conversionForm.capture_step_performance"
true-label="Y"
false-label="N"
></el-checkbox>
</el-form-item>
<el-form-item label="添加时间到文件夹">
<el-checkbox
v-model="conversionForm.capture_step_performance"
true-label="Y"
false-label="N"
></el-checkbox>
</el-form-item>
<el-form-item label="指定日期时间格式">
<el-checkbox
v-model="conversionForm.capture_step_performance"
true-label="Y"
false-label="N"
></el-checkbox>
</el-form-item>
<el-form-item label="日期时间格式">
<el-select
v-model="logEntry.trans_status"
style="width: 100%"
>
<el-option label="草案" value="shanghai"></el-option>
<el-option label="产品" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="如果目标文件存在">
<el-select
v-model="logEntry.trans_status"
style="width: 100%"
>
<el-option label="草案" value="shanghai"></el-option>
<el-option label="产品" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="添加文件名到结果">
<el-checkbox
v-model="conversionForm.capture_step_performance"
true-label="Y"
false-label="N"
></el-checkbox>
</el-form-item>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane label="高级">
<el-form :model="conversionForm" label-width="180px">
<el-form-item label="成功条件"> </el-form-item>
<el-form-item label="成功调解">
<el-select
v-model="conversionForm.trans_status"
style="width: 100%"
>
<el-option label="草案" value="shanghai"></el-option>
<el-option label="产品" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="阈值">
<el-input
v-model="conversionForm.step_performance_capturing_delay"
></el-input>
</el-form-item>
</el-form>
</el-tab-pane>
</el-tabs>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose">取 消</el-button>
<el-button type="primary" @click="importXmlFileDialogFun"
>确 定</el-button
>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["importXmlFileDialog"],
data() {
return {
form: {},
conversionForm: {},
fields: [],
liList: [
{
id: 1,
name: "作业日志表",
},
{
id: 2,
name: "作业项日志表",
},
{
id: 3,
name: "日志通道日志表",
},
],
logEntry: {},
tableData: [
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-08",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-06",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-07",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
],
switchState: 1,
};
},
created() {},
methods: {
switchJournal(val) {
this.switchState = val.id;
console.log(val);
},
handleClose() {
this.$emit("update:importXmlFileDialog", false);
},
importXmlFileDialogFun() {
this.handleClose();
},
},
};
</script>
<style lang="scss" scoped>
</style>
\ No newline at end of file
src/views/dashboard-kettle/components/appBulletFrame/jobSettings.vue 0 → 100644
<template>
<div class="tableInput">
<el-dialog
title="作业设置"
:visible.sync="jobSettingsDialog"
width="800px"
:before-close="handleClose"
>
<el-tabs type="border-card">
<el-tab-pane label="作业">
<el-form :model="conversionForm" label-width="160px">
<el-form-item label="作业名称">
<el-input v-model="conversionForm.name"></el-input>
</el-form-item>
<el-form-item label="作业文件">
<el-input v-model="conversionForm.fileName"></el-input>
</el-form-item>
<el-form-item label="描述">
<el-input v-model="conversionForm.description"></el-input>
</el-form-item>
<el-form-item label="扩展描述">
<el-input
type="textarea"
v-model="conversionForm.extended_description"
:rows="5"
></el-input>
</el-form-item>
<el-form-item label="状态">
<el-select
v-model="conversionForm.trans_status"
style="width: 100%"
>
<el-option label="草案" value="shanghai"></el-option>
<el-option label="产品" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="版本">
<el-input v-model="conversionForm.trans_version"></el-input>
</el-form-item>
<el-form-item label="目录">
<el-input v-model="conversionForm.directory"></el-input>
</el-form-item>
<el-form-item label="创建者">
<el-input v-model="conversionForm.created_user"></el-input>
</el-form-item>
<el-form-item label="创建时间">
<el-input v-model="conversionForm.created_date"></el-input>
</el-form-item>
<el-form-item label="最近修改者">
<el-input v-model="conversionForm.modified_user"></el-input>
</el-form-item>
<el-form-item label="最近修日期">
<el-input v-model="conversionForm.modified_user"></el-input>
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane label="命名参数">
<el-button type="text">添加字段</el-button>
<el-table :data="fields" style="width: 100%">
<el-table-column prop="name" label="命名参数"> </el-table-column>
<el-table-column prop="default_value" label="默认值"> </el-table-column>
<el-table-column prop="description" label="描述"> </el-table-column>
<el-table-column label="操作" width="100px">
<template slot-scope="scope">
<el-button
@click="fieldClick(false, scope.row)"
type="text"
size="small"
>编辑</el-button
>
<el-button
type="text"
size="small"
@click="deletefield(scope.$index, fields)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="设置">
<el-form :model="conversionForm" label-width="180px">
<el-form-item label="传递batch ID?:">
<el-checkbox
v-model="conversionForm.capture_step_performance"
true-label="Y"
false-label="N"
></el-checkbox>
</el-form-item>
<el-form-item label="共享对象文件">
<el-input v-model="conversionForm.step_performance_capturing_delay"></el-input>
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane label="日志">
<div>
<div class="leftDiv">
<ul>
<li class="list" v-for="item in liList" :key="item.id" @click="switchJournal(item)" style="cursor:pointer" :class="{'hover': switchState == item.id,'checked': switchState == item.id}">{{ item.name }}</li>
</ul>
</div>
<div class="rightDiv">
<div class="topRight">
<el-form :model="logEntry" label-width="200px">
<el-form-item label="日志数据库连接:">
<el-row :gutter="10">
<el-col :span="18">
<el-input v-model="logEntry.connection"></el-input>
</el-col>
<el-col class="line" :span="2">
<el-button type="primary" @click="metadata(true)">浏览</el-button>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="日志表模式:">
<el-input v-model="logEntry.schema"></el-input>
</el-form-item>
<el-form-item label="日志表:">
<el-input v-model="logEntry.table"></el-input>
</el-form-item>
<el-form-item label="日志记录间隔时间(秒):" v-if="this.switchState == 1">
<el-input v-model="logEntry.size_limit_lines"></el-input>
</el-form-item>
<el-form-item label="日志记录过时时间(天):">
<el-input v-model="logEntry.interval"></el-input>
</el-form-item>
<el-form-item label="在内存中保存的日志行数限制:" v-if="this.switchState == 1">
<el-input v-model="logEntry.timeout_days"></el-input>
</el-form-item>
</el-form>
</div>
<div class="lowerRight">
<el-table
:data="tableData"
height="250"
border
style="width: 100%"
:row-style="{ height: '10px' }"
:cell-style="{ height: '10px' }"
>
<el-table-column prop="enabled" label="启用"> </el-table-column>
<el-table-column prop="name" label="字段名称"> </el-table-column>
<el-table-column prop="description" label="字段描述"></el-table-column>
<el-table-column label="操作" width="60">
<template slot-scope="scope">
<el-button
@click="liListClick(false, scope.row)"
type="text"
size="small"
>编辑</el-button
>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose">取 消</el-button>
<el-button type="primary" @click="jobSettingsDialogFun"
>确 定</el-button
>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["jobSettingsDialog"],
data() {
return {
conversionForm: {},
fields: [],
liList: [
{
id: 1,
name: "作业日志表",
},
{
id: 2,
name: "作业项日志表",
},
{
id: 3,
name: "日志通道日志表",
},
],
logEntry: {},
tableData: [
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-08",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-06",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-07",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
],
switchState:1,
};
},
created() {},
methods: {
switchJournal(val){
this.switchState = val.id
console.log(val);
},
handleClose() {
this.$emit("update:jobSettingsDialog", false);
},
jobSettingsDialogFun() {
this.handleClose();
},
},
};
</script>
<style lang="scss" scoped>
.leftDiv {
width: 150px;
height: 500px;
/* background-color: antiquewhite; */
border: 1px solid #d2e0f1;
float: left;
padding: 10px;
}
.list.hover{
cursor: pointer;
background-color: #EEEEEE;
}
.list.checked{
background-color:#4e9df8;
color: #fff;
}
.rightDiv {
width: 550px;
height: 400px;
float: left;
}
.topRight {
width: 550px;
height: 250px;
border: 1px solid #d2e0f1;
padding: 10px;
/* background-color: aqua; */
}
.lowerRight {
width: 550px;
height: 250px;
border: 1px solid #d2e0f1;
padding: 10px;
overflow: hidden;
/* background-color: aqua; */
}
</style>
\ No newline at end of file
src/views/dashboard-kettle/components/designer/mxgraphDesigner.vue
......@@ -1109,6 +1109,18 @@
:conversionSettingsDialog.sync="conversionSettingsDialog"
></conversionSettings>
<jobSettings
ref="jobSettings"
:jobSettingsDialog.sync="jobSettingsDialog"
></jobSettings>
<importXmlFile
ref="importXmlFile"
:importXmlFileDialog.sync="importXmlFileDialog"
></importXmlFile>
......@@ -1181,6 +1193,11 @@ import mapping from "../appBulletFrame/mapping" //映射(子转换)
import xmlFileInput from "../appBulletFrame/xmlFileInput" //xml文件输入
import conversionSettings from "../appBulletFrame/conversionSettings" //转换设置
import jobSettings from "../appBulletFrame/jobSettings" //作业设置
import importXmlFile from "../appBulletFrame/importXmlFile" //导出资源库到XML文件
// 作业弹窗组件开始---------------------------------------
import trans from "../../../job-dialog/trans";
......@@ -1297,9 +1314,11 @@ export default {
mergeRecordsDialog: false, //合并记录
selectFieldDialog:false,//选择字段
conversionSettingsDialog:false,//转换设置
jobSettingsDialog:false,//作业设置
toRepeatDialog:false,//去除重复
mappingDialog:false,//映射(子转换)
xmlFileInputDialog:false,//xml文件输入
importXmlFileDialog:false,//导出资源库到XML文件
// 流程弹窗组件start----------
// 流程弹窗组件end------------
......@@ -1399,9 +1418,11 @@ export default {
mergeRecords, //合并记录
selectField,//选择字段
conversionSettings,//转换设置
jobSettings,//作业设置
toRepeat,//去除重复
mapping,//映射 (子转换)
xmlFileInput,//xml 文件输入
importXmlFile,//导出资源库到XML文件
// 作业弹簧组件end----------------------
// 流程弹窗组件start---------
switchDialog,
......@@ -2101,7 +2122,7 @@ export default {
valueFormat(pamer2).then((res) => {
this.fieldFormat = res;
});
if (cell.dis == "step22" ||
if (this.curFileType == "transformation" && cell.dis == "step22" ||
cell.value.attributes.ctype.value == "Unique") {
this.toRepeatDialog = !this.toRepeatDialog
this.form = this.showDataFunc()
......@@ -2109,7 +2130,7 @@ export default {
this.$refs.toRepeat.clickFun(this.graph,this.form);
}, 500);
}else if ( cell.dis == "step27" ||
}else if (this.curFileType == "transformation" && cell.dis == "step27" ||
cell.value.attributes.ctype.value == "SelectValues") {
this.selectFieldDialog = !this.selectFieldDialog
this.form = this.showDataFunc()
......@@ -2117,7 +2138,7 @@ export default {
setTimeout(() => {
this.$refs.selectField.clickFun(this.graph,this.form);
}, 500);
}else if (
}else if (this.curFileType == "transformation" &&
cell.dis == "step50" ||
cell.value.attributes.ctype.value == "MergeRows"
) {
......@@ -2127,7 +2148,7 @@ export default {
this.$refs.mergeRecords.clickFun(this.graph,this.form);
}, 500);
return;
} else if (
} else if (this.curFileType == "transformation" &&
cell.dis == "step64" ||
cell.value.attributes.ctype.value == "GetVariable"
) {
......@@ -2137,7 +2158,7 @@ export default {
this.$refs.getVariable.clickFun(this.graph,this.form);
}, 500);
return;
} else if (
} else if (this.curFileType == "transformation" &&
cell.dis == "step65" ||
cell.value.attributes.ctype.value == "SetVariable"
) {
......@@ -2148,7 +2169,7 @@ export default {
}, 500);
return;
}
if (
if (this.curFileType == "transformation" &&
cell.dis == "step29" ||
cell.value.attributes.ctype.value == "SortRows"
) {
......@@ -2179,7 +2200,7 @@ export default {
this.fields = q.fields;
this.file = q.file;
return;
} else if (
} else if (this.curFileType == "transformation" &&
cell.ids == "step7" ||
cell.value.attributes.ctype.value == "TableInput"
) {
......@@ -2191,7 +2212,7 @@ export default {
}, 500);
return;
} else if (
} else if (this.curFileType == "transformation" &&
cell.ids == "step6" ||
cell.value.attributes.ctype.value == "SystemInfo"
) {
......@@ -2435,19 +2456,22 @@ export default {
this.mappingDialog = !this.mappingDialog
});
menu.addItem("Get data from XML", null, () => {
console.log(cell, "当前节点");
this.xmlFileInputDialog = !this.xmlFileInputDialog
});
menu.addSeparator();
} else {
//画布右键
menu.addItem("作业属性设置", null, () => {
console.log(cell, "当前节点");
alert("Item 1");
this.jobSettingsDialog = !this.jobSettingsDialog
});
menu.addItem("导出资源库到XML文件", null, () => {
console.log(cell, "当前节点");
this.importXmlFileDialog = !this.importXmlFileDialog
});
menu.addSeparator();
}
......
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