[Feature-#3805][server-UI] global params of UI (#4736)

* gloabl

* 全局变量取值修改

* remove files

* fixed

* remove basicSetting

dolphinscheduler-ui/.env

@@ -14,7 +14,7 @@
  # limitations under the License.
 
 # back end interface address
-API_BASE = http://127.0.0.1:12345
+API_BASE = http://192.168.xx.xx:12345
 
 # If IP access is required for local development, remove the "#"
 #DEV_HOST = 192.168.xx.xx

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

@@ -178,7 +178,7 @@
         :title="$t('Set the DAG diagram name')"
         :visible.sync="dialogVisible"
         width="auto">
-        <m-udp @onUdp="onUdpDialog" @close="closeDialog"></m-udp>
+        <m-udp ref="mUdp" @onUdp="onUdpDialog" @close="closeDialog"></m-udp>
       </el-dialog>
       <el-dialog
         :title="$t('Please set the parameters before starting')"
@@ -559,7 +559,11 @@
           this.$message.warning(`${i18n.$t('Failed to create node to save')}`)
           return
         }
+
         this.dialogVisible = true
+        this.$nextTick(() => {
+          this.$refs.mUdp.reloadParam()
+        })
       },
       /**
        * Return to the previous child node

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

@@ -196,34 +196,24 @@
        */
       close () {
         this.$emit('close')
-      }
-    },
-    watch: {
-      checkedTimeout (val) {
-        if (!val) {
-          this.timeout = 0
-          this.store.commit('dag/setTimeout', _.cloneDeep(this.timeout))
-        }
-      }
       },
-    created () {
+      /**
+       * reload localParam
+       */
+      reloadParam () {
         const dag = _.cloneDeep(this.store.state.dag)
-
         let fixedParam = []
         const tasks = this.store.state.dag.tasks
         for (const task of tasks) {
           const localParam = task.params ? task.params.localParams : []
-        if (localParam && localParam.length > 0) {
-          fixedParam = fixedParam.concat(localParam)
-        }
-      }
-      fixedParam = fixedParam.map(f => {
-        return {
-          prop: f.prop,
-          value: f.value,
+          localParam.forEach(l => {
+            if (!fixedParam.some(f => { return f.prop === l.prop })) {
+              fixedParam.push(Object.assign({
                 ifFixed: true
+              }, l))
             }
           })
+        }
 
         let globalParams = _.cloneDeep(dag.globalParams)
 
@@ -237,9 +227,27 @@
             return g
           }
         })
-
-      this.udpList = [...fixedParam, ...globalParams]
-      this.udpListCache = [...fixedParam, ...globalParams]
+        let udpList = [...fixedParam, ...globalParams].sort(s => {
+          if (s.ifFixed) {
+            return -1
+          } else {
+            return 1
+          }
+        })
+        this.udpList = udpList
+        this.udpListCache = udpList
+      }
+    },
+    watch: {
+      checkedTimeout (val) {
+        if (!val) {
+          this.timeout = 0
+          this.store.commit('dag/setTimeout', _.cloneDeep(this.timeout))
+        }
+      }
+    },
+    created () {
+      const dag = _.cloneDeep(this.store.state.dag)
 
       this.name = dag.name
       this.originalName = dag.name