@ -17,90 +17,127 @@
< template > < template >
< div class = "datax-model" > < div class = "datax-model" >
< m -list -box > < m -list -box >
< div slot = "text" > { { $t ( 'Datasourc e' ) } } < / div > < div slot = "text" > { { $t ( 'Custom templat e' ) } } < / div >
< div slot = "content" > < div slot = "content" >
< m -datasource < label class = "label-box" >
ref = "refDs" < div style = "padding-top: 5px;" >
@ on - dsData = "_onDsData" < x -switch v-model ="enable" @on-click="_onSwitch" :disabled ="isDetails" > < / x -switch >
: supportType = "['MYSQL','POSTGRESQL', 'ORACLE', 'SQLSERVER']" < / div >
: data = "{ type:dsType,datasource:datasource }" > < / label >
< / m - d a t a s o u r c e >
< / div > < / div >
< / m - l i s t - b o x > < / m - l i s t - b o x >
< m -list -box > < div v-if ="!enable" >
< div slot = "text" > { { $t ( 'SQL Statement' ) } } < / div > < m -list -box >
< div slot = "content" > < div slot = "text" > { { $t ( 'Datasource' ) } } < / div >
< div class = "from-mirror" > < div slot = "content" >
< textarea < m -datasource
id = "code-sql-mirror" ref = "refDs"
name = "code-sql-mirror" @ on - dsData = "_onDsData"
style = "opacity: 0;" > : supportType = "['MYSQL','POSTGRESQL', 'ORACLE', 'SQLSERVER']"
< / textarea > : data = "{ type:dsType,datasource:datasource }" >
< / m - d a t a s o u r c e >
< / div > < / div >
< / div > < / m - l i s t - b o x >
< / m - l i s t - b o x > < m -list -box >
< m -list -box > < div slot = "text" > { { $t ( 'SQL Statement' ) } } < / div >
< div slot = "text" > { { $t ( 'TargetDataBase' ) } } < / div > < div slot = "content" >
< div slot = "content" > < div class = "from-mirror" >
< m -datasource < textarea
ref = "refDt" id = "code-sql-mirror"
@ on - dsData = "_onDtData" name = "code-sql-mirror"
: supportType = "['MYSQL','POSTGRESQL', 'ORACLE', 'SQLSERVER']" style = "opacity: 0;" >
: data = "{ type:dtType,datasource:datatarget }" > < / textarea >
< / m - d a t a s o u r c e > < / div >
< / div > < / div >
< / m - l i s t - b o x > < / m - l i s t - b o x >
< m -list -box > < m -list -box >
< div slot = "text" > { { $t ( 'TargetTable' ) } } < / div > < div slot = "text" > { { $t ( 'TargetDataBase' ) } } < / div >
< div slot = "content" > < div slot = "content" >
< x -input < m -datasource
type = "input" ref = "refDt"
v - model = "targetTable" @ on - dsData = "_onDtData"
: placeholder = "$t('Please enter the table of target')" : supportType = "['MYSQL','POSTGRESQL', 'ORACLE', 'SQLSERVER']"
autocomplete = "off" > : data = "{ type:dtType,datasource:datatarget }" >
< / x - i n p u t > < / m - d a t a s o u r c e >
< / div > < / div >
< / m - l i s t - b o x > < / m - l i s t - b o x >
< m -list -box > < m -list -box >
< div slot = "text" > { { $t ( 'TargetDataBase' ) } } { { $t ( 'Pre Statement' ) } } < / div > < div slot = "text" > { { $t ( 'TargetTable' ) } } < / div >
< div slot = "content" > < div slot = "content" >
< m -statement -list < x -input
ref = "refPreStatements" type = "input"
@ on - statement - list = "_onPreStatements" v - model = "targetTable"
: statement - list = "preStatements" > : placeholder = "$t('Please enter the table of target')"
< / m - s t a t e m e n t - l i s t > autocomplete = "off" >
< / div > < / x - i n p u t >
< / m - l i s t - b o x > < / div >
< m -list -box > < / m - l i s t - b o x >
< div slot = "text" > { { $t ( 'TargetDataBase' ) } } { { $t ( 'Post Statement' ) } } < / div > < m -list -box >
< div slot = "content" > < div slot = "text" > { { $t ( 'TargetDataBase' ) } } { { $t ( 'Pre Statement' ) } } < / div >
< m -statement -list < div slot = "content" >
ref = "refPostStatements" < m -statement -list
@ on - statement - list = "_onPostStatements" ref = "refPreStatements"
: statement - list = "postStatements" > @ on - statement - list = "_onPreStatements"
< / m - s t a t e m e n t - l i s t > : statement - list = "preStatements" >
< / div > < / m - s t a t e m e n t - l i s t >
< / m - l i s t - b o x > < / div >
< m -list -box > < / m - l i s t - b o x >
< div slot = "text" > < m -list -box >
< span > { { $t ( 'SpeedByte' ) } } < / span > < div slot = "text" > { { $t ( 'TargetDataBase' ) } } { { $t ( 'Post Statement' ) } } < / div >
< / div > < div slot = "content" >
< div slot = "content" > < m -statement -list
< m -select -input v-model ="jobSpeedByte" :list="[0,1,10,50,100,512]" > ref = "refPostStatements"
< / m - s e l e c t - i n p u t > @ on - statement - list = "_onPostStatements"
< span > ( { { $t ( '0 means unlimited by byte' ) } } ) < / span > : statement - list = "postStatements" >
< / div > < / m - s t a t e m e n t - l i s t >
< / m - l i s t - b o x > < / div >
< m -list -box > < / m - l i s t - b o x >
< div slot = "text" > < m -list -box >
< span > { { $t ( 'SpeedRecord' ) } } < / span > < div slot = "text" >
< / div > < span > { { $t ( 'SpeedByte' ) } } < / span >
< div slot = "content" > < / div >
< m -select -input v-model ="jobSpeedRecord" :list="[0,500,1000,1500,2000,2500,3000]" > < div slot = "content" >
< / m - s e l e c t - i n p u t > < m -select -input v-model ="jobSpeedByte" :list="[0,1,10,50,100,512]" >
< span > ( { { $t ( '0 means unlimited by count' ) } } ) < / span > < / m - s e l e c t - i n p u t >
< / div > < span > ( { { $t ( '0 means unlimited by byte' ) } } ) < / span >
< / m - l i s t - b o x > < / div >
< / m - l i s t - b o x >
< m -list -box >
< div slot = "text" >
< span > { { $t ( 'SpeedRecord' ) } } < / span >
< / div >
< div slot = "content" >
< m -select -input v-model ="jobSpeedRecord" :list="[0,500,1000,1500,2000,2500,3000]" >
< / m - s e l e c t - i n p u t >
< span > ( { { $t ( '0 means unlimited by count' ) } } ) < / span >
< / div >
< / m - l i s t - b o x >
< / div >
< div v-else >
< m -list -box >
< div slot = "text" > json < / div >
< div slot = "content" >
< div class = "from-mirror" >
< textarea
id = "code-json-mirror"
name = "code-json-mirror"
style = "opacity: 0;" >
< / textarea >
< / div >
< / div >
< / m - l i s t - b o x >
< m -list -box >
< div slot = "text" > { { $t ( 'Custom Parameters' ) } } < / div >
< div slot = "content" >
< m -local -params
ref = "refLocalParams"
@ on - local - params = "_onLocalParams"
: udp - list = "localParams"
: hide = "false" >
< / m - l o c a l - p a r a m s >
< / div >
< / m - l i s t - b o x >
< / div >
< / div > < / div >
< / template > < / template >
< script > < script >
@ -115,12 +152,15 @@
import codemirror from '@/conf/home/pages/resource/pages/file/pages/_source/codemirror' import codemirror from '@/conf/home/pages/resource/pages/file/pages/_source/codemirror'
let editor let editor
let jsonEditor
export default { export default {
name : 'datax' , name : 'datax' ,
data ( ) { data ( ) {
return { return {
/ / D a t a C u s t o m t e m p l a t e
enable : false ,
/ / D a t a s o u r c e t y p e / / D a t a s o u r c e t y p e
dsType : '' , dsType : '' ,
/ / d a t a s o u r c e / / d a t a s o u r c e
@ -135,6 +175,7 @@
rtDatatarget : '' , rtDatatarget : '' ,
/ / S q l s t a t e m e n t / / S q l s t a t e m e n t
sql : '' , sql : '' ,
json : '' ,
/ / t a r g e t t a b l e / / t a r g e t t a b l e
targetTable : '' , targetTable : '' ,
/ / P r e s t a t e m e n t s / / P r e s t a t e m e n t s
@ -145,6 +186,9 @@
jobSpeedByte : 0 , jobSpeedByte : 0 ,
/ / s p e e d r e c o r d / / s p e e d r e c o r d
jobSpeedRecord : 1000 , jobSpeedRecord : 1000 ,
/ / C u s t o m p a r a m e t e r
localParams : [ ] ,
customConfig : 0 ,
} }
} , } ,
mixins : [ disabledState ] , mixins : [ disabledState ] ,
@ -153,6 +197,19 @@
createNodeId : Number createNodeId : Number
} , } ,
methods : { methods : {
_onSwitch ( is ) {
if ( is ) {
this . customConfig = 1
setTimeout ( ( ) => {
this . _handlerJsonEditor ( )
} , 200 )
} else {
this . customConfig = 0
setTimeout ( ( ) => {
this . _handlerEditor ( )
} , 200 )
}
} ,
/ * * / * *
* return data source * return data source
* / * /
@ -183,50 +240,66 @@
* verification * verification
* / * /
_verification ( ) { _verification ( ) {
if ( ! editor . getValue ( ) ) { if ( this . customConfig ) {
this . $message . warning ( ` ${ i18n . $t ( 'Please enter a SQL Statement(required)' ) } ` ) if ( ! jsonEditor . getValue ( ) ) {
return false this . $message . warning ( ` ${ i18n . $t ( 'Please enter a JSON Statement(required)' ) } ` )
} return false
}
/ / d a t a s o u r c e S u b c o m p o n e n t v e r i f i c a t i o n / / s t o r a g e
if ( ! this . $refs . refDs . _verifDatasource ( ) ) { this . $emit ( 'on-params' , {
return false customConfig : this . customConfig ,
} json : jsonEditor . getValue ( ) ,
localParams : this . localParams
} )
return true
} else {
if ( ! editor . getValue ( ) ) {
this . $message . warning ( ` ${ i18n . $t ( 'Please enter a SQL Statement(required)' ) } ` )
return false
}
/ / d a t a s o u r c e S u b c o m p o n e n t v e r i f i c a t i o n / / d a t a s o u r c e S u b c o m p o n e n t v e r i f i c a t i o n
if ( ! this . $refs . refDt . _verifDatasource ( ) ) { if ( ! this . $refs . refDs . _verifDatasource ( ) ) {
return false return false
} }
if ( ! this . targetTable ) { / / d a t a s o u r c e S u b c o m p o n e n t v e r i f i c a t i o n
this . $message . warning ( ` ${ i18n . $t ( 'Please enter a Target Table(required)' ) } ` ) if ( ! this . $refs . refDt . _verifDatasource ( ) ) {
return false return false
} }
/ / p r e S t a t e m e n t s S u b c o m p o n e n t v e r i f i c a t i o n if ( ! this . targetTable ) {
if ( ! this . $refs . refPreStatements . _verifProp ( ) ) { this . $message . warning ( ` ${ i18n . $t ( 'Please enter a Target Table(required)' ) } ` )
return false return false
} }
/ / p o s t S t a t e m e n t s S u b c o m p o n e n t v e r i f i c a t i o n / / p r e S t a t e m e n t s S u b c o m p o n e n t v e r i f i c a t i o n
if ( ! this . $refs . refPost Statements . _verifProp ( ) ) { if ( ! this . $refs . refPre Statements . _verifProp ( ) ) {
return false return false
} }
/ / s t o r a g e / / p o s t S t a t e m e n t s S u b c o m p o n e n t v e r i f i c a t i o n
this . $emit ( 'on-params' , { if ( ! this . $refs . refPostStatements . _verifProp ( ) ) {
dsType : this . dsType , return false
dataSource : this . rtDatasource , }
dtType : this . dtType ,
dataTarget : this . rtDatatarget , / / s t o r a g e
sql : editor . getValue ( ) , this . $emit ( 'on-params' , {
targetTable : this . targetTable , customConfig : this . customConfig ,
jobSpeedByte : this . jobSpeedByte * 1024 , dsType : this . dsType ,
jobSpeedRecord : this . jobSpeedRecord , dataSource : this . rtDatasource ,
preStatements : this . preStatements , dtType : this . dtType ,
postStatements : this . postStatements dataTarget : this . rtDatatarget ,
} ) sql : editor . getValue ( ) ,
return true targetTable : this . targetTable ,
jobSpeedByte : this . jobSpeedByte * 1024 ,
jobSpeedRecord : this . jobSpeedRecord ,
preStatements : this . preStatements ,
postStatements : this . postStatements
} )
return true
}
} , } ,
/ * * / * *
* Processing code highlighting * Processing code highlighting
@ -259,6 +332,34 @@
return editor return editor
} , } ,
_handlerJsonEditor ( ) {
this . _destroyJsonEditor ( )
/ / j s o n E d i t o r
jsonEditor = codemirror ( 'code-json-mirror' , {
mode : 'json' ,
readOnly : this . isDetails
} )
this . keypress = ( ) => {
if ( ! jsonEditor . getOption ( 'readOnly' ) ) {
jsonEditor . showHint ( {
completeSingle : false
} )
}
}
/ / M o n i t o r k e y b o a r d
jsonEditor . on ( 'keypress' , this . keypress )
jsonEditor . on ( 'changes' , ( ) => {
/ / t h i s . _ c a c h e P a r a m s ( )
} )
jsonEditor . setValue ( this . json )
return jsonEditor
} ,
_cacheParams ( ) { _cacheParams ( ) {
this . $emit ( 'on-cache-params' , { this . $emit ( 'on-cache-params' , {
dsType : this . dsType , dsType : this . dsType ,
@ -279,6 +380,13 @@
editor . off ( $ ( '.code-sql-mirror' ) , 'keypress' , this . keypress ) editor . off ( $ ( '.code-sql-mirror' ) , 'keypress' , this . keypress )
editor . off ( $ ( '.code-sql-mirror' ) , 'changes' , this . changes ) editor . off ( $ ( '.code-sql-mirror' ) , 'changes' , this . changes )
} }
} ,
_destroyJsonEditor ( ) {
if ( jsonEditor ) {
jsonEditor . toTextArea ( ) / / U n i n s t a l l
jsonEditor . off ( $ ( '.code-json-mirror' ) , 'keypress' , this . keypress )
jsonEditor . off ( $ ( '.code-json-mirror' ) , 'changes' , this . changes )
}
} }
} , } ,
created ( ) { created ( ) {
@ -287,22 +395,37 @@
/ / N o n - n u l l o b j e c t s r e p r e s e n t b a c k f i l l / / N o n - n u l l o b j e c t s r e p r e s e n t b a c k f i l l
if ( ! _ . isEmpty ( o ) ) { if ( ! _ . isEmpty ( o ) ) {
/ / b a c k f i l l / / b a c k f i l l
this . dsType = o . params . dsType || '' if ( o . params . customConfig == 0 ) {
this . datasource = o . params . dataSource || '' this . customConfig = 0
this . dtType = o . params . dtType || '' this . enable = false
this . datatarget = o . params . dataTarget || '' this . dsType = o . params . dsType || ''
this . sql = o . params . sql || '' this . datasource = o . params . dataSource || ''
this . targetTable = o . params . targetTable || '' this . dtType = o . params . dtType || ''
this . jobSpeedByte = o . params . jobSpeedByte / 1024 || 0 this . datatarget = o . params . dataTarget || ''
this . jobSpeedRecord = o . params . jobSpeedRecord || 0 this . sql = o . params . sql || ''
this . preStatements = o . params . preStatements || [ ] this . targetTable = o . params . targetTable || ''
this . postStatements = o . params . postStatements || [ ] this . jobSpeedByte = o . params . jobSpeedByte / 1024 || 0
this . jobSpeedRecord = o . params . jobSpeedRecord || 0
this . preStatements = o . params . preStatements || [ ]
this . postStatements = o . params . postStatements || [ ]
} else {
this . customConfig = 1
this . enable = true
this . json = o . params . json || [ ]
this . localParams = o . params . localParams || ''
}
} }
} , } ,
mounted ( ) { mounted ( ) {
setTimeout ( ( ) => { if ( this . customConfig ) {
this . _handlerEditor ( ) setTimeout ( ( ) => {
} , 200 ) this . _handlerJsonEditor ( )
} , 200 )
} else {
setTimeout ( ( ) => {
this . _handlerEditor ( )
} , 200 )
}
} , } ,
destroyed ( ) { destroyed ( ) {
/ * * / * *
@ -312,6 +435,10 @@
editor . toTextArea ( ) / / U n i n s t a l l editor . toTextArea ( ) / / U n i n s t a l l
editor . off ( $ ( '.code-sql-mirror' ) , 'keypress' , this . keypress ) editor . off ( $ ( '.code-sql-mirror' ) , 'keypress' , this . keypress )
} }
if ( jsonEditor ) {
jsonEditor . toTextArea ( ) / / U n i n s t a l l
jsonEditor . off ( $ ( '.code-json-mirror' ) , 'keypress' , this . keypress )
}
} , } ,
watch : { watch : {
/ / W a t c h t h e c a c h e P a r a m s / / W a t c h t h e c a c h e P a r a m s
break60
4 years ago
committed by
GitHub