项目初始化

bf1004c0 · yuwei · 6e45a2fe · bf1004c0 · bf1004c0 · bf1004c0
Commit bf1004c0 authored Aug 19, 2020 by yuwei
247 changed files
--- a/datax-common/datax-common-dictionary/src/main/java/cn/datax/common/dictionary/config/DictAnalysis.java
+++ b/datax-common/datax-common-dictionary/src/main/java/cn/datax/common/dictionary/config/DictAnalysis.java
@@ -4,10 +4,8 @@ import cn.datax.common.annotation.DictAop;
 import cn.datax.common.core.JsonPage;
 import cn.datax.common.core.R;
 import cn.datax.common.dictionary.utils.DictUtil;
-import com.fasterxml.jackson.core.JsonProcessingException;
+import com.alibaba.fastjson.JSON;
-import com.fasterxml.jackson.databind.ObjectMapper;
+import com.alibaba.fastjson.JSONObject;
-import com.fasterxml.jackson.databind.node.ObjectNode;
-import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.core.MethodParameter;
 import org.springframework.http.MediaType;
 import org.springframework.http.server.ServerHttpRequest;
@@ -22,20 +20,14 @@ import java.util.List;
 @ControllerAdvice
 public class DictAnalysis implements ResponseBodyAdvice {
-    @Autowired
-    private ObjectMapper objectMapper;
    @Override
    public Object beforeBodyWrite(Object o, MethodParameter methodParameter, MediaType mediaType, Class aClass, ServerHttpRequest serverHttpRequest, ServerHttpResponse serverHttpResponse) {
        if (o instanceof R) {
            if (((R) o).getData() instanceof JsonPage) {
                List list = ((JsonPage) ((R) o).getData()).getData();
-                List<ObjectNode> items = new ArrayList<>();
+                List<JSONObject> items = new ArrayList<>();
                for (Object record : list) {
-                    ObjectNode item = null;
+                    JSONObject item = JSONObject.parseObject(JSON.toJSONString(record));
-                    try {
-                        item = (ObjectNode) objectMapper.readTree(objectMapper.writeValueAsString(record));
-                    } catch (JsonProcessingException e) {}
                    for (Field field : record.getClass().getDeclaredFields()) {
                        // 获取自定义注解
                        DictAop dictAop = field.getAnnotation(DictAop.class);
@@ -47,7 +39,7 @@ public class DictAnalysis implements ResponseBodyAdvice {
                                // 字典翻译
                                Object dictValue = DictUtil.getInstance().getDictItemValue(code, object.toString());
                                if (null != dictValue) {
-                                    item.put(field.getName() + "_dictText", String.valueOf(dictValue));
+                                    item.put(field.getName() + "_dictText", dictValue);
                                }
                            }
                        }

--- a/datax-config/src/main/resources/config/datax-service-quartz-dev.yml
+++ b/datax-config/src/main/resources/config/datax-service-quartz-dev.yml
@@ -18,6 +18,13 @@ spring:
      username: root
      password: 1234@abcd
      url: jdbc:mysql://localhost:3306/data_cloud?useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
+    # quartz oracle数据库
+#    quartz:
+#      driver-class-name: oracle.jdbc.OracleDriver
+#      username: data_cloud_quartz
+#      password: data_cloud_quartz
+#      url: jdbc:oracle:thin:@192.168.174.130:1521:orcl
+    # quartz mysql数据库
    quartz:
      driver-class-name: com.mysql.cj.jdbc.Driver
      username: root

--- a/datax-config/src/main/resources/config/datax-service-workflow-dev.yml
+++ b/datax-config/src/main/resources/config/datax-service-workflow-dev.yml
@@ -21,6 +21,13 @@ spring:
          url: jdbc:p6spy:mysql://localhost:3306/data_cloud?useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
          username: root
          password: 1234@abcd
+        # flowable oracle数据库
+#        flowable:
+#          driver-class-name: oracle.jdbc.OracleDriver
+#          username: data_cloud_flowable
+#          password: data_cloud_flowable
+#          url: jdbc:oracle:thin:@192.168.174.130:1521:orcl
+        # flowable mysql数据库
        flowable:
          driver-class-name: com.mysql.cj.jdbc.Driver
          username: root

--- a/datax-ui/.browserslistrc
+++ b/datax-ui/.browserslistrc
-> 1%
-last 2 versions
--- a/datax-ui/.editorconfig
+++ b/datax-ui/.editorconfig
-[*.{js,jsx,ts,tsx,vue}]
-indent_style = space
-indent_size = 2
-trim_trailing_whitespace = true
-insert_final_newline = true
--- a/datax-ui/.eslintrc.js
+++ b/datax-ui/.eslintrc.js
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  'extends': [
-    'plugin:vue/essential',
-    '@vue/standard'
-  ],
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  },
-  parserOptions: {
-    parser: 'babel-eslint'
-  }
-}
--- a/datax-ui/README.md
+++ b/datax-ui/README.md
-# vue-template
-## Project setup
-```
-npm install
-```
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
-### Compiles and minifies for production
-```
-npm run build
-```
-### Lints and fixes files
-```
-npm run lint
-```
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
--- a/datax-ui/babel.config.js
+++ b/datax-ui/babel.config.js
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
--- a/datax-ui/package-lock.json
+++ b/datax-ui/package-lock.json
--- a/datax-ui/package.json
+++ b/datax-ui/package.json
-{
-  "name": "vue-template",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "@riophae/vue-treeselect": "^0.4.0",
-    "@ztree/ztree_v3": "^3.5.44",
-    "axios": "^0.19.1",
-    "core-js": "^3.4.4",
-    "echarts": "^4.8.0",
-    "element-ui": "^2.13.0",
-    "jquery": "^3.5.1",
-    "normalize.css": "^8.0.1",
-    "nprogress": "^0.2.0",
-    "path-to-regexp": "^6.1.0",
-    "screenfull": "^5.0.0",
-    "sql-formatter": "^2.3.3",
-    "vue": "^2.6.10",
-    "vue-codemirror": "^4.0.6",
-    "vue-grid-layout": "^2.3.7",
-    "vue-router": "^3.1.3",
-    "vuedraggable": "^2.24.0",
-    "vuex": "^3.1.2"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.1.0",
-    "@vue/cli-plugin-eslint": "^4.1.0",
-    "@vue/cli-plugin-router": "^4.1.0",
-    "@vue/cli-plugin-vuex": "^4.1.0",
-    "@vue/cli-service": "^4.1.0",
-    "@vue/eslint-config-standard": "^4.0.0",
-    "babel-eslint": "^10.0.3",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
-    "sass": "^1.23.7",
-    "sass-loader": "^8.0.0",
-    "svg-sprite-loader": "^4.1.6",
-    "vue-template-compiler": "^2.6.10"
-  }
-}
--- a/datax-ui/public/favicon.ico
+++ b/datax-ui/public/favicon.ico
--- a/datax-ui/src/components/RightPanel/index.vue
+++ b/datax-ui/src/components/RightPanel/index.vue
-<template>
-  <div ref="rightPanel" :class="{show:show}" class="rightPanel-container">
-    <div class="rightPanel-background" />
-    <div class="rightPanel">
-      <div class="handle-button" :style="{'top':buttonTop+'px','background-color':theme}" @click="show=!show">
-        <i :class="show?'el-icon-close':'el-icon-setting'" />
-      </div>
-      <div class="rightPanel-items">
-        <slot />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { addClass, removeClass } from '@/utils'
-export default {
-  name: 'RightPanel',
-  props: {
-    clickNotClose: {
-      default: false,
-      type: Boolean
-    },
-    buttonTop: {
-      default: 250,
-      type: Number
-    }
-  },
-  data () {
-    return {
-      show: false
-    }
-  },
-  computed: {
-    theme () {
-      return this.$store.state.settings.theme
-    }
-  },
-  watch: {
-    show (value) {
-      if (value && !this.clickNotClose) {
-        this.addEventClick()
-      }
-      if (value) {
-        addClass(document.body, 'showRightPanel')
-      } else {
-        removeClass(document.body, 'showRightPanel')
-      }
-    }
-  },
-  mounted () {
-    this.insertToBody()
-  },
-  beforeDestroy () {
-    const elx = this.$refs.rightPanel
-    elx.remove()
-  },
-  methods: {
-    addEventClick () {
-      window.addEventListener('click', this.closeSidebar)
-    },
-    closeSidebar (evt) {
-      const parent = evt.target.closest('.rightPanel')
-      if (!parent) {
-        this.show = false
-        window.removeEventListener('click', this.closeSidebar)
-      }
-    },
-    insertToBody () {
-      const elx = this.$refs.rightPanel
-      const body = document.querySelector('body')
-      body.insertBefore(elx, body.firstChild)
-    }
-  }
-}
-</script>
-<style>
-.showRightPanel {
-  overflow: hidden;
-  position: relative;
-  width: calc(100% - 15px);
-}
-</style>
-<style lang="scss" scoped>
-.rightPanel-background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  transition: opacity .3s cubic-bezier(.7, .3, .1, 1);
-  background: rgba(0, 0, 0, .2);
-  z-index: -1;
-}
-.rightPanel {
-  width: 100%;
-  max-width: 260px;
-  height: 100vh;
-  position: fixed;
-  top: 0;
-  right: 0;
-  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);
-  transition: all .25s cubic-bezier(.7, .3, .1, 1);
-  transform: translate(100%);
-  background: #fff;
-  z-index: 40000;
-}
-.show {
-  transition: all .3s cubic-bezier(.7, .3, .1, 1);
-  .rightPanel-background {
-    z-index: 20000;
-    opacity: 1;
-    width: 100%;
-    height: 100%;
-  }
-  .rightPanel {
-    transform: translate(0);
-  }
-}
-.handle-button {
-  width: 48px;
-  height: 48px;
-  position: absolute;
-  left: -48px;
-  text-align: center;
-  font-size: 24px;
-  border-radius: 6px 0 0 6px !important;
-  z-index: 0;
-  pointer-events: auto;
-  cursor: pointer;
-  color: #fff;
-  line-height: 48px;
-  i {
-    font-size: 24px;
-    line-height: 48px;
-  }
-}
-</style>
--- a/datax-ui/src/components/SizeSelect/index.vue
+++ b/datax-ui/src/components/SizeSelect/index.vue
-<template>
-  <el-dropdown trigger="click" @command="handleSetSize">
-    <div>
-      <svg-icon class-name="size-icon" icon-class="size" />
-    </div>
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size===item.value" :command="item.value">
-        {{
-          item.label }}
-      </el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-<script>
-export default {
-  data () {
-    return {
-      sizeOptions: [
-        { label: '默认', value: 'default' },
-        { label: '正常', value: 'medium' },
-        { label: '中等', value: 'small' },
-        { label: '紧凑', value: 'mini' }
-      ]
-    }
-  },
-  computed: {
-    size () {
-      return this.$store.getters.size
-    }
-  },
-  methods: {
-    handleSetSize (size) {
-      this.$ELEMENT.size = size
-      this.$store.dispatch('app/setSize', size)
-      this.refreshView()
-      this.$message({
-        message: 'Switch Size Success',
-        type: 'success'
-      })
-    },
-    refreshView () {
-      // In order to make the cached page re-rendered
-      this.$store.dispatch('tagsView/delAllCachedViews', this.$route)
-      const { fullPath } = this.$route
-      this.$nextTick(() => {
-        this.$router.replace({
-          path: '/redirect' + fullPath
-        })
-      })
-    }
-  }
-}
-</script>
--- a/datax-ui/src/components/Ztree/index.vue
+++ b/datax-ui/src/components/Ztree/index.vue
-<template>
-  <div class="ztree" :id="ztreeId"></div>
-</template>
-<script>
-import * as $ from "jquery";
-if(!window.jQuery){
-    window.jQuery = $;
-}
-require("@ztree/ztree_v3/js/jquery.ztree.all");
-require("@ztree/ztree_v3/css/metroStyle/metroStyle.css");
-export default {
-    name: "Ztree",
-    props: {
-        setting: {
-            type: Object,
-            require: false,
-            default: function(){
-                return {}
-            }
-        },
-        nodes: {
-            type: Array,
-            require: true,
-            default: function(){
-                return []
-            }
-        }
-    },
-    data() {
-        return {
-            ztreeId: 'ztree_'+ parseInt(Math.random() * 1e10),
-            ztreeObj: null,
-            ztreeSetting: {
-                data: {
-                    simpleData: {
-                        enable: true,
-                        pIdKey: "pid"
-                    }
-                },
-                view: {
-                    showIcon: false
-                },
-                callback: {
-                    onAsyncError: (...arg) => {
-                        this.$emit('onAsyncError', ...arg)
-                    },
-                    onAsyncSuccess: (...arg) => {
-                        this.$emit('onAsyncSuccess', ...arg)
-                    },
-                    onCheck: (...arg) => {
-                        this.$emit('onCheck', ...arg)
-                    },
-                    onClick: (...arg) => {
-                        this.$emit('onClick', ...arg)
-                    },
-                    onCollapse: (...arg) => {
-                        this.$emit('onCollapse', ...arg)
-                    },
-                    onDblClick: (...arg) => {
-                        this.$emit('onDblClick', ...arg)
-                    },
-                    onDrag: (...arg) => {
-                        this.$emit('onDrag', ...arg)
-                    },
-                    onDragMove: (...arg) => {
-                        this.$emit('onDragMove', ...arg)
-                    },
-                    onDrop: (...arg) => {
-                        this.$emit('onDrop', ...arg)
-                    },
-                    onExpand: (...arg) => {
-                        this.$emit('onExpand', ...arg)
-                    },
-                    onMouseDown: (...arg) => {
-                        this.$emit('onMouseDown', ...arg)
-                    },
-                    onMouseUp: (...arg) => {
-                        this.$emit('onMouseUp', ...arg)
-                    },
-                    onRemove: (...arg) => {
-                        this.$emit('onRemove', ...arg)
-                    },
-                    onRename: (...arg) => {
-                        this.$emit('onRename', ...arg)
-                    },
-                    onRightClick: (...arg) => {
-                        this.$emit('onRightClick', ...arg)
-                    }
-                }
-            }
-        }
-    },
-    mounted() {
-        if(this.ztreeObj){
-            this.ztreeObj.destroy();
-        }
-        this.ztreeObj = $.fn.zTree.init($("#"+this.ztreeId), Object.assign({}, this.ztreeSetting, this.setting), this.nodes);
-        this.$emit('onCreated', this.ztreeObj)
-    }
-}
-</script>
-<style lang="scss" scoped>
-</style>
--- a/datax-ui/src/layout/components/Settings/index.vue
+++ b/datax-ui/src/layout/components/Settings/index.vue
-<template>
-  <div class="drawer-container">
-    <div>
-      <h3 class="drawer-title">系统布局配置</h3>
-      <div class="drawer-item">
-        <span>主题色</span>
-        <theme-picker style="float: right;height: 26px;margin: -3px 8px 0 0;" @change="themeChange" />
-      </div>
-      <div class="drawer-item">
-        <span>开启 Tags-View</span>
-        <el-switch v-model="tagsView" class="drawer-switch" />
-      </div>
-      <div class="drawer-item">
-        <span>固定 Header</span>
-        <el-switch v-model="fixedHeader" class="drawer-switch" />
-      </div>
-      <div class="drawer-item">
-        <span>侧边栏 Logo</span>
-        <el-switch v-model="sidebarLogo" class="drawer-switch" />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import ThemePicker from '@/components/ThemePicker'
-export default {
-  components: { ThemePicker },
-  data () {
-    return {}
-  },
-  computed: {
-    fixedHeader: {
-      get () {
-        return this.$store.state.settings.fixedHeader
-      },
-      set (val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'fixedHeader',
-          value: val
-        })
-      }
-    },
-    tagsView: {
-      get () {
-        return this.$store.state.settings.tagsView
-      },
-      set (val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'tagsView',
-          value: val
-        })
-      }
-    },
-    sidebarLogo: {
-      get () {
-        return this.$store.state.settings.sidebarLogo
-      },
-      set (val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'sidebarLogo',
-          value: val
-        })
-      }
-    }
-  },
-  methods: {
-    themeChange (val) {
-      this.$store.dispatch('settings/changeSetting', {
-        key: 'theme',
-        value: val
-      })
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.drawer-container {
-  padding: 24px;
-  font-size: 14px;
-  line-height: 1.5;
-  word-wrap: break-word;
-  .drawer-title {
-    margin-bottom: 12px;
-    color: rgba(0, 0, 0, .85);
-    font-size: 14px;
-    line-height: 22px;
-  }
-  .drawer-item {
-    color: rgba(0, 0, 0, .65);
-    font-size: 14px;
-    padding: 12px 0;
-  }
-  .drawer-switch {
-    float: right
-  }
-}
-</style>
--- a/datax-ui/src/layout/components/TagsView/ScrollPane.vue
+++ b/datax-ui/src/layout/components/TagsView/ScrollPane.vue
-<template>
-  <el-scrollbar ref="scrollContainer" :vertical="false" class="scroll-container" @wheel.native.prevent="handleScroll">
-    <slot />
-  </el-scrollbar>
-</template>
-<script>
-const tagAndTagSpacing = 4 // tagAndTagSpacing
-export default {
-  name: 'ScrollPane',
-  data () {
-    return {
-      left: 0
-    }
-  },
-  computed: {
-    scrollWrapper () {
-      return this.$refs.scrollContainer.$refs.wrap
-    }
-  },
-  methods: {
-    handleScroll (e) {
-      const eventDelta = e.wheelDelta || -e.deltaY * 40
-      const $scrollWrapper = this.scrollWrapper
-      $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
-    },
-    moveToTarget (currentTag) {
-      const $container = this.$refs.scrollContainer.$el
-      const $containerWidth = $container.offsetWidth
-      const $scrollWrapper = this.scrollWrapper
-      const tagList = this.$parent.$refs.tag
-      let firstTag = null
-      let lastTag = null
-      // find first tag and last tag
-      if (tagList.length > 0) {
-        firstTag = tagList[0]
-        lastTag = tagList[tagList.length - 1]
-      }
-      if (firstTag === currentTag) {
-        $scrollWrapper.scrollLeft = 0
-      } else if (lastTag === currentTag) {
-        $scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth
-      } else {
-        // find preTag and nextTag
-        const currentIndex = tagList.findIndex(item => item === currentTag)
-        const prevTag = tagList[currentIndex - 1]
-        const nextTag = tagList[currentIndex + 1]
-        // the tag's offsetLeft after of nextTag
-        const afterNextTagOffsetLeft = nextTag.$el.offsetLeft + nextTag.$el.offsetWidth + tagAndTagSpacing
-        // the tag's offsetLeft before of prevTag
-        const beforePrevTagOffsetLeft = prevTag.$el.offsetLeft - tagAndTagSpacing
-        if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
-          $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth
-        } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
-          $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft
-        }
-      }
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.scroll-container {
-  white-space: nowrap;
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  ::v-deep {
-    .el-scrollbar__bar {
-      bottom: 0px;
-    }
-    .el-scrollbar__wrap {
-      height: 49px;
-    }
-  }
-}
-</style>
--- a/datax-ui/src/layout/components/TagsView/index.vue
+++ b/datax-ui/src/layout/components/TagsView/index.vue
-<template>
-  <div id="tags-view-container" class="tags-view-container">
-    <scroll-pane ref="scrollPane" class="tags-view-wrapper">
-      <router-link
-        v-for="tag in visitedViews"
-        ref="tag"
-        :key="tag.path"
-        :class="isActive(tag)?'active':''"
-        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
-        tag="span"
-        class="tags-view-item"
-        @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
-        @contextmenu.prevent.native="openMenu(tag,$event)"
-      >
-        {{ tag.title }}
-        <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
-      </router-link>
-    </scroll-pane>
-    <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
-      <li @click="refreshSelectedTag(selectedTag)">刷新页面</li>
-      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">关闭当前</li>
-      <li @click="closeOthersTags">关闭其他</li>
-      <li @click="closeAllTags(selectedTag)">关闭所有</li>
-    </ul>
-  </div>
-</template>
-<script>
-import ScrollPane from './ScrollPane'
-import path from 'path'
-export default {
-  components: { ScrollPane },
-  data () {
-    return {
-      visible: false,
-      top: 0,
-      left: 0,
-      selectedTag: {},
-      affixTags: []
-    }
-  },
-  computed: {
-    visitedViews () {
-      return this.$store.state.tagsView.visitedViews
-    },
-    routes () {
-      return this.$store.state.permission.routes
-    }
-  },
-  watch: {
-    $route () {
-      this.addTags()
-      this.moveToCurrentTag()
-    },
-    visible (value) {
-      if (value) {
-        document.body.addEventListener('click', this.closeMenu)
-      } else {
-        document.body.removeEventListener('click', this.closeMenu)
-      }
-    }
-  },
-  mounted () {
-    this.initTags()
-    this.addTags()
-  },
-  methods: {
-    isActive (route) {
-      return route.path === this.$route.path
-    },
-    isAffix (tag) {
-      return tag.meta && tag.meta.affix
-    },
-    filterAffixTags (routes, basePath = '/') {
-      let tags = []
-      routes.forEach(route => {
-        if (route.meta && route.meta.affix) {
-          const tagPath = path.resolve(basePath, route.path)
-          tags.push({
-            fullPath: tagPath,
-            path: tagPath,
-            name: route.name,
-            meta: { ...route.meta }
-          })
-        }
-        if (route.children) {
-          const tempTags = this.filterAffixTags(route.children, route.path)
-          if (tempTags.length >= 1) {
-            tags = [...tags, ...tempTags]
-          }
-        }
-      })
-      return tags
-    },
-    initTags () {
-      const affixTags = this.affixTags = this.filterAffixTags(this.routes)
-      for (const tag of affixTags) {
-        // Must have tag name
-        if (tag.name) {
-          this.$store.dispatch('tagsView/addVisitedView', tag)
-        }
-      }
-    },
-    addTags () {
-      const { name } = this.$route
-      if (name) {
-        this.$store.dispatch('tagsView/addView', this.$route)
-      }
-      return false
-    },
-    moveToCurrentTag () {
-      const tags = this.$refs.tag
-      this.$nextTick(() => {
-        for (const tag of tags) {
-          if (tag.to.path === this.$route.path) {
-            this.$refs.scrollPane.moveToTarget(tag)
-            // when query is different then update
-            if (tag.to.fullPath !== this.$route.fullPath) {
-              this.$store.dispatch('tagsView/updateVisitedView', this.$route)
-            }
-            break
-          }
-        }
-      })
-    },
-    refreshSelectedTag (view) {
-      this.$store.dispatch('tagsView/delCachedView', view).then(() => {
-        const { fullPath } = view
-        this.$nextTick(() => {
-          this.$router.replace({
-            path: '/redirect' + fullPath
-          })
-        })
-      })
-    },
-    closeSelectedTag (view) {
-      this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
-        if (this.isActive(view)) {
-          this.toLastView(visitedViews, view)
-        }
-      })
-    },
-    closeOthersTags () {
-      this.$router.push(this.selectedTag)
-      this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => {
-        this.moveToCurrentTag()
-      })
-    },
-    closeAllTags (view) {
-      this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => {
-        if (this.affixTags.some(tag => tag.path === view.path)) {
-          return
-        }
-        this.toLastView(visitedViews, view)
-      })
-    },
-    toLastView (visitedViews, view) {
-      const latestView = visitedViews.slice(-1)[0]
-      if (latestView) {
-        this.$router.push(latestView.fullPath)
-      } else {
-        // now the default is to redirect to the home page if there is no tags-view,
-        // you can adjust it according to your needs.
-        if (view.name === 'Dashboard') {
-          // to reload home page
-          this.$router.replace({ path: '/redirect' + view.fullPath })
-        } else {
-          this.$router.push('/')
-        }
-      }
-    },
-    openMenu (tag, e) {
-      const menuMinWidth = 105
-      const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
-      const offsetWidth = this.$el.offsetWidth // container width
-      const maxLeft = offsetWidth - menuMinWidth // left boundary
-      const left = e.clientX - offsetLeft + 15 // 15: margin right
-      if (left > maxLeft) {
-        this.left = maxLeft
-      } else {
-        this.left = left
-      }
-      this.top = e.clientY
-      this.visible = true
-      this.selectedTag = tag
-    },
-    closeMenu () {
-      this.visible = false
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.tags-view-container {
-  height: 34px;
-  width: 100%;
-  background: #fff;
-  border-bottom: 1px solid #d8dce5;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
-  .tags-view-wrapper {
-    .tags-view-item {
-      display: inline-block;
-      position: relative;
-      cursor: pointer;
-      height: 26px;
-      line-height: 26px;
-      border: 1px solid #d8dce5;
-      color: #495060;
-      background: #fff;
-      padding: 0 8px;
-      font-size: 12px;
-      margin-left: 5px;
-      margin-top: 4px;
-      &:first-of-type {
-        margin-left: 15px;
-      }
-      &:last-of-type {
-        margin-right: 15px;
-      }
-      &.active {
-        background-color: #42b983;
-        color: #fff;
-        border-color: #42b983;
-        &::before {
-          content: '';
-          background: #fff;
-          display: inline-block;
-          width: 8px;
-          height: 8px;
-          border-radius: 50%;
-          position: relative;
-          margin-right: 2px;
-        }
-      }
-    }
-  }
-  .contextmenu {
-    margin: 0;
-    background: #fff;
-    z-index: 3000;
-    position: absolute;
-    list-style-type: none;
-    padding: 5px 0;
-    border-radius: 4px;
-    font-size: 12px;
-    font-weight: 400;
-    color: #333;
-    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
-    li {
-      margin: 0;
-      padding: 7px 16px;
-      cursor: pointer;
-      &:hover {
-        background: #eee;
-      }
-    }
-  }
-}
-</style>
-<style lang="scss">
-//reset element css of el-icon-close
-.tags-view-wrapper {
-  .tags-view-item {
-    .el-icon-close {
-      width: 16px;
-      height: 16px;
-      vertical-align: 2px;
-      border-radius: 50%;
-      text-align: center;
-      transition: all .3s cubic-bezier(.645, .045, .355, 1);
-      transform-origin: 100% 50%;
-      &:before {
-        transform: scale(.6);
-        display: inline-block;
-        vertical-align: -3px;
-      }
-      &:hover {
-        background-color: #b4bccc;
-        color: #fff;
-      }
-    }
-  }
-}
-</style>
--- a/datax-ui/src/layout/components/index.js
+++ b/datax-ui/src/layout/components/index.js
-export { default as AppMain } from './AppMain'
-export { default as Navbar } from './Navbar'
-export { default as Settings } from './Settings'
-export { default as Sidebar } from './Sidebar/index.vue'
-export { default as TagsView } from './TagsView/index.vue'
--- a/datax-ui/src/store/index.js
+++ b/datax-ui/src/store/index.js
-import Vue from 'vue'
-import Vuex from 'vuex'
-import getters from './getters'
-Vue.use(Vuex)
-const modulesFiles = require.context('./modules', true, /\.js$/)
-const modules = modulesFiles.keys().reduce((modules, modulePath) => {
-  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
-  const value = modulesFiles(modulePath)
-  modules[moduleName] = value.default
-  return modules
-}, {})
-const store = new Vuex.Store({
-  modules,
-  getters
-})
-export default store
--- a/datax-ui/src/store/modules/tagsView.js
+++ b/datax-ui/src/store/modules/tagsView.js
-const state = {
-  visitedViews: [],
-  cachedViews: []
-}
-const mutations = {
-  ADD_VISITED_VIEW: (state, view) => {
-    if (state.visitedViews.some(v => v.path === view.path)) return
-    state.visitedViews.push(
-      Object.assign({}, view, {
-        title: view.meta.title || 'no-name'
-      })
-    )
-  },
-  ADD_CACHED_VIEW: (state, view) => {
-    if (state.cachedViews.includes(view.name)) return
-    if (!view.meta.noCache) {
-      state.cachedViews.push(view.name)
-    }
-  },
-  DEL_VISITED_VIEW: (state, view) => {
-    for (const [i, v] of state.visitedViews.entries()) {
-      if (v.path === view.path) {
-        state.visitedViews.splice(i, 1)
-        break
-      }
-    }
-  },
-  DEL_CACHED_VIEW: (state, view) => {
-    const index = state.cachedViews.indexOf(view.name)
-    index > -1 && state.cachedViews.splice(index, 1)
-  },
-  DEL_OTHERS_VISITED_VIEWS: (state, view) => {
-    state.visitedViews = state.visitedViews.filter(v => {
-      return v.meta.affix || v.path === view.path
-    })
-  },
-  DEL_OTHERS_CACHED_VIEWS: (state, view) => {
-    const index = state.cachedViews.indexOf(view.name)
-    if (index > -1) {
-      state.cachedViews = state.cachedViews.slice(index, index + 1)
-    } else {
-      // if index = -1, there is no cached tags
-      state.cachedViews = []
-    }
-  },
-  DEL_ALL_VISITED_VIEWS: state => {
-    // keep affix tags
-    const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
-    state.visitedViews = affixTags
-  },
-  DEL_ALL_CACHED_VIEWS: state => {
-    state.cachedViews = []
-  },
-  UPDATE_VISITED_VIEW: (state, view) => {
-    for (let v of state.visitedViews) {
-      if (v.path === view.path) {
-        v = Object.assign(v, view)
-        break
-      }
-    }
-  }
-}
-const actions = {
-  addView ({ dispatch }, view) {
-    dispatch('addVisitedView', view)
-    dispatch('addCachedView', view)
-  },
-  addVisitedView ({ commit }, view) {
-    commit('ADD_VISITED_VIEW', view)
-  },
-  addCachedView ({ commit }, view) {
-    commit('ADD_CACHED_VIEW', view)
-  },
-  delView ({ dispatch, state }, view) {
-    return new Promise(resolve => {
-      dispatch('delVisitedView', view)
-      dispatch('delCachedView', view)
-      resolve({
-        visitedViews: [...state.visitedViews],
-        cachedViews: [...state.cachedViews]
-      })
-    })
-  },
-  delVisitedView ({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_VISITED_VIEW', view)
-      resolve([...state.visitedViews])
-    })
-  },
-  delCachedView ({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_CACHED_VIEW', view)
-      resolve([...state.cachedViews])
-    })
-  },
-  delOthersViews ({ dispatch, state }, view) {
-    return new Promise(resolve => {
-      dispatch('delOthersVisitedViews', view)
-      dispatch('delOthersCachedViews', view)
-      resolve({
-        visitedViews: [...state.visitedViews],
-        cachedViews: [...state.cachedViews]
-      })
-    })
-  },
-  delOthersVisitedViews ({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_OTHERS_VISITED_VIEWS', view)
-      resolve([...state.visitedViews])
-    })
-  },
-  delOthersCachedViews ({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_OTHERS_CACHED_VIEWS', view)
-      resolve([...state.cachedViews])
-    })
-  },
-  delAllViews ({ dispatch, state }, view) {
-    return new Promise(resolve => {
-      dispatch('delAllVisitedViews', view)
-      dispatch('delAllCachedViews', view)
-      resolve({
-        visitedViews: [...state.visitedViews],
-        cachedViews: [...state.cachedViews]
-      })
-    })
-  },
-  delAllVisitedViews ({ commit, state }) {
-    return new Promise(resolve => {
-      commit('DEL_ALL_VISITED_VIEWS')
-      resolve([...state.visitedViews])
-    })
-  },
-  delAllCachedViews ({ commit, state }) {
-    return new Promise(resolve => {
-      commit('DEL_ALL_CACHED_VIEWS')
-      resolve([...state.cachedViews])
-    })
-  },
-  updateVisitedView ({ commit }, view) {
-    commit('UPDATE_VISITED_VIEW', view)
-  }
-}
-export default {
-  namespaced: true,
-  state,
-  mutations,
-  actions
-}
--- a/datax-ui/src/styles/btn.scss
+++ b/datax-ui/src/styles/btn.scss
-@import './variables.scss';
-@mixin colorBtn($color) {
-  background: $color;
-  &:hover {
-    color: $color;
-    &:before,
-    &:after {
-      background: $color;
-    }
-  }
-}
-.blue-btn {
-  @include colorBtn($blue)
-}
-.light-blue-btn {
-  @include colorBtn($light-blue)
-}
-.red-btn {
-  @include colorBtn($red)
-}
-.pink-btn {
-  @include colorBtn($pink)
-}
-.green-btn {
-  @include colorBtn($green)
-}
-.tiffany-btn {
-  @include colorBtn($tiffany)
-}
-.yellow-btn {
-  @include colorBtn($yellow)
-}
-.pan-btn {
-  font-size: 14px;
-  color: #fff;
-  padding: 14px 36px;
-  border-radius: 8px;
-  border: none;
-  outline: none;
-  transition: 600ms ease all;
-  position: relative;
-  display: inline-block;
-  &:hover {
-    background: #fff;
-    &:before,
-    &:after {
-      width: 100%;
-      transition: 600ms ease all;
-    }
-  }
-  &:before,
-  &:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 2px;
-    width: 0;
-    transition: 400ms ease all;
-  }
-  &::after {
-    right: inherit;
-    top: inherit;
-    left: 0;
-    bottom: 0;
-  }
-}
-.custom-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: #fff;
-  color: #fff;
-  -webkit-appearance: none;
-  text-align: center;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  padding: 10px 15px;
-  font-size: 14px;
-  border-radius: 4px;
-}
--- a/datax-ui/src/styles/element-variables.scss
+++ b/datax-ui/src/styles/element-variables.scss
-/**
-* I think element-ui's default theme color is too light for long-term use.
-* So I modified the default color and you can modify it to your liking.
-**/
-/* theme color */
-$--color-primary: #1890ff;
-$--color-success: #13ce66;
-$--color-warning: #FFBA00;
-$--color-danger: #ff4949;
-// $--color-info: #1E1E1E;
-$--button-font-weight: 400;
-// $--color-text-regular: #1f2d3d;
-$--border-color-light: #dfe4ed;
-$--border-color-lighter: #e6ebf5;
-$--table-border:1px solid#dfe6ec;
-/* icon font path, required */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
-// the :export directive is the magic sauce for webpack
-// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
-:export {
-  theme: $--color-primary;
-}
--- a/datax-ui/src/styles/index.scss
+++ b/datax-ui/src/styles/index.scss
-@import './variables.scss';
-@import './mixin.scss';
-@import './transition.scss';
-@import './element-ui.scss';
-@import './sidebar.scss';
-@import './btn.scss';
-body {
-  height: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-}
-label {
-  font-weight: 700;
-}
-html {
-  height: 100%;
-  box-sizing: border-box;
-}
-#app {
-  height: 100%;
-}
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-.no-padding {
-  padding: 0px !important;
-}
-.padding-content {
-  padding: 4px 0;
-}
-a:focus,
-a:active {
-  outline: none;
-}
-a,
-a:focus,
-a:hover {
-  cursor: pointer;
-  color: inherit;
-  text-decoration: none;
-}
-div:focus {
-  outline: none;
-}
-.fr {
-  float: right;
-}
-.fl {
-  float: left;
-}
-.pr-5 {
-  padding-right: 5px;
-}
-.pl-5 {
-  padding-left: 5px;
-}
-.block {
-  display: block;
-}
-.pointer {
-  cursor: pointer;
-}
-.inlineBlock {
-  display: block;
-}
-.clearfix {
-  &:after {
-    visibility: hidden;
-    display: block;
-    font-size: 0;
-    content: " ";
-    clear: both;
-    height: 0;
-  }
-}
-aside {
-  background: #eef1f6;
-  padding: 8px 24px;
-  margin-bottom: 20px;
-  border-radius: 2px;
-  display: block;
-  line-height: 32px;
-  font-size: 16px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  color: #2c3e50;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  a {
-    color: #337ab7;
-    cursor: pointer;
-    &:hover {
-      color: rgb(32, 160, 255);
-    }
-  }
-}
-//main-container全局样式
-.app-container {
-  padding: 20px;
-}
-.components-container {
-  margin: 30px 50px;
-  position: relative;
-}
-.pagination-container {
-  margin-top: 30px;
-}
-.text-center {
-  text-align: center
-}
-.sub-navbar {
-  height: 50px;
-  line-height: 50px;
-  position: relative;
-  width: 100%;
-  text-align: right;
-  padding-right: 20px;
-  transition: 600ms ease position;
-  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
-  .subtitle {
-    font-size: 20px;
-    color: #fff;
-  }
-  &.draft {
-    background: #d0d0d0;
-  }
-  &.deleted {
-    background: #d0d0d0;
-  }
-}
-.link-type,
-.link-type:focus {
-  color: #337ab7;
-  cursor: pointer;
-  &:hover {
-    color: rgb(32, 160, 255);
-  }
-}
-.filter-container {
-  padding-bottom: 10px;
-  .filter-item {
-    display: inline-block;
-    vertical-align: middle;
-    margin-bottom: 10px;
-  }
-}
-//refine vue-multiselect plugin
-.multiselect {
-  line-height: 16px;
-}
-.multiselect--active {
-  z-index: 1000 !important;
-}
--- a/datax-ui/src/utils/index.js
+++ b/datax-ui/src/utils/index.js
-/**
- * Created by PanJiaChen on 16/11/18.
- */
-/**
- * Parse the time to string
- * @param {(Object|string|number)} time
- * @param {string} cFormat
- * @returns {string | null}
- */
-export function parseTime (time, cFormat) {
-  if (arguments.length === 0) {
-    return null
-  }
-  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
-  let date
-  if (typeof time === 'object') {
-    date = time
-  } else {
-    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
-      time = parseInt(time)
-    }
-    if ((typeof time === 'number') && (time.toString().length === 10)) {
-      time = time * 1000
-    }
-    date = new Date(time)
-  }
-  const formatObj = {
-    y: date.getFullYear(),
-    m: date.getMonth() + 1,
-    d: date.getDate(),
-    h: date.getHours(),
-    i: date.getMinutes(),
-    s: date.getSeconds(),
-    a: date.getDay()
-  }
-  const timeStr = format.replace(/{([ymdhisa])+}/g, (result, key) => {
-    const value = formatObj[key]
-    // Note: getDay() returns 0 on Sunday
-    if (key === 'a') { return [ '日', '一', '二', '三', '四', '五', '六' ][ value ] }
-    return value.toString().padStart(2, '0')
-  })
-  return timeStr
-}
-/**
- * @param {number} time
- * @param {string} option
- * @returns {string}
- */
-export function formatTime (time, option) {
-  if (('' + time).length === 10) {
-    time = parseInt(time) * 1000
-  } else {
-    time = +time
-  }
-  const d = new Date(time)
-  const now = Date.now()
-  const diff = (now - d) / 1000
-  if (diff < 30) {
-    return '刚刚'
-  } else if (diff < 3600) {
-    // less 1 hour
-    return Math.ceil(diff / 60) + '分钟前'
-  } else if (diff < 3600 * 24) {
-    return Math.ceil(diff / 3600) + '小时前'
-  } else if (diff < 3600 * 24 * 2) {
-    return '1天前'
-  }
-  if (option) {
-    return parseTime(time, option)
-  } else {
-    return (
-      d.getMonth() +
-      1 +
-      '月' +
-      d.getDate() +
-      '日' +
-      d.getHours() +
-      '时' +
-      d.getMinutes() +
-      '分'
-    )
-  }
-}
-/**
- * @param {string} url
- * @returns {Object}
- */
-export function getQueryObject (url) {
-  url = url == null ? window.location.href : url
-  const search = url.substring(url.lastIndexOf('?') + 1)
-  const obj = {}
-  const reg = /([^?&=]+)=([^?&=]*)/g
-  search.replace(reg, (rs, $1, $2) => {
-    const name = decodeURIComponent($1)
-    let val = decodeURIComponent($2)
-    val = String(val)
-    obj[name] = val
-    return rs
-  })
-  return obj
-}
-/**
- * @param {string} input value
- * @returns {number} output value
- */
-export function byteLength (str) {
-  // returns the byte length of an utf8 string
-  let s = str.length
-  for (var i = str.length - 1; i >= 0; i--) {
-    const code = str.charCodeAt(i)
-    if (code > 0x7f && code <= 0x7ff) s++
-    else if (code > 0x7ff && code <= 0xffff) s += 2
-    if (code >= 0xDC00 && code <= 0xDFFF) i--
-  }
-  return s
-}
-/**
- * @param {Array} actual
- * @returns {Array}
- */
-export function cleanArray (actual) {
-  const newArray = []
-  for (let i = 0; i < actual.length; i++) {
-    if (actual[i]) {
-      newArray.push(actual[i])
-    }
-  }
-  return newArray
-}
-/**
- * @param {Object} json
- * @returns {Array}
- */
-export function param (json) {
-  if (!json) return ''
-  return cleanArray(
-    Object.keys(json).map(key => {
-      if (json[key] === undefined) return ''
-      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
-    })
-  ).join('&')
-}
-/**
- * @param {string} url
- * @returns {Object}
- */
-export function param2Obj (url) {
-  const search = url.split('?')[1]
-  if (!search) {
-    return {}
-  }
-  return JSON.parse(
-    '{"' +
-      decodeURIComponent(search)
-        .replace(/"/g, '\\"')
-        .replace(/&/g, '","')
-        .replace(/=/g, '":"')
-        .replace(/\+/g, ' ') +
-      '"}'
-  )
-}
-/**
- * @param {string} val
- * @returns {string}
- */
-export function html2Text (val) {
-  const div = document.createElement('div')
-  div.innerHTML = val
-  return div.textContent || div.innerText
-}
-/**
- * Merges two objects, giving the last one precedence
- * @param {Object} target
- * @param {(Object|Array)} source
- * @returns {Object}
- */
-export function objectMerge (target, source) {
-  if (typeof target !== 'object') {
-    target = {}
-  }
-  if (Array.isArray(source)) {
-    return source.slice()
-  }
-  Object.keys(source).forEach(property => {
-    const sourceProperty = source[property]
-    if (typeof sourceProperty === 'object') {
-      target[property] = objectMerge(target[property], sourceProperty)
-    } else {
-      target[property] = sourceProperty
-    }
-  })
-  return target
-}
-/**
- * @param {HTMLElement} element
- * @param {string} className
- */
-export function toggleClass (element, className) {
-  if (!element || !className) {
-    return
-  }
-  let classString = element.className
-  const nameIndex = classString.indexOf(className)
-  if (nameIndex === -1) {
-    classString += '' + className
-  } else {
-    classString =
-      classString.substr(0, nameIndex) +
-      classString.substr(nameIndex + className.length)
-  }
-  element.className = classString
-}
-/**
- * @param {string} type
- * @returns {Date}
- */
-export function getTime (type) {
-  if (type === 'start') {
-    return new Date().getTime() - 3600 * 1000 * 24 * 90
-  } else {
-    return new Date(new Date().toDateString())
-  }
-}
-/**
- * @param {Function} func
- * @param {number} wait
- * @param {boolean} immediate
- * @return {*}
- */
-export function debounce (func, wait, immediate) {
-  let timeout, args, context, timestamp, result
-  const later = function () {
-    // 据上一次触发时间间隔
-    const last = +new Date() - timestamp
-    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
-    if (last < wait && last > 0) {
-      timeout = setTimeout(later, wait - last)
-    } else {
-      timeout = null
-      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
-      if (!immediate) {
-        result = func.apply(context, args)
-        if (!timeout) context = args = null
-      }
-    }
-  }
-  return function (...args) {
-    context = this
-    timestamp = +new Date()
-    const callNow = immediate && !timeout
-    // 如果延时不存在，重新设定延时
-    if (!timeout) timeout = setTimeout(later, wait)
-    if (callNow) {
-      result = func.apply(context, args)
-      context = args = null
-    }
-    return result
-  }
-}
-/**
- * This is just a simple version of deep copy
- * Has a lot of edge cases bug
- * If you want to use a perfect deep copy, use lodash's _.cloneDeep
- * @param {Object} source
- * @returns {Object}
- */
-export function deepClone (source) {
-  if (!source && typeof source !== 'object') {
-    throw new Error('error arguments', 'deepClone')
-  }
-  const targetObj = source.constructor === Array ? [] : {}
-  Object.keys(source).forEach(keys => {
-    if (source[keys] && typeof source[keys] === 'object') {
-      targetObj[keys] = deepClone(source[keys])
-    } else {
-      targetObj[keys] = source[keys]
-    }
-  })
-  return targetObj
-}
-/**
- * @param {Array} arr
- * @returns {Array}
- */
-export function uniqueArr (arr) {
-  return Array.from(new Set(arr))
-}
-/**
- * @returns {string}
- */
-export function createUniqueString () {
-  const timestamp = +new Date() + ''
-  const randomNum = parseInt((1 + Math.random()) * 65536) + ''
-  return (+(randomNum + timestamp)).toString(32)
-}
-/**
- * Check if an element has a class
- * @param {HTMLElement} elm
- * @param {string} cls
- * @returns {boolean}
- */
-export function hasClass (ele, cls) {
-  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
-}
-/**
- * Add class to element
- * @param {HTMLElement} elm
- * @param {string} cls
- */
-export function addClass (ele, cls) {
-  if (!hasClass(ele, cls)) ele.className += ' ' + cls
-}
-/**
- * Remove class from element
- * @param {HTMLElement} elm
- * @param {string} cls
- */
-export function removeClass (ele, cls) {
-  if (hasClass(ele, cls)) {
-    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
-    ele.className = ele.className.replace(reg, ' ')
-  }
-}
--- a/datax-ui/src/utils/storage.js
+++ b/datax-ui/src/utils/storage.js
-const ss = sessionStorage
-const storage = {
-  ss: {
-    get (key) {
-      try {
-        return JSON.parse(ss.getItem(key))
-      } catch (e) {
-        return undefined
-      }
-    },
-    set (key, value) {
-      ss.setItem(key, JSON.stringify(value))
-    },
-    remove (key) {
-      ss.removeItem(key)
-    },
-    clear () {
-      ss.clear()
-    }
-  }
-}
-export default storage
--- a/datax-ui/src/utils/validate.js
+++ b/datax-ui/src/utils/validate.js
-/**
- * Created by PanJiaChen on 16/11/18.
- */
-/**
- * @param {string} path
- * @returns {Boolean}
- */
-export function isExternal (path) {
-  return /^(https?:|mailto:|tel:)/.test(path)
-}
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUsername (str) {
-  const validMap = ['admin', 'editor']
-  return validMap.indexOf(str.trim()) >= 0
-}
-/**
- * @param {string} url
- * @returns {Boolean}
- */
-export function validURL (url) {
-  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
-  return reg.test(url)
-}
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validLowerCase (str) {
-  const reg = /^[a-z]+$/
-  return reg.test(str)
-}
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUpperCase (str) {
-  const reg = /^[A-Z]+$/
-  return reg.test(str)
-}
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validAlphabets (str) {
-  const reg = /^[A-Za-z]+$/
-  return reg.test(str)
-}
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function isString (str) {
-  if (typeof str === 'string' || str instanceof String) {
-    return true
-  }
-  return false
-}
-/**
- * @param {Array} arg
- * @returns {Boolean}
- */
-export function isArray (arg) {
-  if (typeof Array.isArray === 'undefined') {
-    return Object.prototype.toString.call(arg) === '[object Array]'
-  }
-  return Array.isArray(arg)
-}
--- a/datax_ui/.editorconfig
+++ b/datax_ui/.editorconfig
+# http://editorconfig.org
+root = true
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
--- a/datax-ui/.env.development
+++ b/datax-ui/.env.development
+# just a flag
 ENV = 'development'
 # base api

--- a/datax-ui/.env.production
+++ b/datax-ui/.env.production
+# just a flag
 ENV = 'production'
 # base api
 VUE_APP_BASE_API = '/prod-api'
--- a/datax_ui/.env.staging
+++ b/datax_ui/.env.staging
+NODE_ENV = production
+# just a flag
+ENV = 'staging'
+# base api
+VUE_APP_BASE_API = '/stage-api'
--- a/datax_ui/.eslintignore
+++ b/datax_ui/.eslintignore
+build/*.js
+src/assets
+public
+dist
--- a/datax_ui/.eslintrc.js
+++ b/datax_ui/.eslintrc.js
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: ['plugin:vue/recommended', 'eslint:recommended'],
+  // add your custom rules here
+  //it is base on https://github.com/vuejs/eslint-config-vue
+  rules: {
+    "vue/max-attributes-per-line": [2, {
+      "singleline": 10,
+      "multiline": {
+        "max": 1,
+        "allowFirstLine": false
+      }
+    }],
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/multiline-html-element-content-newline":"off",
+    "vue/name-property-casing": ["error", "PascalCase"],
+    "vue/no-v-html": "off",
+    'accessor-pairs': 2,
+    'arrow-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'block-spacing': [2, 'always'],
+    'brace-style': [2, '1tbs', {
+      'allowSingleLine': true
+    }],
+    'camelcase': [0, {
+      'properties': 'always'
+    }],
+    'comma-dangle': [2, 'never'],
+    'comma-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': [2, 'last'],
+    'constructor-super': 2,
+    'curly': [2, 'multi-line'],
+    'dot-location': [2, 'property'],
+    'eol-last': 2,
+    'eqeqeq': ["error", "always", {"null": "ignore"}],
+    'generator-star-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'indent': [2, 2, {
+      'SwitchCase': 1
+    }],
+    'jsx-quotes': [2, 'prefer-single'],
+    'key-spacing': [2, {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'keyword-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'new-cap': [2, {
+      'newIsCap': true,
+      'capIsNew': false
+    }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 0,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [2, 'functions'],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [2, 'functions'],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [2, {
+      'allowLoop': false,
+      'allowSwitch': false
+    }],
+    'no-lone-blocks': 2,
+    'no-mixed-spaces-and-tabs': 2,
+    'no-multi-spaces': 2,
+    'no-multi-str': 2,
+    'no-multiple-empty-lines': [2, {
+      'max': 1
+    }],
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [2, 'except-parens'],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-spaced-func': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-trailing-spaces': 2,
+    'no-undef': 2,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [2, {
+      'defaultAssignment': false
+    }],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [2, {
+      'vars': 'all',
+      'args': 'none'
+    }],
+    'no-useless-call': 2,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-whitespace-before-property': 2,
+    'no-with': 2,
+    'one-var': [2, {
+      'initialized': 'never'
+    }],
+    'operator-linebreak': [2, 'after', {
+      'overrides': {
+        '?': 'before',
+        ':': 'before'
+      }
+    }],
+    'padded-blocks': [2, 'never'],
+    'quotes': [2, 'single', {
+      'avoidEscape': true,
+      'allowTemplateLiterals': true
+    }],
+    'semi': [2, 'never'],
+    'semi-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'space-before-blocks': [2, 'always'],
+    'space-before-function-paren': [2, 'never'],
+    'space-in-parens': [2, 'never'],
+    'space-infix-ops': 2,
+    'space-unary-ops': [2, {
+      'words': true,
+      'nonwords': false
+    }],
+    'spaced-comment': [2, 'always', {
+      'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
+    }],
+    'template-curly-spacing': [2, 'never'],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [2, 'any'],
+    'yield-star-spacing': [2, 'both'],
+    'yoda': [2, 'never'],
+    'prefer-const': 2,
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'object-curly-spacing': [2, 'always', {
+      objectsInObjects: false
+    }],
+    'array-bracket-spacing': [2, 'never']
+  }
+}
--- a/datax-ui/.gitignore
+++ b/datax-ui/.gitignore
 .DS_Store
-node_modules
+node_modules/
-/dist
+dist/
-# local env files
-.env.local
-.env.*.local
-# Log files
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+package-lock.json
+tests/**/coverage/
 # Editor directories and files
 .idea
@@ -18,4 +14,3 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
--- a/datax_ui/.travis.yml
+++ b/datax_ui/.travis.yml
+language: node_js
+node_js: 10
+script: npm run test
+notifications:
+  email: false
--- a/datax_ui/LICENSE
+++ b/datax_ui/LICENSE
+MIT License
+Copyright (c) 2017-present PanJiaChen
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/datax_ui/README-zh.md
+++ b/datax_ui/README-zh.md
+# vue-admin-template
+> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
+[线上地址](http://panjiachen.github.io/vue-admin-template)
+[国内访问](https://panjiachen.gitee.io/vue-admin-template)
+目前版本为 `v4.0+` 基于 `vue-cli` 进行构建，若你想使用旧版本，可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)，它不依赖 `vue-cli`。
+## Extra
+如果你想要根据用户角色来动态生成侧边栏和 router，你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+## GitAds
+[<img src="https://images.gitads.io/PanJiaChen/vue-admin-template" alt="GitAds" />](https://tracking.gitads.io/?repo=PanJiaChen/vue-admin-template)
+## 相关项目
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
+- [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
+- [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
+- [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
+- [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
+- [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
+## Build Setup
+```bash
+# 克隆项目
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+# 进入项目目录
+cd vue-admin-template
+# 安装依赖
+npm install
+# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+# 启动服务
+npm run dev
+```
+浏览器访问 [http://localhost:9528](http://localhost:9528)
+## 发布
+```bash
+# 构建测试环境
+npm run build:stage
+# 构建生产环境
+npm run build:prod
+```
+## 其它
+```bash
+# 预览发布环境效果
+npm run preview
+# 预览发布环境效果 + 静态资源分析
+npm run preview -- --report
+# 代码格式检查
+npm run lint
+# 代码格式检查并自动修复
+npm run lint -- --fix
+```
+更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
+## 购买贴纸
+你也可以通过 购买[官方授权的贴纸](https://smallsticker.com/product/vue-element-admin) 的方式来支持 vue-element-admin - 每售出一张贴纸，我们将获得 2 元的捐赠。
+## Demo
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+## Browsers support
+Modern browsers and Internet Explorer 10+.
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+## License
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+Copyright (c) 2017-present PanJiaChen
--- a/datax_ui/README.md
+++ b/datax_ui/README.md
+# vue-admin-template
+English | [简体中文](./README-zh.md)
+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+**Live demo:** http://panjiachen.github.io/vue-admin-template
+**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**
+## GitAds
+> vue-admin-template is being sponsored by the following tool; please help to support us by taking a look and signing up to a free trial
+[<img src="https://images.gitads.io/vue-admin-template" alt="GitAds" />](https://tracking.gitads.io/?repo=vue-admin-template)
+## Build Setup
+```bash
+# clone the project
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+# enter the project directory
+cd vue-admin-template
+# install dependency
+npm install
+# develop
+npm run dev
+```
+This will automatically open http://localhost:9528
+## Build
+```bash
+# build for test environment
+npm run build:stage
+# build for production environment
+npm run build:prod
+```
+## Advanced
+```bash
+# preview the release environment effect
+npm run preview
+# preview the release environment effect + static resource analysis
+npm run preview -- --report
+# code format check
+npm run lint
+# code format check and auto fix
+npm run lint -- --fix
+```
+Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
+## Demo
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+## Extra
+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
+## Related Project
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+## Browsers support
+Modern browsers and Internet Explorer 10+.
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+## License
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+Copyright (c) 2017-present PanJiaChen
--- a/datax_ui/babel.config.js
+++ b/datax_ui/babel.config.js
+module.exports = {
+  presets: [
+    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
+    '@vue/cli-plugin-babel/preset'
+  ],
+  'env': {
+    'development': {
+      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
+      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
+      // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
+      'plugins': ['dynamic-import-node']
+    }
+  }
+}
--- a/datax_ui/jest.config.js
+++ b/datax_ui/jest.config.js
+module.exports = {
+  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
+      'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: ['jest-serializer-vue'],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
+  coverageDirectory: '<rootDir>/tests/unit/coverage',
+  // 'collectCoverage': true,
+  'coverageReporters': [
+    'lcov',
+    'text-summary'
+  ],
+  testURL: 'http://localhost/'
+}
--- a/datax_ui/jsconfig.json
+++ b/datax_ui/jsconfig.json
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+        "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
--- a/datax_ui/package.json
+++ b/datax_ui/package.json
+{
+  "name": "datax_ui",
+  "version": "1.0.0",
+  "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
+  "author": "YuWei",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build:prod": "vue-cli-service build",
+    "build:stage": "vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview",
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
+    "lint": "eslint --ext .js,.vue src",
+    "test:unit": "jest --clearCache && vue-cli-service test:unit",
+    "test:ci": "npm run lint && npm run test:unit"
+  },
+  "dependencies": {
+    "@riophae/vue-treeselect": "^0.4.0",
+    "axios": "0.18.1",
+    "core-js": "3.6.5",
+    "echarts": "^4.8.0",
+    "element-ui": "2.13.2",
+    "good-storage": "^1.1.1",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "path-to-regexp": "2.4.0",
+    "screenfull": "^5.0.2",
+    "sql-formatter": "^2.3.3",
+    "vue": "2.6.10",
+    "vue-codemirror": "^4.0.6",
+    "vue-grid-layout": "^2.3.8",
+    "vue-router": "3.0.6",
+    "vuedraggable": "^2.24.0",
+    "vuex": "3.1.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "4.4.4",
+    "@vue/cli-plugin-eslint": "4.4.4",
+    "@vue/cli-plugin-unit-jest": "4.4.4",
+    "@vue/cli-service": "4.4.4",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "autoprefixer": "9.5.1",
+    "babel-eslint": "10.1.0",
+    "babel-jest": "23.6.0",
+    "babel-plugin-dynamic-import-node": "2.3.3",
+    "chalk": "2.4.2",
+    "connect": "3.6.6",
+    "eslint": "6.7.2",
+    "eslint-plugin-vue": "6.2.2",
+    "html-webpack-plugin": "3.2.0",
+    "runjs": "4.3.2",
+    "sass": "1.26.8",
+    "sass-loader": "8.0.2",
+    "script-ext-html-webpack-plugin": "2.1.3",
+    "serve-static": "1.13.2",
+    "svg-sprite-loader": "4.1.3",
+    "svgo": "1.2.2",
+    "vue-template-compiler": "2.6.10"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ],
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "license": "MIT"
+}
--- a/datax_ui/postcss.config.js
+++ b/datax_ui/postcss.config.js
+// https://github.com/michael-ciniawsky/postcss-load-config
+module.exports = {
+  'plugins': {
+    // to edit target browsers: use "browserslist" field in package.json
+    'autoprefixer': {}
+  }
+}
--- a/datax_ui/public/favicon.ico
+++ b/datax_ui/public/favicon.ico
--- a/datax-ui/public/index.html
+++ b/datax-ui/public/index.html
 <!DOCTYPE html>
-<html lang="en">
+<html>
  <head>
    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>vue-template</title>
+    <title><%= webpackConfig.name %></title>
  </head>
  <body>
    <noscript>
-      <strong>We're sorry but vue-template doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->

--- a/datax-ui/src/App.vue
+++ b/datax-ui/src/App.vue
--- a/datax-ui/src/api/market/apimask.js
+++ b/datax-ui/src/api/market/apimask.js
--- a/datax-ui/src/api/market/dataapi.js
+++ b/datax-ui/src/api/market/dataapi.js
--- a/datax-ui/src/api/metadata/changerecord.js
+++ b/datax-ui/src/api/metadata/changerecord.js
--- a/datax-ui/src/api/metadata/datacolumn.js
+++ b/datax-ui/src/api/metadata/datacolumn.js
--- a/datax-ui/src/api/metadata/datasource.js
+++ b/datax-ui/src/api/metadata/datasource.js
--- a/datax-ui/src/api/metadata/datatable.js
+++ b/datax-ui/src/api/metadata/datatable.js
--- a/datax-ui/src/api/metadata/sqlconsole.js
+++ b/datax-ui/src/api/metadata/sqlconsole.js
--- a/datax-ui/src/api/monitor/loginlog.js
+++ b/datax-ui/src/api/monitor/loginlog.js
--- a/datax-ui/src/api/monitor/operlog.js
+++ b/datax-ui/src/api/monitor/operlog.js
--- a/datax-ui/src/api/scheduler/job.js
+++ b/datax-ui/src/api/scheduler/job.js
--- a/datax-ui/src/api/scheduler/log.js
+++ b/datax-ui/src/api/scheduler/log.js
--- a/datax-ui/src/api/system/config.js
+++ b/datax-ui/src/api/system/config.js
--- a/datax-ui/src/api/system/dept.js
+++ b/datax-ui/src/api/system/dept.js
--- a/datax-ui/src/api/system/dict.js
+++ b/datax-ui/src/api/system/dict.js
--- a/datax-ui/src/api/system/menu.js
+++ b/datax-ui/src/api/system/menu.js
--- a/datax-ui/src/api/system/post.js
+++ b/datax-ui/src/api/system/post.js
--- a/datax-ui/src/api/system/role.js
+++ b/datax-ui/src/api/system/role.js
--- a/datax-ui/src/api/system/user.js
+++ b/datax-ui/src/api/system/user.js
 import request from '@/utils/request'
 import qs from 'qs'
-export function login (username, password) {
+export function login(username, password) {
-  let data = {
+  const data = {
    username: username,
    password: password,
    grant_type: 'password',
@@ -18,28 +18,28 @@ export function login (username, password) {
  })
 }
-export function getRoutes (id) {
+export function getRoutes(id) {
  return request({
-    url: '/system/users/' + id + '/route',
+    url: `/system/users/${id}/route`,
    method: 'get'
  })
 }
-export function logout (token) {
+export function logout(token) {
  return request({
-    url: '/system/logout/' + token,
+    url: `/system/logout/${token}`,
    method: 'delete'
  })
 }
-export function log () {
+export function log() {
  return request({
    url: '/system/login/logs',
    method: 'post'
  })
 }
-export function pageUser (data) {
+export function pageUser(data) {
  return request({
    url: '/system/users/page',
    method: 'get',
@@ -47,28 +47,28 @@ export function pageUser (data) {
  })
 }
-export function getUser (id) {
+export function getUser(id) {
  return request({
    url: '/system/users/' + id,
    method: 'get'
  })
 }
-export function delUser (id) {
+export function delUser(id) {
  return request({
    url: '/system/users/' + id,
    method: 'delete'
  })
 }
-export function delUsers (ids) {
+export function delUsers(ids) {
  return request({
    url: '/system/users/batch/' + ids,
    method: 'delete'
  })
 }
-export function addUser (data) {
+export function addUser(data) {
  return request({
    url: '/system/users',
    method: 'post',
@@ -76,7 +76,7 @@ export function addUser (data) {
  })
 }
-export function updateUser (data) {
+export function updateUser(data) {
  return request({
    url: '/system/users/' + data.id,
    method: 'put',

--- a/datax-ui/src/api/visual/dataset.js
+++ b/datax-ui/src/api/visual/dataset.js
--- a/datax-ui/src/assets/401_images/401.gif
+++ b/datax-ui/src/assets/401_images/401.gif
--- a/datax-ui/src/assets/404_images/404.png
+++ b/datax-ui/src/assets/404_images/404.png
--- a/datax-ui/src/assets/404_images/404_cloud.png
+++ b/datax-ui/src/assets/404_images/404_cloud.png
--- a/datax-ui/src/assets/icons/iconfont.css
+++ b/datax-ui/src/assets/icons/iconfont.css
--- a/datax-ui/src/assets/icons/iconfont.eot
+++ b/datax-ui/src/assets/icons/iconfont.eot
--- a/datax-ui/src/assets/icons/iconfont.js
+++ b/datax-ui/src/assets/icons/iconfont.js
--- a/datax-ui/src/assets/icons/iconfont.json
+++ b/datax-ui/src/assets/icons/iconfont.json
--- a/datax-ui/src/assets/icons/iconfont.svg
+++ b/datax-ui/src/assets/icons/iconfont.svg
--- a/datax-ui/src/assets/icons/iconfont.ttf
+++ b/datax-ui/src/assets/icons/iconfont.ttf
--- a/datax-ui/src/assets/icons/iconfont.woff
+++ b/datax-ui/src/assets/icons/iconfont.woff
--- a/datax-ui/src/assets/icons/iconfont.woff2
+++ b/datax-ui/src/assets/icons/iconfont.woff2
--- a/datax-ui/src/components/Breadcrumb/index.vue
+++ b/datax-ui/src/components/Breadcrumb/index.vue
@@ -2,6 +2,7 @@
  <el-breadcrumb class="app-breadcrumb" separator="/">
    <transition-group name="breadcrumb">
      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
+        <span v-if="index === 0">当前位置：</span>
        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
      </el-breadcrumb-item>
@@ -10,51 +11,48 @@
 </template>
 <script>
-import * as pathToRegexp from 'path-to-regexp'
+import pathToRegexp from 'path-to-regexp'
 export default {
-  data () {
+  data() {
    return {
      levelList: null
    }
  },
  watch: {
-    $route (route) {
+    $route() {
-      if (route.path.startsWith('/redirect/')) {
-        return
-      }
      this.getBreadcrumb()
    }
  },
-  created () {
+  created() {
    this.getBreadcrumb()
  },
  methods: {
-    getBreadcrumb () {
+    getBreadcrumb() {
      // only show routes with meta.title
      let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
      const first = matched[0]
      if (!this.isDashboard(first)) {
-        matched = [{ path: '/dashboard', meta: { title: '首页' } }].concat(matched)
+        matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
      }
      this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
    },
-    isDashboard (route) {
+    isDashboard(route) {
      const name = route && route.name
      if (!name) {
        return false
      }
-      return name.trim() === '首页'
+      return name.trim().toLocaleLowerCase() === '首页'.toLocaleLowerCase()
    },
-    pathCompile (path) {
+    pathCompile(path) {
      // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
      const { params } = this.$route
      var toPath = pathToRegexp.compile(path)
      return toPath(params)
    },
-    handleLink (item) {
+    handleLink(item) {
      const { redirect, path } = item
      if (redirect) {
        this.$router.push(redirect)

--- a/datax-ui/src/components/Hamburger/index.vue
+++ b/datax-ui/src/components/Hamburger/index.vue
 <template>
  <div style="padding: 0 15px;" @click="toggleClick">
-    <i
+    <svg
-      :class="{ 'el-icon-s-fold': isActive, 'el-icon-s-unfold': !isActive }"
+      :class="{'is-active':isActive}"
-    ></i>
+      class="hamburger"
+      viewBox="0 0 1024 1024"
+      xmlns="http://www.w3.org/2000/svg"
+      width="64"
+      height="64"
+    >
+      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
+    </svg>
  </div>
 </template>
@@ -16,9 +23,22 @@ export default {
    }
  },
  methods: {
-    toggleClick () {
+    toggleClick() {
      this.$emit('toggleClick')
    }
  }
 }
 </script>
+<style scoped>
+.hamburger {
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+}
+.hamburger.is-active {
+  transform: rotate(180deg);
+}
+</style>
--- a/datax-ui/src/components/Screenfull/index.vue
+++ b/datax-ui/src/components/Screenfull/index.vue
 <template>
-  <div @click="toggleFull">
+  <div>
-    <svg-icon class-name="size-icon" icon-class="screenfull" />
+    <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" @click="click" />
  </div>
 </template>
 <script>
 import screenfull from 'screenfull'
-import { Message } from 'element-ui'
 export default {
  name: 'Screenfull',
-  data () {
+  data() {
    return {
      isFullscreen: false
    }
  },
-  mounted () {
+  mounted() {
    this.init()
  },
-  beforeDestroy () {
+  beforeDestroy() {
    this.destroy()
  },
  methods: {
-    toggleFull () {
+    click() {
      if (!screenfull.isEnabled) {
-        Message.warning('you browser can not work')
+        this.$message({
+          message: 'you browser can not work',
+          type: 'warning'
+        })
        return false
      }
      screenfull.toggle()
    },
-    change () {
+    change() {
      this.isFullscreen = screenfull.isFullscreen
    },
-    init () {
+    init() {
      if (screenfull.isEnabled) {
        screenfull.on('change', this.change)
      }
    },
-    destroy () {
+    destroy() {
      if (screenfull.isEnabled) {
        screenfull.off('change', this.change)
      }
@@ -45,3 +47,14 @@ export default {
  }
 }
 </script>
+<style scoped>
+.screenfull-svg {
+  display: inline-block;
+  cursor: pointer;
+  fill: #5a5e66;;
+  width: 20px;
+  height: 20px;
+  vertical-align: 10px;
+}
+</style>
--- a/datax-ui/src/components/SqlEditor/index.vue
+++ b/datax-ui/src/components/SqlEditor/index.vue
@@ -2,10 +2,9 @@
  <div>
    <textarea
      ref="mycode"
-      class="codesql"
      v-model="value"
-    >
+      class="codesql"
-    </textarea>
+    />
  </div>
 </template>
@@ -13,7 +12,7 @@
 import 'codemirror/lib/codemirror.css'
 import 'codemirror/theme/blackboard.css'
 import 'codemirror/addon/hint/show-hint.css'
-let CodeMirror = require('codemirror/lib/codemirror')
+const CodeMirror = require('codemirror/lib/codemirror')
 require('codemirror/addon/edit/matchbrackets')
 require('codemirror/addon/selection/active-line')
 require('codemirror/mode/sql/sql')
@@ -22,11 +21,6 @@ require('codemirror/addon/hint/sql-hint')
 export default {
  name: 'SqlEditor',
-  data () {
-    return {
-      editor: null
-    }
-  },
  props: {
    value: {
      type: String,
@@ -40,23 +34,28 @@ export default {
      type: [Boolean, String]
    }
  },
-  watch: {
+  data() {
-    newVal (newV, oldV) {
+    return {
-      if (this.editor) {
+      editor: null
-        this.$emit('changeTextarea', this.editor.getValue())
-      }
    }
  },
  computed: {
-    newVal () {
+    newVal() {
      if (this.editor) {
        return this.editor.getValue()
      }
    }
  },
-  mounted () {
+  watch: {
-    let mime = 'text/x-mariadb'
+    newVal(newV, oldV) {
-    let theme = 'blackboard'// 设置主题，不设置的会使用默认主题
+      if (this.editor) {
+        this.$emit('changeTextarea', this.editor.getValue())
+      }
+    }
+  },
+  mounted() {
+    const mime = 'text/x-mariadb'
+    const theme = 'blackboard'// 设置主题，不设置的会使用默认主题
    this.editor = CodeMirror.fromTextArea(this.$refs.mycode, {
      value: this.value,
      mode: mime, // 选择对应代码编辑器的语言，我这边选的是数据库，根据个人情况自行设置即可
@@ -70,7 +69,7 @@ export default {
      theme: theme,
      autofocus: true,
      extraKeys: { 'Ctrl': 'autocomplete' }, // 自定义快捷键
-      hintOptions: {// 自定义提示选项
+      hintOptions: { // 自定义提示选项
        // 当匹配只有一项的时候是否自动补全
        completeSingle: false
        // tables: {
@@ -85,7 +84,7 @@ export default {
    })
  },
  methods: {
-    setVal () {
+    setVal() {
      if (this.editor) {
        if (this.value === '') {
          this.editor.setValue('')

--- a/datax-ui/src/components/SvgIcon/index.vue
+++ b/datax-ui/src/components/SvgIcon/index.vue
 <template>
  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
-    <use :href="iconName" />
+    <use :xlink:href="iconName" />
  </svg>
 </template>
@@ -22,20 +22,20 @@ export default {
    }
  },
  computed: {
-    isExternal () {
+    isExternal() {
      return isExternal(this.iconClass)
    },
-    iconName () {
+    iconName() {
      return `#icon-${this.iconClass}`
    },
-    svgClass () {
+    svgClass() {
      if (this.className) {
        return 'svg-icon ' + this.className
      } else {
        return 'svg-icon'
      }
    },
-    styleExternalIcon () {
+    styleExternalIcon() {
      return {
        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`

--- a/datax-ui/src/components/ThemePicker/index.vue
+++ b/datax-ui/src/components/ThemePicker/index.vue
--- a/datax-ui/src/directive/permission/hasPerm.js
+++ b/datax-ui/src/directive/permission/hasPerm.js
 import store from '@/store'
 export default {
-  inserted (el, binding, vnode) {
+  inserted(el, binding, vnode) {
    const { value } = binding
    const allPermission = '*:*:*'
-    const permissions = store.getters && store.getters.user_perm
+    const permissions = store.getters && store.getters.user_perms
    if (value && value instanceof Array && value.length > 0) {
      const permissionFlag = value

--- a/datax-ui/src/directive/permission/hasRole.js
+++ b/datax-ui/src/directive/permission/hasRole.js
 import store from '@/store'
 export default {
-  inserted (el, binding, vnode) {
+  inserted(el, binding, vnode) {
    const { value } = binding
    const superAdmin = 'admin'
-    const roles = store.getters && store.getters.user_role
+    const roles = store.getters && store.getters.user && store.getters.user.roles
    if (value && value instanceof Array && value.length > 0) {
      const roleFlag = value

--- a/datax-ui/src/directive/permission/index.js
+++ b/datax-ui/src/directive/permission/index.js
 import hasRole from './hasRole'
 import hasPerm from './hasPerm'
-const install = function (Vue) {
+const install = function(Vue) {
  Vue.directive('hasRole', hasRole)
  Vue.directive('hasPerm', hasPerm)
 }

--- a/datax-ui/src/icons/index.js
+++ b/datax-ui/src/icons/index.js
--- a/datax-ui/src/icons/svg/colum-height.svg
+++ b/datax-ui/src/icons/svg/colum-height.svg
--- a/datax-ui/src/icons/svg/column-width.svg
+++ b/datax-ui/src/icons/svg/column-width.svg
--- a/datax-ui/src/icons/svg/dashboard.svg
+++ b/datax-ui/src/icons/svg/dashboard.svg
--- a/datax_ui/src/icons/svg/example.svg
+++ b/datax_ui/src/icons/svg/example.svg
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/></svg>
\ No newline at end of file
--- a/datax_ui/src/icons/svg/exit-fullscreen.svg
+++ b/datax_ui/src/icons/svg/exit-fullscreen.svg
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M49.217 41.329l-.136-35.24c-.06-2.715-2.302-4.345-5.022-4.405h-3.65c-2.712-.06-4.866 2.303-4.806 5.016l.152 19.164-24.151-23.79a6.698 6.698 0 0 0-9.499 0 6.76 6.76 0 0 0 0 9.526l23.93 23.713-18.345.074c-2.712-.069-5.228 1.813-5.64 5.02v3.462c.069 2.721 2.31 4.97 5.022 5.03l35.028-.207c.052.005.087.025.133.025l2.457.054a4.626 4.626 0 0 0 3.436-1.38c.88-.874 1.205-2.096 1.169-3.462l-.262-2.465c0-.048.182-.081.182-.136h.002zm52.523 51.212l18.32-.073c2.713.06 5.224-1.609 5.64-4.815v-3.462c-.068-2.722-2.317-4.97-5.021-5.04l-34.58.21c-.053 0-.086-.021-.138-.021l-2.451-.06a4.64 4.64 0 0 0-3.445 1.381c-.885.868-1.201 2.094-1.174 3.46l.27 2.46c.005.06-.177.095-.177.141l.141 34.697c.069 2.713 2.31 4.338 5.022 4.397l3.45.006c2.705.062 4.867-2.31 4.8-5.026l-.153-18.752 24.151 23.946a6.69 6.69 0 0 0 9.494 0 6.747 6.747 0 0 0 0-9.523L101.74 92.54v.001zM48.125 80.662a4.636 4.636 0 0 0-3.437-1.382l-2.457.06c-.05 0-.082.022-.137.022l-35.025-.21c-2.712.07-4.957 2.318-5.022 5.04v3.462c.409 3.206 2.925 4.874 5.633 4.814l18.554.06-24.132 23.928c-2.62 2.626-2.62 6.89 0 9.524a6.694 6.694 0 0 0 9.496 0l24.155-23.79-.155 18.866c-.06 2.722 2.094 5.093 4.801 5.025h3.65c2.72-.069 4.962-1.685 5.022-4.406l.141-34.956c0-.05-.182-.082-.182-.136l.262-2.46c.03-1.366-.286-2.592-1.166-3.46h-.001zM80.08 47.397a4.62 4.62 0 0 0 3.443 1.374l2.45-.054c.055 0 .088-.02.143-.028l35.08.21c2.712-.062 4.953-2.312 5.021-5.033l.009-3.463c-.417-3.211-2.937-5.084-5.64-5.025l-18.615-.073 23.917-23.715c2.63-2.623 2.63-6.879.008-9.513a6.691 6.691 0 0 0-9.494 0L92.251 26.016l.155-19.312c.065-2.713-2.097-5.085-4.802-5.025h-3.45c-2.713.069-4.954 1.693-5.022 4.406l-.139 35.247c0 .054.18.088.18.136l-.267 2.465c-.028 1.366.288 2.588 1.174 3.463v.001z"/></svg>
\ No newline at end of file
--- a/datax_ui/src/icons/svg/eye-open.svg
+++ b/datax_ui/src/icons/svg/eye-open.svg
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/></svg>
\ No newline at end of file
--- a/datax_ui/src/icons/svg/eye.svg
+++ b/datax_ui/src/icons/svg/eye.svg
+<svg width="128" height="64" xmlns="http://www.w3.org/2000/svg"><path d="M127.072 7.994c1.37-2.208.914-5.152-.914-6.87-2.056-1.717-4.797-1.226-6.396.982-.229.245-25.586 32.382-55.74 32.382-29.24 0-55.74-32.382-55.968-32.627-1.6-1.963-4.57-2.208-6.397-.49C-.17 3.086-.399 6.275 1.2 8.238c.457.736 5.94 7.36 14.62 14.72L4.17 35.96c-1.828 1.963-1.6 5.152.228 6.87.457.98 1.6 1.471 2.742 1.471s2.284-.49 3.198-1.472l12.564-13.983c5.94 4.416 13.021 8.587 20.788 11.53l-4.797 17.418c-.685 2.699.686 5.397 3.198 6.133h1.37c2.057 0 3.884-1.472 4.341-3.68L52.6 42.83c3.655.736 7.538 1.227 11.422 1.227 3.883 0 7.767-.49 11.422-1.227l4.797 17.173c.457 2.208 2.513 3.68 4.34 3.68.457 0 .914 0 1.143-.246 2.513-.736 3.883-3.434 3.198-6.133l-4.797-17.172c7.767-2.944 14.848-7.114 20.788-11.53l12.336 13.738c.913.981 2.056 1.472 3.198 1.472s2.284-.49 3.198-1.472c1.828-1.963 1.828-4.906.228-6.87l-11.65-13.001c9.366-7.36 14.849-14.474 14.849-14.474z"/></svg>
\ No newline at end of file
--- a/datax_ui/src/icons/svg/form.svg
+++ b/datax_ui/src/icons/svg/form.svg
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M84.068 23.784c-1.02 0-1.877-.32-2.572-.96a8.588 8.588 0 0 1-1.738-2.237 11.524 11.524 0 0 1-1.042-2.621c-.232-.895-.348-1.641-.348-2.238V0h.278c.834 0 1.622.085 2.363.256.742.17 1.645.575 2.711 1.214 1.066.64 2.363 1.535 3.892 2.686 1.53 1.15 3.453 2.664 5.77 4.54 2.502 2.045 4.494 3.771 5.977 5.178 1.483 1.406 2.618 2.6 3.406 3.58.787.98 1.274 1.812 1.46 2.494.185.682.277 1.278.277 1.79v2.046H84.068zM127.3 84.01c.278.682.464 1.535.556 2.558.093 1.023-.37 2.003-1.39 2.94-.463.427-.88.832-1.25 1.215-.372.384-.696.704-.974.96a6.69 6.69 0 0 1-.973.767l-11.816-10.741a44.331 44.331 0 0 0 1.877-1.535 31.028 31.028 0 0 1 1.737-1.406c1.112-.938 2.317-1.343 3.615-1.215 1.297.128 2.363.405 3.197.83.927.427 1.923 1.173 2.989 2.239 1.065 1.065 1.876 2.195 2.432 3.388zM78.23 95.902c2.038 0 3.752-.511 5.143-1.534l-26.969 25.83H18.037c-1.761 0-3.684-.47-5.77-1.407a24.549 24.549 0 0 1-5.838-3.709 21.373 21.373 0 0 1-4.518-5.306c-1.204-2.003-1.807-4.07-1.807-6.202V16.495c0-1.79.44-3.665 1.32-5.626A18.41 18.41 0 0 1 5.04 5.562a21.798 21.798 0 0 1 5.213-3.964C12.198.533 14.237 0 16.37 0h53.24v15.984c0 1.62.278 3.367.834 5.242a16.704 16.704 0 0 0 2.572 5.179c1.159 1.577 2.665 2.898 4.518 3.964 1.853 1.066 4.078 1.598 6.673 1.598h20.295v42.325L85.458 92.45c1.02-1.364 1.529-2.856 1.529-4.476 0-2.216-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1c-2.409 0-4.448.789-6.116 2.366-1.668 1.577-2.502 3.474-2.502 5.69 0 2.217.834 4.092 2.502 5.626 1.668 1.535 3.707 2.302 6.117 2.302h52.13zM26.1 47.951c-2.41 0-4.449.789-6.117 2.366-1.668 1.577-2.502 3.473-2.502 5.69 0 2.216.834 4.092 2.502 5.626 1.668 1.534 3.707 2.302 6.117 2.302h52.13c2.409 0 4.47-.768 6.185-2.302 1.715-1.534 2.572-3.41 2.572-5.626 0-2.217-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1zm52.407 64.063l1.807-1.663 3.476-3.196a479.75 479.75 0 0 0 4.587-4.284 500.757 500.757 0 0 1 5.004-4.667c3.985-3.666 8.48-7.758 13.485-12.276l11.677 10.741-13.485 12.404-5.004 4.603-4.587 4.22a179.46 179.46 0 0 0-3.267 3.068c-.88.853-1.367 1.322-1.46 1.407-.463.341-.973.703-1.529 1.087-.556.383-1.112.703-1.668.959-.556.256-1.413.575-2.572.959a83.5 83.5 0 0 1-3.545 1.087 72.2 72.2 0 0 1-3.475.895c-1.112.256-1.946.426-2.502.511-1.112.17-1.854.043-2.224-.383-.371-.426-.464-1.151-.278-2.174.092-.511.278-1.279.556-2.302.278-1.023.602-2.067.973-3.132l1.042-3.005c.325-.938.58-1.577.765-1.918a10.157 10.157 0 0 1 2.224-2.941z"/></svg>
\ No newline at end of file
--- a/datax_ui/src/icons/svg/fullscreen.svg
+++ b/datax_ui/src/icons/svg/fullscreen.svg
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M38.47 52L52 38.462l-23.648-23.67L43.209 0H.035L0 43.137l14.757-14.865L38.47 52zm74.773 47.726L89.526 76 76 89.536l23.648 23.672L84.795 128h43.174L128 84.863l-14.757 14.863zM89.538 52l23.668-23.648L128 43.207V.038L84.866 0 99.73 14.76 76 38.472 89.538 52zM38.46 76L14.792 99.651 0 84.794v43.173l43.137.033-14.865-14.757L52 89.53 38.46 76z"/></svg>
\ No newline at end of file
--- a/datax_ui/src/icons/svg/link.svg
+++ b/datax_ui/src/icons/svg/link.svg
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.625 127.937H.063V12.375h57.781v12.374H12.438v90.813h90.813V70.156h12.374z"/><path d="M116.426 2.821l8.753 8.753-56.734 56.734-8.753-8.745z"/><path d="M127.893 37.982h-12.375V12.375H88.706V0h39.187z"/></svg>
\ No newline at end of file
--- a/datax-ui/src/icons/svg/menu-line.svg
+++ b/datax-ui/src/icons/svg/menu-line.svg
--- a/datax_ui/src/icons/svg/nested.svg
+++ b/datax_ui/src/icons/svg/nested.svg
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.002 9.2c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-5.043-3.58-9.132-7.997-9.132S.002 4.157.002 9.2zM31.997.066h95.981V18.33H31.997V.066zm0 45.669c0 5.044 3.58 9.132 7.998 9.132 4.417 0 7.997-4.088 7.997-9.132 0-3.263-1.524-6.278-3.998-7.91-2.475-1.63-5.524-1.63-7.998 0-2.475 1.632-4 4.647-4 7.91zM63.992 36.6h63.986v18.265H63.992V36.6zm-31.995 82.2c0 5.043 3.58 9.132 7.998 9.132 4.417 0 7.997-4.089 7.997-9.132 0-5.044-3.58-9.133-7.997-9.133s-7.998 4.089-7.998 9.133zm31.995-9.131h63.986v18.265H63.992V109.67zm0-27.404c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-3.263-1.524-6.277-3.998-7.909-2.475-1.631-5.524-1.631-7.998 0-2.475 1.632-4 4.646-4 7.91zm31.995-9.13h31.991V91.4H95.987V73.135z"/></svg>
\ No newline at end of file
--- a/datax_ui/src/icons/svg/password.svg
+++ b/datax_ui/src/icons/svg/password.svg
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M108.8 44.322H89.6v-5.36c0-9.04-3.308-24.163-25.6-24.163-23.145 0-25.6 16.881-25.6 24.162v5.361H19.2v-5.36C19.2 15.281 36.798 0 64 0c27.202 0 44.8 15.281 44.8 38.961v5.361zm-32 39.356c0-5.44-5.763-9.832-12.8-9.832-7.037 0-12.8 4.392-12.8 9.832 0 3.682 2.567 6.808 6.407 8.477v11.205c0 2.718 2.875 4.962 6.4 4.962 3.524 0 6.4-2.244 6.4-4.962V92.155c3.833-1.669 6.393-4.795 6.393-8.477zM128 64v49.201c0 8.158-8.645 14.799-19.2 14.799H19.2C8.651 128 0 121.359 0 113.201V64c0-8.153 8.645-14.799 19.2-14.799h89.6c10.555 0 19.2 6.646 19.2 14.799z"/></svg>
\ No newline at end of file
--- a/datax-ui/src/icons/svg/screenfull.svg
+++ b/datax-ui/src/icons/svg/screenfull.svg
--- a/datax-ui/src/icons/svg/shezhi.svg
+++ b/datax-ui/src/icons/svg/shezhi.svg
--- a/datax-ui/src/icons/svg/shuaxin.svg
+++ b/datax-ui/src/icons/svg/shuaxin.svg
--- a/datax-ui/src/icons/svg/size.svg
+++ b/datax-ui/src/icons/svg/size.svg
--- a/datax_ui/src/icons/svg/table.svg
+++ b/datax_ui/src/icons/svg/table.svg
--- a/datax_ui/src/icons/svg/tree.svg
+++ b/datax_ui/src/icons/svg/tree.svg
--- a/datax-ui/src/icons/svg/user.svg
+++ b/datax-ui/src/icons/svg/user.svg
--- a/datax-ui/src/icons/svgo.yml
+++ b/datax-ui/src/icons/svgo.yml
--- a/datax-ui/src/layout/components/AppMain.vue
+++ b/datax-ui/src/layout/components/AppMain.vue
--- a/datax-ui/src/layout/components/Navbar.vue
+++ b/datax-ui/src/layout/components/Navbar.vue
--- a/datax-ui/src/layout/components/Sidebar/FixiOSBug.js
+++ b/datax-ui/src/layout/components/Sidebar/FixiOSBug.js
--- a/datax-ui/src/layout/components/Sidebar/Item.vue
+++ b/datax-ui/src/layout/components/Sidebar/Item.vue
--- a/datax-ui/src/layout/components/Sidebar/Link.vue
+++ b/datax-ui/src/layout/components/Sidebar/Link.vue
--- a/datax-ui/src/layout/components/Sidebar/Logo.vue
+++ b/datax-ui/src/layout/components/Sidebar/Logo.vue
--- a/datax-ui/src/layout/components/Sidebar/SidebarItem.vue
+++ b/datax-ui/src/layout/components/Sidebar/SidebarItem.vue
--- a/datax-ui/src/layout/components/Sidebar/index.vue
+++ b/datax-ui/src/layout/components/Sidebar/index.vue
--- a/datax_ui/src/layout/components/Topbar.vue
+++ b/datax_ui/src/layout/components/Topbar.vue
--- a/datax_ui/src/layout/components/index.js
+++ b/datax_ui/src/layout/components/index.js
--- a/datax-ui/src/layout/index.vue
+++ b/datax-ui/src/layout/index.vue
--- a/datax-ui/src/layout/mixin/ResizeHandler.js
+++ b/datax-ui/src/layout/mixin/ResizeHandler.js
--- a/datax-ui/src/main.js
+++ b/datax-ui/src/main.js
--- a/datax-ui/src/permission.js
+++ b/datax-ui/src/permission.js
--- a/datax-ui/src/router/index.js
+++ b/datax-ui/src/router/index.js
--- a/datax-ui/src/settings.js
+++ b/datax-ui/src/settings.js
--- a/datax-ui/src/store/getters.js
+++ b/datax-ui/src/store/getters.js
--- a/datax_ui/src/store/index.js
+++ b/datax_ui/src/store/index.js
--- a/datax-ui/src/store/modules/app.js
+++ b/datax-ui/src/store/modules/app.js
--- a/datax-ui/src/store/modules/permission.js
+++ b/datax-ui/src/store/modules/permission.js
--- a/datax-ui/src/store/modules/settings.js
+++ b/datax-ui/src/store/modules/settings.js
--- a/datax-ui/src/store/modules/user.js
+++ b/datax-ui/src/store/modules/user.js
--- a/datax-ui/src/styles/element-ui.scss
+++ b/datax-ui/src/styles/element-ui.scss
--- a/datax_ui/src/styles/index.scss
+++ b/datax_ui/src/styles/index.scss
--- a/datax-ui/src/styles/mixin.scss
+++ b/datax-ui/src/styles/mixin.scss
--- a/datax-ui/src/styles/sidebar.scss
+++ b/datax-ui/src/styles/sidebar.scss
--- a/datax_ui/src/styles/topbar.scss
+++ b/datax_ui/src/styles/topbar.scss
--- a/datax-ui/src/styles/transition.scss
+++ b/datax-ui/src/styles/transition.scss
--- a/datax-ui/src/styles/variables.scss
+++ b/datax-ui/src/styles/variables.scss
--- a/datax_ui/src/utils/auth.js
+++ b/datax_ui/src/utils/auth.js
--- a/datax-ui/src/utils/data-process.js
+++ b/datax-ui/src/utils/data-process.js
--- a/datax-ui/src/utils/get-page-title.js
+++ b/datax-ui/src/utils/get-page-title.js
--- a/datax_ui/src/utils/index.js
+++ b/datax_ui/src/utils/index.js
--- a/datax-ui/src/utils/json-tree.js
+++ b/datax-ui/src/utils/json-tree.js
--- a/datax-ui/src/utils/request.js
+++ b/datax-ui/src/utils/request.js
--- a/datax_ui/src/utils/validate.js
+++ b/datax_ui/src/utils/validate.js
--- a/datax-ui/src/views/dashboard/index.vue
+++ b/datax-ui/src/views/dashboard/index.vue
--- a/datax-ui/src/views/error-page/401.vue
+++ b/datax-ui/src/views/error-page/401.vue
--- a/datax-ui/src/views/error-page/404.vue
+++ b/datax-ui/src/views/error-page/404.vue
--- a/datax-ui/src/views/login/index.vue
+++ b/datax-ui/src/views/login/index.vue
--- a/datax-ui/src/views/market/apimask/ApiMaskAdd.vue
+++ b/datax-ui/src/views/market/apimask/ApiMaskAdd.vue
--- a/datax-ui/src/views/market/apimask/ApiMaskDetail.vue
+++ b/datax-ui/src/views/market/apimask/ApiMaskDetail.vue
--- a/datax-ui/src/views/market/apimask/ApiMaskEdit.vue
+++ b/datax-ui/src/views/market/apimask/ApiMaskEdit.vue
--- a/datax-ui/src/views/market/apimask/ApiMaskList.vue
+++ b/datax-ui/src/views/market/apimask/ApiMaskList.vue
--- a/datax-ui/src/views/market/apimask/index.vue
+++ b/datax-ui/src/views/market/apimask/index.vue
--- a/datax-ui/src/views/market/dataapi/DataApiAdd.vue
+++ b/datax-ui/src/views/market/dataapi/DataApiAdd.vue
--- a/datax-ui/src/views/market/dataapi/DataApiCall.vue
+++ b/datax-ui/src/views/market/dataapi/DataApiCall.vue
--- a/datax-ui/src/views/market/dataapi/DataApiDetail.vue
+++ b/datax-ui/src/views/market/dataapi/DataApiDetail.vue
--- a/datax-ui/src/views/market/dataapi/DataApiEdit.vue
+++ b/datax-ui/src/views/market/dataapi/DataApiEdit.vue
--- a/datax-ui/src/views/market/dataapi/DataApiList.vue
+++ b/datax-ui/src/views/market/dataapi/DataApiList.vue
--- a/datax-ui/src/views/market/dataapi/index.vue
+++ b/datax-ui/src/views/market/dataapi/index.vue
--- a/datax_ui/src/views/market/index.vue
+++ b/datax_ui/src/views/market/index.vue
--- a/datax-ui/src/views/metadata/changerecord/ChangeRecordAdd.vue
+++ b/datax-ui/src/views/metadata/changerecord/ChangeRecordAdd.vue
--- a/datax-ui/src/views/metadata/changerecord/ChangeRecordDetail.vue
+++ b/datax-ui/src/views/metadata/changerecord/ChangeRecordDetail.vue
--- a/datax-ui/src/views/metadata/changerecord/ChangeRecordEdit.vue
+++ b/datax-ui/src/views/metadata/changerecord/ChangeRecordEdit.vue
--- a/datax-ui/src/views/metadata/changerecord/ChangeRecordList.vue
+++ b/datax-ui/src/views/metadata/changerecord/ChangeRecordList.vue
--- a/datax-ui/src/views/metadata/changerecord/index.vue
+++ b/datax-ui/src/views/metadata/changerecord/index.vue
--- a/datax-ui/src/views/metadata/dataanalyse/index.vue
+++ b/datax-ui/src/views/metadata/dataanalyse/index.vue
--- a/datax-ui/src/views/metadata/datacolumn/DataColumnDetail.vue
+++ b/datax-ui/src/views/metadata/datacolumn/DataColumnDetail.vue
--- a/datax-ui/src/views/metadata/datacolumn/DataColumnList.vue
+++ b/datax-ui/src/views/metadata/datacolumn/DataColumnList.vue
--- a/datax-ui/src/views/metadata/datacolumn/index.vue
+++ b/datax-ui/src/views/metadata/datacolumn/index.vue
--- a/datax-ui/src/views/metadata/datamap/index.vue
+++ b/datax-ui/src/views/metadata/datamap/index.vue
--- a/datax-ui/src/views/metadata/datasearch/ColumnPane.vue
+++ b/datax-ui/src/views/metadata/datasearch/ColumnPane.vue
--- a/datax-ui/src/views/metadata/datasearch/SourcePane.vue
+++ b/datax-ui/src/views/metadata/datasearch/SourcePane.vue
--- a/datax-ui/src/views/metadata/datasearch/TablePane.vue
+++ b/datax-ui/src/views/metadata/datasearch/TablePane.vue
--- a/datax-ui/src/views/metadata/datasearch/index.vue
+++ b/datax-ui/src/views/metadata/datasearch/index.vue
--- a/datax-ui/src/views/metadata/datasource/DataSourceAdd.vue
+++ b/datax-ui/src/views/metadata/datasource/DataSourceAdd.vue
--- a/datax-ui/src/views/metadata/datasource/DataSourceDetail.vue
+++ b/datax-ui/src/views/metadata/datasource/DataSourceDetail.vue
--- a/datax-ui/src/views/metadata/datasource/DataSourceEdit.vue
+++ b/datax-ui/src/views/metadata/datasource/DataSourceEdit.vue
--- a/datax-ui/src/views/metadata/datasource/DataSourceList.vue
+++ b/datax-ui/src/views/metadata/datasource/DataSourceList.vue
--- a/datax-ui/src/views/metadata/datasource/index.vue
+++ b/datax-ui/src/views/metadata/datasource/index.vue
--- a/datax_ui/src/views/metadata/index.vue
+++ b/datax_ui/src/views/metadata/index.vue
--- a/datax-ui/src/views/metadata/sqlconsole/index.vue
+++ b/datax-ui/src/views/metadata/sqlconsole/index.vue
--- a/datax_ui/src/views/monitor/index.vue
+++ b/datax_ui/src/views/monitor/index.vue
--- a/datax-ui/src/views/monitor/loginlog/LogDetail.vue
+++ b/datax-ui/src/views/monitor/loginlog/LogDetail.vue
--- a/datax-ui/src/views/monitor/loginlog/LogList.vue
+++ b/datax-ui/src/views/monitor/loginlog/LogList.vue
--- a/datax-ui/src/views/monitor/loginlog/index.vue
+++ b/datax-ui/src/views/monitor/loginlog/index.vue
--- a/datax-ui/src/views/monitor/operlog/LogDetail.vue
+++ b/datax-ui/src/views/monitor/operlog/LogDetail.vue
--- a/datax-ui/src/views/monitor/operlog/LogList.vue
+++ b/datax-ui/src/views/monitor/operlog/LogList.vue
--- a/datax-ui/src/views/monitor/operlog/index.vue
+++ b/datax-ui/src/views/monitor/operlog/index.vue
--- a/datax-ui/src/views/redirect/index.vue
+++ b/datax-ui/src/views/redirect/index.vue
--- a/datax_ui/src/views/scheduler/index.vue
+++ b/datax_ui/src/views/scheduler/index.vue
--- a/datax-ui/src/views/scheduler/job/JobAdd.vue
+++ b/datax-ui/src/views/scheduler/job/JobAdd.vue
--- a/datax-ui/src/views/scheduler/job/JobDetail.vue
+++ b/datax-ui/src/views/scheduler/job/JobDetail.vue
--- a/datax-ui/src/views/scheduler/job/JobEdit.vue
+++ b/datax-ui/src/views/scheduler/job/JobEdit.vue
--- a/datax-ui/src/views/scheduler/job/JobList.vue
+++ b/datax-ui/src/views/scheduler/job/JobList.vue
--- a/datax-ui/src/views/scheduler/job/index.vue
+++ b/datax-ui/src/views/scheduler/job/index.vue
--- a/datax-ui/src/views/scheduler/log/JobLogDetail.vue
+++ b/datax-ui/src/views/scheduler/log/JobLogDetail.vue
--- a/datax-ui/src/views/scheduler/log/JobLogList.vue
+++ b/datax-ui/src/views/scheduler/log/JobLogList.vue
--- a/datax-ui/src/views/scheduler/log/index.vue
+++ b/datax-ui/src/views/scheduler/log/index.vue
--- a/datax-ui/src/views/system/config/ConfigAdd.vue
+++ b/datax-ui/src/views/system/config/ConfigAdd.vue
--- a/datax-ui/src/views/system/config/ConfigDetail.vue
+++ b/datax-ui/src/views/system/config/ConfigDetail.vue
--- a/datax-ui/src/views/system/config/ConfigEdit.vue
+++ b/datax-ui/src/views/system/config/ConfigEdit.vue
--- a/datax-ui/src/views/system/config/ConfigList.vue
+++ b/datax-ui/src/views/system/config/ConfigList.vue
--- a/datax-ui/src/views/system/config/index.vue
+++ b/datax-ui/src/views/system/config/index.vue
--- a/datax-ui/src/views/system/dept/DeptAdd.vue
+++ b/datax-ui/src/views/system/dept/DeptAdd.vue
--- a/datax-ui/src/views/system/dept/DeptDetail.vue
+++ b/datax-ui/src/views/system/dept/DeptDetail.vue
--- a/datax-ui/src/views/system/dept/DeptEdit.vue
+++ b/datax-ui/src/views/system/dept/DeptEdit.vue
--- a/datax-ui/src/views/system/dept/DeptList.vue
+++ b/datax-ui/src/views/system/dept/DeptList.vue
--- a/datax-ui/src/views/system/dept/index.vue
+++ b/datax-ui/src/views/system/dept/index.vue
--- a/datax-ui/src/views/system/dict/DictAdd.vue
+++ b/datax-ui/src/views/system/dict/DictAdd.vue
--- a/datax-ui/src/views/system/dict/DictDetail.vue
+++ b/datax-ui/src/views/system/dict/DictDetail.vue
--- a/datax-ui/src/views/system/dict/DictEdit.vue
+++ b/datax-ui/src/views/system/dict/DictEdit.vue
--- a/datax-ui/src/views/system/dict/DictList.vue
+++ b/datax-ui/src/views/system/dict/DictList.vue
--- a/datax-ui/src/views/system/dict/index.vue
+++ b/datax-ui/src/views/system/dict/index.vue
--- a/datax-ui/src/views/system/dict/item/DictItemAdd.vue
+++ b/datax-ui/src/views/system/dict/item/DictItemAdd.vue
--- a/datax-ui/src/views/system/dict/item/DictItemDetail.vue
+++ b/datax-ui/src/views/system/dict/item/DictItemDetail.vue
--- a/datax-ui/src/views/system/dict/item/DictItemEdit.vue
+++ b/datax-ui/src/views/system/dict/item/DictItemEdit.vue
--- a/datax-ui/src/views/system/dict/item/DictItemList.vue
+++ b/datax-ui/src/views/system/dict/item/DictItemList.vue
--- a/datax_ui/src/views/system/index.vue
+++ b/datax_ui/src/views/system/index.vue
--- a/datax-ui/src/views/system/menu/MenuAdd.vue
+++ b/datax-ui/src/views/system/menu/MenuAdd.vue
--- a/datax-ui/src/views/system/menu/MenuDetail.vue
+++ b/datax-ui/src/views/system/menu/MenuDetail.vue
--- a/datax-ui/src/views/system/menu/MenuEdit.vue
+++ b/datax-ui/src/views/system/menu/MenuEdit.vue
--- a/datax-ui/src/views/system/menu/MenuList.vue
+++ b/datax-ui/src/views/system/menu/MenuList.vue
--- a/datax-ui/src/views/system/menu/index.vue
+++ b/datax-ui/src/views/system/menu/index.vue
--- a/datax-ui/src/views/system/post/PostAdd.vue
+++ b/datax-ui/src/views/system/post/PostAdd.vue
--- a/datax-ui/src/views/system/post/PostDetail.vue
+++ b/datax-ui/src/views/system/post/PostDetail.vue
--- a/datax-ui/src/views/system/post/PostEdit.vue
+++ b/datax-ui/src/views/system/post/PostEdit.vue
--- a/datax-ui/src/views/system/post/PostList.vue
+++ b/datax-ui/src/views/system/post/PostList.vue
--- a/datax-ui/src/views/system/post/index.vue
+++ b/datax-ui/src/views/system/post/index.vue
--- a/datax-ui/src/views/system/role/RoleAdd.vue
+++ b/datax-ui/src/views/system/role/RoleAdd.vue
--- a/datax-ui/src/views/system/role/RoleDetail.vue
+++ b/datax-ui/src/views/system/role/RoleDetail.vue
--- a/datax-ui/src/views/system/role/RoleEdit.vue
+++ b/datax-ui/src/views/system/role/RoleEdit.vue
--- a/datax-ui/src/views/system/role/RoleList.vue
+++ b/datax-ui/src/views/system/role/RoleList.vue
--- a/datax-ui/src/views/system/role/index.vue
+++ b/datax-ui/src/views/system/role/index.vue
--- a/datax-ui/src/views/system/user/UserAdd.vue
+++ b/datax-ui/src/views/system/user/UserAdd.vue
--- a/datax-ui/src/views/system/user/UserDetail.vue
+++ b/datax-ui/src/views/system/user/UserDetail.vue
--- a/datax-ui/src/views/system/user/UserEdit.vue
+++ b/datax-ui/src/views/system/user/UserEdit.vue
--- a/datax-ui/src/views/system/user/UserList.vue
+++ b/datax-ui/src/views/system/user/UserList.vue
--- a/datax-ui/src/views/system/user/index.vue
+++ b/datax-ui/src/views/system/user/index.vue
--- a/datax-ui/src/views/visual/databoard/board.vue
+++ b/datax-ui/src/views/visual/databoard/board.vue
--- a/datax-ui/src/views/visual/databoard/index.vue
+++ b/datax-ui/src/views/visual/databoard/index.vue
--- a/datax-ui/src/views/visual/datachart/chart.vue
+++ b/datax-ui/src/views/visual/datachart/chart.vue
--- a/datax-ui/src/views/visual/datachart/index.vue
+++ b/datax-ui/src/views/visual/datachart/index.vue
--- a/datax-ui/src/views/visual/dataset/DataSetAdd.vue
+++ b/datax-ui/src/views/visual/dataset/DataSetAdd.vue
--- a/datax-ui/src/views/visual/dataset/DataSetDetail.vue
+++ b/datax-ui/src/views/visual/dataset/DataSetDetail.vue
--- a/datax-ui/src/views/visual/dataset/DataSetEdit.vue
+++ b/datax-ui/src/views/visual/dataset/DataSetEdit.vue
--- a/datax-ui/src/views/visual/dataset/DataSetList.vue
+++ b/datax-ui/src/views/visual/dataset/DataSetList.vue
--- a/datax-ui/src/views/visual/dataset/index.vue
+++ b/datax-ui/src/views/visual/dataset/index.vue
--- a/datax_ui/src/views/visual/index.vue
+++ b/datax_ui/src/views/visual/index.vue
--- a/datax-ui/vue.config.js
+++ b/datax-ui/vue.config.js