Browse Source

fix eslint: fix syntax by npm run lint automatically

pull/3/MERGE
chengshiwen 4 years ago
parent
commit
5334703593
  1. 44
      dolphinscheduler-ui/src/components/Counter.vue
  2. 12
      dolphinscheduler-ui/src/components/Message.vue
  3. 121
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue
  4. 32
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/_source/dependentTimeout.vue
  5. 2
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/_source/selectInput.vue
  6. 42
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formLineModel.vue
  7. 74
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formModel.vue
  8. 10
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/log.vue
  9. 2
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/datasource.vue
  10. 12
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/dependItemList.vue
  11. 9
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/httpParams.vue
  12. 10
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/jsonBox.vue
  13. 8
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/nodeStatus.vue
  14. 10
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/scriptBox.vue
  15. 14
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/conditions.vue
  16. 43
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/datax.vue
  17. 8
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/dependent.vue
  18. 218
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/flink.vue
  19. 59
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/http.vue
  20. 200
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/mr.vue
  21. 12
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/pre_tasks.vue
  22. 4
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/procedure.vue
  23. 108
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/python.vue
  24. 108
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/shell.vue
  25. 210
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/spark.vue
  26. 27
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/sql.vue
  27. 392
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/sqoop.vue
  28. 4
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/sub_process.vue
  29. 152
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/waterdrop.vue
  30. 10
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/startingParam/index.vue
  31. 10
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/udp/_source/selectTenant.vue
  32. 7
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/udp/udp.vue
  33. 2
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/variable/index.vue
  34. 6
      dolphinscheduler-ui/src/js/conf/home/pages/dag/definitionDetails.vue
  35. 6
      dolphinscheduler-ui/src/js/conf/home/pages/dag/index.vue
  36. 6
      dolphinscheduler-ui/src/js/conf/home/pages/dag/instanceDetails.vue
  37. 63
      dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/_source/createDataSource.vue
  38. 10
      dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/index.vue
  39. 16
      dolphinscheduler-ui/src/js/conf/home/pages/home/index.vue
  40. 2
      dolphinscheduler-ui/src/js/conf/home/pages/monitor/index.vue
  41. 1
      dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/_source/zookeeperList.vue
  42. 68
      dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/db.vue
  43. 2
      dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/master.vue
  44. 22
      dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/statistics.vue
  45. 2
      dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/worker.vue
  46. 4
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/_source/conditions/instance/processInstance.vue
  47. 6
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/_source/conditions/instance/taskInstance.vue
  48. 14
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/_source/taskRecordList/_source/conditions.vue
  49. 2
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/email.vue
  50. 53
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/list.vue
  51. 32
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/relatedItems.vue
  52. 12
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/start.vue
  53. 70
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/timing.vue
  54. 10
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/index.vue
  55. 3
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/tree/index.vue
  56. 4
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/timing/_source/list.vue
  57. 4
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/timing/index.vue
  58. 2
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/commandStateCount.vue
  59. 6
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/defineUserCount.vue
  60. 8
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/processStateCount.vue
  61. 2
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/queueCount.vue
  62. 8
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/taskCtatusCount.vue
  63. 6
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/taskStatusCount.vue
  64. 2
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/index.vue
  65. 4
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/_source/list.vue
  66. 16
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/index.vue
  67. 10
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/_source/graphGrid.vue
  68. 42
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/index.vue
  69. 8
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/list/_source/createProject.vue
  70. 4
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/list/_source/list.vue
  71. 5
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/list/index.vue
  72. 6
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/_source/list.vue
  73. 14
      dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/index.vue
  74. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/index.vue
  75. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/index.vue
  76. 2
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/create/index.vue
  77. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/createFolder/index.vue
  78. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/createUdfFolder/index.vue
  79. 8
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/details/index.vue
  80. 6
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/edit/index.vue
  81. 6
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/list/_source/list.vue
  82. 10
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/list/_source/rename.vue
  83. 10
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/list/index.vue
  84. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subFile/index.vue
  85. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subFileFolder/index.vue
  86. 8
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subdirectory/_source/list.vue
  87. 11
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subdirectory/_source/rename.vue
  88. 24
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subdirectory/index.vue
  89. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/createUdfFolder/index.vue
  90. 36
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/function/_source/createUdf.vue
  91. 8
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/function/index.vue
  92. 2
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/resource/_source/list.vue
  93. 10
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/resource/_source/rename.vue
  94. 8
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/resource/index.vue
  95. 2
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfDirectory/_source/list.vue
  96. 8
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfDirectory/_source/rename.vue
  97. 22
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfDirectory/index.vue
  98. 4
      dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfFolder/index.vue
  99. 2
      dolphinscheduler-ui/src/js/conf/home/pages/security/index.vue
  100. 20
      dolphinscheduler-ui/src/js/conf/home/pages/security/pages/queue/_source/createQueue.vue
  101. Some files were not shown because too many files have changed in this diff Show More

44
dolphinscheduler-ui/src/components/Counter.vue

@ -24,30 +24,30 @@
</template> </template>
<script> <script>
export default { export default {
props: { props: {
factor: { type: Number, default: 1 } factor: { type: Number, default: 1 }
},
data() {
return {
count: 0
};
},
methods: {
inc() {
this.count++;
}, },
dec() { data () {
this.count--; return {
count: 0
}
}, },
reset() { methods: {
this.count = 0; inc () {
} this.count++
}, },
computed: { dec () {
computedCount: function() { this.count--
return this.count * this.factor; },
reset () {
this.count = 0
}
},
computed: {
computedCount: function () {
return this.count * this.factor
}
} }
} }
};
</script> </script>

12
dolphinscheduler-ui/src/components/Message.vue

@ -19,10 +19,10 @@
</template> </template>
<script> <script>
export default { export default {
name: 'message', name: 'message',
props: [ props: [
'msg' 'msg'
] ]
} }
</script> </script>

121
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue

