Skip to content

E
ETL-admin
Commit 9e3c51bf by 莫晓莉
Options

输出表单提交

parent d5bf3460
Showing with 111 additions and 414 deletions
src/views/output-dialog/delete.vue
......@@ -9,61 +9,20 @@
>
<!-- <div id="ExcelInputDialog"></div> -->
<el-form ref="stepName" :model="stepName" label-width="120px">
<el-form ref="stepName" :model="deleteForm" label-width="120px">
<el-form-item label="步骤名称:">
<el-input v-model="stepName.name"></el-input>
<el-input v-model="deleteForm.name"></el-input>
</el-form-item>
</el-form>
<div style="border:1px solid #99BBE8;padding:15px 15px;margin-bottom:15px;">
<el-form ref="form" :model="form" label-width="200px">
<el-form-item label="数据库连接:">
<el-row :gutter="10">
<el-col :span="14">
<el-select v-model="form.region" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">编辑</el-button></el-col>
<el-col class="line" :span="3">
<el-button size="mini">新建</el-button></el-col>
<el-col class="line" :span="3">
<el-button size="mini">向导</el-button></el-col>
</el-row>
</el-form-item>
<el-form-item label="目的模式:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col>
</el-row>
</el-form-item>
<el-form-item label="目标表:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
>
</el-row>
</el-form-item>
<database-choose ref="databaseChoose" :form="deleteForm"></database-choose>
<el-form-item label="提交记录数量:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="deleteForm.commit"></el-input>
</el-col>
</el-row>
</el-form-item>
</el-form>
</div>
<el-card class="box-card">
......@@ -76,12 +35,12 @@
</template>
</el-table>
</el-card>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="deleteVisible = false">取 消</el-button>
<el-button type="primary" @click="deleteVisible = false">确 定</el-button>
<el-button type="primary" @click="confirm">确 定</el-button>
</span>
</el-dialog>
</div>
......@@ -91,10 +50,16 @@
export default ({
data(){
return{
form:{},
stepName:{},
activeName:'content',
engine:[],
deleteForm:{
commit: "100",
connection: "",
schema: "test",
table: "",
searchFields: "[]",
updateFields: "[]",
// update_bypassed: "N"
},
// 表头数据
tableHead:[
{
......@@ -147,7 +112,7 @@ export default ({
type: Boolean,
default:false
},
explorer:Function
// explorer:Function
},
mounted(){
......@@ -155,46 +120,12 @@ export default ({
},
methods:{
handleClose(){
this.$emit("update:updateVisible", false);
this.$emit("update:deleteVisible", false);
},
confirm(){
},
//新建转换
createTrans(){
var formData = new FormData();
var formData = new FormData();
formData.append('dir', this.nodePath);
formData.append('transName', this.inputValue);
// console.log('新建提交参数==',params);
createTrans(formData).then(res=>{
if (res) {
this.$message.success('创建成功!');
this.explorer('');
this.$emit("update:estabDialogVisible", false);
}else {
this.$message.error(res.errMsg)
}
})
console.log('弹窗数据：===',this.deleteForm);
},
// 上传
handleChange(file, fileList) {
// console.log(file);
this.fileList = fileList.slice(-3);
this.tableData.push({ name: file.name });
// console.log(this.tableData);
// this.getObjectURL(file.raw)
// console.log(this.getObjectURL(file.raw));
},
addSheet(){},
fileChnageInput(e) {
console.log(e);
},
}
......
src/views/output-dialog/insertOrUpdate.vue
......@@ -8,65 +8,17 @@
top="10%"
>
<div id="ExcelInputDialog"></div>
<el-form ref="stepName" :model="stepName" label-width="120px">
<el-form ref="stepName" :model="insertOrUdateForm" label-width="120px">
<el-form-item label="步骤名称:">
<el-input v-model="stepName.name"></el-input>
<el-input v-model="insertOrUdateForm.name"></el-input>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="基本配置" name="content">
<el-form ref="form" :model="form" label-width="200px">
<el-form-item label="数据库连接:">
<el-row :gutter="10">
<el-col :span="14">
<el-select v-model="form.region" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">编辑</el-button></el-col
>
<el-col class="line" :span="3">
<el-button size="mini">新建</el-button></el-col
>
<el-col class="line" :span="3">
<el-button size="mini">向导</el-button></el-col
>
</el-row>
</el-form-item>
<el-form-item label="目的模式:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
>
</el-row>
</el-form-item>
<el-form-item label="目标表:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
>
</el-row>
</el-form-item>
<database-choose ref="databaseChoose" :form="insertOrUdateForm"></database-choose>
<el-form-item label="提交记录数量:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="insertOrUdateForm.commit"></el-input>
</el-col>
</el-row>
</el-form-item>
......@@ -75,25 +27,10 @@
<el-form-item label="不执行任何更新：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
<!-- <el-form-item label="忽略插入错误：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-checkbox v-model="insertOrUdateForm.update_bypassed" true-label='Y' false-label="N"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="指定数据库字段：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
</el-col>
</el-row>
</el-form-item> -->
</el-form>
</el-tab-pane>
<el-tab-pane label="查询字段" name="handling">
......@@ -120,21 +57,12 @@
<el-button style="padding: 3px 0" type="text">获取和更新字段</el-button>
<el-button style="padding: 3px 0" type="text">编辑映射</el-button>
</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" v-if="item.column_name != 'id'">
<template slot-scope="scope">
<el-input v-model="scope.row[scope.column.property]" ></el-input>
</template>
</el-table-column>
</template> -->
<!-- <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" v-if="item.column_name != 'id'">
<el-table-column :prop="item.column_name" :label="item.column_comment" :key="index" >
</el-table-column>
</template>
<el-table-column
v-for="(item, key) in updateTableData"
:key="key"
......@@ -153,14 +81,14 @@
</el-table-column>
</el-table>
</el-table> -->
</el-card>
</el-tab-pane>
</el-tabs>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="InsertOrUpdateVisible = false">取 消</el-button>
<el-button type="primary" @click="InsertOrUpdateVisible = false">确 定</el-button>
<el-button type="primary" @click="confirm">确 定</el-button>
</span>
</el-dialog>
</div>
......@@ -170,11 +98,16 @@
export default ({
data(){
return{
// inputValue:'',
form:{},
stepName:{},
insertOrUdateForm:{
commit: "100",
connection: "",
schema: "test",
table: "",
searchFields: "[]",
updateFields: "[]",
update_bypassed: "N"
},
activeName:'content',
engine:[],
// 表头数据
tableHead:[
{
......@@ -261,19 +194,19 @@ export default ({
},
props:{
title:{
type:String,
default:''
},
nodePath:{
type:String,
default:''
},
// title:{
// type:String,
// default:''
// },
// nodePath:{
// type:String,
// default:''
// },
InsertOrUpdateVisible:{
type: Boolean,
default:false
},
explorer:Function
// explorer:Function
},
mounted(){
......@@ -281,46 +214,14 @@ export default ({
},
methods:{
handleClose(){
this.$emit("update:tableOutPutVisible", false);
this.$emit("update:InsertOrUpdateVisible", false);
},
confirm(){
console.log('弹窗数据：===',this.insertOrUdateForm);
},
//新建转换
createTrans(){
var formData = new FormData();
var formData = new FormData();
formData.append('dir', this.nodePath);
formData.append('transName', this.inputValue);
// console.log('新建提交参数==',params);
createTrans(formData).then(res=>{
if (res) {
this.$message.success('创建成功!');
this.explorer('');
this.$emit("update:estabDialogVisible", false);
}else {
this.$message.error(res.errMsg)
}
})
},
// 上传
handleChange(file, fileList) {
// console.log(file);
this.fileList = fileList.slice(-3);
this.tableData.push({ name: file.name });
// console.log(this.tableData);
// this.getObjectURL(file.raw)
// console.log(this.getObjectURL(file.raw));
},
addSheet(){},
fileChnageInput(e) {
console.log(e);
},
}
......
src/views/output-dialog/synchronize.vue
......@@ -7,73 +7,24 @@
:before-close="handleClose"
top="10%"
>
<div id="ExcelInputDialog"></div>
<el-form ref="stepName" :model="stepName" label-width="120px">
<el-form-item label="步骤名称:">
<el-input v-model="stepName.name" placeholder="数据同步"></el-input>
<el-form ref="synForm" :model="synForm" label-width="200px">
<el-form-item label="步骤名称:" label-width="120px">
<el-input v-model="synForm.name" placeholder="数据同步"></el-input>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="一般" name="content">
<el-form ref="form" :model="form" label-width="200px">
<el-form-item label="数据库连接:">
<el-row :gutter="10">
<el-col :span="14">
<el-select v-model="form.region" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">编辑</el-button></el-col
>
<el-col class="line" :span="3">
<el-button size="mini">新建</el-button></el-col
>
<el-col class="line" :span="3">
<el-button size="mini">向导</el-button></el-col
>
</el-row>
</el-form-item>
<el-form-item label="目的模式:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
>
</el-row>
</el-form-item>
<el-form-item label="目标表:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
>
</el-row>
</el-form-item>
<database-choose ref="databaseChoose" :form="synForm"></database-choose>
<el-form-item label="提交的记录数量:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="synForm.commit"></el-input>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="批量更新：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-checkbox v-model="synForm.use_batch" true-label='Y' false-label="N"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
......@@ -81,7 +32,7 @@
<el-form-item label="表名在字段里定义：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-checkbox v-model="synForm.tablename_in_field" true-label='Y' false-label="N"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
......@@ -89,7 +40,7 @@
<el-form-item label="表名字段:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="synForm.tablename_field"></el-input>
</el-col>
</el-row>
</el-form-item>
......@@ -115,17 +66,14 @@
</template>
</el-table>
</el-card>
</el-form>
</el-tab-pane>
<el-tab-pane label="高级" name="oher ">
<el-form ref="form" :model="form" label-width="150px">
<div style="position:relative;border:1px solid #b5b8c8;padding:15px 0;">
<div style="position:absolute;top:-15px;left:20px;color:#15428b;background-color:#fff;padding:5px 10px;">操作</div>
<el-form-item label="操作字段名:">
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="form.region" style="width: 100%">
<el-select v-model="synForm.operation_order_field" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
......@@ -135,41 +83,39 @@
<el-form-item label="当值相等时插入:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="synForm.order_insert"></el-input>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="当值相等时更新:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="synForm.order_update"></el-input>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="当值相等时删除:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="synForm.order_delete"></el-input>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="执行查询:">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-checkbox v-model="synForm.perform_lookup" true-label='Y' false-label="N"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
</div>
</el-form>
</el-tab-pane>
</el-tabs>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="synVisible = false">取 消</el-button>
<el-button type="primary" @click="synVisible = false">确 定</el-button>
<el-button type="primary" @click="confirm">确 定</el-button>
</span>
</el-dialog>
</div>
......@@ -179,11 +125,26 @@
export default ({
data(){
return{
// inputValue:'',
form:{},
stepName:{},
synForm:{
connection: "",
schema: "",
table: "lookup table",
commit: "100",
use_batch: "N",//批量更新
tablename_in_field: "N",//表名在字段里定义
tablename_field: "",//表名字段
operation_order_field: "",//操作字段名
order_insert: "",//当值相等时插入
order_delete: "",//当值相等时删除
order_update: "",//当值相等时更新
perform_lookup: "N",//执行查询
searchFields: "[]",
updateFields: "[]",
},
activeName:'content',
engine:[],
// 表头数据
tableHead:[
{
......@@ -276,41 +237,8 @@ export default ({
},
confirm(){
console.log('弹窗数据：===',this.synForm);
},
//新建转换
createTrans(){
var formData = new FormData();
var formData = new FormData();
formData.append('dir', this.nodePath);
formData.append('transName', this.inputValue);
// console.log('新建提交参数==',params);
createTrans(formData).then(res=>{
if (res) {
this.$message.success('创建成功!');
this.explorer('');
this.$emit("update:estabDialogVisible", false);
}else {
this.$message.error(res.errMsg)
}
})
},
// 上传
handleChange(file, fileList) {
// console.log(file);
this.fileList = fileList.slice(-3);
this.tableData.push({ name: file.name });
// console.log(this.tableData);
// this.getObjectURL(file.raw)
// console.log(this.getObjectURL(file.raw));
},
addSheet(){},
fileChnageInput(e) {
console.log(e);
},
......
src/views/output-dialog/update.vue
......@@ -7,61 +7,20 @@
:before-close="handleClose"
top="10%"
>
<div id="ExcelInputDialog"></div>
<el-form ref="stepName" :model="stepName" label-width="120px">
<el-form-item label="步骤名称:">
<el-input v-model="stepName.name"></el-input>
<el-form ref="updateForm" :model="updateForm" label-width="200px">
<el-form-item label="步骤名称:" label-width="120px">
<el-input v-model="updateForm.name"></el-input>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="基本配置" name="content">
<el-form ref="form" :model="form" label-width="200px">
<el-form-item label="数据库连接:">
<el-row :gutter="10">
<el-col :span="14">
<el-select v-model="form.region" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">编辑</el-button></el-col>
<el-col class="line" :span="3">
<el-button size="mini">新建</el-button></el-col>
<el-col class="line" :span="3">
<el-button size="mini">向导</el-button></el-col>
</el-row>
</el-form-item>
<el-form-item label="目的模式:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col>
</el-row>
</el-form-item>
<el-form-item label="目标表:">
<el-row :gutter="10">
<el-col :span="20">
<el-input v-model="form.name"></el-input>
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
>
</el-row>
</el-form-item>
<database-choose ref="databaseChoose" :form="updateForm"></database-choose>
<el-form-item label="提交记录数量:">
<el-row :gutter="10">
<el-col :span="23">
<el-input v-model="form.name"></el-input>
<el-input v-model="updateForm.commit"></el-input>
</el-col>
</el-row>
</el-form-item>
......@@ -70,32 +29,31 @@
<el-form-item label="批量更新：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-checkbox v-model="updateForm.use_batch" true-label='Y' false-label="N"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="跳过查询：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-checkbox v-model="updateForm.skip_lookup" true-label='Y' false-label="N"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="忽略查询失败：">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-checkbox v-model="updateForm.error_ignored" true-label='Y' false-label="N"></el-checkbox>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="标志字段(key found):">
<el-row :gutter="10">
<el-col :span="23">
<el-checkbox v-model="form.checked"></el-checkbox>
<el-input v-model="updateForm.ignore_flag_field"></el-input>
</el-col>
</el-row>
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane label="查询字段" name="handling">
......@@ -115,10 +73,11 @@
</el-table>
</el-tab-pane>
</el-tabs>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="tableOutPutVisible = false">取 消</el-button>
<el-button type="primary" @click="tableOutPutVisible = false">确 定</el-button>
<el-button type="primary" @click="confirm">确 定</el-button>
</span>
</el-dialog>
</div>
......@@ -128,10 +87,21 @@
export default ({
data(){
return{
form:{},
stepName:{},
updateForm:{
connection: "",
schema: "test",
table: "",
commit: "100",
use_batch:'Y',// 批量更新
skip_lookup:'Y',//跳过查询
error_ignored:'Y',//忽略查询错误
searchFields: "[]", //查询字段
updateFields: "[]",//更新字段
ignore_flag_field:"[]",//标志字段
},
activeName:'content',
engine:[],
// 表头数据
tableHead:[
{
......@@ -218,42 +188,9 @@ export default ({
},
confirm(){
},
//新建转换
createTrans(){
var formData = new FormData();
var formData = new FormData();
formData.append('dir', this.nodePath);
formData.append('transName', this.inputValue);
// console.log('新建提交参数==',params);
createTrans(formData).then(res=>{
if (res) {
this.$message.success('创建成功!');
this.explorer('');
this.$emit("update:estabDialogVisible", false);
}else {
this.$message.error(res.errMsg)
}
})
console.log('弹窗数据===',this.updateForm);
},
// 上传
handleChange(file, fileList) {
// console.log(file);
this.fileList = fileList.slice(-3);
this.tableData.push({ name: file.name });
// console.log(this.tableData);
// this.getObjectURL(file.raw)
// console.log(this.getObjectURL(file.raw));
},
addSheet(){},
fileChnageInput(e) {
console.log(e);
},
}
......
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