Skip to content

E
ETL-admin
Commit 58557e15 by 莫晓莉
Options

5555

parent 6e9f37ae
Showing with 310 additions and 54 deletions
src/views/output-dialog/Excel-output.vue
......@@ -23,7 +23,7 @@
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
<el-button size="mini" @click="chooseFile('file_name')">浏览</el-button></el-col
>
</el-row>
</el-form-item>
......@@ -84,9 +84,8 @@
<el-form-item label="日期时间格式:">
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.date_time_format" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-select v-model="excelForm.date_time_format" style="width: 100%">
<el-option v-for="(item,index) in formatTimeList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -102,7 +101,6 @@
</el-tab-pane>
<el-tab-pane label="内容" name="handling">
<!-- <el-form ref="form" :model="form" label-width="250px"> -->
<el-form-item label="追加：">
<el-row :gutter="10">
<el-col :span="23">
......@@ -127,9 +125,8 @@
<el-form-item label="编码:">
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.encoding" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-select v-model="excelForm.encoding" style="width: 100%">
<el-option v-for="(item,index) in codeList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -190,7 +187,7 @@
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
<el-button size="mini" @click="chooseFile('tempdirectory')">浏览</el-button></el-col
>
</el-row>
</el-form-item>
......@@ -213,7 +210,7 @@
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
<el-button size="mini" @click="chooseFile('template_filename')">浏览</el-button></el-col
>
</el-row>
</el-form-item>
......@@ -230,15 +227,13 @@
<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="excelForm.header_font_name" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in headFontList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -268,8 +263,7 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.header_font_underline" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in headFontUnderlineList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -278,8 +272,7 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.header_font_orientation" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in entionList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -288,8 +281,7 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.header_font_color" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in colorList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -298,8 +290,7 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.header_background_color" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in colorList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -315,8 +306,7 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.header_alignment" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in alignList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -328,7 +318,7 @@
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
<el-button size="mini" @click="chooseFile('header_image')">浏览</el-button></el-col
>
</el-row>
</el-form-item>
......@@ -341,8 +331,8 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.row_font_name" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<!-- <el-option v-for="(item,index) in fontNameList" :key="index" :label="item.text" :value="item.text"></el-option> -->
<el-option v-for="(item,index) in headFontList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -358,8 +348,7 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.row_font_color" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in colorList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -368,8 +357,7 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="excelForm.row_background_color" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-option v-for="(item,index) in colorList" :key="index" :label="item.text" :value="item.value"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -393,14 +381,27 @@
<el-button type="primary" @click="confirm">确 定</el-button>
</span>
</el-dialog>
<!-- 浏览选择文件 -->
<file-tree :fileDialogVisible.sync="fileDialogVisible" :excelForm="excelForm" :formName="formName"></file-tree>
</div>
</template>
<script>
import {
formatFunc,//获取已经创建的数据库列表
getCodeList,//获取编码列表
getFontname,//表头字体
getFontunderline,//表头字体下划线
getFontoriention,//表头字体方向
getFontcolor,//表头字体颜色
getFontalignment,//表头对齐方式
// getFontname,//数据字体
} from "@/api/kettle/file";
export default ({
data(){
return{
// inputValue:'',
fileDialogVisible:false,//选择文件夹弹窗
formName:'',
excelForm:{
file_name: "D:\course",//文件名
create_parent_folder: "Y",//创建父目录
......@@ -486,6 +487,17 @@ export default ({
column_name: '关晓彤',
column_sex: '女'
}],
formatTimeList:[],//时间日期格式
codeList:[],//编码
headFontList:[],//表头字体
headFontUnderlineList:[],//表头字体下划线
entionList:[],//表头字体方向
colorList:[],//表头字体颜色
alignList:[],//表头对齐方式
// fontNameList:[]//数据字体
}
},
......@@ -500,17 +512,127 @@ export default ({
default:false
},
},
mounted(){
// mounted(){
// },
created(){
this.formatFunc();//获取时间日期格式
this.getCodeList();//获取编码列表
this.getFontname();//表头字体
this.getFontunderline();//表头字体下划线
this.getFontoriention();//表头字体方向
this.getFontcolor();//表头字体颜色
this.getFontalignment();//表头对齐方式
// this.getFontname();//数据字体
},
methods:{
handleClose(){
this.$emit("update:excelOutPutVisible", false);
},
// clickFunc(){
// this.formatFunc();
// },
//时间日期格式
formatFunc(){
var formData = new FormData();
formData.append('query', '');
formatFunc(formData).then(res=>{
if (res) {
console.log('时间日期格式==',res);
this.formatTimeList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
// 获取编码列表
getCodeList(){
var formData = new FormData();
formData.append('query', '');
getCodeList(formData).then(res=>{
if (res) {
console.log('编码列表==',res);
this.codeList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
// 获取表头字体
getFontname(){
var formData = new FormData();
formData.append('query', '');
getFontname(formData).then(res=>{
if (res) {
console.log('表头字体==',res);
this.headFontList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
// 表头字体下划线
getFontunderline(){
var formData = new FormData();
formData.append('query', '');
getFontunderline(formData).then(res=>{
if (res) {
console.log('表头字体下划线==',res);
this.headFontUnderlineList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
// 表头字体方向
getFontoriention(){
var formData = new FormData();
formData.append('query', '');
getFontoriention(formData).then(res=>{
if (res) {
console.log('表头字体方向==',res);
this.entionList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
// 表头字体颜色
getFontcolor(){
var formData = new FormData();
formData.append('query', '');
getFontcolor(formData).then(res=>{
if (res) {
console.log('表头字体方向==',res);
this.colorList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
// 表头对齐方式
getFontalignment(){
var formData = new FormData();
formData.append('query', '');
getFontalignment(formData).then(res=>{
if (res) {
console.log('表头对齐方式==',res);
this.alignList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
//选择文件夹
chooseFile(name){
this.formName=name;//当前哪个属性需要选择文件夹
this.fileDialogVisible=true;
},
confirm(){
console.log('步骤名称==：',this.stepName);
console.log('步骤名称==：',this.stepName);
this.excelForm.label=this.stepName.name;
console.log('弹窗数据:',this.excelForm);
},
......
src/views/output-dialog/sqlFileOutput.vue
......@@ -133,8 +133,9 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="sqlForm.dateformat" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in formatTimeList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -144,8 +145,9 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="sqlForm.encoding" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in myCodeList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -163,9 +165,16 @@
</template>
<script>
import {
formatFunc,//获取已经创建的数据库列表
getAvailableCharsets,//获取编码
} from "@/api/kettle/file";
export default ({
data(){
return{
formatTimeList:[],
myCodeList:[],
stepName:{name:'SQL文件输出'},
sqlForm:{
connection: "",//连接名称
......@@ -270,13 +279,40 @@ export default ({
},
},
mounted(){
created(){
this.formatFunc();//获取时间日期格式
this.getAvailableCharsets();//获取编码
},
methods:{
handleClose(){
this.$emit("update:sqlVisible", false);
},
//获取编码
getAvailableCharsets(){
var formData = new FormData();
formData.append('query', '');
getAvailableCharsets(formData).then(res=>{
if (res) {
console.log('获取编码==',res);
this.myCodeList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
//时间日期格式
formatFunc(){
var formData = new FormData();
formData.append('query', '');
formatFunc(formData).then(res=>{
if (res) {
console.log('时间日期格式==',res);
this.formatTimeList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
confirm(){
console.log('弹窗数据==',this.sqlForm);
......
src/views/output-dialog/text-file-output.vue
......@@ -21,7 +21,7 @@
</el-col>
<el-col class="line" :span="3">
<el-button size="mini">浏览</el-button></el-col
<el-button size="mini" @click="chooseFile('file_name')">浏览</el-button></el-col
>
</el-row>
</el-form-item>
......@@ -117,8 +117,9 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="textFileForm.date_time_format" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in formatTimeList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -190,8 +191,9 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="textFileForm.format" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in formatLineList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -200,8 +202,9 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="textFileForm.compression" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in compressList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -210,8 +213,9 @@
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="textFileForm.encoding" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<!-- <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> -->
<el-option v-for="(item,index) in myCodeList" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-col>
</el-row>
......@@ -235,20 +239,22 @@
<el-form-item label="分拆...每一行:">
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="textFileForm.splitevery" style="width: 100%">
<!-- <el-select v-model="textFileForm.splitevery" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-select> -->
<el-input v-model="textFileForm.splitevery"></el-input>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="添加文件结束行:">
<el-row :gutter="10">
<el-col :span="23">
<el-select v-model="textFileForm.endedLine" style="width: 100%">
<!-- <el-select v-model="textFileForm.endedLine" style="width: 100%">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-select> -->
<el-input v-model="textFileForm.endedLine"></el-input>
</el-col>
</el-row>
</el-form-item>
......@@ -271,13 +277,30 @@
<el-button type="primary" @click="confirm">确 定</el-button>
</span>
</el-dialog>
<!-- 浏览选择文件 -->
<file-tree :fileDialogVisible.sync="fileDialogVisible" :excelForm="textFileForm" :formName="formName"></file-tree>
</div>
</template>
<script>
import {
formatFunc,//获取已经创建的数据库列表
getFormatMapperLineTerminator,//获取格式
getCompressionProviderNames,//获取压缩
getAvailableCharsets,//获取编码
} from "@/api/kettle/file";
export default ({
data(){
return{
fileDialogVisible:false,//选择文件夹弹窗
formName:'',
formatTimeList:[],//时间日期格式
formatLineList:[],//获取格式
compressList:[],//获取压缩
myCodeList:[],//获取编码
textFileForm:{
file_name: "file",//文件名称
is_command: "N",//结果输送至命令行或脚本
......@@ -382,13 +405,88 @@ export default ({
// explorer:Function
},
mounted(){
created(){
this.formatFunc();//获取时间日期格式
this.getFormatMapperLineTerminator();//获取格式
this.getCompressionProviderNames();//获取压缩
this.getAvailableCharsets();//获取编码
},
methods:{
handleClose(){
this.$emit("update:fileVisible", false);
},
//获取文件名字段====xml文件的方法
getInputOutputFields(){
var formData = new FormData();
formData.append('query', '');
getFontoriention(formData).then(res=>{
if (res) {
console.log('获取文件名字段==',res);
this.InputOutputFields=res;
}else {
this.$message.error(res.errMsg)
}
})
},
//时间日期格式
formatFunc(){
var formData = new FormData();
formData.append('query', '');
formatFunc(formData).then(res=>{
if (res) {
console.log('时间日期格式==',res);
this.formatTimeList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
//获取格式
getFormatMapperLineTerminator(){
var formData = new FormData();
formData.append('query', '');
getFormatMapperLineTerminator(formData).then(res=>{
if (res) {
console.log('获取格式==',res);
this.formatLineList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
//获取压缩
getCompressionProviderNames(){
var formData = new FormData();
formData.append('query', '');
getCompressionProviderNames(formData).then(res=>{
if (res) {
console.log('获取压缩==',res);
this.compressList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
//获取编码
getAvailableCharsets(){
var formData = new FormData();
formData.append('query', '');
getAvailableCharsets(formData).then(res=>{
if (res) {
console.log('获取编码==',res);
this.myCodeList=res;
}else {
this.$message.error(res.errMsg)
}
})
},
//选择文件夹
chooseFile(name){
this.formName=name;//当前哪个属性需要选择文件夹
this.fileDialogVisible=true;
},
confirm(){
console.log('弹窗数据--',this.textFileForm);
......
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