Skip to content

E
ETL-admin
Commit 4fab0b48 by 李耀琨
Options

完成输入工具模块

parent 5230c886
Showing with 177 additions and 40 deletions
src/api/kettle/link.js
......@@ -342,5 +342,14 @@ export function logout(data){
})
}
// 获取数据库字段
export function previewData(data){
return request({
url:'etlweb/trans/previewData',
data,
method: 'post'
})
}
src/views/dashboard-kettle/components/appBulletFrame/customConstant.vue
......@@ -104,7 +104,7 @@
</el-form-item>
<el-form-item label="类型:">
<el-select v-model="metadataForm.type" style="width: 100%">
<el-select v-model="metadataForm.type" style="width: 100%" clearable>
<el-option
v-for="item in fieldType"
:key="item.index"
......@@ -115,7 +115,7 @@
</el-form-item>
<el-form-item label="格式:">
<el-select v-model="metadataForm.format" style="width: 100%">
<el-select v-model="metadataForm.format" style="width: 100%" clearable>
<el-option
v-for="item in fieldFormat"
:key="item.index"
......
src/views/dashboard-kettle/components/appBulletFrame/generatingRecords.vue
......@@ -92,7 +92,7 @@
</el-form-item>
<el-form-item label="类型:">
<el-select v-model="metadataForm.type" style="width: 100%">
<el-select v-model="metadataForm.type" style="width: 100%" clearable>
<el-option
v-for="item in fieldType"
:key="item.id"
......@@ -103,7 +103,7 @@
</el-form-item>
<el-form-item label="格式:">
<el-select v-model="metadataForm.format" style="width: 100%">
<el-select v-model="metadataForm.format" style="width: 100%" clearable>
<el-option
v-for="item in fieldFormat"
:key="item.index"
......@@ -138,7 +138,7 @@
</el-form-item>
<el-form-item label="设为空？:">
<el-select v-model="metadataForm.nullable" style="width: 100%">
<el-select v-model="metadataForm.nullable" style="width: 100%" clearable>
<el-option label="非空" value="N"></el-option>
<el-option label="空" value="Y"></el-option>
</el-select>
......
src/views/dashboard-kettle/components/appBulletFrame/getSystemInformation.vue
......@@ -52,7 +52,7 @@
</el-form-item>
<el-form-item label="类型:">
<el-select v-model="fiel.type" style="width: 100%">
<el-select v-model="fiel.type" style="width: 100%" clearable>
<el-option
v-for="item in type"
:key="item.code"
......
src/views/dashboard-kettle/components/appBulletFrame/randomNumber.vue
......@@ -57,7 +57,7 @@
</el-form-item>
<el-form-item label="类型:">
<el-select v-model="fiel.type" style="width: 100%">
<el-select v-model="fiel.type" style="width: 100%" clearable>
<el-option
v-for="item in random"
:key="item.type"
......
src/views/dashboard-kettle/components/appBulletFrame/textFileInput.vue
......@@ -87,7 +87,7 @@
</el-form-item>
<el-form-item label="步骤读取的文件名来自:">
<el-select v-model="form.acceptingField" style="width: 100%" :disabled="form.acceptingFilenames == 'N' || !form.acceptingFilenames">
<el-select v-model="form.acceptingField" style="width: 100%" :disabled="form.acceptingFilenames == 'N' || !form.acceptingFilenames" clearable>
<el-option
v-for="item in connectionNode"
:key="item.id"
......@@ -110,7 +110,7 @@
<el-tab-pane label="内容">
<el-form ref="form" :model="form" label-width="200px">
<el-form-item label="文件类型:">
<el-select v-model="form.fileType" style="width: 100%">
<el-select v-model="form.fileType" style="width: 100%" clearable>
<el-option label="CSV" value="CSV"></el-option>
<el-option label="Fixed" value="Fixed"></el-option>
</el-select>
......@@ -210,7 +210,7 @@
<el-form-item label="压缩:">
<el-select v-model="form.fileCompression" style="width: 100%">
<el-select v-model="form.fileCompression" style="width: 100%" clearable>
<el-option
v-for="item in fieldCompress"
:key="item.index"
......@@ -266,7 +266,7 @@
</el-form-item>
<el-form-item label="格式:">
<el-select v-model="form.fileFormat" style="width: 100%">
<el-select v-model="form.fileFormat" style="width: 100%" clearable>
<el-option
v-for="item in fileType"
:key="item.index"
......@@ -278,7 +278,7 @@
<el-form-item label="编码:">
<el-select v-model="form.encoding" filterable style="width: 100%">
<el-select v-model="form.encoding" filterable style="width: 100%" clearable>
<el-option
v-for="item in codingType"
:key="item.index"
......@@ -471,9 +471,10 @@
<el-tab-pane label="字段">
<el-button type="primary" @click="fieldClick(true)">添加字段</el-button>
<el-button type="primary" @click="getTheField">获取字段</el-button>
<el-table :data="inputFields" style="width: 100%">
<el-table-column prop="name" label="名称"> </el-table-column>
<el-table-column prop="name" label="名称"> </el-table-column>g
<el-table-column prop="type" label="类型"> </el-table-column>
......@@ -611,7 +612,7 @@
</el-form-item>
<el-form-item label="类型:">
<el-select v-model="metadataForm.type" style="width: 100%">
<el-select v-model="metadataForm.type" style="width: 100%" clearable>
<el-option
v-for="item in fieldType"
:key="item.id"
......@@ -622,7 +623,7 @@
</el-form-item>
<el-form-item label="格式:">
<el-select v-model="metadataForm.format" style="width: 100%">
<el-select v-model="metadataForm.format" style="width: 100%" clearable>
<el-option
v-for="item in fieldFormat"
:key="item.index"
......@@ -668,7 +669,7 @@
</el-form-item>
<el-form-item label="去除空格类型:">
<el-select v-model="metadataForm.trim_type" style="width: 100%">
<el-select v-model="metadataForm.trim_type" style="width: 100%" clearable>
<el-option label="不去掉空格" value="none"></el-option>
<el-option label="去掉左空格" value="left"></el-option>
<el-option label="去掉右空格" value="right"></el-option>
......@@ -700,7 +701,7 @@
</el-form-item>
<el-form-item label="过滤器位置:">
<el-select v-model="filterForm.filterPosition" style="width: 100%">
<el-select v-model="filterForm.filterPosition" style="width: 100%" clearable>
<el-option
v-for="item in fieldFormat"
:key="item.index"
......@@ -752,15 +753,31 @@
<script>
import browseFiles from "../appBulletFrame/browseFiles";
import { valueFormat, valueMeta,formatMapperLineTerminator,availableCharsets,compressionProviderNames } from "@/api/kettle/link";
import mxgraph from "@/utils/mxgraph";
const {
mxGraph,
mxUtils,
mxEvent,
mxKeyHandler,
mxRubberband,
mxConstants,
mxStencilRegistry,
mxStencil,
mxCodec,
mxGraphModel,
mxGeometry,
} = mxgraph;
import { valueFormat, valueMeta,formatMapperLineTerminator,availableCharsets,compressionProviderNames,inputOutputFields } from "@/api/kettle/link";
export default {
props: ["connectionNode","form"], //从父组件传过来的值
props: ["connectionNode","form","nodeData"], //从父组件传过来的值
components: {
browseFiles,
},
data() {
return {
newGraph:[],
fileBox:false,
filterBox: false,
fieldBox: false,
......@@ -796,6 +813,27 @@ export default {
methods: {
clickFun(graph) {
console.log(graph, 1);
this.newGraph = graph;
},
getTheField(){
var enc = new mxCodec(mxUtils.createXmlDocument());
var node = enc.encode(this.newGraph.getModel());
this.graphXml = mxUtils.getPrettyXml(node);
let pamerFields = new FormData(); // 创建form对象
pamerFields.append("stepName", this.nodeData.value.attributes.label.value)
pamerFields.append("graphXml", this.graphXml);
pamerFields.append("before", true);
pamerFields.append("query", "");
inputOutputFields(pamerFields).then((res) => {
this.inputFields = res
});
},
addFile(){
this.fileNameStore.push(this.fileSelection)
console.log(this.fileNameStore,789787987987987);
......
src/views/dashboard-kettle/components/designer/mxgraphDesigner.vue
......@@ -111,7 +111,7 @@
<el-tab-pane label="文件" name="file">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item label="表格类(引擎):">
<el-select v-model="form.spreadsheet_type" style="width: 100%">
<el-select v-model="form.spreadsheet_type" style="width: 100%" clearable>
<el-option
v-for="item in engine"
:key="item.code"
......@@ -177,7 +177,7 @@
style="width: 100%"
:disabled="
!form.accept_filenames || form.accept_filenames == 'N'"
@click.native="lastStep"
@click.native="lastStep" clearable
>
<el-option
......@@ -196,7 +196,7 @@
:disabled="
!form.accept_filenames || form.accept_filenames == 'N'
"
@click.native="previousField"
@click.native="previousField" clearable
>
<el-option v-for="item in getField"
:key="item.id"
......@@ -272,7 +272,7 @@
</el-form-item>
<el-form-item label="编码:">
<el-select v-model="form.encoding" filterable style="width: 100%">
<el-select v-model="form.encoding" filterable style="width: 100%" clearable>
<el-option
v-for="item in codingType"
:key="item.index"
......@@ -445,9 +445,8 @@
</el-tab-pane>
<el-tab-pane label="字段" name="field">
<el-button type="primary" @click="fieldClick(true)"
>添加字段</el-button
>
<el-button type="primary" @click="fieldClick(true)">添加字段</el-button>
<el-button type="primary" @click="getTheField">获取字段</el-button>
<el-table :data="fields" style="width: 100%">
<el-table-column prop="name" label="名称"> </el-table-column>
......@@ -630,7 +629,7 @@
</el-form-item>
<el-form-item label="类型:">
<el-select v-model="fieldForm.type" style="width: 100%">
<el-select v-model="fieldForm.type" style="width: 100%" clearable>
<el-option
v-for="item in fieldType"
:key="item.id"
......@@ -649,7 +648,7 @@
</el-form-item>
<el-form-item label="去除空格类型:">
<el-select v-model="fieldForm.space" style="width: 100%">
<el-select v-model="fieldForm.space" style="width: 100%" clearable>
<el-option label="不去掉空格" value="none"></el-option>
<el-option label="去掉左空格" value="left"></el-option>
<el-option label="去掉右空格" value="right"></el-option>
......@@ -662,7 +661,7 @@
</el-form-item>
<el-form-item label="格式:">
<el-select v-model="fieldForm.format" style="width: 100%">
<el-select v-model="fieldForm.format" style="width: 100%" clearable>
<el-option
v-for="item in fieldFormat"
:key="item.index"
......@@ -699,17 +698,18 @@
>
<tableInput
:disabled="true"
:connectionNode="connectionNode"
:form="form"
:graphXml="graphXml"
ref="TableInputDialog2"
:nodeData="nodeData"
ref="tableInputDialog"
>
</tableInput>
<span slot="footer" class="dialog-footer">
<el-button @click="TableInputDialog = false">取 消</el-button>
<el-button type="primary" @click="TableInputDialog = false"
<el-button type="info" @click="dataFlowFun" >浏览</el-button>
<el-button type="primary" @click="TableInputDialogFun"
>确 定</el-button
>
</span>
......@@ -800,6 +800,7 @@
:disabed="true"
:connectionNode="connectionNode"
:form="form"
:nodeData="nodeData"
></textFileInput>
<span slot="footer" class="dialog-footer">
......@@ -894,6 +895,32 @@
:transGraphVisible.sync="transGraphVisible"
:getXmlVal="getXmlVal"
></trans-graph>
<!-- 数据浏览-->
<el-dialog
title="数据浏览"
:visible.sync="dataFlow"
width="500px"
:before-close="handleClose"
>
<el-table :data="dataBrowsing" border style="width: 100%">
<el-table-column
v-for="item in dataField"
:key="item.index"
:label="item.header"
:prop="item.header"
>
</el-table-column>
</el-table>
</el-dialog>
</div>
</template>
......@@ -911,6 +938,7 @@ import {
valueMeta,
save,
newStep,
previewData
} from "@/api/kettle/link";
// 输入弹窗
import tableInput from "../appBulletFrame/tableInput";
......@@ -962,7 +990,10 @@ export default {
data() {
return {
nodeData:[],
dataBrowsing:[],
dataField:[],
dataFlow:false,
myoutPutFormData:{},
outPutFormData1:{},
outPutFormData2:{},
......@@ -1156,6 +1187,47 @@ export default {
// },
methods: {
getTheField(){
var enc = new mxCodec(mxUtils.createXmlDocument());
var node = enc.encode(this.graph.getModel());
this.graphXml = mxUtils.getPrettyXml(node);
let pamerFields = new FormData(); // 创建form对象
pamerFields.append("stepName", this.nodeData.value.attributes.label.value)
pamerFields.append("graphXml", this.graphXml);
pamerFields.append("before", false);
inputOutputFields(pamerFields).then((res) => {
this.fields = res
});
},
dataFlowFun(){
this.dataFlow =!this.dataFlow
for (let name in this.form) {
var edit = new mxCellAttributeChange(
this.nodeData,
name,
this.form[name]
);
this.graph.getModel().execute(edit);
}
var enc = new mxCodec(mxUtils.createXmlDocument());
var node = enc.encode(this.graph.getModel());
this.graphXml = mxUtils.getPrettyXml(node);
let pmer = new FormData(); // 创建form对象
pmer.append("graphXml", this.graphXml);
pmer.append("stepName", this.nodeData.value.attributes.label.value);
pmer.append("rowLimit", this.$refs.tableInputDialog.form.limit);
previewData(pmer).then(res =>{
this.dataField = res.columns
this.dataBrowsing = res.firstRecords
})
},
setXml() {
this.graph.getModel().beginUpdate();
......@@ -1170,6 +1242,18 @@ export default {
},
TableInputDialogFun(){
this.TableInputDialog = !this.TableInputDialog
for (let name in this.form) {
var edit = new mxCellAttributeChange(
this.nodeData,
name,
this.form[name]
);
this.graph.getModel().execute(edit);
}
},
ConstantDialogFun(){
this.ConstantDialog = !this.ConstantDialog
console.log(this.$refs.ConstantDialog.data,'asghaksghk');
......@@ -1400,8 +1484,8 @@ lastStep(){
this.graphXml = mxUtils.getPrettyXml(node);
let pamerSteps = new FormData(); // 创建form对象
pamerSteps.append("stepName", this.nodeData.title);
pamerSteps.append("graphXml", this.getXmlVal);
pamerSteps.append("stepName", this.nodeData.value.attributes.label.value);
pamerSteps.append("graphXml", this.graphXml);
pamerSteps.append("query", "");
previousSteps(pamerSteps).then((res) => {
this.connectionNode = res
......@@ -1415,8 +1499,8 @@ previousField(){
this.graphXml = mxUtils.getPrettyXml(node);
let pamerFields = new FormData(); // 创建form对象
pamerFields.append("stepName", this.nodeData.title)
pamerFields.append("graphXml", this.getXmlVal);
pamerFields.append("stepName", this.nodeData.value.attributes.label.value)
pamerFields.append("graphXml", this.graphXml);
pamerFields.append("before", true);
pamerFields.append("query", "");
inputOutputFields(pamerFields).then((res) => {
......@@ -1505,8 +1589,8 @@ previousField(){
// this.setXml();
this.doubleClickCell = cell;
// 获取接口数据
// 获取接口数据
availableCharsets(pamer).then((res) => {
this.codingType = res;
});
......@@ -1570,8 +1654,10 @@ previousField(){
this.form = q;
this.form.sql = decodeURIComponent( this.form.sql)
console.log(this.form,456465465);
this.$refs.TableInputDialog2.clickFun(this.graph);
setTimeout(() => {
this.$refs.tableInputDialog.clickFun(this.graph);
}, 500);
return;
} else if (
......@@ -1654,6 +1740,9 @@ previousField(){
q.inputFields = JSON.parse(q.inputFields)
q.filter = JSON.parse(q.filter)
this.form = q;
setTimeout(() => {
this.$refs.TextFileInputDialog.clickFun(this.graph)
}, 500);
return;
} else if (
cell.ids == "step17" ||
......@@ -1662,6 +1751,7 @@ previousField(){
//表输出
this.tableOutPutVisible = !this.tableOutPutVisible;
this.outPutFormData1 = this.showDataFunc();
this.$refs.tableOutPut.clickFun(this.graph);
return;
} else if (cell.ids == "step16" || cell.value.attributes.ctype.value == "Update" ) {
......
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