@ -268,54 +268,54 @@
methods: { methods: {
...mapActions('dag', ['saveDAGchart', 'updateInstance', 'updateDefinition', 'getTaskState', 'switchProcessDefinitionVersion', 'getProcessDefinitionVersionsPage', 'deleteProcessDefinitionVersion']), ...mapActions('dag', ['saveDAGchart', 'updateInstance', 'updateDefinition', 'getTaskState', 'switchProcessDefinitionVersion', 'getProcessDefinitionVersionsPage', 'deleteProcessDefinitionVersion']),
...mapMutations('dag', ['addTasks', 'cacheTasks', 'resetParams', 'setIsEditDag', 'setName', 'addConnects']), ...mapMutations('dag', ['addTasks', 'cacheTasks', 'resetParams', 'setIsEditDag', 'setName', 'addConnects']),
startRunning(item,startNodeList,sourceType) { startRunning (item, startNodeList, sourceType) {
this.startData = item this.startData = item
this.startNodeList.startNodeList this.startNodeList.startNodeList
this.sourceType = sourceType this.sourceType = sourceType
this.startDialog = true this.startDialog = true
}, },
onUpdateStart() { onUpdateStart () {
this.startDialog = false this.startDialog = false
}, },
closeStart() { closeStart () {
this.startDialog = false this.startDialog = false
}, },
// DAG automatic layout // DAG automatic layout
dagAutomaticLayout() { dagAutomaticLayout () {
if(this.store.state.dag.isEditDag) { if (this.store.state.dag.isEditDag) {
this.$message.warning(`${i18n.$t('Please save the DAG before formatting')}`) this.$message.warning(`${i18n.$t('Please save the DAG before formatting')}`)
return false return false
} }
$('#canvas').html('') $('#canvas').html('')
// Destroy round robin // Destroy round robin
Dag.init({ Dag.init({
dag: this, dag: this,
instance: jsPlumb.getInstance({ instance: jsPlumb.getInstance({
Endpoint: [ Endpoint: [
'Dot', { radius: 1, cssClass: 'dot-style' } 'Dot', { radius: 1, cssClass: 'dot-style' }
],
Connector: 'Bezier',
PaintStyle: { lineWidth: 2, stroke: '#456' }, // Connection style
ConnectionOverlays: [
[
'Arrow',
{
location: 1,
id: 'arrow',
length: 12,
foldback: 0.8
}
], ],
['Label', { Connector: 'Bezier',
PaintStyle: { lineWidth: 2, stroke: '#456' }, // Connection style
ConnectionOverlays: [
[
'Arrow',
{
location: 1,
id: 'arrow',
length: 12,
foldback: 0.8
}
],
['Label', {
location: 0.5, location: 0.5,
id: 'label' id: 'label'
}] }]
], ],
Container: 'canvas', Container: 'canvas',
ConnectionsDetachable: true ConnectionsDetachable: true
})
}) })
})
if (this.tasks.length) { if (this.tasks.length) {
Dag.backfill(true) Dag.backfill(true)
if (this.type === 'instance') { if (this.type === 'instance') {
@ -344,8 +344,8 @@
/** /**
* copy name * copy name
*/ */
_copyName(){ _copyName () {
let clipboard = new Clipboard(`.copy-name`) let clipboard = new Clipboard('.copy-name')
clipboard.on('success', e => { clipboard.on('success', e => {
this.$message.success(`${i18n.$t('Copy success')}`) this.$message.success(`${i18n.$t('Copy success')}`)
// Free memory // Free memory
@ -383,8 +383,8 @@
let dom = $(`#${v2.id}`) let dom = $(`#${v2.id}`)
let state = dom.find('.state-p') let state = dom.find('.state-p')
let depState = '' let depState = ''
taskList.forEach(item=>{ taskList.forEach(item => {
if(item.name==v1.name) { if (item.name == v1.name) {
depState = item.state depState = item.state
} }
}) })
@ -460,7 +460,7 @@
this.spinnerLoading = true this.spinnerLoading = true
// Storage store // Storage store
Dag.saveStore().then(res => { Dag.saveStore().then(res => {
if(this._verifConditions(res.tasks)) { if (this._verifConditions(res.tasks)) {
if (this.urlParam.id) { if (this.urlParam.id) {
/** /**
* Edit * Edit
@ -509,24 +509,24 @@
}) })
}) })
}, },
_closeDAG(){ _closeDAG () {
let $name = this.$route.name let $name = this.$route.name
if($name && $name.indexOf("definition") != -1){ if ($name && $name.indexOf('definition') != -1) {
this.$router.push({ name: 'projects-definition-list'}) this.$router.push({ name: 'projects-definition-list' })
}else{ } else {
this.$router.push({ name: 'projects-instance-list'}) this.$router.push({ name: 'projects-instance-list' })
} }
}, },
_verifConditions (value) { _verifConditions (value) {
let tasks = value let tasks = value
let bool = true let bool = true
tasks.map(v=>{ tasks.map(v => {
if(v.type == 'CONDITIONS' && (v.conditionResult.successNode[0] =='' || v.conditionResult.successNode[0] == null || v.conditionResult.failedNode[0] =='' || v.conditionResult.failedNode[0] == null)) { if (v.type == 'CONDITIONS' && (v.conditionResult.successNode[0] == '' || v.conditionResult.successNode[0] == null || v.conditionResult.failedNode[0] == '' || v.conditionResult.failedNode[0] == null)) {
bool = false bool = false
return false return false
} }
}) })
if(!bool) { if (!bool) {
this.$message.warning(`${i18n.$t('Successful branch flow and failed branch flow are required')}`) this.$message.warning(`${i18n.$t('Successful branch flow and failed branch flow are required')}`)
this.spinnerLoading = false this.spinnerLoading = false
return false return false
@ -600,20 +600,20 @@
* View variables * View variables
*/ */
_toggleView () { _toggleView () {
findComponentDownward(this.$root, `assist-dag-index`)._toggleView() findComponentDownward(this.$root, 'assist-dag-index')._toggleView()
}, },
/** /**
* Starting parameters * Starting parameters
*/ */
_toggleParam () { _toggleParam () {
findComponentDownward(this.$root, `starting-params-dag-index`)._toggleParam() findComponentDownward(this.$root, 'starting-params-dag-index')._toggleParam()
}, },
addLineInfo ({ item, fromThis }) { addLineInfo ({ item, fromThis }) {
this.addConnects(item) this.addConnects(item)
this.lineDrawer = false this.lineDrawer = false
}, },
cancel ({fromThis}) { cancel ({ fromThis }) {
this.lineDrawer = false this.lineDrawer = false
}, },
@ -621,7 +621,7 @@
* Create a node popup layer * Create a node popup layer
* @param Object id * @param Object id
*/ */
_createLineLabel({id, sourceId, targetId}) { _createLineLabel ({ id, sourceId, targetId }) {
this.lineData.id = id this.lineData.id = id
this.lineData.sourceId = sourceId this.lineData.sourceId = sourceId
this.lineData.targetId = targetId this.lineData.targetId = targetId
@ -633,11 +633,11 @@
this.nodeDrawer = false this.nodeDrawer = false
}, },
cacheTaskInfo({item, fromThis}) { cacheTaskInfo ({ item, fromThis }) {
this.cacheTasks(item) this.cacheTasks(item)
}, },
close ({ item,flag, fromThis }) { close ({ item, flag, fromThis }) {
this.addTasks(item) this.addTasks(item)
// Edit status does not allow deletion of nodes // Edit status does not allow deletion of nodes
if (flag) { if (flag) {
@ -654,11 +654,11 @@
let preNode = [] let preNode = []
let rearNode = [] let rearNode = []
let rearList = [] let rearList = []
$('div[data-targetarr*="' + id + '"]').each(function(){ $('div[data-targetarr*="' + id + '"]').each(function () {
rearNode.push($(this).attr("id")) rearNode.push($(this).attr('id'))
}) })
if (rearNode.length>0) { if (rearNode.length > 0) {
rearNode.forEach(v => { rearNode.forEach(v => {
let rearobj = {} let rearobj = {}
rearobj.value = $(`#${v}`).find('.name-p').text() rearobj.value = $(`#${v}`).find('.name-p').text()
@ -692,10 +692,9 @@
this.nodeData.instanceId = this.$route.params.id this.nodeData.instanceId = this.$route.params.id
this.nodeDrawer = true this.nodeDrawer = true
}, },
removeEventModelById ($id) { removeEventModelById ($id) {
if(eventModel && this.taskId == $id){ if (eventModel && this.taskId == $id) {
eventModel.remove() eventModel.remove()
} }
}, },
@ -707,12 +706,12 @@
* @param processDefinitionId the process definition id * @param processDefinitionId the process definition id
* @param fromThis fromThis * @param fromThis fromThis
*/ */
mVersionSwitchProcessDefinitionVersion({ version, processDefinitionId, fromThis }) { mVersionSwitchProcessDefinitionVersion ({ version, processDefinitionId, fromThis }) {
this.$store.state.dag.isSwitchVersion = true this.$store.state.dag.isSwitchVersion = true
this.switchProcessDefinitionVersion({ this.switchProcessDefinitionVersion({
version: version, version: version,
processDefinitionId: processDefinitionId processDefinitionId: processDefinitionId
}).then(res=>{ }).then(res => {
this.$message.success($t('Switch Version Successfully')) this.$message.success($t('Switch Version Successfully'))
this.$router.push({ path: `/projects/definition/list/${processDefinitionId}?_t=${new Date().getTime()}` }) this.$router.push({ path: `/projects/definition/list/${processDefinitionId}?_t=${new Date().getTime()}` })
}).catch(e => { }).catch(e => {
@ -729,17 +728,17 @@
* @param processDefinitionId the process definition id of page version * @param processDefinitionId the process definition id of page version
* @param fromThis fromThis * @param fromThis fromThis
*/ */
mVersionGetProcessDefinitionVersionsPage({ pageNo, pageSize, processDefinitionId, fromThis }) { mVersionGetProcessDefinitionVersionsPage ({ pageNo, pageSize, processDefinitionId, fromThis }) {
this.getProcessDefinitionVersionsPage({ this.getProcessDefinitionVersionsPage({
pageNo: pageNo, pageNo: pageNo,
pageSize: pageSize, pageSize: pageSize,
processDefinitionId: processDefinitionId processDefinitionId: processDefinitionId
}).then(res=>{ }).then(res => {
this.versionData.processDefinitionVersions = res.data.lists this.versionData.processDefinitionVersions = res.data.lists
this.versionData.total = res.data.totalCount this.versionData.total = res.data.totalCount
this.versionData.pageSize = res.data.pageSize this.versionData.pageSize = res.data.pageSize
this.versionData.pageNo = res.data.currentPage this.versionData.pageNo = res.data.currentPage
}).catch(e=>{ }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
}) })
}, },
@ -766,17 +765,15 @@
this.versionData.pageNo = pageNo this.versionData.pageNo = pageNo
this.versionData.pageSize = pageSize this.versionData.pageSize = pageSize
this.drawer = true this.drawer = true
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
}) })
} }
}, },
watch: { watch: {
'tasks': { tasks: {
deep: true, deep: true,
handler (o) { handler (o) {
// Edit state does not allow deletion of node a... // Edit state does not allow deletion of node a...
this.setIsEditDag(true) this.setIsEditDag(true)
} }
@ -809,8 +806,8 @@
} }
], ],
['Label', { ['Label', {
location: 0.5, location: 0.5,
id: 'label' id: 'label'
}] }]
], ],
Container: 'canvas', Container: 'canvas',

32
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/_source/dependentTimeout.vue

@ -147,17 +147,17 @@
}, },
_verification () { _verification () {
// Verification timeout policy // Verification timeout policy
if (this.enable if (this.enable &&
&& (this.waitCompleteTimeout.enable && !this.waitCompleteTimeout.strategy.length) (this.waitCompleteTimeout.enable && !this.waitCompleteTimeout.strategy.length) ||
|| (this.waitStartTimeout.enable && !this.waitStartTimeout.strategy.length)) { (this.waitStartTimeout.enable && !this.waitStartTimeout.strategy.length)) {
this.$message.warning(`${this.$t('Timeout strategy must be selected')}`) this.$message.warning(`${this.$t('Timeout strategy must be selected')}`)
return false return false
} }
// Verify timeout duration Non 0 positive integer // Verify timeout duration Non 0 positive integer
const reg = /^[1-9]\d*$/ const reg = /^[1-9]\d*$/
if (this.enable if (this.enable &&
&& (this.waitCompleteTimeout.enable && !reg.test(this.waitCompleteTimeout.interval)) (this.waitCompleteTimeout.enable && !reg.test(this.waitCompleteTimeout.interval)) ||
|| (this.waitStartTimeout.enable && (!reg.test(this.waitStartTimeout.interval || !reg.test(this.waitStartTimeout.checkInterval))))) { (this.waitStartTimeout.enable && (!reg.test(this.waitStartTimeout.interval || !reg.test(this.waitStartTimeout.checkInterval))))) {
this.$message.warning(`${this.$t('Timeout must be a positive integer')}`) this.$message.warning(`${this.$t('Timeout must be a positive integer')}`)
return false return false
} }
@ -175,16 +175,16 @@
}, },
waitCompleteTimeout: { waitCompleteTimeout: {
strategy: (() => { strategy: (() => {
// Handling checkout sequence // Handling checkout sequence
let strategy = this.waitCompleteTimeout.strategy let strategy = this.waitCompleteTimeout.strategy
if (strategy.length === 2 && strategy[0] === 'FAILED') { if (strategy.length === 2 && strategy[0] === 'FAILED') {
return [strategy[1], strategy[0]].join(',') return [strategy[1], strategy[0]].join(',')
} else { } else {
return strategy.join(',') return strategy.join(',')
} }
})(), })(),
interval: parseInt(this.waitCompleteTimeout.interval), interval: parseInt(this.waitCompleteTimeout.interval),
enable: this.waitCompleteTimeout.enable enable: this.waitCompleteTimeout.enable
} }
}) })
return true return true

2
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/_source/selectInput.vue

@ -88,7 +88,7 @@
}, 1) }, 1)
}, },
_onBlur () { _onBlur () {
let val = $(this.$refs['input'].$el).find('input')[0].value let val = $(this.$refs.input.$el).find('input')[0].value
if (this._validation(val)) { if (this._validation(val)) {
this.$emit('valueEvent', val) this.$emit('valueEvent', val)
this._setIconState(val) this._setIconState(val)

42
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formLineModel.vue

@ -58,10 +58,10 @@
name: 'form-line-model', name: 'form-line-model',
data () { data () {
return { return {
// loading // loading
spinnerLoading: false, spinnerLoading: false,
// node name // node name
labelName: '', labelName: ''
} }
}, },
mixins: [disabledState], mixins: [disabledState],
@ -69,31 +69,31 @@
lineData: Object lineData: Object
}, },
methods: { methods: {
cancel() { cancel () {
this.$emit('cancel', { this.$emit('cancel', {
fromThis: this fromThis: this
}) })
}, },
ok() { ok () {
if($(`#${this.lineData.id}`).prev().attr('class')==='jtk-overlay') { if ($(`#${this.lineData.id}`).prev().attr('class') === 'jtk-overlay') {
$(`#${this.lineData.id}`).prev().empty() $(`#${this.lineData.id}`).prev().empty()
}
$(`#${this.lineData.id}`).text(this.labelName)
this.$emit('addLineInfo', {
item: {
labelName: this.labelName,
sourceId: this.lineData.sourceId,
targetId: this.lineData.targetId
},
fromThis: this
})
} }
$(`#${this.lineData.id}`).text(this.labelName)
this.$emit('addLineInfo', {
item: {
labelName: this.labelName,
sourceId: this.lineData.sourceId,
targetId: this.lineData.targetId
},
fromThis: this
})
}
}, },
watch: { watch: {
}, },
created () { created () {
if($(`#${this.lineData.id}`).prev().attr('class').indexOf('jtk-overlay')!==-1) { if ($(`#${this.lineData.id}`).prev().attr('class').indexOf('jtk-overlay') !== -1) {
this.labelName = $(`#${this.lineData.id}`).prev().text() this.labelName = $(`#${this.lineData.id}`).prev().text()
} else { } else {
this.labelName = $(`#${this.lineData.id}`).text() this.labelName = $(`#${this.lineData.id}`).text()

74
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/formModel.vue

@ -342,8 +342,8 @@
successBranch: '', successBranch: '',
failedBranch: '', failedBranch: '',
conditionResult: { conditionResult: {
'successNode': [], successNode: [],
'failedNode': [] failedNode: []
}, },
// dependence // dependence
dependence: {}, dependence: {},
@ -369,7 +369,7 @@
taskInstancePriority: 'MEDIUM', taskInstancePriority: 'MEDIUM',
// worker group id // worker group id
workerGroup: 'default', workerGroup: 'default',
stateList:[ stateList: [
{ {
value: 'success', value: 'success',
label: `${i18n.$t('success')}` label: `${i18n.$t('success')}`
@ -381,8 +381,8 @@
], ],
// preTasks // preTasks
preTaskIdsInWorkflow: [], preTaskIdsInWorkflow: [],
preTasksToAdd: [], // pre-taskIds to add, used in jsplumb connects preTasksToAdd: [], // pre-taskIds to add, used in jsplumb connects
preTasksToDelete: [], // pre-taskIds to delete, used in jsplumb connects preTasksToDelete: [] // pre-taskIds to delete, used in jsplumb connects
} }
}, },
/** /**
@ -463,12 +463,12 @@
} }
this.store.dispatch('dag/getSubProcessId', { taskId: stateId }).then(res => { this.store.dispatch('dag/getSubProcessId', { taskId: stateId }).then(res => {
this.$emit('onSubProcess', { this.$emit('onSubProcess', {
subProcessId: res.data.subProcessInstanceId, subProcessId: res.data.subProcessInstanceId,
fromThis: this fromThis: this
}) })
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
}) })
} else { } else {
this.$emit('onSubProcess', { this.$emit('onSubProcess', {
subProcessId: this.backfillItem.params.processDefinitionId, subProcessId: this.backfillItem.params.processDefinitionId,
@ -522,7 +522,7 @@
this.$message.warning(`${i18n.$t('Please enter name (required)')}`) this.$message.warning(`${i18n.$t('Please enter name (required)')}`)
return false return false
} }
if (this.successBranch !='' && this.successBranch !=null && this.successBranch == this.failedBranch) { if (this.successBranch != '' && this.successBranch != null && this.successBranch == this.failedBranch) {
this.$message.warning(`${i18n.$t('Cannot select the same node for successful branch flow and failed branch flow')}`) this.$message.warning(`${i18n.$t('Cannot select the same node for successful branch flow and failed branch flow')}`)
return false return false
} }
@ -536,13 +536,13 @@
} }
return true return true
}, },
_verifWorkGroup() { _verifWorkGroup () {
let item = this.store.state.security.workerGroupsListAll.find(item => { let item = this.store.state.security.workerGroupsListAll.find(item => {
return item.id == this.workerGroup; return item.id == this.workerGroup
}); })
if(item==undefined) { if (item == undefined) {
this.$message.warning(`${i18n.$t('The Worker group no longer exists, please select the correct Worker group!')}`) this.$message.warning(`${i18n.$t('The Worker group no longer exists, please select the correct Worker group!')}`)
return false; return false
} }
return true return true
}, },
@ -555,16 +555,16 @@
return return
} }
// verif workGroup // verif workGroup
if(!this._verifWorkGroup()) { if (!this._verifWorkGroup()) {
return return
} }
// Verify task alarm parameters // Verify task alarm parameters
if (this.nodeData.taskType === 'DEPENDENT') { if (this.nodeData.taskType === 'DEPENDENT') {
if (!this.$refs['dependentTimeout']._verification()) { if (!this.$refs.dependentTimeout._verification()) {
return return
} }
} else { } else {
if (!this.$refs['timeout']._verification()) { if (!this.$refs.timeout._verification()) {
return return
} }
} }
@ -574,11 +574,10 @@
return return
} }
// Verify preTasks and update dag-things // Verify preTasks and update dag-things
if (this.$refs['PRE_TASK']) { if (this.$refs.PRE_TASK) {
if (!this.$refs['PRE_TASK']._verification()) { if (!this.$refs.PRE_TASK._verification()) {
return return
} } else {
else {
// Sync data-targetarr // Sync data-targetarr
$(`#${this.nodeData.id}`).attr( $(`#${this.nodeData.id}`).attr(
'data-targetarr', this.preTaskIdsInWorkflow ? this.preTaskIdsInWorkflow.join(',') : '') 'data-targetarr', this.preTaskIdsInWorkflow ? this.preTaskIdsInWorkflow.join(',') : '')
@ -594,7 +593,7 @@
target: targetId, target: targetId,
type: 'basic', type: 'basic',
paintStyle: { strokeWidth: 2, stroke: '#2d8cf0' }, paintStyle: { strokeWidth: 2, stroke: '#2d8cf0' },
HoverPaintStyle: {stroke: '#ccc', strokeWidth: 3} HoverPaintStyle: { stroke: '#ccc', strokeWidth: 3 }
}) })
}) })
@ -695,7 +694,7 @@
// Backfill data // Backfill data
let taskList = this.store.state.dag.tasks let taskList = this.store.state.dag.tasks
//fillback use cacheTasks // fillback use cacheTasks
let cacheTasks = this.store.state.dag.cacheTasks let cacheTasks = this.store.state.dag.cacheTasks
let o = {} let o = {}
if (cacheTasks[this.nodeData.id]) { if (cacheTasks[this.nodeData.id]) {
@ -720,21 +719,21 @@
this.maxRetryTimes = o.maxRetryTimes this.maxRetryTimes = o.maxRetryTimes
this.retryInterval = o.retryInterval this.retryInterval = o.retryInterval
this.delayTime = o.delayTime this.delayTime = o.delayTime
if(o.conditionResult) { if (o.conditionResult) {
this.successBranch = o.conditionResult.successNode[0] this.successBranch = o.conditionResult.successNode[0]
this.failedBranch = o.conditionResult.failedNode[0] this.failedBranch = o.conditionResult.failedNode[0]
} }
// If the workergroup has been deleted, set the default workergroup // If the workergroup has been deleted, set the default workergroup
var hasMatch = false; var hasMatch = false
for (let i = 0; i < this.store.state.security.workerGroupsListAll.length; i++) { for (let i = 0; i < this.store.state.security.workerGroupsListAll.length; i++) {
var workerGroup = this.store.state.security.workerGroupsListAll[i].id var workerGroup = this.store.state.security.workerGroupsListAll[i].id
if (o.workerGroup == workerGroup) { if (o.workerGroup == workerGroup) {
hasMatch = true; hasMatch = true
break; break
} }
} }
if(o.workerGroup == undefined) { if (o.workerGroup == undefined) {
this.store.dispatch('dag/getTaskInstanceList',{ this.store.dispatch('dag/getTaskInstanceList', {
pageSize: 10, pageNo: 1, processInstanceId: this.nodeData.instanceId, name: o.name pageSize: 10, pageNo: 1, processInstanceId: this.nodeData.instanceId, name: o.name
}).then(res => { }).then(res => {
this.workerGroup = res.totalList[0].workerGroup this.workerGroup = res.totalList[0].workerGroup
@ -746,7 +745,6 @@
this.params = o.params || {} this.params = o.params || {}
this.dependence = o.dependence || {} this.dependence = o.dependence || {}
this.cacheDependence = o.dependence || {} this.cacheDependence = o.dependence || {}
} else { } else {
this.workerGroup = this.store.state.security.workerGroupsListAll[0].id this.workerGroup = this.store.state.security.workerGroupsListAll[0].id
} }
@ -765,10 +763,10 @@
}, },
mounted () { mounted () {
let self = this let self = this
$("#cancelBtn").mousedown(function(event){ $('#cancelBtn').mousedown(function (event) {
event.preventDefault(); event.preventDefault()
self.close() self.close()
}); })
}, },
updated () { updated () {
}, },
@ -784,7 +782,7 @@
return this.nodeData.taskType === 'SUB_PROCESS' && this.name return this.nodeData.taskType === 'SUB_PROCESS' && this.name
}, },
//Define the item model // Define the item model
_item () { _item () {
return { return {
type: this.nodeData.taskType, type: this.nodeData.taskType,
@ -826,7 +824,7 @@
mDependentTimeout, mDependentTimeout,
mPriority, mPriority,
mWorkerGroups, mWorkerGroups,
mPreTasks, mPreTasks
} }
} }
</script> </script>

10
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/log.vue

@ -67,7 +67,7 @@
*/ */
const handerTextareaSize = (isH = 0) => { const handerTextareaSize = (isH = 0) => {
$('body').find('.tooltip.fade.top.in').remove() $('body').find('.tooltip.fade.top.in').remove()
return $('.textarea-ft').css({ 'height': `${$('.content-log-box').height() - isH}px` }) return $('.textarea-ft').css({ height: `${$('.content-log-box').height() - isH}px` })
} }
let content = '' let content = ''
@ -179,8 +179,8 @@
this.loadingIndex = this.loadingIndex - 1 this.loadingIndex = this.loadingIndex - 1
this._ckLog() this._ckLog()
}, 1000, { }, 1000, {
'leading': false, leading: false,
'trailing': true trailing: true
}), }),
/** /**
* down * down
@ -189,8 +189,8 @@
this.loadingIndex = this.loadingIndex + 1 this.loadingIndex = this.loadingIndex + 1
this._ckLog() this._ckLog()
}, 1000, { }, 1000, {
'leading': false, leading: false,
'trailing': true trailing: true
}), }),
/** /**
* Monitor scroll bar * Monitor scroll bar

2
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/datasource.vue

@ -128,7 +128,7 @@
this.$emit('on-dsData', { this.$emit('on-dsData', {
type: this.type, type: this.type,
datasource: val datasource: val
}); })
} }
}, },
created () { created () {

12
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/dependItemList.vue

@ -74,7 +74,7 @@
props: { props: {
dependItemList: Array, dependItemList: Array,
index: Number, index: Number,
dependTaskList:Array dependTaskList: Array
}, },
model: { model: {
prop: 'dependItemList', prop: 'dependItemList',
@ -109,7 +109,7 @@
* remove task * remove task
*/ */
_remove (i) { _remove (i) {
this.dependTaskList[this.index].dependItemList.splice(i,1) this.dependTaskList[this.index].dependItemList.splice(i, 1)
this._removeTip() this._removeTip()
if (!this.dependItemList.length || this.dependItemList.length === 0) { if (!this.dependItemList.length || this.dependItemList.length === 0) {
this.$emit('on-delete-all', { this.$emit('on-delete-all', {
@ -176,14 +176,14 @@
*/ */
_onChangeProjectId (value) { _onChangeProjectId (value) {
this._getProcessByProjectId(value).then(definitionList => { this._getProcessByProjectId(value).then(definitionList => {
/*this.$set(this.dependItemList, this.itemIndex, this._dlOldParams(value, definitionList, item))*/ /* this.$set(this.dependItemList, this.itemIndex, this._dlOldParams(value, definitionList, item)) */
let definitionId = definitionList[0].value let definitionId = definitionList[0].value
this._getDependItemList(definitionId).then(depTasksList => { this._getDependItemList(definitionId).then(depTasksList => {
let item = this.dependItemList[this.itemIndex] let item = this.dependItemList[this.itemIndex]
// init set depTasks All // init set depTasks All
item.depTasks = 'ALL' item.depTasks = 'ALL'
// set dependItemList item data // set dependItemList item data
this.$set(this.dependItemList, this.itemIndex, this._cpOldParams(value,definitionId, definitionList,depTasksList, item)) this.$set(this.dependItemList, this.itemIndex, this._cpOldParams(value, definitionId, definitionList, depTasksList, item))
}) })
}) })
}, },
@ -212,7 +212,7 @@
depTasksList: depTasksList, depTasksList: depTasksList,
cycle: 'day', cycle: 'day',
dateValue: 'today', dateValue: 'today',
dateValueList: _.cloneDeep(dateValueList['day']), dateValueList: _.cloneDeep(dateValueList.day),
state: '' state: ''
} }
}, },
@ -231,7 +231,7 @@
} }
}, },
_cpOldParams (value,definitionId, definitionList,depTasksList, item) { _cpOldParams (value, definitionId, definitionList, depTasksList, item) {
return { return {
projectId: value, projectId: value,
definitionList: definitionList, definitionList: definitionList,

9
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/httpParams.vue

@ -83,7 +83,7 @@
// Current execution index // Current execution index
httpParamsIndex: null, httpParamsIndex: null,
// //
positionList:positionList positionList: positionList
} }
}, },
mixins: [disabledState], mixins: [disabledState],
@ -142,7 +142,7 @@
if (!v.prop) { if (!v.prop) {
flag = false flag = false
} }
if(v.value === ''){ if (v.value === '') {
this.$message.warning(`${i18n.$t('value is empty')}`) this.$message.warning(`${i18n.$t('value is empty')}`)
return false return false
} }
@ -173,7 +173,7 @@
} }
}) })
if (!flag) { if (!flag) {
this.$message.warning(`${i18n.$t('value is empty')}`) this.$message.warning(`${i18n.$t('value is empty')}`)
return false return false
} }
this.$emit('on-http-params', _.cloneDeep(this.httpParamsList)) this.$emit('on-http-params', _.cloneDeep(this.httpParamsList))
@ -191,7 +191,7 @@
}, },
computed: { computed: {
inputStyle () { inputStyle () {
return "width:30%" return 'width:30%'
} }
}, },
mounted () { mounted () {
@ -240,4 +240,3 @@
} }
} }
</style> </style>

10
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/jsonBox.vue

@ -43,7 +43,7 @@
data () { data () {
return { return {
// script // script
rawScript: '', rawScript: ''
} }
}, },
mixins: [disabledState], mixins: [disabledState],
@ -56,13 +56,13 @@
*/ */
_handlerEditor () { _handlerEditor () {
// editor // editor
let self =this let self = this
editor = codemirror('code-shell-mirror1', { editor = codemirror('code-shell-mirror1', {
mode: 'shell', mode: 'shell',
readOnly: this.isDetails readOnly: this.isDetails
}) })
editor.on("change",function(){ editor.on('change', function () {
self.$emit('getJsonBoxValue',editor.getValue()) self.$emit('getJsonBoxValue', editor.getValue())
}) })
this.keypress = () => { this.keypress = () => {
@ -79,7 +79,7 @@
editor.setValue(this.rawScript) editor.setValue(this.rawScript)
return editor return editor
}, }
}, },
watch: {}, watch: {},
created () { created () {

8
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/nodeStatus.vue

@ -64,7 +64,7 @@
props: { props: {
dependItemList: Array, dependItemList: Array,
index: Number, index: Number,
dependTaskList:Array, dependTaskList: Array,
preNode: Array preNode: Array
}, },
model: { model: {
@ -78,7 +78,7 @@
_add () { _add () {
// btn loading // btn loading
this.isLoading = true this.isLoading = true
this.$emit('dependItemListEvent', _.concat(this.dependItemList, this._rtNewParams())) this.$emit('dependItemListEvent', _.concat(this.dependItemList, this._rtNewParams()))
// remove tooltip // remove tooltip
this._removeTip() this._removeTip()
@ -87,7 +87,7 @@
* remove task * remove task
*/ */
_remove (i) { _remove (i) {
this.dependTaskList[this.index].dependItemList.splice(i,1) this.dependTaskList[this.index].dependItemList.splice(i, 1)
this._removeTip() this._removeTip()
if (!this.dependItemList.length || this.dependItemList.length === 0) { if (!this.dependItemList.length || this.dependItemList.length === 0) {
this.$emit('on-delete-all', { this.$emit('on-delete-all', {
@ -137,7 +137,7 @@
status: '' status: ''
} }
}, },
_rtOldParams (value,depTasksList, item) { _rtOldParams (value, depTasksList, item) {
return { return {
depTasks: '', depTasks: '',
status: '' status: ''

10
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/_source/scriptBox.vue

@ -43,7 +43,7 @@
data () { data () {
return { return {
// script // script
rawScript: '', rawScript: ''
} }
}, },
mixins: [disabledState], mixins: [disabledState],
@ -56,13 +56,13 @@
*/ */
_handlerEditor () { _handlerEditor () {
// editor // editor
let self =this let self = this
editor = codemirror('code-shell-mirror1', { editor = codemirror('code-shell-mirror1', {
mode: 'shell', mode: 'shell',
readOnly: this.isDetails readOnly: this.isDetails
}) })
editor.on("change",function(){ editor.on('change', function () {
self.$emit('getSriptBoxValue',editor.getValue()) self.$emit('getSriptBoxValue', editor.getValue())
}) })
this.keypress = () => { this.keypress = () => {
@ -79,7 +79,7 @@
editor.setValue(this.rawScript) editor.setValue(this.rawScript)
return editor return editor
}, }
}, },
watch: {}, watch: {},
created () { created () {

14
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/conditions.vue

@ -99,9 +99,9 @@
$('body').find('.tooltip.fade.top.in').remove() $('body').find('.tooltip.fade.top.in').remove()
}, },
_onDeleteAll (i) { _onDeleteAll (i) {
this.dependTaskList.map((item,i)=>{ this.dependTaskList.map((item, i) => {
if(item.dependItemList.length === 0){ if (item.dependItemList.length === 0) {
this.dependTaskList.splice(i,1) this.dependTaskList.splice(i, 1)
} }
}) })
// this._deleteDep(i) // this._deleteDep(i)
@ -109,7 +109,7 @@
_setGlobalRelation () { _setGlobalRelation () {
this.relation = this.relation === 'AND' ? 'OR' : 'AND' this.relation = this.relation === 'AND' ? 'OR' : 'AND'
}, },
getDependTaskList(i){ getDependTaskList (i) {
// console.log('getDependTaskList',i) // console.log('getDependTaskList',i)
}, },
_setRelation (i) { _setRelation (i) {
@ -151,11 +151,11 @@
let defaultState = this.isDetails ? 'WAITING' : '' let defaultState = this.isDetails ? 'WAITING' : ''
// Process instance return status display matches by key // Process instance return status display matches by key
_.map(this.dependTaskList, v => _.map(v.dependItemList, v1 => { _.map(this.dependTaskList, v => _.map(v.dependItemList, v1 => {
$(`#${o.id}`).siblings().each(function(){ $(`#${o.id}`).siblings().each(function () {
if(v1.depTasks == $(this).text()) { if (v1.depTasks == $(this).text()) {
v1.state = $(this).attr('data-dependent-depstate') v1.state = $(this).attr('data-dependent-depstate')
} }
}); })
})) }))
} }
}, },

43
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/datax.vue

@ -214,12 +214,12 @@
// Custom parameter // Custom parameter
localParams: [], localParams: [],
customConfig: 0, customConfig: 0,
//jvm memory xms // jvm memory xms
xms: 1, xms: 1,
//jvm memory xms // jvm memory xms
xmx: 1, xmx: 1,
scriptBoxDialog: false, scriptBoxDialog: false,
item: '', item: ''
} }
}, },
mixins: [disabledState], mixins: [disabledState],
@ -228,7 +228,7 @@
createNodeId: Number createNodeId: Number
}, },
methods: { methods: {
setEditorVal() { setEditorVal () {
this.item = editor.getValue() this.item = editor.getValue()
this.scriptBoxDialog = true this.scriptBoxDialog = true
}, },
@ -236,7 +236,7 @@
editor.setValue(val) editor.setValue(val)
}, },
_onSwitch (is) { _onSwitch (is) {
if(is) { if (is) {
this.customConfig = 1 this.customConfig = 1
setTimeout(() => { setTimeout(() => {
this._handlerJsonEditor() this._handlerJsonEditor()
@ -284,7 +284,7 @@
* verification * verification
*/ */
_verification () { _verification () {
if(this.customConfig) { if (this.customConfig) {
if (!jsonEditor.getValue()) { if (!jsonEditor.getValue()) {
this.$message.warning(`${i18n.$t('Please enter a JSON Statement(required)')}`) this.$message.warning(`${i18n.$t('Please enter a JSON Statement(required)')}`)
return false return false
@ -300,8 +300,8 @@
customConfig: this.customConfig, customConfig: this.customConfig,
json: jsonEditor.getValue(), json: jsonEditor.getValue(),
localParams: this.localParams, localParams: this.localParams,
xms:+this.xms, xms: +this.xms,
xmx:+this.xmx xmx: +this.xmx
}) })
return true return true
} else { } else {
@ -349,8 +349,8 @@
jobSpeedRecord: this.jobSpeedRecord, jobSpeedRecord: this.jobSpeedRecord,
preStatements: this.preStatements, preStatements: this.preStatements,
postStatements: this.postStatements, postStatements: this.postStatements,
xms:+this.xms, xms: +this.xms,
xmx:+this.xmx xmx: +this.xmx
}) })
return true return true
} }
@ -420,25 +420,25 @@
dataSource: this.rtDatasource, dataSource: this.rtDatasource,
dtType: this.dtType, dtType: this.dtType,
dataTarget: this.rtDatatarget, dataTarget: this.rtDatatarget,
sql: editor?editor.getValue():'', sql: editor ? editor.getValue() : '',
targetTable: this.targetTable, targetTable: this.targetTable,
jobSpeedByte: this.jobSpeedByte * 1024, jobSpeedByte: this.jobSpeedByte * 1024,
jobSpeedRecord: this.jobSpeedRecord, jobSpeedRecord: this.jobSpeedRecord,
preStatements: this.preStatements, preStatements: this.preStatements,
postStatements: this.postStatements, postStatements: this.postStatements,
xms: +this.xms, xms: +this.xms,
xmx: +this.xmx, xmx: +this.xmx
}); })
}, },
_destroyEditor () { _destroyEditor () {
if (editor) { if (editor) {
editor.toTextArea() // Uninstall editor.toTextArea() // Uninstall
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 () { _destroyJsonEditor () {
if (jsonEditor) { if (jsonEditor) {
jsonEditor.toTextArea() // Uninstall jsonEditor.toTextArea() // Uninstall
jsonEditor.off($('.code-json-mirror'), 'keypress', this.keypress) jsonEditor.off($('.code-json-mirror'), 'keypress', this.keypress)
jsonEditor.off($('.code-json-mirror'), 'changes', this.changes) jsonEditor.off($('.code-json-mirror'), 'changes', this.changes)
@ -450,12 +450,11 @@
// Non-null objects represent backfill // Non-null objects represent backfill
if (!_.isEmpty(o)) { if (!_.isEmpty(o)) {
// set jvm memory // set jvm memory
this.xms = o.params.xms || 1 ; this.xms = o.params.xms || 1
this.xmx = o.params.xmx || 1 ; this.xmx = o.params.xmx || 1
// backfill // backfill
if(o.params.customConfig == 0) { if (o.params.customConfig == 0) {
this.customConfig = 0 this.customConfig = 0
this.enable = false this.enable = false
this.dsType = o.params.dsType || '' this.dsType = o.params.dsType || ''
@ -477,7 +476,7 @@
} }
}, },
mounted () { mounted () {
if(this.customConfig) { if (this.customConfig) {
setTimeout(() => { setTimeout(() => {
this._handlerJsonEditor() this._handlerJsonEditor()
}, 200) }, 200)
@ -501,9 +500,9 @@
} }
}, },
watch: { watch: {
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this._cacheParams(); this._cacheParams()
} }
}, },
computed: { computed: {

8
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/dependent.vue

@ -97,9 +97,9 @@
$('body').find('.tooltip.fade.top.in').remove() $('body').find('.tooltip.fade.top.in').remove()
}, },
_onDeleteAll (i) { _onDeleteAll (i) {
this.dependTaskList.map((item,i)=>{ this.dependTaskList.map((item, i) => {
if(item.dependItemList.length === 0){ if (item.dependItemList.length === 0) {
this.dependTaskList.splice(i,1) this.dependTaskList.splice(i, 1)
} }
}) })
// this._deleteDep(i) // this._deleteDep(i)
@ -107,7 +107,7 @@
_setGlobalRelation () { _setGlobalRelation () {
this.relation = this.relation === 'AND' ? 'OR' : 'AND' this.relation = this.relation === 'AND' ? 'OR' : 'AND'
}, },
getDependTaskList(i){ getDependTaskList (i) {
// console.log('getDependTaskList',i) // console.log('getDependTaskList',i)
}, },
_setRelation (i) { _setRelation (i) {

218
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/flink.vue

@ -226,17 +226,17 @@
// Program type(List) // Program type(List)
programTypeList: [{ code: 'JAVA' }, { code: 'SCALA' }, { code: 'PYTHON' }], programTypeList: [{ code: 'JAVA' }, { code: 'SCALA' }, { code: 'PYTHON' }],
flinkVersion:'<1.10', flinkVersion: '<1.10',
// Flink Versions(List) // Flink Versions(List)
flinkVersionList: [{ code: '<1.10' }, { code: '>=1.10' }], flinkVersionList: [{ code: '<1.10' }, { code: '>=1.10' }],
normalizer(node) { normalizer (node) {
return { return {
label: node.name label: node.name
} }
}, },
allNoResources: [], allNoResources: [],
noRes: [], noRes: []
} }
}, },
props: { props: {
@ -247,10 +247,10 @@
/** /**
* getResourceId * getResourceId
*/ */
marjarId(name) { marjarId (name) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+name fullName: '/' + name
}).then(res => { }).then(res => {
this.mainJar = res.id this.mainJar = res.id
}).catch(e => { }).catch(e => {
@ -284,7 +284,6 @@
return false return false
} }
if (!this.mainJar) { if (!this.mainJar) {
this.$message.warning(`${i18n.$t('Please enter main jar package')}`) this.$message.warning(`${i18n.$t('Please enter main jar package')}`)
return false return false
@ -311,7 +310,7 @@
} }
// noRes // noRes
if (this.noRes.length>0) { if (this.noRes.length > 0) {
this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`) this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`)
return false return false
} }
@ -329,7 +328,7 @@
}, },
deployMode: this.deployMode, deployMode: this.deployMode,
resourceList: _.map(this.resourceList, v => { resourceList: _.map(this.resourceList, v => {
return {id: v} return { id: v }
}), }),
localParams: this.localParams, localParams: this.localParams,
flinkVersion: this.flinkVersion, flinkVersion: this.flinkVersion,
@ -343,55 +342,55 @@
}) })
return true return true
}, },
diGuiTree(item) { // Recursive convenience tree structure diGuiTree (item) { // Recursive convenience tree structure
item.forEach(item => { item.forEach(item => {
item.children === '' || item.children === undefined || item.children === null || item.children.length === 0?         item.children === '' || item.children === undefined || item.children === null || item.children.length === 0
this.operationTree(item) : this.diGuiTree(item.children); ? this.operationTree(item) : this.diGuiTree(item.children)
}) })
}, },
operationTree(item) { operationTree (item) {
if(item.dirctory) { if (item.dirctory) {
item.isDisabled =true item.isDisabled = true
} }
delete item.children delete item.children
}, },
searchTree(element, id) { searchTree (element, id) {
// id // id
if (element.id == id) { if (element.id == id) {
return element; return element
} else if (element.children != null) { } else if (element.children != null) {
var i; var i
var result = null; var result = null
for (i = 0; result == null && i < element.children.length; i++) { for (i = 0; result == null && i < element.children.length; i++) {
result = this.searchTree(element.children[i], id); result = this.searchTree(element.children[i], id)
} }
return result; return result
} }
return null; return null
}, },
dataProcess(backResource) { dataProcess (backResource) {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.mainJarList.forEach(v1=>{ this.mainJarList.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return item.id return item.id
}) })
Array.prototype.diff = function(a) { Array.prototype.diff = function (a) {
return this.filter(function(i) {return a.indexOf(i) < 0;}); return this.filter(function (i) { return a.indexOf(i) < 0 })
}; }
let diffSet = this.resourceList.diff(resourceIdArr); let diffSet = this.resourceList.diff(resourceIdArr)
let optionsCmp = [] let optionsCmp = []
if(diffSet.length>0) { if (diffSet.length > 0) {
diffSet.forEach(item=>{ diffSet.forEach(item => {
backResource.forEach(item1=>{ backResource.forEach(item1 => {
if(item==item1.id || item==item1.res) { if (item == item1.id || item == item1.res) {
optionsCmp.push(item1) optionsCmp.push(item1)
} }
}) })
@ -400,22 +399,22 @@
let noResources = [{ let noResources = [{
id: -1, id: -1,
name: $t('Unauthorized or deleted resources'), name: $t('Unauthorized or deleted resources'),
fullName: '/'+$t('Unauthorized or deleted resources'), fullName: '/' + $t('Unauthorized or deleted resources'),
children: [] children: []
}] }]
if(optionsCmp.length>0) { if (optionsCmp.length > 0) {
this.allNoResources = optionsCmp this.allNoResources = optionsCmp
optionsCmp = optionsCmp.map(item=>{ optionsCmp = optionsCmp.map(item => {
return {id: item.id,name: item.name,fullName: item.res} return { id: item.id, name: item.name, fullName: item.res }
}) })
optionsCmp.forEach(item=>{ optionsCmp.forEach(item => {
item.isNew = true item.isNew = true
}) })
noResources[0].children = optionsCmp noResources[0].children = optionsCmp
this.mainJarList = this.mainJarList.concat(noResources) this.mainJarList = this.mainJarList.concat(noResources)
} }
} }
}, }
}, },
watch: { watch: {
// Listening type // Listening type
@ -424,33 +423,33 @@
this.mainClass = '' this.mainClass = ''
} }
}, },
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this.$emit('on-cache-params', val); this.$emit('on-cache-params', val)
} }
}, },
computed: { computed: {
cacheParams () { cacheParams () {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.mainJarList.forEach(v1=>{ this.mainJarList.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return {id: item.id,name: item.name,res: item.fullName} return { id: item.id, name: item.name, res: item.fullName }
}) })
} }
let result = [] let result = []
resourceIdArr.forEach(item=>{ resourceIdArr.forEach(item => {
this.allNoResources.forEach(item1=>{ this.allNoResources.forEach(item1 => {
if(item.id==item1.id) { if (item.id == item1.id) {
// resultBool = true // resultBool = true
result.push(item1) result.push(item1)
} }
}) })
}) })
@ -474,65 +473,64 @@
} }
}, },
created () { created () {
let item = this.store.state.dag.resourcesListS let item = this.store.state.dag.resourcesListS
let items = this.store.state.dag.resourcesListJar let items = this.store.state.dag.resourcesListJar
this.diGuiTree(item) this.diGuiTree(item)
this.diGuiTree(items) this.diGuiTree(items)
this.mainJarList = item this.mainJarList = item
this.mainJarLists = items this.mainJarLists = items
let o = this.backfillItem let o = this.backfillItem
// Non-null objects represent backfill // Non-null objects represent backfill
if (!_.isEmpty(o)) { if (!_.isEmpty(o)) {
this.mainClass = o.params.mainClass || '' this.mainClass = o.params.mainClass || ''
if(o.params.mainJar.res) { if (o.params.mainJar.res) {
this.marjarId(o.params.mainJar.res) this.marjarId(o.params.mainJar.res)
} else if(o.params.mainJar.res=='') { } else if (o.params.mainJar.res == '') {
this.mainJar = '' this.mainJar = ''
} else { } else {
this.mainJar = o.params.mainJar.id || '' this.mainJar = o.params.mainJar.id || ''
} }
this.deployMode = o.params.deployMode || '' this.deployMode = o.params.deployMode || ''
this.flinkVersion = o.params.flinkVersion || '<1.10' this.flinkVersion = o.params.flinkVersion || '<1.10'
this.slot = o.params.slot || 1 this.slot = o.params.slot || 1
this.taskManager = o.params.taskManager || '2' this.taskManager = o.params.taskManager || '2'
this.jobManagerMemory = o.params.jobManagerMemory || '1G' this.jobManagerMemory = o.params.jobManagerMemory || '1G'
this.taskManagerMemory = o.params.taskManagerMemory || '2G' this.taskManagerMemory = o.params.taskManagerMemory || '2G'
this.mainArgs = o.params.mainArgs || '' this.mainArgs = o.params.mainArgs || ''
this.others = o.params.others this.others = o.params.others
this.programType = o.params.programType || 'SCALA' this.programType = o.params.programType || 'SCALA'
// backfill resourceList // backfill resourceList
let backResource = o.params.resourceList || [] let backResource = o.params.resourceList || []
let resourceList = o.params.resourceList || [] let resourceList = o.params.resourceList || []
if (resourceList.length) { if (resourceList.length) {
_.map(resourceList, v => { _.map(resourceList, v => {
if(!v.id) { if (!v.id) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+v.res fullName: '/' + v.res
}).then(res => { }).then(res => {
this.resourceList.push(res.id) this.resourceList.push(res.id)
this.dataProcess(backResource)
}).catch(e => {
this.resourceList.push(v.res)
this.dataProcess(backResource)
})
} else {
this.resourceList.push(v.id)
this.dataProcess(backResource) this.dataProcess(backResource)
} }).catch(e => {
}) this.resourceList.push(v.res)
this.cacheResourceList = resourceList this.dataProcess(backResource)
} })
} else {
this.resourceList.push(v.id)
this.dataProcess(backResource)
}
})
this.cacheResourceList = resourceList
}
// backfill localParams // backfill localParams
let localParams = o.params.localParams || [] let localParams = o.params.localParams || []
if (localParams.length) { if (localParams.length) {
this.localParams = localParams this.localParams = localParams
}
} }
}
}, },
mounted () { mounted () {

59
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/http.vue

@ -89,7 +89,6 @@
</div> </div>
</m-list-box> </m-list-box>
<m-list-box > <m-list-box >
<div slot="text">{{$t('Timeout Settings')}}</div> <div slot="text">{{$t('Timeout Settings')}}</div>
<div slot="content"> <div slot="content">
@ -144,8 +143,8 @@
data () { data () {
return { return {
timeoutSettings: false, timeoutSettings: false,
connectTimeout : 60000 , connectTimeout: 60000,
socketTimeout : 60000 , socketTimeout: 60000,
url: '', url: '',
condition: '', condition: '',
@ -154,7 +153,7 @@
httpMethod: 'GET', httpMethod: 'GET',
httpMethodList: [{ code: 'GET' }, { code: 'POST' }, { code: 'HEAD' }, { code: 'PUT' }, { code: 'DELETE' }], httpMethodList: [{ code: 'GET' }, { code: 'POST' }, { code: 'HEAD' }, { code: 'PUT' }, { code: 'DELETE' }],
httpCheckCondition: 'STATUS_CODE_DEFAULT', httpCheckCondition: 'STATUS_CODE_DEFAULT',
httpCheckConditionList: cookies.get('language') == 'en_US'? [{ code: 'STATUS_CODE_DEFAULT',value:'Default response code 200' }, { code: 'STATUS_CODE_CUSTOM',value:'Custom response code' }, { code: 'BODY_CONTAINS',value:'Content includes' }, { code: 'BODY_NOT_CONTAINS',value:'Content does not contain' }]:[{ code: 'STATUS_CODE_DEFAULT',value:'默认响应码200' }, { code: 'STATUS_CODE_CUSTOM',value:'自定义响应码' }, { code: 'BODY_CONTAINS',value:'内容包含' }, { code: 'BODY_NOT_CONTAINS',value:'内容不包含' }] httpCheckConditionList: cookies.get('language') == 'en_US' ? [{ code: 'STATUS_CODE_DEFAULT', value: 'Default response code 200' }, { code: 'STATUS_CODE_CUSTOM', value: 'Custom response code' }, { code: 'BODY_CONTAINS', value: 'Content includes' }, { code: 'BODY_NOT_CONTAINS', value: 'Content does not contain' }] : [{ code: 'STATUS_CODE_DEFAULT', value: '默认响应码200' }, { code: 'STATUS_CODE_CUSTOM', value: '自定义响应码' }, { code: 'BODY_CONTAINS', value: '内容包含' }, { code: 'BODY_NOT_CONTAINS', value: '内容不包含' }]
} }
}, },
props: { props: {
@ -205,8 +204,8 @@
httpMethod: this.httpMethod, httpMethod: this.httpMethod,
httpCheckCondition: this.httpCheckCondition, httpCheckCondition: this.httpCheckCondition,
condition: this.condition, condition: this.condition,
connectTimeout : this.connectTimeout , connectTimeout: this.connectTimeout,
socketTimeout : this.socketTimeout socketTimeout: this.socketTimeout
}) })
return true return true
} }
@ -220,8 +219,8 @@
httpMethod: this.httpMethod, httpMethod: this.httpMethod,
httpCheckCondition: this.httpCheckCondition, httpCheckCondition: this.httpCheckCondition,
condition: this.condition, condition: this.condition,
connectTimeout : this.connectTimeout , connectTimeout: this.connectTimeout,
socketTimeout : this.socketTimeout socketTimeout: this.socketTimeout
} }
} }
}, },
@ -231,32 +230,32 @@
* @param val * @param val
*/ */
cacheParams (val) { cacheParams (val) {
this.$emit('on-cache-params', val); this.$emit('on-cache-params', val)
} }
}, },
created () { created () {
let o = this.backfillItem let o = this.backfillItem
// Non-null objects represent backfill // Non-null objects represent backfill
if (!_.isEmpty(o)) { if (!_.isEmpty(o)) {
this.url = o.params.url || '' this.url = o.params.url || ''
this.httpMethod = o.params.httpMethod || 'GET' this.httpMethod = o.params.httpMethod || 'GET'
this.httpCheckCondition = o.params.httpCheckCondition || 'DEFAULT' this.httpCheckCondition = o.params.httpCheckCondition || 'DEFAULT'
this.condition = o.params.condition || '' this.condition = o.params.condition || ''
this.connectTimeout = o.params.connectTimeout this.connectTimeout = o.params.connectTimeout
this.socketTimeout = o.params.socketTimeout this.socketTimeout = o.params.socketTimeout
if(this.connectTimeout != 60000 || this.socketTimeout != 60000 ){ if (this.connectTimeout != 60000 || this.socketTimeout != 60000) {
this.timeoutSettings = true this.timeoutSettings = true
} }
// backfill localParams // backfill localParams
let localParams = o.params.localParams || [] let localParams = o.params.localParams || []
if (localParams.length) { if (localParams.length) {
this.localParams = localParams this.localParams = localParams
}
let httpParams = o.params.httpParams || []
if (httpParams.length) {
this.httpParams = httpParams
}
} }
let httpParams = o.params.httpParams || []
if (httpParams.length) {
this.httpParams = httpParams
}
}
}, },
mounted () { mounted () {
}, },

