Merge pull request #598 from jumpserver/dev

Dev
fix: 移除提交应用申请工单时多余的字段
2026-01-14 11:55:34 +00:00 · 2021-01-21 15:35:46 +08:00 · 2021-01-21 15:33:02 +08:00 · 2021-01-21 15:33:02 +08:00 · 2021-01-21 15:33:02 +08:00 · 2021-01-21 15:33:02 +08:00
221 changed files with 7671 additions and 2316 deletions
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@ server {


 ## License & Copyright
-Copyright (c) 2014-2020 飞致云 FIT2CLOUD, All rights reserved.
+Copyright (c) 2014-2021 飞致云 FIT2CLOUD, All rights reserved.

 Licensed under The GNU General Public License version 2 (GPLv2) (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

--- a/nginx.conf
+++ b/nginx.conf
@@ -2,8 +2,8 @@ server {
  listen 80;

  location /ui/ {
-      try_files $uri / /ui/index.html;
-      alias /opt/lina/;
+    try_files $uri / /ui/index.html;
+    alias /opt/lina/;
  }

  location / {
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
  "dependencies": {
    "@ztree/ztree_v3": "3.5.44",
    "axios": "0.18.1",
+    "axios-retry": "^3.1.9",
    "deepmerge": "^4.2.2",
    "echarts": "^4.7.0",
    "element-ui": "2.13.2",
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,10 @@
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta http-equiv="Expires" content="0">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Cache-control" content="no-cache">
+    <meta http-equiv="Cache" content="no-cache">
    <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><%= webpackConfig.name %></title>
--- a/src/api/ticket.js
+++ b/src/api/ticket.js
@@ -2,7 +2,7 @@ import request from '@/utils/request'

 export function getTicketOpenCount(assign) {
  return request({
-    url: `/api/v1/tickets/tickets/?assign=${assign}&status=open&offset=0&limit=15&display=1&draw=1/`,
+    url: `/api/v1/tickets/tickets/?assignees__id=${assign}&status=open&offset=0&limit=15&display=1&draw=1/`,
    method: 'get'
  })
 }
--- a/src/components/ActionsGroup/index.vue
+++ b/src/components/ActionsGroup/index.vue
@@ -1,7 +1,7 @@
 <template>
  <div :class="grouped ? 'el-button-group' : ''">
    <el-button v-for="item in iActions" :key="item.name" :size="size" v-bind="item" @click="handleClick(item.name)">
-      <el-tooltip v-if="['actionExport', 'actionImport', 'actionRefresh'].indexOf(item.name) !== -1" effect="dark" :content="item.tip" placement="top">
+      <el-tooltip v-if="item.tip" effect="dark" :content="item.tip" placement="top">
        <i v-if="item.fa" :class="'fa ' + item.fa" />{{ item.title }}
      </el-tooltip>
      <span v-else>
@@ -119,6 +119,11 @@ export default {
        if (!has) {
          continue
        }
+        // 是否有分割线
+        const divided = this.checkItem(action, 'divided', false)
+        delete action['divided']
+        action.divided = divided
+
        // 是否是disabled
        const can = this.checkItem(action, 'can')
        delete action['can']
--- a/src/components/AssetRelationCard/index.vue
+++ b/src/components/AssetRelationCard/index.vue
@@ -3,7 +3,7 @@
    <table style="width: 100%">
      <tr>
        <td colspan="2">
-          <AssetSelect ref="assetSelect" />
+          <AssetSelect ref="assetSelect" :can-select="canSelect" />
        </td>
      </tr>
      <tr>
@@ -49,6 +49,12 @@ export default {
    onAddSuccess: {
      type: Function,
      default: (objects, that) => {}
+    },
+    canSelect: {
+      type: Function,
+      default(row, index) {
+        return true
+      }
    }
  },
  data() {
--- a/src/components/AssetSelect/index.vue
+++ b/src/components/AssetSelect/index.vue
@@ -34,6 +34,12 @@ export default {
    value: {
      type: Array,
      default: () => []
+    },
+    canSelect: {
+      type: Function,
+      default(row, index) {
+        return true
+      }
    }
  },
  data() {
@@ -68,6 +74,7 @@ export default {
      tableConfig: {
        url: '/api/v1/assets/assets/',
        hasTree: true,
+        canSelect: this.canSelect,
        columns: [
          {
            prop: 'hostname',
--- a/src/components/AutoDataForm/index.vue
+++ b/src/components/AutoDataForm/index.vue
@@ -44,7 +44,6 @@ export default {
      groups: []
    }
  },
-
  mounted() {
    this.optionUrlMeta()
  },
@@ -54,7 +53,7 @@ export default {
        this.meta = data.actions[this.method.toUpperCase()] || {}
        this.generateColumns()
      }).catch(err => {
-        console.error(err)
+        this.$log.error(err)
      }).finally(() => {
        this.loading = false
      })
@@ -63,9 +62,11 @@ export default {
      switch (type) {
        case 'choice':
          type = 'radio-group'
-          field.options = fieldMeta.choices.map(v => {
-            return { label: v.display_name, value: v.value }
-          })
+          if (!fieldMeta.read_only) {
+            field.options = fieldMeta.choices.map(v => {
+              return { label: v.display_name, value: v.value }
+            })
+          }
          break
        case 'datetime':
          type = 'date-picker'
@@ -92,12 +93,14 @@ export default {
          break
      }
      if (type === 'radio-group') {
-        const options = fieldMeta.choices.map(v => {
-          return { label: v.display_name, value: v.value }
-        })
-        if (options.length > 4) {
-          type = 'select'
-          field.el.filterable = true
+        if (!fieldMeta.read_only) {
+          const options = fieldMeta.choices.map(v => {
+            return { label: v.display_name, value: v.value }
+          })
+          if (options.length > 4) {
+            type = 'select'
+            field.el.filterable = true
+          }
        }
      }
      field.type = type
@@ -131,7 +134,8 @@ export default {
    },
    generateField(name) {
      let field = { id: name, prop: name, el: {}, attrs: {}}
-      const fieldMeta = this.meta[name] || {}
+      // const fieldMeta = this.meta[name] || this.meta['attrs']['children'][name] || {}
+      const fieldMeta = this.meta[name] || ((this.meta['attrs']) ? (this.meta['attrs']['children'][name]) : {})
      field.label = fieldMeta.label
      field = this.generateFieldByType(fieldMeta.type, field, fieldMeta)
      field = this.generateFieldByName(name, field)
@@ -149,12 +153,25 @@ export default {
      })
      return this.generateFields(fields)
    },
+    generateFieldAttrs(name) {
+      const fields = []
+      Object.keys(this.meta[name]['children']).forEach((key, i) => {
+        const filed = this.generateField(key)
+        fields.push(filed)
+      })
+      return fields
+    },
    generateFields(data) {
      let fields = []
      for (let field of data) {
        if (field instanceof Array) {
          const items = this.generateFieldGroup(field)
          fields = [...fields, ...items]
+        } else if (field === 'attrs') {
+          const items = this.generateFieldAttrs(field)
+          fields = [...fields, ...items]
+          // 修改title插入ID
+          this.groups[this.groups.length - 1].name = items[0].id
        } else if (typeof field === 'string') {
          field = this.generateField(field)
          fields.push(field)
@@ -168,15 +185,23 @@ export default {
    },
    generateColumns() {
      this.totalFields = this.generateFields(this.fields)
+      this.$log.debug('Total fields: ', this.totalFields)
    },
    setFieldError(name, error) {
      const field = this.totalFields.find((v) => v.prop === name)
      if (!field) {
        return
      }
-      if (field.attrs.error === error) {
-        error += '.'
+      if (typeof error === 'object') {
+        const str = error
+        error = ''
+        Object.keys(str).forEach(key => {
+          error += `${parseInt(key) + 1}.${str[key][0]}  `
+        })
      }
+      // if (field.attrs.error === error) {
+      //   error += '.'
+      // }
      field.attrs.error = error
    }
  }
--- a/src/components/AutoDataTable/index.vue
+++ b/src/components/AutoDataTable/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <DataTable v-if="!loading" ref="dataTable" v-loading="loading" :config="iConfig" v-bind="$attrs" v-on="$listeners" />
+  <DataTable v-if="!loading" ref="dataTable" v-loading="loading" :config="iConfig" v-bind="$attrs" v-on="$listeners" @filter-change="filterChange" />
 </template>

 <script type="text/jsx">
@@ -15,6 +15,10 @@ export default {
    config: {
      type: Object,
      default: () => ({})
+    },
+    filterTable: {
+      type: Function,
+      default: () => ({})
    }
  },
  data() {
@@ -118,6 +122,37 @@ export default {
      }
      return col
    },
+    addFilterIfNeed(col) {
+      if (col.prop) {
+        const column = this.meta[col.prop] || {}
+        if (!column.filter) {
+          return col
+        }
+        if (column.type === 'boolean') {
+          col.filters = [
+            { text: this.$t('common.Yes'), value: true },
+            { text: this.$t('common.No'), value: false }
+          ]
+          col.sortable = false
+          col['column-key'] = col.prop
+        }
+        if (column.type === 'choice' && column.choices) {
+          col.filters = column.choices.map(item => {
+            if (typeof (item.value) === 'boolean') {
+              if (item.value) {
+                return { text: item.display_name, value: 'True' }
+              } else {
+                return { text: item.display_name, value: 'False' }
+              }
+            }
+            return { text: item.display_name, value: item.value }
+          })
+          col.sortable = false
+          col['column-key'] = col.prop
+        }
+      }
+      return col
+    },
    generateColumn(name) {
      const colMeta = this.meta[name] || {}
      const customMeta = this.config.columnsMeta ? this.config.columnsMeta[name] : {}
@@ -127,6 +162,7 @@ export default {
      col = this.generateColumnByType(colMeta.type, col)
      col = Object.assign(col, customMeta)
      col = this.addHelpTipsIfNeed(col)
+      col = this.addFilterIfNeed(col)
      return col
    },
    generateColumns() {
@@ -142,6 +178,12 @@ export default {
      }
      config.columns = columns
      this.iConfig = config
+    },
+    filterChange(filters) {
+      const key = Object.keys(filters)[0]
+      const attr = {}
+      attr[key] = filters[key][0]
+      this.filterTable(attr)
    }
  }
 }
--- a/src/components/AutoDataZTree/index.vue
+++ b/src/components/AutoDataZTree/index.vue
@@ -139,8 +139,6 @@ export default {
        treeNode.name = treeNode.name + ' (' + assetsAmount + ')'
        this.zTree.updateNode(treeNode)
        this.$message.success(this.$t('common.updateSuccessMsg'))
-      }).catch(error => {
-        this.$message.error(this.$t('common.updateErrorMsg' + ' ' + error))
      })
    },
    onBodyMouseDown: function(event) {
@@ -159,6 +157,11 @@ export default {
      y -= (offset.top + scrollTop) / 3 - 10
      x += document.body.scrollLeft
      y += document.body.scrollTop + document.documentElement.scrollTop
+
+      if (y + $(`#${rMenuID} ul`).height() >= window.innerHeight) {
+        y -= $(`#${rMenuID} ul`).height()
+      }
+
      this.rMenu.css({ 'top': y + 'px', 'left': x + 'px', 'visibility': 'visible' })
      $(`#${rMenuID} ul`).show()
      $('body').bind('mousedown', this.onBodyMouseDown)
@@ -237,10 +240,7 @@ export default {
      })
    },
    refresh: function() {
-      this.$axios.post(
-        '/api/v1/assets/nodes/00000000-0000-0000-0000-000000000000/tasks/',
-        { action: 'refresh_cache' }
-      )
+
    },
    getSelectedNodes: function() {
      return this.zTree.getSelectedNodes()
--- a/src/components/DataForm/index.vue
+++ b/src/components/DataForm/index.vue
@@ -15,6 +15,7 @@
    <el-form-item>
      <el-button v-for="button in moreButtons" :key="button.title" size="small" v-bind="button" @click="handleClick(button)">{{ button.title }}</el-button>
      <el-button v-if="defaultButton && hasReset" size="small" @click="resetForm('form')">{{ $t('common.Reset') }}</el-button>
+      <el-button v-if="defaultButton && hasSaveContinue" size="small" @click="submitForm('form', true)">{{ $t('common.SaveAndAddAnother') }}</el-button>
      <el-button v-if="defaultButton" size="small" :loading="isSubmitting" type="primary" @click="submitForm('form')">{{ $t('common.Submit') }}</el-button>
    </el-form-item>
  </ElFormRender>
@@ -35,6 +36,10 @@ export default {
      type: Boolean,
      default: true
    },
+    hasSaveContinue: {
+      type: Boolean,
+      default: true
+    },
    fields: {
      type: Array,
      default: () => []
@@ -60,11 +65,11 @@ export default {
  },
  methods: {
    // 获取表单数据
-    submitForm(formName) {
+    submitForm(formName, addContinue) {
      const form = this.$refs[formName]
      form.validate((valid) => {
        if (valid) {
-          this.$emit('submit', form.getFormValue(), form)
+          this.$emit('submit', form.getFormValue(), form, addContinue)
        } else {
          this.$emit('invalid', valid)
          return false
@@ -77,7 +82,7 @@ export default {
    },
    handleClick(button) {
      const callback = button.callback || function(values, form) {
-        console.log('Click ', button.title, ': ', values)
+        // console.log('Click ', button.title, ': ', values)
      }
      const form = this.$refs['form']
      const values = form.getFormValue()
--- a/src/components/DataTable/compenents/el-data-table/el-data-table.vue
+++ b/src/components/DataTable/compenents/el-data-table/el-data-table.vue
@@ -11,9 +11,10 @@
        v-bind="tableAttrs"
        :data="data"
        :row-class-name="rowClassName"
+        v-on="$listeners"
        @selection-change="selectStrategy.onSelectionChange"
        @select="selectStrategy.onSelect"
-        @select-all="selectStrategy.onSelectAll($event, selectable)"
+        @select-all="selectStrategy.onSelectAll($event, canSelect)"
        @sort-change="onSortChange"
      >
        <!--TODO 不用jsx写, 感觉template逻辑有点不清晰了-->
@@ -90,11 +91,14 @@

        <!--非树-->
        <template v-else>
-          <el-data-table-column v-if="hasSelection" type="selection" :align="selectionAlign" />
+          <el-data-table-column v-if="hasSelection" type="selection" :align="selectionAlign" :selectable="canSelect" />
          <el-data-table-column
            v-for="col in columns"
            :key="col.prop"
            :formatter="typeof col.formatter === 'function' ? col.formatter : null"
+            :filters="col.filters || null"
+            :filter-multiple="false"
+            :filter-method="typeof col.filterMethod === 'function' ? col.filterMethod : null"
            v-bind="{align: columnsAlign, ...col}"
          >
            <template v-if="col.formatter && typeof col.formatter !== 'function'" v-slot:default="{row, column, index}">
@@ -422,7 +426,7 @@ export default {
    onEdit: {
      type: Function,
      default(row) {
-        console.log('On delete row')
+        // console.log('On delete row')
      }
    },
    /**
@@ -713,6 +717,12 @@ export default {
    hasDetail: {
      type: Boolean,
      default: true
+    },
+    canSelect: {
+      type: Function,
+      default(row, index) {
+        return true
+      }
    }
  },
  data() {
@@ -1000,7 +1010,7 @@ export default {
    },
    handleSizeChange(val) {
      if (this.size === val) return
-
+      this.$emit('sizeChange', val)
      this.page = defaultFirstPage
      this.size = val
      this.getList()
--- a/src/components/DataTable/index.vue
+++ b/src/components/DataTable/index.vue
@@ -1,9 +1,17 @@
 <template>
-  <ElDatableTable ref="table" class="el-table" v-bind="tableConfig" @update="onUpdate" v-on="iListeners" />
+  <ElDatableTable
+    ref="table"
+    class="el-table"
+    v-bind="tableConfig"
+    @update="onUpdate"
+    v-on="iListeners"
+    @sizeChange="handleSizeChange"
+  />
 </template>

 <script>
 import { default as ElDatableTable } from './compenents/el-data-table'
+import { mapGetters } from 'vuex'

 export default {
  name: 'DataTable',
@@ -58,7 +66,6 @@ export default {
        pageCount: 5,
        paginationLayout: 'total, sizes, prev, pager, next',
        paginationSizes: [15, 30, 50, 100],
-        paginationSize: 15,
        paginationBackground: true,
        transformQuery: query => {
          if (query.page && query.size) {
@@ -85,12 +92,17 @@ export default {
  },
  computed: {
    tableConfig() {
-      const config = Object.assign(this.defaultConfig, this.config)
+      const tableDefaultConfig = this.defaultConfig
+      tableDefaultConfig.paginationSize = _.get(this.globalTableConfig, 'paginationSize', 15)
+      const config = Object.assign(tableDefaultConfig, this.config)
      return config
    },
    iListeners() {
      return Object.assign({}, this.$listeners, this.tableConfig.listeners)
-    }
+    },
+    ...mapGetters({
+      'globalTableConfig': 'tableConfig'
+    })
  },
  watch: {
    config: {
@@ -131,6 +143,14 @@ export default {
          this.toggleRowSelection(row, true)
        }
      }
+    },
+    handleSizeChange(val) {
+      this.$store.commit('table/SET_TABLE_CONFIG',
+        {
+          key: 'paginationSize',
+          value: val
+        }
+      )
    }
  }
 }
--- a/src/components/DataZTree/components/ZTree/index.vue
+++ b/src/components/DataZTree/components/ZTree/index.vue
@@ -1,6 +1,9 @@
 <template>
  <div>
-    <div class="treebox">
+    <ul v-show="loading" class="ztree">
+      {{ this.$t('common.tree.Loading') }}...
+    </ul>
+    <div v-show="!loading" class="treebox">
      <ul :id="iZTreeID" class="ztree">
        {{ this.$t('common.tree.Loading') }}...
      </ul>
@@ -22,6 +25,7 @@
 import $ from '@/utils/jquery-vendor.js'
 import '@ztree/ztree_v3/js/jquery.ztree.all.min.js'
 import '@/styles/ztree.css'
+import axiosRetry from 'axios-retry'

 const defaultObject = {
  type: Object,
@@ -39,7 +43,9 @@ export default {
      iZTreeID: `zTree_${this._uid}`,
      iRMenuID: `rMenu_${this._uid}`,
      zTree: '',
-      rMenu: ''
+      rMenu: '',
+      init: false,
+      loading: false
    }
  },
  computed: {
@@ -56,7 +62,26 @@ export default {
  },
  methods: {
    initTree: function() {
-      this.$axios.get(this.treeSetting.treeUrl).then(res => {
+      const vm = this
+      let treeUrl
+      if (this.init) {
+        this.loading = true
+      }
+      if (this.init && this.treeSetting.treeUrl.indexOf('/perms/') !== -1 && this.treeSetting.treeUrl.indexOf('rebuild_tree') === -1) {
+        treeUrl = (this.treeSetting.treeUrl.indexOf('?') === -1) ? `${this.treeSetting.treeUrl}?rebuild_tree=1` : `${this.treeSetting.treeUrl}&rebuild_tree=1`
+      } else {
+        treeUrl = this.treeSetting.treeUrl
+      }
+      this.$axios.get(treeUrl, {
+        'axios-retry': {
+          retries: 20,
+          retryCondition: e => {
+            return axiosRetry.isNetworkOrIdempotentRequestError(e) || e.response.status === 409
+          },
+          shouldResetTimeout: true,
+          retryDelay: () => { return 5000 }
+        }
+      }).then(res => {
        if (!res) {
          res = []
        }
@@ -65,6 +90,10 @@ export default {
            name: this.$t('common.tree.Empty')
          })
        }
+        this.treeSetting.treeUrl = treeUrl
+        if (this.init) {
+          vm.zTree.destroy()
+        }
        this.zTree = $.fn.zTree.init($(`#${this.iZTreeID}`), this.treeSetting, res)
        if (this.treeSetting.showRefresh) {
          this.rootNodeAddDom(
@@ -79,6 +108,9 @@ export default {
        if (this.treeSetting.otherMenu) {
          $('.menu-actions').append(this.otherMenu)
        }
+      }).finally(_ => {
+        vm.loading = false
+        vm.init = true
      })
    },
    rootNodeAddDom: function(ztree, callback) {
@@ -95,7 +127,6 @@ export default {
      }
      const refreshIconRef = $('#tree-refresh')
      refreshIconRef.bind('click', function() {
-        ztree.destroy()
        const result = callback()
        if (result && result.then) {
          result.finally(() => {
--- a/src/components/DataZTree/index.vue
+++ b/src/components/DataZTree/index.vue
@@ -37,8 +37,8 @@ export default {
          showRemoveBtn: false,
          showRenameBtn: false,
          drag: {
-            isCopy: true,
-            isMove: true
+            isCopy: false,
+            isMove: false
          }
        },
        callback: {
@@ -72,7 +72,7 @@ export default {
  },
  methods: {
    defaultCallback: function(action) {
-      console.log(action)
+      // console.log(action)
    }
  }
 }
--- a/src/components/DatetimeRangePicker/index.vue
+++ b/src/components/DatetimeRangePicker/index.vue
@@ -93,7 +93,7 @@ export default {

 <style lang='less' scoped>
  .datepicker{
-    width: 240px;
+    width: 233px;
  }
  .el-input__inner{
    border: 1px solid #dcdee2;
--- a/src/components/GrantedAssets/index.vue
+++ b/src/components/GrantedAssets/index.vue
@@ -65,22 +65,24 @@ export default {
            sortable: true,
            formatterArgs: {
              route: 'AssetDetail'
-            }
+            },
+            showOverflowTooltip: true
          },
          {
            prop: 'ip',
            label: this.$t('assets.IP'),
+            width: '140px',
            sortable: 'custom'
          },
          {
            prop: 'systemUsers',
            label: this.$t('assets.SystemUsers'),
            align: 'center',
-            width: '200px',
            formatter: SystemUserFormatter,
            formatterArgs: {
              getUrl: this.getShowUrl.bind(this)
-            }
+            },
+            showOverflowTooltip: true
          }
        ]
      },
--- a/src/components/ListTable/TableAction/ExportDialog.vue
+++ b/src/components/ListTable/TableAction/ExportDialog.vue
@@ -1,6 +1,11 @@
 <template>
  <Dialog v-if="showExportDialog" :title="$t('common.Export')" :visible.sync="showExportDialog" :destroy-on-close="true" @confirm="handleExportConfirm()" @cancel="handleExportCancel()">
    <el-form label-position="left" style="padding-left: 50px">
+      <el-form-item :label="$t('common.fileType' )" :label-width="'100px'">
+        <el-radio-group v-model="exportTypeOption">
+          <el-radio v-for="option of exportTypeOptions" :key="option.value" style="padding: 10px 20px;" :label="option.value" :disabled="!option.can">{{ option.label }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
      <el-form-item class="export-form" :label="this.$t('common.imExport.ExportRange')" :label-width="'100px'">
        <el-radio-group v-model="exportOption">
          <el-radio v-for="option of exportOptions" :key="option.value" class="export-item" :label="option.value" :disabled="!option.can">{{ option.label }}</el-radio>
@@ -52,6 +57,7 @@ export default {
    return {
      showExportDialog: false,
      exportOption: 'all',
+      exportTypeOption: 'csv',
      meta: {}
    }
  },
@@ -92,6 +98,20 @@ export default {
          can: this.tableHasQuery && this.canExportFiltered
        }
      ]
+    },
+    exportTypeOptions() {
+      return [
+        {
+          label: 'CSV',
+          value: 'csv',
+          can: true
+        },
+        {
+          label: 'Excel',
+          value: 'xlsx',
+          can: true
+        }
+      ]
    }
  },
  mounted() {
@@ -123,7 +143,7 @@ export default {
        // delete query['limit']
        // delete query['offset']
      }
-      query['format'] = 'csv'
+      query['format'] = this.exportTypeOption
      const queryStr =
          (url.indexOf('?') > -1 ? '&' : '?') +
          queryUtil.stringify(query, '=', '&')
--- a/src/components/ListTable/TableAction/ImportDialog.vue
+++ b/src/components/ListTable/TableAction/ImportDialog.vue
@@ -8,6 +8,11 @@
    @cancel="handleImportCancel()"
  >
    <el-form label-position="left" style="padding-left: 50px">
+      <el-form-item :label="$t('common.fileType' )" :label-width="'100px'">
+        <el-radio-group v-model="importTypeOption">
+          <el-radio v-for="option of importTypeOptions" :key="option.value" class="export-item" :label="option.value" :disabled="!option.can">{{ option.label }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
      <el-form-item :label="$t('common.Import' )" :label-width="'100px'">
        <el-radio v-model="importOption" class="export-item" label="1">{{ this.$t('common.Create') }}</el-radio>
        <el-radio v-model="importOption" class="export-item" label="2">{{ this.$t('common.Update') }}</el-radio>
@@ -33,7 +38,7 @@
          :before-upload="beforeUpload"
        >
          <el-button size="mini" type="default">{{ this.$t('common.SelectFile') }}</el-button>
-          <div slot="tip" :class="uploadHelpTextClass" style="line-height: 1.5">{{ this.$t('common.imExport.onlyCSVFilesTips') }}</div>
+          <!--          <div slot="tip" :class="uploadHelpTextClass" style="line-height: 1.5">{{ this.$t('common.imExport.onlyCSVFilesTips') }}</div>-->
        </el-upload>
      </el-form-item>
    </el-form>
@@ -71,18 +76,34 @@ export default {
      importOption: '1',
      isCsv: true,
      errorMsg: '',
-      loadStatus: false
+      loadStatus: false,
+      importTypeOption: 'csv'
    }
  },
  computed: {
    hasSelected() {
      return this.selectedRows.length > 0
    },
+    importTypeOptions() {
+      return [
+        {
+          label: 'CSV',
+          value: 'csv',
+          can: true
+        },
+        {
+          label: 'Excel',
+          value: 'xlsx',
+          can: true
+        }
+      ]
+    },
    upLoadUrl() {
      return this.url
    },
    downloadImportTempUrl() {
-      const url = (this.url.indexOf('?') === -1) ? `${this.url}?format=csv&template=import&limit=1` : `${this.url}&format=csv&template=import&limit=1`
+      const format = this.importTypeOption === 'csv' ? 'format=csv&template=import&limit=1' : 'format=xlsx&template=import&limit=1'
+      const url = (this.url.indexOf('?') === -1) ? `${this.url}?${format}` : `${this.url}&${format}`
      return url
    },
    uploadHelpTextClass() {
@@ -103,7 +124,7 @@ export default {
      this.$axios.put(
        this.upLoadUrl,
        item.file,
-        { headers: { 'Content-Type': 'text/csv' }, disableFlashErrorMsg: true }
+        { headers: { 'Content-Type': this.importTypeOption === 'csv' ? 'text/csv' : 'text/xlsx' }, disableFlashErrorMsg: true }
      ).then((data) => {
        const msg = this.$t('common.imExport.updateSuccessMsg', { count: data.length })
        this.onSuccess(msg)
@@ -117,7 +138,7 @@ export default {
      this.$axios.post(
        this.upLoadUrl,
        item.file,
-        { headers: { 'Content-Type': 'text/csv' }, disableFlashErrorMsg: true }
+        { headers: { 'Content-Type': this.importTypeOption === 'csv' ? 'text/csv' : 'text/xlsx' }, disableFlashErrorMsg: true }
      ).then((data) => {
        const msg = this.$t('common.imExport.createSuccessMsg', { count: data.length })
        this.onSuccess(msg)
@@ -176,7 +197,8 @@ export default {
      }
      const spm = await createSourceIdCache(resources)
      const baseUrl = (process.env.VUE_APP_ENV === 'production') ? (`${this.url}`) : (`${process.env.VUE_APP_BASE_API}${this.url}`)
-      const url = `${baseUrl}?format=csv&template=update&spm=` + spm.spm
+      const format = this.importTypeOption === 'csv' ? '?format=csv&template=update&spm=' : '?format=xlsx&template=update&spm='
+      const url = `${baseUrl}${format}` + spm.spm
      return this.downloadCsv(url)
    },
    async handleImportConfirm() {
@@ -186,7 +208,12 @@ export default {
      this.showImportDialog = false
    },
    beforeUpload(file) {
-      this.isCsv = _.endsWith(file.name, 'csv')
+      this.isCsv = this.importTypeOption === 'csv' ? _.endsWith(file.name, 'csv') : _.endsWith(file.name, 'xlsx')
+      if (!this.isCsv) {
+        this.$message.error(
+          this.$t('common.NeedSpecifiedFile')
+        )
+      }
      return this.isCsv
    }
  }
--- a/src/components/ListTable/formatters/ActionsFormatter.vue
+++ b/src/components/ListTable/formatters/ActionsFormatter.vue
@@ -24,6 +24,19 @@ const defaultUpdateCallback = function({ row, col }) {
  this.$router.push(route)
 }

+const defaultCloneCallback = function({ row, col }) {
+  const id = row.id
+  let route = { query: { clone_from: id }}
+  const cloneRoute = this.colActions.cloneRoute
+
+  if (typeof cloneRoute === 'object') {
+    route = Object.assign(route, cloneRoute)
+  } else {
+    route.name = cloneRoute
+  }
+  this.$router.push(route)
+}
+
 const defaultDeleteCallback = function({ row, col, cellValue, reload }) {
  let msg = this.$t('common.deleteWarningMsg')
  const name = row.name || row.hostname
@@ -71,10 +84,14 @@ export default {
          canUpdate: true, // can set function(row, value)
          hasDelete: true, // can set function(row, value)
          canDelete: true,
+          hasClone: false,
+          canClone: true,
          updateRoute: this.$route.name.replace('List', 'Update'),
+          cloneRoute: this.$route.name.replace('List', 'Create'),
          performDelete: defaultPerformDelete,
          onUpdate: defaultUpdateCallback,
          onDelete: defaultDeleteCallback,
+          onClone: defaultCloneCallback,
          extraActions: [] // format see defaultActions
        }
      }
@@ -89,7 +106,8 @@ export default {
        type: 'primary',
        has: colActions.hasUpdate,
        can: colActions.canUpdate,
-        callback: colActions.onUpdate
+        callback: colActions.onUpdate,
+        order: 10
      },
      {
        name: 'delete',
@@ -97,7 +115,17 @@ export default {
        type: 'danger',
        has: colActions.hasDelete,
        can: colActions.canDelete,
-        callback: colActions.onDelete
+        callback: colActions.onDelete,
+        order: 20
+      },
+      {
+        name: 'clone',
+        title: this.$t('common.Clone'),
+        type: 'info',
+        has: colActions.hasClone,
+        can: colActions.canClone,
+        callback: colActions.onClone,
+        order: 30
      }
    ]
    return {
@@ -115,9 +143,11 @@ export default {
        v.has = this.cleanBoolean(v, 'has')
        v.can = this.cleanBoolean(v, 'can')
        v.callback = this.cleanCallback(v)
+        v.order = v.order || 100
        return v
      })
      actions = actions.filter((v) => v.has)
+      actions.sort((a, b) => a.order - b.order)
      return actions
    },
    actions() {
--- a/src/components/ListTable/formatters/CustomActionsFormatter.vue
+++ b/src/components/ListTable/formatters/CustomActionsFormatter.vue
@@ -43,7 +43,7 @@ export default {
    }
  },
  mounted() {
-    console.log(this.col)
+    // console.log(this.col)
  },
  methods: {
    checkBool(item, attr, defaults) {
--- a/src/components/ListTable/index.vue
+++ b/src/components/ListTable/index.vue
@@ -2,7 +2,7 @@
  <div>
    <TableAction :table-url="iTableConfig.url" :search-table="search" :date-pick="handleDateChange" v-bind="headerActions" :selected-rows="selectedRows" :reload-table="reloadTable" />
    <IBox class="table-content">
-      <AutoDataTable ref="dataTable" :config="iTableConfig" @selection-change="handleSelectionChange" v-on="$listeners" />
+      <AutoDataTable ref="dataTable" :filter-table="filter" :config="iTableConfig" @selection-change="handleSelectionChange" v-on="$listeners" />
    </IBox>
  </div>
 </template>
@@ -13,6 +13,7 @@ import IBox from '../IBox'
 import TableAction from './TableAction'
 import Emitter from '@/mixins/emitter'
 import deepmerge from 'deepmerge'
+
 export default {
  name: 'ListTable',
  components: {
@@ -41,11 +42,24 @@ export default {
    }
  },
  computed: {
+
    dataTable() {
      return this.$refs.dataTable.$refs.dataTable
    },
+    hasCreateAction() {
+      const hasLeftAction = this.headerActions.hasLeftActions
+      if (hasLeftAction === false) {
+        return false
+      }
+      const hasCreate = this.headerActions.hasCreate
+      if (hasCreate === false) {
+        return false
+      }
+      return true
+    },
    iTableConfig() {
      const config = deepmerge(this.tableConfig, { extraQuery: this.extraQuery })
+      this.$log.debug('Header actions', this.headerActions)
      this.$log.debug('ListTable: iTableConfig change', config)
      return config
    }
@@ -56,10 +70,14 @@ export default {
        this.$log.debug('ListTable: found extraQuery change')
      },
      deep: true
+    },
+    tableColConfig: {
+      handler() {
+        this.$log.debug('ListTable: found colConfig change')
+      },
+      deep: true
    }
  },
-  mounted() {
-  },
  methods: {
    handleSelectionChange(val) {
      this.selectedRows = val
@@ -70,6 +88,9 @@ export default {
    search(attrs) {
      return this.dataTable.search(attrs, true)
    },
+    filter(attrs) {
+      this.$refs.dataTable.$refs.dataTable.search(attrs, true)
+    },
    handleDateChange(attrs) {
      this.$set(this.extraQuery, 'date_from', attrs[0].toISOString())
      this.$set(this.extraQuery, 'date_to', attrs[1].toISOString())
@@ -92,28 +113,28 @@ export default {

 <style lang="scss" scoped>

-  .table-content {
-    margin-top: 10px;
+.table-content {
+  margin-top: 10px;

-    & >>> .el-card__body {
-      padding: 0;
-    }
-    & >>> .el-table__header thead > tr > th {
-      background-color: white;
-    }
-
-    /*& >>> .el-table--striped .el-table__body tr.el-table__row--striped td {*/
-      /*background: white;*/
-    /*}*/
-
-    /*& >>> .el-table th, .el-table tr  {*/
-      /*background-color: red;*/
-      /*!*background-color: #FAFAFA;*!*/
-    /*}*/
+  & >>> .el-card__body {
+    padding: 0;
+  }
+  & >>> .el-table__header thead > tr > th {
+    background-color: white;
  }

-  //修改颜色
-  // .el-button--text{
-  //   color: #409EFF;
-  // }
+  /*& >>> .el-table--striped .el-table__body tr.el-table__row--striped td {*/
+  /*background: white;*/
+  /*}*/
+
+  /*& >>> .el-table th, .el-table tr  {*/
+  /*background-color: red;*/
+  /*!*background-color: #FAFAFA;*!*/
+  /*}*/
+}
+
+//修改颜色
+// .el-button--text{
+//   color: #409EFF;
+// }
 </style>
--- a/src/components/RelationCard/index.vue
+++ b/src/components/RelationCard/index.vue
@@ -6,6 +6,7 @@
          <Select2 ref="select2" v-model="select2.value" v-bind="select2" />
        </td>
      </tr>
+      <slot />
      <tr>
        <td colspan="2">
          <el-button :type="type" size="small" :loading="submitLoading" @click="addObjects">{{ $t('common.Add') }}</el-button>
@@ -21,7 +22,7 @@
          </td>
        </tr>
      </template>
-      <tr v-if="params.hasMore" class="item">
+      <tr v-if="params.hasMore && showHasMore" class="item">
        <td colspan="2">
          <el-button :type="type" size="small" style="width: 100%" @click="loadMore">
            <i class="fa fa-arrow-down" />
@@ -82,6 +83,10 @@ export default {
      type: [Array, Number, String],
      default: () => []
    },
+    showHasMore: {
+      type: Boolean,
+      default: true
+    },
    performDelete: {
      type: Function,
      default: (obj, that) => {}
--- a/src/i18n/langs/cn.json
+++ b/src/i18n/langs/cn.json
@@ -2,8 +2,25 @@
  "": "",
  "applications": {
    "": "",
+    "applicationsType": {
+      "chrome": "Chrome",
+      "mysql_workbench": "MySQL Workbench",
+      "vmware_client":"Vmware Client",
+      "custom":"Custom",
+      "mysql": "MySQL",
+      "oracle": "Oracle",
+      "postgresql": "PostgreSQL",
+      "mariadb": "MariaDB",
+      "k8s": "Kubernetes"
+    },
+    "applicationsCategory": {
+      "remote_app": "远程应用",
+      "db": "数据库应用",
+      "cloud": "云应用"
+    },
    "appPath": "应用路径",
    "appType": "应用类型",
+    "appName": "应用名称",
    "asset": "资产",
    "database": "数据库",
    "host": "主机",
@@ -32,7 +49,8 @@
    "Custom": "自定义",
    "cluster": "集群",
    "kubernetes":"Kubernetes",
-    "clusterHelpTextMessage": "例如：https://172.16.8.8:8443"
+    "clusterHelpTextMessage": "例如：https://172.16.8.8:8443",
+    "DBInfo": "数据库信息"
  },
  "assets": {
    "Action": "动作",
@@ -41,8 +59,10 @@
    "AdminUserDetail": "管理用户详情",
    "AdminUserListHelpMessage": "管理用户是资产（被控服务器）上的 root，或拥有 NOPASSWD: ALL sudo 权限的用户， JumpServer 使用该用户来 `推送系统用户`、`获取资产硬件信息` 等。\n",
    "Asset": "资产",
+    "HardwareInfo": "硬件信息",
    "AssetDetail": "资产详情",
    "AssetList": "资产列表",
+    "ReplaceNodeAssetsAdminUser":"替换节点资产的管理员",
    "AssetListHelpMessage": "左侧是资产树，右击可以新建、删除、更改树节点，授权资产也是以节点方式组织的，右侧是属于该节点下的资产\n",
    "TestGatewayTestConnection":"测试连接网关",
    "TestGatewayHelpMessage": "如果使用了nat端口映射，请设置为ssh真实监听的端口",
@@ -51,6 +71,7 @@
    "AssetUserList": "资产用户列表",
    "Assets": "资产",
    "Auth": "认证",
+    "AccountList": "账号列表",
    "AutoGenerateKey": "自动生成密钥",
    "AutoPush": "自动推送",
    "BasePlatform": "基础平台",
@@ -70,6 +91,8 @@
    "DateUpdated": "更新日期",
    "DeactiveSelected": "禁用所选",
    "Disk": "硬盘",
+    "AdDomain": "AD域名",
+    "AdDomainHelpText": "提供给域用户登录的AD域名",
    "Domain": "网域",
    "DomainDetail": "网域详情",
    "DomainHelpMessage": "网域功能是为了解决部分环境（如：混合云）无法直接连接而新增的功能，原理是通过网关服务器进行跳转登录。JMS => 网域网关 => 目标资产",
@@ -94,6 +117,7 @@
    "OnlyLatestVersion": "仅最新版本",
    "Os": "操作系统",
    "Other": "其它",
+    "Hardware": "硬件信息",
    "Password": "密码",
    "PasswordWithoutSpecialCharHelpText": "不能包含特殊字符",
    "Pending": "等待",
@@ -113,6 +137,7 @@
    "RefreshHardware": "更新硬件信息",
    "RemoteAppListHelpMessage": "使用此功能前，请确保已将应用加载器上传到应用服务器并成功发布为一个 RemoteApp 应用 <b><a href='https://github.com/jumpserver/Jmservisor/releases'>下载应用加载器</a></b>",
    "RemoteApps": "远程应用",
+    "Applications": "应用",
    "RemoteType": "应用类型",
    "RemoveFromCurrentNode": "从节点移除",
    "ReplaceNodeAssetsAdminUserWithThis": "替换资产的管理员",
@@ -162,15 +187,25 @@
    "Action": "动作",
    "RequestTickets": "申请工单",
    "Actions": "操作",
+    "CustomCol":"自定义列表字段",
    "Activate": "激活",
+    "NeedSpecifiedFile": "需上传指定格式文件",
+    "TestPortErrorMsg":"端口错误,请重新输入",
    "Active": "激活中",
    "actionsTips":"剪切板权限控制目前仅支持 RDP/VNC 协议的连接",
+    "TableColSettingInfo": "请选择您想显示的列表详细信息。",
    "Add": "添加",
+    "UpdateAssetDetail": "配置更多信息",
    "AddSuccessMsg": "添加成功",
    "Auth": "认证",
+    "PushSelected":"推送所选",
    "BadRequestErrorMsg": "请求错误，请检查填写内容",
+    "BadRoleErrorMsg": "请求错误，无该操作权限",
+    "BadConflictErrorMsg": "正在刷新中，请稍后再试",
    "Basic": "基本",
+    "PleaseAgreeToTheTerms": "请同意条款",
    "BasicInfo": "基本信息",
+    "ApplyInfo": "申请信息",
    "Cancel": "取消",
    "Close": "关闭",
    "Command filter": "命令过滤器",
@@ -180,6 +215,7 @@
    "CreatedBy": "创建者",
    "CrontabHelpTips": "eg：每周日 03:05 执行 <5 3 * * 0> <br> 提示： 使用5位 Linux crontab 表达式 <分 时 日 月 星期> （<a href='https://tool.lu/crontab/' target='_blank'>在线工具</a>） <br>注意： 如果同时设置了定期执行和周期执行，优先使用定期执行",
    "DateEnd": "结束日期",
+    "Resource": "资源",
    "DateLast24Hours": "最近一天",
    "DateLast3Months": "最近三月",
    "DateLastMonth": "最近一月",
@@ -217,11 +253,13 @@
    "SelectFile": "选择文件",
    "Show": "显示",
    "Submit": "提交",
+    "SaveAndAddAnother": "保存并继续添加",
    "Test": "测试",
    "TestSuccessMsg": "测试成功",
    "To": "至",
    "Update": "更新",
    "Upload": "上传",
+    "Clone": "克隆",
    "Username": "用户名",
    "Validity": "有效",
    "Invalidity": "无效",
@@ -235,8 +273,10 @@
    "NeedAssetsAndSystemUserErrMsg": "请先选择授权的系统用户和资产",
    "bulkRemoveSuccessMsg": "批量移除成功",
    "createBy": "创建者",
+    "cloneFrom": "克隆自",
    "createErrorMsg": "创建失败",
    "createSuccessMsg": "创建成功",
+    "saveSuccessContinueMsg": "创建成功，更新内容后可以继续添加",
    "createdBy": "创建人",
    "dateCreated": "创建日期",
    "dateExpired": "失效日期",
@@ -262,6 +302,7 @@
      "onlyCSVFilesTips": "仅支持csv文件导入",
      "updateSuccessMsg": "导入更新成功，总共：{count}"
    },
+    "fileType": "文件类型",
    "isValid": "有效",
    "nav": {
      "APIKey": "API Key",
@@ -296,7 +337,8 @@
      "NUMBER_REQUIRED": "须包含数字",
      "SPECIAL_CHAR_REQUIRED": "须包含特殊字符",
      "MIN_LENGTH_ERROR": "密码最小长度 {0} 位"
-    }
+    },
+    "lastCannotBeDeleteMsg": "最后一项，不能被删除"
  },
  "dashboard": {
    "ActiveAsset": "近期被登录过",
@@ -387,6 +429,11 @@
    "SystemUser": "系统用户",
    "User": "用户",
    "UserGroups": "用户组",
+    "PermName":"授权名称",
+    "DatabaseAppPermission": "数据库授权",
+    "RemoteAppPermission": "远程应用授权",
+    "addApplicationToThisPermission": "添加应用",
+    "KubernetesAppPermission": "Kubernetes授权",
    "addAssetToThisPermission": "添加资产",
    "addDatabaseAppToThisPermission": "添加数据库应用",
    "addNodeToThisPermission": "添加节点",
@@ -411,6 +458,8 @@
    "refreshSuccess": "刷新成功",
    "remoteApp": "远程应用",
    "remoteAppCount": "远程应用数量",
+    "appsCount": "应用数量",
+    "appsList":"应用列表",
    "DatabaseAppCount": "数据库应用数量",
    "KubernetesAppCount": "Kubernetes应用数量",
    "systemUserCount": "系统用户数量",
@@ -425,6 +474,7 @@
  },
  "route": {
    "": "",
+    "Ticket":"工单",
    "AdminUserCreate": "创建管理用户",
    "AdminUserDetail": "管理用户详情",
    "AdminUserList": "管理用户",
@@ -455,7 +505,7 @@
    "CreateCommandStorage": "创建命令存储",
    "CreateReplayStorage": "创建录像存储",
    "Dashboard": "仪表盘",
-    "DatabaseApp": "数据库应用",
+    "DatabaseApp": "数据库",
    "DatabaseAppCreate": "创建数据库应用",
    "DatabaseAppDetail": "数据库详情",
    "DatabaseAppPermission": "数据库授权",
@@ -501,6 +551,11 @@
    "RemoteAppPermissionCreate": "创建远程应用授权规则",
    "RemoteAppPermissionDetail": "远程应用授权详情",
    "RemoteAppPermissionUpdate": "更新远程应用授权规则",
+    "ApplicationDetail": "应用详情",
+    "ApplicationPermission": "应用授权",
+    "ApplicationPermissionCreate": "创建应用授权规则",
+    "ApplicationPermissionDetail": "应用授权详情",
+    "ApplicationPermissionUpdate": "更新应用授权规则",
    "RemoteAppUpdate": "更新远程应用",
    "ReplayStorageUpdate": "更新录像存储",
    "SessionDetail": "会话详情",
@@ -569,6 +624,10 @@
    "name": "名称",
    "protocol": "协议",
    "region": "地域",
+    "sessionActiveCount": "在线会话数量",
+    "systemCpuLoad": "CPU负载",
+    "systemDiskUsedPercent": "硬盘使用率",
+    "systemMemoryUsedPercent": "内存使用率",
    "remoteAddr": "远端地址",
    "replay": "回放",
    "replaySession": "回放会话",
@@ -649,6 +708,9 @@
    "emailTest": "测试连接",
    "emailUserSSL": "使用SSL",
    "emailUserTLS": "使用TLS",
+    "SecurityInsecureCommand": "危险命令告警",
+    "Insecure_Command_Alert": "危险命令告警",
+    "SecurityInsecureCommandEmailReceiver": "告警接收邮件",
    "helpText": {
      "ApiKeyList": "使用api key签名请求头，每个请求的头部是不一样的, 请查阅使用文档",
      "authLdapSearchFilter": "可能的选项是(cn或uid或sAMAccountName=%(user)s)",
@@ -669,7 +731,8 @@
      "terminalHeartbeatInterval": "单位: 秒",
      "terminalSessionKeepDuration": "单位：天。 会话、录像、命令记录超过该时长将会被删除(仅影响数据库存储, oss等不受影响)",
      "terminalTelnetRegex": "登录telnet服务器成功后的提示正则表达式，如: Last\\s*login|success|成功",
-      "userGuideUrl": "用户第一次登录，修改profile后重定向到地址"
+      "userGuideUrl": "用户第一次登录，修改profile后重定向到地址",
+      "SecurityInsecureCommandEmailReceiver": "多个邮箱时，以半角逗号','分隔"
    },
    "helpTip": {
      "emailUserSSL": "如果SMTP端口是465，通常需要启用SSL",
@@ -680,7 +743,8 @@
      "securityPasswordNumber": "开启后，用户密码修改、重置必须包含数字字符",
      "securityPasswordSpecialChar": "开启后，用户密码修改、重置必须包含特殊字符",
      "securityPasswordUpperCase": "开启后，用户密码修改、重置必须包含大写字母",
-      "securityServiceAccountRegistration": "允许使用bootstrap token注册终端, 当终端注册成功后可以禁止"
+      "securityServiceAccountRegistration": "允许使用bootstrap token注册终端, 当终端注册成功后可以禁止",
+      "SecurityInsecureCommand": "开启后，当资产上有危险命令执行时，会发送邮件告警通知"
    },
    "validatorMessage": {
      "EnsureThisValueIsGreaterThanOrEqualTo3": "请确保该值大于或者等于 3",
@@ -722,7 +786,10 @@
    "userGuideUrl": "用户向导URL",
    "username": "用户名",
    "usernamePlaceholder": "请输入用户名",
-    "refreshLdapCache":"刷新Ldap缓存，请稍后"
+    "refreshLdapCache":"刷新Ldap缓存，请稍后",
+    "LicenseExpired": "许可证已经过期",
+    "LicenseWillBe": "许可证即将在 ",
+    "Expire": " 过期"
  },
  "settings": {
    "setting": "设置"
@@ -733,6 +800,8 @@
    "Assignee": "处理人",
    "Assignees": "待处理人",
    "Close": "关闭",
+    "OpenStatus":"开启",
+    "CloseStatus":"关闭",
    "Comment": "备注",
    "MyTickets": "我发起的",
    "RequestPerm":"授权申请",
@@ -741,10 +810,14 @@
    "reply": "回复",
    "status": "状态",
    "title": "标题",
+    "action": "动作",
+    "IPGroup": "IP 组",
    "type": "类型",
    "user": "用户",
    "Status": "状态",
    "Open": "待处理",
+    "OrgName":"组织名称",
+    "AssignedInfo":"审批信息",
    "OpenTicket": "创建工单",
    "HandleTicket": "处理工单",
    "FinishedTicket": "完成工单",
@@ -753,11 +826,17 @@
    "Asset": "资产",
    "SystemUser": "系统用户",
    "RequestAssetPerm": "申请资产授权",
+    "RequestApplicationPerm": "申请应用授权",
    "Applicant": "申请人",
    "Pending": "待处理",
    "Approved": "已同意",
    "Rejected": "已拒绝",
-    "Closed": "已完成"
+    "Closed": "已完成",
+    "helpText": {
+      "ips": "请输入逗号分割的IP地址组",
+      "fuzzySearch": "支持模糊搜索",
+      "application": "请输入逗号分割的应用名称组"
+    }
  },
  "tree": {
    "AddAssetToNode": "添加资产到节点",
@@ -767,6 +846,7 @@
    "RenameNode": "重命名节点",
    "ShowAssetAllChildrenNode": "显示所有子节点资产",
    "ShowAssetOnlyCurrentNode": "仅显示当前节点资产",
+    "CheckAssetsAmount": "校对资产数量",
    "ShowNodeInfo": "显示节点详情",
    "TestNodeAssetConnectivity": "测试资产节点可连接性",
    "UpdateNodeAssetHardwareInfo": "更新节点资产硬件信息"
@@ -788,6 +868,9 @@
    "OrgUser": "组织用户",
    "OrgAdmin": "组织管理员",
    "OrgAuditor": "组织审计员",
+    "InviteUser": "邀请用户",
+    "Invite": "邀请",
+    "InviteUserInOrg": "邀请用户加入此组织",
    "Guide": "向导",
    "HelpText": {
      "MFAOfUserFirstLoginPersonalInformationImprovementPage": "启用多因子认证，使账号更加安全。<br/> 启用之后您将会在下次登录时进入多因子认证绑定流程；您也可以在（个人信息->快速修改->更改多因子设置）中直接绑定！",
@@ -845,14 +928,21 @@
    "tabs": {
      "assetPermissionRules": "资产授权规则",
      "databasePermissionRules": "数据库授权规则",
+      "k8sPermissionRules": "Kubernetes授权规则",
      "grantedAssets": "授权的资产",
+      "grantedK8Ss": "授权的Kubernetes",
      "grantedDatabases": "授权的数据库",
      "grantedRemoteApps": "授权的远程应用",
+      "grantedApplications": "授权的应用",
+      "ApplicationPermissionRules": "应用授权规则",
      "remoteAppPermissionRules": "远程应用授权规则"
    },
    "dateLastLogin": "最后登录日期",
    "UpdatePassword": "更新密码",
-    "SetPublicKey": "设置SSH公钥"
+    "SetPublicKey": "设置SSH公钥",
+    "passwordExpired": "密码过期了",
+    "passwordWillExpiredPrefixMsg": "密码即将在 ",
+    "passwordWillExpiredSuffixMsg": "天 后过期，请尽快修改您的密码。"
  },
  "xpack": {
    "Admin": "管理员",
@@ -901,6 +991,12 @@
      "Username": "用户名"
    },
    "Cloud": {
+      "Aliyun": "阿里云",
+      "Qcloud": "腾讯云",
+      "AWS_China": "AWS(中国)",
+      "AWS_Int": "AWS(国际)",
+      "HuaweiCloud": "华为云",
+      "Azure":"Azure(中国)",
      "HostnameStrategy": "用于生成资产主机名。例如：1. 实例名称 (instanceDemo)；2. 实例名称和部分IP(后两位) (instanceDemo-250.1)",
      "IsAlwaysUpdate": "资产信息保持最新",
      "AccountCreate": "创建账户",
@@ -960,6 +1056,13 @@
    "ImportLicenseTip": "请导入许可证",
    "InterfaceSettings": "界面设置",
    "License": "许可证",
+    "SystemMonitor": "系统监控",
+    "ServiceRatio": "组件负载统计",
+    "LoadStatus":"组件状态",
+    "NormalLoad":"正常",
+    "HighLoad":"较高",
+    "CriticalLoad":"严重",
+    "Offline": "离线",
    "LicenseDetail": "许可证详情",
    "LicenseFile": "许可证文件",
    "NoLicense": "暂无许可证",
@@ -973,7 +1076,16 @@
      "DeleteOrgTitle": "请确保组织内的以下信息已删除",
      "DeleteOrgMsg": "用户列表、用户组、资产列表、网域列表、管理用户、系统用户、标签管理、资产授权规则",
      "OrgRole": "组织角色",
-      "CreateOrgMsg": "请去组织详情内添加用户"
+      "users_amount": "用户数量",
+      "groups_amount": "用户组数量",
+      "assets_amount": "资产数量",
+      "admin_users_amount": "管理用户数量",
+      "system_users_amount": "系统用户数量",
+      "applications_amount": "应用数量",
+      "asset_perms_amount": "资产授权数量",
+      "app_perms_amount": "应用授权数量",
+      "CreateOrgMsg": "请去组织详情内添加用户",
+      "AddOrgMembers": "添加组织成员"
    },
    "RestoreButton": "恢复默认",
    "SubscriptionID": "订阅授权ID",
@@ -990,9 +1102,9 @@
    "loginImageTip": "提示：将会显示在企业版用户登录页面（建议图片大小为: 492*472px）",
    "loginTitle": "登录页面标题",
    "loginTitleTip": "提示：将会显示在企业版用户登录页面（eg: 欢迎使用JumpServer开源堡垒机)",
-    "logoIndex": "管理页面logo",
+    "logoIndex": "Logo (带文字)",
    "logoIndexTip": "提示：将会显示在管理页面左上方（建议图片大小为: 185px*55px）",
-    "logoLogout": "退出页面logo",
+    "logoLogout": "Logo (不带文字)",
    "logoLogoutTip": "提示：将会显示在企业版用户退出页面（建议图片大小为：82px*82px）",
    "restoreDialogMessage": "您确定要恢复默认初始化吗？",
    "restoreDialogTitle": "你确认吗",
--- a/src/i18n/langs/en.json
+++ b/src/i18n/langs/en.json
@@ -2,8 +2,25 @@
  "": "",
  "applications": {
    "": "",
+    "applicationsType": {
+      "chrome": "Chrome",
+      "mysql_workbench": "MySQL Workbench",
+      "vmware_client":"Vmware Client",
+      "custom":"Custom",
+      "mysql": "MySQL",
+      "oracle": "Oracle",
+      "postgresql": "PostgreSQL",
+      "mariadb": "MariaDB",
+      "k8s": "kubernetes"
+    },
+    "applicationsCategory": {
+      "remote_app": "Remote app",
+      "db": "Database app",
+      "cloud": "Cloud app"
+    },
    "appPath": "App path",
    "appType": "App type",
+    "appName": "App name",
    "asset": "Asset",
    "database": "Database",
    "host": "Host",
@@ -32,15 +49,20 @@
    "Custom": "Custom",
    "cluster": "Cluster",
    "kubernetes":"Kubernetes",
-    "clusterHelpTextMessage": "Tips: https://172.16.8.8:8443"
+    "clusterHelpTextMessage": "Tips: https://172.16.8.8:8443",
+    "DBInfo": "Database Info"
  },
  "assets": {
    "Action": "Action",
    "ActiveSelected": "Active selected",
    "AdminUser": "Admin user",
+    "ReplaceNodeAssetsAdminUser":"Replace node assets admin user with this",
    "AdminUserDetail": "Admin user detail",
    "AdminUserListHelpMessage": "Admin users are asset (charged server) on the root, or have NOPASSWD: ALL sudo permissions users, JumpServer users of the system using the user to `push system user`, `get assets hardware information`, etc.\n",
    "Asset": "Asset",
+    "HardwareInfo": "Hardware info",
+    "Hardware": "Hardware",
+    "AccountList": "Account list",
    "AssetDetail": "Asset detail",
    "AssetList": "Asset list",
    "AssetListHelpMessage": "The left side is the asset tree, right click to create, delete, and change the tree node, authorization asset is also organized as a node, and the right side is the asset under that node\n",
@@ -70,6 +92,8 @@
    "DateUpdated": "Date updated",
    "DeactiveSelected": "Deactive selected",
    "Disk": "Disk",
+    "AdDomain": "AD Domain",
+    "AdDomainHelpText": "AD domain provided to domain users for login",
    "Domain": "Domain",
    "DomainDetail": "Domain detail",
    "DomainHelpMessage": "The domain function is added to address the fact that some environments (such as the hybrid cloud) cannot be connected directly by jumping on the gateway server.\nJMS => Domain gateway => Target assets",
@@ -113,6 +137,7 @@
    "RefreshHardware": "Refresh hardware",
    "RemoteAppListHelpMessage": "Before using this feature, make sure that the application loader has been uploaded to the application server and successfully published as a RemoteApp application <b><a href='https://github.com/jumpserver/Jmservisor/releases'> Download application loader</a></b>",
    "RemoteApps": "Remote apps",
+    "Applications": "Applications",
    "RemoteType": "Remote type",
    "RemoveFromCurrentNode": "Remove from node",
    "ReplaceNodeAssetsAdminUserWithThis": "Replace node assets admin user with this",
@@ -160,17 +185,27 @@
  "common": {
    "Nothing": "Nothing",
    "Action": "Action",
+    "CustomCol":"Custom table col",
    "RequestTickets": "Request tickets",
    "Actions": "Actions",
+    "NeedSpecifiedFile": "Required to upload the specified format file",
+    "TestPortErrorMsg":"Port Error, please check",
    "Activate": "Activate",
    "actionsTips":"Clipboard's copy and paste control only support RDP/VNC protocol.",
    "Active": "Active",
+    "TableColSettingInfo": "Please select the list details you want to display",
    "Add": "Add",
+    "PleaseAgreeToTheTerms": "Please agree to the terms",
+    "PushSelected":"Push selected",
+    "UpdateAssetDetail": "Update more detail",
    "AddSuccessMsg": "Add success",
    "Auth": "Authorization",
    "BadRequestErrorMsg": "Bad request, please check again",
+    "BadRoleErrorMsg": "Bad request, no permission for this operation",
+    "BadConflictErrorMsg": "Refreshing, please try again later",
    "Basic": "Basic",
    "BasicInfo": "Basic info",
+    "ApplyInfo": "Apply info",
    "Cancel": "Cancel",
    "Close": "Close",
    "Command filter": "Command filter",
@@ -180,6 +215,7 @@
    "CreatedBy": "Created by",
    "CrontabHelpTips": "eg: Every Sunday 03:05 run <5 3 * * 0> <br>Tips:Using 5 digits linux crontab expressions<min hour day month week> (<a href='https://tool.lu/crontab/' target='_blank'>Online tools</a>) <br>Note:If both Regularly perform and Cycle perform are set,give priority to Regularly perform",
    "DateEnd": "End date",
+    "Resource": "Resource",
    "DateLast24Hours": "Last 24 hours",
    "DateLast3Months": "Last 3 months",
    "DateLastMonth": "Last month",
@@ -222,6 +258,7 @@
    "To": "To",
    "Update": "Update",
    "Upload": "Upload",
+    "Clone": "Clone",
    "Username": "Username",
    "Validity": "Validity",
    "Invalidity": "Invalidity",
@@ -235,8 +272,10 @@
    "bulkRemoveSuccessMsg": "Bulk remove success",
    "NeedAssetsAndSystemUserErrMsg": "Need assets and systemuser",
    "createBy": "Create by",
+    "cloneFrom": "Clone from",
    "createErrorMsg": "Create error",
    "createSuccessMsg": "Create success",
+    "saveSuccessContinueMsg": "Create success, you may add another",
    "createdBy": "Created by",
    "dateCreated": "Date created",
    "dateFinished": "Date finished",
@@ -250,6 +289,7 @@
    "disableSelected": "Disable selected",
    "fieldRequiredError": "This field is required",
    "getErrorMsg": "Get failed",
+    "fileType": "File type",
    "imExport": {
      "ExportAll": "Export all",
      "ExportOnlyFiltered": "Export only filtered",
@@ -295,7 +335,8 @@
      "NUMBER_REQUIRED": "Number required",
      "SPECIAL_CHAR_REQUIRED": "Special char required",
      "MIN_LENGTH_ERROR": "Password minimum length {}"
-    }
+    },
+    "lastCannotBeDeleteMsg": "The last one can't be delete"
  },
  "dashboard": {
    "ActiveAsset": "Asset active",
@@ -386,15 +427,20 @@
    "SystemUser": "System user",
    "User": "User",
    "UserGroups": "UserGroups",
+    "DatabaseAppPermission": "Databases permissions",
+    "RemoteAppPermission": "Remote apps permissions",
+    "KubernetesAppPermission": "Kubernetes permissions",
    "addAssetToThisPermission": "Add asset to this permission",
    "addDatabaseAppToThisPermission": "Add DatabaseApp to this permission",
    "addK8sAppToThisPermission": "Add KubernetesApp to this permission",
+    "addApplicationToThisPermission": "Add Application to this permission",
    "addNodeToThisPermission": "Add node to this permission",
    "addRemoteAppToThisPermission": "Add RemoteApp to this permission",
    "addSystemUserToThisPermission": "System user",
    "addUserGroupToThisPermission": "Add user group to this permission",
    "addUserToThisPermission": "Add user to this permission",
    "all": "All",
+    "PermName":"Perm name",
    "assetAndNode": "Assets and node",
    "assetCount": "Asset count",
    "connect": "Connect",
@@ -410,6 +456,8 @@
    "refreshSuccess": "Refresh success",
    "remoteApp": "RemoteApp",
    "remoteAppCount": "RemoteApp count",
+    "appsCount": "App count",
+    "appsList":"App list",
    "DatabaseAppCount": "DatabaseApp count",
    "KubernetesAppCount": "KubernetesApp count",
    "systemUserCount": "System user count",
@@ -424,6 +472,7 @@
  },
  "route": {
    "": "",
+    "Ticket": "Tickets",
    "AdminUserCreate": "Admin user create",
    "AdminUserDetail": "Admin user detail",
    "AdminUserList": "Admin users",
@@ -496,6 +545,7 @@
    "RemoteApp": "Remote apps",
    "RemoteAppDetail": "Remote app detail",
    "RemoteAppPermission": "Remote apps permissions",
+    "ApplicationPermission": "Application permissions",
    "RemoteAppPermissionCreate": "Remote apps permission create",
    "RemoteAppPermissionDetail": "Remote apps permissions detail",
    "RemoteAppPermissionUpdate": "Remote app permission update",
@@ -555,6 +605,10 @@
    "duration": "Duration",
    "endPoint": "Endpoint",
    "endpointSuffix": "Endpoint suffix",
+    "sessionActiveCount": "session active count",
+    "systemCpuLoad": "cpu load",
+    "systemDiskUsedPercent": "disk used percent",
+    "systemMemoryUsedPercent": "memory used percent",
    "go": "Go",
    "goto": "Goto",
    "hosts": "Hosts",
@@ -720,7 +774,10 @@
    "userGuideUrl": "User Guide URL",
    "username": "Username",
    "usernamePlaceholder": "Please input username",
-    "refreshLdapCache":"Refreshing Ldap cache "
+    "refreshLdapCache":"Refreshing Ldap cache ",
+    "LicenseExpired": "License expired",
+    "LicenseWillBe": "License will expire at ",
+    "Expire": ""
  },
  "settings": {
    "setting": "Setting"
@@ -730,13 +787,18 @@
    "AssignedMe": "Assigned me",
    "Assignee": "Assignee",
    "RequestPerm":"Request Perm",
+    "AssignedInfo":"Assigned Info",
    "OpenTicket": "Open Ticket",
    "HandleTicket": "Handle Ticket",
    "FinishedTicket": "Finished Ticket",
    "Assignees": "Assignees",
    "Close": "Close",
+    "OpenStatus":"Open",
+    "CloseStatus":"Close",
    "Comment": "Comment",
    "MyTickets": "My tickets",
+    "action": "Action",
+    "IPGroup": "IP 组",
    "Reject": "Reject",
    "date": "Date",
    "reply": "Reply",
@@ -746,15 +808,23 @@
    "user": "User",
    "Status": "Status",
    "Open": "Open",
+    "OrgName":"Org name",
    "IP": "IP",
    "Hostname": "Hostname",
    "Asset": "Asset",
    "SystemUser": "System user",
    "Applicant": "Applicant",
+    "RequestAssetPerm": "Request asset perm",
+    "RequestApplicationPerm": "Request application perm",
    "Pending": "Open",
    "Approved": "Approved",
    "Rejected": "Rejected",
-    "Closed": "Closed"
+    "Closed": "Closed",
+    "helpText": {
+      "ips": "Enter the IP address group, separated by commas",
+      "fuzzySearch": "Support for fuzzy search",
+      "application": "Enter the application group, separated by commas"
+    }
  },
  "tree": {
    "AddAssetToNode": "Add asset to node",
@@ -764,6 +834,7 @@
    "RenameNode": "Rename node",
    "ShowAssetAllChildrenNode": "Show asset all children node",
    "ShowAssetOnlyCurrentNode": "Show asset only current node",
+    "CheckAssetsAmount": "Check assets amount",
    "ShowNodeInfo": "Show node information",
    "TestNodeAssetConnectivity": "Test node asset connectivity",
    "UpdateNodeAssetHardwareInfo": "Update node asset hardware information"
@@ -783,10 +854,14 @@
    "Email": "Email",
    "FingerPrint": "Fingerprint",
    "FirstLogin": "First login",
+    "InviteUser": "Invite user",
+    "InviteUserInOrg": "Invite user in this org",
+    "Invite": "Invite",
    "Guide": "Guide",
    "OrgUser": "Org User",
    "OrgAdmin": "Org Admin",
    "OrgAuditor": "Org Auditor",
+
    "HelpText": {
      "MFAOfUserFirstLoginPersonalInformationImprovementPage": "Enable multi-factor authentication to make the account more secure <br/> After is enabled, you will enter the multi-factor authentication binding process on your next login <br/> You can also bind directly in (personal information -> fast modifier -> modifier multiple factor Settings)",
      "MFAOfUserFirstLoginUserGuidePage": "To protect the security of you and the company <br/> please properly keep your account, password, key and other important and sensitive information <br/> (e.g., set a complex password and enable multi-factor authentication)",
@@ -842,13 +917,20 @@
    "tabs": {
      "assetPermissionRules": "Asset permission rules",
      "databasePermissionRules": "Database Permission rules",
+      "k8sPermissionRules": "Kubernetes Permission rules",
      "grantedAssets": "Granted assets",
+      "grantedK8Ss":"Granted K8Ss",
      "grantedDatabases": "Granted databases",
      "grantedRemoteApps": "Granted remote apps",
+      "grantedApplications": "Granted applications",
+      "ApplicationPermissionRules": "Application permission rules",
      "remoteAppPermissionRules": "Remote app permission rules"
    },
    "UpdatePassword": "",
-    "UpdatePublicKey": ""
+    "UpdatePublicKey": "",
+    "passwordExpired": "Password expired",
+    "passwordWillExpiredPrefixMsg": "The password will expire in ",
+    "passwordWillExpiredSuffixMsg": " days.Please change your password as soon as possible."
  },
  "xpack": {
    "Admin": "Admin",
@@ -897,6 +979,12 @@
      "Username": "Username"
    },
    "Cloud": {
+      "Aliyun": "Ali Cloud",
+      "Qcloud": "Tencent Cloud",
+      "AWS_China": "AWS(China)",
+      "AWS_Int": "AWS(International)",
+      "HuaweiCloud": "Huawei Cloud",
+      "Azure":"Azure(China)",
      "HostnameStrategy": "Used to produce the asset hostname. For example, 1. Instance name (instanceDemo)；2. Instance name and Partial IP (instanceDemo-250.1)",
      "IsAlwaysUpdate": "Asset info is kept up-to-date",
      "AccountCreate": "Create account",
@@ -957,6 +1045,13 @@
    "InterfaceSettings": "Interface setting",
    "License": "License",
    "LicenseDetail": "License detail",
+    "SystemMonitor": "System Monitor",
+    "ServiceRatio": "Service ratio",
+    "LoadStatus":"Status",
+    "NormalLoad":"Normal",
+    "HighLoad":"High",
+    "Offline": "Offline",
+    "CriticalLoad":"Critical",
    "LicenseFile": "License file",
    "NoLicense": "No License",
    "Node": "Node",
@@ -969,7 +1064,16 @@
      "DeleteOrgTitle":"Please ensure that the following information in the organization has been deleted",
      "DeleteOrgMsg":"User list、User group、Asset list、Domain list、Admin user、System user、Labels、Asset permission",
      "OrgRole": "Org role",
-      "CreateOrgMsg": "Please go to Organization Details to add users"
+      "CreateOrgMsg": "Please go to Organization Details to add users",
+      "AddOrgMembers": "Add organization members",
+      "users_amount": "Users amount",
+      "groups_amount": "Groups amount",
+      "assets_amount": "Assets amount",
+      "admin_users_amount": "Admin users amount",
+      "system_users_amount": "System users amount",
+      "applications_amount": "Applications amount",
+      "asset_perms_amount": "Asset perms amount",
+      "app_perms_amount": "App perms amount"
    },
    "RestoreButton": "Restore Default",
    "SubscriptionID": "Subscription ID",
@@ -986,9 +1090,9 @@
    "loginImageTip": "Tips: This will be displayed on the enterprise user login page. (suggest image size: 492px*472px)",
    "loginTitle": "Title of login page",
    "loginTitleTip": "Tips: This will be displayed on the enterprise user login page. (eg: Welcome to the JumpServer open source fortress)",
-    "logoIndex": "Logo of management page",
+    "logoIndex": "Logo (It contains text)",
    "logoIndexTip": "Tips: This will appear at the top left of the administration page. (suggest image size: 185px*55px)",
-    "logoLogout": "Logo of logout page",
+    "logoLogout": "Logo (It contains no text)",
    "logoLogoutTip": "Tips: This will be displayed on the enterprise user logout page. (suggest image size: 82px*82px)",
    "restoreDialogMessage": "This will restore default Settings of the interface !!!",
    "restoreDialogTitle": "Are you sure?",
--- a/src/layout/components/Footer/index.vue
+++ b/src/layout/components/Footer/index.vue
@@ -1,10 +1,10 @@
 <template>
  <div class="footer" :style="style">
    <div class="pull-right">
-      Version <strong>2.0.2</strong> <span v-if="!publicSettings.XPACK_LICENSE_IS_VALID"> GPLv2. </span>
+      Version <strong> dev </strong> <span v-if="!publicSettings.XPACK_LICENSE_IS_VALID"> GPLv2. </span>
    </div>
    <div v-if="!publicSettings.XPACK_LICENSE_IS_VALID" style="padding-left:20px;">
-      <strong>Copyright</strong> FIT2CLOUD 飞致云 © 2014-2020
+      <strong>Copyright</strong> FIT2CLOUD 飞致云 © 2014-2021
    </div>
  </div>
 </template>
--- a/src/layout/components/GenericCreateUpdateForm/index.vue
+++ b/src/layout/components/GenericCreateUpdateForm/index.vue
@@ -5,6 +5,8 @@
    :method="method"
    :form="form"
    :url="iUrl"
+    :has-save-continue="iHasSaveContinue"
+    :has-reset="iHasReset"
    :is-submitting="isSubmitting"
    v-bind="$attrs"
    v-on="$listeners"
@@ -13,50 +15,66 @@
 </template>
 <script>
 import AutoDataForm from '@/components/AutoDataForm'
+import deepmerge from 'deepmerge'
 export default {
  name: 'GenericCreateUpdateForm',
  components: {
    AutoDataForm
  },
  props: {
+    // 创建对象的地址
    url: {
      type: String,
      default: ''
    },
+    // 更新的对象
    object: {
      type: Object,
      default: null
    },
+    // form的默认值
    initial: {
      type: Object,
      default: () => ({})
    },
+    // 提交前，清理form的值
    cleanFormValue: {
      type: Function,
      default: (value) => value
    },
+    // 当提交的时候，怎么处理
    onSubmit: {
      type: Function,
      default: null
    },
+    // 如何提交数据
    performSubmit: {
      type: Function,
      default(validValues) {
        return this.$axios[this.method](this.iUrl, validValues)
      }
    },
+    // 创建成功的msg
    createSuccessMsg: {
      type: String,
      default: function() {
        return this.$t('common.createSuccessMsg')
      }
    },
+    // 更新成功的msg
+    saveSuccessContinueMsg: {
+      type: String,
+      default: function() {
+        return this.$t('common.saveSuccessContinueMsg')
+      }
+    },
    updateSuccessMsg: {
      type: String,
      default: function() {
        return this.$t('common.updateSuccessMsg')
      }
    },
+    // 创建成功的跳转路由
    createSuccessNextRoute: {
      type: Object,
      default: function() {
@@ -64,6 +82,7 @@ export default {
        return { name: routeName }
      }
    },
+    // 更新成功的跳转路由
    updateSuccessNextRoute: {
      type: Object,
      default: function() {
@@ -71,12 +90,21 @@ export default {
        return { name: routeName }
      }
    },
+    objectDetailRoute: {
+      type: Object,
+      default: function() {
+        const routeName = this.$route.name.replace('Update', 'Detail').replace('Create', 'Detail')
+        return { name: routeName }
+      }
+    },
+    // 获取下一个路由
    getNextRoute: {
      type: Function,
      default(res, method) {
        return method === 'post' ? this.createSuccessNextRoute : this.updateSuccessNextRoute
      }
    },
+    // 获取提交的方法
    getMethod: {
      type: Function,
      default: function() {
@@ -88,6 +116,7 @@ export default {
        }
      }
    },
+    // 获取创建和更新的url function
    getUrl: {
      type: Function,
      default: function() {
@@ -101,12 +130,47 @@ export default {
    },
    onPerformSuccess: {
      type: Function,
-      default(res, method, vm) {
-        const msg = method === 'post' ? this.createSuccessMsg : this.updateSuccessMsg
+      default(res, method, vm, addContinue) {
+        let msg = method === 'post' ? this.createSuccessMsg : this.updateSuccessMsg
+        if (addContinue) {
+          msg = this.saveSuccessContinueMsg
+        }
+        let msgLinkName = this.$t('common.Resource')
+        if (res.name) {
+          msgLinkName = res.name
+        } else if (res.hostname) {
+          msgLinkName = res.hostname
+        }
+        const detailRoute = this.objectDetailRoute
+        detailRoute['params'] = { 'id': res.id }
        const route = this.getNextRoute(res, method)
        this.$emit('submitSuccess', res)
-        this.$message.success(msg)
-        setTimeout(() => this.$router.push(route), 100)
+        const h = this.$createElement
+        this.$log.debug('router is: ', detailRoute)
+        if (this.hasDetailInMsg) {
+          this.$message({
+            message: h('p', null, [
+              h('el-link', {
+                on: {
+                  click: () => this.$router.push(detailRoute)
+                },
+                style: { 'vertical-align': 'top' }
+              }, msgLinkName),
+              h('span', { style: {
+                'padding-left': '5px',
+                'height': '18px',
+                'line-height': '18px',
+                'font-size': '13.5px',
+                'font-weight': ' 400' }}, msg)
+            ]),
+            type: 'success'
+          })
+        } else {
+          this.$message.success(msg)
+        }
+        if (!addContinue) {
+          setTimeout(() => this.$router.push(route), 100)
+        }
      }
    },
    onPerformError: {
@@ -125,13 +189,22 @@ export default {
          }
        }
      }
+    },
+    hasSaveContinue: {
+      type: Boolean,
+      default: null
+    },
+    hasDetailInMsg: {
+      type: Boolean,
+      default: true
    }
  },
  data() {
    return {
      form: {},
      loading: true,
-      isSubmitting: false
+      isSubmitting: false,
+      clone: false
    }
  },
  computed: {
@@ -140,44 +213,77 @@ export default {
    },
    iUrl() {
      return this.getUrl()
+    },
+    iHasSaveContinue() {
+      if (this.hasSaveContinue != null) {
+        return this.hasSaveContinue
+      }
+      return this.method === 'post'
+    },
+    iHasReset() {
+      if (this.hasReset != null) {
+        return this.hasReset
+      }
+      return this.method === 'put'
    }
  },
  async created() {
+    this.$log.debug('Object init is: ', this.object)
    this.loading = true
    try {
      const values = await this.getFormValue()
+      this.$log.debug('Final object is: ', values)
      this.form = Object.assign(this.form, values)
    } finally {
      this.loading = false
    }
  },
  methods: {
-    handleSubmit(values) {
+    handleSubmit(values, formName, addContinue) {
      let handler = this.onSubmit || this.defaultOnSubmit
      handler = handler.bind(this)
      values = this.cleanFormValue(values)
-      return handler(values)
+      return handler(values, formName, addContinue)
    },
-    defaultOnSubmit(validValues) {
+    defaultOnSubmit(validValues, formName, addContinue) {
      this.isSubmitting = true
      this.performSubmit(validValues)
-        .then((res) => this.onPerformSuccess.bind(this)(res, this.method, this))
+        .then((res) => this.onPerformSuccess.bind(this)(res, this.method, this, addContinue))
        .catch((error) => this.onPerformError(error, this.method, this))
        .finally(() => { this.isSubmitting = false })
    },
    async getFormValue() {
-      if (this.method !== 'put') {
+      const cloneFrom = this.$route.query['clone_from']
+      if (this.method !== 'put' && !cloneFrom) {
        return Object.assign(this.form, this.initial)
      }
      let object = this.object
-      if (object === null) {
-        object = await this.getObjectDetail()
+      if (!object) {
+        if (cloneFrom) {
+          this.$log.debug('Clone from: ', cloneFrom)
+          const url = `${this.url}${cloneFrom}/`
+          object = await this.getObjectDetail(url)
+          if (object['name']) {
+            object.name = this.$t('common.cloneFrom') + ' ' + object.name
+          } else if (object['hostname']) {
+            object.hostname = this.$t('common.cloneFrom') + ' ' + object.hostname
+          }
+        } else {
+          object = await this.getObjectDetail(this.iUrl)
+        }
+      }
+      if (object) {
+        if (object['attrs']) {
+          object = deepmerge(object, object['attrs'])
+        }
+        this.$log.debug('Object is: ', object)
        this.$emit('update:object', object)
      }
      return object
    },
-    async getObjectDetail() {
-      return this.$axios.get(this.iUrl)
+    async getObjectDetail(url) {
+      this.$log.debug('Get object detail: ', url)
+      return this.$axios.get(url)
    }
  }
 }
--- a/src/layout/components/GenericCreateUpdatePage/index.vue
+++ b/src/layout/components/GenericCreateUpdatePage/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page v-bind="$attrs">
    <IBox>
      <GenericCreateUpdateForm ref="createUpdateForm" v-bind="$attrs" v-on="$listeners" />
    </IBox>
--- a/src/layout/components/GenericListPage/index.vue
+++ b/src/layout/components/GenericListPage/index.vue
@@ -1,6 +1,6 @@
 <template>
  <Page v-bind="$attrs">
-    <ListTable v-bind="$attrs" />
+    <ListTable ref="ListTable" v-bind="$attrs" />
  </Page>
 </template>

--- a/src/layout/components/GenericUpdateFormDialog/index.vue
+++ b/src/layout/components/GenericUpdateFormDialog/index.vue
@@ -1,6 +1,5 @@
 <template>
  <Dialog
-    v-if="dialogSetting.dialogVisible"
    :title="this.$t('common.updateSelected')"
    :visible.sync="dialogSetting.dialogVisible"
    width="70%"
@@ -99,6 +98,7 @@ export default {
          const url = this.url
          const msg = this.updateSuccessMsg
          this.$axios.patch(url, validValues).then((res) => {
+            vm.$emit('update')
            this.$message.success(msg)
            vm.dialogSetting.dialogVisible = false
          }).catch(error => {
--- a/src/layout/components/NavHeader/AccountDropdown.vue
+++ b/src/layout/components/NavHeader/AccountDropdown.vue
@@ -82,7 +82,7 @@ export default {
        case 'userPage':
          if (this.currentOrgUsePagePerm) {
            this.$store.dispatch('users/setCurrentRole', rolec.USER)
-            console.log('Switch to: ', rolec.USER)
+            // console.log('Switch to: ', rolec.USER)
            window.location.href = `/ui/`
          }
          break
@@ -97,7 +97,7 @@ export default {
    },
    logout() {
      // Clean Status
-      const statusList = ['currentOrg', 'currentRole', 'jms_current_org', 'jms_current_role', 'sidebarStatus', 'django_language', 'X-JMS-ORG', 'activeTab']
+      const statusList = ['currentOrg', 'currentRole', 'jms_current_org', 'jms_current_role', 'sidebarStatus', 'X-JMS-ORG', 'activeTab']
      for (const i in statusList) {
        this.$cookie.delete(statusList[i])
      }
--- a/src/layout/components/NavHeader/Language.vue
+++ b/src/layout/components/NavHeader/Language.vue
@@ -31,25 +31,46 @@ export default {
    }
  },
  computed: {
+    supportedLangMapper() {
+      return this.supportLanguages.reduce((map, obj) => {
+        map[obj.code] = obj
+        return map
+      })
+    },
    currentLang() {
-      const cookieCode = this.$cookie.get(this.LANG_COOKIE_NAME)
-      let lang = this.supportLanguages.find((v) => v.cookieCode === cookieCode)
+      const langCode = this.getLangCode()
+      let lang = this.supportedLangMapper[langCode]
      if (!lang) {
        lang = this.supportLanguages[0]
-        this.changeLangTo(lang)
-      }
-      if (lang.code !== this.$i18n.locale) {
-        this.changeLangTo(lang)
      }
      return lang
    }
  },
+  mounted() {
+    if (this.currentLang.code !== this.$i18n.locale) {
+      this.changeLangTo(this.currentLang)
+    }
+  },
  methods: {
    changeLangTo(item) {
      this.$i18n.locale = item.code
      localStorage.setItem('lang', item.code)
      this.$cookie.set(this.LANG_COOKIE_NAME, item.cookieCode)
      window.location.reload()
+    },
+    getLangCode() {
+      let langCode = localStorage.lang
+      if (!langCode) {
+        langCode = this.$cookie.get(this.LANG_COOKIE_NAME)
+      }
+      if (!langCode) {
+        langCode = navigator.language || navigator.userLanguage
+      }
+      langCode = langCode.substr(0, 2)
+      langCode = langCode.replace('zh', 'cn')
+      if (langCode) {
+        return langCode
+      }
    }
  }
 }
--- a/src/layout/components/NavHeader/Tickets.vue
+++ b/src/layout/components/NavHeader/Tickets.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <!--    <el-link class="el-link" target="_blank" @click="goToTickets">{{ $t('route.Ticket') }}</el-link>-->
+    <el-badge :value="assignedTicketCount" :hidden="assignedTicketCount===0" size="mini" type="primary">
+      <el-link class="el-link" target="_blank" @click="goToTickets">{{ $t('route.Ticket') }}</el-link>
+    </el-badge>
+  </div>
+</template>
+
+<script>
+import { getTicketOpenCount } from '@/api/ticket'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'WebTerminal',
+  data() {
+    return {
+      assignedTicketCount: 0
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'currentUser'
+    ])
+  },
+  created() {
+    this.ticketsOpenedCount()
+  },
+  methods: {
+    ticketsOpenedCount() {
+      getTicketOpenCount(this.currentUser.id).then(data => {
+        this.assignedTicketCount = data.count
+      })
+    },
+    goToTickets() {
+      this.$router.push({ name: 'TicketList' })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-link {
+  color: #606266 !important;
+  font-size: 13px;
+  font-weight: 400
+}
+.el-badge ::v-deep .el-badge__content.is-fixed{
+  top:10px;
+}
+</style>
--- a/src/layout/components/NavHeader/WebTerminal.vue
+++ b/src/layout/components/NavHeader/WebTerminal.vue
@@ -0,0 +1,24 @@
+<template>
+  <el-link class="el-link" :href="webTerminalUrl" target="_blank">{{ $t('route.WebTerminal') }}</el-link>
+</template>
+
+<script>
+import { BASE_URL } from '@/utils/common'
+
+export default {
+  name: 'WebTerminal',
+  computed: {
+    webTerminalUrl() {
+      return `${BASE_URL}/luna/?_=${Date.now()}`
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-link {
+  color: #606266 !important;
+  font-size: 13px;
+  font-weight: 400
+}
+</style>
--- a/src/layout/components/NavHeader/index.vue
+++ b/src/layout/components/NavHeader/index.vue
@@ -10,6 +10,19 @@
      <div class="header-item">
        <Language />
      </div>
+      <div
+        v-if="
+          publicSettings.TICKETS_ENABLED
+            && publicSettings.XPACK_LICENSE_IS_VALID
+            && !isOrgAuditor
+        "
+        class="header-item"
+      >
+        <Tickets />
+      </div>
+      <div class="header-item">
+        <WebTerminal />
+      </div>
      <div class="header-item header-profile">
        <AccountDropdown />
      </div>
@@ -23,6 +36,9 @@ import Hamburger from '@/components/Hamburger'
 import AccountDropdown from './AccountDropdown'
 import Help from './Help'
 import Language from './Language'
+import WebTerminal from './WebTerminal'
+import Tickets from './Tickets'
+import rolc from '@/utils/role'

 export default {
  components: {
@@ -30,7 +46,9 @@ export default {
    Hamburger,
    AccountDropdown,
    Language,
-    Help
+    Help,
+    Tickets,
+    WebTerminal
  },
  data() {
    return {
@@ -38,8 +56,11 @@ export default {
  },
  computed: {
    ...mapGetters([
-      'sidebar'
-    ])
+      'sidebar', 'publicSettings', 'currentOrgRoles'
+    ]),
+    isOrgAuditor() {
+      return rolc.getRolesDisplay(this.currentOrgRoles).includes('OrgAuditor') || rolc.getRolesDisplay(this.currentOrgRoles).includes('Auditor')
+    }
  },
  methods: {
    toggleSideBar() {
--- a/src/layout/components/Page/LicenseExpireTip.vue
+++ b/src/layout/components/Page/LicenseExpireTip.vue
@@ -0,0 +1,64 @@
+<template>
+  <div v-if="!loading">
+    <el-alert v-if="isExpire" type="error">
+      {{ isExpire }}
+    </el-alert>
+  </div>
+</template>
+
+<script>
+import { toSafeLocalDateStr } from '@/utils/common'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'LicenseExpireTip',
+  data() {
+    return {
+      loading: true,
+      licenseData: {}
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'publicSettings',
+      'currentUser'
+    ]),
+    isExpire() {
+      if (!this.publicSettings.XPACK_ENABLED || this.currentUser.role !== 'Admin') {
+        return false
+      }
+      const intervalDays = this.getIntervalDays(this.licenseData.date_expired)
+      if (intervalDays < 0) {
+        return this.$t('setting.LicenseExpired')
+      }
+      if (intervalDays < 7) {
+        return this.$t('setting.LicenseWillBe') + this.licenseData.date_expired + this.$t('setting.Expire')
+      }
+      return false
+    }
+  },
+  mounted() {
+    if (this.publicSettings.XPACK_ENABLED && this.currentUser.role === 'Admin') {
+      this.$axios.get('/api/v1/xpack/license/detail').then(res => {
+        this.licenseData = res
+      }).finally(() => {
+        this.loading = false
+      })
+    } else {
+      this.loading = false
+    }
+  },
+  methods: {
+    getIntervalDays(date) {
+      const dateExpired = new Date(toSafeLocalDateStr(date))
+      const dateNow = new Date()
+      const intervalTime = dateExpired.getTime() - dateNow.getTime()
+      return Math.floor(intervalTime / (24 * 3600 * 1000))
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/layout/components/Page/PageHeading.vue
+++ b/src/layout/components/Page/PageHeading.vue
@@ -1,22 +1,34 @@
 <template>
-  <div class="page-heading">
-    <el-row :gutter="0">
-      <el-col :span="16" class="page-heading-left">
-        <slot><h2>{{ title }}</h2></slot>
-      </el-col>
-      <el-col :span="8">
-        <div class="page-heading-right">
-          <slot name="rightSide" />
-        </div>
-      </el-col>
-    </el-row>
+  <div>
+    <slot name="globalNotification">
+      <LicenseExpireTip />
+      <PasswordExpireTip />
+    </slot>
+    <div class="page-heading">
+      <el-row :gutter="0">
+        <el-col :span="16" class="page-heading-left">
+          <slot><h2>{{ title }}</h2></slot>
+        </el-col>
+        <el-col :span="8">
+          <div class="page-heading-right">
+            <slot name="rightSide" />
+          </div>
+        </el-col>
+      </el-row>
+    </div>
  </div>
 <!--    <Breadcrumb />-->
 </template>

 <script>
+import LicenseExpireTip from '@/layout/components/Page/LicenseExpireTip'
+import PasswordExpireTip from '@/layout/components/Page/PasswordExpireTip'
 export default {
  name: 'PageHeading',
+  components: {
+    LicenseExpireTip,
+    PasswordExpireTip
+  },
  props: {
    title: {
      type: String,
--- a/src/layout/components/Page/PasswordExpireTip.vue
+++ b/src/layout/components/Page/PasswordExpireTip.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <el-alert v-if="isExpire" type="error">
+      {{ isExpire }}
+    </el-alert>
+  </div>
+</template>
+
+<script>
+import { toSafeLocalDateStr } from '@/utils/common'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'PasswordExpireTip',
+  data() {
+    return {
+      loading: true,
+      securityData: {}
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'publicSettings',
+      'currentUser'
+    ]),
+    isExpire() {
+      // 用户来源不是Local时不显示密码过期提示
+      if (this.currentUser.source !== 'local') {
+        return false
+      }
+      const intervalTime = this.getIntervalDays(this.currentUser.date_password_last_updated)
+      const securityPasswordExpirationTime = this.publicSettings.SECURITY_PASSWORD_EXPIRATION_TIME
+      if (intervalTime >= securityPasswordExpirationTime) {
+        return this.$t('users.passwordExpired')
+      }
+      if (securityPasswordExpirationTime - intervalTime <= 5) {
+        return this.$t('users.passwordWillExpiredPrefixMsg') + (securityPasswordExpirationTime - intervalTime) + this.$t('users.passwordWillExpiredSuffixMsg')
+      }
+      return false
+    }
+  },
+  methods: {
+    getIntervalDays(date) {
+      const dateExpired = new Date(toSafeLocalDateStr(date))
+      const dateNow = new Date()
+      const intervalTime = dateNow.getTime() - dateExpired.getTime()
+      return Math.floor(intervalTime / (24 * 3600 * 1000))
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/router/assets.js
+++ b/src/router/assets.js
@@ -34,6 +34,13 @@ export default [
        component: () => import('@/views/assets/Asset/AssetCreateUpdate.vue'),
        meta: { title: i18n.t('route.AssetUpdate'), activeMenu: '/assets/assets' },
        hidden: true
+      },
+      {
+        path: 'detail/:id/update',
+        name: 'AssetMoreInformationEdit',
+        component: () => import('@/views/assets/Asset/AssetMoreInformationEdit.vue'),
+        meta: { title: i18n.t('common.UpdateAssetDetail'), activeMenu: '/assets/assets' },
+        hidden: true
      }
    ]
  },
--- a/src/router/common.js
+++ b/src/router/common.js
@@ -45,5 +45,12 @@ export default [
    name: 'CeleryTaskLog',
    hidden: true,
    meta: { title: i18n.t('route.CeleryTaskLog'), roles: ['SuperAdmin', 'Admin', 'Auditor', 'User'] }
+  },
+  {
+    path: '/ops/task/task/:id/log/',
+    component: () => import('@/views/ops/CeleryTaskLog'),
+    name: 'TaskLog',
+    hidden: true,
+    meta: { title: i18n.t('route.CeleryTaskLog'), roles: ['SuperAdmin', 'Admin', 'Auditor', 'User'] }
  }
 ]
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -140,11 +140,12 @@ export const allRoleRoutes = [
    component: Layout,
    redirect: '/tickets/tickets/',
    children: TicketsRoutes,
+    hidden: true,
    meta: {
-      licenseRequired: true,
-      hidden: ({ settings }) => {
-        return !settings.TICKETS_ENABLED
-      }
+      licenseRequired: true
+      // hidden: ({ settings }) => {
+      //   return !settings.TICKETS_ENABLED
+      // }
    }
  },
  {
--- a/src/router/perms.js
+++ b/src/router/perms.js
@@ -31,107 +31,45 @@ const assetPermissionRoutes = [
  }
 ]

-const remoteAppPermissionRoutes = [
+const ApplicationPermissionRoutes = [
  {
-    path: 'remote-app-permissions',
+    path: 'app-permissions',
    component: empty,
-    meta: { title: i18n.t('route.RemoteAppPermission'), licenseRequired: true },
+    meta: { title: i18n.t('route.ApplicationPermission') },
    redirect: '',
    children: [
      {
        path: '',
-        name: 'RemoteAppPermissionList',
-        component: () => import('@/views/perms/RemoteAppPermission/RemoteAppPermissionList'),
-        meta: { title: i18n.t('route.RemoteAppPermission'), activeMenu: '/perms/remote-app-permissions' }
-
+        name: 'ApplicationPermissionList',
+        component: () => import('@/views/perms/ApplicationPermission/ApplicationPermissionList'),
+        meta: { title: i18n.t('route.ApplicationPermission'), activeMenu: '/perms/app-permissions' }
      },
      {
        path: 'create',
-        component: () => import('@/views/perms/RemoteAppPermission/RemoteAppPermissionCreateUpdate'),
-        name: 'RemoteAppPermissionCreate',
+        component: () => import('@/views/perms/ApplicationPermission/ApplicationPermissionCreateUpdate'),
+        name: 'ApplicationPermissionCreate',
        hidden: true,
-        meta: { title: i18n.t('route.RemoteAppPermissionCreate'), activeMenu: '/perms/remote-app-permissions', action: 'create' }
-      },
-      {
-        path: 'update',
-        component: () => import('@/views/perms/RemoteAppPermission/RemoteAppPermissionCreateUpdate'),
-        name: 'RemoteAppPermissionUpdate',
-        hidden: true,
-        meta: { title: i18n.t('route.RemoteAppPermissionUpdate'), activeMenu: '/perms/remote-app-permissions', action: 'update' }
+        meta: { title: i18n.t('route.ApplicationPermissionCreate'), activeMenu: '/perms/app-permissions', action: 'create' }
      },
      {
        path: ':id',
-        component: () => import('@/views/perms/RemoteAppPermission/RemoteAppPermissionDetail/index'),
-        name: 'RemoteAppPermissionDetail',
+        component: () => import('@/views/perms/ApplicationPermission/ApplicationPermissionDetail/index'),
+        name: 'ApplicationPermissionDetail',
        hidden: true,
-        meta: { title: i18n.t('route.RemoteAppPermissionDetail'), activeMenu: '/perms/remote-app-permissions' }
+        meta: { title: i18n.t('route.ApplicationPermissionDetail'), activeMenu: '/perms/app-permissions' }
+      },
+      {
+        path: ':id/update',
+        component: () => import('@/views/perms/ApplicationPermission/ApplicationPermissionCreateUpdate'),
+        name: 'ApplicationPermissionUpdate',
+        hidden: true,
+        meta: { title: i18n.t('route.ApplicationPermissionUpdate'), activeMenu: '/perms/app-permissions', action: 'update' }
      }]
  }

 ]

-const databasePermissionRoutes = [
-  {
-    path: 'database-app-permissions',
-    name: 'DatabaseAppPermissionList',
-    component: () => import('@/views/perms/DatabaseAppPermission/DatabaseAppPermissionList'),
-    meta: { title: i18n.t('route.DatabaseAppPermission') }
-  },
-  {
-    path: 'database-app-permissions/create',
-    component: () => import('@/views/perms/DatabaseAppPermission/DatabaseAppPermissionCreateUpdate'), // Parent router-view
-    name: 'DatabaseAppPermissionCreate',
-    hidden: true,
-    meta: { title: i18n.t('route.DatabaseAppPermissionCreate'), activeMenu: '/perms/database-app-permissions' }
-  },
-  {
-    path: 'database-app-permissions/update',
-    component: () => import('@/views/perms/DatabaseAppPermission/DatabaseAppPermissionCreateUpdate'), // Parent router-view
-    name: 'DatabaseAppPermissionUpdate',
-    hidden: true,
-    meta: { title: i18n.t('route.DatabaseAppPermissionUpdate'), activeMenu: '/perms/database-app-permissions', action: 'update' }
-  },
-  {
-    path: 'database-app-permissions/:id',
-    component: () => import('@/views/perms/DatabaseAppPermission/DatabaseAppPermissionDetail/index'),
-    name: 'DatabaseAppPermissionDetail',
-    hidden: true,
-    meta: { title: i18n.t('route.DatabaseAppPermissionDetail'), activeMenu: '/perms/database-app-permissions' }
-  }
-]
-
-const kubernetesPermissionRoutes = [
-  {
-    path: 'kubernetes-app-permissions',
-    name: 'KubernetesAppPermissionList',
-    component: () => import('@/views/perms/KubernetesAppPermission/KubernetesAppPermissionList'),
-    meta: { title: i18n.t('route.KubernetesAppPermission') }
-  },
-  {
-    path: 'kubernetes-app-permissions/create',
-    component: () => import('@/views/perms/KubernetesAppPermission/KubernetesAppPermissionCreateUpdate'), // Parent router-view
-    name: 'KubernetesAppPermissionCreate',
-    hidden: true,
-    meta: { title: i18n.t('route.KubernetesAppPermissionCreate'), activeMenu: '/perms/kubernetes-app-permissions' }
-  },
-  {
-    path: 'kubernetes-app-permissions/update',
-    component: () => import('@/views/perms/KubernetesAppPermission/KubernetesAppPermissionCreateUpdate'), // Parent router-view
-    name: 'KubernetesAppPermissionUpdate',
-    hidden: true,
-    meta: { title: i18n.t('route.KubernetesAppPermissionUpdate'), activeMenu: '/perms/kubernetes-app-permissions', action: 'update' }
-  },
-  {
-    path: 'kubernetes-app-permissions/:id',
-    component: () => import('@/views/perms/KubernetesAppPermission/KubernetesAppPermissionDetail/index'),
-    name: 'KubernetesAppPermissionDetail',
-    hidden: true,
-    meta: { title: i18n.t('route.KubernetesAppPermissionDetail'), activeMenu: '/perms/kubernetes-app-permissions' }
-  }
-]
 export default [
  ... assetPermissionRoutes,
-  ... remoteAppPermissionRoutes,
-  ... databasePermissionRoutes,
-  ... kubernetesPermissionRoutes
+  ... ApplicationPermissionRoutes
 ]
--- a/src/router/sessions.js
+++ b/src/router/sessions.js
@@ -28,6 +28,7 @@ export default [
    name: 'WebTerminal',
    // component: () => window.open(`/luna/?_=${Date.now()}`),
    meta: { title: i18n.t('route.WebTerminal') }
+    // hidden: true
  },
  {
    path: `${BASE_URL}/koko/elfinder/sftp/?`,
--- a/src/router/tickets.js
+++ b/src/router/tickets.js
@@ -4,7 +4,8 @@ export default [
    path: 'tickets',
    name: 'TicketList',
    component: () => import('@/views/tickets/TicketList'),
-    meta: { title: i18n.t('route.Tickets'), icon: 'check-square-o', activeMenu: '/tickets/tickets' }
+    meta: { title: i18n.t('route.Tickets'), icon: 'check-square-o', activeMenu: '/tickets/tickets' },
+    hidden: true
  },
  {
    path: 'tickets/:id',
@@ -26,5 +27,19 @@ export default [
    component: () => import('@/views/tickets/RequestAssetPerm/Detail/index'),
    meta: { title: i18n.t('route.TicketDetail'), activeMenu: '/tickets/tickets' },
    hidden: true
+  },
+  {
+    path: 'tickets/request-application-perm/create',
+    name: 'RequestApplicationPermTicketCreateUpdate',
+    component: () => import('@/views/tickets/RequestApplicationPerm/RequestApplicationPermTicketCreateUpdate'),
+    meta: { title: i18n.t('route.TicketCreate'), activeMenu: '/tickets/tickets' },
+    hidden: true
+  },
+  {
+    path: 'tickets/request-application-perm/:id',
+    name: 'AppsTicketDetail',
+    component: () => import('@/views/tickets/RequestApplicationPerm/Detail/index'),
+    meta: { title: i18n.t('route.TicketDetail'), activeMenu: '/tickets/tickets' },
+    hidden: true
  }
 ]
--- a/src/router/userPage.js
+++ b/src/router/userPage.js
@@ -72,6 +72,7 @@ export default [
  {
    path: '/tickets',
    component: Layout,
+    hidden: true,
    meta: {
      title: i18n.t('route.Tickets'),
      icon: 'history',
@@ -102,6 +103,20 @@ export default [
        meta: { title: i18n.t('route.TicketDetail'), activeMenu: '/tickets', permissions: [rolec.PERM_USE] },
        hidden: true
      },
+      {
+        path: 'tickets/request-application-perm/create',
+        name: 'RequestApplicationPermTicketCreateUpdate',
+        component: () => import('@/views/tickets/RequestApplicationPerm/RequestApplicationPermTicketCreateUpdate'),
+        meta: { title: i18n.t('route.TicketCreate'), activeMenu: '/tickets/tickets', permissions: [rolec.PERM_USE] },
+        hidden: true
+      },
+      {
+        path: 'tickets/request-application-perm/:id',
+        name: 'AppsTicketDetail',
+        component: () => import('@/views/tickets/RequestApplicationPerm/Detail/index'),
+        meta: { title: i18n.t('route.TicketDetail'), activeMenu: '/tickets/tickets', permissions: [rolec.PERM_USE] },
+        hidden: true
+      },
      {
        path: 'tickets/:id',
        name: 'TicketDetail',
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -13,6 +13,7 @@ const getters = {
  currentOrgRoles: state => state.users.roles,
  currentOrgPerms: state => state.users.perms,
  MFAVerifyAt: state => state.users.MFAVerifyAt,
-  MFA_TTl: state => state.settings.publicSettings.SECURITY_MFA_VERIFY_TTL
+  MFA_TTl: state => state.settings.publicSettings.SECURITY_MFA_VERIFY_TTL,
+  tableConfig: state => state.table.tableConfig
 }
 export default getters
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -113,7 +113,7 @@ const actions = {
      accessedRoutes = filterHiddenRoutes(accessedRoutes, rootState)
      accessedRoutes = filterLicenseRequiredRoutes(accessedRoutes, rootState)
      if (accessedRoutes.length === 0) {
-        console.log('No route find')
+        // console.log('No route find')
      }
      commit('SET_ROUTES', accessedRoutes)
      resolve(accessedRoutes)
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -35,6 +35,10 @@ const actions = {
        link.rel = 'shortcut icon'
        link.href = response.data.LOGO_URLS.favicon
        document.getElementsByTagName('head')[0].appendChild(link)
+
+        // 动态修改Title
+        if (response.data.LOGIN_TITLE) { document.title = response.data.LOGIN_TITLE }
+
        commit('SET_PUBLIC_SETTINGS', response.data)
        resolve(response)
      }).catch(error => {
--- a/src/store/modules/table.js
+++ b/src/store/modules/table.js
@@ -0,0 +1,28 @@
+import VueCookie from 'vue-cookie'
+import Vue from 'vue'
+
+function getTableConfigfromCookie() {
+  return VueCookie.get('tableConfig') ? JSON.parse(VueCookie.get('tableConfig')) : {}
+}
+
+const state = {
+  tableConfig: getTableConfigfromCookie()
+}
+
+const mutations = {
+  SET_TABLE_CONFIG: (state, tableConfig) => {
+    Vue.set(state.tableConfig, tableConfig.key, tableConfig.value)
+    VueCookie.set('tableConfig', JSON.stringify(state.tableConfig), 14)
+  }
+}
+
+const actions = {
+
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
--- a/src/store/modules/users.js
+++ b/src/store/modules/users.js
@@ -37,6 +37,15 @@ const mutations = {
  SET_ORGS: (state, orgs) => {
    state.orgs = orgs
  },
+  MODIFY_ORG: (state, org) => {
+    state.orgs = state.orgs.map(oldOrg => {
+      if (oldOrg.id === org.id) {
+        oldOrg.name = org.name
+      }
+      return oldOrg
+    }
+    )
+  },
  ADD_ORG: (state, org) => {
    state.orgs.push(org)
  },
@@ -89,7 +98,7 @@ const actions = {
        commit('SET_PROFILE', response)
        resolve(response)
      }).catch(error => {
-        console.log(error)
+        // console.log(error)
        reject(error)
      })
    })
@@ -125,6 +134,9 @@ const actions = {
  addAdminOrg({ commit, state }, org) {
    commit('ADD_ORG', org)
  },
+  modifyOrg({ commit, state }, org) {
+    commit('MODIFY_ORG', org)
+  },
  // user logout
  logout({ commit, state }) {
    return new Promise((resolve, reject) => {
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -214,6 +214,10 @@ td .el-button.el-button--mini {
  color: white;
 }

+.el-select-dropdown__item.is-disabled:hover{
+  color:#c0c4cc;
+}
+
 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  color: $--color-primary;
 }
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -148,3 +148,12 @@ input[type=file] {
  font-size: 12px;
  opacity: 80;
 }
+
+.el-table__body {
+  width: 100%;
+  table-layout: fixed !important;
+}
+
+.el-table__column-filter-trigger i {
+  color: #888888 !important;
+}
--- a/src/userviews/apps/DatabaseApp.vue
+++ b/src/userviews/apps/DatabaseApp.vue
@@ -21,7 +21,7 @@ export default {
  data() {
    return {
      tableConfig: {
-        url: `/api/v1/perms/users/database-apps/`,
+        url: `/api/v1/perms/users/applications/?category=db`,
        columns: [
          {
            prop: 'name',
@@ -30,12 +30,12 @@ export default {
            sortable: true
          },
          {
-            prop: 'get_type_display',
+            prop: 'type_display',
            align: 'center',
            label: this.$t('assets.Type')
          },
          {
-            prop: 'database',
+            prop: 'attrs.database',
            align: 'center',
            label: this.$t('assets.Database')
          },
@@ -53,6 +53,7 @@ export default {
            formatterArgs: {
              hasDelete: false,
              hasUpdate: false,
+              hasClone: false,
              extraActions: [
                {
                  name: 'connect',
--- a/src/userviews/apps/KubernetesApp.vue
+++ b/src/userviews/apps/KubernetesApp.vue
@@ -21,7 +21,7 @@ export default {
  data() {
    return {
      tableConfig: {
-        url: `/api/v1/perms/users/k8s-apps/`,
+        url: `/api/v1/perms/users/applications/?category=cloud`,
        columns: [
          {
            prop: 'name',
@@ -35,7 +35,7 @@ export default {
            label: this.$t('assets.Type')
          },
          {
-            prop: 'cluster',
+            prop: 'attrs.cluster',
            align: 'center',
            label: this.$t('applications.cluster')
          },
@@ -53,6 +53,7 @@ export default {
            formatterArgs: {
              hasDelete: false,
              hasUpdate: false,
+              hasClone: false,
              extraActions: [
                {
                  name: 'connect',
--- a/src/userviews/apps/RemoteApp.vue
+++ b/src/userviews/apps/RemoteApp.vue
@@ -20,7 +20,7 @@ export default {
  data() {
    return {
      tableConfig: {
-        url: `/api/v1/perms/users/remote-apps/`,
+        url: `/api/v1/perms/users/applications/?category=remote_app`,
        columns: [
          {
            prop: 'name',
@@ -29,12 +29,12 @@ export default {
            sortable: true
          },
          {
-            prop: 'get_type_display',
+            prop: 'type_display',
            align: 'center',
-            label: this.$t('assets.RemoteType')
+            label: this.$t('assets.Type')
          },
          {
-            prop: 'asset_info.hostname',
+            prop: 'attrs.asset_info.hostname',
            align: 'center',
            label: this.$t('assets.Asset')
          },
@@ -52,6 +52,7 @@ export default {
            formatterArgs: {
              hasDelete: false,
              hasUpdate: false,
+              hasClone: false,
              extraActions: [
                {
                  name: 'connect',
--- a/src/userviews/assets/index.vue
+++ b/src/userviews/assets/index.vue
@@ -59,6 +59,10 @@ export default {
                    key: this.$t('assets.Platform'),
                    value: row.platform
                  },
+                  {
+                    key: this.$t('common.Activate'),
+                    value: row.is_active
+                  },
                  {
                    key: this.$t('assets.Comment'),
                    value: row.comment
@@ -86,6 +90,11 @@ export default {
              }
            }
          },
+          {
+            prop: 'platform',
+            label: this.$t('assets.Platform'),
+            width: '120px'
+          },
          {
            prop: 'comment',
            label: this.$t('assets.Comment'),
@@ -101,12 +110,16 @@ export default {
            formatterArgs: {
              hasDelete: false,
              loading: true,
+              hasClone: false,
              hasUpdate: false,
              extraActions: [
                {
                  name: 'connect',
                  fa: 'fa-terminal',
                  type: 'primary',
+                  can: (row, cellValue) => {
+                    return row.is_active
+                  },
                  callback: function({ row, col, cellValue, reload }) {
                    window.open(`/luna/?login_to=${cellValue}`, '_blank')
                  }
@@ -127,7 +140,12 @@ export default {
              ]
            }
          }
-        ]
+        ],
+        tableAttrs: {
+          rowClassName({ row }) {
+            return !row.is_active ? 'row_disabled' : ''
+          }
+        }
      },
      headerActions: {
        hasExport: false,
@@ -142,10 +160,10 @@ export default {
  },
  methods: {
    refreshAllFavorites() {
-      this.tableConfig.columns[4].formatterArgs.loading = true
+      this.tableConfig.columns[this.tableConfig.columns.length - 1].formatterArgs.loading = true
      this.$axios.get('/api/v1/assets/favorite-assets/').then(resp => {
        this.allFavorites = resp
-        this.tableConfig.columns[4].formatterArgs.loading = false
+        this.tableConfig.columns[this.tableConfig.columns.length - 1].formatterArgs.loading = false
      })
    },
    addOrDeleteFavorite(assetId) {
@@ -181,4 +199,8 @@ export default {
  .el-card {
    border: 0 !important;
  }
+  .row_disabled,.row_disabled:hover,.row_disabled:hover > td{
+    cursor: not-allowed;
+    background-color:rgba(192,196,204,0.28) !important;
+  }
 </style>
--- a/src/userviews/users/UserFirstLogin/PersonalInformationImprovement/PersonalInformationImprovement.vue
+++ b/src/userviews/users/UserFirstLogin/PersonalInformationImprovement/PersonalInformationImprovement.vue
@@ -8,6 +8,8 @@
      :update-success-next-route="updateSuccessNextRoute"
      :clean-form-value="cleanFormValue"
      :get-method="getMethod"
+      :on-perform-success="onPerformSuccess"
+      :perform-submit="performSubmit"
    />
  </IBox>
 </template>
@@ -86,6 +88,17 @@ export default {
  methods: {
    getMethod() {
      return 'put'
+    },
+    performSubmit(validValues) {
+      if (!validValues.terms) {
+        this.$message.error(this.$t('common.PleaseAgreeToTheTerms'))
+        return Promise.reject()
+      }
+      return this.$axios['put'](this.url, validValues)
+    },
+    onPerformSuccess() {
+      this.$message.success(this.$t('common.updateSuccessMsg'))
+      setTimeout(() => this.$router.push({ name: 'UserGuide' }), 100)
    }
  }
 }
--- a/src/userviews/users/UserProfile/ProfileInfo.vue
+++ b/src/userviews/users/UserProfile/ProfileInfo.vue
@@ -65,7 +65,8 @@ export default {
          title: this.$t('users.UpdatePassword'),
          attrs: {
            type: 'primary',
-            label: this.$t('common.Update')
+            label: this.$t('common.Update'),
+            disabled: this.$store.state.users.profile.source !== 'local'
          },
          callbacks: {
            click: function() {
@@ -77,7 +78,8 @@ export default {
          title: this.$t('users.UpdateSSHKey'),
          attrs: {
            type: 'primary',
-            label: this.$t('common.Update')
+            label: this.$t('common.Update'),
+            disabled: this.$store.state.users.profile.source !== 'local'
          },
          callbacks: {
            click: function() {
--- a/src/userviews/users/UserProfile/SSHUpdate.vue
+++ b/src/userviews/users/UserProfile/SSHUpdate.vue
@@ -1,12 +1,14 @@
 <template>
  <IBox>
    <GenericCreateUpdateForm
+      ref="GenericCreateUpdateForm"
      :fields="fields"
      :fields-meta="fieldsMeta"
      :initial="object"
      :url="url"
      :get-method="getMethod"
      :more-buttons="moreButtons"
+      :on-perform-success="onPerformSuccess"
    />
  </IBox>
 </template>
@@ -65,6 +67,10 @@ export default {
  methods: {
    getMethod() {
      return 'put'
+    },
+    onPerformSuccess() {
+      this.$refs.GenericCreateUpdateForm.$refs.form.$refs.dataForm.resetForm('form')
+      this.$message.success(this.$t('common.updateSuccessMsg'))
    }
  }
 }
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -17,7 +17,7 @@ export function getCurrentRoleFromCookie() {
 }

 export function saveCurrentRoleToCookie(role) {
-  console.log('Save current role to cookie: ', role)
+  // console.log('Save current role to cookie: ', role)
  return VueCookie.set(CURRENT_ROLE_KEY, role, 14)
 }

@@ -26,7 +26,7 @@ export function getCurrentOrgFromCookie() {
  try {
    org = JSON.parse(VueCookie.get(CURRENT_ORG_KEY))
  } catch (e) {
-    console.log('Current org in cookie: ', org)
+    // console.log('Current org in cookie: ', org)
  }
  return org
 }
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -73,6 +73,9 @@ function cleanDateStr(d) {
 }

 export function toSafeLocalDateStr(d) {
+  if (d === '') {
+    return ''
+  }
  const date = safeDate(d)
  // let date_s = date.toLocaleString(getUserLang(), {hour12: false});
  const date_s = date.toLocaleString(getUserLang(), { hourCycle: 'h23' })
@@ -145,6 +148,13 @@ export function getDaysFuture(days, now) {
  return new Date(now.getTime() + 3600 * 1000 * 24 * days)
 }

+export function getDayEnd(now) {
+  if (!now) {
+    now = new Date()
+  }
+  return new Date(new Date(now.toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1)
+}
+
 export function setUrlParam(url, name, value) {
  const urlArray = url.split('?')
  if (urlArray.length === 1) {
--- a/src/utils/org.js
+++ b/src/utils/org.js
@@ -1,4 +1,4 @@
-import { hasUUID } from '@/utils/common'
+import { hasUUID, BASE_URL } from '@/utils/common'
 import store from '@/store'

 function getPropOrg() {
@@ -47,9 +47,9 @@ async function changeOrg(orgId) {
  await store.dispatch('users/setCurrentRole', null)

  store.dispatch('users/setCurrentOrg', org).then(() => {
-    console.log('Set current org to: ', org)
+    // console.log('Set current org to: ', org)
    if (hasUUID(location.href)) {
-      location.href = process.env.VUE_APP_PUBLIC_PATH
+      location.href = BASE_URL
    } else {
      window.location.reload(true)
    }
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -4,6 +4,7 @@ import { getTokenFromCookie } from '@/utils/auth'
 import { refreshSessionIdAge } from '@/api/users'
 import { Message, MessageBox } from 'element-ui'
 import store from '@/store'
+import axiosRetry from 'axios-retry'

 // create an axios instance
 const service = axios.create({
@@ -72,6 +73,13 @@ function ifBadRequest({ response, error }) {
  if (response.status === 400) {
    error.message = i18n.t('common.BadRequestErrorMsg')
  }
+  if (response.status === 403) {
+    error.message = i18n.t('common.BadRoleErrorMsg')
+  }
+  if (response.status === 409) {
+    error.response.status = 409
+    error.message = i18n.t('common.BadConflictErrorMsg')
+  }
 }

 export function flashErrorMsg({ response, error }) {
@@ -99,7 +107,7 @@ function refreshSessionAgeDelay(response) {
  }
  timer = setTimeout(function() {
    refreshSessionIdAge()
-  }, 60 * 10 * 1000)
+  }, 30 * 1000)
 }

 // response interceptor
@@ -138,4 +146,9 @@ service.interceptors.response.use(
  }
 )

+axiosRetry(service, {
+  // 默认不开启请求重试
+  retries: 0
+})
+
 export default service
--- a/src/utils/startup.js
+++ b/src/utils/startup.js
@@ -57,7 +57,7 @@ async function changeCurrentOrgIfNeed({ to, from, next }) {
  }
  const currentOrg = store.getters.currentOrg
  if (!currentOrg || typeof currentOrg !== 'object') {
-    console.log('Not has current org')
+    // console.log('Not has current org')
    orgUtil.change2PropOrg()
    return reject('change prop org')
  }
--- a/src/views/applications/DatabaseApp/DatabaseAppCreateUpdate.vue
+++ b/src/views/applications/DatabaseApp/DatabaseAppCreateUpdate.vue
@@ -10,9 +10,10 @@ export default {
  },
  data() {
    return {
+
      fields: [
-        [this.$t('common.Basic'), ['name', 'type']],
-        [this.$t('applications.mysql'), ['host', 'port', 'database']],
+        [this.$t('common.Basic'), ['name', 'type', 'domain']],
+        [this.$t('applications.DBInfo'), ['attrs']],
        [this.$t('common.Other'), ['comment']]
      ],
      fieldsMeta: {
@@ -23,14 +24,56 @@ export default {
            value: 'mysql'
          }],
          disabled: true
+        },
+        host: {
+          type: 'input'
+        },
+        domain: {
+          el: {
+            multiple: false,
+            clearable: true,
+            ajax: {
+              url: '/api/v1/assets/domains/'
+            }
+          }
        }
      },
-      url: '/api/v1/applications/database-apps/'
+      url: '/api/v1/applications/applications/',
+      getUrl() {
+        const params = this.$route.params
+        let url = `/api/v1/applications/applications/`
+        const method = this.getMethod()
+        if (params.id) {
+          url = `${url}${params.id}/`
+        }
+        return method === 'post' ? `${url}?type=${this.$route.query.type}` : `${url}?category=db`
+      },
+      performSubmit(validValues) {
+        const params = this.$route.params
+        const baseUrl = `/api/v1/applications/applications/`
+        const url = (params.id) ? `${baseUrl}${params.id}/` : baseUrl
+        const method = this.getMethod()
+        validValues.attrs = {
+          host: validValues.host,
+          port: validValues.port,
+          database: validValues.database
+        }
+        validValues.category = 'db'
+        return this.$axios[method](`${url}?type=${validValues.type}`, validValues)
+      }
    }
  },
  computed: {
    initial() {
      return this.$route.query
+    },
+    getMethod() {
+      const params = this.$route.params
+      if (params.id) {
+        return 'put'
+      } else {
+        return 'post'
+      }
    }
  }
 }
--- a/src/views/applications/DatabaseApp/DatabaseAppDetail/DatabaseAppDetail.vue
+++ b/src/views/applications/DatabaseApp/DatabaseAppDetail/DatabaseAppDetail.vue
@@ -33,19 +33,19 @@ export default {
        },
        {
          key: this.$t('applications.type'),
-          value: this.object.get_type_display
+          value: this.object.type_display
        },
        {
          key: this.$t('applications.host'),
-          value: this.object.host
+          value: this.object.attrs.host
        },
        {
          key: this.$t('applications.port'),
-          value: JSON.stringify(this.object.port)
+          value: JSON.stringify(this.object.attrs.port)
        },
        {
          key: this.$t('applications.database'),
-          value: this.object.database
+          value: this.object.attrs.database
        },
        {
          key: this.$t('common.dateCreated'),
--- a/src/views/applications/DatabaseApp/DatabaseAppDetail/index.vue
+++ b/src/views/applications/DatabaseApp/DatabaseAppDetail/index.vue
@@ -19,7 +19,7 @@ export default {
  data() {
    return {
      DatabaseApp: {
-        name: '', get_type_display: '', host: '', port: '', database: '', date_created: '', created_by: '', comment: ''
+        name: '', get_type_display: '', host: '', port: '', database: '', date_created: '', created_by: '', comment: '', attrs: ''
      },
      config: {
        activeMenu: 'DatabaseAppDetail',
@@ -28,7 +28,11 @@ export default {
            title: this.$t('route.DatabaseAppDetail'),
            name: 'DatabaseAppDetail'
          }
-        ]
+        ],
+        actions: {
+          detailApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
+          deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`
+        }
      }
    }
  }
--- a/src/views/applications/DatabaseApp/DatabaseAppList.vue
+++ b/src/views/applications/DatabaseApp/DatabaseAppList.vue
@@ -1,9 +1,10 @@
 <template>
-  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" />
+  <GenericListPage ref="GenericListTable" :table-config="tableConfig" :header-actions="headerActions" />
 </template>

 <script>
 import { GenericListPage } from '@/layout/components'
+import { mapGetters } from 'vuex'

 export default {
  components: {
@@ -12,28 +13,49 @@ export default {
  data() {
    return {
      tableConfig: {
-        url: '/api/v1/applications/database-apps/',
+        url: '/api/v1/applications/applications/?category=db',
        columns: [
-          'name', 'get_type_display', 'host', 'port', 'database', 'comment', 'actions'
+          'name', 'type_display', 'attrs.host', 'attrs.port', 'attrs.database', 'comment', 'actions'
        ],
        columnsMeta: {
-          get_type_display: {
+          type_display: {
            label: this.$t('applications.type'),
-            width: '80px'
+            width: '120px'
          },
-          host: {
+          'attrs.host': {
+            label: this.$t('applications.host'),
            width: '140px'
          },
-          port: {
-            width: '60px'
+          'attrs.port': {
+            label: this.$t('applications.port'),
+            width: '80px'
          },
-          database: {
+          'attrs.database': {
+            label: this.$t('applications.database'),
            showOverflowTooltip: true
+          },
+          actions: {
+            prop: '',
+            formatterArgs: {
+              hasClone: false,
+              performDelete: function({ row, col, cellValue, reload }) {
+                this.$axios.delete(
+                  `/api/v1/applications/applications/${row.id}/`
+                ).then(res => {
+                  this.$refs.GenericListTable.$refs.ListTable.reloadTable()
+                  // this.$message.success(this.$t('common.deleteSuccessMsg'))
+                }).catch(error => {
+                  this.$message.error(this.$t('common.deleteErrorMsg' + ' ' + error))
+                })
+              }.bind(this)
+            }
          }
        }
      },
      headerActions: {
        hasCreate: false,
+        hasExport: false,
+        hasImport: false,
        hasBulkDelete: false,
        createRoute: 'DatabaseAppCreate',
        moreActionsTitle: this.$t('common.Create'),
@@ -43,16 +65,55 @@ export default {
            name: 'MySQL',
            title: 'MySQL',
            type: 'primary',
-            can: true,
+            has: true,
            callback: this.createMysql.bind(this)
+          },
+          {
+            name: 'PostgreSQL',
+            title: 'PostgreSQL',
+            type: 'primary',
+            has: this.isValidateLicense,
+            callback: this.createPostgreSQL.bind(this)
+          },
+          {
+            name: 'MariaDB',
+            title: 'MariaDB',
+            type: 'primary',
+            has: this.isValidateLicense,
+            callback: this.createMariaDB.bind(this)
+          },
+          {
+            name: 'Oracle',
+            title: 'Oracle',
+            type: 'primary',
+            has: this.isValidateLicense,
+            callback: this.createOracle.bind(this)
          }
        ]
      }
    }
  },
+  computed: {
+    ...mapGetters(['publicSettings', 'currentOrg'])
+  },
  methods: {
    createMysql() {
      this.$router.push({ name: 'DatabaseAppCreate', query: { type: 'mysql' }})
+    },
+    createPostgreSQL() {
+      this.$router.push({ name: 'DatabaseAppCreate', query: { type: 'postgresql' }})
+    },
+    createMariaDB() {
+      this.$router.push({ name: 'DatabaseAppCreate', query: { type: 'mariadb' }})
+    },
+    createOracle() {
+      this.$router.push({ name: 'DatabaseAppCreate', query: { type: 'oracle' }})
+    },
+    isValidateLicense() {
+      if (this.publicSettings.XPACK_ENABLED) {
+        return this.publicSettings.XPACK_LICENSE_IS_VALID
+      }
+      return false
    }
  }
 }
--- a/src/views/applications/KubernetesApp/KubernetesAppCreateUpdate.vue
+++ b/src/views/applications/KubernetesApp/KubernetesAppCreateUpdate.vue
@@ -4,6 +4,7 @@

 <script>
 import { GenericCreateUpdatePage } from '@/layout/components'
+
 export default {
  components: {
    GenericCreateUpdatePage
@@ -14,8 +15,8 @@ export default {
        type: 'k8s'
      },
      fields: [
-        [this.$t('common.Basic'), ['name', 'type']],
-        [this.$t('applications.kubernetes'), ['cluster']],
+        [this.$t('common.Basic'), ['name', 'type', 'domain']],
+        [this.$t('applications.kubernetes'), ['attrs']],
        [this.$t('common.Other'), ['comment']]
      ],
      fieldsMeta: {
@@ -24,13 +25,48 @@ export default {
        },
        cluster: {
          helpText: this.$t('applications.clusterHelpTextMessage')
+        },
+        domain: {
+          el: {
+            multiple: false,
+            clearable: true,
+            ajax: {
+              url: '/api/v1/assets/domains/'
+            }
+          }
        }
      },
-      url: '/api/v1/applications/k8s-apps/'
+      url: '/api/v1/applications/applications/',
+      getUrl() {
+        const params = this.$route.params
+        let url = `/api/v1/applications/applications/`
+        if (params.id) {
+          url = `${url}${params.id}/`
+        }
+        return `${url}?type=k8s`
+      },
+      performSubmit(validValues) {
+        const params = this.$route.params
+        const baseUrl = `/api/v1/applications/applications/`
+        const url = (params.id) ? `${baseUrl}${params.id}/` : baseUrl
+        const method = this.getMethod()
+        validValues.attrs = {
+          cluster: validValues.cluster
+        }
+        validValues.category = 'cloud'
+        return this.$axios[method](`${url}?type=${validValues.type}`, validValues)
+      }
    }
  },
  computed: {
-
+    getMethod() {
+      const params = this.$route.params
+      if (params.id) {
+        return 'put'
+      } else {
+        return 'post'
+      }
+    }
  }
 }
 </script>
--- a/src/views/applications/KubernetesApp/KubernetesAppDetail/KubernetesAppDetail.vue
+++ b/src/views/applications/KubernetesApp/KubernetesAppDetail/KubernetesAppDetail.vue
@@ -37,7 +37,7 @@ export default {
        },
        {
          key: this.$t('applications.cluster'),
-          value: this.object.cluster
+          value: this.object.attrs.cluster
        },
        {
          key: this.$t('common.dateCreated'),
--- a/src/views/applications/KubernetesApp/KubernetesAppDetail/index.vue
+++ b/src/views/applications/KubernetesApp/KubernetesAppDetail/index.vue
@@ -19,7 +19,7 @@ export default {
  data() {
    return {
      KubernetesApp: {
-        name: '', type_display: '', cluster: '', date_created: '', created_by: '', comment: ''
+        name: '', type_display: '', cluster: '', date_created: '', created_by: '', comment: '', attrs: ''
      },
      config: {
        activeMenu: 'KubernetesAppDetail',
@@ -30,8 +30,8 @@ export default {
          }
        ],
        actions: {
-          detailApiUrl: `/api/v1/applications/k8s-apps/${this.$route.params.id}/`,
-          deleteApiUrl: `/api/v1/applications/k8s-apps/${this.$route.params.id}/`
+          detailApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
+          deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`
        }
      }
    }
--- a/src/views/applications/KubernetesApp/KubernetesAppList.vue
+++ b/src/views/applications/KubernetesApp/KubernetesAppList.vue
@@ -1,5 +1,5 @@
 <template>
-  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" />
+  <GenericListPage ref="GenericListTable" :table-config="tableConfig" :header-actions="headerActions" />
 </template>

 <script>
@@ -12,18 +12,42 @@ export default {
  data() {
    return {
      tableConfig: {
-        url: '/api/v1/applications/k8s-apps/',
+        url: '/api/v1/applications/applications/?category=cloud',
        columns: [
-          'name', 'cluster', 'comment', 'actions'
+          'name', 'type', 'attrs.cluster', 'comment', 'actions'
        ],
        columnsMeta: {
+          'attrs.cluster': {
+            label: this.$t('applications.cluster')
+          },
          comment: {
            width: '340px'
+          },
+          type: {
+            width: '140px'
+          },
+          actions: {
+            prop: '',
+            formatterArgs: {
+              hasClone: false,
+              performDelete: function({ row, col, cellValue, reload }) {
+                this.$axios.delete(
+                  `/api/v1/applications/applications/${row.id}/`
+                ).then(res => {
+                  this.$refs.GenericListTable.$refs.ListTable.reloadTable()
+                  // this.$message.success(this.$t('common.deleteSuccessMsg'))
+                }).catch(error => {
+                  this.$message.error(this.$t('common.deleteErrorMsg' + ' ' + error))
+                })
+              }.bind(this)
+            }
          }
        }
      },
      headerActions: {
        hasBulkDelete: false,
+        hasExport: false,
+        hasImport: false,
        createRoute: 'KubernetesAppCreate'
      }
    }
--- a/src/views/applications/RemoteApp/RemoteAppCreateUpdate.vue
+++ b/src/views/applications/RemoteApp/RemoteAppCreateUpdate.vue
@@ -22,14 +22,76 @@ export default {
        path: pathInitial
      },
      fields: [
-        [this.$t('common.Basic'), ['name', 'asset', 'type', 'path']],
-        [appTypeMeta.title, ['params']],
+        [this.$t('common.Basic'), ['name', 'type', 'domain']],
+        [appTypeMeta.title, ['attrs']],
        [this.$t('common.Other'), ['comment']]
      ],
-      url: '/api/v1/applications/remote-apps/',
+      url: '/api/v1/applications/applications/',
+      getUrl() {
+        const params = this.$route.params
+        let url = `/api/v1/applications/applications/`
+        if (params.id) {
+          url = `${url}${params.id}/`
+        }
+        return `${url}?type=${this.$route.query.type}`
+      },
+      performSubmit(validValues) {
+        const params = this.$route.params
+        const baseUrl = `/api/v1/applications/applications/`
+        const url = (params.id) ? `${baseUrl}${params.id}/` : baseUrl
+        const method = this.getMethod()
+        switch (validValues.type) {
+          case 'chrome': {
+            validValues.attrs = {
+              chrome_target: validValues.chrome_target,
+              chrome_username: validValues.chrome_username,
+              chrome_password: validValues.chrome_password,
+              asset: validValues.asset,
+              path: validValues.path
+            }
+            break
+          }
+          case 'mysql_workbench': {
+            validValues.attrs = {
+              mysql_workbench_ip: validValues.mysql_workbench_ip,
+              mysql_workbench_port: validValues.mysql_workbench_port,
+              mysql_workbench_name: validValues.mysql_workbench_name,
+              mysql_workbench_username: validValues.mysql_workbench_username,
+              mysql_workbench_password: validValues.mysql_workbench_password,
+              asset: validValues.asset,
+              path: validValues.path
+            }
+            break
+          }
+          case 'vmware_client': {
+            validValues.attrs = {
+              vmware_password: validValues.vmware_password,
+              vmware_username: validValues.vmware_username,
+              vmware_target: validValues.vmware_target,
+              asset: validValues.asset,
+              path: validValues.path
+            }
+            break
+          }
+          case 'custom': {
+            validValues.attrs = {
+              custom_cmdline: validValues.custom_cmdline,
+              custom_target: validValues.custom_target,
+              custom_username: validValues.custom_username,
+              custom_password: validValues.custom_password,
+              asset: validValues.asset,
+              path: validValues.path
+            }
+            break
+          }
+        }
+        validValues.category = 'remote_app'
+        console.log(validValues)
+        return this.$axios[method](`${url}?type=${validValues.type}`, validValues)
+      },
      fieldsMeta: {
        asset: {
-          rules: [{ required: false }],
+          rules: [{ required: true }],
          el: {
            multiple: false,
            ajax: {
@@ -50,10 +112,30 @@ export default {
          ],
          disabled: true
        },
-        params: {
-          type: 'group',
-          items: fieldsMap
-        }
+        asset_info: {
+          type: 'input',
+          hidden: () => true
+        },
+        domain: {
+          el: {
+            multiple: false,
+            clearable: true,
+            ajax: {
+              url: '/api/v1/assets/domains/'
+            }
+          }
+        },
+        ...fieldsMap
+      }
+    }
+  },
+  computed: {
+    getMethod() {
+      const params = this.$route.params
+      if (params.id) {
+        return 'put'
+      } else {
+        return 'post'
      }
    }
  }
--- a/src/views/applications/RemoteApp/RemoteAppDetail/RemoteAppDetail.vue
+++ b/src/views/applications/RemoteApp/RemoteAppDetail/RemoteAppDetail.vue
@@ -32,17 +32,17 @@ export default {
          key: this.$t('common.Name'),
          value: this.object.name
        },
-        {
-          key: this.$t('applications.asset'),
-          value: this.object.asset_info.hostname
-        },
+        // {
+        //   key: this.$t('applications.asset'),
+        //   value: this.object.attrs.asset_info.hostname
+        // },
        {
          key: this.$t('applications.appType'),
-          value: this.object.get_type_display
+          value: this.object.type_display
        },
        {
          key: this.$t('applications.appPath'),
-          value: this.object.path
+          value: this.object.attrs.path
        },
        {
          key: this.$t('common.dateCreated'),
--- a/src/views/applications/RemoteApp/RemoteAppDetail/index.vue
+++ b/src/views/applications/RemoteApp/RemoteAppDetail/index.vue
@@ -17,9 +17,10 @@ export default {
    TabPage
  },
  data() {
+    const vm = this
    return {
      RemoteApp: {
-        name: '', asset: '', get_type_display: '', path: '', date_created: '', created_by: '', comment: ''
+        name: '', asset: '', get_type_display: '', path: '', date_created: '', created_by: '', comment: '', attrs: ''
      },
      config: {
        activeMenu: 'RemoteAppDetail',
@@ -28,7 +29,14 @@ export default {
            title: this.$t('route.RemoteAppDetail'),
            name: 'RemoteAppDetail'
          }
-        ]
+        ],
+        actions: {
+          detailApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
+          deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
+          updateCallback: function(item) {
+            vm.$router.push({ name: 'RemoteAppUpdate', params: { id: vm.RemoteApp.id }, query: { type: vm.RemoteApp.type }})
+          }
+        }
      }
    }
  }
--- a/src/views/applications/RemoteApp/RemoteAppList.vue
+++ b/src/views/applications/RemoteApp/RemoteAppList.vue
@@ -1,5 +1,5 @@
 <template>
-  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" :help-message="helpMessage" />
+  <GenericListPage ref="GenericListTable" :table-config="tableConfig" :header-actions="headerActions" :help-message="helpMessage" />
 </template>

 <script type="text/jsx">
@@ -15,27 +15,39 @@ export default {
    return {
      helpMessage: this.$t('assets.RemoteAppListHelpMessage'),
      tableConfig: {
-        url: '/api/v1/applications/remote-apps/',
+        url: '/api/v1/applications/applications/?category=remote_app',
        columns: [
-          'name', 'type', 'asset', 'comment', 'actions'
+          'name', 'type', 'attrs.asset', 'comment', 'actions'
        ],
        columnsMeta: {
          type: {
            displayKey: 'get_type_display',
            width: '140px'
          },
-          asset: {
+          'attrs.asset': {
+            label: this.$t('assets.Assets'),
            showOverflowTooltip: true,
            formatter: function(row, column, cellValue, index) {
              const route = { to: { name: 'AssetDetail', params: { id: cellValue }}}
-              return <router-link{...{ attrs: route }} >{ row.asset_info.hostname }</router-link>
+              return <router-link{...{ attrs: route }} >{ row.attrs.asset_info.hostname }</router-link>
            }
          },
          actions: {
            formatterArgs: {
+              hasClone: false,
              onUpdate: ({ row }) => {
                vm.$router.push({ name: 'RemoteAppUpdate', params: { id: row.id }, query: { type: row.type }})
-              }
+              },
+              performDelete: function({ row, col, cellValue, reload }) {
+                this.$axios.delete(
+                  `/api/v1/applications/applications/${row.id}/`
+                ).then(res => {
+                  this.$refs.GenericListTable.$refs.ListTable.reloadTable()
+                  // this.$message.success(this.$t('common.deleteSuccessMsg'))
+                }).catch(error => {
+                  this.$message.error(this.$t('common.deleteErrorMsg' + ' ' + error))
+                })
+              }.bind(this)
            }
          }
        }
@@ -44,6 +56,8 @@ export default {
        hasCreate: false,
        hasMoreActions: false,
        hasBulkDelete: false,
+        hasExport: false,
+        hasImport: false,
        // createRoute: 'RemoteAppCreate',
        moreActionsTitle: this.$t('common.Create'),
        moreActionsType: 'primary',
--- a/src/views/applications/RemoteApp/const.js
+++ b/src/views/applications/RemoteApp/const.js
@@ -18,7 +18,7 @@ export const REMOTE_APP_TYPE_FIELDS_MAP = {
      label: i18n.t('applications.chrome_username')
    },
    {
-      id: 'chrome_password', el: { 'show-password': true }, attrs: {}, type: 'input', prop: 'chrome_password',
+      id: 'chrome_password', el: { 'show-password': true }, attrs: {}, type: 'password', prop: 'chrome_password',
      label: i18n.t('applications.chrome_password')
    }
  ],
@@ -40,7 +40,7 @@ export const REMOTE_APP_TYPE_FIELDS_MAP = {
      label: i18n.t('applications.mysql_workbench_username')
    },
    {
-      id: 'mysql_workbench_password', el: { 'show-password': true }, attrs: {}, type: 'input', prop: 'mysql_workbench_password',
+      id: 'mysql_workbench_password', el: { 'show-password': true }, attrs: {}, type: 'password', prop: 'mysql_workbench_password',
      label: i18n.t('applications.mysql_workbench_password')
    }
  ],
@@ -54,7 +54,7 @@ export const REMOTE_APP_TYPE_FIELDS_MAP = {
      label: i18n.t('applications.vmware_username')
    },
    {
-      id: 'vmware_password', el: { 'show-password': true }, attrs: {}, type: 'input', prop: 'vmware_password',
+      id: 'vmware_password', el: { 'show-password': true }, attrs: {}, type: 'password', prop: 'vmware_password',
      label: i18n.t('applications.vmware_password')
    }
  ],
@@ -72,7 +72,7 @@ export const REMOTE_APP_TYPE_FIELDS_MAP = {
      label: i18n.t('applications.custom_username')
    },
    {
-      id: 'custom_password', el: { 'show-password': true }, attrs: {}, type: 'input', prop: 'custom_password',
+      id: 'custom_password', el: { 'show-password': true }, attrs: {}, type: 'password', prop: 'custom_password',
      label: i18n.t('applications.custom_password')
    }
  ]
--- a/src/views/assets/AdminUser/AdminUserCreateUpdate.vue
+++ b/src/views/assets/AdminUser/AdminUserCreateUpdate.vue
@@ -17,7 +17,8 @@ export default {

      },
      fields: [
-        [this.$t('common.Basic'), ['name', 'username', 'password', 'private_key', 'comment']]
+        [this.$t('common.Basic'), ['name', 'username', 'update_password', 'password', 'private_key']],
+        [this.$t('common.Other'), ['comment']]
      ],
      fieldsMeta: {
        name: {
@@ -30,8 +31,24 @@ export default {
            placeholder: this.$t('common.Username')
          }
        },
+        update_password: {
+          label: this.$t('users.UpdatePassword'),
+          type: 'checkbox',
+          hidden: (formValue) => {
+            if (formValue.update_password) {
+              return true
+            }
+            return !this.$route.params.id
+          }
+        },
        password: {
-          helpText: this.$t('common.passwordOrPassphrase')
+          helpText: this.$t('common.passwordOrPassphrase'),
+          hidden: (formValue) => {
+            if (!this.$route.params.id) {
+              return false
+            }
+            return !formValue.update_password
+          }
        },
        private_key: {
          component: Uploadkey
--- a/src/views/assets/AdminUser/AdminUserDetail/AccountList.vue
+++ b/src/views/assets/AdminUser/AdminUserDetail/AccountList.vue
@@ -1,23 +1,19 @@
-<template><div>
-  <el-row :gutter="20">
-    <el-col :span="16">
-      <AssetUserTable :url="assetUserUrl" :has-import="false" />
-    </el-col>
-    <el-col :span="8">
-      <QuickActions type="primary" :actions="quickActions" />
-    </el-col>
-  </el-row>
-</div>
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="16">
+        <AssetUserTable :url="assetUserUrl" :has-import="false" />
+      </el-col>
+    </el-row>
+  </div>
 </template>

 <script>
-import QuickActions from '@/components/QuickActions/index'
 import { AssetUserTable } from '@/components'

 export default {
  name: 'Detail',
  components: {
-    QuickActions,
    AssetUserTable
  },
  props: {
--- a/src/views/assets/AdminUser/AdminUserDetail/AssetList.vue
+++ b/src/views/assets/AdminUser/AdminUserDetail/AssetList.vue
@@ -0,0 +1,126 @@
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="16">
+        <ListTable ref="ListTable" :table-config="tableConfig" :header-actions="headerActions" />
+      </el-col>
+      <el-col :span="8">
+        <QuickActions type="primary" :actions="quickActions" />
+        <RelationCard ref="RelationCard" type="info" style="margin-top: 15px" v-bind="nodeRelationConfig" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import QuickActions from '@/components/QuickActions/index'
+import ListTable from '@/components/ListTable'
+import RelationCard from '@/components/RelationCard'
+import { BooleanFormatter } from '@/components/ListTable/formatters'
+
+export default {
+  name: 'AssetList',
+  components: {
+    QuickActions,
+    ListTable,
+    RelationCard
+  },
+  props: {
+    object: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      tableConfig: {
+        url: `/api/v1/assets/assets/?admin_user__id=${this.object.id}`,
+        columns: [
+          'hostname', 'ip', 'admin_user_display', 'connectivity'
+        ],
+        columnsMeta: {
+          admin_user_display: {
+            label: this.$t('assets.AdminUser')
+          },
+          connectivity: {
+            label: this.$t('assets.Reachable'),
+            formatter: BooleanFormatter,
+            formatterArgs: {
+              iconChoices: {
+                0: 'fa-times text-danger',
+                1: 'fa-check text-primary',
+                2: 'fa-circle text-warning'
+              },
+              typeChange: function(val) {
+                return val.status
+              },
+              hasTips: true
+            }
+          }
+        }
+      },
+      headerActions: {
+        hasLeftActions: false,
+        hasBulkDelete: false,
+        hasImport: false,
+        hasExport: true,
+        hasCreate: false,
+        hasSearch: true,
+        hasMoreActions: false
+      },
+      quickActions: [
+        {
+          title: this.$t('assets.TestAssetsConnective'),
+          attrs: {
+            type: 'primary',
+            label: this.$t('assets.Test')
+          },
+          callbacks: {
+            click: function() {
+              this.$axios.get(
+                `/api/v1/assets/admin-users/${this.object.id}/connective/`
+              ).then(res => {
+                window.open(`/#/ops/celery/task/${res.task}/log/`, '', 'width=900,height=600')
+              }
+              )
+            }.bind(this)
+          }
+        }
+      ],
+      nodeRelationConfig: {
+        icon: 'fa-info',
+        title: this.$t('assets.ReplaceNodeAssetsAdminUser'),
+        objectsAjax: {
+          url: '/api/v1/assets/nodes/',
+          transformOption: (item) => {
+            return { label: item.full_value, value: item.id }
+          }
+        },
+        performAdd: (items) => {
+          const data = []
+          const relationUrl = `/api/v1/assets/admin-users/${this.object.id}/nodes/`
+          items.map(v => {
+            data.push(v.value)
+          })
+          return this.$axios.patch(relationUrl, { nodes: data }).then(res => {
+            this.$message.success(this.$t('common.updateSuccessMsg'))
+          }).catch(err => {
+            this.$message.error(this.$t('common.updateErrorMsg' + ' ' + err))
+          })
+        },
+        onAddSuccess: () => {
+          this.$refs.RelationCard.$refs.select2.clearSelected()
+          this.$refs.ListTable.reloadTable()
+        }
+      }
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang='less' scoped>
+
+</style>
--- a/src/views/assets/AdminUser/AdminUserDetail/index.vue
+++ b/src/views/assets/AdminUser/AdminUserDetail/index.vue
@@ -9,13 +9,15 @@
 <script>
 import { GenericDetailPage, TabPage } from '@/layout/components'
 import Detail from './Detail.vue'
-import AssetList from './AssetsList.vue'
+import AccountList from './AccountList.vue'
+import AssetList from './AssetList.vue'
 export default {
  components: {
    GenericDetailPage,
    TabPage,
    Detail,
-    AssetList
+    AssetList,
+    AccountList
  },
  data() {
    return {
@@ -30,6 +32,10 @@ export default {
          {
            title: this.$t('assets.AssetList'),
            name: 'AssetList'
+          },
+          {
+            title: this.$t('assets.AccountList'),
+            name: 'AccountList'
          }
        ],
        hasRightSide: true
--- a/src/views/assets/AdminUser/AdminUserList.vue
+++ b/src/views/assets/AdminUser/AdminUserList.vue
@@ -4,7 +4,6 @@

 <script>
 import { GenericListPage } from '@/layout/components'
-import { DetailFormatter, ActionsFormatter } from '@/components/ListTable/formatters/index'

 export default {
  components: {
@@ -14,53 +13,18 @@ export default {
    return {
      tableConfig: {
        url: '/api/v1/assets/admin-users/',
-        columns: [
-          {
-            prop: 'name',
-            label: this.$t('common.Name'),
-            formatter: DetailFormatter,
-            showOverflowTooltip: true,
-            sortable: true,
-            formatterArgs: {
-              route: 'AdminUserDetail'
-            }
+        columns: ['name', 'username', 'assets_amount', 'comment', 'actions'],
+        columnsMeta: {
+          username: {
+            showOverflowTooltip: true
          },
-          {
-            prop: 'username',
-            label: this.$t('common.Username'),
-            showOverflowTooltip: true,
-            sortable: 'custom'
-          },
-          {
-            prop: 'assets_amount',
-            label: this.$t('assets.Assets'),
+          assets_amount: {
            width: '80px'
-          },
-          {
-            prop: 'comment',
-            showOverflowTooltip: true,
-            label: this.$t('common.Comment'),
-            sortable: 'custom'
-          },
-          {
-            prop: 'id',
-            align: 'center',
-            label: this.$t('common.Action'),
-            formatter: ActionsFormatter,
-            width: '200px',
-            formatterArgs: {
-              performDelete: ({ row, col }) => {
-                const id = row.id
-                const url = `/api/v1/assets/admin-users/${id}/`
-                return this.$axios.delete(url)
-              }
-            }
          }
-        ]
+        }
      },
      updateRoute: 'AdminUserUpdate',
      headerActions: {
-        hasBulkDelete: false,
        createRoute: 'AdminUserCreate'
      },
      helpMessage: this.$t('assets.AdminUserListHelpMessage')
--- a/src/views/assets/Asset/AssetList.vue
+++ b/src/views/assets/Asset/AssetList.vue
@@ -24,6 +24,9 @@
          <i class="fa fa-align-justify" />  {{ this.$t('tree.ShowAssetAllChildrenNode') }}
        </li>
        <li class="divider" />
+        <li id="m_check_assets_amount" class="rmenu" tabindex="-1" @click="rCheckAssetsAmount">
+          <i class="fa fa-clone" />  {{ this.$t('tree.CheckAssetsAmount') }}
+        </li>
        <li id="m_show_node_info" class="rmenu" tabindex="-1" @click="rMenuShowNodeInfo">
          <i class="fa fa-info-circle" />  {{ this.$t('tree.ShowNodeInfo') }}
        </li>
@@ -70,6 +73,7 @@ import Dialog from '@/components/Dialog'
 import TreeTable from '@/components/TreeTable'
 import { GenericUpdateFormDialog } from '@/layout/components'
 import rules from '@/components/DataForm/rules'
+import Protocols from '@/views/assets/Asset/components/Protocols/index'

 export default {
  components: {
@@ -131,11 +135,22 @@ export default {
          actions: {
            formatter: ActionsFormatter,
            formatterArgs: {
+              hasClone: true,
              performDelete: ({ row, col }) => {
                const id = row.id
                const url = `/api/v1/assets/assets/${id}/`
                return this.$axios.delete(url)
-              }
+              },
+              extraActions: [
+                {
+                  name: 'View',
+                  title: this.$t(`common.UpdateAssetDetail`),
+                  type: 'primary',
+                  callback: function({ cellValue, tableData }) {
+                    return this.$router.push({ name: 'AssetMoreInformationEdit', params: { id: cellValue }})
+                  }
+                }
+              ]
            }
          }
        }
@@ -280,11 +295,13 @@ export default {
        },
        formSetting: {
          url: '/api/v1/assets/assets/',
+          hasSaveContinue: false,
          initial: {
-            platform: 'Linux'
+            platform: 'Linux',
+            protocols: ['ssh/22']
          },
          fields: [
-            'platform', 'domain', 'admin_user', 'labels', 'comment'
+            'platform', 'protocols', 'domain', 'admin_user', 'labels', 'comment'
          ],
          fieldsMeta: {
            platform: {
@@ -300,6 +317,10 @@ export default {
                }
              }
            },
+            protocols: {
+              label: this.$t('assets.Protocols'),
+              component: Protocols
+            },
            domain: {
              label: this.$t('assets.Domain'),
              hidden: () => false,
@@ -442,6 +463,15 @@ export default {
        this.$message.error(this.$t('common.getErrorMsg' + ' ' + error))
      })
    },
+    rCheckAssetsAmount: function() {
+      this.$axios.post(
+        `/api/v1/assets/nodes/launch_check_assets_amount_task/`
+      ).then(res => {
+        window.open(`/#/ops/celery/task/${res.task}/log/`, '', 'width=900,height=600')
+      }).catch(error => {
+        this.$message.error(this.$t('common.getErrorMsg' + ' ' + error))
+      })
+    },
    addRowToAssetsSelected(row) {
      const selectValueIndex = this.assetTreeTableDialogSetting.assetsSelected.indexOf(row.id)
      if (selectValueIndex === -1) {
--- a/src/views/assets/Asset/AssetMoreInformationEdit.vue
+++ b/src/views/assets/Asset/AssetMoreInformationEdit.vue
@@ -0,0 +1,103 @@
+<template>
+  <GenericCreateUpdatePage v-bind="$data" />
+</template>
+
+<script>
+import GenericCreateUpdatePage from '@/layout/components/GenericCreateUpdatePage'
+
+export default {
+  name: 'AssetMoreInformationEdit',
+  components: {
+    GenericCreateUpdatePage
+  },
+  data() {
+    const nodesInitial = []
+    if (this.$route.query['node']) {
+      nodesInitial.push(this.$route.query.node)
+    }
+    return {
+      initial: {
+        is_active: true,
+        platform: 'Linux',
+        protocols: ['ssh/22'],
+        nodes: nodesInitial
+      },
+      fields: [
+        [this.$t('common.Basic'), ['hostname', 'ip', 'platform']],
+        [this.$t('assets.Hardware'), ['vendor', 'model', 'number', 'cpu_model', 'memory', 'disk_info', 'disk_total']],
+        [this.$t('assets.Os'), ['sn', 'os', 'os_version', 'os_arch']]
+      ],
+      fieldsMeta: {
+        platform: {
+          el: {
+            multiple: false,
+            ajax: {
+              url: '/api/v1/assets/platforms/',
+              transformOption: (item) => {
+                return { label: `${item.name}`, value: item.name }
+              }
+            }
+          }
+        },
+        vendor: {
+          el: {
+            type: `input`
+          }
+        },
+        model: {
+          el: {
+            type: `input`
+          }
+        },
+        cpu_model: {
+          el: {
+            type: `input`
+          }
+        },
+        memory: {
+          el: {
+            type: `input`
+          }
+        },
+        disk_info: {
+          el: {
+            type: `input`
+          }
+        },
+        disk_total: {
+          el: {
+            type: `input`
+          }
+        },
+        sn: {
+          el: {
+            type: `input`
+          }
+        },
+        os: {
+          el: {
+            type: `input`
+          }
+        },
+        os_version: {
+          el: {
+            type: `input`
+          }
+        },
+        os_arch: {
+          el: {
+            type: `input`
+          }
+        }
+      },
+      url: '/api/v1/assets/assets/',
+      updateSuccessNextRoute: { name: 'AssetList' },
+      createSuccessNextRoute: { name: 'AssetList' }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
--- a/src/views/assets/CommandFilter/CommandFilterDetail/Detail.vue
+++ b/src/views/assets/CommandFilter/CommandFilterDetail/Detail.vue
@@ -32,17 +32,17 @@ export default {
        title: this.$t('perms.addSystemUserToThisPermission'),
        objectsAjax: {
          url: '/api/v1/assets/system-users/',
-          processResults: (data) => {
-            let results = data.results
-            const notUndefined = anyValue => typeof anyValue !== 'undefined'
-            results = results.map((item) => {
-              if (item.protocol === 'ssh' || item.protocol === 'telnet') {
-                return { label: `${item.name}(${item.username})`, value: item.id }
-              }
-            }).filter(notUndefined)
-            const more = !!data.next
-            return { results: results, pagination: more, total: data.count }
+          transformOption: (item) => {
+            return { label: item.name + '(' + item.username + ')', value: item.id }
          }
+          // processResults: (data) => {
+          //   let results = data.results
+          //   results = results.filter((item) => item.protocol === 'ssh' || item.protocol === 'telnet').map((item) => {
+          //     return { label: item.name + '(' + item.username + ')', value: item.id }
+          //   })
+          //   const more = !!data.next
+          //   return { results: results, pagination: more, total: data.count }
+          // }
        },
        hasObjectsId: this.object.system_users,
        performAdd: (items) => {
--- a/src/views/assets/CommandFilter/CommandFilterDetail/Rules.vue
+++ b/src/views/assets/CommandFilter/CommandFilterDetail/Rules.vue
@@ -36,6 +36,7 @@ export default {
          },
          actions: {
            formatterArgs: {
+              hasClone: false,
              updateRoute: {
                name: 'CommandFilterRulesUpdate',
                query: {
@@ -47,8 +48,8 @@ export default {
        }
      },
      headerActions: {
-        hasBulkDelete: false,
        hasSearch: true,
+        hasBulkDelete: false,
        createRoute: {
          name: 'CommandFilterRulesCreate',
          query: {
--- a/src/views/assets/CommandFilter/CommandFilterDetail/RulesCreateUpdate.vue
+++ b/src/views/assets/CommandFilter/CommandFilterDetail/RulesCreateUpdate.vue
@@ -4,6 +4,7 @@
    :initial="initial"
    :fields-meta="fieldsMeta"
    :url="url"
+    :has-detail-in-msg="false"
    :get-next-route="getNextRoute"
  />
 </template>
--- a/src/views/assets/CommandFilter/CommandFilterList.vue
+++ b/src/views/assets/CommandFilter/CommandFilterList.vue
@@ -4,7 +4,7 @@

 <script>
 import { GenericListPage } from '@/layout/components'
-import { DetailFormatter, ActionsFormatter } from '@/components/ListTable/formatters/index'
+import { DetailFormatter } from '@/components/ListTable/formatters/index'

 export default {
  components: {
@@ -14,69 +14,37 @@ export default {
    return {
      tableConfig: {
        url: '/api/v1/assets/cmd-filters/',
-        columns: [
-          {
-            prop: 'name',
-            label: this.$t('assets.Name'),
-            formatter: DetailFormatter,
-            showOverflowTooltip: true,
-            sortable: true,
-            formatterArgs: {
-              route: 'CommandFilterDetail'
-            }
-          },
-          {
-            prop: 'rules',
+        columns: ['name', 'rules', 'system_users', 'comment', 'actions'],
+        columnsMeta: {
+          rules: {
            label: this.$t('assets.Rules'),
            formatter: DetailFormatter,
            formatterArgs: {
+              getTitle: ({ cellValue }) => {
+                return cellValue.length
+              },
              routeQuery: {
                activeTab: 'rules'
-              },
-              getTitle: ({ cellValue }) => cellValue.length
+              }
            }
          },
-          {
-            prop: 'system_users',
+          system_users: {
            label: this.$t('assets.SystemUsers'),
            formatter: DetailFormatter,
            formatterArgs: {
              route: 'CommandFilterDetail',
-              getTitle: ({ cellValue }) => cellValue.length
-            }
-          },
-          {
-            prop: 'comment',
-            showOverflowTooltip: true,
-            label: this.$t('assets.Comment')
-          },
-          {
-            prop: 'id',
-            align: 'center',
-            label: this.$t('assets.Action'),
-            formatter: ActionsFormatter,
-            width: '200px',
-            formatterArgs: {
-              performDelete: ({ row, col }) => {
-                const id = row.id
-                const url = `/api/v1/assets/cmd-filters/${id}/`
-                return this.$axios.delete(url).then(res => {
-                  this.$message.success(this.$t('common.deleteSuccessMsg'))
-                  window.location.reload()
-                }).catch(error => {
-                  this.$message.error(this.$t('common.deleteErrorMsg' + ' ' + error))
-                })
+              getTitle: ({ cellValue }) => {
+                return cellValue.length
              }
            }
          }
-        ]
+        }
      },
      headerActions: {
        hasRightActions: false,
        hasExport: false,
        hasImport: false,
        hasRefresh: true,
-        hasBulkDelete: false,
        hasSearch: true,
        hasMoreActions: false,
        createRoute: 'CommandFilterCreate'
--- a/src/views/assets/Domain/DomainDetail/Detail.vue
+++ b/src/views/assets/Domain/DomainDetail/Detail.vue
@@ -37,6 +37,10 @@ export default {
          key: this.$t('assets.Assets'),
          value: `${this.object.asset_count}`
        },
+        {
+          key: this.$t('assets.Applications'),
+          value: `${this.object.application_count}`
+        },
        {
          key: this.$t('assets.Gateway'),
          value: `${this.object.gateway_count}`
--- a/src/views/assets/Domain/DomainDetail/GatewayCreateUpdate.vue
+++ b/src/views/assets/Domain/DomainDetail/GatewayCreateUpdate.vue
@@ -1,6 +1,7 @@
 <template>
  <GenericCreateUpdatePage
    :fields="fields"
+    :has-detail-in-msg="false"
    :initial="initial"
    :fields-meta="fieldsMeta"
    :url="url"
@@ -25,7 +26,7 @@ export default {
      },
      fields: [
        [this.$t('common.Basic'), ['name', 'ip', 'port', 'protocol', 'domain']],
-        [this.$t('assets.Auth'), ['username', 'password', 'private_key']],
+        [this.$t('assets.Auth'), ['username', 'update_password', 'password', 'private_key']],
        [this.$t('common.Other'), ['is_active', 'comment']]
      ],
      fieldsMeta: {
@@ -48,8 +49,24 @@ export default {
        protocol: {
          helpText: this.$t('assets.GatewayProtocolHelpText')
        },
+        update_password: {
+          label: this.$t('users.UpdatePassword'),
+          type: 'checkbox',
+          hidden: (formValue) => {
+            if (formValue.update_password) {
+              return true
+            }
+            return !this.$route.params.id
+          }
+        },
        password: {
-          helpText: this.$t('assets.PasswordWithoutSpecialCharHelpText')
+          helpText: this.$t('assets.PasswordWithoutSpecialCharHelpText'),
+          hidden: (formValue) => {
+            if (!this.$route.params.id) {
+              return false
+            }
+            return !formValue.update_password
+          }
        },
        is_active: {
          type: 'switch'
--- a/src/views/assets/Domain/DomainDetail/GatewayList.vue
+++ b/src/views/assets/Domain/DomainDetail/GatewayList.vue
@@ -92,7 +92,6 @@ export default {
        }
      },
      headerActions: {
-        hasBulkDelete: false,
        hasSearch: true,
        createRoute: {
          name: 'GatewayCreate',
@@ -110,7 +109,14 @@ export default {
  methods: {
    dialogConfirm() {
      this.buttonLoading = true
-      this.$axios.post(`/api/v1/assets/gateways/${this.cellValue}/test-connective/`, { port: this.portInput }).then(
+
+      const port = parseInt(this.portInput)
+
+      if (isNaN(port)) {
+        this.buttonLoading = false
+        return this.$message.error(this.$t('common.TestPortErrorMsg'))
+      }
+      this.$axios.post(`/api/v1/assets/gateways/${this.cellValue}/test-connective/`, { port: port }).then(
        res => {
          return this.$message.success(this.$t('common.TestSuccessMsg'))
        }
--- a/src/views/assets/Domain/DomainList.vue
+++ b/src/views/assets/Domain/DomainList.vue
@@ -15,12 +15,15 @@ export default {
      tableConfig: {
        url: '/api/v1/assets/domains/',
        columns: [
-          'name', 'asset_count', 'gateway_count', 'comment', 'actions'
+          'name', 'asset_count', 'application_count', 'gateway_count', 'comment', 'actions'
        ],
        columnsMeta: {
          asset_count: {
            label: this.$t('assets.Assets')
          },
+          application_count: {
+            label: this.$t('assets.Applications')
+          },
          gateway_count: {
            label: this.$t('assets.Gateway'),
            formatter: DetailFormatter,
@@ -33,7 +36,6 @@ export default {
        }
      },
      headerActions: {
-        hasBulkDelete: false,
        hasMoreActions: false,
        createRoute: 'DomainCreate'
      },
--- a/src/views/assets/Label/LabelCreateUpdate.vue
+++ b/src/views/assets/Label/LabelCreateUpdate.vue
@@ -1,5 +1,5 @@
 <template>
-  <GenericCreateUpdatePage :fields="fields" :initial="initial" :fields-meta="fieldsMeta" :url="url" />
+  <GenericCreateUpdatePage :fields="fields" :initial="initial" :fields-meta="fieldsMeta" :url="url" :has-detail-in-msg="false" />
 </template>

 <script>
--- a/src/views/assets/Label/LabelList.vue
+++ b/src/views/assets/Label/LabelList.vue
@@ -4,7 +4,6 @@

 <script>
 import { GenericListPage } from '@/layout/components'
-import { ActionsFormatter } from '@/components/ListTable/formatters/index'

 export default {
  components: {
@@ -14,42 +13,17 @@ export default {
    return {
      tableConfig: {
        url: '/api/v1/assets/labels/',
-        columns: [
-          {
-            prop: 'name',
-            label: this.$t('assets.Name'),
-            showOverflowTooltip: true,
-            sortable: true
+        columns: ['name', 'value', 'asset_count', 'actions'],
+        columnsMeta: {
+          name: {
+            formatter: null
          },
-          {
-            prop: 'value',
-            label: this.$t('assets.Value'),
-            showOverflowTooltip: true,
-            sortable: 'custom'
-          },
-          {
-            prop: 'asset_count',
-            label: this.$t('assets.Assets'),
-            width: '80px'
-          },
-          {
-            prop: 'id',
-            align: 'center',
-            formatter: ActionsFormatter,
-            label: this.$t('assets.Action'),
-            width: '200px',
-            formatterArgs: {
-              performDelete: ({ row, col }) => {
-                const id = row.id
-                const url = `/api/v1/assets/labels/${id}/`
-                return this.$axios.delete(url)
-              }
-            }
+          asset_count: {
+            label: this.$t('assets.Assets')
          }
-        ]
+        }
      },
      headerActions: {
-        hasBulkDelete: false,
        hasRightActions: false,
        hasExport: false,
        hasImport: false,
--- a/src/views/assets/Platform/PlatformList.vue
+++ b/src/views/assets/Platform/PlatformList.vue
@@ -4,7 +4,6 @@

 <script>
 import { GenericListPage } from '@/layout/components'
-import { DetailFormatter, ActionsFormatter } from '@/components/ListTable/formatters/index'

 export default {
  components: {
@@ -15,58 +14,22 @@ export default {
      tableConfig: {
        url: '/api/v1/assets/platforms/',
        columns: [
-          {
-            prop: 'name',
-            label: this.$t('assets.Name'),
-            formatter: DetailFormatter,
-            showOverflowTooltip: true,
-            sortable: true,
-            formatterArgs: {
-              route: 'PlatformDetail'
-            }
-          },
-          {
-            prop: 'base',
-            label: this.$t('assets.BasePlatform'),
-            sortable: 'custom',
+          'name', 'base', 'comment', 'actions'
+        ],
+        columnsMeta: {
+          base: {
            width: '140px'
-          },
-          {
-            prop: 'comment',
-            showOverflowTooltip: true,
-            label: this.$t('assets.Comment'),
-            sortable: 'custom'
-          },
-          {
-            prop: 'id',
-            align: 'center',
-            label: this.$t('assets.Action'),
-            formatter: ActionsFormatter,
-            width: '200px',
-            formatterArgs: {
-              canDelete: (row, vaule) => {
-                return !row.internal
-              },
-              canUpdate: (row, vaule) => {
-                return !row.internal
-              },
-              performDelete: ({ row, col }) => {
-                const id = row.id
-                const url = `/api/v1/assets/platforms/${id}/`
-                return this.$axios.delete(url)
-              }
-            }
          }
-        ]
+        }
      },
      headerActions: {
        hasRightActions: false,
        hasExport: false,
        hasImport: false,
        hasRefresh: false,
-        hasBulkDelete: false,
        hasSearch: false,
        hasMoreActions: false,
+        hasBulkDelete: false,
        createRoute: 'PlatformCreate'
      }
    }
--- a/src/views/assets/SystemUser/SystemUserCreateUpdate.vue
+++ b/src/views/assets/SystemUser/SystemUserCreateUpdate.vue
@@ -30,7 +30,7 @@ export default {
      fields: [
        [this.$t('common.Basic'), ['name', 'login_mode', 'username', 'username_same_with_user', 'priority', 'protocol']],
        [this.$t('assets.AutoPush'), ['auto_push', 'sudo', 'shell', 'home', 'system_groups']],
-        [this.$t('common.Auth'), ['auto_generate_key', 'password', 'private_key', 'token']],
+        [this.$t('common.Auth'), ['auto_generate_key', 'update_password', 'password', 'private_key', 'token', 'ad_domain']],
        [this.$t('common.Command filter'), ['cmd_filters']],
        [this.$t('common.Other'), ['sftp_root', 'comment']]
      ],
@@ -72,6 +72,10 @@ export default {
            } else {
              this.fieldsMeta.username.rules[0].required = false
            }
+            if (['mysql', 'postgresql', 'mariadb', 'oracle'].indexOf(form.protocol) !== -1) {
+              this.fieldsMeta.username.rules = [Required]
+              this.fieldsMeta.username.rules[0].required = true
+            }
          }
        },
        private_key: {
@@ -92,6 +96,9 @@ export default {
          hidden: (form) => {
            this.fieldsMeta.username.el.disabled = form.username_same_with_user
            return form.protocol === 'k8s'
+          },
+          el: {
+            disabled: false
          }
        },
        auto_generate_key: {
@@ -134,6 +141,11 @@ export default {
            }
          }
        },
+        ad_domain: {
+          label: this.$t('assets.AdDomain'),
+          hidden: (form) => ['rdp'].indexOf(form.protocol) === -1,
+          helpText: this.$t('assets.AdDomainHelpText')
+        },
        cmd_filters: {
          component: Select2,
          hidden: (form) => graphProtocols.indexOf(form.protocol) !== -1,
@@ -175,16 +187,29 @@ export default {
          helpText: this.$t('assets.SudoHelpMessage'),
          hidden: (item) => item.protocol !== 'ssh' || !item.auto_push
        },
+        update_password: {
+          label: this.$t('users.UpdatePassword'),
+          type: 'checkbox',
+          hidden: (formValue) => {
+            if (formValue.update_password || formValue.protocol === 'k8s') {
+              return true
+            }
+            if (formValue.login_mode === 'manual') {
+              return true
+            }
+            return !this.$route.params.id
+          }
+        },
        password: {
          helpText: this.$t('assets.PasswordHelpMessage'),
          hidden: form => {
-            if (form.login_mode !== 'auto') {
+            if (form.login_mode !== 'auto' || form.protocol === 'k8s' || form.auto_generate_key) {
              return true
            }
-            if (form.protocol === 'k8s') {
-              return true
+            if (!this.$route.params.id) {
+              return false
            }
-            return form.auto_generate_key === true
+            return !form.update_password
          }
        },
        shell: {
@@ -211,9 +236,10 @@ export default {
  },
  mounted() {
    const params = this.$route.params
-    const method = params.id ? 'post' : 'put'
-    if (method === 'post') {
+    const method = params.id ? 'update' : 'create'
+    if (method === 'update') {
      this.fieldsMeta.token.rules[0].required = false
+      this.fieldsMeta.username_same_with_user.el.disabled = true
    }
  }
 }
--- a/src/views/assets/SystemUser/SystemUserDetail/AccountList.vue
+++ b/src/views/assets/SystemUser/SystemUserDetail/AccountList.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="16">
+        <AssetUserTable ref="ListTable" :url="assetUserUrl" :has-import="false" />
+      </el-col>
+      <el-col :span="8" />
+    </el-row>
+  </div>
+</template>
+
+<script>
+
+import { AssetUserTable } from '@/components'
+
+export default {
+  name: 'AccountList',
+  components: {
+    AssetUserTable
+  },
+  props: {
+    object: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      assetUserUrl: `/api/v1/assets/asset-users/?prefer_id=${this.object.id}&prefer=system_user&latest=1`
+    }
+  },
+  computed: {
+  }
+}
+</script>
+
+<style lang='less' scoped>
+
+</style>
--- a/src/views/assets/SystemUser/SystemUserDetail/AssetList.vue
+++ b/src/views/assets/SystemUser/SystemUserDetail/AssetList.vue
@@ -2,7 +2,7 @@
  <div>
    <el-row :gutter="20">
      <el-col :span="16">
-        <AssetUserTable ref="ListTable" :url="assetUserUrl" :other-actions="otherActions" :has-import="false" />
+        <ListTable ref="ListTable" :table-config="tableConfig" :header-actions="headerActions" />
      </el-col>
      <el-col :span="8">
        <QuickActions type="primary" :actions="quickActions" />
@@ -17,15 +17,16 @@
 import QuickActions from '@/components/QuickActions/index'
 import RelationCard from '@/components/RelationCard'
 import AssetRelationCard from '@/components/AssetRelationCard'
-import { AssetUserTable } from '@/components'
+import ListTable from '@/components/ListTable'
+import { ActionsFormatter } from '@/components/ListTable/formatters'

 export default {
-  name: 'Detail',
+  name: 'AssetList',
  components: {
    QuickActions,
    RelationCard,
-    AssetUserTable,
-    AssetRelationCard
+    AssetRelationCard,
+    ListTable
  },
  props: {
    object: {
@@ -36,58 +37,116 @@ export default {
  data() {
    const vm = this
    return {
-      assetUserUrl: `/api/v1/assets/asset-users/?prefer_id=${this.object.id}&prefer=system_user&latest=1`,
-      otherActions: [
-        {
-          name: 'Push',
-          title: this.$t('common.Push'),
-          can: () => vm.object.auto_push,
-          callback: function({ row }) {
-            const assetId = row.asset
-            const username = row.username
-            const theUrl = `/api/v1/assets/system-users/${vm.object.id}/tasks/?username=${username}`
-            const data = { action: 'push', asset: assetId }
-            this.$axios.post(theUrl, data).then(resp => {
-              window.open(`/#/ops/celery/task/${resp.task}/log/`, '', 'width=900,height=600')
-            })
-          }
-        }
-      ],
-      AutoPushConfig: {
-        icon: 'fa-info',
-        title: this.$t('assets.QuickUpdate'),
-        url: `/api/v1/assets/system-users/${this.object.id}/`,
-        content: [
+      tableConfig: {
+        url: `/api/v1/assets/system-users-assets-relations/?systemuser=${this.object.id}`,
+        columns: [
          {
-            name: this.$t('assets.AutoPush'),
-            auto_push: this.object.auto_push
+            prop: 'asset_display',
+            label: this.$t('assets.Hostname')
+          },
+          {
+            prop: 'systemuser_display',
+            label: this.$t('assets.SystemUsers')
+          },
+          {
+            prop: 'id',
+            label: this.$t('common.Action'),
+            align: 'center',
+            width: 150,
+            formatter: ActionsFormatter,
+            formatterArgs: {
+              hasUpdate: false, // can set function(row, value)
+              hasDelete: false, // can set function(row, value)
+              moreActionsTitle: this.$t('common.More'),
+              extraActions: [
+                {
+                  name: 'Push',
+                  title: this.$t('common.Push'),
+                  type: 'primary',
+                  can: this.object.auto_push,
+                  callback: ({ row }) => {
+                    const theUrl = `/api/v1/assets/system-users/${vm.object.id}/tasks/`
+                    const data = { action: 'push', assets: [row.asset] }
+                    this.$axios.post(theUrl, data).then(resp => {
+                      window.open(`/#/ops/celery/task/${resp.task}/log/`, '', 'width=900,height=600')
+                    })
+                  }
+                },
+                {
+                  name: 'Delete',
+                  title: this.$t('common.Delete'),
+                  type: 'danger',
+                  callback: (val) => {
+                    this.$axios.delete(`/api/v1/assets/system-users-assets-relations/${val.cellValue}/`).then(() => {
+                      this.$message.success(this.$t('common.deleteSuccessMsg'))
+                      this.$refs.ListTable.reloadTable()
+                    })
+                  }
+                }
+              ]
+            }
          }
        ]
      },
-      assetRelationConfig: {
-        icon: 'fa-edit',
-        title: this.$t('xpack.ChangeAuthPlan.AddAsset'),
-        performAdd: (items, that) => {
-          const relationUrl = `/api/v1/assets/system-users-assets-relations/`
-          const data = [
-
-          ]
-          items.map(v =>
-            data.push({
-              asset: v,
-              systemuser: this.object.id
-            })
-          )
+      headerActions: {
+        hasLeftActions: true,
+        hasBulkDelete: false,
+        hasImport: false,
+        hasExport: true,
+        hasCreate: false,
+        hasSearch: true,
+        hasMoreActions: false,
+        moreActionsTitle: this.$t('common.More'),
+        moreActionsType: 'primary',
+        extraMoreActions: [
+          {
+            title: this.$t('common.PushSelected'),
+            name: 'PushSelected',
+            can({ selectedRows }) {
+              return selectedRows.length > 0 && vm.object.auto_push
+            },
+            callback: this.bulkPushCallback.bind(this)
+          },
+          {
+            title: this.$t('assets.TestAssetsConnective'),
+            name: 'TestSelected',
+            can({ selectedRows }) {
+              return selectedRows.length > 0
+            },
+            callback: this.bulkTestCallback.bind(this)
+          }
+        ]
+      },
+      nodeRelationConfig: {
+        icon: 'fa-info',
+        title: this.$t('perms.addNodeToThisPermission'),
+        objectsAjax: {
+          url: '/api/v1/assets/nodes/',
+          transformOption: (item) => {
+            return { label: item.full_value, value: item.id }
+          }
+        },
+        hasObjectsId: [],
+        hasObjects: [],
+        performAdd: (items) => {
+          const relationUrl = `/api/v1/assets/system-users-nodes-relations/`
+          const objectId = this.object.id
+          const data = items.map(v => {
+            return {
+              systemuser: objectId,
+              node: v.value
+            }
+          })
          if (data.length === 0) {
-            return this.$message.error(this.$t('assets.UnselectedAssets'))
+            return this.$message.error(this.$t('assets.UnselectedNodes'))
          }
          return this.$axios.post(relationUrl, data)
        },
-        onAddSuccess: (items, that) => {
-          this.$log.debug('AssetSelect value', that.assets)
-          this.$message.success(this.$t('common.updateSuccessMsg'))
-          this.$refs.ListTable.$refs.ListTable.reloadTable()
-          that.$refs.assetSelect.$refs.select2.clearSelected()
+        performDelete: (item) => {
+          const itemId = item.value
+          const objectId = this.object.id
+          const relationUrl = `/api/v1/assets/system-users-nodes-relations/?systemuser=${objectId}&node=${itemId}`
+          return this.$axios.delete(relationUrl)
        }
      },
      quickActions: [
@@ -127,59 +186,54 @@ export default {
          }
        }
      ],
-      nodeRelationConfig: {
-        icon: 'fa-info',
-        title: this.$t('perms.addNodeToThisPermission'),
-        objectsAjax: {
-          url: '/api/v1/assets/nodes/',
-          transformOption: (item) => {
-            return { label: item.full_value, value: item.id }
-          }
-        },
-        hasObjectsId: [],
-        hasObjects: [],
-        performAdd: (items) => {
-          const relationUrl = `/api/v1/assets/system-users-nodes-relations/`
-          const objectId = this.object.id
-          const data = items.map(v => {
-            return {
-              systemuser: objectId,
-              node: v.value
-            }
-          })
+      assetRelationConfig: {
+        icon: 'fa-edit',
+        title: this.$t('xpack.ChangeAuthPlan.AddAsset'),
+        performAdd: (items, that) => {
+          const relationUrl = `/api/v1/assets/system-users-assets-relations/`
+          const data = [
+
+          ]
+          items.map(v =>
+            data.push({
+              asset: v,
+              systemuser: this.object.id
+            })
+          )
          if (data.length === 0) {
-            return this.$message.error(this.$t('assets.UnselectedNodes'))
+            return this.$message.error(this.$t('assets.UnselectedAssets'))
          }
          return this.$axios.post(relationUrl, data)
        },
-        performDelete: (item) => {
-          const itemId = item.value
-          const objectId = this.object.id
-          const relationUrl = `/api/v1/assets/system-users-nodes-relations/?systemuser=${objectId}&node=${itemId}`
-          return this.$axios.delete(relationUrl)
+        onAddSuccess: (items, that) => {
+          this.$log.debug('AssetSelect value', that.assets)
+          this.$message.success(this.$t('common.updateSuccessMsg'))
+          vm.$refs.ListTable.reloadTable()
+          that.$refs.assetSelect.$refs.select2.clearSelected()
        }
      }
    }
  },
-  computed: {
-  },
-  mounted() {
-    this.getNodeList()
-  },
  methods: {
-    getNodeList() {
-      this.$axios.get(
-        `/api/v1/assets/system-users-nodes-relations/?systemuser=${this.object.id}&draw=1&limit=15&offset=0`
-      ).then(data => {
-        for (const x in data.results) {
-          this.nodeRelationConfig.hasObjectsId.push(data.results[x].node)
-          this.nodeRelationConfig.hasObjects.push({
-            value: data.results[x].node,
-            label: data.results[x].node_display
-          })
-        }
-      }
-      )
+    bulkPushCallback({ selectedRows }) {
+      const theUrl = `/api/v1/assets/system-users/${this.object.id}/tasks/`
+      const assets = selectedRows.map((v) => {
+        return v.asset
+      })
+      const data = { action: 'push', assets: assets }
+      this.$axios.post(theUrl, data).then(resp => {
+        window.open(`/#/ops/task/task/${resp.task}/log/`, '', 'width=900,height=600')
+      })
+    },
+    bulkTestCallback({ selectedRows }) {
+      const theUrl = `/api/v1/assets/system-users/${this.object.id}/tasks/`
+      const assets = selectedRows.map((v) => {
+        return v.asset
+      })
+      const data = { action: 'test', assets: assets }
+      this.$axios.post(theUrl, data).then(resp => {
+        window.open(`/#/ops/task/task/${resp.task}/log/`, '', 'width=900,height=600')
+      })
    }
  }
 }
--- a/src/views/assets/SystemUser/SystemUserDetail/index.vue
+++ b/src/views/assets/SystemUser/SystemUserDetail/index.vue
@@ -9,14 +9,15 @@
 <script>
 import { GenericDetailPage, TabPage } from '@/layout/components'
 import Detail from './Detail.vue'
-
 import AssetList from './AssetList.vue'
+import AccountList from './AccountList.vue'
 export default {
  components: {
    GenericDetailPage,
    TabPage,
    Detail,
-    AssetList
+    AssetList,
+    AccountList
  },
  data() {
    return {
@@ -31,7 +32,12 @@ export default {
          {
            title: this.$t('assets.AssetList'),
            name: 'AssetList'
+          },
+          {
+            title: this.$t('assets.AccountList'),
+            name: 'AccountList'
          }
+
        ],
        hasRightSide: true
      }
--- a/Show More
+++ b/Show More