Skip to content

E
ETL-admin
Commit d4bfce02 by 莫晓莉
Options

输出组件保存

parent d1a7cdc9
Showing with 429 additions and 241 deletions
src/views/dashboard-kettle/components/designer/mxgraphDesigner.vue
...@@ -820,7 +820,7 @@ ...@@ -820,7 +820,7 @@
<insertOrUpdate <insertOrUpdate
ref="insertOrdate" ref="insertOrdate"
:InsertOrUpdateVisible.sync="InsertOrUpdateVisible" :InsertOrUpdateVisible.sync="InsertOrUpdateVisible"
:saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell"></insertOrUpdate> :saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell" :getXmlVal="getXmlVal"></insertOrUpdate>
<excelOutPutDialog <excelOutPutDialog
ref="excelOut" ref="excelOut"
:excelOutPutVisible.sync="excelOutPutVisible" :excelOutPutVisible.sync="excelOutPutVisible"
...@@ -1442,7 +1442,7 @@ export default { ...@@ -1442,7 +1442,7 @@ export default {
} }
this.form = q this.form = q
return; return;
} else if (cell.ids == "step17") { } else if (cell.ids == "step17" || cell.value.attributes.ctype.value == "TableOutput" ) {
//表输出 //表输出
this.tableOutPutVisible = !this.tableOutPutVisible; this.tableOutPutVisible = !this.tableOutPutVisible;
return; return;
...@@ -1450,7 +1450,7 @@ export default { ...@@ -1450,7 +1450,7 @@ export default {
//更新 //更新
this.updateVisible = !this.updateVisible; this.updateVisible = !this.updateVisible;
return; return;
} else if (cell.ids == "step14") { } else if (cell.ids == "step15") {
//文本文件输出 //文本文件输出
this.fileVisible = !this.fileVisible; this.fileVisible = !this.fileVisible;
return; return;
...@@ -1466,7 +1466,7 @@ export default { ...@@ -1466,7 +1466,7 @@ export default {
//删除 //删除
this.deleteVisible = !this.deleteVisible; this.deleteVisible = !this.deleteVisible;
return; return;
} else if (cell.ids == "step10") { } else if (cell.ids == "step11") {
//SQL文件输出 //SQL文件输出
this.sqlVisible = !this.sqlVisible; this.sqlVisible = !this.sqlVisible;
return; return;
......
src/views/output-dialog/delete.vue
...@@ -9,10 +9,13 @@ ...@@ -9,10 +9,13 @@
> >
<!-- <div id="ExcelInputDialog"></div> --> <!-- <div id="ExcelInputDialog"></div> -->
<el-form ref="stepName" :model="deleteForm" label-width="120px"> <el-form ref="stepName" :model="stepName" label-width="120px">
<el-form-item label="步骤名称:"> <el-form-item label="步骤名称:">
<el-input v-model="deleteForm.name"></el-input> <el-input v-model="stepName.name"></el-input>
</el-form-item> </el-form-item>
</el-form>
<el-form ref="delForm" :model="deleteForm" label-width="200px">
<div style="border:1px solid #99BBE8;padding:15px 15px;margin-bottom:15px;"> <div style="border:1px solid #99BBE8;padding:15px 15px;margin-bottom:15px;">
<database-choose ref="databaseChoose" :form="deleteForm"></database-choose> <database-choose ref="databaseChoose" :form="deleteForm"></database-choose>
<el-form-item label="提交记录数量:"> <el-form-item label="提交记录数量:">
...@@ -50,15 +53,27 @@ ...@@ -50,15 +53,27 @@
export default ({ export default ({
data(){ data(){
return{ return{
stepName:{name:'删除'},
activeName:'content', activeName:'content',
// deleteForm:{
// commit: "100",
// connection: "",
// schema: "test",
// table: "",
// searchFields: "[]",
// updateFields: "[]",
// },
deleteForm:{ deleteForm:{
commit: "100", commit: "100",
connection: "", connection: "",
schema: "test", key:"[]",
label:"删除",
schema: "",
table: "", table: "",
searchFields: "[]", // searchFields: "[]",
updateFields: "[]", // updateFields: "[]",
// update_bypassed: "N"
}, },
// 表头数据 // 表头数据
tableHead:[ tableHead:[
...@@ -98,23 +113,22 @@ export default ({ ...@@ -98,23 +113,22 @@ export default ({
} }
}, },
props:["title","nodePath","deleteVisible","doubleClickCell","saveOutputDialog"],
// props:{
// title:{
// type:String,
// default:''
// },
// nodePath:{
// type:String,
// default:''
// },
// deleteVisible:{
// type: Boolean,
// default:false
// },
props:{ // },
title:{
type:String,
default:''
},
nodePath:{
type:String,
default:''
},
deleteVisible:{
type: Boolean,
default:false
},
// explorer:Function
},
mounted(){ mounted(){
}, },
...@@ -123,7 +137,11 @@ export default ({ ...@@ -123,7 +137,11 @@ export default ({
this.$emit("update:deleteVisible", false); this.$emit("update:deleteVisible", false);
}, },
confirm(){ confirm(){
console.log('弹窗数据：===',this.deleteForm); this.deleteForm.label=this.doubleClickCell.title;
this.deleteForm.key=JSON.stringify(this.tableData);//字段复值
console.log('弹窗数据：===',this.deleteForm);
this.saveOutputDialog(this.deleteForm);
this.handleClose();//关闭弹窗
}, },
......
src/views/output-dialog/insertOrUpdate.vue
...@@ -8,10 +8,13 @@ ...@@ -8,10 +8,13 @@
top="10%" top="10%"
> >
<div id="ExcelInputDialog"></div> <div id="ExcelInputDialog"></div>
<el-form ref="stepName" :model="insertOrUdateForm" label-width="120px"> <el-form ref="stepName" :model="stepName" label-width="120px">
<el-form-item label="步骤名称:"> <el-form-item label="步骤名称:">
<el-input v-model="insertOrUdateForm.name"></el-input> <el-input v-model="stepName.name"></el-input>
</el-form-item> </el-form-item>
</el-form>
<el-form :model="insertOrUdateForm" label-width="200px">
<el-tabs v-model="activeName" type="border-card"> <el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="基本配置" name="content"> <el-tab-pane label="基本配置" name="content">
<database-choose ref="databaseChoose" :form="insertOrUdateForm"></database-choose> <database-choose ref="databaseChoose" :form="insertOrUdateForm"></database-choose>
...@@ -36,15 +39,56 @@ ...@@ -36,15 +39,56 @@
<el-tab-pane label="查询字段" name="handling"> <el-tab-pane label="查询字段" name="handling">
<el-card class="box-card" style="margin-top:15px;"> <el-card class="box-card" style="margin-top:15px;">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<el-button style="padding: 3px 0" type="text">新增字段</el-button> <el-button style="padding: 3px 0" type="text" @click="fieldClick(true)">新增字段</el-button>
<el-button style="padding: 3px 0" type="text">删除字段</el-button> <!-- <el-button style="padding: 3px 0" type="text">删除字段</el-button> -->
<el-button style="padding: 3px 0" type="text">获取字段</el-button> <el-button style="padding: 3px 0" type="text" @click="getFields(0)">获取字段</el-button>
</div> </div>
<el-table style="width: 100%" border :data="tableData"> <!-- <el-table style="width: 100%" border :data="tableData">
<template v-for="(item,index) in tableHead"> <template v-for="(item,index) in tableHead">
<el-table-column :prop="item.column_name" :label="item.column_comment" :key="index" v-if="item.column_name != 'id'"></el-table-column> <el-table-column :prop="item.column_name" :label="item.column_comment" :key="index" v-if="item.column_name != 'id'"></el-table-column>
</template> </template>
</el-table> </el-table> -->
<table-list ref="tableDia" :tableHead="tableHead" :tableData="tableData" :field.sync="editDia" :fieldClick="fieldClick"></table-list>
<!-- 编辑弹窗开始=========== -->
<el-dialog
title="编辑"
:visible.sync="field"
width="500px"
:before-close="handleCloseEdit"
append-to-body>
<el-form ref="form" :model="fieldForm" label-width="80px">
<el-form-item label="表字段:">
<el-select v-model="fieldForm.keyLookup" style="width: 100%">
<el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-form-item>
<el-form-item label="比较符:">
<el-select v-model="fieldForm.keyCondition" style="width: 100%">
<el-option v-for="(item,index) in keyConditionList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="流里的字段1:">
<el-select v-model="fieldForm.keyStream1" style="width: 100%">
<el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-form-item>
<el-form-item label="流里的字段2:">
<el-select v-model="fieldForm.keyStream2" style="width: 100%">
<el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="field = false">取 消</el-button>
<el-button type="primary" @click="addField">确 定</el-button>
</span>
</el-dialog>
<!-- 编辑弹窗结束============ -->
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
...@@ -52,36 +96,47 @@ ...@@ -52,36 +96,47 @@
<el-tab-pane label="更新字段" name="oher "> <el-tab-pane label="更新字段" name="oher ">
<el-card class="box-card" style="margin-top:15px;"> <el-card class="box-card" style="margin-top:15px;">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<el-button style="padding: 3px 0" type="text">新增字段</el-button> <el-button style="padding: 3px 0" type="text" @click="fieldClickUpdate">新增字段</el-button>
<el-button style="padding: 3px 0" type="text">删除字段</el-button> <!-- <el-button style="padding: 3px 0" type="text">删除字段</el-button> -->
<el-button style="padding: 3px 0" type="text">获取和更新字段</el-button> <el-button style="padding: 3px 0" type="text" @click="getFields(1)">获取和更新字段</el-button>
<el-button style="padding: 3px 0" type="text">编辑映射</el-button> <el-button style="padding: 3px 0" type="text">编辑映射</el-button>
</div> </div>
<!-- <el-table style="width: 100%" border >
<template v-for="(item,index) in updateTableHead">
<el-table-column :prop="item.column_name" :label="item.column_comment" :key="index" >
</el-table-column>
</template>
<el-table-column <table-list :tableHead="tableHeadUpdate" :tableData="tableDataUpdate" :field.sync="editDiaUpdate" :fieldClick="fieldClickUpdate"></table-list>
v-for="(item, key) in updateTableData" <!-- 编辑弹窗开始=========== -->
:key="key" <el-dialog
align="center" title="编辑"
:prop="item.column_name" :visible.sync="fieldUpdate"
:label="item.column_comment" width="500px"
> :before-close="handleCloseEditUpdate"
<template scope="scope"> append-to-body>
<el-input <el-form ref="form" :model="fieldFormUpdate" label-width="80px">
v-model="scope.row[scope.column.property]" <el-form-item label="表字段:">
size="mini" <el-select v-model="fieldFormUpdate.updateLookup" style="width: 100%">
type="number" <el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
:min="0.0" </el-select>
/> </el-form-item>
</template>
</el-table-column> <el-form-item label="流字段:">
<el-select v-model="fieldFormUpdate.updateStream" style="width: 100%">
<el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-form-item>
</el-table> --> <el-form-item label="更新:">
<el-select v-model="fieldFormUpdate.update" style="width: 100%">
<el-option v-for="(item,index) in yesOrNoList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="Update = false">取 消</el-button>
<el-button type="primary" @click="addFieldUpdate">确 定</el-button>
</span>
</el-dialog>
<!-- 编辑弹窗结束============ -->
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -95,9 +150,17 @@ ...@@ -95,9 +150,17 @@
</template> </template>
<script> <script>
import {inputOutputFields} from "@/api/kettle/file";//获取表输出
export default ({ export default ({
data(){ data(){
return{ return{
field:false,//编辑弹窗
editDia:false,//编辑表字段
fieldForm:{},//编辑弹窗
fieldUpdate:false,//更新弹窗
editDiaUpdate:false,//更新字段
fieldFormUpdate:{},//更新弹窗
stepName:{name:'删除'},
insertOrUdateForm:{ insertOrUdateForm:{
commit: "100", commit: "100",
connection: "", connection: "",
...@@ -108,107 +171,101 @@ export default ({ ...@@ -108,107 +171,101 @@ export default ({
update_bypassed: "N" update_bypassed: "N"
}, },
activeName:'content', activeName:'content',
// 查询字段--start------------
fieldsList:[],//字段获取
keyConditionList:[{value: '=', text: '='},
{value: '<>', text: '<>'},
{value: '<', text: '<'},
{value: '<=', text: '<='},
{value: '>', text: '>'},
{value: '>=', text: '>='},
{value: 'LIKE', text: 'LIKE'},
{value: 'BETWEEN', text: 'BETWEEN'},
{value: 'IS NULL', text: 'IS NULL'},
{value: 'IS NOT NULL', text: 'IS NOT NULL'}],
// 表头数据 // 表头数据
tableHead:[ tableHead:[
{ {
column_name: "column_name",column_comment:"表字段" column_name: "keyLookup",column_comment:"表字段"
}, },
{ {
column_name: "column_age",column_comment:"比较符" column_name: "keyCondition",column_comment:"比较符"
}, },
{ {
column_name: "column_sex",column_comment:"流里的字段1" column_name: "keyStream1",column_comment:"流里的字段1"
}, },
{ {
column_name: "column_col",column_comment:"流里的字段2" column_name: "keyStream2",column_comment:"流里的字段2"
} }
], ],
// 表格数据 // 表格数据
tableData: [{ tableData: [{
column_age: '3', keyLookup: '3',
column_name: '鞠婧祎', keyCondition: '鞠婧祎',
column_sex: '女', keyStream1: '女',
column_col:'1', keyStream2:'1',
column_col1:'2',
column_col2:'2'
}, },
{ {
column_age: '25', keyLookup: '3',
column_name: '魏大勋', keyCondition: '鞠婧祎',
column_sex: '男', keyStream1: '女',
column_col:'1', keyStream2:'1',
column_col1:'2',
column_col2:'2'
}, },
{ {
column_age: '18', keyLookup: '3',
column_name: '关晓彤', keyCondition: '鞠婧祎',
column_sex: '女', keyStream1: '女',
column_col:'1', keyStream2:'1',
column_col1:'2', },
column_col2:'2' ],
}], // 查询字段--end------------
// 更新字段start------------
// 表头数据 // 表头数据
updateTableHead:[ tableHeadUpdate:[
{ {
column_name: "column_name",column_comment:"表字段" column_name: "updateLookup",column_comment:"表字段"
}, },
{ {
column_name: "column_age",column_comment:"流字段" column_name: "updateStream",column_comment:"流字段"
}, },
{ {
column_name: "column_sex",column_comment:"更新" column_name: "update",column_comment:"更新"
}, },
], ],
// 表格数据 // 表格数据
updateTableData: [{ tableDataUpdate: [{
column_age: '3', updateLookup: '1',
column_name: '鞠婧祎', updateStream: '鞠婧祎1',
column_sex: '女', update: '女',
column_col:'1',
column_col1:'2',
column_col2:'2'
}, },
{ {
column_age: '25', updateLookup: '2',
column_name: '魏大勋', updateStream: '鞠婧祎2',
column_sex: '男', update: '女',
column_col:'1',
column_col1:'2',
column_col2:'2'
}, },
{ {
column_age: '18', updateLookup: '3',
column_name: '关晓彤', updateStream: '鞠婧祎3',
column_sex: '女', update: '女',
column_col:'1', },],
column_col1:'2', yesOrNoList:[{value: 'Y', text: '是'},
column_col2:'2' {value: 'N', text: '否'}]
}], // 更新字段end-------------------
} }
}, },
props:{ props:["InsertOrUpdateVisible","doubleClickCell","getXmlVal","saveOutputDialog"],
// title:{
// type:String,
// default:''
// },
// nodePath:{
// type:String,
// default:''
// },
InsertOrUpdateVisible:{
type: Boolean,
default:false
},
// explorer:Function
}, // props:{
// InsertOrUpdateVisible:{
// type: Boolean,
// default:false
// },
// },
mounted(){ mounted(){
}, },
...@@ -218,9 +275,108 @@ export default ({ ...@@ -218,9 +275,108 @@ export default ({
}, },
confirm(){ confirm(){
this.insertOrUdateForm.searchFields=JSON.stringify(this.tableData);//查询字段
this.insertOrUdateForm.updateFields=JSON.stringify(this.tableDataUpdate);//更新字段
console.log('弹窗数据：===',this.insertOrUdateForm); console.log('弹窗数据：===',this.insertOrUdateForm);
this.saveOutputDialog(this.insertOrUdateForm);
this.handleClose();//关闭弹窗
}, },
//新增或者编辑弹窗
fieldClick(state, val) {
this.field = !this.field;
this.dataState = state;
if (state) {
this.fieldForm = {};
} else {
this.fieldForm = val;
}
},
//关闭编辑的弹窗
handleCloseEdit(){
this.field = !this.field;
},
// 字段
addField() {
this.field = !this.field;
console.log('添加的字段===',this.fieldForm);
if (this.dataState) {
this.tableData.push(this.fieldForm);
}
},
//新增或者编辑弹窗-----更新start------------------
fieldClickUpdate(state, val) {
this.fieldUpdate = !this.fieldUpdate;
this.dataState = state;
if (state) {
this.fieldFormUpdate = {};
} else {
this.fieldFormUpdate = val;
}
},
//关闭编辑的弹窗
handleCloseEditUpdate(){
this.fieldUpdate = !this.fieldUpdate;
},
// 字段
addFieldUpdate() {
this.fieldUpdate = !this.fieldUpdate;
console.log('添加的字段===',this.fieldFormUpdate);
if (this.dataState) {
this.tableDataUpdate.push(this.fieldFormUpdate);
}
},
// -----更新end------------------
//获取字段
getFields(num){
if(this.doubleClickCell){
var title=this.doubleClickCell.title
}
console.log('获取cell888888===',this.doubleClickCell);
let pamer = new FormData(); // 创建form对象
pamer.append("stepName", encodeURIComponent(title));
pamer.append("graphXml", this.getXmlVal);
pamer.append("before", true);
pamer.append("query", '');
inputOutputFields(pamer).then(res=>{
console.log('字段',res);
// this.blankCanvas = res
this.fieldsList=res;
if(num==0){
var myarray=[]
this.fieldsList.forEach(e => {
var obj={};
obj.keyLookup=e.name;
obj.keyCondition="=";
obj.keyStream1=e.name;
obj.keyStream2='';
myarray.push(obj);
});
this.tableData=myarray;
}else if(num==1){
var myarray=[]
this.fieldsList.forEach(e => {
var obj={};
obj.updateLookup=e.name;
obj.updateStream=e.name;
obj.update='Y';
myarray.push(obj);
});
this.tableDataUpdate=myarray;
}
})
}
......
src/views/output-dialog/sqlFileOutput.vue
...@@ -202,83 +202,85 @@ export default ({ ...@@ -202,83 +202,85 @@ export default ({
}, },
activeName:'content', activeName:'content',
// 表头数据 // 表头数据
tableHead:[ // tableHead:[
{ // {
column_name: "column_name",column_comment:"表字段" // column_name: "column_name",column_comment:"表字段"
}, // },
{ // {
column_name: "column_age",column_comment:"比较符" // column_name: "column_age",column_comment:"比较符"
}, // },
{ // {
column_name: "column_sex",column_comment:"流里的字段1" // column_name: "column_sex",column_comment:"流里的字段1"
}, // },
{ // {
column_name: "column_col",column_comment:"流里的字段2" // column_name: "column_col",column_comment:"流里的字段2"
} // }
], // ],
// 表格数据 // 表格数据
tableData: [{ // tableData: [{
column_age: '3', // column_age: '3',
column_name: '鞠婧祎', // column_name: '鞠婧祎',
column_sex: '女', // column_sex: '女',
column_col:'1' // column_col:'1'
}, // },
{ // {
column_age: '25', // column_age: '25',
column_name: '魏大勋', // column_name: '魏大勋',
column_sex: '男', // column_sex: '男',
column_col:'2' // column_col:'2'
}, // },
{ // {
column_age: '18', // column_age: '18',
column_name: '关晓彤', // column_name: '关晓彤',
column_sex: '女', // column_sex: '女',
column_col:'3' // column_col:'3'
}], // }],
// 表头数据 // 表头数据
tableHead1:[ // tableHead1:[
{ // {
column_name: "column_name",column_comment:"表字段" // column_name: "column_name",column_comment:"表字段"
}, // },
{ // {
column_name: "column_age",column_comment:"流字段" // column_name: "column_age",column_comment:"流字段"
}, // },
{ // {
column_name: "column_sex",column_comment:"更新" // column_name: "column_sex",column_comment:"更新"
} // }
], // ],
// 表格数据 // 表格数据
tableData1: [{ // tableData1: [{
column_age: '3', // column_age: '3',
column_name: '鞠婧祎', // column_name: '鞠婧祎',
column_sex: '女', // column_sex: '女',
}, // },
{ // {
column_age: '25', // column_age: '25',
column_name: '魏大勋', // column_name: '魏大勋',
column_sex: '男', // column_sex: '男',
}, // },
{ // {
column_age: '18', // column_age: '18',
column_name: '关晓彤', // column_name: '关晓彤',
column_sex: '女', // column_sex: '女',
}], // }],
} }
}, },
props:{ props:["title","sqlVisible","saveOutputDialog","doubleClickCell"],
title:{
type:String,
default:''
},
sqlVisible:{
type: Boolean,
default:false
},
}, // props:{
// title:{
// type:String,
// default:''
// },
// sqlVisible:{
// type: Boolean,
// default:false
// },
// },
created(){ created(){
this.formatFunc();//获取时间日期格式 this.formatFunc();//获取时间日期格式
this.getAvailableCharsets();//获取编码 this.getAvailableCharsets();//获取编码
...@@ -316,8 +318,9 @@ export default ({ ...@@ -316,8 +318,9 @@ export default ({
confirm(){ confirm(){
console.log('弹窗数据==',this.sqlForm); console.log('弹窗数据==',this.sqlForm);
console.log('步骤名称==',this.stepName); console.log('步骤名称==',this.stepName);
this.saveOutputDialog(this.sqlForm);
this.handleClose();//关闭弹窗
}, },
......
src/views/output-dialog/table-out.vue
...@@ -60,8 +60,9 @@ ...@@ -60,8 +60,9 @@
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="23"> <el-col :span="23">
<el-select v-model="tableOutForm.partitioning_field" style="width: 100%" :disabled="tableOutForm.partitioning_enabled=='Y'? false :true"> <el-select v-model="tableOutForm.partitioning_field" style="width: 100%" :disabled="tableOutForm.partitioning_enabled=='Y'? false :true">
<el-option label="区域一" value="shanghai"></el-option> <!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select> </el-select>
</el-col> </el-col>
</el-row> </el-row>
...@@ -99,9 +100,11 @@ ...@@ -99,9 +100,11 @@
<el-form-item label="包含表名的字段:"> <el-form-item label="包含表名的字段:">
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="23"> <el-col :span="23">
<el-select v-model="tableOutForm.tablename_field" :disabled="tableOutForm.partitioning_enabled=='Y'? false :true" style="width: 100%"> <el-select v-model="tableOutForm.tablename_field" :disabled="tableOutForm.tablename_in_field=='Y'? false :true" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option> <!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select> </el-select>
</el-col> </el-col>
</el-row> </el-row>
...@@ -130,13 +133,13 @@ ...@@ -130,13 +133,13 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="数据库字段" name="oher "> <el-tab-pane :disabled="tableOutForm.specify_fields=='Y'? false :true" label="数据库字段" name="oher ">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<el-button style="padding: 3px 0" type="text" @click="fieldClick(true)">新增字段</el-button> <el-button style="padding: 3px 0" type="text" @click="fieldClick(true)">新增字段</el-button>
<el-button style="padding: 3px 0" type="text">删除字段</el-button> <!-- <el-button style="padding: 3px 0" type="text">删除字段</el-button>
<el-button style="padding: 3px 0" type="text">获取字段</el-button> <el-button style="padding: 3px 0" type="text">获取字段</el-button>
<el-button style="padding: 3px 0" type="text">输入字段映射</el-button> <el-button style="padding: 3px 0" type="text">输入字段映射</el-button> -->
</div> </div>
<!-- <el-table style="width: 100%" border :data="tableData2"> <!-- <el-table style="width: 100%" border :data="tableData2">
<template v-for="(item,index) in tableHead2"> <template v-for="(item,index) in tableHead2">
...@@ -157,10 +160,11 @@ ...@@ -157,10 +160,11 @@
<el-checkbox > --> <el-checkbox > -->
<el-form-item label="表字段:"> <el-form-item label="表字段:">
<el-select v-model="fieldForm.column_name" style="width: 100%"> <el-select v-model="fieldForm.column_name" style="width: 100%">
<el-option label="不去掉空格" value="none"></el-option> <el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
<!-- <el-option label="不去掉空格" value="none"></el-option>
<el-option label="去掉左空格" value="left"></el-option> <el-option label="去掉左空格" value="left"></el-option>
<el-option label="去掉右空格" value="right"></el-option> <el-option label="去掉右空格" value="right"></el-option>
<el-option label="去掉左右两端空格" value="both"></el-option> <el-option label="去掉左右两端空格" value="both"></el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- </el-checkbox> --> <!-- </el-checkbox> -->
...@@ -168,10 +172,12 @@ ...@@ -168,10 +172,12 @@
<!-- <el-checkbox > --> <!-- <el-checkbox > -->
<el-form-item label="流字段:"> <el-form-item label="流字段:">
<el-select v-model="fieldForm.stream_name" style="width: 100%"> <el-select v-model="fieldForm.stream_name" style="width: 100%">
<el-option label="不去掉空格" value="none"></el-option>
<el-option v-for="(item,index) in fieldsList" :key="index" :label="item.name" :value="item.name"></el-option>
<!-- <el-option label="不去掉空格" value="none"></el-option>
<el-option label="去掉左空格" value="left"></el-option> <el-option label="去掉左空格" value="left"></el-option>
<el-option label="去掉右空格" value="right"></el-option> <el-option label="去掉右空格" value="right"></el-option>
<el-option label="去掉左右两端空格" value="both"></el-option> <el-option label="去掉左右两端空格" value="both"></el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- </el-checkbox> <!-- </el-checkbox>
...@@ -247,16 +253,18 @@ export default ({ ...@@ -247,16 +253,18 @@ export default ({
}, },
stepName:{}, stepName:{},
activeName:'content', activeName:'content',
engine:[], fieldsList:[],//字段获取
tableData: [ // engine:[],
{ // tableData: [
filemask: "", // {
name: "王小虎", // filemask: "",
exclude_filemask: "", // name: "王小虎",
file_required: "0", // exclude_filemask: "",
include_subfolders: "1", // file_required: "0",
}, // include_subfolders: "1",
], // },
// ],
// 表头数据 // 表头数据
...@@ -283,27 +291,27 @@ export default ({ ...@@ -283,27 +291,27 @@ export default ({
}], }],
// 表头数据 // 表头数据
tableHead2:[ // tableHead2:[
{ // {
column_name: "column_name",column_comment:"表字段" // column_name: "column_name",column_comment:"表字段"
}, // },
{ // {
column_name: "column_age",column_comment:"流字段" // column_name: "column_age",column_comment:"流字段"
}, // },
], // ],
// 表格数据 // 表格数据
tableData2: [{ // tableData2: [{
column_age: '3', // column_age: '3',
column_name: '鞠婧祎', // column_name: '鞠婧祎',
}, // },
{ // {
column_age: '25', // column_age: '25',
column_name: '魏大勋', // column_name: '魏大勋',
}, // },
{ // {
column_age: '18', // column_age: '18',
column_name: '关晓彤', // column_name: '关晓彤',
}], // }],
} }
}, },
...@@ -333,7 +341,7 @@ export default ({ ...@@ -333,7 +341,7 @@ export default ({
}, },
created(){ created(){
this.dialogOpen(); // this.dialogOpen();
}, },
watch:{ watch:{
tableOutForm(n,o){ tableOutForm(n,o){
...@@ -343,8 +351,10 @@ export default ({ ...@@ -343,8 +351,10 @@ export default ({
methods:{ methods:{
confirm(){ confirm(){
this.tableOutForm.label=this.doubleClickCell.title; this.tableOutForm.label=this.doubleClickCell.title;
this.tableOutForm.fields=JSON.stringify(this.tableData);//字段复值
console.log('表输出表单数据=====',this.tableOutForm) console.log('表输出表单数据=====',this.tableOutForm)
this.saveOutputDialog(this.tableOutForm); this.saveOutputDialog(this.tableOutForm);
this.handleClose();//关闭弹窗
}, },
radioChoose(val){ radioChoose(val){
let that = this let that = this
...@@ -360,11 +370,11 @@ export default ({ ...@@ -360,11 +370,11 @@ export default ({
// var node = enc.encode(graph.getModel()); // var node = enc.encode(graph.getModel());
// console.log('获取===',node); // console.log('获取===',node);
// var changeXml = mxUtils.getPrettyXml(node); // var changeXml = mxUtils.getPrettyXml(node);
if(this.doubleClickCell){ if(this.doubleClickCell){
var title=this.doubleClickCell.title var title=this.doubleClickCell.title
} }
console.log('获取cell88===',this.doubleClickCell); console.log('获取cell888888===',this.doubleClickCell);
let pamer = new FormData(); // 创建form对象 let pamer = new FormData(); // 创建form对象
pamer.append("stepName", encodeURIComponent(title)); pamer.append("stepName", encodeURIComponent(title));
pamer.append("graphXml", this.getXmlVal); pamer.append("graphXml", this.getXmlVal);
pamer.append("before", true); pamer.append("before", true);
...@@ -372,6 +382,7 @@ var title=this.doubleClickCell.title ...@@ -372,6 +382,7 @@ var title=this.doubleClickCell.title
inputOutputFields(pamer).then(res=>{ inputOutputFields(pamer).then(res=>{
console.log('字段',res); console.log('字段',res);
// this.blankCanvas = res // this.blankCanvas = res
this.fieldsList=res;
}) })
}, },
......
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