200
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/mr.vue

@ -131,7 +131,7 @@
programType: 'JAVA', programType: 'JAVA',
// Program type(List) // Program type(List)
programTypeList: [{ code: 'JAVA' }, { code: 'PYTHON' }], programTypeList: [{ code: 'JAVA' }, { code: 'PYTHON' }],
normalizer(node) { normalizer (node) {
return { return {
label: node.name label: node.name
} }
@ -148,10 +148,10 @@
/** /**
* getResourceId * getResourceId
*/ */
marjarId(name) { marjarId (name) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+name fullName: '/' + name
}).then(res => { }).then(res => {
this.mainJar = res.id this.mainJar = res.id
}).catch(e => { }).catch(e => {
@ -176,55 +176,55 @@
_onCacheResourcesData (a) { _onCacheResourcesData (a) {
this.cacheResourceList = a this.cacheResourceList = a
}, },
diGuiTree(item) { // Recursive convenience tree structure diGuiTree (item) { // Recursive convenience tree structure
item.forEach(item => { item.forEach(item => {
item.children === '' || item.children === undefined || item.children === null || item.children.length === 0?         item.children === '' || item.children === undefined || item.children === null || item.children.length === 0
this.operationTree(item) : this.diGuiTree(item.children); ? this.operationTree(item) : this.diGuiTree(item.children)
}) })
}, },
operationTree(item) { operationTree (item) {
if(item.dirctory) { if (item.dirctory) {
item.isDisabled =true item.isDisabled = true
} }
delete item.children delete item.children
}, },
searchTree(element, id) { searchTree (element, id) {
// id // id
if (element.id == id) { if (element.id == id) {
return element; return element
} else if (element.children != null) { } else if (element.children != null) {
var i; var i
var result = null; var result = null
for (i = 0; result == null && i < element.children.length; i++) { for (i = 0; result == null && i < element.children.length; i++) {
result = this.searchTree(element.children[i], id); result = this.searchTree(element.children[i], id)
} }
return result; return result
} }
return null; return null
}, },
dataProcess(backResource) { dataProcess (backResource) {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.mainJarList.forEach(v1=>{ this.mainJarList.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return item.id return item.id
}) })
Array.prototype.diff = function(a) { Array.prototype.diff = function (a) {
return this.filter(function(i) {return a.indexOf(i) < 0;}); return this.filter(function (i) { return a.indexOf(i) < 0 })
}; }
let diffSet = this.resourceList.diff(resourceIdArr); let diffSet = this.resourceList.diff(resourceIdArr)
let optionsCmp = [] let optionsCmp = []
if(diffSet.length>0) { if (diffSet.length > 0) {
diffSet.forEach(item=>{ diffSet.forEach(item => {
backResource.forEach(item1=>{ backResource.forEach(item1 => {
if(item==item1.id || item==item1.res) { if (item == item1.id || item == item1.res) {
optionsCmp.push(item1) optionsCmp.push(item1)
} }
}) })
@ -233,15 +233,15 @@
let noResources = [{ let noResources = [{
id: -1, id: -1,
name: $t('Unauthorized or deleted resources'), name: $t('Unauthorized or deleted resources'),
fullName: '/'+$t('Unauthorized or deleted resources'), fullName: '/' + $t('Unauthorized or deleted resources'),
children: [] children: []
}] }]
if(optionsCmp.length>0) { if (optionsCmp.length > 0) {
this.allNoResources = optionsCmp this.allNoResources = optionsCmp
optionsCmp = optionsCmp.map(item=>{ optionsCmp = optionsCmp.map(item => {
return {id: item.id,name: item.name,fullName: item.res} return { id: item.id, name: item.name, fullName: item.res }
}) })
optionsCmp.forEach(item=>{ optionsCmp.forEach(item => {
item.isNew = true item.isNew = true
}) })
noResources[0].children = optionsCmp noResources[0].children = optionsCmp
@ -264,7 +264,7 @@
} }
// noRes // noRes
if (this.noRes.length>0) { if (this.noRes.length > 0) {
this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`) this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`)
return false return false
} }
@ -280,7 +280,7 @@
id: this.mainJar id: this.mainJar
}, },
resourceList: _.map(this.resourceList, v => { resourceList: _.map(this.resourceList, v => {
return {id: v} return { id: v }
}), }),
localParams: this.localParams, localParams: this.localParams,
mainArgs: this.mainArgs, mainArgs: this.mainArgs,
@ -288,7 +288,7 @@
programType: this.programType programType: this.programType
}) })
return true return true
}, }
}, },
watch: { watch: {
@ -300,33 +300,33 @@
this.mainClass = '' this.mainClass = ''
} }
}, },
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this.$emit('on-cache-params', val); this.$emit('on-cache-params', val)
} }
}, },
computed: { computed: {
cacheParams () { cacheParams () {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.mainJarList.forEach(v1=>{ this.mainJarList.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return {id: item.id,name: item.name,res: item.fullName} return { id: item.id, name: item.name, res: item.fullName }
}) })
} }
let result = [] let result = []
resourceIdArr.forEach(item=>{ resourceIdArr.forEach(item => {
this.allNoResources.forEach(item1=>{ this.allNoResources.forEach(item1 => {
if(item.id==item1.id) { if (item.id == item1.id) {
// resultBool = true // resultBool = true
result.push(item1) result.push(item1)
} }
}) })
}) })
@ -345,58 +345,58 @@
} }
}, },
created () { created () {
let item = this.store.state.dag.resourcesListS let item = this.store.state.dag.resourcesListS
let items = this.store.state.dag.resourcesListJar let items = this.store.state.dag.resourcesListJar
this.diGuiTree(item) this.diGuiTree(item)
this.diGuiTree(items) this.diGuiTree(items)
this.mainJarList = item this.mainJarList = item
this.mainJarLists = items this.mainJarLists = items
let o = this.backfillItem let o = this.backfillItem
// Non-null objects represent backfill // Non-null objects represent backfill
if (!_.isEmpty(o)) { if (!_.isEmpty(o)) {
this.mainClass = o.params.mainClass || '' this.mainClass = o.params.mainClass || ''
if(o.params.mainJar.res) { if (o.params.mainJar.res) {
this.marjarId(o.params.mainJar.res) this.marjarId(o.params.mainJar.res)
} else if(o.params.mainJar.res=='') { } else if (o.params.mainJar.res == '') {
this.mainJar = '' this.mainJar = ''
} else { } else {
this.mainJar = o.params.mainJar.id || '' this.mainJar = o.params.mainJar.id || ''
} }
this.mainArgs = o.params.mainArgs || '' this.mainArgs = o.params.mainArgs || ''
this.others = o.params.others this.others = o.params.others
this.programType = o.params.programType || 'JAVA' this.programType = o.params.programType || 'JAVA'
// backfill resourceList // backfill resourceList
let resourceList = o.params.resourceList || [] let resourceList = o.params.resourceList || []
if (resourceList.length) { if (resourceList.length) {
_.map(resourceList, v => { _.map(resourceList, v => {
if(!v.id) { if (!v.id) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+v.res fullName: '/' + v.res
}).then(res => { }).then(res => {
this.resourceList.push(res.id) this.resourceList.push(res.id)
this.dataProcess(backResource)
}).catch(e => {
this.resourceList.push(v.res)
this.dataProcess(backResource)
})
} else {
this.resourceList.push(v.id)
this.dataProcess(backResource) this.dataProcess(backResource)
} }).catch(e => {
}) this.resourceList.push(v.res)
this.cacheResourceList = resourceList this.dataProcess(backResource)
} })
} else {
this.resourceList.push(v.id)
this.dataProcess(backResource)
}
})
this.cacheResourceList = resourceList
}
// backfill localParams // backfill localParams
let backResource = o.params.resourceList || [] let backResource = o.params.resourceList || []
let localParams = o.params.localParams || [] let localParams = o.params.localParams || []
if (localParams.length) { if (localParams.length) {
this.localParams = localParams this.localParams = localParams
}
} }
}
}, },
mounted () { mounted () {

12
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/pre_tasks.vue

@ -53,13 +53,13 @@
}, },
data () { data () {
return { return {
preTasksSelectorId: '_preTasksSelectorId', // Refresh target vue-component by changing id preTasksSelectorId: '_preTasksSelectorId', // Refresh target vue-component by changing id
preTasks: [], preTasks: [],
preTasksOld: [], preTasksOld: []
} }
}, },
mounted () { mounted () {
this.preTasks = this.backfillItem['preTasks'] || this.preTasks this.preTasks = this.backfillItem.preTasks || this.preTasks
this.preTasksOld = this.preTasks this.preTasksOld = this.preTasks
// Refresh target vue-component by changing id // Refresh target vue-component by changing id
@ -69,7 +69,7 @@
}, },
computed: { computed: {
preTaskList: function () { preTaskList: function () {
let currentTaskId = this.backfillItem['id'] || this.id let currentTaskId = this.backfillItem.id || this.id
let cacheTasks = Object.assign({}, this.store.state.dag.tasks) let cacheTasks = Object.assign({}, this.store.state.dag.tasks)
let keys = Object.keys(cacheTasks) let keys = Object.keys(cacheTasks)
for (let i = 0; i < keys.length; i++) { for (let i = 0; i < keys.length; i++) {
@ -92,7 +92,7 @@
// preTaskIds used to delete connection // preTaskIds used to delete connection
preTasksToDelete: function () { preTasksToDelete: function () {
return this.preTasksOld.filter(taskId => this.preTasks.indexOf(taskId) === -1) return this.preTasksOld.filter(taskId => this.preTasks.indexOf(taskId) === -1)
}, }
}, },
methods: { methods: {
// Pass data to parent-level to process dag // Pass data to parent-level to process dag
@ -100,7 +100,7 @@
this.$emit('on-pre-tasks', { this.$emit('on-pre-tasks', {
preTasks: this.preTasks, preTasks: this.preTasks,
preTasksToAdd: this.preTasksToAdd, preTasksToAdd: this.preTasksToAdd,
preTasksToDelete: this.preTasksToDelete, preTasksToDelete: this.preTasksToDelete
}) })
return true return true
} }

4
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/procedure.vue

@ -122,9 +122,9 @@
} }
}, },
watch: { watch: {
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this.$emit('on-cache-params', val); this.$emit('on-cache-params', val)
} }
}, },
computed: { computed: {

108
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/python.vue

@ -84,7 +84,7 @@
// Cache ResourceList // Cache ResourceList
cacheResourceList: [], cacheResourceList: [],
resourceOptions: [], resourceOptions: [],
normalizer(node) { normalizer (node) {
return { return {
label: node.name label: node.name
} }
@ -106,7 +106,7 @@
_onLocalParams (a) { _onLocalParams (a) {
this.localParams = a this.localParams = a
}, },
setEditorVal() { setEditorVal () {
this.item = editor.getValue() this.item = editor.getValue()
this.scriptBoxDialog = true this.scriptBoxDialog = true
}, },
@ -141,7 +141,7 @@
} }
// noRes // noRes
if (this.noRes.length>0) { if (this.noRes.length > 0) {
this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`) this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`)
return false return false
} }
@ -149,7 +149,7 @@
// storage // storage
this.$emit('on-params', { this.$emit('on-params', {
resourceList: _.map(this.resourceList, v => { resourceList: _.map(this.resourceList, v => {
return {id: v} return { id: v }
}), }),
localParams: this.localParams, localParams: this.localParams,
rawScript: editor.getValue() rawScript: editor.getValue()
@ -181,55 +181,55 @@
return editor return editor
}, },
diGuiTree(item) { // Recursive convenience tree structure diGuiTree (item) { // Recursive convenience tree structure
item.forEach(item => { item.forEach(item => {
item.children === '' || item.children === undefined || item.children === null || item.children.length === 0?         item.children === '' || item.children === undefined || item.children === null || item.children.length === 0
this.operationTree(item) : this.diGuiTree(item.children); ? this.operationTree(item) : this.diGuiTree(item.children)
}) })
}, },
operationTree(item) { operationTree (item) {
if(item.dirctory) { if (item.dirctory) {
item.isDisabled =true item.isDisabled = true
} }
delete item.children delete item.children
}, },
searchTree(element, id) { searchTree (element, id) {
// id // id
if (element.id == id) { if (element.id == id) {
return element; return element
} else if (element.children != null) { } else if (element.children != null) {
var i; var i
var result = null; var result = null
for (i = 0; result == null && i < element.children.length; i++) { for (i = 0; result == null && i < element.children.length; i++) {
result = this.searchTree(element.children[i], id); result = this.searchTree(element.children[i], id)
} }
return result; return result
} }
return null; return null
}, },
dataProcess(backResource) { dataProcess (backResource) {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.resourceOptions.forEach(v1=>{ this.resourceOptions.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return item.id return item.id
}) })
Array.prototype.diff = function(a) { Array.prototype.diff = function (a) {
return this.filter(function(i) {return a.indexOf(i) < 0;}); return this.filter(function (i) { return a.indexOf(i) < 0 })
}; }
let diffSet = this.resourceList.diff(resourceIdArr); let diffSet = this.resourceList.diff(resourceIdArr)
let optionsCmp = [] let optionsCmp = []
if(diffSet.length>0) { if (diffSet.length > 0) {
diffSet.forEach(item=>{ diffSet.forEach(item => {
backResource.forEach(item1=>{ backResource.forEach(item1 => {
if(item==item1.id || item==item1.res) { if (item == item1.id || item == item1.res) {
optionsCmp.push(item1) optionsCmp.push(item1)
} }
}) })
@ -238,15 +238,15 @@
let noResources = [{ let noResources = [{
id: -1, id: -1,
name: $t('Unauthorized or deleted resources'), name: $t('Unauthorized or deleted resources'),
fullName: '/'+$t('Unauthorized or deleted resources'), fullName: '/' + $t('Unauthorized or deleted resources'),
children: [] children: []
}] }]
if(optionsCmp.length>0) { if (optionsCmp.length > 0) {
this.allNoResources = optionsCmp this.allNoResources = optionsCmp
optionsCmp = optionsCmp.map(item=>{ optionsCmp = optionsCmp.map(item => {
return {id: item.id,name: item.name,fullName: item.res} return { id: item.id, name: item.name, fullName: item.res }
}) })
optionsCmp.forEach(item=>{ optionsCmp.forEach(item => {
item.isNew = true item.isNew = true
}) })
noResources[0].children = optionsCmp noResources[0].children = optionsCmp
@ -256,33 +256,33 @@
} }
}, },
watch: { watch: {
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this.$emit('on-cache-params', val); this.$emit('on-cache-params', val)
} }
}, },
computed: { computed: {
cacheParams () { cacheParams () {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.resourceOptions.forEach(v1=>{ this.resourceOptions.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return {id: item.id,name: item.name,res: item.fullName} return { id: item.id, name: item.name, res: item.fullName }
}) })
} }
let result = [] let result = []
resourceIdArr.forEach(item=>{ resourceIdArr.forEach(item => {
this.allNoResources.forEach(item1=>{ this.allNoResources.forEach(item1 => {
if(item.id==item1.id) { if (item.id == item1.id) {
// resultBool = true // resultBool = true
result.push(item1) result.push(item1)
} }
}) })
}) })
@ -308,10 +308,10 @@
let resourceList = o.params.resourceList || [] let resourceList = o.params.resourceList || []
if (resourceList.length) { if (resourceList.length) {
_.map(resourceList, v => { _.map(resourceList, v => {
if(!v.id) { if (!v.id) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+v.res fullName: '/' + v.res
}).then(res => { }).then(res => {
this.resourceList.push(res.id) this.resourceList.push(res.id)
this.dataProcess(backResource) this.dataProcess(backResource)
@ -343,7 +343,7 @@
editor.toTextArea() // Uninstall editor.toTextArea() // Uninstall
editor.off($('.code-python-mirror'), 'keypress', this.keypress) editor.off($('.code-python-mirror'), 'keypress', this.keypress)
}, },
components: { mLocalParams, mListBox, mResources,Treeselect, mScriptBox } components: { mLocalParams, mListBox, mResources, Treeselect, mScriptBox }
} }
</script> </script>
<style lang="scss" rel="stylesheet/scss" scope> <style lang="scss" rel="stylesheet/scss" scope>

108
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/shell.vue

@ -87,7 +87,7 @@
cacheResourceList: [], cacheResourceList: [],
// define options // define options
options: [], options: [],
normalizer(node) { normalizer (node) {
return { return {
label: node.name label: node.name
} }
@ -109,7 +109,7 @@
_onLocalParams (a) { _onLocalParams (a) {
this.localParams = a this.localParams = a
}, },
setEditorVal() { setEditorVal () {
this.item = editor.getValue() this.item = editor.getValue()
this.scriptBoxDialog = true this.scriptBoxDialog = true
}, },
@ -148,12 +148,12 @@
return false return false
} }
// noRes // noRes
if (this.noRes.length>0) { if (this.noRes.length > 0) {
this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`) this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`)
return false return false
} }
// Process resourcelist // Process resourcelist
let dataProcessing= _.map(this.resourceList, v => { let dataProcessing = _.map(this.resourceList, v => {
return { return {
id: v id: v
} }
@ -190,55 +190,55 @@
return editor return editor
}, },
diGuiTree(item) { // Recursive convenience tree structure diGuiTree (item) { // Recursive convenience tree structure
item.forEach(item => { item.forEach(item => {
item.children === '' || item.children === undefined || item.children === null || item.children.length === 0?         item.children === '' || item.children === undefined || item.children === null || item.children.length === 0
this.operationTree(item) : this.diGuiTree(item.children); ? this.operationTree(item) : this.diGuiTree(item.children)
}) })
}, },
operationTree(item) { operationTree (item) {
if(item.dirctory) { if (item.dirctory) {
item.isDisabled =true item.isDisabled = true
} }
delete item.children delete item.children
}, },
searchTree(element, id) { searchTree (element, id) {
// id // id
if (element.id == id) { if (element.id == id) {
return element; return element
} else if (element.children != null) { } else if (element.children != null) {
var i; var i
var result = null; var result = null
for (i = 0; result == null && i < element.children.length; i++) { for (i = 0; result == null && i < element.children.length; i++) {
result = this.searchTree(element.children[i], id); result = this.searchTree(element.children[i], id)
} }
return result; return result
} }
return null; return null
}, },
dataProcess(backResource) { dataProcess (backResource) {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.options.forEach(v1=>{ this.options.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return item.id return item.id
}) })
Array.prototype.diff = function(a) { Array.prototype.diff = function (a) {
return this.filter(function(i) {return a.indexOf(i) < 0;}); return this.filter(function (i) { return a.indexOf(i) < 0 })
}; }
let diffSet = this.resourceList.diff(resourceIdArr); let diffSet = this.resourceList.diff(resourceIdArr)
let optionsCmp = [] let optionsCmp = []
if(diffSet.length>0) { if (diffSet.length > 0) {
diffSet.forEach(item=>{ diffSet.forEach(item => {
backResource.forEach(item1=>{ backResource.forEach(item1 => {
if(item==item1.id || item==item1.res) { if (item == item1.id || item == item1.res) {
optionsCmp.push(item1) optionsCmp.push(item1)
} }
}) })
@ -247,15 +247,15 @@
let noResources = [{ let noResources = [{
id: -1, id: -1,
name: $t('Unauthorized or deleted resources'), name: $t('Unauthorized or deleted resources'),
fullName: '/'+$t('Unauthorized or deleted resources'), fullName: '/' + $t('Unauthorized or deleted resources'),
children: [] children: []
}] }]
if(optionsCmp.length>0) { if (optionsCmp.length > 0) {
this.allNoResources = optionsCmp this.allNoResources = optionsCmp
optionsCmp = optionsCmp.map(item=>{ optionsCmp = optionsCmp.map(item => {
return {id: item.id,name: item.name,fullName: item.res} return { id: item.id, name: item.name, fullName: item.res }
}) })
optionsCmp.forEach(item=>{ optionsCmp.forEach(item => {
item.isNew = true item.isNew = true
}) })
noResources[0].children = optionsCmp noResources[0].children = optionsCmp
@ -265,33 +265,33 @@
} }
}, },
watch: { watch: {
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this.$emit('on-cache-params', val); this.$emit('on-cache-params', val)
} }
}, },
computed: { computed: {
cacheParams () { cacheParams () {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.options.forEach(v1=>{ this.options.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return {id: item.id,name: item.name,res: item.fullName} return { id: item.id, name: item.name, res: item.fullName }
}) })
} }
let result = [] let result = []
resourceIdArr.forEach(item=>{ resourceIdArr.forEach(item => {
this.allNoResources.forEach(item1=>{ this.allNoResources.forEach(item1 => {
if(item.id==item1.id) { if (item.id == item1.id) {
// resultBool = true // resultBool = true
result.push(item1) result.push(item1)
} }
}) })
}) })
@ -316,11 +316,11 @@
let backResource = o.params.resourceList || [] let backResource = o.params.resourceList || []
let resourceList = o.params.resourceList || [] let resourceList = o.params.resourceList || []
if (resourceList.length) { if (resourceList.length) {
_.map(resourceList, v => { _.map(resourceList, v => {
if(!v.id) { if (!v.id) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+v.res fullName: '/' + v.res
}).then(res => { }).then(res => {
this.resourceList.push(res.id) this.resourceList.push(res.id)
this.dataProcess(backResource) this.dataProcess(backResource)

210
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/spark.vue

@ -242,7 +242,7 @@
sparkVersion: 'SPARK2', sparkVersion: 'SPARK2',
// Spark version(LIst) // Spark version(LIst)
sparkVersionList: [{ code: 'SPARK2' }, { code: 'SPARK1' }], sparkVersionList: [{ code: 'SPARK2' }, { code: 'SPARK1' }],
normalizer(node) { normalizer (node) {
return { return {
label: node.name label: node.name
} }
@ -259,10 +259,10 @@
/** /**
* getResourceId * getResourceId
*/ */
marjarId(name) { marjarId (name) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+name fullName: '/' + name
}).then(res => { }).then(res => {
this.mainJar = res.id this.mainJar = res.id
}).catch(e => { }).catch(e => {
@ -287,55 +287,55 @@
_onCacheResourcesData (a) { _onCacheResourcesData (a) {
this.cacheResourceList = a this.cacheResourceList = a
}, },
diGuiTree(item) { // Recursive convenience tree structure diGuiTree (item) { // Recursive convenience tree structure
item.forEach(item => { item.forEach(item => {
item.children === '' || item.children === undefined || item.children === null || item.children.length === 0?         item.children === '' || item.children === undefined || item.children === null || item.children.length === 0
this.operationTree(item) : this.diGuiTree(item.children); ? this.operationTree(item) : this.diGuiTree(item.children)
}) })
}, },
operationTree(item) { operationTree (item) {
if(item.dirctory) { if (item.dirctory) {
item.isDisabled =true item.isDisabled = true
} }
delete item.children delete item.children
}, },
searchTree(element, id) { searchTree (element, id) {
// id // id
if (element.id == id) { if (element.id == id) {
return element; return element
} else if (element.children != null) { } else if (element.children != null) {
var i; var i
var result = null; var result = null
for (i = 0; result == null && i < element.children.length; i++) { for (i = 0; result == null && i < element.children.length; i++) {
result = this.searchTree(element.children[i], id); result = this.searchTree(element.children[i], id)
} }
return result; return result
} }
return null; return null
}, },
dataProcess(backResource) { dataProcess (backResource) {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.mainJarList.forEach(v1=>{ this.mainJarList.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return item.id return item.id
}) })
Array.prototype.diff = function(a) { Array.prototype.diff = function (a) {
return this.filter(function(i) {return a.indexOf(i) < 0;}); return this.filter(function (i) { return a.indexOf(i) < 0 })
}; }
let diffSet = this.resourceList.diff(resourceIdArr); let diffSet = this.resourceList.diff(resourceIdArr)
let optionsCmp = [] let optionsCmp = []
if(diffSet.length>0) { if (diffSet.length > 0) {
diffSet.forEach(item=>{ diffSet.forEach(item => {
backResource.forEach(item1=>{ backResource.forEach(item1 => {
if(item==item1.id || item==item1.res) { if (item == item1.id || item == item1.res) {
optionsCmp.push(item1) optionsCmp.push(item1)
} }
}) })
@ -344,15 +344,15 @@
let noResources = [{ let noResources = [{
id: -1, id: -1,
name: $t('Unauthorized or deleted resources'), name: $t('Unauthorized or deleted resources'),
fullName: '/'+$t('Unauthorized or deleted resources'), fullName: '/' + $t('Unauthorized or deleted resources'),
children: [] children: []
}] }]
if(optionsCmp.length>0) { if (optionsCmp.length > 0) {
this.allNoResources = optionsCmp this.allNoResources = optionsCmp
optionsCmp = optionsCmp.map(item=>{ optionsCmp = optionsCmp.map(item => {
return {id: item.id,name: item.name,fullName: item.res} return { id: item.id, name: item.name, fullName: item.res }
}) })
optionsCmp.forEach(item=>{ optionsCmp.forEach(item => {
item.isNew = true item.isNew = true
}) })
noResources[0].children = optionsCmp noResources[0].children = optionsCmp
@ -380,7 +380,7 @@
} }
// noRes // noRes
if (this.noRes.length>0) { if (this.noRes.length > 0) {
this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`) this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`)
return false return false
} }
@ -419,7 +419,7 @@
return false return false
} }
// Process resourcelist // Process resourcelist
let dataProcessing= _.map(this.resourceList, v => { let dataProcessing = _.map(this.resourceList, v => {
return { return {
id: v id: v
} }
@ -454,7 +454,7 @@
this.mainClass = '' this.mainClass = ''
} }
}, },
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this.$emit('on-cache-params', val) this.$emit('on-cache-params', val)
} }
@ -463,24 +463,24 @@
cacheParams () { cacheParams () {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.mainJarList.forEach(v1=>{ this.mainJarList.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return {id: item.id,name: item.name,res: item.fullName} return { id: item.id, name: item.name, res: item.fullName }
}) })
} }
let result = [] let result = []
resourceIdArr.forEach(item=>{ resourceIdArr.forEach(item => {
this.allNoResources.forEach(item1=>{ this.allNoResources.forEach(item1 => {
if(item.id==item1.id) { if (item.id == item1.id) {
// resultBool = true // resultBool = true
result.push(item1) result.push(item1)
} }
}) })
}) })
@ -506,65 +506,65 @@
} }
}, },
created () { created () {
let item = this.store.state.dag.resourcesListS let item = this.store.state.dag.resourcesListS
let items = this.store.state.dag.resourcesListJar let items = this.store.state.dag.resourcesListJar
this.diGuiTree(item) this.diGuiTree(item)
this.diGuiTree(items) this.diGuiTree(items)
this.mainJarList = item this.mainJarList = item
this.mainJarLists = items this.mainJarLists = items
let o = this.backfillItem let o = this.backfillItem
// Non-null objects represent backfill // Non-null objects represent backfill
if (!_.isEmpty(o)) { if (!_.isEmpty(o)) {
this.mainClass = o.params.mainClass || '' this.mainClass = o.params.mainClass || ''
if(o.params.mainJar.res) { if (o.params.mainJar.res) {
this.marjarId(o.params.mainJar.res) this.marjarId(o.params.mainJar.res)
} else if(o.params.mainJar.res=='') { } else if (o.params.mainJar.res == '') {
this.mainJar = '' this.mainJar = ''
} else { } else {
this.mainJar = o.params.mainJar.id || '' this.mainJar = o.params.mainJar.id || ''
} }
this.deployMode = o.params.deployMode || '' this.deployMode = o.params.deployMode || ''
this.driverCores = o.params.driverCores || 1 this.driverCores = o.params.driverCores || 1
this.driverMemory = o.params.driverMemory || '512M' this.driverMemory = o.params.driverMemory || '512M'
this.numExecutors = o.params.numExecutors || 2 this.numExecutors = o.params.numExecutors || 2
this.executorMemory = o.params.executorMemory || '2G' this.executorMemory = o.params.executorMemory || '2G'
this.executorCores = o.params.executorCores || 2 this.executorCores = o.params.executorCores || 2
this.mainArgs = o.params.mainArgs || '' this.mainArgs = o.params.mainArgs || ''
this.others = o.params.others this.others = o.params.others
this.programType = o.params.programType || 'SCALA' this.programType = o.params.programType || 'SCALA'
this.sparkVersion = o.params.sparkVersion || 'SPARK2' this.sparkVersion = o.params.sparkVersion || 'SPARK2'
// backfill resourceList // backfill resourceList
let backResource = o.params.resourceList || [] let backResource = o.params.resourceList || []
let resourceList = o.params.resourceList || [] let resourceList = o.params.resourceList || []
if (resourceList.length) { if (resourceList.length) {
_.map(resourceList, v => { _.map(resourceList, v => {
if(!v.id) { if (!v.id) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+v.res fullName: '/' + v.res
}).then(res => { }).then(res => {
this.resourceList.push(res.id) this.resourceList.push(res.id)
this.dataProcess(backResource)
}).catch(e => {
this.resourceList.push(v.res)
this.dataProcess(backResource)
})
} else {
this.resourceList.push(v.id)
this.dataProcess(backResource) this.dataProcess(backResource)
} }).catch(e => {
}) this.resourceList.push(v.res)
this.cacheResourceList = resourceList this.dataProcess(backResource)
} })
} else {
this.resourceList.push(v.id)
this.dataProcess(backResource)
}
})
this.cacheResourceList = resourceList
}
// backfill localParams // backfill localParams
let localParams = o.params.localParams || [] let localParams = o.params.localParams || []
if (localParams.length) { if (localParams.length) {
this.localParams = localParams this.localParams = localParams
}
} }
}
}, },
mounted () { mounted () {

27
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/sql.vue

@ -202,7 +202,7 @@
createNodeId: Number createNodeId: Number
}, },
methods: { methods: {
setEditorVal() { setEditorVal () {
this.item = editor.getValue() this.item = editor.getValue()
this.scriptBoxDialog = true this.scriptBoxDialog = true
}, },
@ -214,7 +214,7 @@
*/ */
_onSqlType (a) { _onSqlType (a) {
this.sqlType = a this.sqlType = a
if(a==0) { if (a == 0) {
this.showType = ['TABLE'] this.showType = ['TABLE']
} }
}, },
@ -262,24 +262,24 @@
if (!this.$refs.refDs._verifDatasource()) { if (!this.$refs.refDs._verifDatasource()) {
return false return false
} }
if (this.sqlType==0 && !this.showType.length) { if (this.sqlType == 0 && !this.showType.length) {
this.$message.warning(`${i18n.$t('One form or attachment must be selected')}`) this.$message.warning(`${i18n.$t('One form or attachment must be selected')}`)
return false return false
} }
if (this.sqlType==0 && !this.title) { if (this.sqlType == 0 && !this.title) {
this.$message.warning(`${i18n.$t('Mail subject required')}`) this.$message.warning(`${i18n.$t('Mail subject required')}`)
return false return false
} }
if (this.sqlType==0 && !this.receivers.length) { if (this.sqlType == 0 && !this.receivers.length) {
this.$message.warning(`${i18n.$t('Recipient required')}`) this.$message.warning(`${i18n.$t('Recipient required')}`)
return false return false
} }
// receivers Subcomponent verification // receivers Subcomponent verification
if (this.sqlType==0 && !this.$refs.refEmail._manualEmail()) { if (this.sqlType == 0 && !this.$refs.refEmail._manualEmail()) {
return false return false
} }
// receiversCc Subcomponent verification // receiversCc Subcomponent verification
if (this.sqlType==0 && !this.$refs.refCc._manualEmail()) { if (this.sqlType == 0 && !this.$refs.refCc._manualEmail()) {
return false return false
} }
// udfs Subcomponent verification Verification only if the data type is HIVE // udfs Subcomponent verification Verification only if the data type is HIVE
@ -390,7 +390,6 @@
receivers: this.receivers.join(','), receivers: this.receivers.join(','),
receiversCc: this.receiversCc.join(','), receiversCc: this.receiversCc.join(','),
showType: (() => { showType: (() => {
let showType = this.showType let showType = this.showType
if (showType.length === 2 && showType[0] === 'ATTACHMENT') { if (showType.length === 2 && showType[0] === 'ATTACHMENT') {
return [showType[1], showType[0]].join(',') return [showType[1], showType[0]].join(',')
@ -402,10 +401,10 @@
connParams: this.connParams, connParams: this.connParams,
preStatements: this.preStatements, preStatements: this.preStatements,
postStatements: this.postStatements postStatements: this.postStatements
}); })
}, },
_destroyEditor () { _destroyEditor () {
if (editor) { if (editor) {
editor.toTextArea() // Uninstall editor.toTextArea() // Uninstall
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)
@ -415,7 +414,7 @@
watch: { watch: {
// Listening to sqlType // Listening to sqlType
sqlType (val) { sqlType (val) {
if (val==0) { if (val == 0) {
this.showType = [] this.showType = []
} }
if (val != 0) { if (val != 0) {
@ -430,7 +429,7 @@
this.connParams = '' this.connParams = ''
} }
}, },
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this._cacheParams() this._cacheParams()
} }
@ -448,7 +447,7 @@
this.sqlType = o.params.sqlType this.sqlType = o.params.sqlType
this.connParams = o.params.connParams || '' this.connParams = o.params.connParams || ''
this.localParams = o.params.localParams || [] this.localParams = o.params.localParams || []
if(o.params.showType == '') { if (o.params.showType == '') {
this.showType = [] this.showType = []
} else { } else {
this.showType = o.params.showType.split(',') || [] this.showType = o.params.showType.split(',') || []
@ -491,7 +490,6 @@
receivers: this.receivers.join(','), receivers: this.receivers.join(','),
receiversCc: this.receiversCc.join(','), receiversCc: this.receiversCc.join(','),
showType: (() => { showType: (() => {
let showType = this.showType let showType = this.showType
if (showType.length === 2 && showType[0] === 'ATTACHMENT') { if (showType.length === 2 && showType[0] === 'ATTACHMENT') {
return [showType[1], showType[0]].join(',') return [showType[1], showType[0]].join(',')
@ -520,4 +518,3 @@
top: -16px; top: -16px;
} }
</style> </style>

392
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/sqoop.vue

@ -614,103 +614,103 @@
/** /**
* mysql query type * mysql query type
*/ */
srcQueryType:'1', srcQueryType: '1',
/** /**
* source data source * source data source
*/ */
srcDatasource:'', srcDatasource: '',
/** /**
* target data source * target data source
*/ */
targetDatasource:'', targetDatasource: '',
/** /**
* concurrency * concurrency
*/ */
concurrency:1, concurrency: 1,
/** /**
* default job type * default job type
*/ */
jobType:'TEMPLATE', jobType: 'TEMPLATE',
/** /**
* direct model type * direct model type
*/ */
modelType:'import', modelType: 'import',
modelTypeList: [{ code: 'import' }, { code: 'export' }], modelTypeList: [{ code: 'import' }, { code: 'export' }],
sourceTypeList: [ sourceTypeList: [
{ {
code: "MYSQL" code: 'MYSQL'
}, }
], ],
targetTypeList:[ targetTypeList: [
{ {
code:"HIVE" code: 'HIVE'
}, },
{ {
code:"HDFS" code: 'HDFS'
} }
], ],
sourceType:"MYSQL", sourceType: 'MYSQL',
targetType:"HDFS", targetType: 'HDFS',
sourceMysqlParams:{ sourceMysqlParams: {
srcType:"MYSQL", srcType: 'MYSQL',
srcDatasource:"", srcDatasource: '',
srcTable:"", srcTable: '',
srcQueryType:"1", srcQueryType: '1',
srcQuerySql:'', srcQuerySql: '',
srcColumnType:"0", srcColumnType: '0',
srcColumns:"", srcColumns: '',
srcConditionList:[], srcConditionList: [],
mapColumnHive:[], mapColumnHive: [],
mapColumnJava:[] mapColumnJava: []
}, },
sourceHdfsParams:{ sourceHdfsParams: {
exportDir:"" exportDir: ''
}, },
sourceHiveParams:{ sourceHiveParams: {
hiveDatabase:"", hiveDatabase: '',
hiveTable:"", hiveTable: '',
hivePartitionKey:"", hivePartitionKey: '',
hivePartitionValue:"" hivePartitionValue: ''
}, },
targetHdfsParams:{ targetHdfsParams: {
targetPath:"", targetPath: '',
deleteTargetDir:true, deleteTargetDir: true,
fileType:"--as-avrodatafile", fileType: '--as-avrodatafile',
compressionCodec:"snappy", compressionCodec: 'snappy',
fieldsTerminated:"", fieldsTerminated: '',
linesTerminated:"", linesTerminated: ''
}, },
targetMysqlParams:{ targetMysqlParams: {
targetType:"MYSQL", targetType: 'MYSQL',
targetDatasource:"", targetDatasource: '',
targetTable:"", targetTable: '',
targetColumns:"", targetColumns: '',
fieldsTerminated:"", fieldsTerminated: '',
linesTerminated:"", linesTerminated: '',
preQuery:"", preQuery: '',
isUpdate:false, isUpdate: false,
targetUpdateKey:"", targetUpdateKey: '',
targetUpdateMode:"allowinsert" targetUpdateMode: 'allowinsert'
}, },
targetHiveParams:{ targetHiveParams: {
hiveDatabase:"", hiveDatabase: '',
hiveTable:"", hiveTable: '',
createHiveTable:false, createHiveTable: false,
dropDelimiter:false, dropDelimiter: false,
hiveOverWrite:true, hiveOverWrite: true,
replaceDelimiter:"", replaceDelimiter: '',
hivePartitionKey:"", hivePartitionKey: '',
hivePartitionValue:"" hivePartitionValue: ''
}, },
item: '', item: '',
scriptBoxDialog: false scriptBoxDialog: false
@ -721,108 +721,108 @@
backfillItem: Object backfillItem: Object
}, },
methods: { methods: {
setEditorVal() { setEditorVal () {
this.item = editor.getValue() this.item = editor.getValue()
this.scriptBoxDialog = true this.scriptBoxDialog = true
}, },
getSriptBoxValue (val) { getSriptBoxValue (val) {
editor.setValue(val) editor.setValue(val)
}, },
_handleQueryType(o){ _handleQueryType (o) {
this.sourceMysqlParams.srcQueryType = this.srcQueryType this.sourceMysqlParams.srcQueryType = this.srcQueryType
this._getTargetTypeList(this.sourceType) this._getTargetTypeList(this.sourceType)
this.targetType = this.targetTypeList[0].code this.targetType = this.targetTypeList[0].code
}, },
_handleModelTypeChange(a){ _handleModelTypeChange (a) {
this._getSourceTypeList(a) this._getSourceTypeList(a)
this.sourceType = this.sourceTypeList[0].code this.sourceType = this.sourceTypeList[0].code
this._handleSourceTypeChange({label: this.sourceType, value: this.sourceType}) this._handleSourceTypeChange({ label: this.sourceType, value: this.sourceType })
}, },
_handleSourceTypeChange(a){ _handleSourceTypeChange (a) {
this._getTargetTypeList(a.label) this._getTargetTypeList(a.label)
this.targetType = this.targetTypeList[0].code this.targetType = this.targetTypeList[0].code
}, },
_getSourceTypeList(data){ _getSourceTypeList (data) {
switch(data){ switch (data) {
case 'import': case 'import':
this.sourceTypeList = [ this.sourceTypeList = [
{ {
code:"MYSQL" code: 'MYSQL'
}, }
] ]
break; break
case 'export': case 'export':
this.sourceTypeList = [ this.sourceTypeList = [
{ {
code: "HDFS" code: 'HDFS'
}, },
{ {
code: "HIVE" code: 'HIVE'
} }
] ]
break; break
default: default:
this.sourceTypeList = [ this.sourceTypeList = [
{ {
code:"MYSQL" code: 'MYSQL'
}, },
{ {
code:"HIVE" code: 'HIVE'
}, },
{ {
code:"HDFS" code: 'HDFS'
} }
] ]
break; break
} }
}, },
_getTargetTypeList(data){ _getTargetTypeList (data) {
switch(data){ switch (data) {
case 'MYSQL': case 'MYSQL':
if (this.srcQueryType === "1") { if (this.srcQueryType === '1') {
this.targetTypeList = [ this.targetTypeList = [
{ {
code: "HDFS" code: 'HDFS'
}] }]
} else { } else {
this.targetTypeList = [ this.targetTypeList = [
{ {
code: "HIVE" code: 'HIVE'
}, },
{ {
code: "HDFS" code: 'HDFS'
} }
] ]
} }
break; break
case 'HDFS': case 'HDFS':
this.targetTypeList = [ this.targetTypeList = [
{ {
code:"MYSQL" code: 'MYSQL'
} }
] ]
break; break
case 'HIVE': case 'HIVE':
this.targetTypeList = [ this.targetTypeList = [
{ {
code:"MYSQL" code: 'MYSQL'
} }
] ]
break; break
default: default:
this.targetTypeList = [ this.targetTypeList = [
{ {
code:"HIVE" code: 'HIVE'
}, },
{ {
code:"HDFS" code: 'HDFS'
} }
] ]
break; break
} }
}, },
@ -853,26 +853,26 @@
/** /**
* stringify the source params * stringify the source params
*/ */
_handleSourceParams() { _handleSourceParams () {
var params = null var params = null
switch(this.sourceType){ switch (this.sourceType) {
case "MYSQL": case 'MYSQL':
this.sourceMysqlParams.srcQuerySql = this.sourceMysqlParams.srcQueryType === "1" && editor ? this.sourceMysqlParams.srcQuerySql = this.sourceMysqlParams.srcQueryType === '1' && editor
editor.getValue() : this.sourceMysqlParams.srcQuerySql ? editor.getValue() : this.sourceMysqlParams.srcQuerySql
params = JSON.stringify(this.sourceMysqlParams) params = JSON.stringify(this.sourceMysqlParams)
break; break
case "ORACLE": case 'ORACLE':
params = JSON.stringify(this.sourceOracleParams) params = JSON.stringify(this.sourceOracleParams)
break; break
case "HDFS": case 'HDFS':
params = JSON.stringify(this.sourceHdfsParams) params = JSON.stringify(this.sourceHdfsParams)
break; break
case "HIVE": case 'HIVE':
params = JSON.stringify(this.sourceHiveParams) params = JSON.stringify(this.sourceHiveParams)
break; break
default: default:
params = ""; params = ''
break; break
} }
return params return params
}, },
@ -880,21 +880,21 @@
/** /**
* stringify the target params * stringify the target params
*/ */
_handleTargetParams() { _handleTargetParams () {
var params = null var params = null
switch(this.targetType){ switch (this.targetType) {
case "HIVE": case 'HIVE':
params = JSON.stringify(this.targetHiveParams) params = JSON.stringify(this.targetHiveParams)
break; break
case "HDFS": case 'HDFS':
params = JSON.stringify(this.targetHdfsParams) params = JSON.stringify(this.targetHdfsParams)
break; break
case "MYSQL": case 'MYSQL':
params = JSON.stringify(this.targetMysqlParams) params = JSON.stringify(this.targetMysqlParams)
break; break
default: default:
params = ""; params = ''
break; break
} }
return params return params
@ -903,47 +903,46 @@
/** /**
* get source params by source type * get source params by source type
*/ */
_getSourceParams(data) { _getSourceParams (data) {
switch(this.sourceType){ switch (this.sourceType) {
case "MYSQL": case 'MYSQL':
this.sourceMysqlParams = JSON.parse(data) this.sourceMysqlParams = JSON.parse(data)
this.srcDatasource = this.sourceMysqlParams.srcDatasource this.srcDatasource = this.sourceMysqlParams.srcDatasource
break; break
case "ORACLE": case 'ORACLE':
this.sourceOracleParams = JSON.parse(data) this.sourceOracleParams = JSON.parse(data)
break; break
case "HDFS": case 'HDFS':
this.sourceHdfsParams = JSON.parse(data) this.sourceHdfsParams = JSON.parse(data)
break; break
case "HIVE": case 'HIVE':
this.sourceHiveParams = JSON.parse(data) this.sourceHiveParams = JSON.parse(data)
break; break
default: default:
break; break
} }
}, },
/** /**
* get target params by target type * get target params by target type
*/ */
_getTargetParams(data) { _getTargetParams (data) {
switch(this.targetType){ switch (this.targetType) {
case "HIVE": case 'HIVE':
this.targetHiveParams = JSON.parse(data) this.targetHiveParams = JSON.parse(data)
break; break
case "HDFS": case 'HDFS':
this.targetHdfsParams = JSON.parse(data) this.targetHdfsParams = JSON.parse(data)
break; break
case "MYSQL": case 'MYSQL':
this.targetMysqlParams = JSON.parse(data) this.targetMysqlParams = JSON.parse(data)
this.targetDatasource = this.targetMysqlParams.targetDatasource this.targetDatasource = this.targetMysqlParams.targetDatasource
break; break
default: default:
break; break
} }
}, },
/** /**
* verification * verification
*/ */
@ -957,7 +956,7 @@
this.$message.warning(`${i18n.$t('Please enter Custom Shell(required)')}`) this.$message.warning(`${i18n.$t('Please enter Custom Shell(required)')}`)
return false return false
} }
sqoopParams['customShell'] = shellEditor.getValue() sqoopParams.customShell = shellEditor.getValue()
} else { } else {
if (!this.jobName) { if (!this.jobName) {
this.$message.warning(`${i18n.$t('Please enter Job Name(required)')}`) this.$message.warning(`${i18n.$t('Please enter Job Name(required)')}`)
@ -965,7 +964,7 @@
} }
switch (this.sourceType) { switch (this.sourceType) {
case "MYSQL": case 'MYSQL':
if (!this.$refs.refSourceDs._verifDatasource()) { if (!this.$refs.refSourceDs._verifDatasource()) {
return false return false
} }
@ -974,84 +973,84 @@
this.$message.warning(`${i18n.$t('Please enter a SQL Statement(required)')}`) this.$message.warning(`${i18n.$t('Please enter a SQL Statement(required)')}`)
return false return false
} }
this.sourceMysqlParams.srcTable = "" this.sourceMysqlParams.srcTable = ''
this.sourceMysqlParams.srcColumnType = "0" this.sourceMysqlParams.srcColumnType = '0'
this.sourceMysqlParams.srcColumns = "" this.sourceMysqlParams.srcColumns = ''
} else { } else {
if (this.sourceMysqlParams.srcTable === "") { if (this.sourceMysqlParams.srcTable === '') {
this.$message.warning(`${i18n.$t('Please enter Mysql Table(required)')}`) this.$message.warning(`${i18n.$t('Please enter Mysql Table(required)')}`)
return false return false
} }
this.sourceMysqlParams.srcQuerySql = "" this.sourceMysqlParams.srcQuerySql = ''
if (this.sourceMysqlParams.srcColumnType === "1" && this.sourceMysqlParams.srcColumns === "") { if (this.sourceMysqlParams.srcColumnType === '1' && this.sourceMysqlParams.srcColumns === '') {
this.$message.warning(`${i18n.$t('Please enter Columns (Comma separated)')}`) this.$message.warning(`${i18n.$t('Please enter Columns (Comma separated)')}`)
return false return false
} }
if (this.sourceMysqlParams.srcColumnType === "0") { if (this.sourceMysqlParams.srcColumnType === '0') {
this.sourceMysqlParams.srcColumns = "" this.sourceMysqlParams.srcColumns = ''
} }
} }
break; break
case "HDFS": case 'HDFS':
if (this.sourceHdfsParams.exportDir === "") { if (this.sourceHdfsParams.exportDir === '') {
this.$message.warning(`${i18n.$t('Please enter Export Dir(required)')}`) this.$message.warning(`${i18n.$t('Please enter Export Dir(required)')}`)
return false return false
} }
break; break
case "HIVE": case 'HIVE':
if (this.sourceHiveParams.hiveDatabase === "") { if (this.sourceHiveParams.hiveDatabase === '') {
this.$message.warning(`${i18n.$t('Please enter Hive Database(required)')}`) this.$message.warning(`${i18n.$t('Please enter Hive Database(required)')}`)
return false return false
} }
if (this.sourceHiveParams.hiveTable === "") { if (this.sourceHiveParams.hiveTable === '') {
this.$message.warning(`${i18n.$t('Please enter Hive Table(required)')}`) this.$message.warning(`${i18n.$t('Please enter Hive Table(required)')}`)
return false return false
} }
break; break
default: default:
break; break
} }
switch (this.targetType) { switch (this.targetType) {
case "HIVE": case 'HIVE':
if (this.targetHiveParams.hiveDatabase === "") { if (this.targetHiveParams.hiveDatabase === '') {
this.$message.warning(`${i18n.$t('Please enter Hive Database(required)')}`) this.$message.warning(`${i18n.$t('Please enter Hive Database(required)')}`)
return false return false
} }
if (this.targetHiveParams.hiveTable === "") { if (this.targetHiveParams.hiveTable === '') {
this.$message.warning(`${i18n.$t('Please enter Hive Table(required)')}`) this.$message.warning(`${i18n.$t('Please enter Hive Table(required)')}`)
return false return false
} }
break; break
case "HDFS": case 'HDFS':
if (this.targetHdfsParams.targetPath === "") { if (this.targetHdfsParams.targetPath === '') {
this.$message.warning(`${i18n.$t('Please enter Target Dir(required)')}`) this.$message.warning(`${i18n.$t('Please enter Target Dir(required)')}`)
return false return false
} }
break; break
case "MYSQL": case 'MYSQL':
if (!this.$refs.refTargetDs._verifDatasource()) { if (!this.$refs.refTargetDs._verifDatasource()) {
return false return false
} }
if (this.targetMysqlParams.targetTable === "") { if (this.targetMysqlParams.targetTable === '') {
this.$message.warning(`${i18n.$t('Please enter Mysql Table(required)')}`) this.$message.warning(`${i18n.$t('Please enter Mysql Table(required)')}`)
return false return false
} }
break; break
default: default:
break; break
} }
sqoopParams['jobName'] = this.jobName sqoopParams.jobName = this.jobName
sqoopParams['hadoopCustomParams'] = this.hadoopCustomParams sqoopParams.hadoopCustomParams = this.hadoopCustomParams
sqoopParams['sqoopAdvancedParams'] = this.sqoopAdvancedParams sqoopParams.sqoopAdvancedParams = this.sqoopAdvancedParams
sqoopParams['concurrency'] = this.concurrency sqoopParams.concurrency = this.concurrency
sqoopParams['modelType'] = this.modelType sqoopParams.modelType = this.modelType
sqoopParams['sourceType'] = this.sourceType sqoopParams.sourceType = this.sourceType
sqoopParams['targetType'] = this.targetType sqoopParams.targetType = this.targetType
sqoopParams['targetParams'] = this._handleTargetParams() sqoopParams.targetParams = this._handleTargetParams()
sqoopParams['sourceParams'] = this._handleSourceParams() sqoopParams.sourceParams = this._handleSourceParams()
} }
// storage // storage
@ -1142,14 +1141,14 @@
_cacheParams () { _cacheParams () {
this.$emit('on-cache-params', { this.$emit('on-cache-params', {
concurrency:this.concurrency, concurrency: this.concurrency,
modelType:this.modelType, modelType: this.modelType,
sourceType:this.sourceType, sourceType: this.sourceType,
targetType:this.targetType, targetType: this.targetType,
sourceParams:this._handleSourceParams(), sourceParams: this._handleSourceParams(),
targetParams:this._handleTargetParams(), targetParams: this._handleTargetParams(),
localParams:this.localParams localParams: this.localParams
}); })
}, },
_destroyEditor () { _destroyEditor () {
@ -1171,7 +1170,7 @@
watch: { watch: {
// Listening to sqlType // Listening to sqlType
sqlType (val) { sqlType (val) {
if (val==0) { if (val == 0) {
this.showType = [] this.showType = []
} }
if (val != 0) { if (val != 0) {
@ -1186,7 +1185,7 @@
this.connParams = '' this.connParams = ''
} }
}, },
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this._cacheParams() this._cacheParams()
} }
@ -1248,21 +1247,21 @@
computed: { computed: {
cacheParams () { cacheParams () {
return { return {
concurrency:this.concurrency, concurrency: this.concurrency,
modelType:this.modelType, modelType: this.modelType,
sourceType:this.sourceType, sourceType: this.sourceType,
targetType:this.targetType, targetType: this.targetType,
localParams:this.localParams, localParams: this.localParams,
sourceMysqlParams:this.sourceMysqlParams, sourceMysqlParams: this.sourceMysqlParams,
sourceHdfsParams:this.sourceHdfsParams, sourceHdfsParams: this.sourceHdfsParams,
sourceHiveParams:this.sourceHiveParams, sourceHiveParams: this.sourceHiveParams,
targetHdfsParams:this.targetHdfsParams, targetHdfsParams: this.targetHdfsParams,
targetMysqlParams:this.targetMysqlParams, targetMysqlParams: this.targetMysqlParams,
targetHiveParams:this.targetHiveParams targetHiveParams: this.targetHiveParams
} }
} }
}, },
components: { mListBox, mDatasource, mLocalParams, mScriptBox} components: { mListBox, mDatasource, mLocalParams, mScriptBox }
} }
</script> </script>
<style lang="scss" rel="stylesheet/scss"> <style lang="scss" rel="stylesheet/scss">
@ -1276,4 +1275,3 @@
top: -16px; top: -16px;
} }
</style> </style>

4
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/sub_process.vue

@ -97,7 +97,7 @@
created () { created () {
let processListS = _.cloneDeep(this.store.state.dag.processListS) let processListS = _.cloneDeep(this.store.state.dag.processListS)
let id = null let id = null
if(this.router.history.current.name==='projects-instance-details') { if (this.router.history.current.name === 'projects-instance-details') {
id = this.router.history.current.query.id || null id = this.router.history.current.query.id || null
} else { } else {
id = this.router.history.current.params.id || null id = this.router.history.current.params.id || null
@ -119,7 +119,7 @@
this.wdiCurr = o.params.processDefinitionId this.wdiCurr = o.params.processDefinitionId
} else { } else {
if (this.processDefinitionList.length) { if (this.processDefinitionList.length) {
this.wdiCurr = this.processDefinitionList[0]['id'] this.wdiCurr = this.processDefinitionList[0].id
this.$emit('on-set-process-name', this._handleName(this.wdiCurr)) this.$emit('on-set-process-name', this._handleName(this.wdiCurr))
} }
} }

152
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/waterdrop.vue

@ -114,7 +114,7 @@
// waterdrop script // waterdrop script
baseScript: 'sh ${WATERDROP_HOME}/bin/start-waterdrop.sh', baseScript: 'sh ${WATERDROP_HOME}/bin/start-waterdrop.sh',
// resourceNameVal // resourceNameVal
resourceNameVal : [], resourceNameVal: [],
// Custom parameter // Custom parameter
localParams: [], localParams: [],
// resource(list) // resource(list)
@ -128,14 +128,14 @@
// Spark version(LIst) // Spark version(LIst)
masterType: [{ code: 'yarn' }, { code: 'local' }, { code: 'spark://' }, { code: 'mesos://' }], masterType: [{ code: 'yarn' }, { code: 'local' }, { code: 'spark://' }, { code: 'mesos://' }],
// Deployment masterUrl state // Deployment masterUrl state
masterUrlState:false, masterUrlState: false,
// Deployment masterUrl // Deployment masterUrl
masterUrl: '', masterUrl: '',
// Cache ResourceList // Cache ResourceList
cacheResourceList: [], cacheResourceList: [],
// define options // define options
options: [], options: [],
normalizer(node) { normalizer (node) {
return { return {
label: node.name label: node.name
} }
@ -177,7 +177,7 @@
return false return false
} }
// noRes // noRes
if (this.noRes.length>0) { if (this.noRes.length > 0) {
this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`) this.$message.warning(`${i18n.$t('Please delete all non-existent resources')}`)
return false return false
} }
@ -186,40 +186,40 @@
this.$message.warning(`${i18n.$t('Please select the waterdrop resources')}`) this.$message.warning(`${i18n.$t('Please select the waterdrop resources')}`)
return false return false
} }
if (this.resourceNameVal.resourceList && this.resourceNameVal.resourceList.length==0) { if (this.resourceNameVal.resourceList && this.resourceNameVal.resourceList.length == 0) {
this.$message.warning(`${i18n.$t('Please select the waterdrop resources')}`) this.$message.warning(`${i18n.$t('Please select the waterdrop resources')}`)
return false return false
} }
// Process resourcelist // Process resourcelist
let dataProcessing= _.map(this.resourceList, v => { let dataProcessing = _.map(this.resourceList, v => {
return { return {
id: v id: v
} }
}) })
//verify deploy mode // verify deploy mode
let deployMode = this.deployMode let deployMode = this.deployMode
let master = this.master let master = this.master
let masterUrl = this.masterUrl let masterUrl = this.masterUrl
if(this.deployMode == 'local'){ if (this.deployMode == 'local') {
master = 'local' master = 'local'
masterUrl = '' masterUrl = ''
deployMode = 'client' deployMode = 'client'
} }
// get local params // get local params
let locparams = '' let locparams = ''
this.localParams.forEach(v=>{ this.localParams.forEach(v => {
locparams = locparams + ' --variable ' + v.prop + '=' + v.value locparams = locparams + ' --variable ' + v.prop + '=' + v.value
} }
) )
// get waterdrop script // get waterdrop script
let tureScript = '' let tureScript = ''
this.resourceNameVal.resourceList.forEach(v=>{ this.resourceNameVal.resourceList.forEach(v => {
tureScript = tureScript + this.baseScript + tureScript = tureScript + this.baseScript +
' --master '+ master + masterUrl + ' --master ' + master + masterUrl +
' --deploy-mode '+ deployMode + ' --deploy-mode ' + deployMode +
' --queue '+ this.queue + ' --queue ' + this.queue +
' --config ' + v.res + ' --config ' + v.res +
locparams + ' \n' locparams + ' \n'
}) })
@ -227,60 +227,60 @@
this.$emit('on-params', { this.$emit('on-params', {
resourceList: dataProcessing, resourceList: dataProcessing,
localParams: this.localParams, localParams: this.localParams,
rawScript: tureScript, rawScript: tureScript
}) })
return true return true
}, },
diGuiTree(item) { // Recursive convenience tree structure diGuiTree (item) { // Recursive convenience tree structure
item.forEach(item => { item.forEach(item => {
item.children === '' || item.children === undefined || item.children === null || item.children.length === 0? item.children === '' || item.children === undefined || item.children === null || item.children.length === 0
this.operationTree(item) : this.diGuiTree(item.children); ? this.operationTree(item) : this.diGuiTree(item.children)
}) })
}, },
operationTree(item) { operationTree (item) {
if(item.dirctory) { if (item.dirctory) {
item.isDisabled =true item.isDisabled = true
} }
delete item.children delete item.children
}, },
searchTree(element, id) { searchTree (element, id) {
// id // id
if (element.id == id) { if (element.id == id) {
return element; return element
} else if (element.children != null) { } else if (element.children != null) {
var i; var i
var result = null; var result = null
for (i = 0; result == null && i < element.children.length; i++) { for (i = 0; result == null && i < element.children.length; i++) {
result = this.searchTree(element.children[i], id); result = this.searchTree(element.children[i], id)
} }
return result; return result
} }
return null; return null
}, },
dataProcess(backResource) { dataProcess (backResource) {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.options.forEach(v1=>{ this.options.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return item.id return item.id
}) })
Array.prototype.diff = function(a) { Array.prototype.diff = function (a) {
return this.filter(function(i) {return a.indexOf(i) < 0;}); return this.filter(function (i) { return a.indexOf(i) < 0 })
}; }
let diffSet = this.resourceList.diff(resourceIdArr); let diffSet = this.resourceList.diff(resourceIdArr)
let optionsCmp = [] let optionsCmp = []
if(diffSet.length>0) { if (diffSet.length > 0) {
diffSet.forEach(item=>{ diffSet.forEach(item => {
backResource.forEach(item1=>{ backResource.forEach(item1 => {
if(item==item1.id || item==item1.res) { if (item == item1.id || item == item1.res) {
optionsCmp.push(item1) optionsCmp.push(item1)
} }
}) })
@ -289,15 +289,15 @@
let noResources = [{ let noResources = [{
id: -1, id: -1,
name: $t('Unauthorized or deleted resources'), name: $t('Unauthorized or deleted resources'),
fullName: '/'+$t('Unauthorized or deleted resources'), fullName: '/' + $t('Unauthorized or deleted resources'),
children: [] children: []
}] }]
if(optionsCmp.length>0) { if (optionsCmp.length > 0) {
this.allNoResources = optionsCmp this.allNoResources = optionsCmp
optionsCmp = optionsCmp.map(item=>{ optionsCmp = optionsCmp.map(item => {
return {id: item.id,name: item.name,fullName: item.res} return { id: item.id, name: item.name, fullName: item.res }
}) })
optionsCmp.forEach(item=>{ optionsCmp.forEach(item => {
item.isNew = true item.isNew = true
}) })
noResources[0].children = optionsCmp noResources[0].children = optionsCmp
@ -307,44 +307,44 @@
} }
}, },
watch: { watch: {
//Watch the cacheParams // Watch the cacheParams
cacheParams (val) { cacheParams (val) {
this.resourceNameVal = val this.resourceNameVal = val
this.$emit('on-cache-params', val); this.$emit('on-cache-params', val)
}, },
"master": { master: {
handler(code) { handler (code) {
if(code == 'spark://'){ if (code == 'spark://') {
this.masterUrlState = true; this.masterUrlState = true
}else if(code == 'mesos://'){ } else if (code == 'mesos://') {
this.masterUrlState = true; this.masterUrlState = true
}else{ } else {
this.masterUrlState = false; this.masterUrlState = false
this.masterUrl = '' this.masterUrl = ''
} }
} }
}, }
}, },
computed: { computed: {
cacheParams () { cacheParams () {
let isResourceId = [] let isResourceId = []
let resourceIdArr = [] let resourceIdArr = []
if(this.resourceList.length>0) { if (this.resourceList.length > 0) {
this.resourceList.forEach(v=>{ this.resourceList.forEach(v => {
this.options.forEach(v1=>{ this.options.forEach(v1 => {
if(this.searchTree(v1,v)) { if (this.searchTree(v1, v)) {
isResourceId.push(this.searchTree(v1,v)) isResourceId.push(this.searchTree(v1, v))
} }
}) })
}) })
resourceIdArr = isResourceId.map(item=>{ resourceIdArr = isResourceId.map(item => {
return {id: item.id,name: item.name,res: item.fullName} return { id: item.id, name: item.name, res: item.fullName }
}) })
} }
let result = [] let result = []
resourceIdArr.forEach(item=>{ resourceIdArr.forEach(item => {
this.allNoResources.forEach(item1=>{ this.allNoResources.forEach(item1 => {
if(item.id==item1.id) { if (item.id == item1.id) {
// resultBool = true // resultBool = true
result.push(item1) result.push(item1)
} }
@ -357,7 +357,7 @@
deployMode: this.deployMode, deployMode: this.deployMode,
master: this.master, master: this.master,
masterUrl: this.masterUrl, masterUrl: this.masterUrl,
queue:this.queue, queue: this.queue
} }
} }
}, },
@ -370,7 +370,7 @@
// Non-null objects represent backfill // Non-null objects represent backfill
if (!_.isEmpty(o)) { if (!_.isEmpty(o)) {
this.master = o.params.master || 'yarn' this.master = o.params.master || 'yarn'
this.deployMode = o.params.deployMode || 'client' this.deployMode = o.params.deployMode || 'client'
this.masterUrl = o.params.masterUrl || '' this.masterUrl = o.params.masterUrl || ''
this.queue = o.params.queue || 'default' this.queue = o.params.queue || 'default'
this.rawScript = o.params.rawScript || '' this.rawScript = o.params.rawScript || ''
@ -380,10 +380,10 @@
let resourceList = o.params.resourceList || [] let resourceList = o.params.resourceList || []
if (resourceList.length) { if (resourceList.length) {
_.map(resourceList, v => { _.map(resourceList, v => {
if(!v.id) { if (!v.id) {
this.store.dispatch('dag/getResourceId',{ this.store.dispatch('dag/getResourceId', {
type: 'FILE', type: 'FILE',
fullName: '/'+v.res fullName: '/' + v.res
}).then(res => { }).then(res => {
this.resourceList.push(res.id) this.resourceList.push(res.id)
this.dataProcess(backResource) this.dataProcess(backResource)

10
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/startingParam/index.vue

@ -69,16 +69,16 @@
return '-' return '-'
}, },
_rtWorkerGroupName (id) { _rtWorkerGroupName (id) {
let o = _.filter(this.workerGroupList, v => v.id === id) let o = _.filter(this.workerGroupList, v => v.id === id)
if (o && o.length) { if (o && o.length) {
return o[0].name return o[0].name
} }
return '-' return '-'
}, },
_getNotifyGroupList () { _getNotifyGroupList () {
this.store.dispatch('dag/getNotifyGroupList').then(res => { this.store.dispatch('dag/getNotifyGroupList').then(res => {
this.notifyGroupList = res this.notifyGroupList = res
}) })
}, },
_getWorkerGroupList () { _getWorkerGroupList () {
let stateWorkerGroupsList = this.store.state.security.workerGroupsListAll || [] let stateWorkerGroupsList = this.store.state.security.workerGroupsListAll || []
@ -92,7 +92,7 @@
} }
}, },
watch: { watch: {
'$route': { $route: {
deep: true, deep: true,
handler () { handler () {
this.isActive = false this.isActive = false

10
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/udp/_source/selectTenant.vue

@ -49,13 +49,13 @@
prop: 'value', prop: 'value',
event: 'tenantSelectEvent' event: 'tenantSelectEvent'
}, },
mounted() { mounted () {
let result = this.itemList.some(item=>{ let result = this.itemList.some(item => {
if(item.id == this.value) { if (item.id == this.value) {
return true return true
} }
}) })
if(!result) { if (!result) {
this.value = 'default' this.value = 'default'
} }
}, },

7
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/udp/udp.vue

@ -91,7 +91,7 @@
import mLocalParams from '../formModel/tasks/_source/localParams' import mLocalParams from '../formModel/tasks/_source/localParams'
import disabledState from '@/module/mixin/disabledState' import disabledState from '@/module/mixin/disabledState'
import Affirm from '../jumpAffirm' import Affirm from '../jumpAffirm'
import FormTenant from "./_source/selectTenant"; import FormTenant from './_source/selectTenant'
export default { export default {
name: 'udp', name: 'udp',
@ -134,7 +134,7 @@
} }
return true return true
}, },
_accuStore(){ _accuStore () {
this.store.commit('dag/setGlobalParams', _.cloneDeep(this.udpList)) this.store.commit('dag/setGlobalParams', _.cloneDeep(this.udpList))
this.store.commit('dag/setName', _.cloneDeep(this.name)) this.store.commit('dag/setName', _.cloneDeep(this.name))
this.store.commit('dag/setTimeout', _.cloneDeep(this.timeout)) this.store.commit('dag/setTimeout', _.cloneDeep(this.timeout))
@ -210,10 +210,9 @@
this.tenantId = dag.tenantId this.tenantId = dag.tenantId
} }
}) })
}, },
mounted () {}, mounted () {},
components: {FormTenant, mLocalParams } components: { FormTenant, mLocalParams }
} }
</script> </script>

2
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/variable/index.vue

@ -37,7 +37,7 @@
} }
}, },
watch: { watch: {
'$route': { $route: {
deep: true, deep: true,
handler () { handler () {
this.isActive = false this.isActive = false

6
dolphinscheduler-ui/src/js/conf/home/pages/dag/definitionDetails.vue

@ -41,8 +41,8 @@
props: {}, props: {},
methods: { methods: {
...mapMutations('dag', ['resetParams', 'setIsDetails']), ...mapMutations('dag', ['resetParams', 'setIsDetails']),
...mapActions('dag', ['getProcessList','getProjectList', 'getResourcesList', 'getProcessDetails','getResourcesListJar']), ...mapActions('dag', ['getProcessList', 'getProjectList', 'getResourcesList', 'getProcessDetails', 'getResourcesListJar']),
...mapActions('security', ['getTenantList','getWorkerGroupsAll']), ...mapActions('security', ['getTenantList', 'getWorkerGroupsAll']),
/** /**
* init * init
*/ */
@ -89,7 +89,7 @@
}, },
watch: { watch: {
// Listening for routing changes // Listening for routing changes
'$route': { $route: {
deep: true, deep: true,
handler () { handler () {
this.init() this.init()

6
dolphinscheduler-ui/src/js/conf/home/pages/dag/index.vue

@ -40,8 +40,8 @@
props: {}, props: {},
methods: { methods: {
...mapMutations('dag', ['resetParams']), ...mapMutations('dag', ['resetParams']),
...mapActions('dag', ['getProcessList','getProjectList', 'getResourcesList','getResourcesListJar','getResourcesListJar']), ...mapActions('dag', ['getProcessList', 'getProjectList', 'getResourcesList', 'getResourcesListJar', 'getResourcesListJar']),
...mapActions('security', ['getTenantList','getWorkerGroupsAll']), ...mapActions('security', ['getTenantList', 'getWorkerGroupsAll']),
/** /**
* init * init
*/ */
@ -74,7 +74,7 @@
} }
}, },
watch: { watch: {
'$route': { $route: {
deep: true, deep: true,
handler () { handler () {
this.init() this.init()

6
dolphinscheduler-ui/src/js/conf/home/pages/dag/instanceDetails.vue

@ -43,8 +43,8 @@
props: {}, props: {},
methods: { methods: {
...mapMutations('dag', ['setIsDetails', 'resetParams']), ...mapMutations('dag', ['setIsDetails', 'resetParams']),
...mapActions('dag', ['getProcessList','getProjectList', 'getResourcesList', 'getInstancedetail','getResourcesListJar']), ...mapActions('dag', ['getProcessList', 'getProjectList', 'getResourcesList', 'getInstancedetail', 'getResourcesListJar']),
...mapActions('security', ['getTenantList','getWorkerGroupsAll']), ...mapActions('security', ['getTenantList', 'getWorkerGroupsAll']),
/** /**
* init * init
*/ */
@ -101,7 +101,7 @@
} }
}, },
watch: { watch: {
'$route': { $route: {
deep: true, deep: true,
handler () { handler () {
this.init() this.init()

63
dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/_source/createDataSource.vue

@ -152,7 +152,7 @@
<script> <script>
import i18n from '@/module/i18n' import i18n from '@/module/i18n'
import store from '@/conf/home/store' import store from '@/conf/home/store'
import {isJson} from '@/module/util/util' import { isJson } from '@/module/util/util'
import mPopup from '@/module/components/popup/popup' import mPopup from '@/module/components/popup/popup'
import mListBoxF from '@/module/components/listBoxF/listBoxF' import mListBoxF from '@/module/components/listBoxF/listBoxF'
@ -176,7 +176,7 @@
// data storage name // data storage name
database: '', database: '',
// principal // principal
principal:'', principal: '',
// database username // database username
userName: '', userName: '',
// Database password // Database password
@ -190,8 +190,8 @@
showPrincipal: true, showPrincipal: true,
showdDatabase: false, showdDatabase: false,
showConnectType: false, showConnectType: false,
isShowPrincipal:true, isShowPrincipal: true,
prePortMapper:{}, prePortMapper: {},
datasourceTypeList: [ datasourceTypeList: [
{ {
value: 'MYSQL', value: 'MYSQL',
@ -352,7 +352,7 @@
if (this.item) { if (this.item) {
param.id = this.item.id param.id = this.item.id
} }
this.store.dispatch(`datasource/${this.item ? `updateDatasource` : `createDatasources`}`, param).then(res => { this.store.dispatch(`datasource/${this.item ? 'updateDatasource' : 'createDatasources'}`, param).then(res => {
this.$message.success(res.msg) this.$message.success(res.msg)
this.spinnerLoading = false this.spinnerLoading = false
this.$emit('onUpdate') this.$emit('onUpdate')
@ -364,18 +364,18 @@
/** /**
* Get modified data * Get modified data
*/ */
_getEditDatasource() { _getEditDatasource () {
this.store.dispatch('datasource/getEditDatasource', {id: this.item.id}).then(res => { this.store.dispatch('datasource/getEditDatasource', { id: this.item.id }).then(res => {
this.type = res.type this.type = res.type
this.name = res.name this.name = res.name
this.note = res.note this.note = res.note
this.host = res.host this.host = res.host
//When in Editpage, Prevent default value overwrite backfill value // When in Editpage, Prevent default value overwrite backfill value
let that = this; let that = this
setTimeout(() => { setTimeout(() => {
this.port = res.port this.port = res.port
},0) }, 0)
this.principal = res.principal this.principal = res.principal
this.database = res.database this.database = res.database
@ -390,24 +390,22 @@
/** /**
* Set default port for each type. * Set default port for each type.
*/ */
_setDefaultValues(value) { _setDefaultValues (value) {
// Default type is MYSQL
//Default type is MYSQL
let type = this.type || 'MYSQL' let type = this.type || 'MYSQL'
let defaultPort = this._getDefaultPort(type) let defaultPort = this._getDefaultPort(type)
//Backfill the previous input from memcache // Backfill the previous input from memcache
let mapperPort = this.prePortMapper[type] let mapperPort = this.prePortMapper[type]
this.port = mapperPort || defaultPort this.port = mapperPort || defaultPort
}, },
/** /**
* Get default port by type * Get default port by type
*/ */
_getDefaultPort(type) { _getDefaultPort (type) {
var defaultPort = '' var defaultPort = ''
switch (type) { switch (type) {
case 'MYSQL': case 'MYSQL':
@ -439,10 +437,9 @@
break break
default: default:
break break
} }
return defaultPort return defaultPort
}, }
}, },
created () { created () {
// Backfill // Backfill
@ -451,33 +448,32 @@
} }
this._setDefaultValues() this._setDefaultValues()
}, },
watch: { watch: {
type(value){ type (value) {
if(value == 'POSTGRESQL') { if (value == 'POSTGRESQL') {
this.showdDatabase = true; this.showdDatabase = true
} else { } else {
this.showdDatabase = false; this.showdDatabase = false
} }
if (value== 'ORACLE' && !this.item.id) { if (value == 'ORACLE' && !this.item.id) {
this.showConnectType = true; this.showConnectType = true
this.connectType = 'ORACLE_SERVICE_NAME' this.connectType = 'ORACLE_SERVICE_NAME'
} else if(value== 'ORACLE' && this.item.id) { } else if (value == 'ORACLE' && this.item.id) {
this.showConnectType = true; this.showConnectType = true
} else { } else {
this.showConnectType = false; this.showConnectType = false
} }
//Set default port for each type datasource // Set default port for each type datasource
this._setDefaultValues(value) this._setDefaultValues(value)
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.store.dispatch('datasource/getKerberosStartupState').then(res => { this.store.dispatch('datasource/getKerberosStartupState').then(res => {
this.isShowPrincipal=res this.isShowPrincipal = res
if((value =='HIVE'||value == 'SPARK')&&this.isShowPrincipal== true){ if ((value == 'HIVE' || value == 'SPARK') && this.isShowPrincipal == true) {
this.showPrincipal = false this.showPrincipal = false
}else{ } else {
this.showPrincipal = true this.showPrincipal = true
} }
}).catch(e => { }).catch(e => {
@ -490,7 +486,7 @@
* Cache the previous input port for each type datasource * Cache the previous input port for each type datasource
* @param value * @param value
*/ */
port(value){ port (value) {
this.prePortMapper[this.type] = value this.prePortMapper[this.type] = value
} }
}, },
@ -539,5 +535,4 @@
} }
} }
</style> </style>

10
dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/index.vue

@ -81,11 +81,11 @@
// Number of pages // Number of pages
pageNo: 1, pageNo: 1,
// Search value // Search value
searchVal: '', searchVal: ''
}, },
dialogVisible: false, dialogVisible: false,
item: {}, item: {}
} }
}, },
mixins: [listUrlParamHandle], mixins: [listUrlParamHandle],
@ -128,8 +128,8 @@
_getList (flag) { _getList (flag) {
this.isLoading = !flag this.isLoading = !flag
this.getDatasourcesListP(this.searchParams).then(res => { this.getDatasourcesListP(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.datasourcesList = [] this.datasourcesList = []
this.datasourcesList = res.totalList this.datasourcesList = res.totalList
@ -142,7 +142,7 @@
}, },
_onUpdate () { _onUpdate () {
this._debounceGET('false') this._debounceGET('false')
}, }
}, },
watch: { watch: {
// router // router

16
dolphinscheduler-ui/src/js/conf/home/pages/home/index.vue

@ -19,13 +19,13 @@
</template> </template>
<script> <script>
import mProjectHome from '@/conf/home/pages/projects/pages/index' import mProjectHome from '@/conf/home/pages/projects/pages/index'
import mListConstruction from '@/module/components/listConstruction/listConstruction' import mListConstruction from '@/module/components/listConstruction/listConstruction'
export default { export default {
name: 'home', name: 'home',
components: { mProjectHome, mListConstruction }, components: { mProjectHome, mListConstruction },
mounted() { mounted () {
}, }
} }
</script> </script>

2
dolphinscheduler-ui/src/js/conf/home/pages/monitor/index.vue

@ -25,7 +25,7 @@
import mSecondaryMenu from '@/module/components/secondaryMenu/secondaryMenu' import mSecondaryMenu from '@/module/components/secondaryMenu/secondaryMenu'
export default { export default {
name: 'monitor-index', name: 'monitor-index',
mounted() { mounted () {
}, },
components: { mSecondaryMenu } components: { mSecondaryMenu }

1
dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/_source/zookeeperList.vue

@ -77,4 +77,3 @@
} }
} }
</style> </style>

68
dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/db.vue

@ -79,41 +79,41 @@
</div> </div>
</template> </template>
<script> <script>
import { mapActions } from "vuex"; import { mapActions } from 'vuex'
import mList from "./_source/zookeeperList"; import mList from './_source/zookeeperList'
import mSpin from "@/module/components/spin/spin"; import mSpin from '@/module/components/spin/spin'
import mNoData from "@/module/components/noData/noData"; import mNoData from '@/module/components/noData/noData'
import themeData from "@/module/echarts/themeData.json"; import themeData from '@/module/echarts/themeData.json'
import mListConstruction from "@/module/components/listConstruction/listConstruction"; import mListConstruction from '@/module/components/listConstruction/listConstruction'
export default { export default {
name: "servers-mysql", name: 'servers-mysql',
data() { data () {
return { return {
isLoading: false, isLoading: false,
mysqlList: [], mysqlList: [],
color: themeData.color color: themeData.color
}; }
}, },
props: {}, props: {},
methods: { methods: {
...mapActions("monitor", ["getDatabaseData"]) ...mapActions('monitor', ['getDatabaseData'])
}, },
watch: {}, watch: {},
created() { created () {
this.isLoading = true; this.isLoading = true
this.getDatabaseData() this.getDatabaseData()
.then(res => { .then(res => {
this.mysqlList = res; this.mysqlList = res
this.isLoading = false; this.isLoading = false
}) })
.catch(() => { .catch(() => {
this.isLoading = false; this.isLoading = false
}); })
}, },
mounted() {}, mounted () {},
components: { mList, mListConstruction, mSpin, mNoData } components: { mList, mListConstruction, mSpin, mNoData }
}; }
</script> </script>
<style lang="scss" rel="stylesheet/scss"> <style lang="scss" rel="stylesheet/scss">
@import "./servers"; @import "./servers";

2
dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/master.vue

@ -95,7 +95,7 @@
this.getMasterData().then(res => { this.getMasterData().then(res => {
this.masterList = _.map(res, (v, i) => { this.masterList = _.map(res, (v, i) => {
return _.assign(v, { return _.assign(v, {
id: v.host + "_" + v.id, id: v.host + '_' + v.id,
resInfo: JSON.parse(v.resInfo) resInfo: JSON.parse(v.resInfo)
}) })
}) })

22
dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/statistics.vue

@ -74,7 +74,7 @@
import mListConstruction from '@/module/components/listConstruction/listConstruction' import mListConstruction from '@/module/components/listConstruction/listConstruction'
export default { export default {
name: 'statistics', name: 'statistics',
data () { data () {
return { return {
isLoading: false, isLoading: false,
@ -83,12 +83,12 @@
color: themeData.color color: themeData.color
} }
}, },
props:{}, props: {},
methods: { methods: {
//...mapActions('monitor', ['getDatabaseData']) // ...mapActions('monitor', ['getDatabaseData'])
// ...mapActions('projects', ['getCommandStateCount']), // ...mapActions('projects', ['getCommandStateCount']),
...mapActions('projects', ['getQueueCount']), ...mapActions('projects', ['getQueueCount']),
...mapActions('projects', ['getCommandStateCount']), ...mapActions('projects', ['getCommandStateCount'])
}, },
watch: {}, watch: {},
created () { created () {
@ -98,26 +98,26 @@
this.isLoading = false this.isLoading = false
}).catch(() => { }).catch(() => {
this.isLoading = false this.isLoading = false
}) })
this.getCommandStateCount().then(res => { this.getCommandStateCount().then(res => {
let normal = 0 let normal = 0
let error = 0 let error = 0
_.forEach(res.data, (v, i) => { _.forEach(res.data, (v, i) => {
let key = _.keys(v) let key = _.keys(v)
if(key[0] == 'errorCount') { if (key[0] == 'errorCount') {
error = error + v.errorCount error = error + v.errorCount
} }
if(key[1] == 'normalCount'){ if (key[1] == 'normalCount') {
normal = normal + v.normalCount normal = normal + v.normalCount
} }
} }
) )
this.commandCountData = { this.commandCountData = {
'normalCount': normal, normalCount: normal,
'errorCount' : error errorCount: error
} }
}).catch( () => { }).catch(() => {
}) })
}, },
mounted () { mounted () {

2
dolphinscheduler-ui/src/js/conf/home/pages/monitor/pages/servers/worker.vue

@ -112,7 +112,7 @@
this.getWorkerData().then(res => { this.getWorkerData().then(res => {
this.workerList = _.map(res, (v, i) => { this.workerList = _.map(res, (v, i) => {
return _.assign(v, { return _.assign(v, {
id: v.host + "_" + v.id, id: v.host + '_' + v.id,
resInfo: JSON.parse(v.resInfo) resInfo: JSON.parse(v.resInfo)
}) })
}) })

4
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/_source/conditions/instance/processInstance.vue

@ -94,14 +94,14 @@
this.searchParams.startDate = val[0] this.searchParams.startDate = val[0]
this.searchParams.endDate = val[1] this.searchParams.endDate = val[1]
this.dataTime[0] = val[0] this.dataTime[0] = val[0]
this.dataTime[1]= val[1] this.dataTime[1] = val[1]
}, },
/** /**
* change state * change state
*/ */
_onChangeState (val) { _onChangeState (val) {
this.searchParams.stateType = val this.searchParams.stateType = val
}, }
}, },
watch: { watch: {
}, },

6
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/_source/conditions/instance/taskInstance.vue

@ -83,7 +83,7 @@
executorName: '', executorName: '',
processInstanceName: '' processInstanceName: ''
}, },
dataTime: [], dataTime: []
} }
}, },
props: {}, props: {},
@ -98,14 +98,14 @@
this.searchParams.startDate = val[0] this.searchParams.startDate = val[0]
this.searchParams.endDate = val[1] this.searchParams.endDate = val[1]
this.dataTime[0] = val[0] this.dataTime[0] = val[0]
this.dataTime[1]= val[1] this.dataTime[1] = val[1]
}, },
/** /**
* change state * change state
*/ */
_onChangeState (val) { _onChangeState (val) {
this.searchParams.stateType = val this.searchParams.stateType = val
}, }
}, },
watch: { watch: {
}, },

14
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/_source/taskRecordList/_source/conditions.vue

@ -74,26 +74,26 @@
stateList: [ stateList: [
{ {
label: `${this.$t('none')}`, label: `${this.$t('none')}`,
code: `` code: ''
}, },
{ {
label: `${this.$t('success')}`, label: `${this.$t('success')}`,
code: `成功` code: '成功'
}, },
{ {
label: `${this.$t('waiting')}`, label: `${this.$t('waiting')}`,
code: `等待` code: '等待'
}, },
{ {
label: `${this.$t('execution')}`, label: `${this.$t('execution')}`,
code: `执行中` code: '执行中'
}, },
{ {
label: `${this.$t('finish')}`, label: `${this.$t('finish')}`,
code: `完成` code: '完成'
}, { }, {
label: `${this.$t('failed')}`, label: `${this.$t('failed')}`,
code: `失败` code: '失败'
} }
], ],
searchParams: { searchParams: {
@ -105,7 +105,7 @@
startDate: '', startDate: '',
endDate: '' endDate: ''
}, },
dataTime: [], dataTime: []
} }
}, },
props: {}, props: {},

2
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/email.vue

@ -100,7 +100,7 @@
if (this.email === '') { if (this.email === '') {
return true return true
} }
this.email = _.trim(this.email).replace(/(;$)|(;$)/g, "") this.email = _.trim(this.email).replace(/(;$)|(;$)/g, '')
let email = this.email let email = this.email

53
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/list.vue

@ -190,8 +190,8 @@
...mapActions('dag', ['editProcessState', 'getStartCheck', 'getReceiver', 'deleteDefinition', 'batchDeleteDefinition', 'exportDefinition', 'getProcessDefinitionVersionsPage', 'copyProcess', 'switchProcessDefinitionVersion', 'deleteProcessDefinitionVersion', 'moveProcess']), ...mapActions('dag', ['editProcessState', 'getStartCheck', 'getReceiver', 'deleteDefinition', 'batchDeleteDefinition', 'exportDefinition', 'getProcessDefinitionVersionsPage', 'copyProcess', 'switchProcessDefinitionVersion', 'deleteProcessDefinitionVersion', 'moveProcess']),
...mapActions('security', ['getWorkerGroupsAll']), ...mapActions('security', ['getWorkerGroupsAll']),
selectable(row,index) { selectable (row, index) {
if(row.releaseState === 'ONLINE') { if (row.releaseState === 'ONLINE') {
return false return false
} else { } else {
return true return true
@ -209,8 +209,8 @@
_start (item) { _start (item) {
this.getWorkerGroupsAll() this.getWorkerGroupsAll()
this.getStartCheck({ processDefinitionId: item.id }).then(res => { this.getStartCheck({ processDefinitionId: item.id }).then(res => {
this.startData = item this.startData = item
this.startDialog = true this.startDialog = true
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
}) })
@ -353,11 +353,11 @@
* @param processDefinitionId the process definition id * @param processDefinitionId the process definition id
* @param fromThis fromThis * @param fromThis fromThis
*/ */
mVersionSwitchProcessDefinitionVersion({ version, processDefinitionId, fromThis }) { mVersionSwitchProcessDefinitionVersion ({ version, processDefinitionId, fromThis }) {
this.switchProcessDefinitionVersion({ this.switchProcessDefinitionVersion({
version: version, version: version,
processDefinitionId: processDefinitionId processDefinitionId: processDefinitionId
}).then(res=>{ }).then(res => {
this.$message.success($t('Switch Version Successfully')) this.$message.success($t('Switch Version Successfully'))
this.$router.push({ path: `/projects/definition/list/${processDefinitionId}` }) this.$router.push({ path: `/projects/definition/list/${processDefinitionId}` })
}).catch(e => { }).catch(e => {
@ -372,19 +372,19 @@
* @param processDefinitionId the process definition id of page version * @param processDefinitionId the process definition id of page version
* @param fromThis fromThis * @param fromThis fromThis
*/ */
mVersionGetProcessDefinitionVersionsPage({ pageNo, pageSize, processDefinitionId, fromThis }) { mVersionGetProcessDefinitionVersionsPage ({ pageNo, pageSize, processDefinitionId, fromThis }) {
this.getProcessDefinitionVersionsPage({ this.getProcessDefinitionVersionsPage({
pageNo: pageNo, pageNo: pageNo,
pageSize: pageSize, pageSize: pageSize,
processDefinitionId: processDefinitionId processDefinitionId: processDefinitionId
}).then(res=>{ }).then(res => {
this.versionData.processDefinitionVersions = res.data.lists this.versionData.processDefinitionVersions = res.data.lists
this.versionData.total = res.data.totalCount this.versionData.total = res.data.totalCount
this.versionData.pageSize = res.data.pageSize this.versionData.pageSize = res.data.pageSize
this.versionData.pageNo = res.data.currentPage this.versionData.pageNo = res.data.currentPage
}).catch(e=>{ }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
}) })
}, },
/** /**
* delete one version of process definition * delete one version of process definition
@ -393,11 +393,11 @@
* @param processDefinitionId the process definition id user want to delete * @param processDefinitionId the process definition id user want to delete
* @param fromThis fromThis * @param fromThis fromThis
*/ */
mVersionDeleteProcessDefinitionVersion({ version, processDefinitionId, fromThis }) { mVersionDeleteProcessDefinitionVersion ({ version, processDefinitionId, fromThis }) {
this.deleteProcessDefinitionVersion({ this.deleteProcessDefinitionVersion({
version: version, version: version,
processDefinitionId: processDefinitionId processDefinitionId: processDefinitionId
}).then(res=>{ }).then(res => {
this.$message.success(res.msg || '') this.$message.success(res.msg || '')
this.mVersionGetProcessDefinitionVersionsPage({ this.mVersionGetProcessDefinitionVersionsPage({
pageNo: 1, pageNo: 1,
@ -427,7 +427,6 @@
this.versionData.pageNo = pageNo, this.versionData.pageNo = pageNo,
this.versionData.pageSize = pageSize this.versionData.pageSize = pageSize
this.drawer = true this.drawer = true
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
}) })
@ -436,7 +435,7 @@
_batchExport () { _batchExport () {
this.exportDefinition({ this.exportDefinition({
processDefinitionIds: this.strSelectIds, processDefinitionIds: this.strSelectIds,
fileName: "process_"+new Date().getTime() fileName: 'process_' + new Date().getTime()
}).then(res => { }).then(res => {
this._onUpdate() this._onUpdate()
this.checkAll = false this.checkAll = false
@ -451,11 +450,11 @@
* Batch Copy * Batch Copy
*/ */
_batchCopy () { _batchCopy () {
this.relatedItemsDialog= true this.relatedItemsDialog = true
this.tmp = false this.tmp = false
}, },
onBatchCopy (item) { onBatchCopy (item) {
this._copyProcess({id: this.strSelectIds,projectId: item}) this._copyProcess({ id: this.strSelectIds, projectId: item })
this.relatedItemsDialog = false this.relatedItemsDialog = false
}, },
closeRelatedItems () { closeRelatedItems () {
@ -464,12 +463,12 @@
/** /**
* _batchMove * _batchMove
*/ */
_batchMove() { _batchMove () {
this.tmp = true this.tmp = true
this.relatedItemsDialog = true this.relatedItemsDialog = true
}, },
onBatchMove (item) { onBatchMove (item) {
this._moveProcess({id: this.strSelectIds,projectId: item}) this._moveProcess({ id: this.strSelectIds, projectId: item })
this.relatedItemsDialog = false this.relatedItemsDialog = false
}, },
/** /**
@ -492,7 +491,7 @@
*/ */
_arrDelChange (v) { _arrDelChange (v) {
let arr = [] let arr = []
arr = _.map(v, 'id'); arr = _.map(v, 'id')
this.strSelectIds = _.join(arr, ',') this.strSelectIds = _.join(arr, ',')
}, },
/** /**

32
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/relatedItems.vue

@ -56,22 +56,22 @@
} }
}, },
props: { props: {
tmp: Boolean tmp: Boolean
}, },
methods: { methods: {
_ok () { _ok () {
if(this._verification()) { if (this._verification()) {
if(this.tmp) { if (this.tmp) {
this.$emit('onBatchMove',this.itemId) this.$emit('onBatchMove', this.itemId)
} else { } else {
this.$emit('onBatchCopy',this.itemId) this.$emit('onBatchCopy', this.itemId)
} }
} }
}, },
_verification() { _verification () {
if(!this.itemId) { if (!this.itemId) {
this.$message.warning(`${i18n.$t('Project name is required')}`) this.$message.warning(`${i18n.$t('Project name is required')}`)
return false return false
} }
return true return true
} }
@ -80,11 +80,11 @@
watch: { watch: {
}, },
created () { created () {
this.store.dispatch('dag/getAllItems', {}).then(res => { this.store.dispatch('dag/getAllItems', {}).then(res => {
if(res.data.length> 0) { if (res.data.length > 0) {
this.itemList = res.data this.itemList = res.data
} }
}) })
}, },
mounted () { mounted () {

12
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/start.vue

@ -214,7 +214,7 @@
scheduleTime: this.scheduleTime.length && this.scheduleTime.join(',') || '', scheduleTime: this.scheduleTime.length && this.scheduleTime.join(',') || '',
failureStrategy: this.failureStrategy, failureStrategy: this.failureStrategy,
warningType: this.warningType, warningType: this.warningType,
warningGroupId: this.warningGroupId=='' ? 0 : this.warningGroupId, warningGroupId: this.warningGroupId == '' ? 0 : this.warningGroupId,
execType: this.execType ? 'COMPLEMENT_DATA' : null, execType: this.execType ? 'COMPLEMENT_DATA' : null,
startNodeList: this.startNodeList, startNodeList: this.startNodeList,
taskDependType: this.taskDependType, taskDependType: this.taskDependType,
@ -242,10 +242,10 @@
}, },
_getNotifyGroupList () { _getNotifyGroupList () {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.store.dispatch('dag/getNotifyGroupList').then(res => { this.store.dispatch('dag/getNotifyGroupList').then(res => {
this.notifyGroupList = res this.notifyGroupList = res
resolve() resolve()
}) })
}) })
}, },
_getReceiver () { _getReceiver () {
@ -277,7 +277,7 @@
} else { } else {
this.store.dispatch('security/getWorkerGroupsAll').then(res => { this.store.dispatch('security/getWorkerGroupsAll').then(res => {
this.$nextTick(() => { this.$nextTick(() => {
if(res.length>0) { if (res.length > 0) {
this.workerGroup = res[0].id this.workerGroup = res[0].id
} }
}) })

70
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/_source/timing.vue

@ -228,7 +228,7 @@
failureStrategy: this.failureStrategy, failureStrategy: this.failureStrategy,
warningType: this.warningType, warningType: this.warningType,
processInstancePriority: this.processInstancePriority, processInstancePriority: this.processInstancePriority,
warningGroupId: this.warningGroupId =='' ? 0 : this.warningGroupId, warningGroupId: this.warningGroupId == '' ? 0 : this.warningGroupId,
receivers: this.receivers.join(',') || '', receivers: this.receivers.join(',') || '',
receiversCc: this.receiversCc.join(',') || '', receiversCc: this.receiversCc.join(',') || '',
workerGroup: this.workerGroup workerGroup: this.workerGroup
@ -256,37 +256,37 @@
}, },
_preview () { _preview () {
if (this._verification()) { if (this._verification()) {
let api = 'dag/previewSchedule' let api = 'dag/previewSchedule'
let searchParams = { let searchParams = {
schedule: JSON.stringify({ schedule: JSON.stringify({
startTime: this.scheduleTime[0], startTime: this.scheduleTime[0],
endTime: this.scheduleTime[1], endTime: this.scheduleTime[1],
crontab: this.crontab crontab: this.crontab
}) })
} }
let msg = '' let msg = ''
this.store.dispatch(api, searchParams).then(res => { this.store.dispatch(api, searchParams).then(res => {
if (res.length) { if (res.length) {
this.previewTimes = res this.previewTimes = res
} else { } else {
this.$message.warning(`${i18n.$t('There is no data for this period of time')}`) this.$message.warning(`${i18n.$t('There is no data for this period of time')}`)
} }
}) })
} }
}, },
_getNotifyGroupList () { _getNotifyGroupList () {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.store.dispatch('dag/getNotifyGroupList').then(res => { this.store.dispatch('dag/getNotifyGroupList').then(res => {
this.notifyGroupList = res this.notifyGroupList = res
if (this.notifyGroupList.length) { if (this.notifyGroupList.length) {
resolve() resolve()
} else { } else {
reject(new Error(0)) reject(new Error(0))
} }
}) })
}) })
}, },
ok () { ok () {
@ -302,7 +302,7 @@
watch: { watch: {
}, },
created () { created () {
if(this.timingData.item.workerGroup===undefined) { if (this.timingData.item.workerGroup === undefined) {
let stateWorkerGroupsList = this.store.state.security.workerGroupsListAll || [] let stateWorkerGroupsList = this.store.state.security.workerGroupsListAll || []
if (stateWorkerGroupsList.length) { if (stateWorkerGroupsList.length) {
this.workerGroup = stateWorkerGroupsList[0].id this.workerGroup = stateWorkerGroupsList[0].id
@ -316,22 +316,22 @@
} else { } else {
this.workerGroup = this.timingData.item.workerGroup this.workerGroup = this.timingData.item.workerGroup
} }
if(this.timingData.item.crontab !== null){ if (this.timingData.item.crontab !== null) {
this.crontab = this.timingData.item.crontab this.crontab = this.timingData.item.crontab
} }
if(this.timingData.type == 'timing') { if (this.timingData.type == 'timing') {
let date = new Date() let date = new Date()
let year = date.getFullYear() let year = date.getFullYear()
let month = date.getMonth() + 1 let month = date.getMonth() + 1
let day = date.getDate() let day = date.getDate()
if (month < 10) { if (month < 10) {
month = "0" + month; month = '0' + month
} }
if (day < 10) { if (day < 10) {
day = "0" + day; day = '0' + day
} }
let startDate = year + "-" + month + "-" + day + ' ' + '00:00:00' let startDate = year + '-' + month + '-' + day + ' ' + '00:00:00'
let endDate = (year+100) + "-" + month + "-" + day + ' ' + '00:00:00' let endDate = (year + 100) + '-' + month + '-' + day + ' ' + '00:00:00'
let times = [] let times = []
times[0] = startDate times[0] = startDate
times[1] = endDate times[1] = endDate

10
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/list/index.vue

@ -109,15 +109,15 @@
* get data list * get data list
*/ */
_getList (flag) { _getList (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this.isLoading = !flag this.isLoading = !flag
this.getProcessListP(this.searchParams).then(res => { this.getProcessListP(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.processListP = [] this.processListP = []
this.processListP = res.totalList this.processListP = res.totalList
@ -146,11 +146,11 @@
created () { created () {
localStore.removeItem('subProcessId') localStore.removeItem('subProcessId')
}, },
mounted() { mounted () {
}, },
beforeDestroy () { beforeDestroy () {
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mList, mConditions, mSpin, mListConstruction, mSecondaryMenu, mNoData } components: { mList, mConditions, mSpin, mListConstruction, mSecondaryMenu, mNoData }
} }

3
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/pages/tree/index.vue

@ -106,7 +106,7 @@
props: {}, props: {},
methods: { methods: {
...mapActions('dag', ['getViewTree']), ...mapActions('dag', ['getViewTree']),
_close(){ _close () {
this.$router.go(-1) this.$router.go(-1)
}, },
/** /**
@ -265,5 +265,4 @@
} }
} }
</style> </style>

4
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/timing/_source/list.vue

@ -133,7 +133,7 @@
props: { props: {
}, },
methods: { methods: {
...mapActions('dag', ['getScheduleList', 'scheduleOffline', 'scheduleOnline', 'getReceiver','deleteTiming']), ...mapActions('dag', ['getScheduleList', 'scheduleOffline', 'scheduleOnline', 'getReceiver', 'deleteTiming']),
/** /**
* delete * delete
*/ */
@ -260,7 +260,7 @@
}, },
closeTiming () { closeTiming () {
this.timingDialog = false this.timingDialog = false
}, }
}, },
watch: {}, watch: {},
created () { created () {

4
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/definition/timing/index.vue

@ -32,8 +32,8 @@
import mListConstruction from '@/module/components/listConstruction/listConstruction' import mListConstruction from '@/module/components/listConstruction/listConstruction'
export default { export default {
name: 'definition-timing-index', name: 'definition-timing-index',
methods :{ methods: {
_close(){ _close () {
this.$router.go(-1) this.$router.go(-1)
} }
}, },

2
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/commandStateCount.vue

@ -70,7 +70,7 @@
}, },
watch: { watch: {
'searchParams': { searchParams: {
deep: true, deep: true,
immediate: true, immediate: true,
handler (o) { handler (o) {

6
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/defineUserCount.vue

@ -38,7 +38,7 @@
return { return {
isSpin: true, isSpin: true,
msg: true, msg: true,
parameter: {projectId: 0} parameter: { projectId: 0 }
} }
}, },
props: { props: {
@ -71,9 +71,9 @@
}, },
created () { created () {
this.isSpin = true this.isSpin = true
this.parameter.projectId = this.projectId; this.parameter.projectId = this.projectId
this.getDefineUserCount(this.parameter).then(res => { this.getDefineUserCount(this.parameter).then(res => {
this.msg = res.data.count > 0 ? true : false this.msg = res.data.count > 0
this.defineUserList = [] this.defineUserList = []
this._handleDefineUser(res) this._handleDefineUser(res)
this.isSpin = false this.isSpin = false

8
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/processStateCount.vue

@ -75,7 +75,7 @@
this.$router.push({ this.$router.push({
name: 'projects-instance-list', name: 'projects-instance-list',
query: { query: {
stateType: _.find(stateType, ['label', name])['code'], stateType: _.find(stateType, ['label', name]).code,
startDate: this.searchParams.startDate, startDate: this.searchParams.startDate,
endDate: this.searchParams.endDate endDate: this.searchParams.endDate
} }
@ -85,7 +85,7 @@
let data = res.data.taskCountDtos let data = res.data.taskCountDtos
this.processStateList = _.map(data, v => { this.processStateList = _.map(data, v => {
return { return {
key: _.find(stateType, ['code', v.taskStateType])['label'], key: _.find(stateType, ['code', v.taskStateType]).label,
value: v.count value: v.count
} }
}) })
@ -100,7 +100,7 @@
} }
}, },
watch: { watch: {
'searchParams': { searchParams: {
deep: true, deep: true,
immediate: true, immediate: true,
handler (o) { handler (o) {
@ -115,7 +115,7 @@
}) })
} }
}, },
'$store.state.projects.sideBar': function() { '$store.state.projects.sideBar': function () {
echarts.init(document.getElementById('process-state-pie')).resize() echarts.init(document.getElementById('process-state-pie')).resize()
} }
}, },

2
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/queueCount.vue

@ -76,7 +76,7 @@
} }
}, },
watch: { watch: {
'searchParams': { searchParams: {
deep: true, deep: true,
immediate: true, immediate: true,
handler (o) { handler (o) {

8
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/taskCtatusCount.vue

@ -78,7 +78,7 @@
this.$router.push({ this.$router.push({
name: 'task-instance', name: 'task-instance',
query: { query: {
stateType: _.find(stateType, ['label', name])['code'], stateType: _.find(stateType, ['label', name]).code,
startDate: this.searchParams.startDate, startDate: this.searchParams.startDate,
endDate: this.searchParams.endDate endDate: this.searchParams.endDate
} }
@ -88,7 +88,7 @@
let data = res.data.taskCountDtos let data = res.data.taskCountDtos
this.taskCtatusList = _.map(data, v => { this.taskCtatusList = _.map(data, v => {
return { return {
key: _.find(stateType, ['code', v.taskStateType])['label'], key: _.find(stateType, ['code', v.taskStateType]).label,
value: v.count, value: v.count,
type: 'type' type: 'type'
} }
@ -105,7 +105,7 @@
} }
}, },
watch: { watch: {
'searchParams': { searchParams: {
deep: true, deep: true,
immediate: true, immediate: true,
handler (o) { handler (o) {
@ -120,7 +120,7 @@
}) })
} }
}, },
'$store.state.projects.sideBar': function() { '$store.state.projects.sideBar': function () {
echarts.init(document.getElementById('task-status-pie')).resize() echarts.init(document.getElementById('task-status-pie')).resize()
} }
}, },

6
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/taskStatusCount.vue

@ -74,7 +74,7 @@
this.$router.push({ this.$router.push({
name: 'task-instance', name: 'task-instance',
query: { query: {
stateType: _.find(stateType, ['label', name])['code'], stateType: _.find(stateType, ['label', name]).code,
startDate: this.searchParams.startDate, startDate: this.searchParams.startDate,
endDate: this.searchParams.endDate endDate: this.searchParams.endDate
} }
@ -85,7 +85,7 @@
this.taskStatusList = _.map(data, v => { this.taskStatusList = _.map(data, v => {
return { return {
// CHECK!! // CHECK!!
key: _.find(stateType, ['code', v.taskStateType])['label'], key: _.find(stateType, ['code', v.taskStateType]).label,
value: v.count, value: v.count,
type: 'type' type: 'type'
} }
@ -102,7 +102,7 @@
} }
}, },
watch: { watch: {
'searchParams': { searchParams: {
deep: true, deep: true,
immediate: true, immediate: true,
handler (o) { handler (o) {

2
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/index.vue

@ -85,7 +85,7 @@
startDate: '', startDate: '',
endDate: '' endDate: ''
}, },
dataTime: [], dataTime: []
} }
}, },
props: { props: {

4
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/_source/list.vue

@ -312,7 +312,7 @@
* @param STOP * @param STOP
*/ */
_stop (item, index) { _stop (item, index) {
if(item.state == 'STOP') { if (item.state == 'STOP') {
this._countDownFn({ this._countDownFn({
id: item.id, id: item.id,
executeType: 'RECOVER_SUSPENDED_PROCESS', executeType: 'RECOVER_SUSPENDED_PROCESS',
@ -443,7 +443,7 @@
// }, // },
_arrDelChange (v) { _arrDelChange (v) {
let arr = [] let arr = []
arr = _.map(v, 'id'); arr = _.map(v, 'id')
console.log(arr) console.log(arr)
this.strDelete = _.join(arr, ',') this.strDelete = _.join(arr, ',')
}, },

16
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/index.vue

@ -108,7 +108,7 @@
setUrlParams(this.searchParams) setUrlParams(this.searchParams)
this._debounceGET() this._debounceGET()
}, },
_pageSize(val) { _pageSize (val) {
this.searchParams.pageSize = val this.searchParams.pageSize = val
setUrlParams(this.searchParams) setUrlParams(this.searchParams)
this._debounceGET() this._debounceGET()
@ -119,8 +119,8 @@
_getProcessInstanceListP (flag) { _getProcessInstanceListP (flag) {
this.isLoading = !flag this.isLoading = !flag
this.getProcessInstance(this.searchParams).then(res => { this.getProcessInstance(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.processInstanceList = [] this.processInstanceList = []
this.processInstanceList = res.totalList this.processInstanceList = res.totalList
@ -148,15 +148,15 @@
* @desc Prevent functions from being called multiple times * @desc Prevent functions from being called multiple times
*/ */
_debounceGET: _.debounce(function (flag) { _debounceGET: _.debounce(function (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this._getProcessInstanceListP(flag) this._getProcessInstanceListP(flag)
}, 100, { }, 100, {
'leading': false, leading: false,
'trailing': true trailing: true
}) })
}, },
watch: { watch: {
@ -169,7 +169,7 @@
this.searchParams.pageNo = !_.isEmpty(a.query) && a.query.pageNo || 1 this.searchParams.pageNo = !_.isEmpty(a.query) && a.query.pageNo || 1
} }
}, },
'searchParams': { searchParams: {
deep: true, deep: true,
handler () { handler () {
this._debounceGET() this._debounceGET()
@ -199,7 +199,7 @@
beforeDestroy () { beforeDestroy () {
// Destruction wheel // Destruction wheel
clearInterval(this.setIntervalP) clearInterval(this.setIntervalP)
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mList, mInstanceConditions, mSpin, mListConstruction, mSecondaryMenu, mNoData } components: { mList, mInstanceConditions, mSpin, mListConstruction, mSecondaryMenu, mNoData }
} }

10
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/_source/graphGrid.vue

@ -35,7 +35,7 @@
}, },
methods: { methods: {
init () { init () {
}, }
}, },
created () { created () {
}, },
@ -43,14 +43,14 @@
const graphGrid = echarts.init(this.$refs['graph-grid']) const graphGrid = echarts.init(this.$refs['graph-grid'])
graphGrid.setOption(graphGridOption(this.locations, this.connects, this.sourceWorkFlowId, this.isShowLabel), true) graphGrid.setOption(graphGridOption(this.locations, this.connects, this.sourceWorkFlowId, this.isShowLabel), true)
graphGrid.on('click', (params) => { graphGrid.on('click', (params) => {
// Jump to the definition page // Jump to the definition page
this.$router.push({ path: `/projects/definition/list/${params.data.id}`}) this.$router.push({ path: `/projects/definition/list/${params.data.id}` })
}); })
}, },
components: {}, components: {},
computed: { computed: {
...mapState('kinship', ['locations', 'connects', 'sourceWorkFlowId']) ...mapState('kinship', ['locations', 'connects', 'sourceWorkFlowId'])
}, }
} }
</script> </script>

42
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/index.vue

@ -62,8 +62,6 @@
import listUrlParamHandle from '@/module/mixin/listUrlParamHandle' import listUrlParamHandle from '@/module/mixin/listUrlParamHandle'
import graphGrid from './_source/graphGrid.vue' import graphGrid from './_source/graphGrid.vue'
export default { export default {
name: 'projects-kinship-index', name: 'projects-kinship-index',
components: { graphGrid, mSpin, mNoData }, components: { graphGrid, mSpin, mNoData },
@ -71,12 +69,12 @@
return { return {
isLoading: true, isLoading: true,
isShowLabel: true, isShowLabel: true,
currentItemName: '', currentItemName: ''
} }
}, },
props: {}, props: {},
methods: { methods: {
...mapActions('kinship', ['getWorkFlowList','getWorkFlowDAG']), ...mapActions('kinship', ['getWorkFlowList', 'getWorkFlowDAG']),
/** /**
* init * init
*/ */
@ -86,7 +84,7 @@
Promise.all([ Promise.all([
// get process definition // get process definition
this.getWorkFlowList(), this.getWorkFlowList(),
this.getWorkFlowDAG(), this.getWorkFlowDAG()
]).then((data) => { ]).then((data) => {
this.isLoading = false this.isLoading = false
}).catch(() => { }).catch(() => {
@ -96,38 +94,38 @@
/** /**
* reset * reset
*/ */
reset() { reset () {
this.isLoading = true; this.isLoading = true
this.$nextTick(() => { this.$nextTick(() => {
this.isLoading = false; this.isLoading = false
}) })
}, },
async onChange(item) { async onChange (item) {
const { value, label } = item || {}; const { value, label } = item || {}
this.isLoading = true; this.isLoading = true
this.currentItemName = label; this.currentItemName = label
try { try {
await this.getWorkFlowDAG(value); await this.getWorkFlowDAG(value)
} catch (error) { } catch (error) {
this.$message.error(error.msg || '') this.$message.error(error.msg || '')
} }
this.isLoading = false; this.isLoading = false
}, },
tooltipOption(text) { tooltipOption (text) {
return { return {
text, text,
maxWidth: '500px', maxWidth: '500px',
placement: 'top', placement: 'top',
theme: 'dark', theme: 'dark',
triggerEvent: 'mouseenter', triggerEvent: 'mouseenter',
large: false, large: false
} }
}, },
changeLabel() { changeLabel () {
this.isLoading = true; this.isLoading = true
this.isShowLabel = !this.isShowLabel; this.isShowLabel = !this.isShowLabel
this.$nextTick(() => { this.$nextTick(() => {
this.isLoading = false; this.isLoading = false
}) })
} }
}, },
@ -142,9 +140,9 @@
}, },
computed: { computed: {
...mapState('kinship', ['locations', 'workList']), ...mapState('kinship', ['locations', 'workList']),
inputFocusStyle() { inputFocusStyle () {
return `width:280px` return `width:280px`
}, }
}, },
mounted () { mounted () {
} }

8
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/list/_source/createProject.vue

@ -80,7 +80,7 @@
param.projectId = this.item.id param.projectId = this.item.id
} }
this.$refs['popup'].spinnerLoading = true this.$refs.popup.spinnerLoading = true
this.store.dispatch(`projects/${this.item ? 'updateProjects' : 'createProjects'}`, param).then(res => { this.store.dispatch(`projects/${this.item ? 'updateProjects' : 'createProjects'}`, param).then(res => {
this.$emit('_onUpdate') this.$emit('_onUpdate')
@ -88,13 +88,13 @@
message: res.msg, message: res.msg,
type: 'success', type: 'success',
offset: 70 offset: 70
}); })
setTimeout(() => { setTimeout(() => {
this.$refs['popup'].spinnerLoading = false this.$refs.popup.spinnerLoading = false
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
this.$refs['popup'].spinnerLoading = false this.$refs.popup.spinnerLoading = false
}) })
}, },
_verification () { _verification () {

4
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/list/_source/list.vue

@ -90,7 +90,7 @@
this.setProjectName(item.name) this.setProjectName(item.name)
localStore.setItem('projectName', `${item.name}`) localStore.setItem('projectName', `${item.name}`)
localStore.setItem('projectId', `${item.id}`) localStore.setItem('projectId', `${item.id}`)
this.$router.push({ path: `/projects/index` }) this.$router.push({ path: '/projects/index' })
}, },
/** /**
* Delete Project * Delete Project
@ -113,7 +113,7 @@
*/ */
_edit (item) { _edit (item) {
findComponentDownward(this.$root, 'projects-list')._create(item) findComponentDownward(this.$root, 'projects-list')._create(item)
}, }
}, },
watch: { watch: {

5
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/list/index.vue

@ -62,7 +62,6 @@
import mConditions from '@/module/components/conditions/conditions' import mConditions from '@/module/components/conditions/conditions'
import mListConstruction from '@/module/components/listConstruction/listConstruction' import mListConstruction from '@/module/components/listConstruction/listConstruction'
export default { export default {
name: 'projects-list', name: 'projects-list',
data () { data () {
@ -108,8 +107,8 @@
_getList (flag) { _getList (flag) {
this.isLoading = !flag this.isLoading = !flag
this.getProjectsList(this.searchParams).then(res => { this.getProjectsList(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.projectsList = [] this.projectsList = []
this.projectsList = res.totalList this.projectsList = res.totalList

6
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/_source/list.vue

@ -122,7 +122,7 @@
}, },
_forceSuccess (item) { _forceSuccess (item) {
this.forceTaskSuccess({taskInstanceId: item.id}).then(res => { this.forceTaskSuccess({ taskInstanceId: item.id }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message.success(res.msg) this.$message.success(res.msg)
} else { } else {
@ -134,7 +134,7 @@
}, },
_go (item) { _go (item) {
this.$router.push({ path: `/projects/instance/list/${item.processInstanceId}` }) this.$router.push({ path: `/projects/instance/list/${item.processInstanceId}` })
}, }
}, },
watch: { watch: {
taskInstanceList (a) { taskInstanceList (a) {
@ -149,6 +149,6 @@
mounted () { mounted () {
this.list = this.taskInstanceList this.list = this.taskInstanceList
}, },
components: { mLog} components: { mLog }
} }
</script> </script>

14
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/index.vue

@ -106,7 +106,7 @@
_page (val) { _page (val) {
this.searchParams.pageNo = val this.searchParams.pageNo = val
}, },
_pageSize(val) { _pageSize (val) {
this.searchParams.pageSize = val this.searchParams.pageSize = val
}, },
/** /**
@ -114,8 +114,8 @@
*/ */
_getList (flag) { _getList (flag) {
this.isLoading = !flag this.isLoading = !flag
if(this.searchParams.pageNo == undefined) { if (this.searchParams.pageNo == undefined) {
this.$router.push({ path: `/projects/index` }) this.$router.push({ path: '/projects/index' })
return false return false
} }
this.getTaskInstanceList(this.searchParams).then(res => { this.getTaskInstanceList(this.searchParams).then(res => {
@ -132,15 +132,15 @@
* @desc Prevent functions from being called multiple times * @desc Prevent functions from being called multiple times
*/ */
_debounceGET: _.debounce(function (flag) { _debounceGET: _.debounce(function (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this._getList(flag) this._getList(flag)
}, 100, { }, 100, {
'leading': false, leading: false,
'trailing': true trailing: true
}) })
}, },
watch: { watch: {
@ -164,7 +164,7 @@
beforeDestroy () { beforeDestroy () {
// Destruction wheel // Destruction wheel
clearInterval(this.setIntervalP) clearInterval(this.setIntervalP)
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mList, mInstanceConditions, mSpin, mListConstruction, mSecondaryMenu, mNoData } components: { mList, mInstanceConditions, mSpin, mListConstruction, mSecondaryMenu, mNoData }
} }

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/index.vue

@ -25,7 +25,7 @@
export default { export default {
name: 'resource-index', name: 'resource-index',
components: { mSecondaryMenu }, components: { mSecondaryMenu },
mounted() { mounted () {
}, }
} }
</script> </script>

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/index.vue

@ -20,7 +20,7 @@
<script> <script>
export default { export default {
name: 'file-manage-index', name: 'file-manage-index',
mounted() { mounted () {
}, }
} }
</script> </script>

2
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/create/index.vue

@ -136,7 +136,7 @@
this.$message.warning(`${i18n.$t('Please enter the resource content')}`) this.$message.warning(`${i18n.$t('Please enter the resource content')}`)
return false return false
} }
if (editor.doc.size>3000) { if (editor.doc.size > 3000) {
this.$message.warning(`${i18n.$t('Resource content cannot exceed 3000 lines')}`) this.$message.warning(`${i18n.$t('Resource content cannot exceed 3000 lines')}`)
return false return false
} }

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/createFolder/index.vue

@ -94,7 +94,7 @@
this.$message.success(res.msg) this.$message.success(res.msg)
setTimeout(() => { setTimeout(() => {
this.spinnerLoading = false this.spinnerLoading = false
this.$router.push({ path: `/resource/file`}) this.$router.push({ path: '/resource/file' })
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
@ -109,7 +109,7 @@
} }
return true return true
}, }
}, },
watch: {}, watch: {},
created () { created () {

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/createUdfFolder/index.vue

@ -94,7 +94,7 @@
this.$message.success(res.msg) this.$message.success(res.msg)
setTimeout(() => { setTimeout(() => {
this.spinnerLoading = false this.spinnerLoading = false
this.$router.push({ path: `/resource/udf/resource`}) this.$router.push({ path: '/resource/udf/resource' })
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
@ -108,7 +108,7 @@
return false return false
} }
return true return true
}, }
}, },
watch: {}, watch: {},
created () { created () {

8
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/details/index.vue

@ -130,8 +130,8 @@
this._getViewResources() this._getViewResources()
}, 1000, { }, 1000, {
'leading': false, leading: false,
'trailing': true trailing: true
}), }),
/** /**
* down * down
@ -143,8 +143,8 @@
this._getViewResources() this._getViewResources()
}, 1000, { }, 1000, {
'leading': false, leading: false,
'trailing': true trailing: true
}), }),
/** /**
* off handle * off handle

6
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/edit/index.vue

@ -80,8 +80,8 @@
...mapActions('resource', ['getViewResources', 'updateContent']), ...mapActions('resource', ['getViewResources', 'updateContent']),
ok () { ok () {
if (this._validation()) { if (this._validation()) {
this.spinnerLoading = true this.spinnerLoading = true
this.updateContent({ this.updateContent({
id: this.$route.params.id, id: this.$route.params.id,
content: editor.getValue() content: editor.getValue()
}).then(res => { }).then(res => {
@ -97,7 +97,7 @@
} }
}, },
_validation () { _validation () {
if (editor.doc.size>3000) { if (editor.doc.size > 3000) {
this.$message.warning(`${i18n.$t('Resource content cannot exceed 3000 lines')}`) this.$message.warning(`${i18n.$t('Resource content cannot exceed 3000 lines')}`)
return false return false
} }

6
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/list/_source/list.vue

@ -111,7 +111,7 @@
}, },
_go (item) { _go (item) {
localStore.setItem('file', `${item.alias}|${item.size}`) localStore.setItem('file', `${item.alias}|${item.size}`)
if(item.directory) { if (item.directory) {
localStore.setItem('currentDir', `${item.fullName}`) localStore.setItem('currentDir', `${item.fullName}`)
this.$router.push({ path: `/resource/file/subdirectory/${item.id}` }) this.$router.push({ path: `/resource/file/subdirectory/${item.id}` })
} else { } else {
@ -142,12 +142,12 @@
this.renameDialog = true this.renameDialog = true
}, },
onUpDate(item) { onUpDate (item) {
this.$set(this.list, this.index, item) this.$set(this.list, this.index, item)
this.renameDialog = false this.renameDialog = false
}, },
close() { close () {
this.renameDialog = false this.renameDialog = false
}, },

10
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/list/_source/rename.vue

@ -66,12 +66,12 @@
_ok (fn) { _ok (fn) {
this._verification().then(res => { this._verification().then(res => {
if (this.name === this.item.alias) { if (this.name === this.item.alias) {
return new Promise((resolve,reject) => { return new Promise((resolve, reject) => {
this.description === this.item.description ? reject({msg:'内容未修改'}) : resolve() this.description === this.item.description ? reject({ msg: '内容未修改' }) : resolve()
}) })
}else{ } else {
return this.store.dispatch('resource/resourceVerifyName', { return this.store.dispatch('resource/resourceVerifyName', {
fullName: '/'+this.name, fullName: '/' + this.name,
type: 'FILE' type: 'FILE'
}) })
} }
@ -102,7 +102,7 @@
} }
}) })
}, },
close() { close () {
this.$emit('close') this.$emit('close')
} }
}, },

10
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/list/index.vue

@ -101,15 +101,15 @@
this.searchParams.pageSize = val this.searchParams.pageSize = val
}, },
_getList (flag) { _getList (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this.isLoading = !flag this.isLoading = !flag
this.getResourcesListP(this.searchParams).then(res => { this.getResourcesListP(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.fileResourcesList = res.totalList this.fileResourcesList = res.totalList
this.total = res.total this.total = res.total
@ -124,7 +124,7 @@
this.searchParams.searchVal = '' this.searchParams.searchVal = ''
this._debounceGET() this._debounceGET()
}, },
_onUpdate () { _onUpdate () {
this._debounceGET() this._debounceGET()
} }
}, },
@ -140,7 +140,7 @@
mounted () { mounted () {
}, },
beforeDestroy () { beforeDestroy () {
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mListConstruction, mConditions, mList, mSpin, mNoData } components: { mListConstruction, mConditions, mList, mSpin, mNoData }
} }

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subFile/index.vue

@ -121,7 +121,7 @@
this.$message.success(res.msg) this.$message.success(res.msg)
setTimeout(() => { setTimeout(() => {
this.spinnerLoading = false this.spinnerLoading = false
this.$router.push({ path: `/resource/file/subdirectory/${this.$route.params.id}`}) this.$router.push({ path: `/resource/file/subdirectory/${this.$route.params.id}` })
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
@ -138,7 +138,7 @@
this.$message.warning(`${i18n.$t('Please enter the resource content')}`) this.$message.warning(`${i18n.$t('Please enter the resource content')}`)
return false return false
} }
if (editor.doc.size>3000) { if (editor.doc.size > 3000) {
this.$message.warning(`${i18n.$t('Resource content cannot exceed 3000 lines')}`) this.$message.warning(`${i18n.$t('Resource content cannot exceed 3000 lines')}`)
return false return false
} }

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subFileFolder/index.vue

@ -94,7 +94,7 @@
this.$message.success(res.msg) this.$message.success(res.msg)
setTimeout(() => { setTimeout(() => {
this.spinnerLoading = false this.spinnerLoading = false
this.$router.push({ path: `/resource/file/subdirectory/${this.$route.params.id}`}) this.$router.push({ path: `/resource/file/subdirectory/${this.$route.params.id}` })
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
@ -109,7 +109,7 @@
} }
return true return true
}, }
}, },
watch: {}, watch: {},
created () { created () {

8
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subdirectory/_source/list.vue

@ -110,7 +110,7 @@
}, },
_go (item) { _go (item) {
localStore.setItem('file', `${item.alias}|${item.size}`) localStore.setItem('file', `${item.alias}|${item.size}`)
if(item.directory) { if (item.directory) {
localStore.setItem('currentDir', `${item.fullName}`) localStore.setItem('currentDir', `${item.fullName}`)
this.$router.push({ path: `/resource/file/subdirectory/${item.id}` }) this.$router.push({ path: `/resource/file/subdirectory/${item.id}` })
} else { } else {
@ -141,12 +141,12 @@
this.renameDialog = true this.renameDialog = true
}, },
onUpDate(item) { onUpDate (item) {
this.$set(this.list, this.index, item) this.$set(this.list, this.index, item)
this.renameDialog = false this.renameDialog = false
}, },
close() { close () {
this.renameDialog = false this.renameDialog = false
}, },
@ -168,7 +168,7 @@
setTimeout(() => { setTimeout(() => {
this.list = a this.list = a
}) })
}, }
// Listening for routing changes // Listening for routing changes
// '$route': { // '$route': {
// deep: false, // deep: false,

11
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subdirectory/_source/rename.vue

@ -67,12 +67,12 @@
_ok (fn) { _ok (fn) {
this._verification().then(res => { this._verification().then(res => {
if (this.name === this.item.alias) { if (this.name === this.item.alias) {
return new Promise((resolve,reject) => { return new Promise((resolve, reject) => {
this.description === this.item.description ? reject({msg:'内容未修改'}) : resolve() this.description === this.item.description ? reject({ msg: '内容未修改' }) : resolve()
}) })
}else{ } else {
return this.store.dispatch('resource/resourceVerifyName', { return this.store.dispatch('resource/resourceVerifyName', {
fullName: localStore.getItem('currentDir')+'/'+this.name, fullName: localStore.getItem('currentDir') + '/' + this.name,
type: 'FILE' type: 'FILE'
}) })
} }
@ -101,10 +101,9 @@
} else { } else {
resolve() resolve()
} }
}) })
}, },
close() { close () {
this.$emit('close') this.$emit('close')
} }
}, },

24
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subdirectory/index.vue

@ -89,12 +89,12 @@
mixins: [listUrlParamHandle], mixins: [listUrlParamHandle],
props: {}, props: {},
methods: { methods: {
...mapActions('resource', ['getResourcesListP','getResourceId']), ...mapActions('resource', ['getResourcesListP', 'getResourceId']),
/** /**
* File Upload * File Upload
*/ */
_uploading () { _uploading () {
findComponentDownward(this.$root, 'roof-nav')._fileChildUpdate('FILE',this.searchParams.id) findComponentDownward(this.$root, 'roof-nav')._fileChildUpdate('FILE', this.searchParams.id)
}, },
_onConditions (o) { _onConditions (o) {
this.searchParams = _.assign(this.searchParams, o) this.searchParams = _.assign(this.searchParams, o)
@ -107,15 +107,15 @@
this.searchParams.pageSize = val this.searchParams.pageSize = val
}, },
_getList (flag) { _getList (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this.isLoading = !flag this.isLoading = !flag
this.getResourcesListP(this.searchParams).then(res => { this.getResourcesListP(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.fileResourcesList = res.totalList this.fileResourcesList = res.totalList
this.total = res.total this.total = res.total
@ -131,20 +131,20 @@
this.searchParams.searchVal = '' this.searchParams.searchVal = ''
this._debounceGET() this._debounceGET()
}, },
_onUpdate () { _onUpdate () {
this.searchParams.id = this.$route.params.id this.searchParams.id = this.$route.params.id
this._debounceGET() this._debounceGET()
}, },
_ckOperation(index) { _ckOperation (index) {
let breadName ='' let breadName = ''
this.breadList.forEach((item, i) => { this.breadList.forEach((item, i) => {
if(i<=index) { if (i <= index) {
breadName = breadName+'/'+item breadName = breadName + '/' + item
} }
}) })
this.transferApi(breadName) this.transferApi(breadName)
}, },
transferApi(api) { transferApi (api) {
this.getResourceId({ this.getResourceId({
type: 'FILE', type: 'FILE',
fullName: api fullName: api
@ -174,7 +174,7 @@
this.breadList = dir this.breadList = dir
}, },
beforeDestroy () { beforeDestroy () {
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mListConstruction, mConditions, mList, mSpin, mNoData } components: { mListConstruction, mConditions, mList, mSpin, mNoData }
} }

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/createUdfFolder/index.vue

@ -91,7 +91,7 @@
this.$message.success(res.msg) this.$message.success(res.msg)
setTimeout(() => { setTimeout(() => {
this.spinnerLoading = false this.spinnerLoading = false
this.$router.push({ path: `/resource/udf`}) this.$router.push({ path: '/resource/udf' })
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
@ -106,7 +106,7 @@
} }
return true return true
}, }
}, },
watch: {}, watch: {},
created () { created () {

36
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/function/_source/createUdf.vue

@ -119,11 +119,11 @@
udfResourceList: [], udfResourceList: [],
isUpdate: false, isUpdate: false,
upDisabled: false, upDisabled: false,
normalizer(node) { normalizer (node) {
return { return {
label: node.name label: node.name
} }
}, }
} }
}, },
props: { props: {
@ -131,19 +131,19 @@
}, },
methods: { methods: {
_ok () { _ok () {
this.$refs['popup'].spinnerLoading = true this.$refs.popup.spinnerLoading = true
if (this._validation()) { if (this._validation()) {
this._verifyUdfFuncName().then(res => { this._verifyUdfFuncName().then(res => {
this._createUdfFunc().then() this._createUdfFunc().then()
}).then(res => { }).then(res => {
setTimeout(() => { setTimeout(() => {
this.$refs['popup'].spinnerLoading = false this.$refs.popup.spinnerLoading = false
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$refs['popup'].spinnerLoading = false this.$refs.popup.spinnerLoading = false
}) })
} else { } else {
this.$refs['popup'].spinnerLoading = false this.$refs.popup.spinnerLoading = false
} }
}, },
_createUdfFunc () { _createUdfFunc () {
@ -166,7 +166,7 @@
param.id = id param.id = id
} }
// api // api
this.store.dispatch(`resource/${id ? `updateUdfFunc` : `createUdfFunc`}`, param).then(res => { this.store.dispatch(`resource/${id ? 'updateUdfFunc' : 'createUdfFunc'}`, param).then(res => {
this.$emit('onUpdate', param) this.$emit('onUpdate', param)
this.$message.success(res.msg) this.$message.success(res.msg)
resolve() resolve()
@ -183,8 +183,8 @@
this.upDisabled = true this.upDisabled = true
}, },
// selTree // selTree
selTree(node) { selTree (node) {
this.$refs.assignment.receivedValue(node.id,node.fullName) this.$refs.assignment.receivedValue(node.id, node.fullName)
}, },
/** /**
* get udf resources * get udf resources
@ -199,11 +199,11 @@
this.diGuiTree(item) this.diGuiTree(item)
this.diGuiTree(this.filterJarFile(item1)) this.diGuiTree(this.filterJarFile(item1))
item1 = item1.filter( item => { item1 = item1.filter(item => {
if(item.dirctory) { if (item.dirctory) {
return item return item
} }
}); })
this.udfResourceList = item this.udfResourceList = item
this.udfResourceDirList = item1 this.udfResourceDirList = item1
resolve() resolve()
@ -211,13 +211,13 @@
}) })
}, },
// filterEmptyDirectory // filterEmptyDirectory
filterEmptyDirectory(array) { filterEmptyDirectory (array) {
for (const item of array) { for (const item of array) {
if (item.children) { if (item.children) {
this.filterEmptyDirectory(item.children) this.filterEmptyDirectory(item.children)
} }
} }
return array.filter(n => ((/\.jar$/.test(n.name) && n.children.length==0) || (!/\.jar$/.test(n.name) && n.children.length>0))) return array.filter(n => ((/\.jar$/.test(n.name) && n.children.length == 0) || (!/\.jar$/.test(n.name) && n.children.length > 0)))
}, },
// filterJarFile // filterJarFile
filterJarFile (array) { filterJarFile (array) {
@ -229,10 +229,10 @@
return array.filter(n => !/\.jar$/.test(n.name)) return array.filter(n => !/\.jar$/.test(n.name))
}, },
// diGuiTree // diGuiTree
diGuiTree(item) { // Recursive convenience tree structure diGuiTree (item) { // Recursive convenience tree structure
item.forEach(item => { item.forEach(item => {
item.children === '' || item.children === undefined || item.children === null || item.children.length === 0?         item.children === '' || item.children === undefined || item.children === null || item.children.length === 0
delete item.children : this.diGuiTree(item.children); ? delete item.children : this.diGuiTree(item.children)
}) })
}, },
/** /**
@ -288,7 +288,7 @@
} }
}) })
}, },
close() { close () {
this.$emit('close') this.$emit('close')
} }
}, },

8
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/function/index.vue

@ -112,15 +112,15 @@
this._debounceGET() this._debounceGET()
}, },
_getList (flag) { _getList (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this.isLoading = !flag this.isLoading = !flag
this.getUdfFuncListP(this.searchParams).then(res => { this.getUdfFuncListP(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.udfFuncList = [] this.udfFuncList = []
this.udfFuncList = res.totalList this.udfFuncList = res.totalList
@ -144,7 +144,7 @@
mounted () { mounted () {
}, },
beforeDestroy () { beforeDestroy () {
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mListConstruction, mConditions, mList, mSpin, mCreateUdf, mNoData } components: { mListConstruction, mConditions, mList, mSpin, mCreateUdf, mNoData }
} }

2
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/resource/_source/list.vue

@ -111,7 +111,7 @@
}, },
_go (item) { _go (item) {
localStore.setItem('file', `${item.alias}|${item.size}`) localStore.setItem('file', `${item.alias}|${item.size}`)
if(item.directory) { if (item.directory) {
localStore.setItem('currentDir', `${item.fullName}`) localStore.setItem('currentDir', `${item.fullName}`)
this.$router.push({ path: `/resource/udf/subUdfDirectory/${item.id}` }) this.$router.push({ path: `/resource/udf/subUdfDirectory/${item.id}` })
} }

10
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/resource/_source/rename.vue

@ -67,12 +67,12 @@
_ok (fn) { _ok (fn) {
this._verification().then(res => { this._verification().then(res => {
if (this.name === this.item.alias) { if (this.name === this.item.alias) {
return new Promise((resolve,reject) => { return new Promise((resolve, reject) => {
this.description === this.item.description ? reject({msg:'内容未修改'}) : resolve() this.description === this.item.description ? reject({ msg: '内容未修改' }) : resolve()
}) })
}else{ } else {
return this.store.dispatch('resource/resourceVerifyName', { return this.store.dispatch('resource/resourceVerifyName', {
fullName: '/'+this.name, fullName: '/' + this.name,
type: 'UDF' type: 'UDF'
}) })
} }
@ -103,7 +103,7 @@
} }
}) })
}, },
close() { close () {
this.$emit('close') this.$emit('close')
} }
}, },

8
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/resource/index.vue

@ -107,15 +107,15 @@
this._debounceGET() this._debounceGET()
}, },
_getList (flag) { _getList (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this.isLoading = !flag this.isLoading = !flag
this.getResourcesListP(this.searchParams).then(res => { this.getResourcesListP(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.udfResourcesList = [] this.udfResourcesList = []
this.udfResourcesList = res.totalList this.udfResourcesList = res.totalList
@ -139,7 +139,7 @@
mounted () { mounted () {
}, },
beforeDestroy () { beforeDestroy () {
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mListConstruction, mConditions, mList, mSpin, mNoData } components: { mListConstruction, mConditions, mList, mSpin, mNoData }
} }

2
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfDirectory/_source/list.vue

@ -112,7 +112,7 @@
}, },
_go (item) { _go (item) {
localStore.setItem('file', `${item.alias}|${item.size}`) localStore.setItem('file', `${item.alias}|${item.size}`)
if(item.directory) { if (item.directory) {
localStore.setItem('currentDir', `${item.fullName}`) localStore.setItem('currentDir', `${item.fullName}`)
this.$router.push({ path: `/resource/udf/subUdfDirectory/${item.id}` }) this.$router.push({ path: `/resource/udf/subUdfDirectory/${item.id}` })
} }

8
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfDirectory/_source/rename.vue

@ -68,12 +68,12 @@
_ok (fn) { _ok (fn) {
this._verification().then(res => { this._verification().then(res => {
if (this.name === this.item.alias) { if (this.name === this.item.alias) {
return new Promise((resolve,reject) => { return new Promise((resolve, reject) => {
this.description === this.item.description ? reject({msg:'内容未修改'}) : resolve() this.description === this.item.description ? reject({ msg: '内容未修改' }) : resolve()
}) })
}else{ } else {
return this.store.dispatch('resource/resourceVerifyName', { return this.store.dispatch('resource/resourceVerifyName', {
fullName: localStore.getItem('currentDir')+'/'+this.name, fullName: localStore.getItem('currentDir') + '/' + this.name,
type: 'UDF' type: 'UDF'
}) })
} }

22
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfDirectory/index.vue

@ -88,12 +88,12 @@
mixins: [listUrlParamHandle], mixins: [listUrlParamHandle],
props: {}, props: {},
methods: { methods: {
...mapActions('resource', ['getResourcesListP','getResourceId']), ...mapActions('resource', ['getResourcesListP', 'getResourceId']),
/** /**
* File Upload * File Upload
*/ */
_uploading () { _uploading () {
findComponentDownward(this.$root, 'roof-nav')._resourceChildUpdate('UDF',this.searchParams.id) findComponentDownward(this.$root, 'roof-nav')._resourceChildUpdate('UDF', this.searchParams.id)
}, },
_onConditions (o) { _onConditions (o) {
this.searchParams = _.assign(this.searchParams, o) this.searchParams = _.assign(this.searchParams, o)
@ -116,15 +116,15 @@
this._debounceGET() this._debounceGET()
}, },
_getList (flag) { _getList (flag) {
if(sessionStorage.getItem('isLeft')==0) { if (sessionStorage.getItem('isLeft') == 0) {
this.isLeft = false this.isLeft = false
} else { } else {
this.isLeft = true this.isLeft = true
} }
this.isLoading = !flag this.isLoading = !flag
this.getResourcesListP(this.searchParams).then(res => { this.getResourcesListP(this.searchParams).then(res => {
if(this.searchParams.pageNo>1 && res.totalList.length == 0) { if (this.searchParams.pageNo > 1 && res.totalList.length == 0) {
this.searchParams.pageNo = this.searchParams.pageNo -1 this.searchParams.pageNo = this.searchParams.pageNo - 1
} else { } else {
this.udfResourcesList = [] this.udfResourcesList = []
this.udfResourcesList = res.totalList this.udfResourcesList = res.totalList
@ -135,16 +135,16 @@
this.isLoading = false this.isLoading = false
}) })
}, },
_ckOperation(index) { _ckOperation (index) {
let breadName ='' let breadName = ''
this.breadList.forEach((item, i) => { this.breadList.forEach((item, i) => {
if(i<=index) { if (i <= index) {
breadName = breadName+'/'+item breadName = breadName + '/' + item
} }
}) })
this.transferApi(breadName) this.transferApi(breadName)
}, },
transferApi(api) { transferApi (api) {
this.getResourceId({ this.getResourceId({
type: 'UDF', type: 'UDF',
fullName: api fullName: api
@ -175,7 +175,7 @@
this.breadList = dir this.breadList = dir
}, },
beforeDestroy () { beforeDestroy () {
sessionStorage.setItem('isLeft',1) sessionStorage.setItem('isLeft', 1)
}, },
components: { mListConstruction, mConditions, mList, mSpin, mNoData } components: { mListConstruction, mConditions, mList, mSpin, mNoData }
} }

4
dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/subUdfFolder/index.vue

@ -91,7 +91,7 @@
this.$message.success(res.msg) this.$message.success(res.msg)
setTimeout(() => { setTimeout(() => {
this.spinnerLoading = false this.spinnerLoading = false
this.$router.push({ path: `/resource/udf/subUdfDirectory/${this.$route.params.id}`}) this.$router.push({ path: `/resource/udf/subUdfDirectory/${this.$route.params.id}` })
}, 800) }, 800)
}).catch(e => { }).catch(e => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
@ -106,7 +106,7 @@
} }
return true return true
}, }
}, },
watch: {}, watch: {},
created () { created () {

2
dolphinscheduler-ui/src/js/conf/home/pages/security/index.vue

@ -24,7 +24,7 @@
import mSecondaryMenu from '@/module/components/secondaryMenu/secondaryMenu' import mSecondaryMenu from '@/module/components/secondaryMenu/secondaryMenu'
export default { export default {
name: 'security-index', name: 'security-index',
mounted() { mounted () {
}, },
components: { mSecondaryMenu } components: { mSecondaryMenu }
} }

20
dolphinscheduler-ui/src/js/conf/home/pages/security/pages/queue/_source/createQueue.vue

@ -90,26 +90,26 @@
this.$emit('onUpdate') this.$emit('onUpdate')
this.$message.success(res.msg) this.$message.success(res.msg)
setTimeout(() => { setTimeout(() => {
this.$refs['popup'].spinnerLoading = false this.$refs.popup.spinnerLoading = false
}, 800) }, 800)
} }
let $catch = (e) => { let $catch = (e) => {
this.$message.error(e.msg || '') this.$message.error(e.msg || '')
this.$refs['popup'].spinnerLoading = false this.$refs.popup.spinnerLoading = false
} }
if (this.item) { if (this.item) {
this.$refs['popup'].spinnerLoading = true this.$refs.popup.spinnerLoading = true
this.store.dispatch(`security/updateQueueQ`, param).then(res => { this.store.dispatch('security/updateQueueQ', param).then(res => {
$then(res) $then(res)
}).catch(e => { }).catch(e => {
$catch(e) $catch(e)
}) })
} else { } else {
this._verifyName(param).then(() => { this._verifyName(param).then(() => {
this.$refs['popup'].spinnerLoading = true this.$refs.popup.spinnerLoading = true
this.store.dispatch(`security/createQueueQ`, param).then(res => { this.store.dispatch('security/createQueueQ', param).then(res => {
$then(res) $then(res)
}).catch(e => { }).catch(e => {
$catch(e) $catch(e)
@ -120,11 +120,11 @@
} }
}, },
_verification () { _verification () {
if (!this.queueName.replace(/\s*/g,"")) { if (!this.queueName.replace(/\s*/g, '')) {
this.$message.warning(`${i18n.$t('Please enter name')}`) this.$message.warning(`${i18n.$t('Please enter name')}`)
return false return false
} }
if (!this.queue.replace(/\s*/g,"")) { if (!this.queue.replace(/\s*/g, '')) {
this.$message.warning(`${i18n.$t('Please enter queue value')}`) this.$message.warning(`${i18n.$t('Please enter queue value')}`)
return false return false
} }
@ -132,14 +132,14 @@
}, },
_verifyName (param) { _verifyName (param) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.store.dispatch(`security/verifyQueueQ`, param).then(res => { this.store.dispatch('security/verifyQueueQ', param).then(res => {
resolve() resolve()
}).catch(e => { }).catch(e => {
reject(e) reject(e)
}) })
}) })
}, },
close() { close () {
this.$emit('close') this.$emit('close')
} }
}, },

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save