chore: release v2.4.10

feat(ui): update ci type

.github/workflows/docker-build-and-release.yaml

@@ -0,0 +1,79 @@
+name: docker-images-build-and-release
+
+on:
+  push:
+    branches:
+      - master
+    tags: ["v*"]
+  pull_request:
+    branches:
+      - master
+
+env:
+  # Use docker.io for Docker Hub if empty
+  REGISTRY_SERVER_ADDRESS: ghcr.io/veops
+  TAG: ${{ github.sha }}
+
+jobs:
+  setup-environment:
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+  release-api-images:
+    runs-on: ubuntu-latest
+    needs: [setup-environment]
+    permissions:
+      contents: read
+      packages: write
+    timeout-minutes: 90
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+      - name: Login to GitHub Package Registry
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      - name: Build and push CMDB-API Docker image
+        uses: docker/build-push-action@v6
+        with:
+          file: docker/Dockerfile-API
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ env.REGISTRY_SERVER_ADDRESS }}/cmdb-api:${{ env.TAG }}
+  release-ui-images:
+    runs-on: ubuntu-latest
+    needs: [setup-environment]
+    permissions:
+      contents: read
+      packages: write
+    timeout-minutes: 90
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+      - name: Login to GitHub Package Registry
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      - name: Build and push CMDB-UI Docker image
+        uses: docker/build-push-action@v6
+        with:
+          file: docker/Dockerfile-UI
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ env.REGISTRY_SERVER_ADDRESS }}/cmdb-ui:${{ env.TAG }}

Makefile

@@ -1,6 +1,4 @@
-MYSQL_ROOT_PASSWORD ?= root
+include ./Makefile.variable
-MYSQL_PORT ?= 3306
-REDIS_PORT ?= 6379
 
 default: help
 help:  ## display this help
@@ -50,3 +48,25 @@ clean: ## remove unwanted files like .pyc's
 lint: ## check style with flake8
 	flake8 --exclude=env .
 .PHONY: lint
+
+api-docker-build:
+	export DOCKER_CLI_EXPERIMENTAL=enabled ;\
+	! ( docker buildx ls | grep multi-platform-builder ) && docker buildx create --use --platform=$(BUILD_ARCH) --name multi-platform-builder ;\
+	docker buildx build \
+    			--builder multi-platform-builder \
+    			--platform=$(BUILD_ARCH) \
+    			--tag $(REGISTRY)/cmdb-api:$(CMDB_DOCKER_VERSION)  \
+    			--tag $(REGISTRY)/cmdb-api:latest  \
+    			-f docker/Dockerfile-API \
+    			.
+
+ui-docker-build:
+	export DOCKER_CLI_EXPERIMENTAL=enabled ;\
+	! ( docker buildx ls | grep multi-platform-builder ) && docker buildx create --use --platform=$(BUILD_ARCH) --name multi-platform-builder ;\
+	docker buildx build \
+    			--builder multi-platform-builder \
+    			--platform=$(BUILD_ARCH) \
+    			--tag $(REGISTRY)/cmdb-ui:$(CMDB_DOCKER_VERSION)  \
+    			--tag $(REGISTRY)/cmdb-ui:latest  \
+    			-f docker/Dockerfile-UI \
+    			.

Makefile.variable

@@ -0,0 +1,21 @@
+SHELL := /bin/bash -o pipefail
+
+MYSQL_ROOT_PASSWORD ?= root
+MYSQL_PORT ?= 3306
+REDIS_PORT ?= 6379
+
+LATEST_TAG_DIFF:=$(shell git describe --tags --abbrev=8)
+LATEST_COMMIT:=$(VERSION)-dev-$(shell git rev-parse --short=8 HEAD)
+BUILD_ARCH ?= linux/amd64,linux/arm64
+
+# Set your version by env or using latest tags from git
+CMDB_VERSION?=$(LATEST_TAG_DIFF)
+ifeq ($(CMDB_VERSION),)
+ 	#fall back to last commit
+	CMDB_VERSION=$(LATEST_COMMIT)
+endif
+COMMIT_VERSION:=$(LATEST_COMMIT)
+CMDB_DOCKER_VERSION:=${CMDB_VERSION}
+CMDB_CHART_VERSION:=$(shell echo ${CMDB_VERSION} | sed  's/^v//g' )
+
+REGISTRY ?= local

README.md

@@ -73,7 +73,8 @@
 ## 安装
 
 ### Docker 一键快速构建
-> 方法一
+
+[//]: # (> 方法一)
 - 第一步: 先安装 Docker 环境, 以及Docker Compose (v2)
 - 第二步: 拷贝项目
 ```shell 
@@ -83,13 +84,20 @@ git clone https://github.com/veops/cmdb.git
 ```
 docker compose up -d
 ```
-> 方法二, 该方法适用于linux系统
+
-- 第一步： 先安装 Docker 环境, 以及Docker Compose (v2)
+[//]: # (> 方法二, 该方法适用于linux系统)
-- 第二步： 直接使用项目根目录下的install.sh 文件进行 `安装`、`启动`、`暂停`、`查状态`、`删除`、`卸载`
+
-```shell
+[//]: # (- 第一步： 先安装 Docker 环境, 以及Docker Compose (v2))
-curl -so install.sh https://raw.githubusercontent.com/veops/cmdb/deploy_on_kylin_docker/install.sh
+
-sh install.sh install
+[//]: # (- 第二步： 直接使用项目根目录下的install.sh 文件进行 `安装`、`启动`、`暂停`、`查状态`、`删除`、`卸载`)
-```
+
+[//]: # (```shell)
+
+[//]: # (curl -so install.sh https://raw.githubusercontent.com/veops/cmdb/deploy_on_kylin_docker/install.sh)
+
+[//]: # (sh install.sh install)
+
+[//]: # (```)
 
 ### [本地开发环境搭建](docs/local.md)
 
@@ -105,4 +113,7 @@ sh install.sh install
 
 _**欢迎关注公众号(维易科技OneOps)，关注后可加入微信群，进行产品和技术交流。**_
 
-![公众号: 维易科技OneOps](docs/images/wechat.png)
+
+<p align="center">
+  <img src="docs/images/wechat.png" alt="公众号: 维易科技OneOps" />
+</p>

cmdb-api/Pipfile

@@ -67,6 +67,7 @@ colorama = ">=0.4.6"
 pycryptodomex = ">=3.19.0"
 lz4 = ">=4.3.2"
 python-magic = "==0.4.27"
+jsonpath = "==0.82.2"
 
 [dev-packages]
 # Testing

cmdb-api/api/commands/click_cmdb.py

@@ -190,6 +190,7 @@ def cmdb_counter():
     login_user(UserCache.get('worker'))
 
     i = 0
+    today = datetime.date.today()
     while True:
         try:
             db.session.remove()
@@ -200,6 +201,10 @@ def cmdb_counter():
                 CMDBCounterCache.flush_adc_counter()
                 i = 0
 
+            if datetime.date.today() != today:
+                CMDBCounterCache.clear_ad_exec_history()
+                today = datetime.date.today()
+
             CMDBCounterCache.flush_sub_counter()
 
             i += 1
@@ -493,3 +498,64 @@ def cmdb_agent_init():
 
     click.echo("Key   : {}".format(click.style(user.key, bg='red')))
     click.echo("Secret: {}".format(click.style(user.secret, bg='red')))
+
+
+@click.command()
+@click.option(
+    '-v',
+    '--version',
+    help='input cmdb version, e.g. 2.4.6',
+    required=True,
+)
+@with_appcontext
+def cmdb_patch(version):
+    """
+    CMDB upgrade patch
+    """
+
+    version = version[1:] if version.lower().startswith("v") else version
+
+    try:
+        if version >= '2.4.6':
+
+            from api.models.cmdb import CITypeRelation
+            for cr in CITypeRelation.get_by(to_dict=False):
+                if hasattr(cr, 'parent_attr_id') and cr.parent_attr_id and not cr.parent_attr_ids:
+                    parent_attr_ids, child_attr_ids = [cr.parent_attr_id], [cr.child_attr_id]
+                    cr.update(parent_attr_ids=parent_attr_ids, child_attr_ids=child_attr_ids, commit=False)
+            db.session.commit()
+
+            from api.models.cmdb import AutoDiscoveryCIType, AutoDiscoveryCITypeRelation
+            from api.lib.cmdb.cache import CITypeCache, AttributeCache
+            for adt in AutoDiscoveryCIType.get_by(to_dict=False):
+                if adt.relation:
+                    if not AutoDiscoveryCITypeRelation.get_by(ad_type_id=adt.type_id):
+                        peer_type = CITypeCache.get(list(adt.relation.values())[0]['type_name'])
+                        peer_type_id = peer_type and peer_type.id
+                        peer_attr = AttributeCache.get(list(adt.relation.values())[0]['attr_name'])
+                        peer_attr_id = peer_attr and peer_attr.id
+                        if peer_type_id and peer_attr_id:
+                            AutoDiscoveryCITypeRelation.create(ad_type_id=adt.type_id,
+                                                               ad_key=list(adt.relation.keys())[0],
+                                                               peer_type_id=peer_type_id,
+                                                               peer_attr_id=peer_attr_id,
+                                                               commit=False)
+                if hasattr(adt, 'interval') and adt.interval and not adt.cron:
+                    adt.cron = "*/{} * * * *".format(adt.interval // 60 or 1)
+
+            db.session.commit()
+
+        if version >= "2.4.7":
+            from api.lib.cmdb.auto_discovery.const import DEFAULT_INNER
+            from api.models.cmdb import AutoDiscoveryRule
+            for i in DEFAULT_INNER:
+                existed = AutoDiscoveryRule.get_by(name=i['name'], first=True, to_dict=False)
+                if existed is not None:
+                    if "en" in i['option'] and 'en' not in (existed.option or {}):
+                        option = copy.deepcopy(existed.option)
+                        option['en'] = i['option']['en']
+                        existed.update(option=option, commit=False)
+
+            db.session.commit()
+    except Exception as e:
+        print("cmdb patch failed: {}".format(e))

cmdb-api/api/lib/cmdb/attribute.py

@@ -229,7 +229,7 @@ class AttributeManager(object):
         is_choice = True if choice_value or kwargs.get('choice_web_hook') or kwargs.get('choice_other') else False
 
         name = kwargs.pop("name")
-        if name in BUILTIN_KEYWORDS:
+        if name in BUILTIN_KEYWORDS or kwargs.get('alias') in BUILTIN_KEYWORDS:
             return abort(400, ErrFormat.attribute_name_cannot_be_builtin)
 
         while kwargs.get('choice_other'):

cmdb-api/api/lib/cmdb/auto_discovery/auto_discovery.py

@@ -1,34 +1,51 @@
 # -*- coding:utf-8 -*-
+import copy
 import datetime
 import json
+import jsonpath
 import os
-
-from api.extensions import db
-from api.lib.cmdb.auto_discovery.const import ClOUD_MAP
-from api.lib.cmdb.cache import CITypeAttributeCache
-from api.lib.cmdb.cache import CITypeCache
-from api.lib.cmdb.ci import CIManager
-from api.lib.cmdb.ci import CIRelationManager
-from api.lib.cmdb.ci_type import CITypeGroupManager
-from api.lib.cmdb.const import AutoDiscoveryType
-from api.lib.cmdb.const import PermEnum
-from api.lib.cmdb.const import ResourceTypeEnum
-from api.lib.cmdb.resp_format import ErrFormat
-from api.lib.cmdb.search import SearchError
-from api.lib.cmdb.search.ci import search
-from api.lib.mixin import DBMixin
-from api.lib.perm.acl.acl import is_app_admin
-from api.lib.perm.acl.acl import validate_permission
-from api.lib.utils import AESCrypto
-from api.models.cmdb import AutoDiscoveryCI
-from api.models.cmdb import AutoDiscoveryCIType
-from api.models.cmdb import AutoDiscoveryRule
 from flask import abort
 from flask import current_app
 from flask_login import current_user
 from sqlalchemy import func
 
+from api.extensions import db
+from api.lib.cmdb.auto_discovery.const import CLOUD_MAP
+from api.lib.cmdb.auto_discovery.const import DEFAULT_INNER
+from api.lib.cmdb.auto_discovery.const import PRIVILEGED_USERS
+from api.lib.cmdb.cache import AttributeCache
+from api.lib.cmdb.cache import AutoDiscoveryMappingCache
+from api.lib.cmdb.cache import CITypeAttributeCache
+from api.lib.cmdb.cache import CITypeCache
+from api.lib.cmdb.ci import CIManager
+from api.lib.cmdb.ci_type import CITypeGroupManager
+from api.lib.cmdb.const import AutoDiscoveryType
+from api.lib.cmdb.const import CMDB_QUEUE
+from api.lib.cmdb.const import PermEnum
+from api.lib.cmdb.const import ResourceTypeEnum
+from api.lib.cmdb.custom_dashboard import SystemConfigManager
+from api.lib.cmdb.resp_format import ErrFormat
+from api.lib.cmdb.search import SearchError
+from api.lib.cmdb.search.ci import search as ci_search
+from api.lib.common_setting.role_perm_base import CMDBApp
+from api.lib.mixin import DBMixin
+from api.lib.perm.acl.acl import ACLManager
+from api.lib.perm.acl.acl import is_app_admin
+from api.lib.perm.acl.acl import validate_permission
+from api.lib.utils import AESCrypto
+from api.models.cmdb import AutoDiscoveryAccount
+from api.models.cmdb import AutoDiscoveryCI
+from api.models.cmdb import AutoDiscoveryCIType
+from api.models.cmdb import AutoDiscoveryCITypeRelation
+from api.models.cmdb import AutoDiscoveryCounter
+from api.models.cmdb import AutoDiscoveryExecHistory
+from api.models.cmdb import AutoDiscoveryRule
+from api.models.cmdb import AutoDiscoveryRuleSyncHistory
+from api.tasks.cmdb import build_relations_for_ad_accept
+from api.tasks.cmdb import write_ad_rule_sync_history
+
 PWD = os.path.abspath(os.path.dirname(__file__))
+app_cli = CMDBApp()
 
 
 def parse_plugin_script(script):
@@ -96,14 +113,30 @@ class AutoDiscoveryRuleCRUD(DBMixin):
             else:
                 self.cls.create(**rule)
 
-    def _can_add(self, **kwargs):
+    def _can_add(self, valid=True, **kwargs):
         self.cls.get_by(name=kwargs['name']) and abort(400, ErrFormat.adr_duplicate.format(kwargs['name']))
-        if kwargs.get('is_plugin') and kwargs.get('plugin_script'):
+        if kwargs.get('is_plugin') and kwargs.get('plugin_script') and valid:
             kwargs = check_plugin_script(**kwargs)
+            acl = ACLManager(app_cli.app_name)
+            has_perm = True
+            try:
+                if not acl.has_permission(app_cli.op.Auto_Discovery,
+                                          app_cli.resource_type_name,
+                                          app_cli.op.create_plugin) and not is_app_admin(app_cli.app_name):
+                    has_perm = False
+            except Exception:
+                if not is_app_admin(app_cli.app_name):
+                    return abort(403, ErrFormat.role_required.format(app_cli.admin_name))
+
+            if not has_perm:
+                return abort(403, ErrFormat.no_permission.format(
+                    app_cli.op.Auto_Discovery, app_cli.op.create_plugin))
+
+        kwargs['owner'] = current_user.uid
 
         return kwargs
 
-    def _can_update(self, **kwargs):
+    def _can_update(self, valid=True, **kwargs):
         existed = self.cls.get_by_id(kwargs['_id']) or abort(
             404, ErrFormat.adr_not_found.format("id={}".format(kwargs['_id'])))
 
@@ -115,6 +148,22 @@ class AutoDiscoveryRuleCRUD(DBMixin):
             if other and other.id != existed.id:
                 return abort(400, ErrFormat.adr_duplicate.format(kwargs['name']))
 
+        if existed.is_plugin and valid:
+            acl = ACLManager(app_cli.app_name)
+            has_perm = True
+            try:
+                if not acl.has_permission(app_cli.op.Auto_Discovery,
+                                          app_cli.resource_type_name,
+                                          app_cli.op.update_plugin) and not is_app_admin(app_cli.app_name):
+                    has_perm = False
+            except Exception:
+                if not is_app_admin(app_cli.app_name):
+                    return abort(403, ErrFormat.role_required.format(app_cli.admin_name))
+
+            if not has_perm:
+                return abort(403, ErrFormat.no_permission.format(
+                    app_cli.op.Auto_Discovery, app_cli.op.update_plugin))
+
         return existed
 
     def update(self, _id, **kwargs):
@@ -122,21 +171,44 @@ class AutoDiscoveryRuleCRUD(DBMixin):
         if kwargs.get('is_plugin') and kwargs.get('plugin_script'):
             kwargs = check_plugin_script(**kwargs)
 
+            for item in AutoDiscoveryCIType.get_by(adr_id=_id, to_dict=False):
+                item.update(updated_at=datetime.datetime.now())
+
         return super(AutoDiscoveryRuleCRUD, self).update(_id, filter_none=False, **kwargs)
 
     def _can_delete(self, **kwargs):
         if AutoDiscoveryCIType.get_by(adr_id=kwargs['_id'], first=True):
             return abort(400, ErrFormat.adr_referenced)
 
-        return self._can_update(**kwargs)
+        existed = self.cls.get_by_id(kwargs['_id']) or abort(
+            404, ErrFormat.adr_not_found.format("id={}".format(kwargs['_id'])))
+
+        if existed.is_plugin:
+            acl = ACLManager(app_cli.app_name)
+            has_perm = True
+            try:
+                if not acl.has_permission(app_cli.op.Auto_Discovery,
+                                          app_cli.resource_type_name,
+                                          app_cli.op.delete_plugin) and not is_app_admin(app_cli.app_name):
+                    has_perm = False
+            except Exception:
+                if not is_app_admin(app_cli.app_name):
+                    return abort(403, ErrFormat.role_required.format(app_cli.admin_name))
+
+            if not has_perm:
+                return abort(403, ErrFormat.no_permission.format(
+                    app_cli.op.Auto_Discovery, app_cli.op.delete_plugin))
+
+        return existed
 
 
 class AutoDiscoveryCITypeCRUD(DBMixin):
     cls = AutoDiscoveryCIType
 
     @classmethod
-    def get_all(cls):
+    def get_all(cls, type_ids=None):
-        return cls.cls.get_by(to_dict=False)
+        res = cls.cls.get_by(to_dict=False)
+        return [i for i in res if type_ids is None or i.type_id in type_ids]
 
     @classmethod
     def get_by_id(cls, _id):
@@ -147,25 +219,59 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
         return cls.cls.get_by(type_id=type_id, to_dict=False)
 
     @classmethod
-    def get(cls, ci_id, oneagent_id, last_update_at=None):
+    def get_ad_attributes(cls, type_id):
+        result = []
+        adts = cls.get_by_type_id(type_id)
+        for adt in adts:
+            adr = AutoDiscoveryRuleCRUD.get_by_id(adt.adr_id)
+            if not adr:
+                continue
+            if adr.type == AutoDiscoveryType.HTTP:
+                for i in DEFAULT_INNER:
+                    if adr.name == i['name']:
+                        attrs = AutoDiscoveryHTTPManager.get_attributes(
+                            i['en'], (adt.extra_option or {}).get('category')) or []
+                        result.extend([i.get('name') for i in attrs])
+                        break
+            elif adr.type == AutoDiscoveryType.SNMP:
+                attributes = AutoDiscoverySNMPManager.get_attributes()
+                result.extend([i.get('name') for i in (attributes or [])])
+            else:
+                result.extend([i.get('name') for i in (adr.attributes or [])])
+
+        return sorted(list(set(result)))
+
+    @classmethod
+    def get(cls, ci_id, oneagent_id, oneagent_name, last_update_at=None):
+        """
+        OneAgent sync rules
+        :param ci_id:
+        :param oneagent_id:
+        :param oneagent_name:
+        :param last_update_at:
+        :return:
+        """
         result = []
         rules = cls.cls.get_by(to_dict=True)
 
         for rule in rules:
-            if rule.get('relation'):
+            if not rule['enabled']:
                 continue
 
-            if isinstance(rule.get("extra_option"), dict) and rule['extra_option'].get('secret'):
+            if isinstance(rule.get("extra_option"), dict):
-                if not (current_user.username == "cmdb_agent" or current_user.uid == rule['uid']):
+                decrypt_account(rule['extra_option'], rule['uid'])
+
+                if rule['extra_option'].get('_reference'):
+                    rule['extra_option'].pop('password', None)
                     rule['extra_option'].pop('secret', None)
-                else:
+                    rule['extra_option'].update(
-                    rule['extra_option']['secret'] = AESCrypto.decrypt(rule['extra_option']['secret'])
+                        AutoDiscoveryAccountCRUD().get_config_by_id(rule['extra_option']['_reference']))
 
             if oneagent_id and rule['agent_id'] == oneagent_id:
                 result.append(rule)
             elif rule['query_expr']:
                 query = rule['query_expr'].lstrip('q').lstrip('=')
-                s = search(query, fl=['_id'], count=1000000)
+                s = ci_search(query, fl=['_id'], count=1000000)
                 try:
                     response, _, _, _, _, _ = s.search()
                 except SearchError as e:
@@ -176,25 +282,32 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
                         result.append(rule)
                         break
             elif not rule['agent_id'] and not rule['query_expr'] and rule['adr_id']:
+                try:
+                    if not int(oneagent_id, 16):  # excludes master
+                        continue
+                except Exception:
+                    pass
+
                 adr = AutoDiscoveryRuleCRUD.get_by_id(rule['adr_id'])
                 if not adr:
                     continue
                 if adr.type in (AutoDiscoveryType.SNMP, AutoDiscoveryType.HTTP):
                     continue
 
-                if not rule['updated_at']:
-                    continue
-
                 result.append(rule)
 
+        ad_rules_updated_at = (SystemConfigManager.get('ad_rules_updated_at') or {}).get('option', {}).get('v') or ""
         new_last_update_at = ""
         for i in result:
             i['adr'] = AutoDiscoveryRule.get_by_id(i['adr_id']).to_dict()
+            i['adr'].pop("attributes", None)
             __last_update_at = max([i['updated_at'] or "", i['created_at'] or "",
-                                    i['adr']['created_at'] or "", i['adr']['updated_at'] or ""])
+                                    i['adr']['created_at'] or "", i['adr']['updated_at'] or "", ad_rules_updated_at])
             if new_last_update_at < __last_update_at:
                 new_last_update_at = __last_update_at
 
+        write_ad_rule_sync_history.apply_async(args=(result, oneagent_id, oneagent_name, datetime.datetime.now()),
+                                               queue=CMDB_QUEUE)
         if not last_update_at or new_last_update_at > last_update_at:
             return result, new_last_update_at
         else:
@@ -213,7 +326,7 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
             agent_id = agent_id.strip()
             q = "op_duty:{0},-rd_duty:{0},oneagent_id:{1}"
 
-            s = search(q.format(current_user.username, agent_id.strip()))
+            s = ci_search(q.format(current_user.username, agent_id.strip()))
             try:
                 response, _, _, _, _, _ = s.search()
                 if response:
@@ -222,7 +335,7 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
                 current_app.logger.warning(e)
                 return abort(400, str(e))
 
-            s = search(q.format(current_user.nickname, agent_id.strip()))
+            s = ci_search(q.format(current_user.nickname, agent_id.strip()))
             try:
                 response, _, _, _, _, _ = s.search()
                 if response:
@@ -236,7 +349,7 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
             if query_expr.startswith('q='):
                 query_expr = query_expr[2:]
 
-            s = search(query_expr, count=1000000)
+            s = ci_search(query_expr, count=1000000)
             try:
                 response, _, _, _, _, _ = s.search()
                 for i in response:
@@ -254,19 +367,39 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
     def _can_add(**kwargs):
 
         if kwargs.get('adr_id'):
-            AutoDiscoveryRule.get_by_id(kwargs['adr_id']) or abort(
+            adr = AutoDiscoveryRule.get_by_id(kwargs['adr_id']) or abort(
                 404, ErrFormat.adr_not_found.format("id={}".format(kwargs['adr_id'])))
-            # if not adr.is_plugin:
+            if adr.type == AutoDiscoveryType.HTTP:
-            #     other = self.cls.get_by(adr_id=adr.id, first=True, to_dict=False)
+                kwargs.setdefault('extra_option', dict())
-            #     if other:
+                en_name = None
-            #         ci_type = CITypeCache.get(other.type_id)
+                for i in DEFAULT_INNER:
-            #         return abort(400, ErrFormat.adr_default_ref_once.format(ci_type.alias))
+                    if i['name'] == adr.name:
+                        en_name = i['en']
+                        break
+                if en_name and kwargs['extra_option'].get('category'):
+                    for item in CLOUD_MAP[en_name]:
+                        if item["collect_key_map"].get(kwargs['extra_option']['category']):
+                            kwargs["extra_option"]["collect_key"] = item["collect_key_map"][
+                                kwargs['extra_option']['category']]
+                            kwargs["extra_option"]["provider"] = en_name
+                            break
+
+            if adr.type == AutoDiscoveryType.COMPONENTS and kwargs.get('extra_option'):
+                for i in DEFAULT_INNER:
+                    if i['name'] == adr.name:
+                        kwargs['extra_option']['collect_key'] = i['option'].get('collect_key')
+                        break
 
         if kwargs.get('is_plugin') and kwargs.get('plugin_script'):
             kwargs = check_plugin_script(**kwargs)
 
-        if isinstance(kwargs.get('extra_option'), dict) and kwargs['extra_option'].get('secret'):
+        encrypt_account(kwargs.get('extra_option'))
-            kwargs['extra_option']['secret'] = AESCrypto.encrypt(kwargs['extra_option']['secret'])
+
+        ci_type = CITypeCache.get(kwargs['type_id'])
+        unique = AttributeCache.get(ci_type.unique_id)
+        if unique and unique.name not in (kwargs.get('attributes') or {}).values():
+            current_app.logger.warning((unique.name, kwargs.get('attributes'), ci_type.alias))
+            return abort(400, ErrFormat.ad_not_unique_key.format(unique.name))
 
         kwargs['uid'] = current_user.uid
 
@@ -276,11 +409,44 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
         existed = self.cls.get_by_id(kwargs['_id']) or abort(
             404, ErrFormat.ad_not_found.format("id={}".format(kwargs['_id'])))
 
-        self.__valid_exec_target(kwargs.get('agent_id'), kwargs.get('query_expr'))
+        adr = AutoDiscoveryRule.get_by_id(existed.adr_id) or abort(
+            404, ErrFormat.adr_not_found.format("id={}".format(existed.adr_id)))
+        if adr.type == AutoDiscoveryType.HTTP:
+            kwargs.setdefault('extra_option', dict())
+            en_name = None
+            for i in DEFAULT_INNER:
+                if i['name'] == adr.name:
+                    en_name = i['en']
+                    break
+            if en_name and kwargs['extra_option'].get('category'):
+                for item in CLOUD_MAP[en_name]:
+                    if item["collect_key_map"].get(kwargs['extra_option']['category']):
+                        kwargs["extra_option"]["collect_key"] = item["collect_key_map"][
+                            kwargs['extra_option']['category']]
+                        kwargs["extra_option"]["provider"] = en_name
+                        break
+
+        if adr.type == AutoDiscoveryType.COMPONENTS and kwargs.get('extra_option'):
+            for i in DEFAULT_INNER:
+                if i['name'] == adr.name:
+                    kwargs['extra_option']['collect_key'] = i['option'].get('collect_key')
+                    break
+
+        if 'attributes' in kwargs:
+            self.__valid_exec_target(kwargs.get('agent_id'), kwargs.get('query_expr'))
+
+            ci_type = CITypeCache.get(existed.type_id)
+            unique = AttributeCache.get(ci_type.unique_id)
+            if unique and unique.name not in (kwargs.get('attributes') or {}).values():
+                current_app.logger.warning((unique.name, kwargs.get('attributes'), ci_type.alias))
+                return abort(400, ErrFormat.ad_not_unique_key.format(unique.name))
 
         if isinstance(kwargs.get('extra_option'), dict) and kwargs['extra_option'].get('secret'):
             if current_user.uid != existed.uid:
                 return abort(403, ErrFormat.adt_secret_no_permission)
+        if isinstance(kwargs.get('extra_option'), dict) and kwargs['extra_option'].get('password'):
+            if current_user.uid != existed.uid:
+                return abort(403, ErrFormat.adt_secret_no_permission)
 
         return existed
 
@@ -289,10 +455,22 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
         if kwargs.get('is_plugin') and kwargs.get('plugin_script'):
             kwargs = check_plugin_script(**kwargs)
 
-        if isinstance(kwargs.get('extra_option'), dict) and kwargs['extra_option'].get('secret'):
+        encrypt_account(kwargs.get('extra_option'))
-            kwargs['extra_option']['secret'] = AESCrypto.encrypt(kwargs['extra_option']['secret'])
 
-        return super(AutoDiscoveryCITypeCRUD, self).update(_id, filter_none=False, **kwargs)
+        inst = self._can_update(_id=_id, **kwargs)
+        if len(kwargs) == 1 and 'enabled' in kwargs:  # enable or disable
+            pass
+        elif inst.agent_id != kwargs.get('agent_id') or inst.query_expr != kwargs.get('query_expr'):
+            for item in AutoDiscoveryRuleSyncHistory.get_by(adt_id=inst.id, to_dict=False):
+                item.delete(commit=False)
+            db.session.commit()
+
+            SystemConfigManager.create_or_update("ad_rules_updated_at",
+                                                 dict(v=datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")))
+
+        obj = inst.update(_id=_id, filter_none=False, **kwargs)
+
+        return obj
 
     def _can_delete(self, **kwargs):
         if AutoDiscoveryCICRUD.get_by_adt_id(kwargs['_id']):
@@ -303,6 +481,61 @@ class AutoDiscoveryCITypeCRUD(DBMixin):
 
         return existed
 
+    def delete(self, _id):
+        inst = self._can_delete(_id=_id)
+
+        inst.soft_delete()
+
+        for item in AutoDiscoveryRuleSyncHistory.get_by(adt_id=inst.id, to_dict=False):
+            item.delete(commit=False)
+        db.session.commit()
+
+        attributes = self.get_ad_attributes(inst.type_id)
+        for item in AutoDiscoveryCITypeRelationCRUD.get_by_type_id(inst.type_id):
+            if item.ad_key not in attributes:
+                item.soft_delete()
+
+        return inst
+
+
+class AutoDiscoveryCITypeRelationCRUD(DBMixin):
+    cls = AutoDiscoveryCITypeRelation
+
+    @classmethod
+    def get_all(cls, type_ids=None):
+        res = cls.cls.get_by(to_dict=False)
+        return [i for i in res if type_ids is None or i.ad_type_id in type_ids]
+
+    @classmethod
+    def get_by_type_id(cls, type_id, to_dict=False):
+        return cls.cls.get_by(ad_type_id=type_id, to_dict=to_dict)
+
+    def upsert(self, ad_type_id, relations):
+        existed = self.cls.get_by(ad_type_id=ad_type_id, to_dict=False)
+        existed = {(i.ad_key, i.peer_type_id, i.peer_attr_id): i for i in existed}
+
+        new = []
+        for r in relations:
+            k = (r.get('ad_key'), r.get('peer_type_id'), r.get('peer_attr_id'))
+            if len(list(filter(lambda x: x, k))) == 3 and k not in existed:
+                self.cls.create(ad_type_id=ad_type_id, **r)
+
+            new.append(k)
+
+        for deleted in set(existed.keys()) - set(new):
+            existed[deleted].soft_delete()
+
+        return self.get_by_type_id(ad_type_id, to_dict=True)
+
+    def _can_add(self, **kwargs):
+        pass
+
+    def _can_update(self, **kwargs):
+        pass
+
+    def _can_delete(self, **kwargs):
+        pass
+
 
 class AutoDiscoveryCICRUD(DBMixin):
     cls = AutoDiscoveryCI
@@ -337,7 +570,6 @@ class AutoDiscoveryCICRUD(DBMixin):
         adts = AutoDiscoveryCITypeCRUD.get_by_type_id(type_id)
         for adt in adts:
             attr_names |= set((adt.attributes or {}).values())
-
         return [attr for attr in attributes if attr['name'] in attr_names]
 
     @classmethod
@@ -391,16 +623,24 @@ class AutoDiscoveryCICRUD(DBMixin):
         changed = False
         if existed is not None:
             if existed.instance != kwargs['instance']:
+                instance = copy.deepcopy(existed.instance) or {}
+                instance.update(kwargs['instance'])
+                kwargs['instance'] = instance
                 existed.update(filter_none=False, **kwargs)
+                AutoDiscoveryExecHistoryCRUD().add(type_id=adt.type_id,
+                                                   stdout="update resource: {}".format(kwargs.get('unique_value')))
                 changed = True
         else:
             existed = self.cls.create(**kwargs)
+            AutoDiscoveryExecHistoryCRUD().add(type_id=adt.type_id,
+                                               stdout="add resource: {}".format(kwargs.get('unique_value')))
             changed = True
 
         if adt.auto_accept and changed:
             try:
                 self.accept(existed)
             except Exception as e:
+                current_app.logger.error(e)
                 return abort(400, str(e))
         elif changed:
             existed.update(is_accept=False, accept_time=None, accept_by=None, filter_none=False)
@@ -420,6 +660,13 @@ class AutoDiscoveryCICRUD(DBMixin):
 
         inst.delete()
 
+        adt = AutoDiscoveryCIType.get_by_id(inst.adt_id)
+        if adt:
+            adt.update(updated_at=datetime.datetime.now())
+
+        AutoDiscoveryExecHistoryCRUD().add(type_id=inst.type_id,
+                                           stdout="delete resource: {}".format(inst.unique_value))
+
         self._after_delete(inst)
 
         return inst
@@ -435,6 +682,13 @@ class AutoDiscoveryCICRUD(DBMixin):
             not is_app_admin("cmdb") and validate_permission(ci_type.name, ResourceTypeEnum.CI, PermEnum.DELETE, "cmdb")
 
         existed.delete()
+
+        adt = AutoDiscoveryCIType.get_by_id(existed.adt_id)
+        if adt:
+            adt.update(updated_at=datetime.datetime.now())
+
+        AutoDiscoveryExecHistoryCRUD().add(type_id=type_id,
+                                           stdout="delete resource: {}".format(unique_value))
         # TODO: delete ci
 
     @classmethod
@@ -445,36 +699,24 @@ class AutoDiscoveryCICRUD(DBMixin):
         adt = AutoDiscoveryCITypeCRUD.get_by_id(adc.adt_id) or abort(404, ErrFormat.adt_not_found)
 
         ci_id = None
-        if adt.attributes:
-            ci_dict = {adt.attributes[k]: v for k, v in adc.instance.items() if k in adt.attributes}
-            ci_id = CIManager.add(adc.type_id, is_auto_discovery=True, **ci_dict)
 
-        relation_adts = AutoDiscoveryCIType.get_by(type_id=adt.type_id, adr_id=None, to_dict=False)
+        ad_key2attr = adt.attributes or {}
-        for r_adt in relation_adts:
+        if ad_key2attr:
-            if not r_adt.relation or ci_id is None:
+            ci_dict = {ad_key2attr[k]: None if not v and isinstance(v, (list, dict)) else v
-                continue
+                       for k, v in adc.instance.items() if k in ad_key2attr}
-            for ad_key in r_adt.relation:
+            extra_option = adt.extra_option or {}
-                if not adc.instance.get(ad_key):
+            mapping, path_mapping = AutoDiscoveryHTTPManager.get_predefined_value_mapping(
-                    continue
+                extra_option.get('provider'), extra_option.get('category'))
-                cmdb_key = r_adt.relation[ad_key]
+            if mapping:
-                query = "_type:{},{}:{}".format(cmdb_key.get('type_name'), cmdb_key.get('attr_name'),
+                ci_dict = {k: (mapping.get(k) or {}).get(str(v), v) for k, v in ci_dict.items()}
-                                                adc.instance.get(ad_key))
+            if path_mapping:
-                s = search(query)
+                ci_dict = {k: jsonpath.jsonpath(v, path_mapping[k]) if k in path_mapping else v
-                try:
+                           for k, v in ci_dict.items()}
-                    response, _, _, _, _, _ = s.search()
+            ci_id = CIManager.add(adc.type_id, is_auto_discovery=True, _is_admin=True, **ci_dict)
-                except SearchError as e:
+            AutoDiscoveryExecHistoryCRUD().add(type_id=adt.type_id,
-                    current_app.logger.warning(e)
+                                               stdout="accept resource: {}".format(adc.unique_value))
-                    return abort(400, str(e))
 
-                relation_ci_id = response and response[0]['_id']
+        build_relations_for_ad_accept.apply_async(args=(adc.to_dict(), ci_id, ad_key2attr), queue=CMDB_QUEUE)
-                if relation_ci_id:
-                    try:
-                        CIRelationManager.add(ci_id, relation_ci_id)
-                    except:
-                        try:
-                            CIRelationManager.add(relation_ci_id, ci_id)
-                        except:
-                            pass
 
         adc.update(is_accept=True,
                    accept_by=nickname or current_user.nickname,
@@ -485,17 +727,75 @@ class AutoDiscoveryCICRUD(DBMixin):
 class AutoDiscoveryHTTPManager(object):
     @staticmethod
     def get_categories(name):
-        return (ClOUD_MAP.get(name) or {}).get('categories') or []
+        categories = (CLOUD_MAP.get(name) or {}) or []
+        for item in copy.deepcopy(categories):
+            item.pop('map', None)
+            item.pop('collect_key_map', None)
 
-    @staticmethod
+        return categories
-    def get_attributes(name, category):
+
-        tpt = ((ClOUD_MAP.get(name) or {}).get('map') or {}).get(category)
+    def get_resources(self, name):
-        if tpt and os.path.exists(os.path.join(PWD, tpt)):
+        en_name = None
-            with open(os.path.join(PWD, tpt)) as f:
+        for i in DEFAULT_INNER:
-                return json.loads(f.read())
+            if i['name'] == name:
+                en_name = i['en']
+                break
+
+        if en_name:
+            categories = self.get_categories(en_name)
+
+            return [j for i in categories for j in i['items']]
 
         return []
 
+    @staticmethod
+    def get_attributes(provider, resource):
+        for item in (CLOUD_MAP.get(provider) or {}):
+            for _resource in (item.get('map') or {}):
+                if _resource == resource:
+                    tpt = item['map'][_resource]
+                    if isinstance(tpt, dict):
+                        tpt = tpt.get('template')
+                    if tpt and os.path.exists(os.path.join(PWD, tpt)):
+                        with open(os.path.join(PWD, tpt)) as f:
+                            return json.loads(f.read())
+
+        return []
+
+    @staticmethod
+    def get_mapping(provider, resource):
+        for item in (CLOUD_MAP.get(provider) or {}):
+            for _resource in (item.get('map') or {}):
+                if _resource == resource:
+                    mapping = item['map'][_resource]
+                    if not isinstance(mapping, dict):
+                        return {}
+                    name = mapping.get('mapping')
+                    mapping = AutoDiscoveryMappingCache.get(name)
+                    if isinstance(mapping, dict):
+                        return {mapping[key][provider]['key'].split('.')[0]: key for key in mapping if
+                                (mapping[key].get(provider) or {}).get('key')}
+
+        return {}
+
+    @staticmethod
+    def get_predefined_value_mapping(provider, resource):
+        for item in (CLOUD_MAP.get(provider) or {}):
+            for _resource in (item.get('map') or {}):
+                if _resource == resource:
+                    mapping = item['map'][_resource]
+                    if not isinstance(mapping, dict):
+                        return {}, {}
+                    name = mapping.get('mapping')
+                    mapping = AutoDiscoveryMappingCache.get(name)
+                    if isinstance(mapping, dict):
+                        return ({key: mapping[key][provider].get('map') for key in mapping if
+                                 mapping[key].get(provider, {}).get('map')},
+                                {key: mapping[key][provider]['key'].split('.', 1)[1] for key in mapping if
+                                 ((mapping[key].get(provider) or {}).get('key') or '').split('.')[1:]})
+
+        return {}, {}
+
 
 class AutoDiscoverySNMPManager(object):
 
@@ -506,3 +806,191 @@ class AutoDiscoverySNMPManager(object):
                 return json.loads(f.read())
 
         return []
+
+
+class AutoDiscoveryComponentsManager(object):
+
+    @staticmethod
+    def get_attributes(name):
+        if os.path.exists(os.path.join(PWD, "templates/{}.json".format(name))):
+            with open(os.path.join(PWD, "templates/{}.json".format(name))) as f:
+                return json.loads(f.read())
+
+        return []
+
+
+class AutoDiscoveryRuleSyncHistoryCRUD(DBMixin):
+    cls = AutoDiscoveryRuleSyncHistory
+
+    def _can_add(self, **kwargs):
+        pass
+
+    def _can_update(self, **kwargs):
+        pass
+
+    def _can_delete(self, **kwargs):
+        pass
+
+    def upsert(self, **kwargs):
+        existed = self.cls.get_by(adt_id=kwargs.get('adt_id'),
+                                  oneagent_id=kwargs.get('oneagent_id'),
+                                  oneagent_name=kwargs.get('oneagent_name'),
+                                  first=True,
+                                  to_dict=False)
+
+        if existed is not None:
+            existed.update(**kwargs)
+        else:
+            self.cls.create(**kwargs)
+
+
+class AutoDiscoveryExecHistoryCRUD(DBMixin):
+    cls = AutoDiscoveryExecHistory
+
+    def _can_add(self, **kwargs):
+        pass
+
+    def _can_update(self, **kwargs):
+        pass
+
+    def _can_delete(self, **kwargs):
+        pass
+
+
+class AutoDiscoveryCounterCRUD(DBMixin):
+    cls = AutoDiscoveryCounter
+
+    def get(self, type_id):
+        res = self.cls.get_by(type_id=type_id, first=True, to_dict=True)
+        if res is None:
+            return dict(rule_count=0, exec_target_count=0, instance_count=0, accept_count=0,
+                        this_month_count=0, this_week_count=0, last_month_count=0, last_week_count=0)
+
+        return res
+
+    def _can_add(self, **kwargs):
+        pass
+
+    def _can_update(self, **kwargs):
+        pass
+
+    def _can_delete(self, **kwargs):
+        pass
+
+
+def encrypt_account(config):
+    if isinstance(config, dict):
+        if config.get('secret'):
+            config['secret'] = AESCrypto.encrypt(config['secret'])
+        if config.get('password'):
+            config['password'] = AESCrypto.encrypt(config['password'])
+
+
+def decrypt_account(config, uid):
+    if isinstance(config, dict):
+        if config.get('password'):
+            if not (current_user.username in PRIVILEGED_USERS or current_user.uid == uid):
+                config.pop('password', None)
+            else:
+                try:
+                    config['password'] = AESCrypto.decrypt(config['password'])
+                except Exception as e:
+                    current_app.logger.error('decrypt account failed: {}'.format(e))
+
+        if config.get('secret'):
+            if not (current_user.username in PRIVILEGED_USERS or current_user.uid == uid):
+                config.pop('secret', None)
+            else:
+                try:
+                    config['secret'] = AESCrypto.decrypt(config['secret'])
+                except Exception as e:
+                    current_app.logger.error('decrypt account failed: {}'.format(e))
+
+
+class AutoDiscoveryAccountCRUD(DBMixin):
+    cls = AutoDiscoveryAccount
+
+    def get(self, adr_id):
+        res = self.cls.get_by(adr_id=adr_id, to_dict=True)
+
+        for i in res:
+            decrypt_account(i.get('config'), i['uid'])
+
+        return res
+
+    def get_config_by_id(self, _id):
+        res = self.cls.get_by_id(_id)
+        if not res:
+            return {}
+
+        config = res.to_dict().get('config') or {}
+
+        decrypt_account(config, res.uid)
+
+        return config
+
+    def _can_add(self, **kwargs):
+        encrypt_account(kwargs.get('config'))
+
+        kwargs['uid'] = current_user.uid
+
+        return kwargs
+
+    def upsert(self, adr_id, accounts):
+        existed_all = self.cls.get_by(adr_id=adr_id, to_dict=False)
+        account_names = {i['name'] for i in accounts}
+
+        name_changed = dict()
+        for account in accounts:
+            existed = None
+            if account.get('id'):
+                existed = self.cls.get_by_id(account.get('id'))
+                if existed is None:
+                    continue
+
+                account.pop('id')
+                name_changed[existed.name] = account.get('name')
+            else:
+                account = self._can_add(**account)
+
+            if existed is not None:
+                if current_user.uid == existed.uid:
+                    config = copy.deepcopy(existed.config) or {}
+                    config.update(account.get('config') or {})
+                    account['config'] = config
+                    existed.update(**account)
+            else:
+                self.cls.create(adr_id=adr_id, **account)
+
+        for item in existed_all:
+            if name_changed.get(item.name, item.name) not in account_names:
+                if current_user.uid == item.uid:
+                    item.soft_delete()
+
+    def _can_update(self, **kwargs):
+        existed = self.cls.get_by_id(kwargs['_id']) or abort(404, ErrFormat.not_found)
+
+        if isinstance(kwargs.get('config'), dict) and kwargs['config'].get('secret'):
+            if current_user.uid != existed.uid:
+                return abort(403, ErrFormat.adt_secret_no_permission)
+        if isinstance(kwargs.get('config'), dict) and kwargs['config'].get('password'):
+            if current_user.uid != existed.uid:
+                return abort(403, ErrFormat.adt_secret_no_permission)
+
+        return existed
+
+    def update(self, _id, **kwargs):
+
+        if kwargs.get('is_plugin') and kwargs.get('plugin_script'):
+            kwargs = check_plugin_script(**kwargs)
+
+        encrypt_account(kwargs.get('config'))
+
+        inst = self._can_update(_id=_id, **kwargs)
+
+        obj = inst.update(_id=_id, filter_none=False, **kwargs)
+
+        return obj
+
+    def _can_delete(self, **kwargs):
+        pass

cmdb-api/api/lib/cmdb/auto_discovery/const.py

@@ -2,15 +2,38 @@
 
 from api.lib.cmdb.const import AutoDiscoveryType
 
-DEFAULT_HTTP = [
+PRIVILEGED_USERS = ("cmdb_agent", "worker", "admin")
-    dict(name="阿里云", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
+
-         option={'icon': {'name': 'caise-aliyun'}}),
+DEFAULT_INNER = [
-    dict(name="腾讯云", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
+    dict(name="阿里云", en="aliyun", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
-         option={'icon': {'name': 'caise-tengxunyun'}}),
+         option={'icon': {'name': 'caise-aliyun'}, "en": "aliyun"}),
-    dict(name="华为云", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
+    dict(name="腾讯云", en="tencentcloud", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
-         option={'icon': {'name': 'caise-huaweiyun'}}),
+         option={'icon': {'name': 'caise-tengxunyun'}, "en": "tencentcloud"}),
-    dict(name="AWS", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
+    dict(name="华为云", en="huaweicloud", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
-         option={'icon': {'name': 'caise-aws'}}),
+         option={'icon': {'name': 'caise-huaweiyun'}, "en": "huaweicloud"}),
+    dict(name="AWS", en="aws", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'caise-aws'}, "en": "aws"}),
+
+    dict(name="VCenter", en="vcenter", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'cmdb-vcenter'}, "category": "private_cloud", "en": "vcenter"}),
+    dict(name="KVM", en="kvm", type=AutoDiscoveryType.HTTP, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'ops-KVM'}, "category": "private_cloud", "en": "kvm"}),
+
+
+    dict(name="Nginx", en="nginx", type=AutoDiscoveryType.COMPONENTS, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'caise-nginx'}, "en": "nginx", "collect_key": "nginx"}),
+    dict(name="Apache", en="apache", type=AutoDiscoveryType.COMPONENTS, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'caise-apache'}, "en": "apache", "collect_key": "apache"}),
+    dict(name="Tomcat", en="tomcat", type=AutoDiscoveryType.COMPONENTS, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'caise-tomcat'}, "en": "tomcat", "collect_key": "tomcat"}),
+    dict(name="MySQL", en="mysql", type=AutoDiscoveryType.COMPONENTS, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'caise-mySQL'}, "en": "mysql", "collect_key": "mysql"}),
+    dict(name="MSSQL", en="mssql", type=AutoDiscoveryType.COMPONENTS, is_inner=True, is_plugin=False,
+             option={'icon': {'name': 'caise-SQLServer'}, "en": "mssql", "collect_key": "sqlserver"}),
+    dict(name="Oracle", en="oracle", type=AutoDiscoveryType.COMPONENTS, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'caise-oracle'}, "en": "oracle", "collect_key": "oracle"}),
+    dict(name="Redis", en="redis", type=AutoDiscoveryType.COMPONENTS, is_inner=True, is_plugin=False,
+         option={'icon': {'name': 'caise-redis'}, "en": "redis", "collect_key": "redis"}),
 
     dict(name="交换机", type=AutoDiscoveryType.SNMP, is_inner=True, is_plugin=False,
          option={'icon': {'name': 'caise-jiaohuanji'}}),
@@ -22,32 +45,307 @@ DEFAULT_HTTP = [
          option={'icon': {'name': 'caise-dayinji'}}),
 ]
 
-ClOUD_MAP = {
+CLOUD_MAP = {
-    "aliyun": {
+    "aliyun": [
-        "categories": ["云服务器 ECS"],
+        {
-        "map": {
+            "category": "计算",
-            "云服务器 ECS": "templates/aliyun_ecs.json",
+            "items": ["云服务器 ECS", "云服务器 Disk"],
-        }
+            "map": {
-    },
+                "云服务器 ECS": {"template": "templates/aliyun_ecs.json", "mapping": "ecs"},
-
+                "云服务器 Disk": {"template": "templates/aliyun_ecs_disk.json", "mapping": "evs"},
-    "tencentcloud": {
+            },
-        "categories": ["云服务器 CVM"],
+            "collect_key_map": {
-        "map": {
+                "云服务器 ECS": "ali.ecs",
-            "云服务器 CVM": "templates/tencent_cvm.json",
+                "云服务器 Disk": "ali.ecs_disk",
-        }
+            },
-    },
+        },
-
+        {
-    "huaweicloud": {
+            "category": "网络与CDN",
-        "categories": ["云服务器 ECS"],
+            "items": [
-        "map": {
+                "内容分发CDN",
-            "云服务器 ECS": "templates/huaweicloud_ecs.json",
+                "负载均衡SLB",
-        }
+                "专有网络VPC",
-    },
+                "交换机Switch",
-
+            ],
-    "aws": {
+            "map": {
-        "categories": ["云服务器 EC2"],
+                "内容分发CDN": {"template": "templates/aliyun_cdn.json", "mapping": "CDN"},
-        "map": {
+                "负载均衡SLB": {"template": "templates/aliyun_slb.json", "mapping": "loadbalancer"},
-            "云服务器 EC2": "templates/aws_ec2.json",
+                "专有网络VPC": {"template": "templates/aliyun_vpc.json", "mapping": "vpc"},
-        }
+                "交换机Switch": {"template": "templates/aliyun_switch.json", "mapping": "vswitch"},
-    },
+            },
+            "collect_key_map": {
+                "内容分发CDN": "ali.cdn",
+                "负载均衡SLB": "ali.slb",
+                "专有网络VPC": "ali.vpc",
+                "交换机Switch": "ali.switch",
+            },
+        },
+        {
+            "category": "存储",
+            "items": ["块存储EBS", "对象存储OSS"],
+            "map": {
+                "块存储EBS": {"template": "templates/aliyun_ebs.json", "mapping": "evs"},
+                "对象存储OSS": {"template": "templates/aliyun_oss.json", "mapping": "objectStorage"},
+            },
+            "collect_key_map": {
+                "块存储EBS": "ali.ebs",
+                "对象存储OSS": "ali.oss",
+            },
+        },
+        {
+            "category": "数据库",
+            "items": ["云数据库RDS MySQL", "云数据库RDS PostgreSQL", "云数据库 Redis"],
+            "map": {
+                "云数据库RDS MySQL": {"template": "templates/aliyun_rds_mysql.json", "mapping": "mysql"},
+                "云数据库RDS PostgreSQL": {"template": "templates/aliyun_rds_postgre.json", "mapping": "postgresql"},
+                "云数据库 Redis": {"template": "templates/aliyun_redis.json", "mapping": "redis"},
+            },
+            "collect_key_map": {
+                "云数据库RDS MySQL": "ali.rds_mysql",
+                "云数据库RDS PostgreSQL": "ali.rds_postgre",
+                "云数据库 Redis": "ali.redis",
+            },
+        },
+    ],
+    "tencentcloud": [
+        {
+            "category": "计算",
+            "items": ["云服务器 CVM"],
+            "map": {
+                "云服务器 CVM": {"template": "templates/tencent_cvm.json", "mapping": "ecs"},
+            },
+            "collect_key_map": {
+                "云服务器 CVM": "tencent.cvm",
+            },
+        },
+        {
+            "category": "CDN与边缘",
+            "items": ["内容分发CDN"],
+            "map": {
+                "内容分发CDN": {"template": "templates/tencent_cdn.json", "mapping": "CDN"},
+            },
+            "collect_key_map": {
+                "内容分发CDN": "tencent.cdn",
+            },
+        },
+        {
+            "category": "网络",
+            "items": ["负载均衡CLB", "私有网络VPC", "子网"],
+            "map": {
+                "负载均衡CLB": {"template": "templates/tencent_clb.json", "mapping": "loadbalancer"},
+                "私有网络VPC": {"template": "templates/tencent_vpc.json", "mapping": "vpc"},
+                "子网": {"template": "templates/tencent_subnet.json", "mapping": "vswitch"},
+            },
+            "collect_key_map": {
+                "负载均衡CLB": "tencent.clb",
+                "私有网络VPC": "tencent.vpc",
+                "子网": "tencent.subnet",
+            },
+        },
+        {
+            "category": "存储",
+            "items": ["云硬盘CBS", "对象存储COS"],
+            "map": {
+                "云硬盘CBS": {"template": "templates/tencent_cbs.json", "mapping": "evs"},
+                "对象存储COS": {"template": "templates/tencent_cos.json", "mapping": "objectStorage"},
+            },
+            "collect_key_map": {
+                "云硬盘CBS": "tencent.cbs",
+                "对象存储COS": "tencent.cos",
+            },
+        },
+        {
+            "category": "数据库",
+            "items": ["云数据库 MySQL", "云数据库 PostgreSQL", "云数据库 Redis"],
+            "map": {
+                "云数据库 MySQL": {"template": "templates/tencent_rdb.json", "mapping": "mysql"},
+                "云数据库 PostgreSQL": {"template": "templates/tencent_postgres.json", "mapping": "postgresql"},
+                "云数据库 Redis": {"template": "templates/tencent_redis.json", "mapping": "redis"},
+            },
+            "collect_key_map": {
+                "云数据库 MySQL": "tencent.rdb",
+                "云数据库 PostgreSQL": "tencent.rds_postgres",
+                "云数据库 Redis": "tencent.redis",
+            },
+        },
+    ],
+    "huaweicloud": [
+        {
+            "category": "计算",
+            "items": ["云服务器 ECS"],
+            "map": {
+                "云服务器 ECS": {"template": "templates/huaweicloud_ecs.json", "mapping": "ecs"},
+            },
+            "collect_key_map": {
+                "云服务器 ECS": "huawei.ecs",
+            },
+        },
+        {
+            "category": "CDN与智能边缘",
+            "items": ["内容分发网络CDN"],
+            "map": {
+                "内容分发网络CDN": {"template": "templates/huawei_cdn.json", "mapping": "CDN"},
+            },
+            "collect_key_map": {
+                "内容分发网络CDN": "huawei.cdn",
+            },
+        },
+        {
+            "category": "网络",
+            "items": ["弹性负载均衡ELB", "虚拟私有云VPC", "子网"],
+            "map": {
+                "弹性负载均衡ELB": {"template": "templates/huawei_elb.json", "mapping": "loadbalancer"},
+                "虚拟私有云VPC": {"template": "templates/huawei_vpc.json", "mapping": "vpc"},
+                "子网": {"template": "templates/huawei_subnet.json", "mapping": "vswitch"},
+            },
+            "collect_key_map": {
+                "弹性负载均衡ELB": "huawei.elb",
+                "虚拟私有云VPC": "huawei.vpc",
+                "子网": "huawei.subnet",
+            },
+        },
+        {
+            "category": "存储",
+            "items": ["云硬盘EVS", "对象存储OBS"],
+            "map": {
+                "云硬盘EVS": {"template": "templates/huawei_evs.json", "mapping": "evs"},
+                "对象存储OBS": {"template": "templates/huawei_obs.json", "mapping": "objectStorage"},
+            },
+            "collect_key_map": {
+                "云硬盘EVS": "huawei.evs",
+                "对象存储OBS": "huawei.obs",
+            },
+        },
+        {
+            "category": "数据库",
+            "items": ["云数据库RDS MySQL", "云数据库RDS PostgreSQL"],
+            "map": {
+                "云数据库RDS MySQL": {"template": "templates/huawei_rds_mysql.json", "mapping": "mysql"},
+                "云数据库RDS PostgreSQL": {"template": "templates/huawei_rds_postgre.json", "mapping": "postgresql"},
+            },
+            "collect_key_map": {
+                "云数据库RDS MySQL": "huawei.rds_mysql",
+                "云数据库RDS PostgreSQL": "huawei.rds_postgre",
+            },
+        },
+        {
+            "category": "应用中间件",
+            "items": ["分布式缓存Redis"],
+            "map": {
+                "分布式缓存Redis": {"template": "templates/huawei_dcs.json", "mapping": "redis"},
+            },
+            "collect_key_map": {
+                "分布式缓存Redis": "huawei.dcs",
+            },
+        },
+    ],
+    "aws": [
+        {
+            "category": "计算",
+            "items": ["云服务器 EC2"],
+            "map": {
+                "云服务器 EC2": {"template": "templates/aws_ec2.json", "mapping": "ecs"},
+            },
+            "collect_key_map": {
+                "云服务器 EC2": "aws.ec2",
+            },
+        },
+        {"category": "网络与CDN", "items": [], "map": {}, "collect_key_map": {}},
+    ],
+    "vcenter": [
+        {
+            "category": "计算",
+            "items": [
+                "主机",
+                "虚拟机",
+                "主机集群"
+            ],
+            "map": {
+                "主机": "templates/vsphere_host.json",
+                "虚拟机": "templates/vsphere_vm.json",
+                "主机集群": "templates/vsphere_cluster.json",
+            },
+            "collect_key_map": {
+                "主机": "vsphere.host",
+                "虚拟机": "vsphere.vm",
+                "主机集群": "vsphere.cluster",
+            },
+        },
+        {
+            "category": "网络",
+            "items": [
+                "网络",
+                "标准交换机",
+                "分布式交换机",
+            ],
+            "map": {
+                "网络": "templates/vsphere_network.json",
+                "标准交换机": "templates/vsphere_standard_switch.json",
+                "分布式交换机": "templates/vsphere_distributed_switch.json",
+            },
+            "collect_key_map": {
+                "网络": "vsphere.network",
+                "标准交换机": "vsphere.standard_switch",
+                "分布式交换机": "vsphere.distributed_switch",
+            },
+        },
+        {
+            "category": "存储",
+            "items": ["数据存储", "数据存储集群"],
+            "map": {
+                "数据存储": "templates/vsphere_datastore.json",
+                "数据存储集群": "templates/vsphere_storage_pod.json",
+            },
+            "collect_key_map": {
+                "数据存储": "vsphere.datastore",
+                "数据存储集群": "vsphere.storage_pod",
+            },
+        },
+        {
+            "category": "其他",
+            "items": ["资源池", "数据中心", "文件夹"],
+            "map": {
+                "资源池": "templates/vsphere_pool.json",
+                "数据中心": "templates/vsphere_datacenter.json",
+                "文件夹": "templates/vsphere_folder.json",
+            },
+            "collect_key_map": {
+                "资源池": "vsphere.pool",
+                "数据中心": "vsphere.datacenter",
+                "文件夹": "vsphere.folder",
+            },
+        },
+    ],
+    "kvm": [
+        {
+            "category": "计算",
+            "items": ["虚拟机"],
+            "map": {
+                "虚拟机": "templates/kvm_vm.json",
+            },
+            "collect_key_map": {
+                "虚拟机": "kvm.vm",
+            },
+        },
+        {
+            "category": "存储",
+            "items": ["存储"],
+            "map": {
+                "存储": "templates/kvm_storage.json",
+            },
+            "collect_key_map": {
+                "存储": "kvm.storage",
+            },
+        },
+        {
+            "category": "network",
+            "items": ["网络"],
+            "map": {
+                "网络": "templates/kvm_network.json",
+            },
+            "collect_key_map": {
+                "网络": "kvm.network",
+            },
+        },
+    ],
 }

cmdb-api/api/lib/cmdb/cache.py

@@ -2,12 +2,21 @@
 
 from __future__ import unicode_literals
 
+import datetime
+import os
+import yaml
+
 from flask import current_app
 
 from api.extensions import cache
 from api.extensions import db
 from api.lib.cmdb.custom_dashboard import CustomDashboardManager
-from api.models.cmdb import Attribute
+from api.models.cmdb import Attribute, AutoDiscoveryExecHistory
+from api.models.cmdb import AutoDiscoveryCI
+from api.models.cmdb import AutoDiscoveryCIType
+from api.models.cmdb import AutoDiscoveryCITypeRelation
+from api.models.cmdb import AutoDiscoveryCounter
+from api.models.cmdb import AutoDiscoveryRuleSyncHistory
 from api.models.cmdb import CI
 from api.models.cmdb import CIType
 from api.models.cmdb import CITypeAttribute
@@ -448,7 +457,67 @@ class CMDBCounterCache(object):
 
         cache.set(cls.KEY2, result, timeout=0)
 
-        return result
+        res = db.session.query(AutoDiscoveryCI.created_at,
+                               AutoDiscoveryCI.updated_at,
+                               AutoDiscoveryCI.adt_id,
+                               AutoDiscoveryCI.type_id,
+                               AutoDiscoveryCI.is_accept).filter(AutoDiscoveryCI.deleted.is_(False))
+
+        today = datetime.datetime.today()
+        this_month = datetime.datetime(today.year, today.month, 1)
+        last_month = this_month - datetime.timedelta(days=1)
+        last_month = datetime.datetime(last_month.year, last_month.month, 1)
+        this_week = today - datetime.timedelta(days=datetime.date.weekday(today))
+        this_week = datetime.datetime(this_week.year, this_week.month, this_week.day)
+        last_week = this_week - datetime.timedelta(days=7)
+        last_week = datetime.datetime(last_week.year, last_week.month, last_week.day)
+        result = dict()
+        for i in res:
+            if i.type_id not in result:
+                result[i.type_id] = dict(instance_count=0, accept_count=0,
+                                         this_month_count=0, this_week_count=0, last_month_count=0, last_week_count=0)
+
+                adts = AutoDiscoveryCIType.get_by(type_id=i.type_id, to_dict=False)
+                result[i.type_id]['rule_count'] = len(adts) + AutoDiscoveryCITypeRelation.get_by(
+                    ad_type_id=i.type_id, only_query=True).count()
+                result[i.type_id]['exec_target_count'] = len(
+                    set([i.oneagent_id for adt in adts for i in db.session.query(
+                        AutoDiscoveryRuleSyncHistory.oneagent_id).filter(
+                        AutoDiscoveryRuleSyncHistory.adt_id == adt.id)]))
+
+            result[i.type_id]['instance_count'] += 1
+            if i.is_accept:
+                result[i.type_id]['accept_count'] += 1
+
+            if last_month <= i.created_at < this_month:
+                result[i.type_id]['last_month_count'] += 1
+            elif i.created_at >= this_month:
+                result[i.type_id]['this_month_count'] += 1
+
+            if last_week <= i.created_at < this_week:
+                result[i.type_id]['last_week_count'] += 1
+            elif i.created_at >= this_week:
+                result[i.type_id]['this_week_count'] += 1
+
+        for type_id in result:
+            existed = AutoDiscoveryCounter.get_by(type_id=type_id, first=True, to_dict=False)
+            if existed is None:
+                AutoDiscoveryCounter.create(type_id=type_id, **result[type_id])
+            else:
+                existed.update(**result[type_id])
+
+        for i in AutoDiscoveryCounter.get_by(to_dict=False):
+            if i.type_id not in result:
+                i.delete()
+
+    @classmethod
+    def clear_ad_exec_history(cls):
+        ci_types = CIType.get_by(to_dict=False)
+        for ci_type in ci_types:
+            for i in AutoDiscoveryExecHistory.get_by(type_id=ci_type.id, only_query=True).order_by(
+                    AutoDiscoveryExecHistory.id.desc()).offset(50000):
+                i.delete(commit=False)
+            db.session.commit()
 
     @classmethod
     def get_adc_counter(cls):
@@ -479,3 +548,20 @@ class CMDBCounterCache(object):
     @classmethod
     def get_sub_counter(cls):
         return cache.get(cls.KEY3) or cls.flush_sub_counter()
+
+
+class AutoDiscoveryMappingCache(object):
+    PREFIX = 'CMDB::AutoDiscovery::Mapping::{}'
+
+    @classmethod
+    def get(cls, name):
+        res = cache.get(cls.PREFIX.format(name)) or {}
+        if not res:
+            path = os.path.join(os.path.abspath(os.path.dirname(__file__)), "auto_discovery/mapping/{}.yaml".format(name))
+            if os.path.exists(path):
+                with open(path, 'r') as f:
+                    mapping = yaml.safe_load(f)
+                    res = mapping.get('mapping') or {}
+                    res and cache.set(cls.PREFIX.format(name), res, timeout=0)
+
+        return res

cmdb-api/api/lib/cmdb/ci.py

@@ -4,12 +4,12 @@
 import copy
 import datetime
 import json
-import threading
-
 import redis_lock
+import threading
 from flask import abort
 from flask import current_app
 from flask_login import current_user
+from sqlalchemy.orm import aliased
 from werkzeug.exceptions import BadRequest
 
 from api.extensions import db
@@ -28,6 +28,7 @@ from api.lib.cmdb.const import ExistPolicy
 from api.lib.cmdb.const import OperateType
 from api.lib.cmdb.const import PermEnum
 from api.lib.cmdb.const import REDIS_PREFIX_CI
+from api.lib.cmdb.const import RelationSourceEnum
 from api.lib.cmdb.const import ResourceTypeEnum
 from api.lib.cmdb.const import RetKey
 from api.lib.cmdb.const import ValueTypeEnum
@@ -217,13 +218,13 @@ class CIManager(object):
 
     @classmethod
     def get_ad_statistics(cls):
-        return CMDBCounterCache.get_adc_counter()
+        return CMDBCounterCache.get_adc_counter() or {}
 
     @staticmethod
     def ci_is_exist(unique_key, unique_value, type_id):
         """
 
-        :param unique_key: is a attribute
+        :param unique_key: is an attribute
         :param unique_value:
         :param type_id:
         :return:
@@ -318,8 +319,8 @@ class CIManager(object):
             400, ErrFormat.unique_value_not_found.format("unique_id={}".format(ci_type.unique_id)))
 
         unique_value = None
-        if not (unique_key.default and unique_key.default.get('default') == AttributeDefaultValueEnum.AUTO_INC_ID and
+        # primary key is not auto inc id
-                not ci_dict.get(unique_key.name)):  # primary key is not auto inc id
+        if not (unique_key.default and unique_key.default.get('default') == AttributeDefaultValueEnum.AUTO_INC_ID):
             unique_value = ci_dict.get(unique_key.name) or ci_dict.get(unique_key.alias) or ci_dict.get(unique_key.id)
             unique_value = unique_value or abort(400, ErrFormat.unique_key_required.format(unique_key.name))
 
@@ -327,7 +328,8 @@ class CIManager(object):
         ci_type_attrs_name = {attr.name: attr for _, attr in attrs}
         ci_type_attrs_alias = {attr.alias: attr for _, attr in attrs}
         ci_attr2type_attr = {type_attr.attr_id: type_attr for type_attr, _ in attrs}
-
+        ci_type_attrs_name_alias = {**ci_type_attrs_name, **ci_type_attrs_alias}
+        
         ci = None
         record_id = None
         password_dict = {}
@@ -381,17 +383,15 @@ class CIManager(object):
             for _, attr in attrs:
                 if attr.is_computed:
                     computed_attrs.append(attr.to_dict())
+                    ci_dict[attr.name] = None
                 elif attr.is_password:
                     if attr.name in ci_dict:
-                        password_dict[attr.id] = ci_dict.pop(attr.name)
+                        password_dict[attr.id] = (ci_dict.pop(attr.name), attr.is_dynamic)
                     elif attr.alias in ci_dict:
-                        password_dict[attr.id] = ci_dict.pop(attr.alias)
+                        password_dict[attr.id] = (ci_dict.pop(attr.alias), attr.is_dynamic)
 
                     if attr.re_check and password_dict.get(attr.id):
-                        value_manager.check_re(attr.re_check, password_dict[attr.id])
+                        value_manager.check_re(attr.re_check, attr.alias, password_dict[attr.id][0])
-
-            if computed_attrs:
-                value_manager.handle_ci_compute_attributes(ci_dict, computed_attrs, ci)
 
             cls._valid_unique_constraint(ci_type.id, ci_dict, ci and ci.id)
 
@@ -413,15 +413,19 @@ class CIManager(object):
                     else:
                         ci_dict.pop(k)
 
-            ci_dict = {k: v for k, v in ci_dict.items() if k in ci_type_attrs_name or k in ci_type_attrs_alias}
+            ci_dict = {ci_type_attrs_name_alias[k].name: v for k, v in ci_dict.items() if k in ci_type_attrs_name_alias}
 
             key2attr = value_manager.valid_attr_value(ci_dict, ci_type.id, ci and ci.id,
                                                       ci_type_attrs_name, ci_type_attrs_alias, ci_attr2type_attr)
 
+            if computed_attrs:
+                value_manager.handle_ci_compute_attributes(ci_dict, computed_attrs, ci)
+
             operate_type = OperateType.UPDATE if ci is not None else OperateType.ADD
             try:
                 ci = ci or CI.create(type_id=ci_type.id, is_auto_discovery=is_auto_discovery)
-                record_id = value_manager.create_or_update_attr_value(ci, ci_dict, key2attr, ticket_id=ticket_id)
+                record_id, has_dynamic = value_manager.create_or_update_attr_value(
+                    ci, ci_dict, key2attr, ticket_id=ticket_id)
             except BadRequest as e:
                 if existed is None:
                     cls.delete(ci.id)
@@ -431,7 +435,7 @@ class CIManager(object):
             for attr_id in password_dict:
                 record_id = cls.save_password(ci.id, attr_id, password_dict[attr_id], record_id, ci_type.id)
 
-        if record_id:  # has change
+        if record_id or has_dynamic:  # has changed
             ci_cache.apply_async(args=(ci.id, operate_type, record_id), queue=CMDB_QUEUE)
 
         if ref_ci_dict:  # add relations
@@ -440,7 +444,6 @@ class CIManager(object):
         return ci.id
 
     def update(self, ci_id, _is_admin=False, ticket_id=None, __sync=False, **ci_dict):
-        current_app.logger.info((ci_id, ci_dict, __sync))
         now = datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S')
         ci = self.confirm_ci_existed(ci_id)
 
@@ -463,17 +466,15 @@ class CIManager(object):
         for _, attr in attrs:
             if attr.is_computed:
                 computed_attrs.append(attr.to_dict())
+                ci_dict[attr.name] = None
             elif attr.is_password:
                 if attr.name in ci_dict:
-                    password_dict[attr.id] = ci_dict.pop(attr.name)
+                    password_dict[attr.id] = (ci_dict.pop(attr.name), attr.is_dynamic)
                 elif attr.alias in ci_dict:
-                    password_dict[attr.id] = ci_dict.pop(attr.alias)
+                    password_dict[attr.id] = (ci_dict.pop(attr.alias), attr.is_dynamic)
 
                 if attr.re_check and password_dict.get(attr.id):
-                    value_manager.check_re(attr.re_check, password_dict[attr.id])
+                    value_manager.check_re(attr.re_check, attr.alias, password_dict[attr.id][0])
-
-        if computed_attrs:
-            value_manager.handle_ci_compute_attributes(ci_dict, computed_attrs, ci)
 
         limit_attrs = self._valid_ci_for_no_read(ci) if not _is_admin else {}
 
@@ -486,6 +487,10 @@ class CIManager(object):
             ci_dict = {k: v for k, v in ci_dict.items() if k in ci_type_attrs_name}
             key2attr = value_manager.valid_attr_value(ci_dict, ci.type_id, ci.id, ci_type_attrs_name,
                                                       ci_attr2type_attr=ci_attr2type_attr)
+
+            if computed_attrs:
+                value_manager.handle_ci_compute_attributes(ci_dict, computed_attrs, ci)
+
             if limit_attrs:
                 for k in copy.deepcopy(ci_dict):
                     if k not in limit_attrs:
@@ -495,7 +500,8 @@ class CIManager(object):
                             ci_dict.pop(k)
 
             try:
-                record_id = value_manager.create_or_update_attr_value(ci, ci_dict, key2attr, ticket_id=ticket_id)
+                record_id, has_dynamic = value_manager.create_or_update_attr_value(
+                    ci, ci_dict, key2attr, ticket_id=ticket_id)
             except BadRequest as e:
                 raise e
 
@@ -503,25 +509,25 @@ class CIManager(object):
             for attr_id in password_dict:
                 record_id = self.save_password(ci.id, attr_id, password_dict[attr_id], record_id, ci.type_id)
 
-        if record_id:  # has change
+        if record_id or has_dynamic:  # has changed
             if not __sync:
                 ci_cache.apply_async(args=(ci_id, OperateType.UPDATE, record_id), queue=CMDB_QUEUE)
             else:
-                ci_cache((ci_id, OperateType.UPDATE, record_id))
+                ci_cache(ci_id, OperateType.UPDATE, record_id)
 
         ref_ci_dict = {k: v for k, v in ci_dict.items() if k.startswith("$") and "." in k}
         if ref_ci_dict:
             if not __sync:
                 ci_relation_add.apply_async(args=(ref_ci_dict, ci.id), queue=CMDB_QUEUE)
             else:
-                ci_relation_add((ref_ci_dict, ci.id))
+                ci_relation_add(ref_ci_dict, ci.id)
 
     @staticmethod
     def update_unique_value(ci_id, unique_name, unique_value):
         ci = CI.get_by_id(ci_id) or abort(404, ErrFormat.ci_not_found.format("id={}".format(ci_id)))
 
         key2attr = {unique_name: AttributeCache.get(unique_name)}
-        record_id = AttributeValueManager().create_or_update_attr_value(ci, {unique_name: unique_value}, key2attr)
+        record_id, _ = AttributeValueManager().create_or_update_attr_value(ci, {unique_name: unique_value}, key2attr)
 
         ci_cache.apply_async(args=(ci_id, OperateType.UPDATE, record_id), queue=CMDB_QUEUE)
 
@@ -736,7 +742,7 @@ class CIManager(object):
                        fields=None, value_tables=None, unique_required=False, excludes=None):
         """
 
-        :param ci_ids: list of CI instance ID, eg. ['1', '2']
+        :param ci_ids: list of CI instance ID, e.g. ['1', '2']
         :param ret_key: name, id or alias
         :param fields:
         :param value_tables:
@@ -761,6 +767,7 @@ class CIManager(object):
 
     @classmethod
     def save_password(cls, ci_id, attr_id, value, record_id, type_id):
+        value, is_dynamic = value
         changed = None
         encrypt_value = None
         value_table = ValueTypeMap.table[ValueTypeEnum.PASSWORD]
@@ -777,14 +784,18 @@ class CIManager(object):
         if existed is None:
             if value:
                 value_table.create(ci_id=ci_id, attr_id=attr_id, value=encrypt_value)
-                changed = [(ci_id, attr_id, OperateType.ADD, '', PASSWORD_DEFAULT_SHOW, type_id)]
+                if not is_dynamic:
+                    changed = [(ci_id, attr_id, OperateType.ADD, '', PASSWORD_DEFAULT_SHOW, type_id)]
         elif existed.value != encrypt_value:
             if value:
                 existed.update(ci_id=ci_id, attr_id=attr_id, value=encrypt_value)
-                changed = [(ci_id, attr_id, OperateType.UPDATE, PASSWORD_DEFAULT_SHOW, PASSWORD_DEFAULT_SHOW, type_id)]
+                if not is_dynamic:
+                    changed = [(ci_id, attr_id, OperateType.UPDATE, PASSWORD_DEFAULT_SHOW,
+                                PASSWORD_DEFAULT_SHOW, type_id)]
             else:
                 existed.delete()
-                changed = [(ci_id, attr_id, OperateType.DELETE, PASSWORD_DEFAULT_SHOW, '', type_id)]
+                if not is_dynamic:
+                    changed = [(ci_id, attr_id, OperateType.DELETE, PASSWORD_DEFAULT_SHOW, '', type_id)]
 
         if current_app.config.get('SECRETS_ENGINE') == 'vault':
             vault = VaultClient(current_app.config.get('VAULT_URL'), current_app.config.get('VAULT_TOKEN'))
@@ -1127,7 +1138,14 @@ class CIRelationManager(object):
                     return abort(400, ErrFormat.relation_constraint.format("1-N"))
 
     @classmethod
-    def add(cls, first_ci_id, second_ci_id, more=None, relation_type_id=None, ancestor_ids=None, valid=True):
+    def add(cls, first_ci_id, second_ci_id,
+            more=None,
+            relation_type_id=None,
+            ancestor_ids=None,
+            valid=True,
+            apply_async=True,
+            source=None,
+            uid=None):
 
         first_ci = CIManager.confirm_ci_existed(first_ci_id)
         second_ci = CIManager.confirm_ci_existed(second_ci_id)
@@ -1139,9 +1157,10 @@ class CIRelationManager(object):
                                     first=True)
         if existed is not None:
             if existed.relation_type_id != relation_type_id and relation_type_id is not None:
-                existed.update(relation_type_id=relation_type_id)
+                source = existed.source or source
+                existed.update(relation_type_id=relation_type_id, source=source)
 
-                CIRelationHistoryManager().add(existed, OperateType.UPDATE)
+                CIRelationHistoryManager().add(existed, OperateType.UPDATE, uid=uid)
         else:
             if relation_type_id is None:
                 type_relation = CITypeRelation.get_by(parent_id=first_ci.type_id,
@@ -1171,11 +1190,13 @@ class CIRelationManager(object):
                 existed = CIRelation.create(first_ci_id=first_ci_id,
                                             second_ci_id=second_ci_id,
                                             relation_type_id=relation_type_id,
-                                            ancestor_ids=ancestor_ids)
+                                            ancestor_ids=ancestor_ids,
-
+                                            source=source)
-                CIRelationHistoryManager().add(existed, OperateType.ADD)
+                CIRelationHistoryManager().add(existed, OperateType.ADD, uid=uid)
-
+                if apply_async:
-                ci_relation_cache.apply_async(args=(first_ci_id, second_ci_id, ancestor_ids), queue=CMDB_QUEUE)
+                    ci_relation_cache.apply_async(args=(first_ci_id, second_ci_id, ancestor_ids), queue=CMDB_QUEUE)
+                else:
+                    ci_relation_cache(first_ci_id, second_ci_id, ancestor_ids)
 
         if more is not None:
             existed.upadte(more=more)
@@ -1183,7 +1204,7 @@ class CIRelationManager(object):
         return existed.id
 
     @staticmethod
-    def delete(cr_id):
+    def delete(cr_id, apply_async=True):
         cr = CIRelation.get_by_id(cr_id) or abort(404, ErrFormat.relation_not_found.format("id={}".format(cr_id)))
 
         if current_app.config.get('USE_ACL') and current_user.username != 'worker':
@@ -1199,8 +1220,12 @@ class CIRelationManager(object):
         his_manager = CIRelationHistoryManager()
         his_manager.add(cr, operate_type=OperateType.DELETE)
 
-        ci_relation_delete.apply_async(args=(cr.first_ci_id, cr.second_ci_id, cr.ancestor_ids), queue=CMDB_QUEUE)
+        if apply_async:
-        delete_id_filter.apply_async(args=(cr.second_ci_id,), queue=CMDB_QUEUE)
+            ci_relation_delete.apply_async(args=(cr.first_ci_id, cr.second_ci_id, cr.ancestor_ids), queue=CMDB_QUEUE)
+            delete_id_filter.apply_async(args=(cr.second_ci_id,), queue=CMDB_QUEUE)
+        else:
+            ci_relation_delete(cr.first_ci_id, cr.second_ci_id, cr.ancestor_ids)
+            delete_id_filter(cr.second_ci_id)
 
         return cr_id
 
@@ -1215,23 +1240,23 @@ class CIRelationManager(object):
         if cr is not None:
             cls.delete(cr.id)
 
-        ci_relation_delete.apply_async(args=(first_ci_id, second_ci_id, ancestor_ids), queue=CMDB_QUEUE)
+        # ci_relation_delete.apply_async(args=(first_ci_id, second_ci_id, ancestor_ids), queue=CMDB_QUEUE)
-        delete_id_filter.apply_async(args=(second_ci_id,), queue=CMDB_QUEUE)
+        # delete_id_filter.apply_async(args=(second_ci_id,), queue=CMDB_QUEUE)
 
         return cr
 
     @classmethod
-    def delete_3(cls, first_ci_id, second_ci_id):
+    def delete_3(cls, first_ci_id, second_ci_id, apply_async=True):
         cr = CIRelation.get_by(first_ci_id=first_ci_id,
                                second_ci_id=second_ci_id,
                                to_dict=False,
                                first=True)
 
         if cr is not None:
-            ci_relation_delete.apply_async(args=(first_ci_id, second_ci_id, cr.ancestor_ids), queue=CMDB_QUEUE)
+            # ci_relation_delete.apply_async(args=(first_ci_id, second_ci_id, cr.ancestor_ids), queue=CMDB_QUEUE)
-            delete_id_filter.apply_async(args=(second_ci_id,), queue=CMDB_QUEUE)
+            # delete_id_filter.apply_async(args=(second_ci_id,), queue=CMDB_QUEUE)
 
-            cls.delete(cr.id)
+            cls.delete(cr.id, apply_async=apply_async)
 
         return cr
 
@@ -1270,56 +1295,140 @@ class CIRelationManager(object):
                 for ci_id in ci_ids:
                     cls.delete_2(parent_id, ci_id, ancestor_ids=ancestor_ids)
 
+    @classmethod
+    def delete_relations_by_source(cls, source,
+                                   first_ci_id=None, second_ci_type_id=None,
+                                   second_ci_id=None, first_ci_type_id=None,
+                                   added=None):
+        existed = []
+        if first_ci_id is not None and second_ci_type_id is not None:
+            existed = [(i.first_ci_id, i.second_ci_id) for i in CIRelation.get_by(
+                source=source, first_ci_id=first_ci_id, only_query=True).join(
+                CI, CIRelation.second_ci_id == CI.id).filter(CI.type_id == second_ci_type_id)]
+
+        if second_ci_id is not None and first_ci_type_id is not None:
+            existed = [(i.first_ci_id, i.second_ci_id) for i in CIRelation.get_by(
+                source=source, second_ci_id=second_ci_id, only_query=True).join(
+                CI, CIRelation.first_ci_id == CI.id).filter(CI.type_id == first_ci_type_id)]
+
+        deleted = set(existed) - set(added or [])
+
+        for first, second in deleted:
+            cls.delete_3(first, second, apply_async=False)
+
     @classmethod
     def build_by_attribute(cls, ci_dict):
         type_id = ci_dict['_type']
         child_items = CITypeRelation.get_by(parent_id=type_id, only_query=True).filter(
-            CITypeRelation.parent_attr_id.isnot(None))
+            CITypeRelation.parent_attr_ids.isnot(None))
         for item in child_items:
-            parent_attr = AttributeCache.get(item.parent_attr_id)
+            relations = None
-            child_attr = AttributeCache.get(item.child_attr_id)
+            for parent_attr_id, child_attr_id in zip(item.parent_attr_ids, item.child_attr_ids):
-            attr_value = ci_dict.get(parent_attr.name)
+                _relations = set()
-            value_table = TableMap(attr=child_attr).table
+                parent_attr = AttributeCache.get(parent_attr_id)
-            for child in value_table.get_by(attr_id=child_attr.id, value=attr_value, only_query=True).join(
+                child_attr = AttributeCache.get(child_attr_id)
-                    CI, CI.id == value_table.ci_id).filter(CI.type_id == item.child_id):
+                attr_value = ci_dict.get(parent_attr.name)
-                CIRelationManager.add(ci_dict['_id'], child.ci_id, valid=False)
+                value_table = TableMap(attr=child_attr).table
+                for child in value_table.get_by(attr_id=child_attr.id, value=attr_value, only_query=True).join(
+                        CI, CI.id == value_table.ci_id).filter(CI.type_id == item.child_id):
+                    _relations.add((ci_dict['_id'], child.ci_id))
+                if relations is None:
+                    relations = _relations
+                else:
+                    relations &= _relations
+
+            cls.delete_relations_by_source(RelationSourceEnum.ATTRIBUTE_VALUES,
+                                           first_ci_id=ci_dict['_id'],
+                                           second_ci_type_id=item.child_id,
+                                           added=relations)
+            for parent_ci_id, child_ci_id in (relations or []):
+                cls.add(parent_ci_id, child_ci_id,
+                        valid=False,
+                        source=RelationSourceEnum.ATTRIBUTE_VALUES)
 
         parent_items = CITypeRelation.get_by(child_id=type_id, only_query=True).filter(
-            CITypeRelation.child_attr_id.isnot(None))
+            CITypeRelation.child_attr_ids.isnot(None))
         for item in parent_items:
-            parent_attr = AttributeCache.get(item.parent_attr_id)
+            relations = None
-            child_attr = AttributeCache.get(item.child_attr_id)
+            for parent_attr_id, child_attr_id in zip(item.parent_attr_ids, item.child_attr_ids):
-            attr_value = ci_dict.get(child_attr.name)
+                _relations = set()
-            value_table = TableMap(attr=parent_attr).table
+                parent_attr = AttributeCache.get(parent_attr_id)
-            for parent in value_table.get_by(attr_id=parent_attr.id, value=attr_value, only_query=True).join(
+                child_attr = AttributeCache.get(child_attr_id)
-                    CI, CI.id == value_table.ci_id).filter(CI.type_id == item.parent_id):
+                attr_value = ci_dict.get(child_attr.name)
-                CIRelationManager.add(parent.ci_id, ci_dict['_id'], valid=False)
+                value_table = TableMap(attr=parent_attr).table
+                for parent in value_table.get_by(attr_id=parent_attr.id, value=attr_value, only_query=True).join(
+                        CI, CI.id == value_table.ci_id).filter(CI.type_id == item.parent_id):
+                    _relations.add((parent.ci_id, ci_dict['_id']))
+                if relations is None:
+                    relations = _relations
+                else:
+                    relations &= _relations
+
+            cls.delete_relations_by_source(RelationSourceEnum.ATTRIBUTE_VALUES,
+                                           second_ci_id=ci_dict['_id'],
+                                           first_ci_type_id=item.parent_id,
+                                           added=relations)
+            for parent_ci_id, child_ci_id in (relations or []):
+                cls.add(parent_ci_id, child_ci_id,
+                        valid=False,
+                        source=RelationSourceEnum.ATTRIBUTE_VALUES)
 
     @classmethod
-    def rebuild_all_by_attribute(cls, ci_type_relation):
+    def rebuild_all_by_attribute(cls, ci_type_relation, uid):
-        parent_attr = AttributeCache.get(ci_type_relation['parent_attr_id'])
+        relations = None
-        child_attr = AttributeCache.get(ci_type_relation['child_attr_id'])
+        for parent_attr_id, child_attr_id in zip(ci_type_relation['parent_attr_ids'] or [],
-        if not parent_attr or not child_attr:
+                                                 ci_type_relation['child_attr_ids'] or []):
-            return
 
-        parent_value_table = TableMap(attr=parent_attr).table
+            _relations = set()
-        child_value_table = TableMap(attr=child_attr).table
+            parent_attr = AttributeCache.get(parent_attr_id)
+            child_attr = AttributeCache.get(child_attr_id)
+            if not parent_attr or not child_attr:
+                continue
 
-        parent_values = parent_value_table.get_by(attr_id=parent_attr.id, only_query=True).join(
+            parent_value_table = TableMap(attr=parent_attr).table
-            CI, CI.id == parent_value_table.ci_id).filter(CI.type_id == ci_type_relation['parent_id'])
+            child_value_table = TableMap(attr=child_attr).table
-        child_values = child_value_table.get_by(attr_id=child_attr.id, only_query=True).join(
-            CI, CI.id == child_value_table.ci_id).filter(CI.type_id == ci_type_relation['child_id'])
 
-        child_value2ci_ids = {}
+            parent_values = parent_value_table.get_by(attr_id=parent_attr.id, only_query=True).join(
-        for child in child_values:
+                CI, CI.id == parent_value_table.ci_id).filter(CI.type_id == ci_type_relation['parent_id'])
-            child_value2ci_ids.setdefault(child.value, []).append(child.ci_id)
+            child_values = child_value_table.get_by(attr_id=child_attr.id, only_query=True).join(
+                CI, CI.id == child_value_table.ci_id).filter(CI.type_id == ci_type_relation['child_id'])
 
-        for parent in parent_values:
+            child_value2ci_ids = {}
-            for child_ci_id in child_value2ci_ids.get(parent.value, []):
+            for child in child_values:
-                try:
+                child_value2ci_ids.setdefault(child.value, []).append(child.ci_id)
-                    cls.add(parent.ci_id, child_ci_id, valid=False)
+
-                except:
+            for parent in parent_values:
-                    pass
+                for child_ci_id in child_value2ci_ids.get(parent.value, []):
+                    _relations.add((parent.ci_id, child_ci_id))
+
+            if relations is None:
+                relations = _relations
+            else:
+                relations &= _relations
+
+        t1 = aliased(CI)
+        t2 = aliased(CI)
+        query = db.session.query(CIRelation).join(t1, t1.id == CIRelation.first_ci_id).join(
+            t2, t2.id == CIRelation.second_ci_id).filter(t1.type_id == ci_type_relation['parent_id']).filter(
+            t2.type_id == ci_type_relation['child_id'])
+        for i in query:
+            db.session.delete(i)
+            ci_relation_delete(i.first_ci_id, i.second_ci_id, i.ancestor_ids)
+        try:
+            db.session.commit()
+        except Exception as e:
+            current_app.logger.error(e)
+            db.session.rollback()
+
+        for parent_ci_id, child_ci_id in (relations or []):
+            try:
+                cls.add(parent_ci_id, child_ci_id,
+                        valid=False,
+                        apply_async=False,
+                        source=RelationSourceEnum.ATTRIBUTE_VALUES,
+                        uid=uid)
+            except Exception as e:
+                current_app.logger.error(e)
 
 
 class CITriggerManager(object):

cmdb-api/api/lib/cmdb/ci_type.py

@@ -1,7 +1,6 @@
 # -*- coding:utf-8 -*-
 
 import copy
-
 import toposort
 from flask import abort
 from flask import current_app
@@ -35,6 +34,7 @@ from api.lib.perm.acl.acl import validate_permission
 from api.models.cmdb import Attribute
 from api.models.cmdb import AutoDiscoveryCI
 from api.models.cmdb import AutoDiscoveryCIType
+from api.models.cmdb import AutoDiscoveryCITypeRelation
 from api.models.cmdb import CI
 from api.models.cmdb import CIFilterPerms
 from api.models.cmdb import CIType
@@ -49,12 +49,12 @@ from api.models.cmdb import CITypeTrigger
 from api.models.cmdb import CITypeUniqueConstraint
 from api.models.cmdb import CustomDashboard
 from api.models.cmdb import PreferenceCITypeOrder
-from api.models.cmdb import TopologyView
 from api.models.cmdb import PreferenceRelationView
 from api.models.cmdb import PreferenceSearchOption
 from api.models.cmdb import PreferenceShowAttributes
 from api.models.cmdb import PreferenceTreeView
 from api.models.cmdb import RelationType
+from api.models.cmdb import TopologyView
 
 
 class CITypeManager(object):
@@ -83,7 +83,7 @@ class CITypeManager(object):
             self.cls.id, self.cls.icon, self.cls.name).filter(self.cls.deleted.is_(False))}
 
     @staticmethod
-    def get_ci_types(type_name=None, like=True):
+    def get_ci_types(type_name=None, like=True, type_ids=None):
         resources = None
         if current_app.config.get('USE_ACL') and not is_app_admin('cmdb'):
             resources = set([i.get('name') for i in ACLManager().get_resources(ResourceTypeEnum.CI_TYPE)])
@@ -92,6 +92,9 @@ class CITypeManager(object):
             CIType.get_by_like(name=type_name) if like else CIType.get_by(name=type_name))
         res = list()
         for type_dict in ci_types:
+            if type_ids is not None and type_dict['id'] not in type_ids:
+                continue
+
             attr = AttributeCache.get(type_dict["unique_id"])
             type_dict["unique_key"] = attr and attr.name
             if type_dict.get('show_id'):
@@ -228,6 +231,9 @@ class CITypeManager(object):
         if CI.get_by(type_id=type_id, first=True, to_dict=False) is not None:
             return abort(400, ErrFormat.ci_exists_and_cannot_delete_type)
 
+        if CITypeInheritance.get_by(parent_id=type_id, first=True):
+            return abort(400, ErrFormat.ci_type_inheritance_cannot_delete)
+
         relation_views = PreferenceRelationView.get_by(to_dict=False)
         for rv in relation_views:
             for item in (rv.cr_ids or []):
@@ -251,16 +257,22 @@ class CITypeManager(object):
         for item in AutoDiscoveryCI.get_by(type_id=type_id, to_dict=False):
             item.delete(commit=False)
 
+        for item in AutoDiscoveryCITypeRelation.get_by(ad_type_id=type_id, to_dict=False):
+            item.soft_delete(commit=False)
+
+        for item in AutoDiscoveryCITypeRelation.get_by(peer_type_id=type_id, to_dict=False):
+            item.soft_delete(commit=False)
+
         for item in CITypeInheritance.get_by(parent_id=type_id, to_dict=False):
-            item.delete(commit=False)
+            item.soft_delete(commit=False)
 
         for item in CITypeInheritance.get_by(child_id=type_id, to_dict=False):
-            item.delete(commit=False)
+            item.soft_delete(commit=False)
 
         try:
             from api.models.cmdb import CITypeReconciliation
             for item in CITypeReconciliation.get_by(type_id=type_id, to_dict=False):
-                item.delete(commit=False)
+                item.soft_delete(commit=False)
         except Exception:
             pass
 
@@ -282,6 +294,12 @@ class CITypeManager(object):
 class CITypeInheritanceManager(object):
     cls = CITypeInheritance
 
+    @classmethod
+    def get_all(cls, type_ids=None):
+        res = cls.cls.get_by(to_dict=True)
+
+        return [i for i in res if type_ids is None or (i['parent_id'] in type_ids and i['child_id'] in type_ids)]
+
     @classmethod
     def get_parents(cls, type_id):
         return [i.parent_id for i in cls.cls.get_by(child_id=type_id, to_dict=False)]
@@ -377,7 +395,7 @@ class CITypeGroupManager(object):
     cls = CITypeGroup
 
     @staticmethod
-    def get(need_other=None, config_required=True):
+    def get(need_other=None, config_required=True, type_ids=None, ci_types=None):
         resources = None
         if current_app.config.get('USE_ACL'):
             resources = ACLManager('cmdb').get_resources(ResourceTypeEnum.CI)
@@ -391,6 +409,8 @@ class CITypeGroupManager(object):
         for group in groups:
             for t in sorted(CITypeGroupItem.get_by(group_id=group['id']), key=lambda x: x['order'] or 0):
                 ci_type = CITypeCache.get(t['type_id']).to_dict()
+                if type_ids is not None and ci_type['id'] not in type_ids:
+                    continue
                 if resources is None or (ci_type and ci_type['name'] in resources):
                     ci_type['permissions'] = resources[ci_type['name']] if resources is not None else None
                     ci_type['inherited'] = True if CITypeInheritanceManager.get_parents(ci_type['id']) else False
@@ -398,7 +418,7 @@ class CITypeGroupManager(object):
                     group_types.add(t["type_id"])
 
         if need_other:
-            ci_types = CITypeManager.get_ci_types()
+            ci_types = CITypeManager.get_ci_types(type_ids=type_ids) if ci_types is None else ci_types
             other_types = dict(ci_types=[])
             for ci_type in ci_types:
                 if ci_type["id"] not in group_types and (resources is None or ci_type['name'] in resources):
@@ -519,6 +539,8 @@ class CITypeAttributeManager(object):
             attrs = CITypeAttributesCache.get(_type_id)
             for attr in sorted(attrs, key=lambda x: (x.order, x.id)):
                 attr_dict = AttributeManager().get_attribute(attr.attr_id, choice_web_hook_parse, choice_other_parse)
+                if not attr_dict:
+                    continue
                 attr_dict["is_required"] = attr.is_required
                 attr_dict["order"] = attr.order
                 attr_dict["default_show"] = attr.default_show
@@ -527,7 +549,6 @@ class CITypeAttributeManager(object):
                 if not has_config_perm:
                     attr_dict.pop('choice_web_hook', None)
                     attr_dict.pop('choice_other', None)
-
                 if attr_dict['id'] not in id2pos:
                     id2pos[attr_dict['id']] = len(result)
                     result.append(attr_dict)
@@ -592,7 +613,6 @@ class CITypeAttributeManager(object):
             if existed is not None:
                 continue
 
-            current_app.logger.debug(attr_id)
             CITypeAttribute.create(type_id=type_id, attr_id=attr_id, **kwargs)
 
             attr = AttributeCache.get(attr_id)
@@ -686,9 +706,19 @@ class CITypeAttributeManager(object):
                     item = CITypeTrigger.get_by(type_id=_type_id, attr_id=attr_id, to_dict=False, first=True)
                     item and item.soft_delete(commit=False)
 
-                for item in (CITypeRelation.get_by(parent_id=type_id, parent_attr_id=attr_id, to_dict=False) +
+                for item in (CITypeRelation.get_by(parent_id=type_id, to_dict=False) +
-                             CITypeRelation.get_by(child_id=type_id, child_attr_id=attr_id, to_dict=False)):
+                             CITypeRelation.get_by(child_id=type_id, to_dict=False)):
-                    item.soft_delete(commit=False)
+                    if item.parent_id == type_id and attr_id in (item.parent_attr_ids or []):
+                        item_dict = item.to_dict()
+                        pop_idx = item.parent_attr_ids.index(attr_id)
+                    elif item.child_id == type_id and attr_id in (item.child_attr_ids or []):
+                        item_dict = item.to_dict()
+                        pop_idx = item.child_attr_ids.index(attr_id)
+                    else:
+                        continue
+                    item.update(parent_attr_ids=item_dict['parent_attr_ids'].pop(pop_idx),
+                                child_attr_ids=item_dict['child_attr_ids'].pop(pop_idx),
+                                commit=False)
 
                 db.session.commit()
 
@@ -749,21 +779,29 @@ class CITypeRelationManager(object):
     """
 
     @staticmethod
-    def get():
+    def get(type_ids=None):
         res = CITypeRelation.get_by(to_dict=False)
         type2attributes = dict()
+        result = []
         for idx, item in enumerate(res):
             _item = item.to_dict()
+            if type_ids is not None and _item['parent_id'] not in type_ids and _item['child_id'] not in type_ids:
+                continue
+
             res[idx] = _item
             res[idx]['parent'] = item.parent.to_dict()
             if item.parent_id not in type2attributes:
-                type2attributes[item.parent_id] = [i[1].to_dict() for i in CITypeAttributesCache.get2(item.parent_id)]
+                type2attributes[item.parent_id] = [i[1].to_dict() for i in
+                                                   CITypeAttributeManager.get_all_attributes(item.parent_id)]
             res[idx]['child'] = item.child.to_dict()
             if item.child_id not in type2attributes:
-                type2attributes[item.child_id] = [i[1].to_dict() for i in CITypeAttributesCache.get2(item.child_id)]
+                type2attributes[item.child_id] = [i[1].to_dict() for i in
+                                                  CITypeAttributeManager.get_all_attributes(item.child_id)]
             res[idx]['relation_type'] = item.relation_type.to_dict()
 
-        return res, type2attributes
+            result.append(res[idx])
+
+        return result, type2attributes
 
     @staticmethod
     def get_child_type_ids(type_id, level):
@@ -795,8 +833,8 @@ class CITypeRelationManager(object):
 
         ci_type_dict["relation_type"] = relation_inst.relation_type.name
         ci_type_dict["constraint"] = relation_inst.constraint
-        ci_type_dict["parent_attr_id"] = relation_inst.parent_attr_id
+        ci_type_dict["parent_attr_ids"] = relation_inst.parent_attr_ids
-        ci_type_dict["child_attr_id"] = relation_inst.child_attr_id
+        ci_type_dict["child_attr_ids"] = relation_inst.child_attr_ids
 
         return ci_type_dict
 
@@ -837,7 +875,9 @@ class CITypeRelationManager(object):
         if ci_type is None:
             return nodes, edges
 
-        nodes.append(ci_type.to_dict())
+        ci_type_dict = ci_type.to_dict()
+        ci_type_dict.setdefault('level', [0])
+        nodes.append(ci_type_dict)
         node_ids.add(ci_type.id)
 
         def _find(_id, lv):
@@ -906,7 +946,7 @@ class CITypeRelationManager(object):
 
     @classmethod
     def add(cls, parent, child, relation_type_id, constraint=ConstraintEnum.One2Many,
-            parent_attr_id=None, child_attr_id=None):
+            parent_attr_ids=None, child_attr_ids=None):
         p = CITypeManager.check_is_existed(parent)
         c = CITypeManager.check_is_existed(child)
 
@@ -921,21 +961,22 @@ class CITypeRelationManager(object):
             current_app.logger.warning(str(e))
             return abort(400, ErrFormat.circular_dependency_error)
 
-        old_parent_attr_id = None
+        old_parent_attr_ids, old_child_attr_ids = None, None
         existed = cls._get(p.id, c.id)
         if existed is not None:
-            old_parent_attr_id = existed.parent_attr_id
+            old_parent_attr_ids = copy.deepcopy(existed.parent_attr_ids)
+            old_child_attr_ids = copy.deepcopy(existed.child_attr_ids)
             existed = existed.update(relation_type_id=relation_type_id,
                                      constraint=constraint,
-                                     parent_attr_id=parent_attr_id,
+                                     parent_attr_ids=parent_attr_ids,
-                                     child_attr_id=child_attr_id,
+                                     child_attr_ids=child_attr_ids,
                                      filter_none=False)
         else:
             existed = CITypeRelation.create(parent_id=p.id,
                                             child_id=c.id,
                                             relation_type_id=relation_type_id,
-                                            parent_attr_id=parent_attr_id,
+                                            parent_attr_ids=parent_attr_ids,
-                                            child_attr_id=child_attr_id,
+                                            child_attr_ids=child_attr_ids,
                                             constraint=constraint)
 
             if current_app.config.get("USE_ACL"):
@@ -949,10 +990,10 @@ class CITypeRelationManager(object):
                                                     current_user.username,
                                                     ResourceTypeEnum.CI_TYPE_RELATION)
 
-        if parent_attr_id and parent_attr_id != old_parent_attr_id:
+        if ((parent_attr_ids and parent_attr_ids != old_parent_attr_ids) or
-            if parent_attr_id and parent_attr_id != existed.parent_attr_id:
+                (child_attr_ids and child_attr_ids != old_child_attr_ids)):
-                from api.tasks.cmdb import rebuild_relation_for_attribute_changed
+            from api.tasks.cmdb import rebuild_relation_for_attribute_changed
-                rebuild_relation_for_attribute_changed.apply_async(args=(existed.to_dict()))
+            rebuild_relation_for_attribute_changed.apply_async(args=(existed.to_dict(), current_user.uid))
 
         CITypeHistoryManager.add(CITypeOperateType.ADD_RELATION, p.id,
                                  change=dict(parent=p.to_dict(), child=c.to_dict(), relation_type_id=relation_type_id))
@@ -1009,7 +1050,8 @@ class CITypeAttributeGroupManager(object):
         parent_ids = CITypeInheritanceManager.base(type_id)
 
         groups = []
-        id2type = {i: CITypeCache.get(i).alias for i in parent_ids}
+        id2type = {i: CITypeCache.get(i) for i in parent_ids}
+        id2type = {k: v.alias for k, v in id2type.items() if v}
         for _type_id in parent_ids + [type_id]:
             _groups = CITypeAttributeGroup.get_by(type_id=_type_id)
             _groups = sorted(_groups, key=lambda x: x["order"] or 0)
@@ -1202,17 +1244,16 @@ class CITypeAttributeGroupManager(object):
         if isinstance(_from, int):
             from_group = CITypeAttributeGroup.get_by_id(_from)
         else:
-            from_group = CITypeAttributeGroup.get_by(name=_from, first=True, to_dict=False)
+            from_group = CITypeAttributeGroup.get_by(name=_from, type_id=type_id, first=True, to_dict=False)
         from_group or abort(404, ErrFormat.ci_type_attribute_group_not_found.format("id={}".format(_from)))
 
         if isinstance(_to, int):
             to_group = CITypeAttributeGroup.get_by_id(_to)
         else:
-            to_group = CITypeAttributeGroup.get_by(name=_to, first=True, to_dict=False)
+            to_group = CITypeAttributeGroup.get_by(name=_to, type_id=type_id, first=True, to_dict=False)
         to_group or abort(404, ErrFormat.ci_type_attribute_group_not_found.format("id={}".format(_to)))
 
         from_order, to_order = from_group.order, to_group.order
-
         from_group.update(order=to_order)
         to_group.update(order=from_order)
 
@@ -1246,8 +1287,8 @@ class CITypeTemplateManager(object):
                                                  id2obj_dicts[added_id].get('child_id'),
                                                  id2obj_dicts[added_id].get('relation_type_id'),
                                                  id2obj_dicts[added_id].get('constraint'),
-                                                 id2obj_dicts[added_id].get('parent_attr_id'),
+                                                 id2obj_dicts[added_id].get('parent_attr_ids'),
-                                                 id2obj_dicts[added_id].get('child_attr_id'),
+                                                 id2obj_dicts[added_id].get('child_attr_ids'),
                                                  )
             else:
                 obj = cls.create(flush=True, **id2obj_dicts[added_id])
@@ -1283,13 +1324,14 @@ class CITypeTemplateManager(object):
         attributes = [attr for type_id in type2attributes for attr in type2attributes[type_id]]
         attrs = []
         for i in copy.deepcopy(attributes):
+            if i.pop('inherited', None):
+                continue
             i.pop('default_show', None)
             i.pop('is_required', None)
             i.pop('order', None)
             i.pop('choice_web_hook', None)
             i.pop('choice_other', None)
             i.pop('order', None)
-            i.pop('inherited', None)
             i.pop('inherited_from', None)
             choice_value = i.pop('choice_value', None)
             if not choice_value:
@@ -1309,6 +1351,7 @@ class CITypeTemplateManager(object):
         for i in ci_types:
             i.pop("unique_key", None)
             i.pop("show_name", None)
+            i.pop("parent_ids", None)
             i['unique_id'] = attr_id_map.get(i['unique_id'], i['unique_id'])
             if i.get('show_id'):
                 i['show_id'] = attr_id_map.get(i['show_id'], i['show_id'])
@@ -1346,7 +1389,7 @@ class CITypeTemplateManager(object):
         return self.__import(RelationType, relation_types)
 
     @staticmethod
-    def _import_ci_type_relations(ci_type_relations, type_id_map, relation_type_id_map):
+    def _import_ci_type_relations(ci_type_relations, type_id_map, relation_type_id_map, attr_id_map):
         for i in ci_type_relations:
             i.pop('parent', None)
             i.pop('child', None)
@@ -1356,15 +1399,32 @@ class CITypeTemplateManager(object):
             i['child_id'] = type_id_map.get(i['child_id'], i['child_id'])
             i['relation_type_id'] = relation_type_id_map.get(i['relation_type_id'], i['relation_type_id'])
 
+            i['parent_attr_ids'] = [attr_id_map.get(attr_id, attr_id) for attr_id in i.get('parent_attr_ids') or []]
+            i['child_attr_ids'] = [attr_id_map.get(attr_id, attr_id) for attr_id in i.get('child_attr_ids') or []]
             try:
                 CITypeRelationManager.add(i.get('parent_id'),
                                           i.get('child_id'),
                                           i.get('relation_type_id'),
                                           i.get('constraint'),
+                                          parent_attr_ids=i.get('parent_attr_ids', []),
+                                          child_attr_ids=i.get('child_attr_ids', []),
                                           )
-            except BadRequest:
+            except Exception:
                 pass
 
+    @staticmethod
+    def _import_ci_type_inheritance(ci_type_inheritance, type_id_map):
+
+        for i in ci_type_inheritance:
+            i['parent_id'] = type_id_map.get(i['parent_id'])
+            i['child_id'] = type_id_map.get(i['child_id'])
+
+            if i['parent_id'] and i['child_id']:
+                try:
+                    CITypeInheritanceManager.add([i.get('parent_id')], i.get('child_id'))
+                except BadRequest:
+                    pass
+
     @staticmethod
     def _import_type_attributes(type2attributes, type_id_map, attr_id_map):
         for type_id in type2attributes:
@@ -1376,6 +1436,9 @@ class CITypeTemplateManager(object):
 
             handled = set()
             for attr in type2attributes[type_id]:
+                if attr.get('inherited'):
+                    continue
+
                 payload = dict(type_id=type_id_map.get(int(type_id), type_id),
                                attr_id=attr_id_map.get(attr['id'], attr['id']),
                                default_show=attr['default_show'],
@@ -1439,6 +1502,9 @@ class CITypeTemplateManager(object):
 
         for rule in rules:
             ci_type = CITypeCache.get(rule.pop('type_name', None))
+            if ci_type is None:
+                continue
+
             adr = rule.pop('adr', {}) or {}
 
             if ci_type:
@@ -1451,10 +1517,10 @@ class CITypeTemplateManager(object):
 
                 if ad_rule:
                     rule['adr_id'] = ad_rule.id
-                    ad_rule.update(**adr)
+                    ad_rule.update(valid=False, **adr)
 
                 elif adr:
-                    ad_rule = AutoDiscoveryRuleCRUD().add(**adr)
+                    ad_rule = AutoDiscoveryRuleCRUD().add(valid=False, **adr)
                     rule['adr_id'] = ad_rule.id
                 else:
                     continue
@@ -1474,6 +1540,9 @@ class CITypeTemplateManager(object):
                 if ((i.extra_option or {}).get('alias') or None) == (
                         (rule.get('extra_option') or {}).get('alias') or None):
                     existed = True
+                    rule.pop('extra_option', None)
+                    rule.pop('enabled', None)
+                    rule.pop('cron', None)
                     AutoDiscoveryCITypeCRUD().update(i.id, **rule)
                     break
 
@@ -1483,6 +1552,23 @@ class CITypeTemplateManager(object):
                 except Exception as e:
                     current_app.logger.warning("import auto discovery rules failed: {}".format(e))
 
+    @staticmethod
+    def _import_auto_discovery_relation_rules(rules):
+        from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCITypeRelationCRUD
+
+        for rule in rules:
+            ad_ci_type = CITypeCache.get(rule.pop('ad_type_name', None))
+            peer_ci_type = CITypeCache.get(rule.pop('peer_type_name', None))
+            peer_attr = AttributeCache.get(rule.pop('peer_attr_name', None))
+            if ad_ci_type and peer_attr and peer_ci_type:
+                if not AutoDiscoveryCITypeRelation.get_by(
+                        ad_type_id=ad_ci_type.id, ad_key=rule.get('ad_key'),
+                        peer_attr_id=peer_attr.id, peer_type_id=peer_ci_type.id):
+                    AutoDiscoveryCITypeRelationCRUD().add(ad_type_id=ad_ci_type.id,
+                                                          ad_key=rule.get('ad_key'),
+                                                          peer_attr_id=peer_attr.id,
+                                                          peer_type_id=peer_ci_type.id)
+
     @staticmethod
     def _import_icons(icons):
         from api.lib.common_setting.upload_file import CommonFileCRUD
@@ -1494,6 +1580,8 @@ class CITypeTemplateManager(object):
                     current_app.logger.warning("save icon failed: {}".format(e))
 
     def import_template(self, tpt):
+        db.session.commit()
+
         import time
         s = time.time()
         attr_id_map = self._import_attributes(tpt.get('type2attributes') or {})
@@ -1512,9 +1600,14 @@ class CITypeTemplateManager(object):
         current_app.logger.info('import relation_types cost: {}'.format(time.time() - s))
 
         s = time.time()
-        self._import_ci_type_relations(tpt.get('ci_type_relations') or [], ci_type_id_map, relation_type_id_map)
+        self._import_ci_type_relations(tpt.get('ci_type_relations') or [],
+                                       ci_type_id_map, relation_type_id_map, attr_id_map)
         current_app.logger.info('import ci_type_relations cost: {}'.format(time.time() - s))
 
+        s = time.time()
+        self._import_ci_type_inheritance(tpt.get('ci_type_inheritance') or [], ci_type_id_map)
+        current_app.logger.info('import ci_type_inheritance cost: {}'.format(time.time() - s))
+
         s = time.time()
         self._import_type_attributes(tpt.get('type2attributes') or {}, ci_type_id_map, attr_id_map)
         current_app.logger.info('import type2attributes cost: {}'.format(time.time() - s))
@@ -1527,26 +1620,73 @@ class CITypeTemplateManager(object):
         self._import_auto_discovery_rules(tpt.get('ci_type_auto_discovery_rules') or [])
         current_app.logger.info('import ci_type_auto_discovery_rules cost: {}'.format(time.time() - s))
 
+        s = time.time()
+        self._import_auto_discovery_relation_rules(tpt.get('ci_type_auto_discovery_relation_rules') or [])
+        current_app.logger.info('import ci_type_auto_discovery_relation_rules cost: {}'.format(time.time() - s))
+
         s = time.time()
         self._import_icons(tpt.get('icons') or {})
         current_app.logger.info('import icons cost: {}'.format(time.time() - s))
 
     @staticmethod
-    def export_template():
+    def export_template(type_ids=None):
         from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCITypeCRUD
+        from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCITypeRelationCRUD
         from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryRuleCRUD
         from api.lib.common_setting.upload_file import CommonFileCRUD
 
+        ci_types = CITypeManager.get_ci_types(type_ids=type_ids)
+        extend_type_ids = []
+        for ci_type in ci_types:
+            if ci_type.get('parent_ids'):
+                extend_type_ids.extend(CITypeInheritanceManager.base(ci_type['id']))
+        extend_type_ids = list(set(extend_type_ids) - set(type_ids))
+
+        ci_type_relations = CITypeRelationManager.get(type_ids=type_ids)[0]
+        for i in ci_type_relations:
+            if i['parent_id'] not in type_ids:
+                extend_type_ids.append(i['parent_id'])
+            if i['child_id'] not in type_ids:
+                extend_type_ids.append(i['child_id'])
+
+        ad_relation_rules = AutoDiscoveryCITypeRelationCRUD.get_all(type_ids=type_ids)
+        rules = []
+        for r in ad_relation_rules:
+            if r.peer_type_id not in type_ids:
+                extend_type_ids.append(r.peer_type_id)
+
+            r = r.to_dict()
+            r['ad_type_name'] = CITypeCache.get(r.pop('ad_type_id')).name
+            peer_type_id = r.pop("peer_type_id")
+            peer_type_name = CITypeCache.get(peer_type_id).name
+            if not peer_type_name:
+                peer_type = CITypeCache.get(peer_type_id)
+                peer_type_name = peer_type and peer_type.name
+            r['peer_type_name'] = peer_type_name
+            peer_attr_id = r.pop("peer_attr_id")
+            peer_attr = AttributeCache.get(peer_attr_id)
+            r['peer_attr_name'] = peer_attr and peer_attr.name
+
+            rules.append(r)
+        ci_type_auto_discovery_relation_rules = rules
+
+        if extend_type_ids:
+            extend_type_ids = list(set(extend_type_ids))
+            type_ids.extend(extend_type_ids)
+            ci_types.extend(CITypeManager.get_ci_types(type_ids=extend_type_ids))
+
         tpt = dict(
-            ci_types=CITypeManager.get_ci_types(),
+            ci_types=ci_types,
-            ci_type_groups=CITypeGroupManager.get(),
             relation_types=[i.to_dict() for i in RelationTypeManager.get_all()],
-            ci_type_relations=CITypeRelationManager.get()[0],
+            ci_type_relations=ci_type_relations,
+            ci_type_inheritance=CITypeInheritanceManager.get_all(type_ids=type_ids),
             ci_type_auto_discovery_rules=list(),
+            ci_type_auto_discovery_relation_rules=ci_type_auto_discovery_relation_rules,
             type2attributes=dict(),
             type2attribute_group=dict(),
             icons=dict()
         )
+        tpt['ci_type_groups'] = CITypeGroupManager.get(ci_types=tpt['ci_types'], type_ids=type_ids)
 
         def get_icon_value(icon):
             try:
@@ -1554,12 +1694,16 @@ class CITypeTemplateManager(object):
             except:
                 return ""
 
-        ad_rules = AutoDiscoveryCITypeCRUD.get_all()
+        type_id2name = {i['id']: i['name'] for i in tpt['ci_types']}
+        ad_rules = AutoDiscoveryCITypeCRUD.get_all(type_ids=type_ids)
         rules = []
         for r in ad_rules:
             r = r.to_dict()
-            ci_type = CITypeCache.get(r.pop('type_id'))
+
-            r['type_name'] = ci_type and ci_type.name
+            if r.get('extra_option') and '_reference' in r['extra_option']:
+                r['extra_option'].pop('_reference')
+
+            r['type_name'] = type_id2name.get(r.pop('type_id'))
             if r.get('adr_id'):
                 adr = AutoDiscoveryRuleCRUD.get_by_id(r.pop('adr_id'))
                 r['adr_name'] = adr and adr.name
@@ -1593,65 +1737,6 @@ class CITypeTemplateManager(object):
 
         return tpt
 
-    @staticmethod
-    def export_template_by_type(type_id):
-        ci_type = CITypeCache.get(type_id) or abort(404, ErrFormat.ci_type_not_found2.format("id={}".format(type_id)))
-
-        from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCITypeCRUD
-        from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryRuleCRUD
-        from api.lib.common_setting.upload_file import CommonFileCRUD
-
-        tpt = dict(
-            ci_types=CITypeManager.get_ci_types(type_name=ci_type.name, like=False),
-            ci_type_auto_discovery_rules=list(),
-            type2attributes=dict(),
-            type2attribute_group=dict(),
-            icons=dict()
-        )
-
-        def get_icon_value(icon):
-            try:
-                return CommonFileCRUD().get_file_binary_str(icon)
-            except:
-                return ""
-
-        ad_rules = AutoDiscoveryCITypeCRUD.get_by_type_id(ci_type.id)
-        rules = []
-        for r in ad_rules:
-            r = r.to_dict()
-            r['type_name'] = ci_type and ci_type.name
-            if r.get('adr_id'):
-                adr = AutoDiscoveryRuleCRUD.get_by_id(r.pop('adr_id'))
-                r['adr_name'] = adr and adr.name
-                r['adr'] = adr and adr.to_dict() or {}
-
-                icon_url = r['adr'].get('option', {}).get('icon', {}).get('url')
-                if icon_url and icon_url not in tpt['icons']:
-                    tpt['icons'][icon_url] = get_icon_value(icon_url)
-
-            rules.append(r)
-        tpt['ci_type_auto_discovery_rules'] = rules
-
-        for ci_type in tpt['ci_types']:
-            if ci_type['icon'] and len(ci_type['icon'].split('$$')) > 3:
-                icon_url = ci_type['icon'].split('$$')[3]
-                if icon_url not in tpt['icons']:
-                    tpt['icons'][icon_url] = get_icon_value(icon_url)
-
-            tpt['type2attributes'][ci_type['id']] = CITypeAttributeManager.get_attributes_by_type_id(
-                ci_type['id'], choice_web_hook_parse=False, choice_other_parse=False)
-
-            for attr in tpt['type2attributes'][ci_type['id']]:
-                for i in (attr.get('choice_value') or []):
-                    if (i[1] or {}).get('icon', {}).get('url') and len(i[1]['icon']['url'].split('$$')) > 3:
-                        icon_url = i[1]['icon']['url'].split('$$')[3]
-                        if icon_url not in tpt['icons']:
-                            tpt['icons'][icon_url] = get_icon_value(icon_url)
-
-            tpt['type2attribute_group'][ci_type['id']] = CITypeAttributeGroupManager.get_by_type_id(ci_type['id'])
-
-        return tpt
-
 
 class CITypeUniqueConstraintManager(object):
     @staticmethod

cmdb-api/api/lib/cmdb/const.py

@@ -41,23 +41,23 @@ class OperateType(BaseEnum):
 
 
 class CITypeOperateType(BaseEnum):
-    ADD = "0"  # 新增模型
+    ADD = "0"  # add CIType
-    UPDATE = "1"  # 修改模型
+    UPDATE = "1"  # update CIType
-    DELETE = "2"  # 删除模型
+    DELETE = "2"  # delete CIType
-    ADD_ATTRIBUTE = "3"  # 新增属性
+    ADD_ATTRIBUTE = "3"
-    UPDATE_ATTRIBUTE = "4"  # 修改属性
+    UPDATE_ATTRIBUTE = "4"
-    DELETE_ATTRIBUTE = "5"  # 删除属性
+    DELETE_ATTRIBUTE = "5"
-    ADD_TRIGGER = "6"  # 新增触发器
+    ADD_TRIGGER = "6"
-    UPDATE_TRIGGER = "7"  # 修改触发器
+    UPDATE_TRIGGER = "7"
-    DELETE_TRIGGER = "8"  # 删除触发器
+    DELETE_TRIGGER = "8"
-    ADD_UNIQUE_CONSTRAINT = "9"  # 新增联合唯一
+    ADD_UNIQUE_CONSTRAINT = "9"
-    UPDATE_UNIQUE_CONSTRAINT = "10"  # 修改联合唯一
+    UPDATE_UNIQUE_CONSTRAINT = "10"
-    DELETE_UNIQUE_CONSTRAINT = "11"  # 删除联合唯一
+    DELETE_UNIQUE_CONSTRAINT = "11"
-    ADD_RELATION = "12"  # 新增关系
+    ADD_RELATION = "12"
-    DELETE_RELATION = "13"  # 删除关系
+    DELETE_RELATION = "13"
-    ADD_RECONCILIATION = "14"  # 删除关系
+    ADD_RECONCILIATION = "14"
-    UPDATE_RECONCILIATION = "15"  # 删除关系
+    UPDATE_RECONCILIATION = "15"
-    DELETE_RECONCILIATION = "16"  # 删除关系
+    DELETE_RECONCILIATION = "16"
 
 
 class RetKey(BaseEnum):
@@ -93,7 +93,8 @@ class RoleEnum(BaseEnum):
 class AutoDiscoveryType(BaseEnum):
     AGENT = "agent"
     SNMP = "snmp"
-    HTTP = "http"
+    HTTP = "http"  # cloud
+    COMPONENTS = "components"
 
 
 class AttributeDefaultValueEnum(BaseEnum):
@@ -107,13 +108,17 @@ class ExecuteStatusEnum(BaseEnum):
     FAILED = '1'
     RUNNING = '2'
 
+class RelationSourceEnum(BaseEnum):
+    ATTRIBUTE_VALUES = "0"
+    AUTO_DISCOVERY = "1"
+
 
 CMDB_QUEUE = "one_cmdb_async"
 REDIS_PREFIX_CI = "ONE_CMDB"
 REDIS_PREFIX_CI_RELATION = "CMDB_CI_RELATION"
 REDIS_PREFIX_CI_RELATION2 = "CMDB_CI_RELATION2"
 
-BUILTIN_KEYWORDS = {'id', '_id', 'ci_id', 'type', '_type', 'ci_type'}
+BUILTIN_KEYWORDS = {'id', '_id', 'ci_id', 'type', '_type', 'ci_type', 'ticket_id'}
 
 L_TYPE = None
 L_CI = None

cmdb-api/api/lib/cmdb/history.py

@@ -13,6 +13,7 @@ from api.lib.cmdb.const import OperateType
 from api.lib.cmdb.perms import CIFilterPermsCRUD
 from api.lib.cmdb.resp_format import ErrFormat
 from api.lib.perm.acl.cache import UserCache
+from api.models.cmdb import CI
 from api.models.cmdb import Attribute
 from api.models.cmdb import AttributeHistory
 from api.models.cmdb import CIRelationHistory
@@ -231,8 +232,8 @@ class AttributeHistoryManger(object):
 
 class CIRelationHistoryManager(object):
     @staticmethod
-    def add(rel_obj, operate_type=OperateType.ADD):
+    def add(rel_obj, operate_type=OperateType.ADD, uid=None):
-        record = OperationRecord.create(uid=current_user.uid)
+        record = OperationRecord.create(uid=uid or current_user.uid)
 
         CIRelationHistory.create(relation_id=rel_obj.id,
                                  record_id=record.id,
@@ -306,7 +307,7 @@ class CITriggerHistoryManager(object):
     def get(page, page_size, type_id=None, trigger_id=None, operate_type=None):
         query = CITriggerHistory.get_by(only_query=True)
         if type_id:
-            query = query.filter(CITriggerHistory.type_id == type_id)
+            query = query.join(CI, CI.id == CITriggerHistory.ci_id).filter(CI.type_id == type_id)
 
         if trigger_id:
             query = query.filter(CITriggerHistory.trigger_id == trigger_id)

cmdb-api/api/lib/cmdb/resp_format.py

@@ -35,7 +35,7 @@ class ErrFormat(CommonErrFormat):
         "Only creators and administrators are allowed to delete attributes!")  # 目前只允许 属性创建人、管理员 删除属性!
     # 属性字段名不能是内置字段: id, _id, ci_id, type, _type, ci_type
     attribute_name_cannot_be_builtin = _l(
-        "Attribute field names cannot be built-in fields: id, _id, ci_id, type, _type, ci_type")
+        "Attribute field names cannot be built-in fields: id, _id, ci_id, type, _type, ci_type, ticket_id")
     attribute_choice_other_invalid = _l(
         "Predefined value: Other model request parameters are illegal!")  # 预定义值: 其他模型请求参数不合法!
 
@@ -62,6 +62,7 @@ class ErrFormat(CommonErrFormat):
         "The model cannot be deleted because the CI already exists")  # 因为CI已经存在，不能删除模型
     ci_exists_and_cannot_delete_inheritance = _l(
         "The inheritance cannot be deleted because the CI already exists")  # 因为CI已经存在，不能删除继承关系
+    ci_type_inheritance_cannot_delete = _l("The model is inherited and cannot be deleted")  # 该模型被继承, 不能删除
 
     # 因为关系视图 {} 引用了该模型，不能删除模型
     ci_relation_view_exists_and_cannot_delete_type = _l(

cmdb-api/api/lib/cmdb/topology.py

@@ -16,7 +16,7 @@ from api.lib.cmdb.const import REDIS_PREFIX_CI_RELATION
 from api.lib.cmdb.const import ResourceTypeEnum
 from api.lib.cmdb.resp_format import ErrFormat
 from api.lib.cmdb.search import SearchError
-from api.lib.cmdb.search.ci import search
+from api.lib.cmdb.search.ci import search as ci_search
 from api.lib.perm.acl.acl import ACLManager
 from api.lib.perm.acl.acl import is_app_admin
 from api.models.cmdb import TopologyView
@@ -172,12 +172,13 @@ class TopologyViewManager(object):
         _type = CITypeCache.get(central_node_type)
         if not _type:
             return dict(nodes=nodes, links=links)
+        type2meta = {_type.id: _type.icon}
         root_ids = []
         show_key = AttributeCache.get(_type.show_id or _type.unique_id)
 
         q = (central_node_instances[2:] if central_node_instances.startswith('q=') else
              central_node_instances)
-        s = search(q, fl=['_id', show_key.name], use_id_filter=False, use_ci_filter=False, count=1000000)
+        s = ci_search(q, fl=['_id', show_key.name], use_id_filter=False, use_ci_filter=False, count=1000000)
         try:
             response, _, _, _, _, _ = s.search()
         except SearchError as e:
@@ -192,7 +193,6 @@ class TopologyViewManager(object):
         prefix = REDIS_PREFIX_CI_RELATION
         key = list(map(str, root_ids))
         id2node = {}
-        type2meta = {}
         for level in sorted([i for i in path.keys() if int(i) > 0]):
             type_ids = {int(i) for i in path[level]}
 
@@ -238,7 +238,7 @@ class TopologyViewManager(object):
                     type2show[type_id] = attr.name
 
         if id2node:
-            s = search("_id:({})".format(';'.join(id2node.keys())), fl=list(fl),
+            s = ci_search("_id:({})".format(';'.join(id2node.keys())), fl=list(fl),
                        use_id_filter=False, use_ci_filter=False, count=1000000)
             try:
                 response, _, _, _, _, _ = s.search()

cmdb-api/api/lib/cmdb/utils.py

@@ -28,13 +28,31 @@ def string2int(x):
     return v
 
 
-def str2datetime(x):
+def str2date(x):
+
     try:
         return datetime.datetime.strptime(x, "%Y-%m-%d").date()
     except ValueError:
         pass
 
-    return datetime.datetime.strptime(x, "%Y-%m-%d %H:%M:%S")
+    try:
+        return datetime.datetime.strptime(x, "%Y-%m-%d %H:%M:%S").date()
+    except ValueError:
+        pass
+
+
+def str2datetime(x):
+
+    x = x.replace('T', ' ')
+    x = x.replace('Z', '')
+
+    try:
+        return datetime.datetime.strptime(x, "%Y-%m-%d %H:%M:%S")
+    except ValueError:
+        pass
+
+    return datetime.datetime.strptime(x, "%Y-%m-%d %H:%M")
+
 
 
 class ValueTypeMap(object):
@@ -44,7 +62,7 @@ class ValueTypeMap(object):
         ValueTypeEnum.TEXT: lambda x: x,
         ValueTypeEnum.TIME: lambda x: TIME_RE.findall(x)[0],
         ValueTypeEnum.DATETIME: str2datetime,
-        ValueTypeEnum.DATE: str2datetime,
+        ValueTypeEnum.DATE: str2date,
         ValueTypeEnum.JSON: lambda x: json.loads(x) if isinstance(x, six.string_types) and x else x,
     }
 

cmdb-api/api/lib/cmdb/value.py

@@ -94,7 +94,7 @@ class AttributeValueManager(object):
         except ValueDeserializeError as e:
             return abort(400, ErrFormat.attribute_value_invalid2.format(alias, e))
         except ValueError:
-            return abort(400, ErrFormat.attribute_value_invalid.format(value))
+            return abort(400, ErrFormat.attribute_value_invalid2.format(alias, value))
 
     @staticmethod
     def _check_is_choice(attr, value_type, value):
@@ -123,9 +123,9 @@ class AttributeValueManager(object):
             return abort(400, ErrFormat.attribute_value_required.format(attr.alias))
 
     @staticmethod
-    def check_re(expr, value):
+    def check_re(expr, alias, value):
         if not re.compile(expr).match(str(value)):
-            return abort(400, ErrFormat.attribute_value_invalid.format(value))
+            return abort(400, ErrFormat.attribute_value_invalid2.format(alias, value))
 
     def _validate(self, attr, value, value_table, ci=None, type_id=None, ci_id=None, type_attr=None):
         ci = ci or {}
@@ -141,7 +141,7 @@ class AttributeValueManager(object):
             v = None
 
         if attr.re_check and value:
-            self.check_re(attr.re_check, value)
+            self.check_re(attr.re_check, attr.alias, value)
 
         return v
 
@@ -235,10 +235,19 @@ class AttributeValueManager(object):
 
             try:
                 if attr.is_list:
+                    if isinstance(value, dict):
+                        if value.get('op') == "delete":
+                            value['v'] = [ValueTypeMap.serialize[attr.value_type](
+                                self._deserialize_value(attr.alias, attr.value_type, i))
+                                          for i in handle_arg_list(value['v'])]
+                            continue
+                        _value = value.get('v') or []
+                    else:
+                        _value = value
                     value_list = [self._validate(attr, i, value_table, ci=None, type_id=type_id, ci_id=ci_id,
                                                  type_attr=ci_attr2type_attr.get(attr.id))
-                                  for i in handle_arg_list(value)]
+                                  for i in handle_arg_list(_value)]
-                    ci_dict[key] = value_list
+                    ci_dict[key] = value_list if not isinstance(value, dict) else dict(op=value.get('op'), v=value_list)
                     if not value_list:
                         self._check_is_required(type_id, attr, '')
 
@@ -266,6 +275,7 @@ class AttributeValueManager(object):
         :return:
         """
         changed = []
+        has_dynamic = False
         for key, value in ci_dict.items():
             attr = key2attr.get(key)
             if not attr:
@@ -277,22 +287,47 @@ class AttributeValueManager(object):
                 existed_values = [(ValueTypeMap.serialize[attr.value_type](i.value) if
                                    i.value or i.value == 0 else i.value) for i in existed_attrs]
 
-                # Comparison array starts from which position changes
+                if isinstance(value, dict):
-                min_len = min(len(value), len(existed_values))
+                    if value.get('op') == "add":
-                index = 0
+                        for v in (value.get('v') or []):
-                while index < min_len:
+                            if v not in existed_values:
-                    if value[index] != existed_values[index]:
+                                value_table.create(ci_id=ci.id, attr_id=attr.id, value=v, flush=False, commit=False)
-                        break
+                                if not attr.is_dynamic:
-                    index += 1
+                                    changed.append((ci.id, attr.id, OperateType.ADD, None, v, ci.type_id))
+                                else:
+                                    has_dynamic = True
 
-                # Delete first and then add to ensure id sorting
+                    elif value.get('op') == "delete":
-                for idx in range(index, len(existed_attrs)):
+                        for v in (value.get('v') or []):
-                    existed_attr = existed_attrs[idx]
+                            if v in existed_values:
-                    existed_attr.delete(flush=False, commit=False)
+                                existed_attrs[existed_values.index(v)].delete(flush=False, commit=False)
-                    changed.append((ci.id, attr.id, OperateType.DELETE, existed_values[idx], None, ci.type_id))
+                                if not attr.is_dynamic:
-                for idx in range(index, len(value)):
+                                    changed.append((ci.id, attr.id, OperateType.DELETE, v, None, ci.type_id))
-                    value_table.create(ci_id=ci.id, attr_id=attr.id, value=value[idx], flush=False, commit=False)
+                                else:
-                    changed.append((ci.id, attr.id, OperateType.ADD, None, value[idx], ci.type_id))
+                                    has_dynamic = True
+                else:
+                    # Comparison array starts from which position changes
+                    min_len = min(len(value), len(existed_values))
+                    index = 0
+                    while index < min_len:
+                        if value[index] != existed_values[index]:
+                            break
+                        index += 1
+
+                    # Delete first and then add to ensure id sorting
+                    for idx in range(index, len(existed_attrs)):
+                        existed_attr = existed_attrs[idx]
+                        existed_attr.delete(flush=False, commit=False)
+                        if not attr.is_dynamic:
+                            changed.append((ci.id, attr.id, OperateType.DELETE, existed_values[idx], None, ci.type_id))
+                        else:
+                            has_dynamic = True
+                    for idx in range(index, len(value)):
+                        value_table.create(ci_id=ci.id, attr_id=attr.id, value=value[idx], flush=False, commit=False)
+                        if not attr.is_dynamic:
+                            changed.append((ci.id, attr.id, OperateType.ADD, None, value[idx], ci.type_id))
+                        else:
+                            has_dynamic = True
             else:
                 existed_attr = value_table.get_by(attr_id=attr.id, ci_id=ci.id, first=True, to_dict=False)
                 existed_value = existed_attr and existed_attr.value
@@ -301,7 +336,10 @@ class AttributeValueManager(object):
                 if existed_value is None and value is not None:
                     value_table.create(ci_id=ci.id, attr_id=attr.id, value=value, flush=False, commit=False)
 
-                    changed.append((ci.id, attr.id, OperateType.ADD, None, value, ci.type_id))
+                    if not attr.is_dynamic:
+                        changed.append((ci.id, attr.id, OperateType.ADD, None, value, ci.type_id))
+                    else:
+                        has_dynamic = True
                 else:
                     if existed_value != value and existed_attr:
                         if value is None:
@@ -309,16 +347,22 @@ class AttributeValueManager(object):
                         else:
                             existed_attr.update(value=value, flush=False, commit=False)
 
-                        changed.append((ci.id, attr.id, OperateType.UPDATE, existed_value, value, ci.type_id))
+                        if not attr.is_dynamic:
+                            changed.append((ci.id, attr.id, OperateType.UPDATE, existed_value, value, ci.type_id))
+                        else:
+                            has_dynamic = True
 
-        try:
+        if changed or has_dynamic:
-            db.session.commit()
+            try:
-        except Exception as e:
+                db.session.commit()
-            db.session.rollback()
+            except Exception as e:
-            current_app.logger.warning(str(e))
+                db.session.rollback()
-            return abort(400, ErrFormat.attribute_value_unknown_error.format(e.args[0]))
+                current_app.logger.warning(str(e))
+                return abort(400, ErrFormat.attribute_value_unknown_error.format(e.args[0]))
 
-        return self.write_change2(changed, ticket_id=ticket_id)
+            return self.write_change2(changed, ticket_id=ticket_id), has_dynamic
+        else:
+            return None, has_dynamic
 
     @staticmethod
     def delete_attr_value(attr_id, ci_id, commit=True):

cmdb-api/api/lib/common_setting/decorator.py

@@ -3,6 +3,7 @@ import functools
 from flask import abort, session
 from api.lib.common_setting.acl import ACLManager
 from api.lib.common_setting.resp_format import ErrFormat
+from api.lib.perm.acl.acl import is_app_admin
 
 
 def perms_role_required(app_name, resource_type_name, resource_name, perm, role_name=None):
@@ -16,7 +17,7 @@ def perms_role_required(app_name, resource_type_name, resource_name, perm, role_
             except Exception as e:
                 # resource_type not exist, continue check role
                 if role_name:
-                    if role_name not in session.get("acl", {}).get("parentRoles", []):
+                    if role_name not in session.get("acl", {}).get("parentRoles", []) and not is_app_admin(app_name):
                         abort(403, ErrFormat.role_required.format(role_name))
 
                     return func(*args, **kwargs)
@@ -25,7 +26,7 @@ def perms_role_required(app_name, resource_type_name, resource_name, perm, role_
 
             if not has_perms:
                 if role_name:
-                    if role_name not in session.get("acl", {}).get("parentRoles", []):
+                    if role_name not in session.get("acl", {}).get("parentRoles", []) and not is_app_admin(app_name):
                         abort(403, ErrFormat.role_required.format(role_name))
                 else:
                     abort(403, ErrFormat.resource_no_permission.format(resource_name, perm))

cmdb-api/api/lib/common_setting/role_perm_base.py

@@ -48,7 +48,7 @@ class CMDBApp(BaseApp):
         {"page": "Model_Relationships", "page_cn": "模型关系", "perms": ["read"]},
         {"page": "Operation_Audit", "page_cn": "操作审计", "perms": ["read"]},
         {"page": "Relationship_Types", "page_cn": "关系类型", "perms": ["read"]},
-        {"page": "Auto_Discovery", "page_cn": "自动发现", "perms": ["read"]},
+        {"page": "Auto_Discovery", "page_cn": "自动发现", "perms": ["read", "create_plugin", "update_plugin", "delete_plugin"]},
         {"page": "TopologyView", "page_cn": "拓扑视图",
          "perms": ["read", "create_topology_group", "update_topology_group", "delete_topology_group",
                    "create_topology_view"],

cmdb-api/api/lib/mixin.py

@@ -1,7 +1,6 @@
 # -*- coding:utf-8 -*-
 
 
-from flask import abort
 from sqlalchemy import func
 
 from api.extensions import db
@@ -13,17 +12,23 @@ class DBMixin(object):
     cls = None
 
     @classmethod
-    def search(cls, page, page_size, fl=None, only_query=False, reverse=False, count_query=False, **kwargs):
+    def search(cls, page, page_size, fl=None, only_query=False, reverse=False, count_query=False,
+               last_size=None, **kwargs):
         page = get_page(page)
         page_size = get_page_size(page_size)
         if fl is None:
-            query = db.session.query(cls.cls).filter(cls.cls.deleted.is_(False))
+            query = db.session.query(cls.cls)
         else:
-            query = db.session.query(*[getattr(cls.cls, i) for i in fl]).filter(cls.cls.deleted.is_(False))
+            query = db.session.query(*[getattr(cls.cls, i) for i in fl])
 
         _query = None
         if count_query:
-            _query = db.session.query(func.count(cls.cls.id)).filter(cls.cls.deleted.is_(False))
+            _query = db.session.query(func.count(cls.cls.id))
+
+        if hasattr(cls.cls, 'deleted'):
+            query = query.filter(cls.cls.deleted.is_(False))
+            if _query:
+                _query = _query.filter(cls.cls.deleted.is_(False))
 
         for k in kwargs:
             if hasattr(cls.cls, k):
@@ -40,14 +45,15 @@ class DBMixin(object):
             return _query, query
 
         numfound = query.count()
-        return numfound, [i.to_dict() if fl is None else getattr(i, '_asdict')()
+        if not last_size:
-                          for i in query.offset((page - 1) * page_size).limit(page_size)]
+            return numfound, [i.to_dict() if fl is None else getattr(i, '_asdict')()
-
+                              for i in query.offset((page - 1) * page_size).limit(page_size)]
-    def _must_be_required(self, _id):
+        else:
-        existed = self.cls.get_by_id(_id)
+            offset = numfound - last_size
-        existed or abort(404, "Factor [{}] does not exist".format(_id))
+            if offset < 0:
-
+                offset = 0
-        return existed
+            return numfound, [i.to_dict() if fl is None else getattr(i, '_asdict')()
+                              for i in query.offset(offset).limit(last_size)]
 
     def _can_add(self, **kwargs):
         raise NotImplementedError

cmdb-api/api/lib/perm/acl/permission.py

@@ -79,7 +79,8 @@ class PermissionCRUD(object):
         return r and cls.get_all(r.id)
 
     @staticmethod
-    def grant(rid, perms, resource_id=None, group_id=None, rebuild=True, source=AuditOperateSource.acl):
+    def grant(rid, perms, resource_id=None, group_id=None, rebuild=True,
+              source=AuditOperateSource.acl, force_update=False):
         app_id = None
         rt_id = None
 
@@ -106,8 +107,23 @@ class PermissionCRUD(object):
             if not perms:
                 perms = [i.get('name') for i in ResourceTypeCRUD.get_perms(group.resource_type_id)]
 
-        _role_permissions = []
+        if force_update:
+            revoke_role_permissions = []
+            existed_perms = RolePermission.get_by(rid=rid,
+                                                  app_id=app_id,
+                                                  group_id=group_id,
+                                                  resource_id=resource_id,
+                                                  to_dict=False)
+            for role_perm in existed_perms:
+                perm = PermissionCache.get(role_perm.perm_id, rt_id)
+                if perm and perm.name not in perms:
+                    role_perm.soft_delete()
+                    revoke_role_permissions.append(role_perm)
 
+            AuditCRUD.add_permission_log(app_id, AuditOperateType.revoke, rid, rt_id,
+                                         revoke_role_permissions, source=source)
+
+        _role_permissions = []
         for _perm in set(perms):
             perm = PermissionCache.get(_perm, rt_id)
             if not perm:

cmdb-api/api/lib/perm/auth.py

@@ -51,12 +51,12 @@ def _auth_with_key():
     user, authenticated = User.query.authenticate_with_key(key, secret, req_args, path)
     if user and authenticated:
         login_user(user)
-        reset_session(user)
+        # reset_session(user)
         return True
 
     role, authenticated = Role.query.authenticate_with_key(key, secret, req_args, path)
     if role and authenticated:
-        reset_session(None, role=role.name)
+        # reset_session(None, role=role.name)
         return True
 
     return False

cmdb-api/api/lib/resp_format.py

@@ -29,6 +29,6 @@ class CommonErrFormat(object):
 
     role_required = _l("Role {} can only operate!")  # 角色 {} 才能操作!
     user_not_found = _l("User {} does not exist")  # 用户 {} 不存在
-    no_permission = _l("You do not have {} permission for resource: {}!")  # 您没有资源: {} 的{}权限!
+    no_permission = _l("For resource: {}, you do not have {} permission!")  # 您没有资源: {} 的{}权限!
     no_permission2 = _l("You do not have permission to operate!")  # 您没有操作权限!
     no_permission_only_owner = _l("Only the creator or administrator has permission!")  # 只有创建人或者管理员才有权限!

cmdb-api/api/models/cmdb.py

@@ -2,7 +2,6 @@
 
 
 import datetime
-
 from sqlalchemy.dialects.mysql import DOUBLE
 
 from api.extensions import db
@@ -11,6 +10,7 @@ from api.lib.cmdb.const import CIStatusEnum
 from api.lib.cmdb.const import CITypeOperateType
 from api.lib.cmdb.const import ConstraintEnum
 from api.lib.cmdb.const import OperateType
+from api.lib.cmdb.const import RelationSourceEnum
 from api.lib.cmdb.const import ValueTypeEnum
 from api.lib.database import Model
 from api.lib.database import Model2
@@ -79,8 +79,11 @@ class CITypeRelation(Model):
     relation_type_id = db.Column(db.Integer, db.ForeignKey("c_relation_types.id"), nullable=False)
     constraint = db.Column(db.Enum(*ConstraintEnum.all()), default=ConstraintEnum.One2Many)
 
-    parent_attr_id = db.Column(db.Integer, db.ForeignKey("c_attributes.id"))
+    parent_attr_id = db.Column(db.Integer, db.ForeignKey("c_attributes.id"))  # CMDB > 2.4.5: deprecated
-    child_attr_id = db.Column(db.Integer, db.ForeignKey("c_attributes.id"))
+    child_attr_id = db.Column(db.Integer, db.ForeignKey("c_attributes.id"))  # CMDB > 2.4.5: deprecated
+
+    parent_attr_ids = db.Column(db.JSON)  # [parent_attr_id, ]
+    child_attr_ids = db.Column(db.JSON)  # [child_attr_id, ]
 
     parent = db.relationship("CIType", primaryjoin="CIType.id==CITypeRelation.parent_id")
     child = db.relationship("CIType", primaryjoin="CIType.id==CITypeRelation.child_id")
@@ -101,6 +104,7 @@ class Attribute(Model):
     is_link = db.Column(db.Boolean, default=False)
     is_password = db.Column(db.Boolean, default=False)
     is_sortable = db.Column(db.Boolean, default=False)
+    is_dynamic = db.Column(db.Boolean, default=False)
 
     default = db.Column(db.JSON)  # {"default": None}
 
@@ -256,6 +260,7 @@ class CIRelation(Model):
     second_ci_id = db.Column(db.Integer, db.ForeignKey("c_cis.id"), nullable=False)
     relation_type_id = db.Column(db.Integer, db.ForeignKey("c_relation_types.id"), nullable=False)
     more = db.Column(db.Integer, db.ForeignKey("c_cis.id"))
+    source = db.Column(db.Enum(*RelationSourceEnum.all()), name="source")
 
     ancestor_ids = db.Column(db.String(128), index=True)
 
@@ -562,18 +567,28 @@ class AutoDiscoveryCIType(Model):
 
     attributes = db.Column(db.JSON)  # {ad_key: cmdb_key}
 
-    relation = db.Column(db.JSON)  # [{ad_key: {type_id: x, attr_id: x}}]
+    relation = db.Column(db.JSON)  # [{ad_key: {type_id: x, attr_id: x}}], CMDB > 2.4.5: deprecated
 
     auto_accept = db.Column(db.Boolean, default=False)
 
     agent_id = db.Column(db.String(8), index=True)
     query_expr = db.Column(db.Text)
 
-    interval = db.Column(db.Integer)  # seconds
+    interval = db.Column(db.Integer)  # seconds, > 2.4.5: deprecated
     cron = db.Column(db.String(128))
 
     extra_option = db.Column(db.JSON)
     uid = db.Column(db.Integer, index=True)
+    enabled = db.Column(db.Boolean, default=True)
+
+
+class AutoDiscoveryCITypeRelation(Model):
+    __tablename__ = "c_ad_ci_type_relations"
+
+    ad_type_id = db.Column(db.Integer, db.ForeignKey('c_ci_types.id'), nullable=False)
+    ad_key = db.Column(db.String(128))
+    peer_type_id = db.Column(db.Integer, db.ForeignKey('c_ci_types.id'), nullable=False)
+    peer_attr_id = db.Column(db.Integer, db.ForeignKey('c_attributes.id'), nullable=False)
 
 
 class AutoDiscoveryCI(Model):
@@ -591,6 +606,45 @@ class AutoDiscoveryCI(Model):
     accept_time = db.Column(db.DateTime)
 
 
+class AutoDiscoveryRuleSyncHistory(Model2):
+    __tablename__ = "c_ad_rule_sync_histories"
+
+    adt_id = db.Column(db.Integer, db.ForeignKey('c_ad_ci_types.id'))
+    oneagent_id = db.Column(db.String(8))
+    oneagent_name = db.Column(db.String(64))
+    sync_at = db.Column(db.DateTime, default=datetime.datetime.now())
+
+
+class AutoDiscoveryExecHistory(Model2):
+    __tablename__ = "c_ad_exec_histories"
+
+    type_id = db.Column(db.Integer, index=True)
+    stdout = db.Column(db.Text)
+
+
+class AutoDiscoveryCounter(Model2):
+    __tablename__ = "c_ad_counter"
+
+    type_id = db.Column(db.Integer, index=True)
+    rule_count = db.Column(db.Integer, default=0)
+    exec_target_count = db.Column(db.Integer, default=0)
+    instance_count = db.Column(db.Integer, default=0)
+    accept_count = db.Column(db.Integer, default=0)
+    this_month_count = db.Column(db.Integer, default=0)
+    this_week_count = db.Column(db.Integer, default=0)
+    last_month_count = db.Column(db.Integer, default=0)
+    last_week_count = db.Column(db.Integer, default=0)
+
+
+class AutoDiscoveryAccount(Model):
+    __tablename__ = "c_ad_accounts"
+
+    uid = db.Column(db.Integer, index=True)
+    name = db.Column(db.String(64))
+    adr_id = db.Column(db.Integer, db.ForeignKey('c_ad_rules.id'))
+    config = db.Column(db.JSON)
+
+
 class CIFilterPerms(Model):
     __tablename__ = "c_ci_filter_perms"
 

cmdb-api/api/tasks/cmdb.py

@@ -1,8 +1,8 @@
 # -*- coding:utf-8 -*- 
 
 
+import datetime
 import json
-
 import redis_lock
 from flask import current_app
 from flask_login import login_user
@@ -12,16 +12,21 @@ from api.extensions import celery
 from api.extensions import db
 from api.extensions import es
 from api.extensions import rd
+from api.lib.cmdb.cache import AttributeCache
 from api.lib.cmdb.cache import CITypeAttributesCache
 from api.lib.cmdb.const import CMDB_QUEUE
 from api.lib.cmdb.const import REDIS_PREFIX_CI
 from api.lib.cmdb.const import REDIS_PREFIX_CI_RELATION
 from api.lib.cmdb.const import REDIS_PREFIX_CI_RELATION2
+from api.lib.cmdb.const import RelationSourceEnum
 from api.lib.cmdb.perms import CIFilterPermsCRUD
 from api.lib.decorator import flush_db
 from api.lib.decorator import reconnect_db
 from api.lib.perm.acl.cache import UserCache
 from api.lib.utils import handle_arg_list
+from api.models.cmdb import AutoDiscoveryCI
+from api.models.cmdb import AutoDiscoveryCIType
+from api.models.cmdb import AutoDiscoveryCITypeRelation
 from api.models.cmdb import CI
 from api.models.cmdb import CIRelation
 from api.models.cmdb import CITypeAttribute
@@ -55,10 +60,10 @@ def ci_cache(ci_id, operate_type, record_id):
 
 @celery.task(name="cmdb.rebuild_relation_for_attribute_changed", queue=CMDB_QUEUE)
 @reconnect_db
-def rebuild_relation_for_attribute_changed(ci_type_relation):
+def rebuild_relation_for_attribute_changed(ci_type_relation, uid):
     from api.lib.cmdb.ci import CIRelationManager
 
-    CIRelationManager.rebuild_all_by_attribute(ci_type_relation)
+    CIRelationManager.rebuild_all_by_attribute(ci_type_relation, uid)
 
 
 @celery.task(name="cmdb.batch_ci_cache", queue=CMDB_QUEUE)
@@ -87,6 +92,13 @@ def ci_delete(ci_id):
     else:
         rd.delete(ci_id, REDIS_PREFIX_CI)
 
+    instance = AutoDiscoveryCI.get_by(ci_id=ci_id, to_dict=False, first=True)
+    if instance is not None:
+        adt = AutoDiscoveryCIType.get_by_id(instance.adt_id)
+        if adt:
+            adt.update(updated_at=datetime.datetime.now())
+        instance.delete()
+
     current_app.logger.info("{0} delete..........".format(ci_id))
 
 
@@ -249,3 +261,93 @@ def calc_computed_attribute(attr_id, uid):
         cis = CI.get_by(type_id=i.type_id, to_dict=False)
         for ci in cis:
             cim.update(ci.id, {})
+
+
+@celery.task(name="cmdb.write_ad_rule_sync_history", queue=CMDB_QUEUE)
+@reconnect_db
+def write_ad_rule_sync_history(rules, oneagent_id, oneagent_name, sync_at):
+    from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryRuleSyncHistoryCRUD
+
+    for rule in rules:
+        AutoDiscoveryRuleSyncHistoryCRUD().upsert(adt_id=rule['id'],
+                                                  oneagent_id=oneagent_id,
+                                                  oneagent_name=oneagent_name,
+                                                  sync_at=sync_at,
+                                                  commit=False)
+    try:
+        db.session.commit()
+    except Exception as e:
+        current_app.logger.error("write auto discovery rule sync history failed: {}".format(e))
+        db.session.rollback()
+
+
+@celery.task(name="cmdb.build_relations_for_ad_accept", queue=CMDB_QUEUE)
+@reconnect_db
+def build_relations_for_ad_accept(adc, ci_id, ad_key2attr):
+    from api.lib.cmdb.ci import CIRelationManager
+    from api.lib.cmdb.search import SearchError
+    from api.lib.cmdb.search.ci import search as ci_search
+
+    current_app.test_request_context().push()
+    login_user(UserCache.get('worker'))
+
+    relation_ads = AutoDiscoveryCITypeRelation.get_by(ad_type_id=adc['type_id'], to_dict=False)
+    for r_adt in relation_ads:
+        ad_key = r_adt.ad_key
+        if not adc['instance'].get(ad_key):
+            continue
+
+        ad_key_values = [adc['instance'].get(ad_key)] if not isinstance(
+            adc['instance'].get(ad_key), list) else adc['instance'].get(ad_key)
+        for ad_key_value in ad_key_values:
+            query = "_type:{},{}:{}".format(r_adt.peer_type_id, r_adt.peer_attr_id, ad_key_value)
+            s = ci_search(query, use_ci_filter=False, count=1000000)
+            try:
+                response, _, _, _, _, _ = s.search()
+            except SearchError as e:
+                current_app.logger.error("build_relations_for_ad_accept failed: {}".format(e))
+                return
+
+            for relation_ci in response:
+                relation_ci_id = relation_ci['_id']
+                try:
+                    CIRelationManager.add(ci_id, relation_ci_id,
+                                          valid=False,
+                                          source=RelationSourceEnum.AUTO_DISCOVERY)
+
+                except:
+                    try:
+                        CIRelationManager.add(relation_ci_id, ci_id,
+                                              valid=False,
+                                              source=RelationSourceEnum.AUTO_DISCOVERY)
+                    except:
+                        pass
+
+    # build relations in reverse
+    relation_ads = AutoDiscoveryCITypeRelation.get_by(peer_type_id=adc['type_id'], to_dict=False)
+    attr2ad_key = {v: k for k, v in ad_key2attr.items()}
+    for r_adt in relation_ads:
+        attr = AttributeCache.get(r_adt.peer_attr_id)
+        ad_key = attr2ad_key.get(attr and attr.name)
+        if not ad_key:
+            continue
+
+        ad_value = adc['instance'].get(ad_key)
+        peer_ad_key = r_adt.ad_key
+        peer_instances = AutoDiscoveryCI.get_by(type_id=r_adt.ad_type_id, to_dict=False)
+        for peer_instance in peer_instances:
+            peer_ad_values = peer_instance.instance.get(peer_ad_key)
+            peer_ad_values = [peer_ad_values] if not isinstance(peer_ad_values, list) else peer_ad_values
+            if ad_value in peer_ad_values and peer_instance.ci_id:
+                try:
+                    CIRelationManager.add(peer_instance.ci_id, ci_id,
+                                          valid=False,
+                                          source=RelationSourceEnum.AUTO_DISCOVERY)
+
+                except:
+                    try:
+                        CIRelationManager.add(ci_id, peer_instance.ci_id,
+                                              valid=False,
+                                              source=RelationSourceEnum.AUTO_DISCOVERY)
+                    except:
+                        pass

cmdb-api/api/translations/zh/LC_MESSAGES/messages.po

@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-05-28 18:05+0800\n"
+"POT-Creation-Date: 2024-06-20 19:12+0800\n"
 "PO-Revision-Date: 2023-12-25 20:21+0800\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: zh\n"
@@ -81,7 +81,7 @@ msgid "User {} does not exist"
 msgstr "用户 {} 不存在"
 
 #: api/lib/resp_format.py:32
-msgid "You do not have {} permission for resource: {}!"
+msgid "For resource: {}, you do not have {} permission!"
 msgstr "您没有资源: {} 的{}权限!"
 
 #: api/lib/resp_format.py:33
@@ -238,241 +238,245 @@ msgstr "因为CI已经存在，不能删除模型"
 msgid "The inheritance cannot be deleted because the CI already exists"
 msgstr "因为CI已经存在，不能删除继承关系"
 
-#: api/lib/cmdb/resp_format.py:67
+#: api/lib/cmdb/resp_format.py:65
+msgid "The model is inherited and cannot be deleted"
+msgstr "该模型被继承, 不能删除"
+
+#: api/lib/cmdb/resp_format.py:68
 msgid ""
 "The model cannot be deleted because the model is referenced by the "
 "relational view {}"
 msgstr "因为关系视图 {} 引用了该模型，不能删除模型"
 
-#: api/lib/cmdb/resp_format.py:69
+#: api/lib/cmdb/resp_format.py:70
 msgid "Model group {} does not exist"
 msgstr "模型分组 {} 不存在"
 
-#: api/lib/cmdb/resp_format.py:70
+#: api/lib/cmdb/resp_format.py:71
 msgid "Model group {} already exists"
 msgstr "模型分组 {} 已经存在"
 
-#: api/lib/cmdb/resp_format.py:71
+#: api/lib/cmdb/resp_format.py:72
 msgid "Model relationship {} does not exist"
 msgstr "模型关系 {} 不存在"
 
-#: api/lib/cmdb/resp_format.py:72
+#: api/lib/cmdb/resp_format.py:73
 msgid "Attribute group {} already exists"
 msgstr "属性分组 {} 已存在"
 
-#: api/lib/cmdb/resp_format.py:73
+#: api/lib/cmdb/resp_format.py:74
 msgid "Attribute group {} does not exist"
 msgstr "属性分组 {} 不存在"
 
-#: api/lib/cmdb/resp_format.py:75
+#: api/lib/cmdb/resp_format.py:76
 msgid "Attribute group <{0}> - attribute <{1}> does not exist"
 msgstr "属性组<{0}> - 属性<{1}> 不存在"
 
-#: api/lib/cmdb/resp_format.py:76
+#: api/lib/cmdb/resp_format.py:77
 msgid "The unique constraint already exists!"
 msgstr "唯一约束已经存在!"
 
-#: api/lib/cmdb/resp_format.py:78
+#: api/lib/cmdb/resp_format.py:79
 msgid "Uniquely constrained attributes cannot be JSON and multi-valued"
 msgstr "唯一约束的属性不能是 JSON 和 多值"
 
-#: api/lib/cmdb/resp_format.py:79
+#: api/lib/cmdb/resp_format.py:80
 msgid "Duplicated trigger"
 msgstr "重复的触发器"
 
-#: api/lib/cmdb/resp_format.py:80
+#: api/lib/cmdb/resp_format.py:81
 msgid "Trigger {} does not exist"
 msgstr "触发器 {} 不存在"
 
-#: api/lib/cmdb/resp_format.py:81
+#: api/lib/cmdb/resp_format.py:82
 msgid "Duplicated reconciliation rule"
 msgstr ""
 
-#: api/lib/cmdb/resp_format.py:82
+#: api/lib/cmdb/resp_format.py:83
 msgid "Reconciliation rule {} does not exist"
 msgstr "关系类型 {} 不存在"
 
-#: api/lib/cmdb/resp_format.py:84
+#: api/lib/cmdb/resp_format.py:85
 msgid "Operation record {} does not exist"
 msgstr "操作记录 {} 不存在"
 
-#: api/lib/cmdb/resp_format.py:85
+#: api/lib/cmdb/resp_format.py:86
 msgid "Unique identifier cannot be deleted"
 msgstr "不能删除唯一标识"
 
-#: api/lib/cmdb/resp_format.py:86
+#: api/lib/cmdb/resp_format.py:87
 msgid "Cannot delete default sorted attributes"
 msgstr "不能删除默认排序的属性"
 
-#: api/lib/cmdb/resp_format.py:88
+#: api/lib/cmdb/resp_format.py:89
 msgid "No node selected"
 msgstr "没有选择节点"
 
-#: api/lib/cmdb/resp_format.py:89
+#: api/lib/cmdb/resp_format.py:90
 msgid "This search option does not exist!"
 msgstr "该搜索选项不存在!"
 
-#: api/lib/cmdb/resp_format.py:90
+#: api/lib/cmdb/resp_format.py:91
 msgid "This search option has a duplicate name!"
 msgstr "该搜索选项命名重复!"
 
-#: api/lib/cmdb/resp_format.py:92
+#: api/lib/cmdb/resp_format.py:93
 msgid "Relationship type {} already exists"
 msgstr "关系类型 {} 已经存在"
 
-#: api/lib/cmdb/resp_format.py:93
+#: api/lib/cmdb/resp_format.py:94
 msgid "Relationship type {} does not exist"
 msgstr "关系类型 {} 不存在"
 
-#: api/lib/cmdb/resp_format.py:95
+#: api/lib/cmdb/resp_format.py:96
 msgid "Invalid attribute value: {}"
 msgstr "无效的属性值: {}"
 
-#: api/lib/cmdb/resp_format.py:96
+#: api/lib/cmdb/resp_format.py:97
 msgid "{} Invalid value: {}"
 msgstr "{} 无效的值: {}"
 
-#: api/lib/cmdb/resp_format.py:97
+#: api/lib/cmdb/resp_format.py:98
 msgid "{} is not in the predefined values"
 msgstr "{} 不在预定义值里"
 
-#: api/lib/cmdb/resp_format.py:99
+#: api/lib/cmdb/resp_format.py:100
 msgid "The value of attribute {} must be unique, {} already exists"
 msgstr "属性 {} 的值必须是唯一的, 当前值 {} 已存在"
 
-#: api/lib/cmdb/resp_format.py:100
+#: api/lib/cmdb/resp_format.py:101
 msgid "Attribute {} value must exist"
 msgstr "属性 {} 值必须存在"
 
-#: api/lib/cmdb/resp_format.py:101
+#: api/lib/cmdb/resp_format.py:102
 msgid "Out of range value, the maximum value is 2147483647"
 msgstr "超过最大值限制, 最大值是2147483647"
 
-#: api/lib/cmdb/resp_format.py:103
+#: api/lib/cmdb/resp_format.py:104
 msgid "Unknown error when adding or modifying attribute value: {}"
 msgstr "新增或者修改属性值未知错误: {}"
 
-#: api/lib/cmdb/resp_format.py:105
+#: api/lib/cmdb/resp_format.py:106
 msgid "Duplicate custom name"
 msgstr "订制名重复"
 
-#: api/lib/cmdb/resp_format.py:107
+#: api/lib/cmdb/resp_format.py:108
 msgid "Number of models exceeds limit: {}"
 msgstr "模型数超过限制: {}"
 
-#: api/lib/cmdb/resp_format.py:108
+#: api/lib/cmdb/resp_format.py:109
 msgid "The number of CIs exceeds the limit: {}"
 msgstr "CI数超过限制: {}"
 
-#: api/lib/cmdb/resp_format.py:110
+#: api/lib/cmdb/resp_format.py:111
 msgid "Auto-discovery rule: {} already exists!"
 msgstr "自动发现规则: {} 已经存在!"
 
-#: api/lib/cmdb/resp_format.py:111
+#: api/lib/cmdb/resp_format.py:112
 msgid "Auto-discovery rule: {} does not exist!"
 msgstr "自动发现规则: {} 不存在!"
 
-#: api/lib/cmdb/resp_format.py:113
+#: api/lib/cmdb/resp_format.py:114
 msgid "This auto-discovery rule is referenced by the model and cannot be deleted!"
 msgstr "该自动发现规则被模型引用, 不能删除!"
 
-#: api/lib/cmdb/resp_format.py:115
+#: api/lib/cmdb/resp_format.py:116
 msgid "The application of auto-discovery rules cannot be defined repeatedly!"
 msgstr "自动发现规则的应用不能重复定义!"
 
-#: api/lib/cmdb/resp_format.py:116
+#: api/lib/cmdb/resp_format.py:117
 msgid "The auto-discovery you want to modify: {} does not exist!"
 msgstr "您要修改的自动发现: {} 不存在!"
 
-#: api/lib/cmdb/resp_format.py:117
+#: api/lib/cmdb/resp_format.py:118
 msgid "Attribute does not include unique identifier: {}"
 msgstr "属性字段没有包括唯一标识: {}"
 
-#: api/lib/cmdb/resp_format.py:118
+#: api/lib/cmdb/resp_format.py:119
 msgid "The auto-discovery instance does not exist!"
 msgstr "自动发现的实例不存在!"
 
-#: api/lib/cmdb/resp_format.py:119
+#: api/lib/cmdb/resp_format.py:120
 msgid "The model is not associated with this auto-discovery!"
 msgstr "模型并未关联该自动发现!"
 
-#: api/lib/cmdb/resp_format.py:120
+#: api/lib/cmdb/resp_format.py:121
 msgid "Only the creator can modify the Secret!"
 msgstr "只有创建人才能修改Secret!"
 
-#: api/lib/cmdb/resp_format.py:122
+#: api/lib/cmdb/resp_format.py:123
 msgid "This rule already has auto-discovery instances and cannot be deleted!"
 msgstr "该规则已经有自动发现的实例, 不能被删除!"
 
-#: api/lib/cmdb/resp_format.py:124
+#: api/lib/cmdb/resp_format.py:125
 msgid "The default auto-discovery rule is already referenced by model {}!"
 msgstr "该默认的自动发现规则 已经被模型 {} 引用!"
 
-#: api/lib/cmdb/resp_format.py:126
+#: api/lib/cmdb/resp_format.py:127
 msgid "The unique_key method must return a non-empty string!"
 msgstr "unique_key方法必须返回非空字符串!"
 
-#: api/lib/cmdb/resp_format.py:127
+#: api/lib/cmdb/resp_format.py:128
 msgid "The attributes method must return a list"
 msgstr "attributes方法必须返回的是list"
 
-#: api/lib/cmdb/resp_format.py:129
+#: api/lib/cmdb/resp_format.py:130
 msgid "The list returned by the attributes method cannot be empty!"
 msgstr "attributes方法返回的list不能为空!"
 
-#: api/lib/cmdb/resp_format.py:131
+#: api/lib/cmdb/resp_format.py:132
 msgid "Only administrators can define execution targets as: all nodes!"
 msgstr "只有管理员才可以定义执行机器为: 所有节点!"
 
-#: api/lib/cmdb/resp_format.py:132
+#: api/lib/cmdb/resp_format.py:133
 msgid "Execute targets permission check failed: {}"
 msgstr "执行机器权限检查不通过: {}"
 
-#: api/lib/cmdb/resp_format.py:134
+#: api/lib/cmdb/resp_format.py:135
 msgid "CI filter authorization must be named!"
 msgstr "CI过滤授权 必须命名!"
 
-#: api/lib/cmdb/resp_format.py:135
+#: api/lib/cmdb/resp_format.py:136
 msgid "CI filter authorization is currently not supported or query"
 msgstr "CI过滤授权 暂时不支持 或 查询"
 
-#: api/lib/cmdb/resp_format.py:138
+#: api/lib/cmdb/resp_format.py:139
 msgid "You do not have permission to operate attribute {}!"
 msgstr "您没有属性 {} 的操作权限!"
 
-#: api/lib/cmdb/resp_format.py:139
+#: api/lib/cmdb/resp_format.py:140
 msgid "You do not have permission to operate this CI!"
 msgstr "您没有该CI的操作权限!"
 
-#: api/lib/cmdb/resp_format.py:141
+#: api/lib/cmdb/resp_format.py:142
 msgid "Failed to save password: {}"
 msgstr "保存密码失败: {}"
 
-#: api/lib/cmdb/resp_format.py:142
+#: api/lib/cmdb/resp_format.py:143
 msgid "Failed to get password: {}"
 msgstr "获取密码失败: {}"
 
-#: api/lib/cmdb/resp_format.py:144
+#: api/lib/cmdb/resp_format.py:145
 msgid "Scheduling time format error"
 msgstr "{}格式错误，应该为：%Y-%m-%d %H:%M:%S"
 
-#: api/lib/cmdb/resp_format.py:145
+#: api/lib/cmdb/resp_format.py:146
 msgid "CMDB data reconciliation results"
 msgstr ""
 
-#: api/lib/cmdb/resp_format.py:146
+#: api/lib/cmdb/resp_format.py:147
 msgid "Number of {} illegal: {}"
 msgstr ""
 
-#: api/lib/cmdb/resp_format.py:148
+#: api/lib/cmdb/resp_format.py:149
 msgid "Topology view {} already exists"
 msgstr "拓扑视图 {} 已经存在"
 
-#: api/lib/cmdb/resp_format.py:149
+#: api/lib/cmdb/resp_format.py:150
 msgid "Topology group {} already exists"
 msgstr "拓扑视图分组 {} 已经存在"
 
-#: api/lib/cmdb/resp_format.py:151
+#: api/lib/cmdb/resp_format.py:152
 msgid "The group cannot be deleted because the topology view already exists"
 msgstr "因为该分组下定义了拓扑视图，不能删除"
 

cmdb-api/api/views/cmdb/auto_discovery.py

@@ -1,24 +1,32 @@
 # -*- coding:utf-8 -*-
-
+import copy
 import json
-from io import BytesIO
+import uuid
-
 from flask import abort
 from flask import current_app
 from flask import request
 from flask_login import current_user
+from io import BytesIO
 
+from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryAccountCRUD
 from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCICRUD
 from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCITypeCRUD
+from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCITypeRelationCRUD
+from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryComponentsManager
+from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryCounterCRUD
+from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryExecHistoryCRUD
 from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryHTTPManager
 from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryRuleCRUD
+from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoveryRuleSyncHistoryCRUD
 from api.lib.cmdb.auto_discovery.auto_discovery import AutoDiscoverySNMPManager
-from api.lib.cmdb.auto_discovery.const import DEFAULT_HTTP
+from api.lib.cmdb.auto_discovery.const import DEFAULT_INNER
+from api.lib.cmdb.auto_discovery.const import PRIVILEGED_USERS
+from api.lib.cmdb.cache import AttributeCache
 from api.lib.cmdb.const import PermEnum
 from api.lib.cmdb.const import ResourceTypeEnum
 from api.lib.cmdb.resp_format import ErrFormat
 from api.lib.cmdb.search import SearchError
-from api.lib.cmdb.search.ci import search
+from api.lib.cmdb.search.ci import search as ci_search
 from api.lib.decorator import args_required
 from api.lib.decorator import args_validate
 from api.lib.perm.acl.acl import has_perm_from_args
@@ -37,14 +45,19 @@ class AutoDiscoveryRuleView(APIView):
 
         rebuild = False
         exists = {i['name'] for i in res}
-        for i in DEFAULT_HTTP:
+        for i in copy.deepcopy(DEFAULT_INNER):
             if i['name'] not in exists:
+                i.pop('en', None)
                 AutoDiscoveryRuleCRUD().add(**i)
                 rebuild = True
 
         if rebuild:
             _, res = AutoDiscoveryRuleCRUD.search(page=1, page_size=100000, **request.values)
 
+        for i in res:
+            if i['type'] == 'http':
+                i['resources'] = AutoDiscoveryHTTPManager().get_resources(i['name'])
+
         return self.jsonify(res)
 
     @args_required("name", value_required=True)
@@ -98,24 +111,39 @@ class AutoDiscoveryRuleTemplateFileView(APIView):
 
 
 class AutoDiscoveryRuleHTTPView(APIView):
-    url_prefix = ("/adr/http/<string:name>/categories", "/adr/http/<string:name>/attributes",
+    url_prefix = ("/adr/http/<string:name>/categories",
-                  "/adr/snmp/<string:name>/attributes")
+                  "/adr/http/<string:name>/attributes",
+                  "/adr/http/<string:name>/mapping",
+                  "/adr/snmp/<string:name>/attributes",
+                  "/adr/components/<string:name>/attributes",)
 
     def get(self, name):
         if "snmp" in request.url:
             return self.jsonify(AutoDiscoverySNMPManager.get_attributes())
 
+        if "components" in request.url:
+            return self.jsonify(AutoDiscoveryComponentsManager.get_attributes(name))
+
         if "attributes" in request.url:
-            category = request.values.get('category')
+            resource = request.values.get('resource')
-            return self.jsonify(AutoDiscoveryHTTPManager.get_attributes(name, category))
+            return self.jsonify(AutoDiscoveryHTTPManager.get_attributes(name, resource))
+
+        if "mapping" in request.url:
+            resource = request.values.get('resource')
+            return self.jsonify(AutoDiscoveryHTTPManager.get_mapping(name, resource))
 
         return self.jsonify(AutoDiscoveryHTTPManager.get_categories(name))
 
 
 class AutoDiscoveryCITypeView(APIView):
-    url_prefix = ("/adt/ci_types/<int:type_id>", "/adt/<int:adt_id>")
+    url_prefix = ("/adt/ci_types/<int:type_id>",
+                  "/adt/ci_types/<int:type_id>/attributes",
+                  "/adt/<int:adt_id>")
 
     def get(self, type_id):
+        if "attributes" in request.url:
+            return self.jsonify(AutoDiscoveryCITypeCRUD.get_ad_attributes(type_id))
+
         _, res = AutoDiscoveryCITypeCRUD.search(page=1, page_size=100000, type_id=type_id, **request.values)
         for i in res:
             if isinstance(i.get("extra_option"), dict) and i['extra_option'].get('secret'):
@@ -123,6 +151,11 @@ class AutoDiscoveryCITypeView(APIView):
                     i['extra_option'].pop('secret', None)
                 else:
                     i['extra_option']['secret'] = AESCrypto.decrypt(i['extra_option']['secret'])
+            if isinstance(i.get("extra_option"), dict) and i['extra_option'].get('password'):
+                if not (current_user.username == "cmdb_agent" or current_user.uid == i['uid']):
+                    i['extra_option'].pop('password', None)
+                else:
+                    i['extra_option']['password'] = AESCrypto.decrypt(i['extra_option']['password'])
 
         return self.jsonify(res)
 
@@ -146,6 +179,27 @@ class AutoDiscoveryCITypeView(APIView):
         return self.jsonify(adt_id=adt_id)
 
 
+class AutoDiscoveryCITypeRelationView(APIView):
+    url_prefix = ("/adt/ci_types/<int:type_id>/relations", "/adt/relations/<int:_id>")
+
+    def get(self, type_id):
+        _, res = AutoDiscoveryCITypeRelationCRUD.search(page=1, page_size=100000, ad_type_id=type_id, **request.values)
+
+        return self.jsonify(res)
+
+    @args_required("relations")
+    def post(self, type_id):
+        return self.jsonify(AutoDiscoveryCITypeRelationCRUD().upsert(type_id, request.values['relations']))
+
+    def put(self):
+        return self.post()
+
+    def delete(self, _id):
+        AutoDiscoveryCITypeRelationCRUD().delete(_id)
+
+        return self.jsonify(id=_id)
+
+
 class AutoDiscoveryCIView(APIView):
     url_prefix = ("/adc", "/adc/<int:adc_id>", "/adc/ci_types/<int:type_id>/attributes", "/adc/ci_types")
 
@@ -213,24 +267,127 @@ class AutoDiscoveryRuleSyncView(APIView):
     url_prefix = ("/adt/sync",)
 
     def get(self):
-        if current_user.username not in ("cmdb_agent", "worker", "admin"):
+        if current_user.username not in PRIVILEGED_USERS:
             return abort(403)
 
         oneagent_name = request.values.get('oneagent_name')
         oneagent_id = request.values.get('oneagent_id')
         last_update_at = request.values.get('last_update_at')
 
-        query = "{},oneagent_id:{}".format(oneagent_name, oneagent_id)
+        response = []
-        current_app.logger.info(query)
+        if AttributeCache.get('oneagent_id'):
-        s = search(query)
+            query = "oneagent_id:{}".format(oneagent_id)
-        try:
+            s = ci_search(query)
-            response, _, _, _, _, _ = s.search()
+            try:
-        except SearchError as e:
+                response, _, _, _, _, _ = s.search()
-            import traceback
+            except SearchError as e:
-            current_app.logger.error(traceback.format_exc())
+                import traceback
-            return abort(400, str(e))
+                current_app.logger.error(traceback.format_exc())
+                return abort(400, str(e))
 
-        ci_id = response and response[0]["_id"]
+        for res in response:
-        rules, last_update_at = AutoDiscoveryCITypeCRUD.get(ci_id, oneagent_id, last_update_at)
+            if res.get('{}_name'.format(res['ci_type'])) == oneagent_name or oneagent_name == res.get('oneagent_name'):
+                ci_id = res["_id"]
+                rules, last_update_at = AutoDiscoveryCITypeCRUD.get(ci_id, oneagent_id, oneagent_name, last_update_at)
+
+                return self.jsonify(rules=rules, last_update_at=last_update_at)
+
+        rules, last_update_at = AutoDiscoveryCITypeCRUD.get(None, oneagent_id, oneagent_name, last_update_at)
 
         return self.jsonify(rules=rules, last_update_at=last_update_at)
+
+
+class AutoDiscoveryRuleSyncHistoryView(APIView):
+    url_prefix = ("/adt/<int:adt_id>/sync/histories",)
+
+    def get(self, adt_id):
+        page = get_page(request.values.pop('page', 1))
+        page_size = get_page_size(request.values.pop('page_size', None))
+        numfound, res = AutoDiscoveryRuleSyncHistoryCRUD.search(page=page,
+                                                                page_size=page_size,
+                                                                adt_id=adt_id,
+                                                                **request.values)
+
+        return self.jsonify(page=page,
+                            page_size=page_size,
+                            numfound=numfound,
+                            total=len(res),
+                            result=res)
+
+
+class AutoDiscoveryTestView(APIView):
+    url_prefix = ("/adt/<int:adt_id>/test", "/adt/test/<string:exec_id>/result")
+
+    def get(self, exec_id):
+        return self.jsonify(stdout="1\n2\n3", exec_id=exec_id)
+
+    def post(self, adt_id):
+        return self.jsonify(exec_id=uuid.uuid4().hex)
+
+
+class AutoDiscoveryExecHistoryView(APIView):
+    url_prefix = ("/adc/exec/histories",)
+
+    @args_required('type_id')
+    def get(self):
+        page = get_page(request.values.pop('page', 1))
+        page_size = get_page_size(request.values.pop('page_size', None))
+        last_size = request.values.pop('last_size', None)
+        if last_size and last_size.isdigit():
+            last_size = int(last_size)
+        numfound, res = AutoDiscoveryExecHistoryCRUD.search(page=page,
+                                                            page_size=page_size,
+                                                            last_size=last_size,
+                                                            **request.values)
+
+        return self.jsonify(page=page,
+                            page_size=page_size,
+                            numfound=numfound,
+                            total=len(res),
+                            result=res)
+
+    @args_required('type_id')
+    @args_required('stdout')
+    def post(self):
+        AutoDiscoveryExecHistoryCRUD().add(type_id=request.values.get('type_id'),
+                                           stdout=request.values.get('stdout'))
+
+        return self.jsonify(code=200)
+
+
+class AutoDiscoveryCounterView(APIView):
+    url_prefix = ("/adc/counter",)
+
+    @args_required('type_id')
+    def get(self):
+        type_id = request.values.get('type_id')
+
+        return self.jsonify(AutoDiscoveryCounterCRUD().get(type_id))
+
+
+class AutoDiscoveryAccountView(APIView):
+    url_prefix = ("/adr/accounts", "/adr/accounts/<int:account_id>")
+
+    @args_required('adr_id')
+    def get(self):
+        adr_id = request.values.get('adr_id')
+
+        return self.jsonify(AutoDiscoveryAccountCRUD().get(adr_id))
+
+    @args_required('adr_id')
+    @args_required('accounts', value_required=False)
+    def post(self):
+        AutoDiscoveryAccountCRUD().upsert(**request.values)
+
+        return self.jsonify(code=200)
+
+    @args_required('config')
+    def put(self, account_id):
+        res = AutoDiscoveryAccountCRUD().update(account_id, **request.values)
+
+        return self.jsonify(res.to_dict())
+
+    def delete(self, account_id):
+        AutoDiscoveryAccountCRUD().delete(account_id)
+
+        return self.jsonify(account_id=account_id)

cmdb-api/api/views/cmdb/ci.py

@@ -268,6 +268,7 @@ class CIBaselineView(APIView):
         return self.jsonify(CIManager().baseline(list(map(int, ci_ids)), before_date))
 
     @args_required("before_date")
+    @has_perm_for_ci("ci_id", ResourceTypeEnum.CI, PermEnum.UPDATE, CIManager.get_type)
     def post(self, ci_id):
         if 'rollback' in request.url:
             before_date = request.values.get('before_date')

cmdb-api/api/views/cmdb/ci_type.py

@@ -51,7 +51,11 @@ class CITypeView(APIView):
         q = request.args.get("type_name")
 
         if type_id is not None:
-            ci_type = CITypeCache.get(type_id).to_dict()
+            ci_type = CITypeCache.get(type_id)
+            if ci_type is None:
+                return abort(404, ErrFormat.ci_type_not_found)
+
+            ci_type = ci_type.to_dict()
             ci_type['parent_ids'] = CITypeInheritanceManager.get_parents(type_id)
             ci_types = [ci_type]
         elif type_name is not None:
@@ -357,15 +361,13 @@ class CITypeAttributeGroupView(APIView):
 
 
 class CITypeTemplateView(APIView):
-    url_prefix = ("/ci_types/template/import", "/ci_types/template/export", "/ci_types/<int:type_id>/template/export")
+    url_prefix = ("/ci_types/template/import", "/ci_types/template/export")
 
     @perms_role_required(app_cli.app_name, app_cli.resource_type_name, app_cli.op.Model_Configuration,
                          app_cli.op.download_CIType, app_cli.admin_name)
-    def get(self, type_id=None):  # export
+    def get(self):  # export
-        if type_id is not None:
+        type_ids = list(map(int, handle_arg_list(request.values.get('type_ids')))) or None
-            return self.jsonify(dict(ci_type_template=CITypeTemplateManager.export_template_by_type(type_id)))
+        return self.jsonify(dict(ci_type_template=CITypeTemplateManager.export_template(type_ids=type_ids)))
-
-        return self.jsonify(dict(ci_type_template=CITypeTemplateManager.export_template()))
 
     @perms_role_required(app_cli.app_name, app_cli.resource_type_name, app_cli.op.Model_Configuration,
                          app_cli.op.download_CIType, app_cli.admin_name)

cmdb-api/api/views/cmdb/ci_type_relation.py

@@ -57,10 +57,10 @@ class CITypeRelationView(APIView):
     def post(self, parent_id, child_id):
         relation_type_id = request.values.get("relation_type_id")
         constraint = request.values.get("constraint")
-        parent_attr_id = request.values.get("parent_attr_id")
+        parent_attr_ids = request.values.get("parent_attr_ids")
-        child_attr_id = request.values.get("child_attr_id")
+        child_attr_ids = request.values.get("child_attr_ids")
         ctr_id = CITypeRelationManager.add(parent_id, child_id, relation_type_id, constraint,
-                                           parent_attr_id, child_attr_id)
+                                           parent_attr_ids, child_attr_ids)
 
         return self.jsonify(ctr_id=ctr_id)
 

cmdb-api/requirements.txt

@@ -31,6 +31,7 @@ marshmallow==2.20.2
 more-itertools==5.0.0
 msgpack-python==0.5.6
 Pillow>=10.0.1
+pycryptodome==3.12.0
 cryptography>=41.0.2
 PyJWT==2.4.0
 PyMySQL==1.1.0
@@ -54,3 +55,4 @@ pycryptodomex>=3.19.0
 colorama>=0.4.6
 lz4>=4.3.2
 python-magic==0.4.27
+jsonpath==0.82.2

cmdb-ui/.env

@@ -3,3 +3,4 @@ VUE_APP_PREVIEW=false
 VUE_APP_API_BASE_URL=http://127.0.0.1:5000/api
 VUE_APP_BUILD_PACKAGES="ticket,calendar,acl"
 VUE_APP_IS_OUTER=true
+VUE_APP_IS_OPEN_SOURCE=true

cmdb-ui/package.json

@@ -59,7 +59,7 @@
     "vue-template-compiler": "2.6.11",
     "vuedraggable": "^2.23.0",
     "vuex": "^3.1.1",
-    "vxe-table": "3.6.9",
+    "vxe-table": "3.7.10",
     "vxe-table-plugin-export-xlsx": "2.0.0",
     "xe-utils": "3",
     "xlsx": "0.15.0",

cmdb-ui/public/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3857903 */
-  src: url('iconfont.woff2?t=1716896994700') format('woff2'),
+  src: url('iconfont.woff2?t=1721959219377') format('woff2'),
-       url('iconfont.woff?t=1716896994700') format('woff'),
+       url('iconfont.woff?t=1721959219377') format('woff'),
-       url('iconfont.ttf?t=1716896994700') format('truetype');
+       url('iconfont.ttf?t=1721959219377') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,314 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.caise-data_center:before {
+  content: "\e96f";
+}
+
+.caise-folder:before {
+  content: "\e970";
+}
+
+.caise-resource_pool:before {
+  content: "\e971";
+}
+
+.caise-network:before {
+  content: "\e972";
+}
+
+.caise-distributed_switch:before {
+  content: "\e973";
+}
+
+.caise-standard_switch:before {
+  content: "\e974";
+}
+
+.caise-host_cluster:before {
+  content: "\e975";
+}
+
+.caise-storage_cluster:before {
+  content: "\e976";
+}
+
+.caise-data_storage:before {
+  content: "\e977";
+}
+
+.veops-account:before {
+  content: "\e96e";
+}
+
+.veops-collect:before {
+  content: "\e96d";
+}
+
+.veops-collected:before {
+  content: "\e96c";
+}
+
+.veops-text:before {
+  content: "\e96b";
+}
+
+.veops-markdown:before {
+  content: "\e96a";
+}
+
+.veops-bar_horizontal:before {
+  content: "\e860";
+}
+
+.veops-gauge:before {
+  content: "\e965";
+}
+
+.veops-heatmap:before {
+  content: "\e966";
+}
+
+.veops-treemap:before {
+  content: "\e967";
+}
+
+.veops-radar:before {
+  content: "\e968";
+}
+
+.veops-data:before {
+  content: "\e969";
+}
+
+.veops-import:before {
+  content: "\e963";
+}
+
+.veops-batch_operation:before {
+  content: "\e964";
+}
+
+.cmdb-enterprise_edition:before {
+  content: "\e962";
+}
+
+.ops-KVM:before {
+  content: "\e961";
+}
+
+.cmdb-vcenter:before {
+  content: "\e960";
+}
+
+.cmdb-manual_warehousing:before {
+  content: "\e95f";
+}
+
+.cmdb-not_warehousing:before {
+  content: "\e95d";
+}
+
+.cmdb-warehousing:before {
+  content: "\e95e";
+}
+
+.cmdb-prompt:before {
+  content: "\e95c";
+}
+
+.cmdb-arrow:before {
+  content: "\e95b";
+}
+
+.cmdb-automatic_inventory:before {
+  content: "\e95a";
+}
+
+.cmdb-week_additions:before {
+  content: "\e959";
+}
+
+.cmdb-month_additions:before {
+  content: "\e958";
+}
+
+.cmdb-rule:before {
+  content: "\e955";
+}
+
+.cmdb-executing_machine:before {
+  content: "\e956";
+}
+
+.cmdb-resource:before {
+  content: "\e957";
+}
+
+.cmdb-discovery_resources:before {
+  content: "\e954";
+}
+
+.cmdb-association:before {
+  content: "\e953";
+}
+
+.ops-is_dynamic-disabled:before {
+  content: "\e952";
+}
+
+.itsm-pdf:before {
+  content: "\e951";
+}
+
+.monitor-sqlserver:before {
+  content: "\e950";
+}
+
+.monitor-dig2:before {
+  content: "\e94d";
+}
+
+.monitor-base2:before {
+  content: "\e94e";
+}
+
+.monitor-foreground1:before {
+  content: "\e94f";
+}
+
+.monitor-log2:before {
+  content: "\e945";
+}
+
+.monitor-backgroud1:before {
+  content: "\e946";
+}
+
+.monitor-port1:before {
+  content: "\e947";
+}
+
+.monitor-ipmi2:before {
+  content: "\e948";
+}
+
+.monitor-process2:before {
+  content: "\e949";
+}
+
+.monitor-snmp2:before {
+  content: "\e94a";
+}
+
+.monitor-performance1:before {
+  content: "\e94b";
+}
+
+.monitor-testing1:before {
+  content: "\e94c";
+}
+
+.monitor-ping2:before {
+  content: "\e941";
+}
+
+.monitor-prometheus:before {
+  content: "\e942";
+}
+
+.monitor-websocket2:before {
+  content: "\e943";
+}
+
+.monitor-traceroute2:before {
+  content: "\e944";
+}
+
+.monitor-port:before {
+  content: "\e93c";
+}
+
+.monitor-base1:before {
+  content: "\e93d";
+}
+
+.monitor-backgroud:before {
+  content: "\e93e";
+}
+
+.monitor-dig1:before {
+  content: "\e93f";
+}
+
+.monitor-foreground:before {
+  content: "\e940";
+}
+
+.monitor-log1:before {
+  content: "\e934";
+}
+
+.monitor-process1:before {
+  content: "\e935";
+}
+
+.monitor-testing:before {
+  content: "\e936";
+}
+
+.monitor-snmp1:before {
+  content: "\e937";
+}
+
+.monitor-performance:before {
+  content: "\e938";
+}
+
+.monitor-traceroute1:before {
+  content: "\e939";
+}
+
+.monitor-ping1:before {
+  content: "\e93a";
+}
+
+.monitor-ipmi1:before {
+  content: "\e93b";
+}
+
+.a-monitor-prometheus1:before {
+  content: "\e932";
+}
+
+.monitor-websocket1:before {
+  content: "\e933";
+}
+
+.monitor-group_expansion1:before {
+  content: "\e930";
+}
+
+.monitor-group_collapse1:before {
+  content: "\e931";
+}
+
+.monitor-group_expansion:before {
+  content: "\e92e";
+}
+
+.monitor-group_collapse:before {
+  content: "\e92f";
+}
+
+.monitor-list_view:before {
+  content: "\e92d";
+}
+
+.monitor-group_view:before {
+  content: "\e92c";
+}
+
 .ops-topology_view:before {
   content: "\e92b";
 }
@@ -21,7 +329,7 @@
   content: "\e92a";
 }
 
-.a-Group427319324:before {
+.monitor-add2:before {
   content: "\e929";
 }
 
@@ -125,10 +433,6 @@
   content: "\e862";
 }
 
-.a-veops-import1:before {
-  content: "\e860";
-}
-
 .monitor-ip:before {
   content: "\e807";
 }

cmdb-ui/public/iconfont/iconfont.json

@@ -5,6 +5,545 @@
   "css_prefix_text": "",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "41143117",
+      "name": "caise-数据中心",
+      "font_class": "caise-data_center",
+      "unicode": "e96f",
+      "unicode_decimal": 59759
+    },
+    {
+      "icon_id": "41143118",
+      "name": "caise-文件夹",
+      "font_class": "caise-folder",
+      "unicode": "e970",
+      "unicode_decimal": 59760
+    },
+    {
+      "icon_id": "41143119",
+      "name": "caise-资源池",
+      "font_class": "caise-resource_pool",
+      "unicode": "e971",
+      "unicode_decimal": 59761
+    },
+    {
+      "icon_id": "41143120",
+      "name": "caise-网络",
+      "font_class": "caise-network",
+      "unicode": "e972",
+      "unicode_decimal": 59762
+    },
+    {
+      "icon_id": "41143121",
+      "name": "caise-分布式交换机",
+      "font_class": "caise-distributed_switch",
+      "unicode": "e973",
+      "unicode_decimal": 59763
+    },
+    {
+      "icon_id": "41143122",
+      "name": "caise-标准式交换机",
+      "font_class": "caise-standard_switch",
+      "unicode": "e974",
+      "unicode_decimal": 59764
+    },
+    {
+      "icon_id": "41143128",
+      "name": "caise-主机集群",
+      "font_class": "caise-host_cluster",
+      "unicode": "e975",
+      "unicode_decimal": 59765
+    },
+    {
+      "icon_id": "41143129",
+      "name": "caise-数据存储集群",
+      "font_class": "caise-storage_cluster",
+      "unicode": "e976",
+      "unicode_decimal": 59766
+    },
+    {
+      "icon_id": "41143143",
+      "name": "caise-数据存储",
+      "font_class": "caise-data_storage",
+      "unicode": "e977",
+      "unicode_decimal": 59767
+    },
+    {
+      "icon_id": "41141857",
+      "name": "veops-account",
+      "font_class": "veops-account",
+      "unicode": "e96e",
+      "unicode_decimal": 59758
+    },
+    {
+      "icon_id": "41128804",
+      "name": "veops-collect",
+      "font_class": "veops-collect",
+      "unicode": "e96d",
+      "unicode_decimal": 59757
+    },
+    {
+      "icon_id": "41128781",
+      "name": "veops-collected",
+      "font_class": "veops-collected",
+      "unicode": "e96c",
+      "unicode_decimal": 59756
+    },
+    {
+      "icon_id": "41106846",
+      "name": "veops-text",
+      "font_class": "veops-text",
+      "unicode": "e96b",
+      "unicode_decimal": 59755
+    },
+    {
+      "icon_id": "40896913",
+      "name": "veops-markdown",
+      "font_class": "veops-markdown",
+      "unicode": "e96a",
+      "unicode_decimal": 59754
+    },
+    {
+      "icon_id": "40896859",
+      "name": "veops-bar_horizontal",
+      "font_class": "veops-bar_horizontal",
+      "unicode": "e860",
+      "unicode_decimal": 59488
+    },
+    {
+      "icon_id": "40896881",
+      "name": "veops-gauge",
+      "font_class": "veops-gauge",
+      "unicode": "e965",
+      "unicode_decimal": 59749
+    },
+    {
+      "icon_id": "40896882",
+      "name": "veops-heatmap",
+      "font_class": "veops-heatmap",
+      "unicode": "e966",
+      "unicode_decimal": 59750
+    },
+    {
+      "icon_id": "40896884",
+      "name": "veops-treemap",
+      "font_class": "veops-treemap",
+      "unicode": "e967",
+      "unicode_decimal": 59751
+    },
+    {
+      "icon_id": "40896887",
+      "name": "veops-radar",
+      "font_class": "veops-radar",
+      "unicode": "e968",
+      "unicode_decimal": 59752
+    },
+    {
+      "icon_id": "40896905",
+      "name": "veops-data",
+      "font_class": "veops-data",
+      "unicode": "e969",
+      "unicode_decimal": 59753
+    },
+    {
+      "icon_id": "40872369",
+      "name": "veops-import",
+      "font_class": "veops-import",
+      "unicode": "e963",
+      "unicode_decimal": 59747
+    },
+    {
+      "icon_id": "40872361",
+      "name": "veops-batch_operation",
+      "font_class": "veops-batch_operation",
+      "unicode": "e964",
+      "unicode_decimal": 59748
+    },
+    {
+      "icon_id": "40834860",
+      "name": "cmdb-enterprise_edition",
+      "font_class": "cmdb-enterprise_edition",
+      "unicode": "e962",
+      "unicode_decimal": 59746
+    },
+    {
+      "icon_id": "40832458",
+      "name": "ops-KVM",
+      "font_class": "ops-KVM",
+      "unicode": "e961",
+      "unicode_decimal": 59745
+    },
+    {
+      "icon_id": "40822644",
+      "name": "cmdb-vcenter",
+      "font_class": "cmdb-vcenter",
+      "unicode": "e960",
+      "unicode_decimal": 59744
+    },
+    {
+      "icon_id": "40795271",
+      "name": "cmdb-manual_warehousing",
+      "font_class": "cmdb-manual_warehousing",
+      "unicode": "e95f",
+      "unicode_decimal": 59743
+    },
+    {
+      "icon_id": "40791408",
+      "name": "cmdb-not_warehousing",
+      "font_class": "cmdb-not_warehousing",
+      "unicode": "e95d",
+      "unicode_decimal": 59741
+    },
+    {
+      "icon_id": "40791401",
+      "name": "cmdb-warehousing",
+      "font_class": "cmdb-warehousing",
+      "unicode": "e95e",
+      "unicode_decimal": 59742
+    },
+    {
+      "icon_id": "40731588",
+      "name": "cmdb-prompt",
+      "font_class": "cmdb-prompt",
+      "unicode": "e95c",
+      "unicode_decimal": 59740
+    },
+    {
+      "icon_id": "40722326",
+      "name": "cmdb-arrow",
+      "font_class": "cmdb-arrow",
+      "unicode": "e95b",
+      "unicode_decimal": 59739
+    },
+    {
+      "icon_id": "40711364",
+      "name": "cmdb-automatic_inventory",
+      "font_class": "cmdb-automatic_inventory",
+      "unicode": "e95a",
+      "unicode_decimal": 59738
+    },
+    {
+      "icon_id": "40711409",
+      "name": "cmdb-week_additions",
+      "font_class": "cmdb-week_additions",
+      "unicode": "e959",
+      "unicode_decimal": 59737
+    },
+    {
+      "icon_id": "40711428",
+      "name": "cmdb-month_additions",
+      "font_class": "cmdb-month_additions",
+      "unicode": "e958",
+      "unicode_decimal": 59736
+    },
+    {
+      "icon_id": "40711344",
+      "name": "cmdb-rule",
+      "font_class": "cmdb-rule",
+      "unicode": "e955",
+      "unicode_decimal": 59733
+    },
+    {
+      "icon_id": "40711349",
+      "name": "cmdb-executing_machine",
+      "font_class": "cmdb-executing_machine",
+      "unicode": "e956",
+      "unicode_decimal": 59734
+    },
+    {
+      "icon_id": "40711356",
+      "name": "cmdb-resource",
+      "font_class": "cmdb-resource",
+      "unicode": "e957",
+      "unicode_decimal": 59735
+    },
+    {
+      "icon_id": "40705423",
+      "name": "cmdb-discovery_resources",
+      "font_class": "cmdb-discovery_resources",
+      "unicode": "e954",
+      "unicode_decimal": 59732
+    },
+    {
+      "icon_id": "40701723",
+      "name": "cmdb-association",
+      "font_class": "cmdb-association",
+      "unicode": "e953",
+      "unicode_decimal": 59731
+    },
+    {
+      "icon_id": "40645466",
+      "name": "ops-is_dynamic-disabled",
+      "font_class": "ops-is_dynamic-disabled",
+      "unicode": "e952",
+      "unicode_decimal": 59730
+    },
+    {
+      "icon_id": "40590472",
+      "name": "itsm-pdf",
+      "font_class": "itsm-pdf",
+      "unicode": "e951",
+      "unicode_decimal": 59729
+    },
+    {
+      "icon_id": "40552176",
+      "name": "monitor-sqlserver",
+      "font_class": "monitor-sqlserver",
+      "unicode": "e950",
+      "unicode_decimal": 59728
+    },
+    {
+      "icon_id": "40548499",
+      "name": "monitor-dig",
+      "font_class": "monitor-dig2",
+      "unicode": "e94d",
+      "unicode_decimal": 59725
+    },
+    {
+      "icon_id": "40548507",
+      "name": "monitor-base",
+      "font_class": "monitor-base2",
+      "unicode": "e94e",
+      "unicode_decimal": 59726
+    },
+    {
+      "icon_id": "40548498",
+      "name": "monitor-foreground",
+      "font_class": "monitor-foreground1",
+      "unicode": "e94f",
+      "unicode_decimal": 59727
+    },
+    {
+      "icon_id": "40548504",
+      "name": "monitor-log",
+      "font_class": "monitor-log2",
+      "unicode": "e945",
+      "unicode_decimal": 59717
+    },
+    {
+      "icon_id": "40548508",
+      "name": "monitor-backgroud",
+      "font_class": "monitor-backgroud1",
+      "unicode": "e946",
+      "unicode_decimal": 59718
+    },
+    {
+      "icon_id": "40548502",
+      "name": "monitor-port",
+      "font_class": "monitor-port1",
+      "unicode": "e947",
+      "unicode_decimal": 59719
+    },
+    {
+      "icon_id": "40548501",
+      "name": "monitor-ipmi",
+      "font_class": "monitor-ipmi2",
+      "unicode": "e948",
+      "unicode_decimal": 59720
+    },
+    {
+      "icon_id": "40548511",
+      "name": "monitor-process",
+      "font_class": "monitor-process2",
+      "unicode": "e949",
+      "unicode_decimal": 59721
+    },
+    {
+      "icon_id": "40548506",
+      "name": "monitor-snmp",
+      "font_class": "monitor-snmp2",
+      "unicode": "e94a",
+      "unicode_decimal": 59722
+    },
+    {
+      "icon_id": "40548500",
+      "name": "monitor-performance",
+      "font_class": "monitor-performance1",
+      "unicode": "e94b",
+      "unicode_decimal": 59723
+    },
+    {
+      "icon_id": "40548510",
+      "name": "monitor-testing",
+      "font_class": "monitor-testing1",
+      "unicode": "e94c",
+      "unicode_decimal": 59724
+    },
+    {
+      "icon_id": "40548503",
+      "name": "monitor-ping",
+      "font_class": "monitor-ping2",
+      "unicode": "e941",
+      "unicode_decimal": 59713
+    },
+    {
+      "icon_id": "40548509",
+      "name": "monitor-prometheus",
+      "font_class": "monitor-prometheus",
+      "unicode": "e942",
+      "unicode_decimal": 59714
+    },
+    {
+      "icon_id": "40548505",
+      "name": "monitor-websocket",
+      "font_class": "monitor-websocket2",
+      "unicode": "e943",
+      "unicode_decimal": 59715
+    },
+    {
+      "icon_id": "40548512",
+      "name": "monitor-traceroute",
+      "font_class": "monitor-traceroute2",
+      "unicode": "e944",
+      "unicode_decimal": 59716
+    },
+    {
+      "icon_id": "40548205",
+      "name": "monitor-port",
+      "font_class": "monitor-port",
+      "unicode": "e93c",
+      "unicode_decimal": 59708
+    },
+    {
+      "icon_id": "40548204",
+      "name": "monitor-base",
+      "font_class": "monitor-base1",
+      "unicode": "e93d",
+      "unicode_decimal": 59709
+    },
+    {
+      "icon_id": "40548203",
+      "name": "monitor-backgroud",
+      "font_class": "monitor-backgroud",
+      "unicode": "e93e",
+      "unicode_decimal": 59710
+    },
+    {
+      "icon_id": "40548202",
+      "name": "monitor-dig",
+      "font_class": "monitor-dig1",
+      "unicode": "e93f",
+      "unicode_decimal": 59711
+    },
+    {
+      "icon_id": "40548201",
+      "name": "monitor-foreground",
+      "font_class": "monitor-foreground",
+      "unicode": "e940",
+      "unicode_decimal": 59712
+    },
+    {
+      "icon_id": "40548213",
+      "name": "monitor-log",
+      "font_class": "monitor-log1",
+      "unicode": "e934",
+      "unicode_decimal": 59700
+    },
+    {
+      "icon_id": "40548212",
+      "name": "monitor-process",
+      "font_class": "monitor-process1",
+      "unicode": "e935",
+      "unicode_decimal": 59701
+    },
+    {
+      "icon_id": "40548211",
+      "name": "monitor-testing",
+      "font_class": "monitor-testing",
+      "unicode": "e936",
+      "unicode_decimal": 59702
+    },
+    {
+      "icon_id": "40548210",
+      "name": "monitor-snmp",
+      "font_class": "monitor-snmp1",
+      "unicode": "e937",
+      "unicode_decimal": 59703
+    },
+    {
+      "icon_id": "40548209",
+      "name": "monitor-performance",
+      "font_class": "monitor-performance",
+      "unicode": "e938",
+      "unicode_decimal": 59704
+    },
+    {
+      "icon_id": "40548208",
+      "name": "monitor-traceroute",
+      "font_class": "monitor-traceroute1",
+      "unicode": "e939",
+      "unicode_decimal": 59705
+    },
+    {
+      "icon_id": "40548207",
+      "name": "monitor-ping",
+      "font_class": "monitor-ping1",
+      "unicode": "e93a",
+      "unicode_decimal": 59706
+    },
+    {
+      "icon_id": "40548206",
+      "name": "monitor-ipmi",
+      "font_class": "monitor-ipmi1",
+      "unicode": "e93b",
+      "unicode_decimal": 59707
+    },
+    {
+      "icon_id": "40548217",
+      "name": "monitor-prometheus (1)",
+      "font_class": "a-monitor-prometheus1",
+      "unicode": "e932",
+      "unicode_decimal": 59698
+    },
+    {
+      "icon_id": "40548214",
+      "name": "monitor-websocket",
+      "font_class": "monitor-websocket1",
+      "unicode": "e933",
+      "unicode_decimal": 59699
+    },
+    {
+      "icon_id": "40521692",
+      "name": "monitor-group_expansion",
+      "font_class": "monitor-group_expansion1",
+      "unicode": "e930",
+      "unicode_decimal": 59696
+    },
+    {
+      "icon_id": "40521691",
+      "name": "monitor-group_collapse",
+      "font_class": "monitor-group_collapse1",
+      "unicode": "e931",
+      "unicode_decimal": 59697
+    },
+    {
+      "icon_id": "40520774",
+      "name": "monitor-group_expansion",
+      "font_class": "monitor-group_expansion",
+      "unicode": "e92e",
+      "unicode_decimal": 59694
+    },
+    {
+      "icon_id": "40520787",
+      "name": "monitor-group_collapse",
+      "font_class": "monitor-group_collapse",
+      "unicode": "e92f",
+      "unicode_decimal": 59695
+    },
+    {
+      "icon_id": "40519707",
+      "name": "monitor-list_view",
+      "font_class": "monitor-list_view",
+      "unicode": "e92d",
+      "unicode_decimal": 59693
+    },
+    {
+      "icon_id": "40519711",
+      "name": "monitor-group_view",
+      "font_class": "monitor-group_view",
+      "unicode": "e92c",
+      "unicode_decimal": 59692
+    },
     {
       "icon_id": "40499246",
       "name": "ops-topology_view",
@@ -22,7 +561,7 @@
     {
       "icon_id": "40372105",
       "name": "monitor-add2",
-      "font_class": "a-Group427319324",
+      "font_class": "monitor-add2",
       "unicode": "e929",
       "unicode_decimal": 59689
     },
@@ -201,13 +740,6 @@
       "unicode": "e862",
       "unicode_decimal": 59490
     },
-    {
-      "icon_id": "40306881",
-      "name": "veops-import",
-      "font_class": "a-veops-import1",
-      "unicode": "e860",
-      "unicode_decimal": 59488
-    },
     {
       "icon_id": "40262335",
       "name": "monitor-ip (1)",

cmdb-ui/src/components/CustomIconSelect/constants.js

@@ -905,6 +905,33 @@ export const multicolorIconList = [
     value: 'caise-application',
     label: '应用',
     list: [{
+      value: 'caise-data_center',
+      label: '数据中心'
+    }, {
+      value: 'caise-folder',
+      label: '文件夹'
+    }, {
+      value: 'caise-resource_pool',
+      label: '资源池'
+    }, {
+      value: 'caise-network',
+      label: '网络'
+    }, {
+      value: 'caise-distributed_switch',
+      label: '分布式交换机'
+    }, {
+      value: 'caise-standard_switch',
+      label: '标准式交换机'
+    }, {
+      value: 'caise-host_cluster',
+      label: '主机集群'
+    }, {
+      value: 'caise-storage_cluster',
+      label: '数据存储集群'
+    }, {
+      value: 'caise-data_storage',
+      label: '数据存储'
+    }, {
       value: 'caise-yilianjie',
       label: '已连接'
     }, {

cmdb-ui/src/components/RegexSelect/constants.js

@@ -10,10 +10,10 @@ export const regList = () => {
         { id: 'landline', label: i18n.t('regexSelect.landline'), value: '^(?:(?:\\d{3}-)?\\d{8}|^(?:\\d{4}-)?\\d{7,8})(?:-\\d+)?$', message: '请输入正确座机' },
         { id: 'zipCode', label: i18n.t('regexSelect.zipCode'), value: '^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\\d{4}$', message: '请输入正确邮政编码' },
         { id: 'IDCard', label: i18n.t('regexSelect.IDCard'), value: '(^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$)|(^[1-9]\\d{5}\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}$)', message: '请输入正确身份证号' },
-        { id: 'ip', label: i18n.t('regexSelect.ip'), value: '^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$', message: '请输入正确IP地址' },
+        { id: 'ip', label: i18n.t('regexSelect.ip'), value: '^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$', message: '请输入正确IP地址' },
-        { id: 'email', label: i18n.t('regexSelect.email'), value: '^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\.\\w+([-.]\\w+)*$', message: '请输入正确邮箱' },
+        { id: 'email', label: i18n.t('regexSelect.email'), value: '^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$', message: '请输入正确邮箱' },
-        { id: 'link', label: i18n.t('regexSelect.link'), value: '^(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?$', message: '请输入链接' },
+        { id: 'link', label: i18n.t('regexSelect.link'), value: '^(https:\/\/www\\.|http:\/\/www\\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\\.[a-zA-Z0-9]{2,})(\\.[a-zA-Z0-9]{2,})?$', message: '请输入链接' },
-        { id: 'monetaryAmount', label: i18n.t('regexSelect.monetaryAmount'), value: '^-?\\d+(,\\d{3})*(\.\\d{1,2})?$', message: '请输入货币金额' },
+        { id: 'monetaryAmount', label: i18n.t('regexSelect.monetaryAmount'), value: '^-?\\d+(,\\d{3})*(\\.\\d{1,2})?$', message: '请输入货币金额' },
         { id: 'custom', label: i18n.t('regexSelect.custom'), value: '', message: '' }
     ]
 }

cmdb-ui/src/components/tools/UserMenu.vue

@@ -57,7 +57,9 @@ export default {
   computed: {
     ...mapState(['user', 'locale']),
     hasBackendPermission() {
-      return this.user?.detailPermissions?.backend?.length
+      const isAdmin = this?.user?.roles?.permissions?.includes('acl_admin')
+
+      return isAdmin || this.user?.detailPermissions?.backend?.length
     },
   },
   methods: {

cmdb-ui/src/core/use.js

@@ -69,6 +69,8 @@ Vue.prototype.$httpError = function (err, describe) {
 
 window.$message = Vue.prototype.$message
 
+Vue.prototype.isOpenSource = process.env.VUE_APP_IS_OPEN_SOURCE === 'true'
+
 Vue.use(Antd)
 Vue.use(Viser)
 

cmdb-ui/src/lang/en.js

@@ -160,7 +160,7 @@ export default {
         landline: 'landline',
         zipCode: 'zip code',
         IDCard: 'ID card',
-        ip: 'IP',
+        ip: 'IPv4',
         email: 'email',
         link: 'link',
         monetaryAmount: 'monetary amount',

cmdb-ui/src/lang/zh.js

@@ -160,7 +160,7 @@ export default {
         landline: '座机',
         zipCode: '邮政编码',
         IDCard: '身份证号',
-        ip: 'IP地址',
+        ip: 'IPv4地址',
         email: '邮箱',
         link: '链接',
         monetaryAmount: '货币金额',

cmdb-ui/src/modules/cmdb/api/CIType.js

@@ -1,232 +1,257 @@
-import { axios } from '@/utils/request'
+import { axios } from '@/utils/request'
-
+
-/**
+/**
- * 获取 所有的 ci_types
+ * 获取 所有的 ci_types
- * @param parameter
+ * @param parameter
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function getCITypes(parameter) {
+export function getCITypes(parameter) {
-  return axios({
+  return axios({
-    url: '/v0.1/ci_types',
+    url: '/v0.1/ci_types',
-    method: 'GET',
+    method: 'GET',
-    params: parameter
+    params: parameter
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 获取 某个 ci_types
+ * 获取 某个 ci_types
- * @param CITypeName
+ * @param CITypeName
- * @param parameter
+ * @param parameter
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function getCIType(CITypeName, parameter) {
+export function getCIType(CITypeName, parameter) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/${CITypeName}`,
+    url: `/v0.1/ci_types/${CITypeName}`,
-    method: 'GET',
+    method: 'GET',
-    params: parameter
+    params: parameter
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 创建 ci_type
+ * 创建 ci_type
- * @param data
+ * @param data
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function createCIType(data) {
+export function createCIType(data) {
-  return axios({
+  return axios({
-    url: '/v0.1/ci_types',
+    url: '/v0.1/ci_types',
-    method: 'POST',
+    method: 'POST',
-    data: data
+    data: data
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 更新 ci_type
+ * 更新 ci_type
- * @param CITypeId
+ * @param CITypeId
- * @param data
+ * @param data
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function updateCIType(CITypeId, data) {
+export function updateCIType(CITypeId, data) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/${CITypeId}`,
+    url: `/v0.1/ci_types/${CITypeId}`,
-    method: 'PUT',
+    method: 'PUT',
-    data: data
+    data: data
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 删除 ci_type
+ * 删除 ci_type
- * @param CITypeId
+ * @param CITypeId
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function deleteCIType(CITypeId) {
+export function deleteCIType(CITypeId) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/${CITypeId}`,
+    url: `/v0.1/ci_types/${CITypeId}`,
-    method: 'DELETE'
+    method: 'DELETE'
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 获取 某个 ci_type 的分组
+ * 获取 某个 ci_type 的分组
- * @param CITypeId
+ * @param CITypeId
- * @param data
+ * @param data
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function getCITypeGroupById(CITypeId, data) {
+export function getCITypeGroupById(CITypeId, data) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/${CITypeId}/attribute_groups`,
+    url: `/v0.1/ci_types/${CITypeId}/attribute_groups`,
-    method: 'GET',
+    method: 'GET',
-    params: data
+    params: data
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 保存 某个 ci_type 的分组
+ * 保存 某个 ci_type 的分组
- * @param CITypeId
+ * @param CITypeId
- * @param data
+ * @param data
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function createCITypeGroupById(CITypeId, data) {
+export function createCITypeGroupById(CITypeId, data) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/${CITypeId}/attribute_groups`,
+    url: `/v0.1/ci_types/${CITypeId}/attribute_groups`,
-    method: 'POST',
+    method: 'POST',
-    data: data
+    data: data
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 修改 某个 ci_type 的分组
+ * 修改 某个 ci_type 的分组
- * @param groupId
+ * @param groupId
- * @param data
+ * @param data
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function updateCITypeGroupById(groupId, data) {
+export function updateCITypeGroupById(groupId, data) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/attribute_groups/${groupId}`,
+    url: `/v0.1/ci_types/attribute_groups/${groupId}`,
-    method: 'PUT',
+    method: 'PUT',
-    data: data
+    data: data
-  })
+  })
-}
+}
-
+
-/**
+/**
- * 删除 某个 ci_type 的分组
+ * 删除 某个 ci_type 的分组
- * @param groupId
+ * @param groupId
- * @param data
+ * @param data
- * @returns {AxiosPromise}
+ * @returns {AxiosPromise}
- */
+ */
-export function deleteCITypeGroupById(groupId, data) {
+export function deleteCITypeGroupById(groupId, data) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/attribute_groups/${groupId}`,
+    url: `/v0.1/ci_types/attribute_groups/${groupId}`,
-    method: 'delete',
+    method: 'delete',
-    data: data
+    data: data
-  })
+  })
-}
+}
-
+
-export function getUniqueConstraintList(type_id) {
+/**
-  return axios({
+ * 获取级联属性配置
-    url: `/v0.1/ci_types/${type_id}/unique_constraint`,
+ * @param {*} typeId
-    method: 'get',
+ * @returns
-  })
+ */
-}
+export function getCITypeCascadeAttributes(typeId) {
-
+  return axios({
-export function addUniqueConstraint(type_id, data) {
+    url: `/v0.1/cascade_attributes/ci_types/${typeId}`,
-  return axios({
+    method: 'get'
-    url: `/v0.1/ci_types/${type_id}/unique_constraint`,
+  })
-    method: 'post',
+}
-    data: data
+
-  })
+/**
-}
+ * 获取级联属性数据
-
+ * @param {*} typeId
-export function updateUniqueConstraint(type_id, id, data) {
+ * @returns
-  return axios({
+ */
-    url: `/v0.1/ci_types/${type_id}/unique_constraint/${id}`,
+export function postCITypeCascadeAttributesValues(attrId, data) {
-    method: 'put',
+  return axios({
-    data: data
+    url: `/v0.1/cascade_attributes/${attrId}/values`,
-  })
+    method: 'post',
-}
+    data
-
+  })
-export function deleteUniqueConstraint(type_id, id) {
+}
-  return axios({
+
-    url: `/v0.1/ci_types/${type_id}/unique_constraint/${id}`,
+export function getUniqueConstraintList(type_id) {
-    method: 'delete',
+  return axios({
-  })
+    url: `/v0.1/ci_types/${type_id}/unique_constraint`,
-}
+    method: 'get',
-
+  })
-export function getTriggerList(type_id) {
+}
-  return axios({
+
-    url: `/v0.1/ci_types/${type_id}/triggers`,
+export function addUniqueConstraint(type_id, data) {
-    method: 'get',
+  return axios({
-  })
+    url: `/v0.1/ci_types/${type_id}/unique_constraint`,
-}
+    method: 'post',
-
+    data: data
-export function addTrigger(type_id, data) {
+  })
-  return axios({
+}
-    url: `/v0.1/ci_types/${type_id}/triggers`,
+
-    method: 'post',
+export function updateUniqueConstraint(type_id, id, data) {
-    data: data
+  return axios({
-  })
+    url: `/v0.1/ci_types/${type_id}/unique_constraint/${id}`,
-}
+    method: 'put',
-
+    data: data
-export function updateTrigger(type_id, id, data) {
+  })
-  return axios({
+}
-    url: `/v0.1/ci_types/${type_id}/triggers/${id}`,
+
-    method: 'put',
+export function deleteUniqueConstraint(type_id, id) {
-    data: data
+  return axios({
-  })
+    url: `/v0.1/ci_types/${type_id}/unique_constraint/${id}`,
-}
+    method: 'delete',
-
+  })
-export function deleteTrigger(type_id, id) {
+}
-  return axios({
+
-    url: `/v0.1/ci_types/${type_id}/triggers/${id}`,
+export function getTriggerList(type_id) {
-    method: 'delete',
+  return axios({
-  })
+    url: `/v0.1/ci_types/${type_id}/triggers`,
-}
+    method: 'get',
-
+  })
-// CMDB的模型和实例的授权接口
+}
-export function grantCiType(type_id, rid, data) {
+
-  return axios({
+export function addTrigger(type_id, data) {
-    url: `/v0.1/ci_types/${type_id}/roles/${rid}/grant`,
+  return axios({
-    method: 'post',
+    url: `/v0.1/ci_types/${type_id}/triggers`,
-    data
+    method: 'post',
-  })
+    data: data
-}
+  })
-// CMDB的模型和实例的删除授权接口
+}
-export function revokeCiType(type_id, rid, data) {
+
-  return axios({
+export function updateTrigger(type_id, id, data) {
-    url: `/v0.1/ci_types/${type_id}/roles/${rid}/revoke`,
+  return axios({
-    method: 'post',
+    url: `/v0.1/ci_types/${type_id}/triggers/${id}`,
-    data
+    method: 'put',
-  })
+    data: data
-}
+  })
-// CMDB的模型和实例的过滤的权限
+}
-export function ciTypeFilterPermissions(type_id) {
+
-  return axios({
+export function deleteTrigger(type_id, id) {
-    url: `/v0.1/ci_types/${type_id}/filters/permissions`,
+  return axios({
-    method: 'get',
+    url: `/v0.1/ci_types/${type_id}/triggers/${id}`,
-  })
+    method: 'delete',
-}
+  })
-
+}
-// parent_ids, child_id
+
-export function postCiTypeInheritance(data) {
+// CMDB的模型和实例的授权接口
-  return axios({
+export function grantCiType(type_id, rid, data) {
-    url: `/v0.1/ci_types/inheritance`,
+  return axios({
-    method: 'post',
+    url: `/v0.1/ci_types/${type_id}/roles/${rid}/grant`,
-    data
+    method: 'post',
-  })
+    data
-}
+  })
-
+}
-// parent_id, child_id
+// CMDB的模型和实例的删除授权接口
-export function deleteCiTypeInheritance(data) {
+export function revokeCiType(type_id, rid, data) {
-  return axios({
+  return axios({
-    url: `/v0.1/ci_types/inheritance`,
+    url: `/v0.1/ci_types/${type_id}/roles/${rid}/revoke`,
-    method: 'delete',
+    method: 'post',
-    data
+    data
-  })
+  })
-}
+}
-
+// CMDB的模型和实例的过滤的权限
-export function getCITypeIcons() {
+export function ciTypeFilterPermissions(type_id) {
-  return axios({
+  return axios({
-    url: '/v0.1/ci_types/icons',
+    url: `/v0.1/ci_types/${type_id}/filters/permissions`,
-    method: 'GET',
+    method: 'get',
-  })
+  })
-}
+}
+
+// parent_ids, child_id
+export function postCiTypeInheritance(data) {
+  return axios({
+    url: `/v0.1/ci_types/inheritance`,
+    method: 'post',
+    data
+  })
+}
+
+// parent_id, child_id
+export function deleteCiTypeInheritance(data) {
+  return axios({
+    url: `/v0.1/ci_types/inheritance`,
+    method: 'delete',
+    data
+  })
+}
+
+export function getCITypeIcons() {
+  return axios({
+    url: '/v0.1/ci_types/icons',
+    method: 'GET',
+  })
+}

cmdb-ui/src/modules/cmdb/api/ciTypeGroup.js

@@ -50,3 +50,13 @@ export const putCITypeGroups = (data) => {
         data: data
     })
 }
+
+// 导出模型分组
+export function exportCITypeGroups(params) {
+  return axios({
+    url: `${urlPrefix}/ci_types/template/export`,
+    method: 'GET',
+    params: params,
+    timeout: 30 * 1000,
+  })
+}

cmdb-ui/src/modules/cmdb/api/discovery.js

@@ -45,11 +45,37 @@ export function getHttpAttributes(name, params) {
     })
 }
 
-export function getSnmpAttributes(name) {
+export function getSnmpAttributes(type, name) {
-    return axios({
+  return axios({
-        url: `/v0.1/adr/snmp/${name}/attributes`,
+    url: `/v0.1/adr/${type}/${name}/attributes`,
-        method: 'GET',
+    method: 'GET',
-    })
+  })
+}
+
+export function getHttpAttrMapping(name, resource) {
+  return axios({
+    url: `/v0.1/adr/http/${name}/mapping`,
+    method: 'GET',
+    params: {
+      resource
+    }
+  })
+}
+
+export function getHTTPAccounts(params) {
+  return axios({
+      url: `/v0.1/adr/accounts`,
+      method: 'GET',
+      params
+  })
+}
+
+export function postHTTPAccounts(data) {
+  return axios({
+      url: `/v0.1/adr/accounts`,
+      method: 'POST',
+      data
+  })
 }
 
 export function getCITypeDiscovery(type_id) {
@@ -118,3 +144,65 @@ export function deleteAdc(adc_id) {
         method: 'DELETE',
     })
 }
+
+export function getAdcCounter(params) {
+  return axios({
+    url: `v0.1/adc/counter`,
+    method: 'GET',
+    params
+  })
+}
+
+export function getAdcExecHistories(params) {
+  return axios({
+    url: `v0.1/adc/exec/histories`,
+    method: 'GET',
+    params
+  })
+}
+
+export function getAdtSyncHistories(adt_id) {
+  return axios({
+    url: `/v0.1/adt/${adt_id}/sync/histories`,
+    method: 'GET',
+    params: {
+      page_size: 9999
+    }
+  })
+}
+
+export function postAdtTest(adt_id) {
+  return axios({
+    url: `/v0.1/adt/${adt_id}/test`,
+    method: 'POST',
+  })
+}
+
+export function getAdtTestResult(exec_id) {
+  return axios({
+    url: `/v0.1/adt/test/${exec_id}/result`,
+    method: 'GET'
+  })
+}
+
+export function getCITypeAttributes(type_id) {
+  return axios({
+    url: `/v0.1/adt/ci_types/${type_id}/attributes`,
+    method: 'GET',
+  })
+}
+
+export function getCITypeRelations(type_id) {
+  return axios({
+    url: `/v0.1/adt/ci_types/${type_id}/relations`,
+    method: 'GET',
+  })
+}
+
+export function postCITypeRelations(type_id, data) {
+  return axios({
+    url: `/v0.1/adt/ci_types/${type_id}/relations`,
+    method: 'POST',
+    data
+  })
+}

cmdb-ui/src/modules/cmdb/api/history.js

@@ -1,89 +1,92 @@
-import { axios } from '@/utils/request'
+import { axios } from '@/utils/request'
-
+
-export function getCIHistory(ciId) {
+export function getCIHistory(ciId) {
-  return axios({
+  return axios({
-    url: `/v0.1/history/ci/${ciId}`,
+    url: `/v0.1/history/ci/${ciId}`,
-    method: 'GET'
+    method: 'GET'
-  })
+  })
-}
+}
-
+
-export function getCIHistoryTable(params) {
+export function getCIHistoryTable(params) {
-  return axios({
+  return axios({
-    url: `/v0.1/history/records/attribute`,
+    url: `/v0.1/history/records/attribute`,
-    method: 'GET',
+    method: 'GET',
-    params: params
+    params: params,
-  })
+    timeout: 30 * 1000
-}
+  })
-
+}
-export function getRelationTable(params) {
+
-  return axios({
+export function getRelationTable(params) {
-    url: `/v0.1/history/records/relation`,
+  return axios({
-    method: 'GET',
+    url: `/v0.1/history/records/relation`,
-    params: params
+    method: 'GET',
-  })
+    params: params,
-}
+    timeout: 30 * 1000
-
+  })
-export function getCITypesTable(params) {
+}
-  return axios({
+
-    url: `/v0.1/history/ci_types`,
+export function getCITypesTable(params) {
-    method: 'GET',
+  return axios({
-    params: params
+    url: `/v0.1/history/ci_types`,
-  })
+    method: 'GET',
-}
+    params: params,
-
+    timeout: 30 * 1000
-export function getUsers(params) {
+  })
-  return axios({
+}
-    url: `/v1/acl/users/employee`,
+
-    method: 'GET',
+export function getUsers(params) {
-    params: params
+  return axios({
-  })
+    url: `/v1/acl/users/employee`,
-}
+    method: 'GET',
-
+    params: params
-export function getCiTriggers(params) {
+  })
-  return axios({
+}
-    url: `/v0.1/history/ci_triggers`,
+
-    method: 'GET',
+export function getCiTriggers(params) {
-    params: params
+  return axios({
-  })
+    url: `/v0.1/history/ci_triggers`,
-}
+    method: 'GET',
-
+    params: params
-export function getCiTriggersByCiId(ci_id, params) {
+  })
-  return axios({
+}
-    url: `/v0.1/history/ci_triggers/${ci_id}`,
+
-    method: 'GET',
+export function getCiTriggersByCiId(ci_id, params) {
-    params
+  return axios({
-  })
+    url: `/v0.1/history/ci_triggers/${ci_id}`,
-}
+    method: 'GET',
-
+    params
-export function getCiRelatedTickets(params) {
+  })
-  return axios({
+}
-    url: `/itsm/v1/process_ticket/get_tickets_by`,
+
-    method: 'POST',
+export function getCiRelatedTickets(params) {
-    data: params,
+  return axios({
-    isShowMessage: false
+    url: `/itsm/v1/process_ticket/get_tickets_by`,
-  })
+    method: 'POST',
-}
+    data: params,
-
+    isShowMessage: false
-export function judgeItsmInstalled() {
+  })
-  return axios({
+}
-    url: `/itsm/v1/process_ticket/itsm_existed`,
+
-    method: 'GET',
+export function judgeItsmInstalled() {
-    isShowMessage: false
+  return axios({
-  })
+    url: `/itsm/v1/process_ticket/itsm_existed`,
-}
+    method: 'GET',
-
+    isShowMessage: false
-export function getCIsBaseline(params) {
+  })
-  return axios({
+}
-    url: `/v0.1/ci/baseline`,
+
-    method: 'GET',
+export function getCIsBaseline(params) {
-    params
+  return axios({
-  })
+    url: `/v0.1/ci/baseline`,
-}
+    method: 'GET',
-
+    params
-export function CIBaselineRollback(ciId, params) {
+  })
-  return axios({
+}
-    url: `/v0.1/ci/${ciId}/baseline/rollback`,
+
-    method: 'POST',
+export function CIBaselineRollback(ciId, params) {
-    data: params
+  return axios({
-  })
+    url: `/v0.1/ci/${ciId}/baseline/rollback`,
-}
+    method: 'POST',
+    data: params
+  })
+}

cmdb-ui/src/modules/cmdb/components/attrMapTable/index.vue

@@ -0,0 +1,212 @@
+<template>
+  <div class="attr-map-table">
+    <div class="attr-map-table-left">
+      <div class="attr-map-table-title">{{ $t('cmdb.ciType.attributes') }}</div>
+      <vxe-table
+        ref="attr-xTable-left"
+        size="mini"
+        :data="tableData"
+        :scroll-y="{ enabled: true }"
+        :min-height="78"
+      >
+        <vxe-column field="attr" :title="$t('name')">
+          <template #default="{ row }">
+            <div class="attr-select">
+              <span
+                v-if="uniqueKey"
+                :style="{
+                  opacity: uniqueKey === row.name ? 1 : 0
+                }"
+                class="attr-select-unique"
+              >
+                *
+              </span>
+              <a-select
+                v-model="row.attr"
+                :placeholder="$t('cmdb.ciType.attrMapTableAttrPlaceholder')"
+                showSearch
+                allowClear
+                :options="ciTypeAttributes"
+                style="width: 100%; height: 28px; line-height: 28px;"
+                class="attr-map-table-left-select"
+              ></a-select>
+            </div>
+          </template>
+        </vxe-column>
+      </vxe-table>
+    </div>
+    <div class="attr-map-table-right">
+      <div class="attr-map-table-title">{{ $t('cmdb.ciType.autoDiscovery') }}</div>
+      <vxe-table
+        ref="attr-xTable-right"
+        size="mini"
+        show-overflow
+        show-header-overflow
+        :data="tableData"
+        :scroll-y="{ enabled: true }"
+        :row-config="{ height: 42 }"
+        :min-height="78"
+      >
+        <vxe-column field="name" :title="$t('name')"></vxe-column>
+        <vxe-column field="type" :title="$t('type')"></vxe-column>
+        <vxe-column v-if="ruleType !== DISCOVERY_CATEGORY_TYPE.AGENT" field="example" :title="$t('cmdb.components.example')">
+          <template #default="{row}">
+            <span v-if="row.type === 'json'">{{ JSON.stringify(row.example) }}</span>
+            <span v-else>{{ row.example }}</span>
+          </template>
+        </vxe-column>
+        <vxe-column field="desc" :title="$t('desc')"></vxe-column>
+      </vxe-table>
+    </div>
+    <div class="attr-map-table-link">
+      <div
+        v-for="item in tableData"
+        :key="item._X_ROW_KEY"
+        class="attr-map-table-link-item"
+      >
+        <div class="attr-map-table-link-left"></div>
+        <div class="attr-map-table-link-right"></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { DISCOVERY_CATEGORY_TYPE } from '@/modules/cmdb/views/discovery/constants.js'
+
+export default {
+  name: 'AttrMapTable',
+  props: {
+    tableData: {
+      type: Array,
+      default: () => [],
+    },
+    ciTypeAttributes: {
+      type: Array,
+      default: () => [],
+    },
+    ruleType: {
+      type: String,
+      default: '',
+    },
+    uniqueKey: {
+      type: String,
+      default: '',
+    }
+  },
+  data() {
+    return {
+      DISCOVERY_CATEGORY_TYPE
+    }
+  },
+  methods: {
+    getTableData() {
+      const leftTable = this.$refs?.['attr-xTable-left']
+      const rightTable = this.$refs?.['attr-xTable-right']
+      const { fullData: leftFullData } = leftTable.getTableData()
+      const { fullData: rightFullData } = rightTable.getTableData()
+      const fullData = leftFullData.map((item, index) => {
+        return {
+          ...(rightFullData?.[index] || {}),
+          ...(item || {})
+        }
+      })
+      return {
+        fullData
+      }
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.attr-map-table {
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+
+  &-left {
+    width: 30%;
+
+    &-select {
+      /deep/ .ant-select-selection {
+        height: 28px;
+        line-height: 28px;
+
+        .ant-select-selection__rendered {
+          height: 28px;
+          line-height: 28px;
+        }
+      }
+    }
+  }
+
+  &-right {
+    width: calc(70% - 60px);
+  }
+
+  &-title {
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 22px;
+    margin-bottom: 12px;
+  }
+
+  &-link {
+    position: absolute;
+    z-index: 10;
+    bottom: 0;
+    left: calc(30% - 6px);
+    width: 66px;
+
+    &-item {
+      position: relative;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: calc(42px - 12px);
+      width: 100%;
+
+      &:last-child {
+        margin-bottom: calc(21px - 6px);
+      }
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 0;
+        width: 100%;
+        height: 1px;
+        background-color: @border-color-base;
+        z-index: -1;
+      }
+    }
+
+    &-left {
+      width: 12px;
+      height: 12px;
+      background-color: @primary-color;
+      border: solid 3px #E2E7FC;
+      border-radius: 50%;
+    }
+
+    &-right {
+      width: 2px;
+      height: 10px;
+      border-radius: 1px 0px 0px 1px;
+      background-color: @primary-color;
+    }
+  }
+
+  .attr-select {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    &-unique {
+      color: #FD4C6A;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/components/httpSnmpAD/adPreviewTable.vue

@@ -0,0 +1,39 @@
+<template>
+  <vxe-table
+    size="mini"
+    stripe
+    class="ops-stripe-table"
+    show-overflow
+    keep-source
+    ref="xTable"
+    resizable
+    height="100%"
+    :data="tableData"
+    :scroll-y="{enabled: true}"
+  >
+    <vxe-column field="name" :title="$t('name')" width="100"> </vxe-column>
+    <vxe-column field="type" :title="$t('type')" width="80"> </vxe-column>
+    <vxe-column field="example" :title="$t('cmdb.components.example')">
+      <template #default="{row}">
+        <span v-if="row.type === 'object'">{{ row.example ? JSON.stringify(row.example) : '' }}</span>
+        <span v-else>{{ row.example }}</span>
+      </template>
+    </vxe-column>
+    <vxe-column field="desc" :title="$t('desc')"> </vxe-column>
+  </vxe-table>
+</template>
+
+<script>
+export default {
+  name: 'ADPreviewTable',
+  props: {
+    tableData: {
+      type: Array,
+      default: () => [],
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+</style>

cmdb-ui/src/modules/cmdb/components/httpSnmpAD/httpADCategory.vue

@@ -0,0 +1,300 @@
+<template>
+  <div class="http-ad-category">
+    <div class="http-ad-category-preview" v-if="currentCate && isPreviewDetail">
+      <div class="category-side">
+        <div
+          v-for="(category, categoryIndex) in categories"
+          :key="category.category"
+          class="category-side-item"
+        >
+          <div class="category-side-title">
+            <div class="category-side-title">
+              <a-icon
+                v-if="categoryIndex === 0"
+                type="left"
+                @click="clickBack"
+              />
+              {{ category.category }}
+            </div>
+          </div>
+          <div class="category-side-children">
+            <div
+              v-for="(item, itemIndex) in category.items"
+              :key="item"
+              :class="['category-side-children-item', item === currentCate ? 'category-side-children-item_active' : '']"
+              @click="clickCategory(item)"
+            >
+              {{ item }}
+              <span
+                class="category-side-children-item-corporate"
+                v-if="ruleType === 'private_cloud' || (ruleType === 'http' && (categoryIndex !== 0 || itemIndex !== 0))"
+              >
+                {{ $t('cmdb.enterpriseVersionFlag') }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="category-table">
+        <ADPreviewTable
+          :tableData="tableData"
+        />
+      </div>
+    </div>
+
+    <template v-else>
+      <a-input-search
+        class="category-search"
+        :placeholder="$t('cmdb.ad.httpSearchPlaceHolder')"
+        @search="onSearchHttp"
+      />
+      <div class="category-main">
+        <div
+          v-for="(category, categoryIndex) in filterCategories"
+          :key="category.category"
+          class="category-item"
+        >
+          <div class="category-title">{{ category.category }}</div>
+          <div class="category-children">
+            <div
+              v-for="(item, itemIndex) in category.items"
+              :key="item"
+              :class="['category-children-item', item === currentCate ? 'category-children-item_active' : '']"
+              @click="clickCategory(item)"
+            >
+              {{ item }}
+              <div
+                class="corporate-flag"
+                v-if="ruleType === 'private_cloud' || (ruleType === 'http' && (categoryIndex !== 0 || itemIndex !== 0))"
+              >
+                <span class="corporate-flag-text">{{ $t('cmdb.enterpriseVersionFlag') }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="corporate-tip">
+        {{ $t('cmdb.ad.corporateTip') }} <a href="mailto:bd@veops.cn">bd@veops.cn</a>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import ADPreviewTable from './adPreviewTable.vue'
+
+export default {
+  name: 'HttpADCategory',
+  components: {
+    ADPreviewTable
+  },
+  props: {
+    categories: {
+      type: Array,
+      default: () => {},
+    },
+    currentCate: {
+      type: String,
+      default: ''
+    },
+    tableData: {
+      type: Array,
+      default: () => [],
+    },
+    ruleType: {
+      type: String,
+      default: 'http',
+    },
+  },
+  data() {
+    return {
+      searchValue: '',
+      isPreviewDetail: false,
+    }
+  },
+  computed: {
+    filterCategories() {
+      const categories = _.cloneDeep(this.categories)
+      const filterCategories = categories.filter((category) => {
+        category.items = category.items.filter((item) => {
+          return item?.indexOf(this.searchValue) !== -1
+        })
+        return category?.items?.length > 0
+      })
+      return filterCategories
+    }
+  },
+  methods: {
+    onSearchHttp(v) {
+      this.searchValue = v
+    },
+    clickCategory(item) {
+      this.$emit('clickCategory', item)
+      this.isPreviewDetail = true
+    },
+    clickBack() {
+      this.isPreviewDetail = false
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.http-ad-category {
+  &-preview {
+    display: flex;
+    width: 100%;
+    height: calc(100vh - 156px);
+    justify-content: space-between;
+  }
+
+  .category-side {
+    flex-shrink: 0;
+    width: 150px;
+    height: 100%;
+    border-right: solid 1px @border-color-base;
+    padding-right: 10px;
+
+    &-item {
+      &:not(:last-child) {
+        margin-bottom: 24px;
+      }
+
+      .category-side-title {
+        font-size: 12px;
+        font-weight: 400;
+        color: @text-color_4;
+      }
+
+      .category-side-children {
+        margin-top: 5px;
+
+        &-item {
+          padding: 7px 10px;
+          background-color: @layout-content-background;
+          border-radius: @border-radius-base;
+
+          color: @text-color_2;
+          font-size: 12px;
+          font-weight: 400;
+
+          cursor: pointer;
+          position: relative;
+          margin-top: 5px;
+
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          &:hover {
+            background-color: @layout-sidebar-selected-color;
+            color: @layout-header-font-selected-color;
+          }
+
+          &_active {
+            background-color: @layout-sidebar-selected-color;
+            color: @layout-header-font-selected-color;
+          }
+
+          &-corporate {
+            flex-shrink: 0;
+            width: 18px;
+            height: 18px;
+            background-color: #E1EFFF;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+
+            color: #2F54EB;
+            font-size: 12px;
+          }
+        }
+      }
+    }
+  }
+
+  .category-table {
+    width: calc(100% - 150px - 10px - 16px);
+    flex-shrink: 0;
+    height: 100%;
+  }
+
+  .category-search {
+    width: 254px;
+  }
+
+  .category-main {
+    .category-item {
+      margin-top: 24px;
+
+      .category-title {
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .category-children {
+        margin-top: 8px;
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 19px;
+
+        &-item {
+          padding: 18px 19px;
+          background-color: @layout-content-background;
+          border-radius: @border-radius-base;
+
+          color: @text-color_2;
+          font-size: 14px;
+          font-weight: 400;
+
+          cursor: pointer;
+          position: relative;
+          min-width: 100px;
+          text-align: center;
+
+          &:hover {
+            background-color: @layout-sidebar-selected-color;
+            color: @layout-header-font-selected-color;
+          }
+
+          &_active {
+            background-color: @layout-sidebar-selected-color;
+            color: @layout-header-font-selected-color;
+          }
+        }
+      }
+    }
+  }
+
+  .corporate-tip {
+    margin-top: 20px;
+  }
+
+  .corporate-flag {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 4;
+
+    width: 38px;
+    height: 28px;
+    border-left: 38px solid transparent;
+    border-top: 28px solid @primary-color_4;
+
+    &-text {
+      width: 37px;
+      position: absolute;
+      top: -28px;
+      right: 3px;
+      text-align: right;
+
+      color: @primary-color;
+      font-size: 10px;
+      font-weight: 400;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/components/httpSnmpAD/index.vue

@@ -1,68 +1,48 @@
 <template>
-  <div>
+  <div class="http-snmp-ad">
-    <a-select v-if="ruleType === 'http'" :style="{ marginBottom: '10px' }" v-model="currentCate">
+    <HttpADCategory
-      <a-select-option v-for="cate in categories" :key="cate" :value="cate">{{ cate }}</a-select-option>
+      v-if="!isEdit && isCloud"
-    </a-select>
+      :categories="categories"
-    <vxe-table
+      :currentCate="currentCate"
-      size="mini"
+      :tableData="tableData"
-      stripe
+      :ruleType="ruleType"
-      class="ops-stripe-table"
+      @clickCategory="setCurrentCate"
-      show-overflow
+    />
-      keep-source
+    <template v-else>
-      ref="xTable"
+      <a-select v-if="isCloud" :style="{ marginBottom: '10px', minWidth: '200px' }" v-model="currentCate">
-      resizable
+        <a-select-option v-for="cate in categoriesSelect" :key="cate" :value="cate">{{ cate }}</a-select-option>
-      :data="tableData"
+      </a-select>
-      :edit-config="isEdit ? { trigger: 'click', mode: 'cell' } : {}"
+      <AttrMapTable
-    >
+        v-if="isEdit"
-      <template v-if="isEdit">
+        ref="attrMapTable"
-        <vxe-colgroup :title="$t('cmdb.ciType.autoDiscovery')">
+        :ruleType="ruleType"
-          <vxe-column field="name" :title="$t('name')" width="100"> </vxe-column>
+        :tableData="tableData"
-          <vxe-column field="type" :title="$t('type')" width="80"> </vxe-column>
+        :ciTypeAttributes="ciTypeAttributes"
-          <vxe-column field="example" :title="$t('cmdb.components.example')">
+        :uniqueKey="uniqueKey"
-            <template #default="{row}">
+      />
-              <span v-if="row.type === 'json'">{{ JSON.stringify(row.example) }}</span>
+      <ADPreviewTable
-              <span v-else>{{ row.example }}</span>
+        v-else
-            </template>
+        :tableData="tableData"
-          </vxe-column>
+      />
-          <vxe-column field="desc" :title="$t('desc')"> </vxe-column>
+    </template>
-        </vxe-colgroup>
-        <vxe-colgroup :title="$t('cmdb.ciType.attributes')">
-          <vxe-column field="attr" :title="$t('name')" :edit-render="{}">
-            <template #default="{row}">
-              {{ row.attr }}
-            </template>
-            <template #edit="{ row }">
-              <vxe-select
-                filterable
-                clearable
-                v-model="row.attr"
-                type="text"
-                :options="ciTypeAttributes"
-                transfer
-              ></vxe-select>
-            </template>
-          </vxe-column>
-        </vxe-colgroup>
-      </template>
-      <template v-else>
-        <vxe-column field="name" :title="$t('name')" width="100"> </vxe-column>
-        <vxe-column field="type" :title="$t('type')" width="80"> </vxe-column>
-        <vxe-column field="example" :title="$t('cmdb.components.example')">
-          <template #default="{row}">
-            <span v-if="row.type === 'object'">{{ JSON.stringify(row.example) }}</span>
-            <span v-else>{{ row.example }}</span>
-          </template>
-        </vxe-column>
-        <vxe-column field="desc" :title="$t('desc')"> </vxe-column>
-      </template>
-    </vxe-table>
   </div>
 </template>
 
 <script>
-import { getHttpCategories, getHttpAttributes, getSnmpAttributes } from '../../api/discovery'
+import _ from 'lodash'
+import { getHttpCategories, getHttpAttributes, getSnmpAttributes, getHttpAttrMapping } from '../../api/discovery'
+import { DISCOVERY_CATEGORY_TYPE } from '@/modules/cmdb/views/discovery/constants.js'
+import AttrMapTable from '@/modules/cmdb/components/attrMapTable/index.vue'
+import ADPreviewTable from './adPreviewTable.vue'
+import HttpADCategory from './httpADCategory.vue'
+
 export default {
   name: 'HttpSnmpAD',
+  components: {
+    AttrMapTable,
+    ADPreviewTable,
+    HttpADCategory
+  },
   props: {
     ruleName: {
       type: String,
@@ -88,12 +68,22 @@ export default {
       type: Number,
       default: 0,
     },
+    uniqueKey: {
+      type: String,
+      default: '',
+    },
+    currentAdt: {
+      type: Object,
+      default: () => {},
+    }
   },
   data() {
     return {
       categories: [],
+      categoriesSelect: [],
       currentCate: '',
       tableData: [],
+      httpAttrMap: {}
     }
   },
   computed: {
@@ -107,21 +97,20 @@ export default {
         腾讯云: { name: 'tencentcloud' },
         华为云: { name: 'huaweicloud' },
         AWS: { name: 'aws' },
+        VCenter: { name: 'vcenter' },
+        KVM: { name: 'kvm' },
       }
     },
+    isCloud() {
+      return [DISCOVERY_CATEGORY_TYPE.HTTP, DISCOVERY_CATEGORY_TYPE.PRIVATE_CLOUD].includes(this.ruleType)
+    }
   },
   watch: {
     currentCate: {
       immediate: true,
       handler(newVal) {
         if (newVal) {
-          getHttpAttributes(this.httpMap[`${this.ruleName}`].name, { category: newVal }).then((res) => {
+          this.getHttpAttr(newVal)
-            if (this.isEdit) {
-              this.formatTableData(res)
-            } else {
-              this.tableData = res
-            }
-          })
         }
       },
     },
@@ -131,8 +120,8 @@ export default {
         this.currentCate = ''
         this.$nextTick(() => {
           const { ruleType, ruleName } = newVal
-          if (ruleType === 'snmp' && ruleName) {
+          if ([DISCOVERY_CATEGORY_TYPE.SNMP, DISCOVERY_CATEGORY_TYPE.COMPONENT].includes(ruleType) && ruleName) {
-            getSnmpAttributes(ruleName).then((res) => {
+            getSnmpAttributes(ruleType, ruleName).then((res) => {
               if (this.isEdit) {
                 this.formatTableData(res)
               } else {
@@ -140,11 +129,19 @@ export default {
               }
             })
           }
-          if (ruleType === 'http' && ruleName) {
+
-            getHttpCategories(this.httpMap[`${this.ruleName}`].name).then((res) => {
+          if (this.isCloud && ruleName) {
+            getHttpCategories(this.ruleName).then((res) => {
               this.categories = res
-              if (res && res.length) {
+              const categoriesSelect = []
-                this.currentCate = res[0]
+              res.forEach((category) => {
+                if (category?.items?.length) {
+                  categoriesSelect.push(...category.items)
+                }
+              })
+              this.categoriesSelect = categoriesSelect
+              if (this.isEdit && categoriesSelect?.length) {
+                this.currentCate = this?.currentAdt?.extra_option?.category || categoriesSelect[0]
               }
             })
           }
@@ -162,31 +159,61 @@ export default {
     },
     formatTableData(list) {
       const _findADT = this.adCITypeList.find((item) => Number(item.adr_id) === Number(this.currentTab))
-      this.tableData = (list || []).map((item) => {
+      this.tableData = (list || []).map((val) => {
-        if (_findADT.attributes) {
+        const item = _.cloneDeep(val)
-          return {
+
-            ...item,
+        if (_findADT?.attributes?.[item.name]) {
-            attr: _findADT.attributes[`${item.name}`],
+          item.attr = _findADT.attributes[item.name]
-          }
+        }
-        } else {
+
+        const attrMapName = this.httpAttrMap?.[item?.name]
+
+        if (
+          this.isEdit &&
+          !item.attr &&
+          attrMapName &&
+          this.ciTypeAttributes.some((ele) => ele.name === attrMapName)
+        ) {
+          item.attr = attrMapName
+        }
+
+        if (!item.attr) {
           const _find = this.ciTypeAttributes.find((ele) => ele.name === item.name)
           if (_find) {
-            return {
+            item.attr = _find.name
-              ...item,
-              attr: _find.name,
-            }
           }
-          return item
         }
+
+        return item
       })
     },
     getTableData() {
-      const $table = this.$refs.xTable
+      const $table = this.$refs.attrMapTable
       const { fullData } = $table.getTableData()
       return fullData || []
     },
+
+    async getHttpAttr(val) {
+      await this.getHttpAttrMapping(this.ruleName, val)
+      getHttpAttributes(this.ruleName, { resource: val }).then((res) => {
+        if (this.isEdit) {
+          this.formatTableData(res)
+        } else {
+          this.tableData = res
+        }
+      })
+    },
+
+    async getHttpAttrMapping(name, resource) {
+      const res = await getHttpAttrMapping(name, resource)
+      this.httpAttrMap = res || {}
+    }
   },
 }
 </script>
 
-<style></style>
+<style>
+.http-snmp-ad {
+  height: 100%;
+}
+</style>

cmdb-ui/src/modules/cmdb/components/nodeSetting/index.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="node-setting-wrap">
+    <ops-table
+      :data="nodes"
+      size="mini"
+      show-header-overflow
+      :row-config="{ height: 42 }"
+      border
+      :min-height="78"
+    >
+      <vxe-column width="170" :title="$t('cmdb.ciType.nodeSettingIp')">
+        <template #default="{ row }">
+          <a-input v-model="row.ip"></a-input>
+        </template>
+      </vxe-column>
+      <vxe-column width="170" :title="$t('cmdb.ciType.nodeSettingCommunity')">
+        <template #default="{ row }">
+          <a-input v-model="row.community"></a-input>
+        </template>
+      </vxe-column>
+      <vxe-column width="170" :title="$t('cmdb.ciType.nodeSettingVersion')">
+        <template #default="{ row }">
+          <a-select
+            v-model="row.version"
+            :placeholder="$t('cmdb.ciType.nodeSettingVersionTip')"
+            allowClear
+            class="node-setting-select"
+          >
+            <a-select-option value="1">
+              v1
+            </a-select-option>
+            <a-select-option value="2c">
+              v2c
+            </a-select-option>
+          </a-select>
+        </template>
+      </vxe-column>
+      <vxe-column wdith="170">
+        <template #default="{ row }">
+          <div class="action">
+            <a @click="() => copyNode(row.id)">
+              <a-icon type="copy" />
+            </a>
+            <a @click="() => removeNode(row.id, 1)">
+              <a-icon type="minus-circle" />
+            </a>
+            <a @click="addNode">
+              <a-icon type="plus-circle" />
+            </a>
+          </div>
+        </template>
+      </vxe-column>
+    </ops-table>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import { v4 as uuidv4 } from 'uuid'
+
+export default {
+  name: 'MonitorNodeSetting',
+  props: {
+    initNodes: {
+      type: Array,
+      default: () => [],
+    },
+    form: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      nodes: [],
+    }
+  },
+  methods: {
+    initNodesFunc() {
+      this.nodes = _.cloneDeep(this.initNodes)
+    },
+    addNode() {
+      const newNode = {
+        id: uuidv4(),
+        ip: '',
+        community: 'public',
+        version: '',
+      }
+      this.nodes.push(newNode)
+    },
+    removeNode(removeId, minLength) {
+      if (this.nodes.length <= minLength) {
+        this.$message.error('不可再删除！')
+        return
+      }
+      const _idx = this.nodes.findIndex((item) => item.id === removeId)
+      if (_idx > -1) {
+        this.nodes.splice(_idx, 1)
+      }
+    },
+    copyNode(id) {
+      const copyNode = this.nodes.find((item) => item.id === id)
+      if (copyNode) {
+        const newNode = {
+          ...copyNode,
+          id: uuidv4(),
+        }
+        this.nodes.push(newNode)
+      }
+    },
+    getNodeValue() {
+      const nodes = this.nodes.map((node) => {
+        return _.pick(node, ['ip', 'community', 'version'])
+      })
+      return nodes
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.node-setting-wrap {
+  margin-left: 17px;
+  width: 600px;
+
+  .ant-row {
+    /deep/ .ant-input-clear-icon {
+      color: rgba(0,0,0,.25);
+
+      &:hover {
+        color: rgba(0, 0, 0, 0.45);
+      }
+    }
+  }
+
+  .node-setting-select {
+    width: 150px;
+  }
+}
+
+.action {
+  height: 36px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+</style>

cmdb-ui/src/modules/cmdb/components/searchForm/SearchForm.vue

@@ -1,317 +1,319 @@
-<template>
+<template>
-  <div>
+  <div>
-    <div id="search-form-bar" class="search-form-bar">
+    <div id="search-form-bar" class="search-form-bar">
-      <div :style="{ display: 'inline-flex', alignItems: 'center' }">
+      <div :style="{ display: 'inline-flex', alignItems: 'center' }">
-        <a-space>
+        <a-space>
-          <treeselect
+          <treeselect
-            v-if="type === 'resourceSearch'"
+            v-if="type === 'resourceSearch'"
-            class="custom-treeselect custom-treeselect-bgcAndBorder"
+            class="custom-treeselect custom-treeselect-bgcAndBorder"
-            :style="{
+            :style="{
-              width: '200px',
+              width: '200px',
-              marginRight: '10px',
+              marginRight: '10px',
-              '--custom-height': '32px',
+              '--custom-height': '32px',
-              '--custom-bg-color': '#fff',
+              '--custom-bg-color': '#fff',
-              '--custom-border': '1px solid #d9d9d9',
+              '--custom-border': '1px solid #d9d9d9',
-              '--custom-multiple-lineHeight': '16px',
+              '--custom-multiple-lineHeight': '16px',
-            }"
+            }"
-            v-model="currenCiType"
+            v-model="currenCiType"
-            :multiple="true"
+            :multiple="true"
-            :clearable="true"
+            :clearable="true"
-            searchable
+            searchable
-            :options="ciTypeGroup"
+            :options="ciTypeGroup"
-            :limit="1"
+            :limit="1"
-            :limitText="(count) => `+ ${count}`"
+            :limitText="(count) => `+ ${count}`"
-            value-consists-of="LEAF_PRIORITY"
+            value-consists-of="LEAF_PRIORITY"
-            :placeholder="$t('cmdb.ciType.ciType')"
+            :placeholder="$t('cmdb.ciType.ciType')"
-            @close="closeCiTypeGroup"
+            @close="closeCiTypeGroup"
-            @open="openCiTypeGroup"
+            @open="openCiTypeGroup"
-            @input="inputCiTypeGroup"
+            @input="inputCiTypeGroup"
-            :normalizer="
+            :normalizer="
-              (node) => {
+              (node) => {
-                return {
+                return {
-                  id: node.id || -1,
+                  id: node.id || -1,
-                  label: node.alias || node.name || $t('other'),
+                  label: node.alias || node.name || $t('other'),
-                  title: node.alias || node.name || $t('other'),
+                  title: node.alias || node.name || $t('other'),
-                  children: node.ci_types,
+                  children: node.ci_types,
-                }
+                }
-              }
+              }
-            "
+            "
-          >
+          >
-            <div
+            <div
-              :title="node.label"
+              :title="node.label"
-              slot="option-label"
+              slot="option-label"
-              slot-scope="{ node }"
+              slot-scope="{ node }"
-              :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
+              :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
-            >
+            >
-              {{ node.label }}
+              {{ node.label }}
-            </div>
+            </div>
-          </treeselect>
+          </treeselect>
-          <a-input
+          <a-input
-            v-model="fuzzySearch"
+            v-model="fuzzySearch"
-            :style="{ display: 'inline-block', width: '200px' }"
+            :style="{ display: 'inline-block', width: '200px' }"
-            :placeholder="$t('cmdb.components.pleaseSearch')"
+            :placeholder="$t('cmdb.components.pleaseSearch')"
-            @pressEnter="emitRefresh"
+            @pressEnter="emitRefresh"
-          >
+          >
-            <a-icon
+            <a-icon
-              type="search"
+              type="search"
-              slot="suffix"
+              slot="suffix"
-              :style="{ color: fuzzySearch ? '#2f54eb' : '#d9d9d9', cursor: 'pointer' }"
+              :style="{ color: fuzzySearch ? '#2f54eb' : '#d9d9d9', cursor: 'pointer' }"
-              @click="emitRefresh"
+              @click="emitRefresh"
-            />
+            />
-            <a-tooltip slot="prefix" placement="bottom" :overlayStyle="{ maxWidth: '550px', whiteSpace: 'pre-line' }">
+            <a-tooltip slot="prefix" placement="bottom" :overlayStyle="{ maxWidth: '550px', whiteSpace: 'pre-line' }">
-              <template slot="title">
+              <template slot="title">
-                {{ $t('cmdb.components.ciSearchTips') }}
+                {{ $t('cmdb.components.ciSearchTips') }}
-              </template>
+              </template>
-              <a><a-icon type="question-circle"/></a>
+              <a><a-icon type="question-circle"/></a>
-            </a-tooltip>
+            </a-tooltip>
-          </a-input>
+          </a-input>
-          <a-tooltip :title="$t('reset')">
+          <a-tooltip :title="$t('reset')">
-            <a-button @click="reset">{{ $t('reset') }}</a-button>
+            <a-button @click="reset">{{ $t('reset') }}</a-button>
-          </a-tooltip>
+          </a-tooltip>
-          <FilterComp
+          <FilterComp
-            ref="filterComp"
+            ref="filterComp"
-            :canSearchPreferenceAttrList="canSearchPreferenceAttrList"
+            :canSearchPreferenceAttrList="canSearchPreferenceAttrList"
-            @setExpFromFilter="setExpFromFilter"
+            @setExpFromFilter="setExpFromFilter"
-            :expression="expression"
+            :expression="expression"
-            placement="bottomLeft"
+            placement="bottomLeft"
-          >
+          >
-            <div slot="popover_item" class="search-form-bar-filter">
+            <div slot="popover_item" class="search-form-bar-filter">
-              <a-icon class="search-form-bar-filter-icon" type="filter" />
+              <a-icon class="search-form-bar-filter-icon" type="filter" />
-              {{ $t('cmdb.components.conditionFilter') }}
+              {{ $t('cmdb.components.conditionFilter') }}
-              <a-icon class="search-form-bar-filter-icon" type="down" :style="{ color: '#d9d9d9' }" />
+              <a-icon class="search-form-bar-filter-icon" type="down" :style="{ color: '#d9d9d9' }" />
-            </div>
+            </div>
-          </FilterComp>
+          </FilterComp>
-          <a-input
+          <a-input
-            v-if="isShowExpression"
+            v-if="isShowExpression"
-            v-model="expression"
+            v-model="expression"
-            v-show="!selectedRowKeys.length"
+            v-show="!selectedRowKeys.length"
-            @focus="
+            @focus="
-              () => {
+              () => {
-                isFocusExpression = true
+                isFocusExpression = true
-              }
+              }
-            "
+            "
-            @blur="
+            @blur="
-              () => {
+              () => {
-                isFocusExpression = false
+                isFocusExpression = false
-              }
+              }
-            "
+            "
-            :class="{ 'ci-searchform-expression': true, 'ci-searchform-expression-has-value': expression }"
+            :class="{ 'ci-searchform-expression': true, 'ci-searchform-expression-has-value': expression }"
-            :style="{ width }"
+            :style="{ width }"
-            :placeholder="placeholder"
+            :placeholder="placeholder"
-            @keyup.enter="emitRefresh"
+            @keyup.enter="emitRefresh"
-          >
+          >
-            <a-icon slot="suffix" type="check-circle" @click="handleCopyExpression" />
+            <a-icon slot="suffix" type="check-circle" @click="handleCopyExpression" />
-          </a-input>
+          </a-input>
-          <slot></slot>
+          <slot></slot>
-        </a-space>
+        </a-space>
-      </div>
+      </div>
-      <a-space>
+      <a-space>
-        <slot name="extraContent"></slot>
+        <slot name="extraContent"></slot>
-        <a-tooltip :title="$t('cmdb.components.attributeDesc')" v-if="type === 'relationView'">
+        <a-tooltip :title="$t('cmdb.components.attributeDesc')" v-if="type === 'relationView'">
-          <a
+          <a
-            @click="
+            @click="
-              () => {
+              () => {
-                $refs.metadataDrawer.open(typeId)
+                $refs.metadataDrawer.open(typeId)
-              }
+              }
-            "
+            "
-          ><a-icon
+          ><a-icon
-            v-if="type === 'relationView'"
+            v-if="type === 'relationView'"
-            type="question-circle"
+            type="question-circle"
-          /></a>
+          /></a>
-        </a-tooltip>
+        </a-tooltip>
-      </a-space>
+      </a-space>
-    </div>
+    </div>
-    <MetadataDrawer ref="metadataDrawer" />
+    <MetadataDrawer ref="metadataDrawer" />
-  </div>
+  </div>
-</template>
+</template>
-
+
-<script>
+<script>
-import _ from 'lodash'
+import _ from 'lodash'
-import Treeselect from '@riophae/vue-treeselect'
+import Treeselect from '@riophae/vue-treeselect'
-import MetadataDrawer from '../../views/ci/modules/MetadataDrawer.vue'
+import MetadataDrawer from '../../views/ci/modules/MetadataDrawer.vue'
-import FilterComp from '@/components/CMDBFilterComp'
+import FilterComp from '@/components/CMDBFilterComp'
-import { getCITypeGroups } from '../../api/ciTypeGroup'
+import { getCITypeGroups } from '../../api/ciTypeGroup'
-export default {
+export default {
-  name: 'SearchForm',
+  name: 'SearchForm',
-  components: { MetadataDrawer, FilterComp, Treeselect },
+  components: { MetadataDrawer, FilterComp, Treeselect },
-  props: {
+  props: {
-    preferenceAttrList: {
+    preferenceAttrList: {
-      type: Array,
+      type: Array,
-      required: true,
+      required: true,
-    },
+    },
-    isShowExpression: {
+    isShowExpression: {
-      type: Boolean,
+      type: Boolean,
-      default: true,
+      default: true,
-    },
+    },
-    typeId: {
+    typeId: {
-      type: Number,
+      type: Number,
-      default: null,
+      default: null,
-    },
+    },
-    type: {
+    type: {
-      type: String,
+      type: String,
-      default: '',
+      default: '',
-    },
+    },
-    selectedRowKeys: {
+    selectedRowKeys: {
-      type: Array,
+      type: Array,
-      default: () => [],
+      default: () => [],
-    },
+    },
-  },
+  },
-  data() {
+  data() {
-    return {
+    return {
-      // Advanced Search Expand/Close
+      // Advanced Search Expand/Close
-      advanced: false,
+      advanced: false,
-      queryParam: {},
+      queryParam: {},
-      isFocusExpression: false,
+      isFocusExpression: false,
-      expression: '',
+      expression: '',
-      fuzzySearch: '',
+      fuzzySearch: '',
-      currenCiType: [],
+      currenCiType: [],
-      ciTypeGroup: [],
+      ciTypeGroup: [],
-      lastCiType: [],
+      lastCiType: [],
-    }
+    }
-  },
+  },
-
+
-  computed: {
+  computed: {
-    placeholder() {
+    placeholder() {
-      return this.isFocusExpression ? this.$t('cmdb.components.ciSearchTips2') : this.$t('cmdb.ciType.expr')
+      return this.isFocusExpression ? this.$t('cmdb.components.ciSearchTips2') : this.$t('cmdb.ciType.expr')
-    },
+    },
-    width() {
+    width() {
-      return '200px'
+      return '200px'
-    },
+    },
-    canSearchPreferenceAttrList() {
+    canSearchPreferenceAttrList() {
-      return this.preferenceAttrList.filter((item) => item.value_type !== '6')
+      return this.preferenceAttrList.filter((item) => item.value_type !== '6')
-    },
+    },
-  },
+  },
-  watch: {
+  watch: {
-    '$route.path': function(newValue, oldValue) {
+    '$route.path': function(newValue, oldValue) {
-      this.queryParam = {}
+      this.queryParam = {}
-      this.expression = ''
+      this.expression = ''
-      this.fuzzySearch = ''
+      this.fuzzySearch = ''
-    },
+    },
-  },
+  },
-  inject: {
+  inject: {
-    setPreferenceSearchCurrent: {
+    setPreferenceSearchCurrent: {
-      from: 'setPreferenceSearchCurrent',
+      from: 'setPreferenceSearchCurrent',
-      default: null,
+      default: null,
-    },
+    },
-  },
+  },
-  mounted() {
+  mounted() {
-    if (this.type === 'resourceSearch') {
+    if (this.type === 'resourceSearch') {
-      this.getCITypeGroups()
+      this.getCITypeGroups()
-    }
+    }
-    if (this.typeId) {
+    if (this.typeId) {
-      this.currenCiType = [this.typeId]
+      this.currenCiType = [this.typeId]
-    }
+    }
-  },
+  },
-  methods: {
+  methods: {
-    // toggleAdvanced() {
+    // toggleAdvanced() {
-    //   this.advanced = !this.advanced
+    //   this.advanced = !this.advanced
-    // },
+    // },
-    getCITypeGroups() {
+    getCITypeGroups() {
-      getCITypeGroups({ need_other: true }).then((res) => {
+      getCITypeGroups({ need_other: true }).then((res) => {
-        this.ciTypeGroup = res
+        this.ciTypeGroup = res
-          .filter((item) => item.ci_types && item.ci_types.length)
+          .filter((item) => item.ci_types && item.ci_types.length)
-          .map((item) => {
+          .map((item) => {
-            item.id = `parent_${item.id || -1}`
+            item.id = `parent_${item.id || -1}`
-            return { ..._.cloneDeep(item) }
+            return { ..._.cloneDeep(item) }
-          })
+          })
-      })
+      })
-    },
+    },
-    reset() {
+    reset() {
-      this.queryParam = {}
+      this.queryParam = {}
-      this.expression = ''
+      this.expression = ''
-      this.fuzzySearch = ''
+      this.fuzzySearch = ''
-      this.currenCiType = []
+      if (this.type !== 'resourceView') {
-      this.emitRefresh()
+        this.currenCiType = []
-    },
+      }
-    setExpFromFilter(filterExp) {
+      this.emitRefresh()
-      const regSort = /(?<=sort=).+/g
+    },
-      const expSort = this.expression.match(regSort) ? this.expression.match(regSort)[0] : undefined
+    setExpFromFilter(filterExp) {
-      let expression = ''
+      const regSort = /(?<=sort=).+/g
-      if (filterExp) {
+      const expSort = this.expression.match(regSort) ? this.expression.match(regSort)[0] : undefined
-        expression = `q=${filterExp}`
+      let expression = ''
-      }
+      if (filterExp) {
-      if (expSort) {
+        expression = `q=${filterExp}`
-        expression += `&sort=${expSort}`
+      }
-      }
+      if (expSort) {
-      this.expression = expression
+        expression += `&sort=${expSort}`
-      this.emitRefresh()
+      }
-    },
+      this.expression = expression
-    handleSubmit() {
+      this.emitRefresh()
-      this.$refs.filterComp.handleSubmit()
+    },
-    },
+    handleSubmit() {
-    openCiTypeGroup() {
+      this.$refs.filterComp.handleSubmit()
-      this.lastCiType = _.cloneDeep(this.currenCiType)
+    },
-    },
+    openCiTypeGroup() {
-    closeCiTypeGroup(value) {
+      this.lastCiType = _.cloneDeep(this.currenCiType)
-      if (!_.isEqual(value, this.lastCiType)) {
+    },
-        this.$emit('updateAllAttributesList', value)
+    closeCiTypeGroup(value) {
-      }
+      if (!_.isEqual(value, this.lastCiType)) {
-    },
+        this.$emit('updateAllAttributesList', value)
-    inputCiTypeGroup(value) {
+      }
-      if (!value || !value.length) {
+    },
-        this.$emit('updateAllAttributesList', value)
+    inputCiTypeGroup(value) {
-      }
+      if (!value || !value.length) {
-    },
+        this.$emit('updateAllAttributesList', value)
-    emitRefresh() {
+      }
-      if (this.setPreferenceSearchCurrent) {
+    },
-        this.setPreferenceSearchCurrent(null)
+    emitRefresh() {
-      }
+      if (this.setPreferenceSearchCurrent) {
-      this.$nextTick(() => {
+        this.setPreferenceSearchCurrent(null)
-        this.$emit('refresh', true)
+      }
-      })
+      this.$nextTick(() => {
-    },
+        this.$emit('refresh', true)
-    handleCopyExpression() {
+      })
-      this.$emit('copyExpression')
+    },
-    },
+    handleCopyExpression() {
-  },
+      this.$emit('copyExpression')
-}
+    },
-</script>
+  },
-<style lang="less">
+}
-@import '../../views/index.less';
+</script>
-.ci-searchform-expression {
+<style lang="less">
-  > input {
+@import '../../views/index.less';
-    border-bottom: 2px solid #d9d9d9;
+.ci-searchform-expression {
-    border-top: none;
+  > input {
-    border-left: none;
+    border-bottom: 2px solid #d9d9d9;
-    border-right: none;
+    border-top: none;
-    &:hover,
+    border-left: none;
-    &:focus {
+    border-right: none;
-      border-bottom: 2px solid @primary-color;
+    &:hover,
-    }
+    &:focus {
-    &:focus {
+      border-bottom: 2px solid @primary-color;
-      box-shadow: 0 2px 2px -2px #1f78d133;
+    }
-    }
+    &:focus {
-  }
+      box-shadow: 0 2px 2px -2px #1f78d133;
-  .ant-input-suffix {
+    }
-    color: #d9d9d9;
+  }
-    cursor: pointer;
+  .ant-input-suffix {
-  }
+    color: #d9d9d9;
-}
+    cursor: pointer;
-.ci-searchform-expression-has-value .ant-input-suffix {
+  }
-  color: @func-color_3;
+}
-}
+.ci-searchform-expression-has-value .ant-input-suffix {
-.cmdb-search-form {
+  color: @func-color_3;
-  .ant-form-item-label {
+}
-    overflow: hidden;
+.cmdb-search-form {
-    text-overflow: ellipsis;
+  .ant-form-item-label {
-    white-space: nowrap;
+    overflow: hidden;
-  }
+    text-overflow: ellipsis;
-}
+    white-space: nowrap;
-</style>
+  }
-
+}
-<style lang="less" scoped>
+</style>
-.search-form-bar {
+
-  margin-bottom: 20px;
+<style lang="less" scoped>
-  display: flex;
+.search-form-bar {
-  justify-content: space-between;
+  margin-bottom: 20px;
-  align-items: center;
+  display: flex;
-  height: 32px;
+  justify-content: space-between;
-  .search-form-bar-filter {
+  align-items: center;
-    .ops_display_wrapper(transparent);
+  height: 32px;
-    .search-form-bar-filter-icon {
+  .search-form-bar-filter {
-      color: @primary-color;
+    .ops_display_wrapper(transparent);
-      font-size: 12px;
+    .search-form-bar-filter-icon {
-    }
+      color: @primary-color;
-  }
+      font-size: 12px;
-}
+    }
-</style>
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci/index.vue

@@ -101,10 +101,14 @@
           :cell-style="getCellStyle"
           :scroll-y="{ enabled: true, gt: 20 }"
           :scroll-x="{ enabled: true, gt: 0 }"
-          class="ops-unstripe-table"
+          class="ops-unstripe-table checkbox-hover-table"
           :custom-config="{ storage: true }"
         >
-          <vxe-column align="center" type="checkbox" width="60" :fixed="isCheckboxFixed ? 'left' : ''"></vxe-column>
+          <vxe-column align="center" type="checkbox" width="60" :fixed="isCheckboxFixed ? 'left' : ''">
+            <template #default="{row}">
+              {{ getRowSeq(row) }}
+            </template>
+          </vxe-column>
           <vxe-table-column
             v-for="(col, index) in columns"
             :key="`${col.field}_${index}`"
@@ -136,6 +140,7 @@
                 :mode="col.is_list ? 'multiple' : 'default'"
                 class="ci-table-edit-select"
                 allowClear
+                showSearch
               >
                 <a-select-option
                   :value="choice[0]"
@@ -157,7 +162,7 @@
                         :type="choice[1].icon.name"
                       />
                     </template>
-                    {{ choice[0] }}
+                    <span>{{ choice[0] }}</span>
                   </span>
                 </a-select-option>
               </a-select>
@@ -167,16 +172,20 @@
               #default="{ row }"
             >
               <span v-if="col.value_type === '6' && row[col.field]">{{ row[col.field] }}</span>
-              <a
+              <template v-else-if="col.is_link && row[col.field]">
-                v-else-if="col.is_link && row[col.field]"
+                <a
-                :href="
+                  v-for="(item, linkIndex) in (col.is_list ? row[col.field] : [row[col.field]])"
-                  row[col.field].startsWith('http') || row[col.field].startsWith('https')
+                  :key="linkIndex"
-                    ? `${row[col.field]}`
+                  :href="
-                    : `http://${row[col.field]}`
+                    item.startsWith('http') || item.startsWith('https')
-                "
+                      ? `${item}`
-                target="_blank"
+                      : `http://${item}`
-              >{{ row[col.field] }}</a
+                  "
-              >
+                  target="_blank"
+                >
+                  {{ item }}
+                </a>
+              </template>
               <PasswordField
                 v-else-if="col.is_password && row[col.field]"
                 :ci_id="row._id"
@@ -191,6 +200,7 @@
                       borderRadius: '4px',
                       padding: '1px 5px',
                       margin: '2px',
+                      verticalAlign: 'bottom',
                       ...getChoiceValueStyle(col, value),
                       display: 'inline-flex',
                       alignItems: 'center',
@@ -202,7 +212,7 @@
                       :style="{ maxHeight: '13px', maxWidth: '13px', marginRight: '5px' }"
                     />
                     <ops-icon
-                      v-else
+                      v-else-if="getChoiceValueIcon(col, value).name"
                       :style="{ color: getChoiceValueIcon(col, value).color, marginRight: '5px' }"
                       :type="getChoiceValueIcon(col, value).name"
                     />{{ value }}
@@ -214,6 +224,7 @@
                     borderRadius: '4px',
                     padding: '1px 5px',
                     margin: '2px 0',
+                    verticalAlign: 'bottom',
                     ...getChoiceValueStyle(col, row[col.field]),
                     display: 'inline-flex',
                     alignItems: 'center',
@@ -225,7 +236,7 @@
                     :style="{ maxHeight: '13px', maxWidth: '13px', marginRight: '5px' }"
                   />
                   <ops-icon
-                    v-else
+                    v-else-if="getChoiceValueIcon(col, row[col.field]).name"
                     :style="{ color: getChoiceValueIcon(col, row[col.field]).color, marginRight: '5px' }"
                     :type="getChoiceValueIcon(col, row[col.field]).name"
                   />
@@ -1044,6 +1055,9 @@ export default {
         this.visible = false
       }
     },
+    getRowSeq(row) {
+      return this.$refs.xTable.getVxetableRef().getRowSeq(row)
+    }
   },
 }
 </script>
@@ -1061,4 +1075,33 @@ export default {
   overflow: auto;
   margin-bottom: -24px;
 }
+.checkbox-hover-table {
+  /deep/ .vxe-table--body-wrapper {
+    .vxe-checkbox--label {
+      display: inline;
+      padding-left: 0px !important;
+      color: #bfbfbf;
+    }
+
+    .vxe-icon-checkbox-unchecked {
+      display: none;
+    }
+
+    .vxe-icon-checkbox-checked ~ .vxe-checkbox--label {
+      display: none;
+    }
+
+    .vxe-cell--checkbox {
+      &:hover {
+        .vxe-icon-checkbox-unchecked {
+          display: inline;
+        }
+
+        .vxe-checkbox--label {
+          display: none;
+        }
+      }
+    }
+  }
+}
 </style>

cmdb-ui/src/modules/cmdb/views/ci/modules/CreateInstanceForm.vue

@@ -1,431 +1,504 @@
-<template>
+<template>
-  <CustomDrawer
+  <CustomDrawer
-    :title="title + CIType.alias"
+    :title="title + CIType.alias"
-    width="800"
+    width="800"
-    @close="handleClose"
+    @close="handleClose"
-    :maskClosable="false"
+    :maskClosable="false"
-    :visible="visible"
+    :visible="visible"
-    wrapClassName="create-instance-form"
+    wrapClassName="create-instance-form"
-    :bodyStyle="{ paddingTop: 0 }"
+    :bodyStyle="{ paddingTop: 0 }"
-    :headerStyle="{ borderBottom: 'none' }"
+    :headerStyle="{ borderBottom: 'none' }"
-  >
+  >
-    <div class="custom-drawer-bottom-action">
+    <div class="custom-drawer-bottom-action">
-      <a-button @click="handleClose">{{ $t('cancel') }}</a-button>
+      <a-button @click="handleClose">{{ $t('cancel') }}</a-button>
-      <a-button type="primary" @click="createInstance">{{ $t('submit') }}</a-button>
+      <a-button type="primary" @click="createInstance">{{ $t('submit') }}</a-button>
-    </div>
+    </div>
-    <template v-if="action === 'create'">
+    <template v-if="action === 'create'">
-      <template v-for="group in attributesByGroup">
+      <template v-for="group in attributesByGroup">
-        <CreateInstanceFormByGroup
+        <CreateInstanceFormByGroup
-          :ref="`createInstanceFormByGroup_${group.id}`"
+          :ref="`createInstanceFormByGroup_${group.id}`"
-          :key="group.id || group.name"
+          :key="group.id || group.name"
-          :group="group"
+          :group="group"
-          @handleFocusInput="handleFocusInput"
+          :attributeList="attributeList"
-          :attributeList="attributeList"
+          @handleFocusInput="handleFocusInput"
-        />
+        />
-      </template>
+      </template>
-      <template v-if="parentsType && parentsType.length">
+      <template v-if="parentsType && parentsType.length">
-        <a-divider style="font-size:14px;margin:14px 0;font-weight:700;">{{
+        <a-divider style="font-size:14px;margin:14px 0;font-weight:700;">{{
-          $t('cmdb.menu.citypeRelation')
+          $t('cmdb.menu.citypeRelation')
-        }}</a-divider>
+        }}</a-divider>
-        <a-form>
+        <a-form>
-          <a-row :gutter="24" align="top" type="flex">
+          <a-row :gutter="24" align="top" type="flex">
-            <a-col :span="12" v-for="item in parentsType" :key="item.id">
+            <a-col :span="12" v-for="item in parentsType" :key="item.id">
-              <a-form-item :label="item.alias || item.name" :colon="false">
+              <a-form-item :label="item.alias || item.name" :colon="false">
-                <a-input-group compact style="width: 100%">
+                <a-input-group compact style="width: 100%">
-                  <a-select v-model="parentsForm[item.name].attr">
+                  <a-select v-model="parentsForm[item.name].attr">
-                    <a-select-option
+                    <a-select-option
-                      :title="attr.alias || attr.name"
+                      :title="attr.alias || attr.name"
-                      v-for="attr in item.attributes"
+                      v-for="attr in item.attributes"
-                      :key="attr.name"
+                      :key="attr.name"
-                      :value="attr.name"
+                      :value="attr.name"
-                    >
+                    >
-                      {{ attr.alias || attr.name }}
+                      {{ attr.alias || attr.name }}
-                    </a-select-option>
+                    </a-select-option>
-                  </a-select>
+                  </a-select>
-                  <a-input
+                  <a-input
-                    :placeholder="$t('cmdb.ci.tips1')"
+                    :placeholder="$t('cmdb.ci.tips1')"
-                    v-model="parentsForm[item.name].value"
+                    v-model="parentsForm[item.name].value"
-                    style="width: 50%"
+                    style="width: 50%"
-                  />
+                  />
-                </a-input-group>
+                </a-input-group>
-              </a-form-item>
+              </a-form-item>
-            </a-col>
+            </a-col>
-          </a-row>
+          </a-row>
-        </a-form>
+        </a-form>
-      </template>
+      </template>
-    </template>
+    </template>
-    <template v-if="action === 'update'">
+    <template v-if="action === 'update'">
-      <a-form :form="form">
+      <a-form :form="form">
-        <p>{{ $t('cmdb.ci.tips2') }}</p>
+        <p>{{ $t('cmdb.ci.tips2') }}</p>
-        <a-row :gutter="24" v-for="list in batchUpdateLists" :key="list.name">
+        <a-row :gutter="8" v-for="list in batchUpdateLists" :key="list.name">
-          <a-col :span="11">
+          <a-col :span="6">
-            <a-form-item>
+            <a-form-item>
-              <el-select showSearch size="small" filterable v-model="list.name" :placeholder="$t('cmdb.ci.tips3')">
+              <el-select showSearch size="small" filterable v-model="list.name" :placeholder="$t('cmdb.ci.tips3')">
-                <el-option
+                <el-option
-                  v-for="attr in attributeList"
+                  v-for="attr in attributeList"
-                  :key="attr.name"
+                  :key="attr.name"
-                  :value="attr.name"
+                  :value="attr.name"
-                  :disabled="batchUpdateLists.findIndex((item) => item.name === attr.name) > -1"
+                  :disabled="batchUpdateLists.findIndex((item) => item.name === attr.name) > -1"
-                  :label="attr.alias || attr.name"
+                  :label="attr.alias || attr.name"
-                >
+                >
-                </el-option>
+                </el-option>
-              </el-select>
+              </el-select>
-            </a-form-item>
+            </a-form-item>
-          </a-col>
+          </a-col>
-          <a-col :span="11">
+          <a-col v-if="showListOperation(list.name)" :span="3">
-            <a-form-item>
+            <a-form-item>
-              <a-select
+              <el-select size="small" filterable v-model="list.operation" :placeholder="$t('placeholder2')">
-                :style="{ width: '100%' }"
+                <el-option
-                v-decorator="[list.name, { rules: [{ required: false }] }]"
+                  v-for="(option) in listOperationOptions"
-                :placeholder="$t('placeholder2')"
+                  :key="option.value"
-                v-if="getFieldType(list.name).split('%%')[0] === 'select'"
+                  :value="option.value"
-                :mode="getFieldType(list.name).split('%%')[1] === 'multiple' ? 'multiple' : 'default'"
+                  :label="$t(option.label)"
-                showSearch
+                >
-                allowClear
+                </el-option>
-              >
+              </el-select>
-                <a-select-option
+            </a-form-item>
-                  :value="choice[0]"
+          </a-col>
-                  :key="'New_' + choice + choice_idx"
+          <a-col :span="showListOperation(list.name) ? 10 : 13">
-                  v-for="(choice, choice_idx) in getSelectFieldOptions(list.name)"
+            <a-form-item>
-                >
+              <a-select
-                  <span :style="choice[1] ? choice[1].style || {} : {}">
+                :style="{ width: '100%' }"
-                    <ops-icon
+                v-decorator="[list.name, { rules: getDecoratorRules(list) }]"
-                      :style="{ color: choice[1].icon.color }"
+                :placeholder="$t('placeholder2')"
-                      v-if="choice[1] && choice[1].icon && choice[1].icon.name"
+                v-if="getFieldType(list.name).split('%%')[0] === 'select'"
-                      :type="choice[1].icon.name"
+                :mode="getFieldType(list.name).split('%%')[1] === 'multiple' ? 'multiple' : 'default'"
-                    />
+                showSearch
-                    {{ choice[0] }}
+                allowClear
-                  </span>
+              >
-                </a-select-option>
+                <a-select-option
-              </a-select>
+                  :value="choice[0]"
-              <a-input-number
+                  :key="'New_' + choice + choice_idx"
-                v-decorator="[list.name, { rules: [{ required: false }] }]"
+                  v-for="(choice, choice_idx) in getSelectFieldOptions(list.name)"
-                style="width: 100%"
+                >
-                v-if="getFieldType(list.name) === 'input_number'"
+                  <span :style="choice[1] ? choice[1].style || {} : {}">
-              />
+                    <ops-icon
-              <a-date-picker
+                      :style="{ color: choice[1].icon.color }"
-                v-decorator="[list.name, { rules: [{ required: false }] }]"
+                      v-if="choice[1] && choice[1].icon && choice[1].icon.name"
-                style="width: 100%"
+                      :type="choice[1].icon.name"
-                :format="getFieldType(list.name) == '4' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'"
+                    />
-                :valueFormat="getFieldType(list.name) == '4' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'"
+                    {{ choice[0] }}
-                v-if="getFieldType(list.name) === '4' || getFieldType(list.name) === '3'"
+                  </span>
-                :showTime="getFieldType(list.name) === '4' ? false : { format: 'HH:mm:ss' }"
+                </a-select-option>
-              />
+              </a-select>
-              <a-input
+              <a-input-number
-                v-if="getFieldType(list.name) === 'input'"
+                v-decorator="[list.name, { rules: getDecoratorRules(list) }]"
-                @focus="(e) => handleFocusInput(e, list)"
+                style="width: 100%"
-                v-decorator="[list.name, { rules: [{ required: false }] }]"
+                v-if="getFieldType(list.name) === 'input_number'"
-              />
+              />
-            </a-form-item>
+              <a-date-picker
-          </a-col>
+                v-decorator="[list.name, { rules: getDecoratorRules(list) }]"
-          <a-col :span="2">
+                style="width: 100%"
-            <a-form-item>
+                :format="getFieldType(list.name) == '4' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'"
-              <a :style="{ color: 'red', marginTop: '2px' }" @click="handleDelete(list.name)">
+                :valueFormat="getFieldType(list.name) == '4' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'"
-                <a-icon type="delete" />
+                v-if="getFieldType(list.name) === '4' || getFieldType(list.name) === '3'"
-              </a>
+                :showTime="getFieldType(list.name) === '4' ? false : { format: 'HH:mm:ss' }"
-            </a-form-item>
+              />
-          </a-col>
+              <a-input
-        </a-row>
+                v-if="getFieldType(list.name) === 'input'"
-        <a-button type="primary" ghost icon="plus" @click="handleAdd">{{ $t('cmdb.ci.newUpdateField') }}</a-button>
+                @focus="(e) => handleFocusInput(e, list)"
-      </a-form>
+                v-decorator="[list.name, { rules: getDecoratorRules(list) }]"
-    </template>
+              />
-    <JsonEditor ref="jsonEditor" @jsonEditorOk="jsonEditorOk" />
+            </a-form-item>
-  </CustomDrawer>
+          </a-col>
-</template>
+          <a-col :span="2">
-
+            <a-form-item>
-<script>
+              <a :style="{ color: 'red', marginTop: '2px' }" @click="handleDelete(list.name)">
-import _ from 'lodash'
+                <a-icon type="delete" />
-import moment from 'moment'
+              </a>
-import { Select, Option } from 'element-ui'
+            </a-form-item>
-import { getCIType, getCITypeGroupById } from '@/modules/cmdb/api/CIType'
+          </a-col>
-import { addCI } from '@/modules/cmdb/api/ci'
+        </a-row>
-import JsonEditor from '../../../components/JsonEditor/jsonEditor.vue'
+        <a-button type="primary" ghost icon="plus" @click="handleAdd">{{ $t('cmdb.ci.newUpdateField') }}</a-button>
-import { valueTypeMap } from '../../../utils/const'
+      </a-form>
-import CreateInstanceFormByGroup from './createInstanceFormByGroup.vue'
+    </template>
-import { getCITypeParent, getCanEditByParentIdChildId } from '@/modules/cmdb/api/CITypeRelation'
+    <JsonEditor ref="jsonEditor" @jsonEditorOk="jsonEditorOk" />
-
+  </CustomDrawer>
-export default {
+</template>
-  name: 'CreateInstanceForm',
+
-  components: {
+<script>
-    ElSelect: Select,
+import _ from 'lodash'
-    ElOption: Option,
+import moment from 'moment'
-    JsonEditor,
+import { Select, Option } from 'element-ui'
-    CreateInstanceFormByGroup,
+import { getCIType, getCITypeGroupById } from '@/modules/cmdb/api/CIType'
-  },
+import { addCI } from '@/modules/cmdb/api/ci'
-  props: {
+import JsonEditor from '../../../components/JsonEditor/jsonEditor.vue'
-    typeIdFromRelation: {
+import { valueTypeMap } from '../../../utils/const'
-      type: Number,
+import CreateInstanceFormByGroup from './createInstanceFormByGroup.vue'
-      default: 0,
+import { getCITypeParent, getCanEditByParentIdChildId } from '@/modules/cmdb/api/CITypeRelation'
-    },
+
-  },
+export default {
-  data() {
+  name: 'CreateInstanceForm',
-    return {
+  components: {
-      action: '',
+    ElSelect: Select,
-      form: this.$form.createForm(this),
+    ElOption: Option,
-      visible: false,
+    JsonEditor,
-      attributeList: [],
+    CreateInstanceFormByGroup,
-
+  },
-      CIType: {},
+  props: {
-
+    typeIdFromRelation: {
-      batchUpdateLists: [],
+      type: Number,
-      editAttr: null,
+      default: 0,
-      attributesByGroup: [],
+    },
-      parentsType: [],
+  },
-      parentsForm: {},
+  data() {
-      canEdit: {},
+    return {
-    }
+      action: '',
-  },
+      form: this.$form.createForm(this),
-  computed: {
+      visible: false,
-    title() {
+      attributeList: [],
-      return this.action === 'create' ? this.$t('create') + ' ' : this.$t('cmdb.ci.batchUpdate') + ' '
+
-    },
+      CIType: {},
-    typeId() {
+
-      if (this.typeIdFromRelation) {
+      batchUpdateLists: [],
-        return this.typeIdFromRelation
+      editAttr: null,
-      }
+      attributesByGroup: [],
-      return this.$router.currentRoute.meta.typeId
+      parentsType: [],
-    },
+      parentsForm: {},
-    valueTypeMap() {
+      canEdit: {},
-      return valueTypeMap()
+      listOperationOptions: [
-    },
+        {
-  },
+          value: 'cover',
-  provide() {
+          label: 'cmdb.ci.cover'
-    return {
+        },
-      getFieldType: this.getFieldType,
+        {
-    }
+          value: 'add',
-  },
+          label: 'add'
-  inject: ['attrList'],
+        },
-  methods: {
+        {
-    moment,
+          value: 'delete',
-    async getCIType() {
+          label: 'delete'
-      await getCIType(this.typeId).then((res) => {
+        }
-        this.CIType = res.ci_types[0]
+      ]
-      })
+    }
-    },
+  },
-    async getAttributeList() {
+  computed: {
-      const _attrList = this.attrList()
+    title() {
-      this.attributeList = _attrList.sort((x, y) => y.is_required - x.is_required)
+      return this.action === 'create' ? this.$t('create') + ' ' : this.$t('cmdb.ci.batchUpdate') + ' '
-      await getCITypeGroupById(this.typeId).then((res1) => {
+    },
-        const _attributesByGroup = res1.map((g) => {
+    typeId() {
-          g.attributes = g.attributes.filter((attr) => !attr.is_computed)
+      if (this.typeIdFromRelation) {
-          return g
+        return this.typeIdFromRelation
-        })
+      }
-        const attrHasGroupIds = []
+      return this.$router.currentRoute.meta.typeId
-        res1.forEach((g) => {
+    },
-          const id = g.attributes.map((attr) => attr.id)
+    valueTypeMap() {
-          attrHasGroupIds.push(...id)
+      return valueTypeMap()
-        })
+    },
-        const otherGroupAttr = this.attributeList.filter(
+  },
-          (attr) => !attrHasGroupIds.includes(attr.id) && !attr.is_computed
+  provide() {
-        )
+    return {
-        if (otherGroupAttr.length) {
+      getFieldType: this.getFieldType,
-          _attributesByGroup.push({ id: -1, name: this.$t('other'), attributes: otherGroupAttr })
+    }
-        }
+  },
-        console.log(otherGroupAttr, _attributesByGroup)
+  inject: ['attrList'],
-        this.attributesByGroup = _attributesByGroup
+  methods: {
-      })
+    moment,
-    },
+    async getCIType() {
-    createInstance() {
+      await getCIType(this.typeId).then((res) => {
-      const _this = this
+        this.CIType = res.ci_types[0]
-      if (_this.action === 'update') {
+      })
-        this.form.validateFields((err, values) => {
+    },
-          if (err) {
+    async getAttributeList() {
-            return
+      const _attrList = this.attrList()
-          }
+      this.attributeList = _attrList.sort((x, y) => y.is_required - x.is_required)
-          Object.keys(values).forEach((k) => {
+      await getCITypeGroupById(this.typeId).then((res1) => {
-            const _tempFind = this.attributeList.find((item) => item.name === k)
+        const _attributesByGroup = res1.map((g) => {
-            if (
+          g.attributes = g.attributes.filter((attr) => !attr.is_computed)
-              _tempFind.value_type === '3' &&
+          return g
-              values[k] &&
+        })
-              Object.prototype.toString.call(values[k]) === '[object Object]'
+        const attrHasGroupIds = []
-            ) {
+        res1.forEach((g) => {
-              values[k] = values[k].format('YYYY-MM-DD HH:mm:ss')
+          const id = g.attributes.map((attr) => attr.id)
-            }
+          attrHasGroupIds.push(...id)
-            if (
+        })
-              _tempFind.value_type === '4' &&
+        const otherGroupAttr = this.attributeList.filter(
-              values[k] &&
+          (attr) => !attrHasGroupIds.includes(attr.id) && !attr.is_computed
-              Object.prototype.toString.call(values[k]) === '[object Object]'
+        )
-            ) {
+        if (otherGroupAttr.length) {
-              values[k] = values[k].format('YYYY-MM-DD')
+          _attributesByGroup.push({ id: -1, name: this.$t('other'), attributes: otherGroupAttr })
-            }
+        }
-            if (_tempFind.value_type === '6') {
+        console.log(otherGroupAttr, _attributesByGroup)
-              values[k] = values[k] ? JSON.parse(values[k]) : undefined
+        this.attributesByGroup = _attributesByGroup
-            }
+      })
-          })
+    },
-
+    createInstance() {
-          _this.$emit('submit', values)
+      const _this = this
-        })
+      if (_this.action === 'update') {
-      } else {
+        this.form.validateFields({ force: true }, (err, values) => {
-        let values = {}
+          if (err) {
-        for (let i = 0; i < this.attributesByGroup.length; i++) {
+            return
-          const data = this.$refs[`createInstanceFormByGroup_${this.attributesByGroup[i].id}`][0].getData()
+          }
-          if (data === 'error') {
+          Object.keys(values).forEach((k) => {
-            return
+            const _tempFind = this.attributeList.find((item) => item.name === k)
-          }
+            if (
-          values = { ...values, ...data }
+              _tempFind.value_type === '3' &&
-        }
+              values[k] &&
-
+              Object.prototype.toString.call(values[k]) === '[object Object]'
-        Object.keys(values).forEach((k) => {
+            ) {
-          const _tempFind = this.attributeList.find((item) => item.name === k)
+              values[k] = values[k].format('YYYY-MM-DD HH:mm:ss')
-          if (
+            }
-            _tempFind.value_type === '3' &&
+            if (
-            values[k] &&
+              _tempFind.value_type === '4' &&
-            Object.prototype.toString.call(values[k]) === '[object Object]'
+              values[k] &&
-          ) {
+              Object.prototype.toString.call(values[k]) === '[object Object]'
-            values[k] = values[k].format('YYYY-MM-DD HH:mm:ss')
+            ) {
-          }
+              values[k] = values[k].format('YYYY-MM-DD')
-          if (
+            }
-            _tempFind.value_type === '4' &&
+            if (_tempFind.value_type === '6') {
-            values[k] &&
+              values[k] = values[k] ? JSON.parse(values[k]) : undefined
-            Object.prototype.toString.call(values[k]) === '[object Object]'
+            }
-          ) {
+
-            values[k] = values[k].format('YYYY-MM-DD')
+            if (_tempFind.is_list) {
-          }
+              const operation = this.batchUpdateLists?.find((item) => item.name === k)?.operation || 'cover'
-          if (_tempFind.value_type === '6') {
+              switch (operation) {
-            values[k] = values[k] ? JSON.parse(values[k]) : undefined
+                case 'add':
-          }
+                case 'delete':
-        })
+                  values[k] = {
-        values.ci_type = _this.typeId
+                    op: operation,
-        console.log(this.parentsForm)
+                    v: values[k]
-        Object.keys(this.parentsForm).forEach((type) => {
+                  }
-          if (this.parentsForm[type].value) {
+                  break
-            values[`$${type}.${this.parentsForm[type].attr}`] = this.parentsForm[type].value
+                default:
-          }
+                  break
-        })
+              }
-        addCI(values).then((res) => {
+            }
-          _this.$message.success(this.$t('addSuccess'))
+          })
-          _this.visible = false
+
-          _this.$emit('reload', { ci_id: res.ci_id })
+          _this.$emit('submit', values)
-        })
+        })
-      }
+      } else {
-
+        let values = {}
-      // this.form.validateFields((err, values) => {
+        for (let i = 0; i < this.attributesByGroup.length; i++) {
-      //   if (err) {
+          const data = this.$refs[`createInstanceFormByGroup_${this.attributesByGroup[i].id}`][0].getData()
-      //     _this.$message.error('字段填写不符合要求！')
+          if (data === 'error') {
-      //     return
+            return
-      //   }
+          }
-      //   Object.keys(values).forEach((k) => {
+          values = { ...values, ...data }
-      //     if (Object.prototype.toString.call(values[k]) === '[object Object]' && values[k]) {
+        }
-      //       values[k] = values[k].format('YYYY-MM-DD HH:mm:ss')
+
-      //     }
+        Object.keys(values).forEach((k) => {
-      //     const _tempFind = this.attributeList.find((item) => item.name === k)
+          const _tempFind = this.attributeList.find((item) => item.name === k)
-      //     if (_tempFind.value_type === '6') {
+          if (
-      //       values[k] = values[k] ? JSON.parse(values[k]) : undefined
+            _tempFind.value_type === '3' &&
-      //     }
+            values[k] &&
-      //   })
+            Object.prototype.toString.call(values[k]) === '[object Object]'
-
+          ) {
-      //   if (_this.action === 'update') {
+            values[k] = values[k].format('YYYY-MM-DD HH:mm:ss')
-      //     _this.$emit('submit', values)
+          }
-      //     return
+          if (
-      //   }
+            _tempFind.value_type === '4' &&
-      //   values.ci_type = _this.typeId
+            values[k] &&
-      //   console.log(values)
+            Object.prototype.toString.call(values[k]) === '[object Object]'
-      //   this.attributesByGroup.forEach((group) => {
+          ) {
-      //     this.$refs[`createInstanceFormByGroup_${group.id}`][0].getData()
+            values[k] = values[k].format('YYYY-MM-DD')
-      //   })
+          }
-      //   console.log(1111)
+          if (_tempFind.value_type === '6') {
-      //   // addCI(values).then((res) => {
+            values[k] = values[k] ? JSON.parse(values[k]) : undefined
-      //   //   _this.$message.success('新增成功!')
+          }
-      //   //   _this.visible = false
+        })
-      //   //   _this.$emit('reload')
+        values.ci_type = _this.typeId
-      //   // })
+        console.log(this.parentsForm)
-      // })
+        Object.keys(this.parentsForm).forEach((type) => {
-    },
+          if (this.parentsForm[type].value) {
-    handleClose() {
+            values[`$${type}.${this.parentsForm[type].attr}`] = this.parentsForm[type].value
-      this.visible = false
+          }
-    },
+        })
-    handleOpen(visible, action) {
+        addCI(values).then((res) => {
-      this.visible = visible
+          _this.$message.success(this.$t('addSuccess'))
-      this.action = action
+          _this.visible = false
-      this.$nextTick(() => {
+          _this.$emit('reload', { ci_id: res.ci_id })
-        this.form.resetFields()
+        })
-        Promise.all([this.getCIType(), this.getAttributeList()]).then(() => {
+      }
-          this.batchUpdateLists = [{ name: this.attributeList[0].name }]
+
-        })
+      // this.form.validateFields((err, values) => {
-        if (action === 'create') {
+      //   if (err) {
-          getCITypeParent(this.typeId).then(async (res) => {
+      //     _this.$message.error('字段填写不符合要求！')
-            for (let i = 0; i < res.parents.length; i++) {
+      //     return
-              await getCanEditByParentIdChildId(res.parents[i].id, this.typeId).then((p_res) => {
+      //   }
-                this.canEdit = {
+      //   Object.keys(values).forEach((k) => {
-                  ..._.cloneDeep(this.canEdit),
+      //     if (Object.prototype.toString.call(values[k]) === '[object Object]' && values[k]) {
-                  [res.parents[i].id]: p_res.result,
+      //       values[k] = values[k].format('YYYY-MM-DD HH:mm:ss')
-                }
+      //     }
-              })
+      //     const _tempFind = this.attributeList.find((item) => item.name === k)
-            }
+      //     if (_tempFind.value_type === '6') {
-            this.parentsType = res.parents.filter((parent) => this.canEdit[parent.id])
+      //       values[k] = values[k] ? JSON.parse(values[k]) : undefined
-            const _parentsForm = {}
+      //     }
-            res.parents.forEach((item) => {
+      //   })
-              const _find = item.attributes.find((attr) => attr.id === item.unique_id)
+
-              _parentsForm[item.name] = { attr: _find.name, value: '' }
+      //   if (_this.action === 'update') {
-            })
+      //     _this.$emit('submit', values)
-            this.parentsForm = _parentsForm
+      //     return
-          })
+      //   }
-        }
+      //   values.ci_type = _this.typeId
-      })
+      //   console.log(values)
-    },
+      //   this.attributesByGroup.forEach((group) => {
-    getFieldType(name) {
+      //     this.$refs[`createInstanceFormByGroup_${group.id}`][0].getData()
-      const _find = this.attributeList.find((item) => item.name === name)
+      //   })
-      if (_find) {
+      //   console.log(1111)
-        if (_find.is_choice) {
+      //   // addCI(values).then((res) => {
-          if (_find.is_list) {
+      //   //   _this.$message.success('新增成功!')
-            return 'select%%multiple'
+      //   //   _this.visible = false
-          }
+      //   //   _this.$emit('reload')
-          return 'select'
+      //   // })
-        } else if ((_find.value_type === '0' || _find.value_type === '1') && !_find.is_list) {
+      // })
-          return 'input_number'
+    },
-        } else if (_find.value_type === '4' || _find.value_type === '3') {
+    handleClose() {
-          return _find.value_type
+      this.visible = false
-        } else {
+    },
-          return 'input'
+    handleOpen(visible, action) {
-        }
+      this.visible = visible
-      }
+      this.action = action
-      return 'input'
+      this.$nextTick(() => {
-    },
+        this.form.resetFields()
-    getSelectFieldOptions(name) {
+        Promise.all([this.getCIType(), this.getAttributeList()]).then(() => {
-      const _find = this.attributeList.find((item) => item.name === name)
+          this.batchUpdateLists = [{
-      if (_find) {
+            name: this.attributeList?.[0]?.name || undefined,
-        return _find.choice_value
+            operation: 'cover'
-      }
+          }]
-      return []
+        })
-    },
+        if (action === 'create') {
-    handleAdd() {
+          getCITypeParent(this.typeId).then(async (res) => {
-      this.batchUpdateLists.push({ name: undefined })
+            for (let i = 0; i < res.parents.length; i++) {
-    },
+              await getCanEditByParentIdChildId(res.parents[i].id, this.typeId).then((p_res) => {
-    handleDelete(name) {
+                this.canEdit = {
-      const _idx = this.batchUpdateLists.findIndex((item) => item.name === name)
+                  ..._.cloneDeep(this.canEdit),
-      if (_idx > -1) {
+                  [res.parents[i].id]: p_res.result,
-        this.batchUpdateLists.splice(_idx, 1)
+                }
-      }
+              })
-    },
+            }
-    // filterOption(input, option) {
+            this.parentsType = res.parents.filter((parent) => this.canEdit[parent.id])
-    //   return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            const _parentsForm = {}
-    // },
+            res.parents.forEach((item) => {
-    handleFocusInput(e, attr) {
+              const _find = item.attributes.find((attr) => attr.id === item.unique_id)
-      console.log(attr)
+              _parentsForm[item.name] = { attr: _find.name, value: '' }
-      const _tempFind = this.attributeList.find((item) => item.name === attr.name)
+            })
-      if (_tempFind.value_type === '6') {
+            this.parentsForm = _parentsForm
-        this.editAttr = attr
+          })
-        e.srcElement.blur()
+        }
-        const jsonData = this.form.getFieldValue(attr.name)
+      })
-        this.$refs.jsonEditor.open(null, null, jsonData ? JSON.parse(jsonData) : {})
+    },
-      } else {
+    getFieldType(name) {
-        this.editAttr = null
+      const _find = this.attributeList.find((item) => item.name === name)
-      }
+      if (_find) {
-    },
+        if (_find.is_choice) {
-    jsonEditorOk(jsonData) {
+          if (_find.is_list) {
-      this.form.setFieldsValue({ [this.editAttr.name]: JSON.stringify(jsonData) })
+            return 'select%%multiple'
-    },
+          }
-  },
+          return 'select'
-}
+        } else if ((_find.value_type === '0' || _find.value_type === '1') && !_find.is_list) {
-</script>
+          return 'input_number'
-<style lang="less">
+        } else if (_find.value_type === '4' || _find.value_type === '3') {
-.create-instance-form {
+          return _find.value_type
-  .ant-form-item {
+        } else {
-    margin-bottom: 5px;
+          return 'input'
-  }
+        }
-  .ant-drawer-body {
+      }
-    overflow-y: auto;
+      return 'input'
-    max-height: calc(100vh - 110px);
+    },
-  }
+    getSelectFieldOptions(name) {
-}
+      const _find = this.attributeList.find((item) => item.name === name)
-</style>
+      if (_find) {
+        return _find.choice_value
+      }
+      return []
+    },
+    handleAdd() {
+      this.batchUpdateLists.push({
+        name: undefined,
+        operation: 'cover'
+      })
+    },
+    handleDelete(name) {
+      const _idx = this.batchUpdateLists.findIndex((item) => item.name === name)
+      if (_idx > -1) {
+        this.batchUpdateLists.splice(_idx, 1)
+      }
+    },
+    // filterOption(input, option) {
+    //   return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+    // },
+    handleFocusInput(e, attr) {
+      console.log(attr)
+      const _tempFind = this.attributeList.find((item) => item.name === attr.name)
+      if (_tempFind.value_type === '6') {
+        this.editAttr = attr
+        e.srcElement.blur()
+        const jsonData = this.form.getFieldValue(attr.name)
+        this.$refs.jsonEditor.open(null, null, jsonData ? JSON.parse(jsonData) : {})
+      } else {
+        this.editAttr = null
+      }
+    },
+    jsonEditorOk(jsonData) {
+      this.form.setFieldsValue({ [this.editAttr.name]: JSON.stringify(jsonData) })
+    },
+
+    showListOperation(name) {
+      if (!name) {
+        return false
+      }
+      const attr = this.attributeList.find((attr) => attr.name === name)
+
+      return attr && attr.is_list
+    },
+
+    getDecoratorRules(data) {
+      const { name, operation } = data
+      const isList = this.showListOperation(name)
+      const rules = [
+        { required: false }
+      ]
+      if (isList && ['delete', 'add'].includes(operation)) {
+        rules[0] = {
+          required: true,
+          message: this.$t('placeholder1')
+        }
+      }
+
+      return rules
+    }
+  },
+}
+</script>
+<style lang="less">
+.create-instance-form {
+  .ant-form-item {
+    margin-bottom: 5px;
+  }
+  .ant-drawer-body {
+    overflow-y: auto;
+    max-height: calc(100vh - 110px);
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci/modules/MetadataDrawer.vue

@@ -163,6 +163,12 @@ export default {
           width: 110,
           help: this.$t('cmdb.ci.tips10'),
         },
+        {
+          field: 'is_dynamic',
+          title: this.$t('cmdb.ciType.isDynamic'),
+          width: 110,
+          help: this.$t('cmdb.ciType.dynamicTips'),
+        },
       ]
     },
   },

cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailRelatedItsmTable.vue

@@ -105,7 +105,7 @@ export default {
       default: true,
     },
     attrList: {
-      type: Array,
+      type: Function,
       default: () => [],
     }
   },

cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailRelation.vue

@@ -132,6 +132,10 @@ export default {
       type: Object,
       default: () => {},
     },
+    initQueryLoading: {
+      type: Boolean,
+      default: false,
+    }
   },
   data() {
     return {
@@ -145,131 +149,15 @@ export default {
       firstCIJsonAttr: {},
       secondCIJsonAttr: {},
       canEdit: {},
+      topoData: {
+        nodes: {},
+        edges: []
+      }
     }
   },
   computed: {
-    topoData() {
-      const ci_types_list = this.ci_types()
-      const _findCiType = ci_types_list.find((item) => item.id === this.typeId)
-      const unique_id = _findCiType.show_id || this.attributes().unique_id
-      const unique_name = _findCiType.show_name || this.attributes().unique
-      const _findUnique = this.attrList().find((attr) => attr.id === unique_id)
-      const unique_alias = _findUnique?.alias || _findUnique?.name || ''
-      const nodes = {
-        isRoot: true,
-        id: `Root_${this.typeId}`,
-        title: _findCiType.alias || _findCiType.name, // 中文名
-        name: _findCiType.name, // 英文名
-        Class: Node,
-        unique_alias,
-        unique_name,
-        unique_value: this.ci[unique_name],
-        icon: _findCiType?.icon || '',
-        endpoints: [
-          {
-            id: 'left',
-            orientation: [-1, 0],
-            pos: [0, 0.5],
-          },
-          {
-            id: 'right',
-            orientation: [1, 0],
-            pos: [0, 0.5],
-          },
-        ],
-        children: [],
-      }
-      const edges = []
-      this.parentCITypes.forEach((parent) => {
-        const _findCiType = ci_types_list.find((item) => item.id === parent.id)
-        if (this.firstCIs[parent.name] && _findCiType) {
-          const unique_id = _findCiType.show_id || _findCiType.unique_id
-          const _findUnique = parent.attributes.find((attr) => attr.id === unique_id)
-          const unique_name = _findUnique?.name
-          const unique_alias = _findUnique?.alias || _findUnique?.name || ''
-          this.firstCIs[parent.name].forEach((parentCi) => {
-            nodes.children.push({
-              id: `${parentCi._id}`,
-              Class: Node,
-              title: parent.alias || parent.name,
-              name: parent.name,
-              side: 'left',
-              unique_alias,
-              unique_name,
-              unique_value: parentCi[unique_name],
-              children: [],
-              icon: _findCiType?.icon || '',
-              endpoints: [
-                {
-                  id: 'left',
-                  orientation: [-1, 0],
-                  pos: [0, 0.5],
-                },
-                {
-                  id: 'right',
-                  orientation: [1, 0],
-                  pos: [0, 0.5],
-                },
-              ],
-            })
-            edges.push({
-              id: `${parentCi._id}_Root`,
-              source: 'right',
-              target: 'left',
-              sourceNode: `${parentCi._id}`,
-              targetNode: `Root_${this.typeId}`,
-              type: 'endpoint',
-            })
-          })
-        }
-      })
-      this.childCITypes.forEach((child) => {
-        const _findCiType = ci_types_list.find((item) => item.id === child.id)
-        if (this.secondCIs[child.name] && _findCiType) {
-          const unique_id = _findCiType.show_id || _findCiType.unique_id
-          const _findUnique = child.attributes.find((attr) => attr.id === unique_id)
-          const unique_name = _findUnique?.name
-          const unique_alias = _findUnique?.alias || _findUnique?.name || ''
-          this.secondCIs[child.name].forEach((childCi) => {
-            nodes.children.push({
-              id: `${childCi._id}`,
-              Class: Node,
-              title: child.alias || child.name,
-              name: child.name,
-              side: 'right',
-              unique_alias,
-              unique_name,
-              unique_value: childCi[unique_name],
-              children: [],
-              icon: _findCiType?.icon || '',
-              endpoints: [
-                {
-                  id: 'left',
-                  orientation: [-1, 0],
-                  pos: [0, 0.5],
-                },
-                {
-                  id: 'right',
-                  orientation: [1, 0],
-                  pos: [0, 0.5],
-                },
-              ],
-            })
-            edges.push({
-              id: `Root_${childCi._id}`,
-              source: 'right',
-              target: 'left',
-              sourceNode: `Root_${this.typeId}`,
-              targetNode: `${childCi._id}`,
-              type: 'endpoint',
-            })
-          })
-        }
-      })
-      return { nodes, edges }
-    },
     exsited_ci() {
-      const _exsited_ci = [this.typeId]
+      const _exsited_ci = [this.ciId]
       this.parentCITypes.forEach((parent) => {
         if (this.firstCIs[parent.name]) {
           this.firstCIs[parent.name].forEach((parentCi) => {
@@ -297,20 +185,28 @@ export default {
     },
   },
   mounted() {
-    this.init(true)
+    if (!this.initQueryLoading) {
+      this.init(true)
+    }
   },
   methods: {
     async init(isFirst) {
       await Promise.all([this.getParentCITypes(), this.getChildCITypes()])
       Promise.all([this.getFirstCIs(), this.getSecondCIs()]).then(() => {
-        if (isFirst && this.$refs.ciDetailRelationTopo) {
+        const ci_types_list = this.ci_types()
+        this.handleTopoData()
+        if (
+          isFirst &&
+          this.$refs.ciDetailRelationTopo &&
+          ci_types_list.length
+        ) {
           this.$refs.ciDetailRelationTopo.exsited_ci = this.exsited_ci
           this.$refs.ciDetailRelationTopo.setTopoData(this.topoData)
         }
       })
     },
     async getFirstCIs() {
-      await searchCIRelation(`root_id=${Number(this.ciId)}&&level=1&&reverse=1&&count=10000`)
+      await searchCIRelation(`root_id=${Number(this.ciId)}&level=1&reverse=1&count=10000`)
         .then((res) => {
           const firstCIs = {}
           res.result.forEach((item) => {
@@ -328,7 +224,7 @@ export default {
         .catch((e) => {})
     },
     async getSecondCIs() {
-      await searchCIRelation(`root_id=${Number(this.ciId)}&&level=1&&reverse=0&&count=10000`)
+      await searchCIRelation(`root_id=${Number(this.ciId)}&level=1&reverse=0&count=10000`)
         .then((res) => {
           const secondCIs = {}
           res.result.forEach((item) => {
@@ -445,6 +341,137 @@ export default {
         })
       }
     },
+    handleTopoData() {
+      const ci_types_list = this.ci_types()
+      if (!ci_types_list?.length) {
+        this.$set(this, 'topoData', {
+          nodes: {},
+          edges: []
+        })
+        return
+      }
+
+      const _findCiType = ci_types_list.find((item) => item.id === this.typeId)
+      const unique_id = _findCiType.show_id || this.attributes().unique_id
+      const unique_name = _findCiType.show_name || this.attributes().unique
+      const _findUnique = this.attrList().find((attr) => attr.id === unique_id)
+      const unique_alias = _findUnique?.alias || _findUnique?.name || ''
+      const nodes = {
+        isRoot: true,
+        id: `Root_${this.typeId}`,
+        title: _findCiType.alias || _findCiType.name, // 中文名
+        name: _findCiType.name, // 英文名
+        Class: Node,
+        unique_alias,
+        unique_name,
+        unique_value: this.ci[unique_name],
+        icon: _findCiType?.icon || '',
+        endpoints: [
+          {
+            id: 'left',
+            orientation: [-1, 0],
+            pos: [0, 0.5],
+          },
+          {
+            id: 'right',
+            orientation: [1, 0],
+            pos: [0, 0.5],
+          },
+        ],
+        children: [],
+      }
+      const edges = []
+      this.parentCITypes.forEach((parent) => {
+        const _findCiType = ci_types_list.find((item) => item.id === parent.id)
+        if (this.firstCIs[parent.name] && _findCiType) {
+          const unique_id = _findCiType.show_id || _findCiType.unique_id
+          const _findUnique = parent.attributes.find((attr) => attr.id === unique_id)
+          const unique_name = _findUnique?.name
+          const unique_alias = _findUnique?.alias || _findUnique?.name || ''
+          this.firstCIs[parent.name].forEach((parentCi) => {
+            nodes.children.push({
+              id: `${parentCi._id}`,
+              Class: Node,
+              title: parent.alias || parent.name,
+              name: parent.name,
+              side: 'left',
+              unique_alias,
+              unique_name,
+              unique_value: parentCi[unique_name],
+              children: [],
+              icon: _findCiType?.icon || '',
+              endpoints: [
+                {
+                  id: 'left',
+                  orientation: [-1, 0],
+                  pos: [0, 0.5],
+                },
+                {
+                  id: 'right',
+                  orientation: [1, 0],
+                  pos: [0, 0.5],
+                },
+              ],
+            })
+            edges.push({
+              id: `${parentCi._id}_Root`,
+              source: 'right',
+              target: 'left',
+              sourceNode: `${parentCi._id}`,
+              targetNode: `Root_${this.typeId}`,
+              type: 'endpoint',
+            })
+          })
+        }
+      })
+      this.childCITypes.forEach((child) => {
+        const _findCiType = ci_types_list.find((item) => item.id === child.id)
+        if (this.secondCIs[child.name] && _findCiType) {
+          const unique_id = _findCiType.show_id || _findCiType.unique_id
+          const _findUnique = child.attributes.find((attr) => attr.id === unique_id)
+          const unique_name = _findUnique?.name
+          const unique_alias = _findUnique?.alias || _findUnique?.name || ''
+          this.secondCIs[child.name].forEach((childCi) => {
+            nodes.children.push({
+              id: `${childCi._id}`,
+              Class: Node,
+              title: child.alias || child.name,
+              name: child.name,
+              side: 'right',
+              unique_alias,
+              unique_name,
+              unique_value: childCi[unique_name],
+              children: [],
+              icon: _findCiType?.icon || '',
+              endpoints: [
+                {
+                  id: 'left',
+                  orientation: [-1, 0],
+                  pos: [0, 0.5],
+                },
+                {
+                  id: 'right',
+                  orientation: [1, 0],
+                  pos: [0, 0.5],
+                },
+              ],
+            })
+            edges.push({
+              id: `Root_${childCi._id}`,
+              source: 'right',
+              target: 'left',
+              sourceNode: `Root_${this.typeId}`,
+              targetNode: `${childCi._id}`,
+              type: 'endpoint',
+            })
+          })
+        }
+      })
+      this.$set(this, 'topoData', {
+        nodes,
+        edges
+      })
+    }
   },
 }
 </script>

cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailRelationTopo/index.less

@@ -17,7 +17,7 @@
       border: 1px solid #d9d9d9;
       border-radius: 2px;
       padding: 4px 8px;
-      width: 100px;
+      width: auto;
       text-align: center;
       .title {
         font-size: 16px;
@@ -73,7 +73,7 @@
       }
     }
     .root {
-      width: 100px;
+      width: auto;
       border-color: @primary-color;
       font-weight: 700;
       padding: 4px 8px;

cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailRelationTopo/index.vue

@@ -29,6 +29,10 @@ export default {
   methods: {
     init() {
       const root = document.getElementById('ci-detail-relation-topo')
+      const canvas = document.createElement('canvas')
+      const context = canvas.getContext('2d')
+      context.font = '16px'
+
       this.canvas = new TreeCanvas({
         root: root,
         disLinkable: false, // 可删除连线
@@ -54,7 +58,15 @@ export default {
               return 10
             },
             getWidth(d) {
-              return 40
+              const metrics = context.measureText(d?.title || '')
+              const width = metrics.width
+              /**
+               * width 文字宽度
+               * 20    icon 宽度
+               * 4     盒子内边距
+               * 40    节点间距
+               */
+              return width + 20 + 4 + 40
             },
             getHGap(d) {
               return 80
@@ -69,22 +81,27 @@ export default {
       this.canvas.on('events', ({ type, data }) => {
         const sourceNode = data?.id || null
         if (type === 'custom:clickLeft') {
-          searchCIRelation(`root_id=${Number(sourceNode)}&&level=1&&reverse=1&&count=10000`).then((res) => {
+          searchCIRelation(`root_id=${Number(sourceNode)}&level=1&reverse=1&count=10000`).then((res) => {
             this.redrawData(res, sourceNode, 'left')
           })
         }
         if (type === 'custom:clickRight') {
-          searchCIRelation(`root_id=${Number(sourceNode)}&&level=1&&reverse=0&&count=10000`).then((res) => {
+          searchCIRelation(`root_id=${Number(sourceNode)}&level=1&reverse=0&count=10000`).then((res) => {
             this.redrawData(res, sourceNode, 'right')
           })
         }
       })
     },
     setTopoData(data) {
+      const root = document.getElementById('ci-detail-relation-topo')
+      if (root && root?.innerHTML) {
+        root.innerHTML = ''
+      }
       this.canvas = null
       this.init()
       this.topoData = _.cloneDeep(data)
-      this.canvas.draw(data, {}, () => {
+
+      this.canvas.redraw(data, {}, () => {
         this.canvas.focusCenterWithAnimate()
       })
     },
@@ -100,35 +117,37 @@ export default {
         const r = res.result[i]
         if (!this.exsited_ci.includes(r._id)) {
           const _findCiType = ci_types_list.find((item) => item.id === r._type)
-          const { attributes } = await getCITypeAttributesById(_findCiType.id)
+          if (_findCiType) {
-          const unique_id = _findCiType.show_id || _findCiType.unique_id
+            const { attributes } = await getCITypeAttributesById(_findCiType.id)
-          const _findUnique = attributes.find((attr) => attr.id === unique_id)
+            const unique_id = _findCiType.show_id || _findCiType.unique_id
-          const unique_name = _findUnique?.name
+            const _findUnique = attributes.find((attr) => attr.id === unique_id)
-          const unique_alias = _findUnique?.alias || _findUnique?.name || ''
+            const unique_name = _findUnique?.name
-          newNodes.push({
+            const unique_alias = _findUnique?.alias || _findUnique?.name || ''
-            id: `${r._id}`,
+            newNodes.push({
-            Class: Node,
+              id: `${r._id}`,
-            title: r.ci_type_alias || r.ci_type,
+              Class: Node,
-            name: r.ci_type,
+              title: r.ci_type_alias || r.ci_type,
-            side: side,
+              name: r.ci_type,
-            unique_alias,
+              side: side,
-            unique_name,
+              unique_alias,
-            unique_value: r[unique_name],
+              unique_name,
-            children: [],
+              unique_value: r[unique_name],
-            icon: _findCiType?.icon || '',
+              children: [],
-            endpoints: [
+              icon: _findCiType?.icon || '',
-              {
+              endpoints: [
-                id: 'left',
+                {
-                orientation: [-1, 0],
+                  id: 'left',
-                pos: [0, 0.5],
+                  orientation: [-1, 0],
-              },
+                  pos: [0, 0.5],
-              {
+                },
-                id: 'right',
+                {
-                orientation: [1, 0],
+                  id: 'right',
-                pos: [0, 0.5],
+                  orientation: [1, 0],
-              },
+                  pos: [0, 0.5],
-            ],
+                },
-          })
+              ],
+            })
+          }
         }
         newEdges.push({
           id: `${r._id}`,

cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailTab.vue

@@ -1,449 +1,468 @@
-<template>
+<template>
-  <div :style="{ height: '100%' }">
+  <div :style="{ height: '100%' }">
-    <a-tabs v-if="hasPermission" class="ci-detail-tab" v-model="activeTabKey" @change="changeTab">
+    <a-tabs v-if="hasPermission" class="ci-detail-tab" v-model="activeTabKey" @change="changeTab">
-      <a @click="shareCi" slot="tabBarExtraContent" :style="{ marginRight: '24px' }">
+      <a @click="shareCi" slot="tabBarExtraContent" :style="{ marginRight: '24px' }">
-        <a-icon type="share-alt" />
+        <a-icon type="share-alt" />
-        {{ $t('cmdb.ci.share') }}
+        {{ $t('cmdb.ci.share') }}
-      </a>
+      </a>
-      <a-tab-pane key="tab_1">
+      <a-tab-pane key="tab_1">
-        <span slot="tab"><a-icon type="book" />{{ $t('cmdb.attribute') }}</span>
+        <span slot="tab"><a-icon type="book" />{{ $t('cmdb.attribute') }}</span>
-        <div class="ci-detail-attr">
+        <div class="ci-detail-attr">
-          <el-descriptions
+          <el-descriptions
-            :title="group.name || $t('other')"
+            :title="group.name || $t('other')"
-            :key="group.name"
+            :key="group.name"
-            v-for="group in attributeGroups"
+            v-for="group in attributeGroups"
-            border
+            border
-            :column="3"
+            :column="3"
-          >
+          >
-            <el-descriptions-item
+            <el-descriptions-item
-              :label="`${attr.alias || attr.name}`"
+              :label="`${attr.alias || attr.name}`"
-              :key="attr.name"
+              :key="attr.name"
-              v-for="attr in group.attributes"
+              v-for="attr in group.attributes"
-            >
+            >
-              <ci-detail-attr-content :ci="ci" :attr="attr" @refresh="refresh" @updateCIByself="updateCIByself" />
+              <ci-detail-attr-content :ci="ci" :attr="attr" @refresh="refresh" @updateCIByself="updateCIByself" />
-            </el-descriptions-item>
+            </el-descriptions-item>
-          </el-descriptions>
+          </el-descriptions>
-        </div>
+        </div>
-      </a-tab-pane>
+      </a-tab-pane>
-      <a-tab-pane key="tab_2">
+      <a-tab-pane key="tab_2">
-        <span slot="tab"><a-icon type="branches" />{{ $t('cmdb.relation') }}</span>
+        <span slot="tab"><a-icon type="branches" />{{ $t('cmdb.relation') }}</span>
-        <div :style="{ height: '100%', padding: '24px', overflow: 'auto' }">
+        <div :style="{ height: '100%', padding: '24px', overflow: 'auto' }">
-          <ci-detail-relation ref="ciDetailRelation" :ciId="ciId" :typeId="typeId" :ci="ci" />
+          <ci-detail-relation ref="ciDetailRelation" :ciId="ciId" :typeId="typeId" :ci="ci" :initQueryLoading="initQueryLoading" />
-        </div>
+        </div>
-      </a-tab-pane>
+      </a-tab-pane>
-      <a-tab-pane key="tab_3">
+      <a-tab-pane key="tab_3">
-        <span slot="tab"><a-icon type="clock-circle" />{{ $t('cmdb.ci.history') }}</span>
+        <span slot="tab"><a-icon type="clock-circle" />{{ $t('cmdb.ci.history') }}</span>
-        <div :style="{ padding: '24px', height: '100%' }">
+        <div :style="{ padding: '24px', height: '100%' }">
-          <a-space :style="{ 'margin-bottom': '10px', display: 'flex' }">
+          <a-space :style="{ 'margin-bottom': '10px', display: 'flex' }">
-            <a-button type="primary" class="ops-button-ghost" ghost @click="handleRollbackCI()">
+            <a-button type="primary" class="ops-button-ghost" ghost @click="handleRollbackCI()">
-              <ops-icon type="shishizhuangtai" />{{ $t('cmdb.ci.rollback') }}
+              <ops-icon type="shishizhuangtai" />{{ $t('cmdb.ci.rollback') }}
-            </a-button>
+            </a-button>
-          </a-space>
+            <a-button type="primary" class="ops-button-ghost" ghost @click="handleExport">
-          <ci-rollback-form ref="ciRollbackForm" :ciIds="[ciId]" @getCIHistory="getCIHistory" />
+              <ops-icon type="veops-export" />{{ $t('export') }}
-          <vxe-table
+            </a-button>
-            ref="xTable"
+          </a-space>
-            show-overflow
+          <ci-rollback-form ref="ciRollbackForm" :ciIds="[ciId]" @getCIHistory="getCIHistory" />
-            show-header-overflow
+          <vxe-table
-            :data="ciHistory"
+            ref="xTable"
-            size="small"
+            show-overflow
-            :height="tableHeight"
+            show-header-overflow
-            highlight-hover-row
+            :data="ciHistory"
-            :span-method="mergeRowMethod"
+            size="small"
-            :scroll-y="{ enabled: false, gt: 20 }"
+            :height="tableHeight"
-            :scroll-x="{ enabled: false, gt: 0 }"
+            highlight-hover-row
-            border
+            :span-method="mergeRowMethod"
-            resizable
+            :scroll-y="{ enabled: false, gt: 20 }"
-            class="ops-unstripe-table"
+            :scroll-x="{ enabled: false, gt: 0 }"
-          >
+            border
-            <template #empty>
+            resizable
-              <a-empty :image-style="{ height: '100px' }" :style="{ paddingTop: '10%' }">
+            class="ops-unstripe-table"
-                <img slot="image" :src="require('@/assets/data_empty.png')" />
+          >
-                <span slot="description"> {{ $t('noData') }} </span>
+            <template #empty>
-              </a-empty>
+              <a-empty :image-style="{ height: '100px' }" :style="{ paddingTop: '10%' }">
-            </template>
+                <img slot="image" :src="require('@/assets/data_empty.png')" />
-            <vxe-table-column sortable field="created_at" :title="$t('created_at')"></vxe-table-column>
+                <span slot="description"> {{ $t('noData') }} </span>
-            <vxe-table-column
+              </a-empty>
-              field="username"
+            </template>
-              :title="$t('user')"
+            <vxe-table-column sortable field="created_at" :title="$t('created_at')"></vxe-table-column>
-              :filters="[]"
+            <vxe-table-column
-              :filter-method="filterUsernameMethod"
+              field="username"
-            ></vxe-table-column>
+              :title="$t('user')"
-            <vxe-table-column
+              :filters="[]"
-              field="operate_type"
+              :filter-method="filterUsernameMethod"
-              :filters="[
+            ></vxe-table-column>
-                { value: 0, label: $t('new') },
+            <vxe-table-column
-                { value: 1, label: $t('delete') },
+              field="operate_type"
-                { value: 2, label: $t('update') },
+              :filters="[
-              ]"
+                { value: 0, label: $t('new') },
-              :filter-method="filterOperateMethod"
+                { value: 1, label: $t('delete') },
-              :title="$t('operation')"
+                { value: 2, label: $t('update') },
-            >
+              ]"
-              <template #default="{ row }">
+              :filter-method="filterOperateMethod"
-                {{ operateTypeMap[row.operate_type] }}
+              :title="$t('operation')"
-              </template>
+            >
-            </vxe-table-column>
+              <template #default="{ row }">
-            <vxe-table-column
+                {{ operateTypeMap[row.operate_type] }}
-              field="attr_alias"
+              </template>
-              :title="$t('cmdb.attribute')"
+            </vxe-table-column>
-              :filters="[]"
+            <vxe-table-column
-              :filter-method="filterAttrMethod"
+              field="attr_alias"
-            ></vxe-table-column>
+              :title="$t('cmdb.attribute')"
-            <vxe-table-column field="old" :title="$t('cmdb.history.old')">
+              :filters="[]"
-              <template #default="{ row }">
+              :filter-method="filterAttrMethod"
-                <span v-if="row.value_type === '6'">{{ JSON.parse(row.old) }}</span>
+            ></vxe-table-column>
-                <span v-else>{{ row.old }}</span>
+            <vxe-table-column :cell-type="'string'" field="old" :title="$t('cmdb.history.old')">
-              </template>
+              <template #default="{ row }">
-            </vxe-table-column>
+                <span v-if="row.value_type === '6'">{{ JSON.parse(row.old) }}</span>
-            <vxe-table-column field="new" :title="$t('cmdb.history.new')">
+                <span v-else>{{ row.old }}</span>
-              <template #default="{ row }">
+              </template>
-                <span v-if="row.value_type === '6'">{{ JSON.parse(row.new) }}</span>
+            </vxe-table-column>
-                <span v-else>{{ row.new }}</span>
+            <vxe-table-column :cell-type="'string'" field="new" :title="$t('cmdb.history.new')">
-              </template>
+              <template #default="{ row }">
-            </vxe-table-column>
+                <span v-if="row.value_type === '6'">{{ JSON.parse(row.new) }}</span>
-          </vxe-table>
+                <span v-else>{{ row.new }}</span>
-        </div>
+              </template>
-      </a-tab-pane>
+            </vxe-table-column>
-      <a-tab-pane key="tab_4">
+          </vxe-table>
-        <span slot="tab"><ops-icon type="itsm_auto_trigger" />{{ $t('cmdb.history.triggerHistory') }}</span>
+        </div>
-        <div :style="{ padding: '24px', height: '100%' }">
+      </a-tab-pane>
-          <TriggerTable :ci_id="ci._id" />
+      <a-tab-pane key="tab_4">
-        </div>
+        <span slot="tab"><ops-icon type="itsm_auto_trigger" />{{ $t('cmdb.history.triggerHistory') }}</span>
-      </a-tab-pane>
+        <div :style="{ padding: '24px', height: '100%' }">
-      <a-tab-pane key="tab_5">
+          <TriggerTable :ci_id="ci._id" />
-        <span slot="tab"><ops-icon type="itsm-association" />{{ $t('cmdb.ci.relITSM') }}</span>
+        </div>
-        <div :style="{ padding: '24px', height: '100%' }">
+      </a-tab-pane>
-          <RelatedItsmTable ref="relatedITSMTable" :ci_id="ci._id" :ciHistory="ciHistory" :itsmInstalled="itsmInstalled" :attrList="attrList" />
+      <a-tab-pane key="tab_5">
-        </div>
+        <span slot="tab"><ops-icon type="itsm-association" />{{ $t('cmdb.ci.relITSM') }}</span>
-      </a-tab-pane>
+        <div :style="{ padding: '24px', height: '100%' }">
-    </a-tabs>
+          <RelatedItsmTable ref="relatedITSMTable" :ci_id="ci._id" :ciHistory="ciHistory" :itsmInstalled="itsmInstalled" :attrList="attrList" />
-    <a-empty
+        </div>
-      v-else
+      </a-tab-pane>
-      :image-style="{
+    </a-tabs>
-        height: '100px',
+    <a-empty
-      }"
+      v-else
-      :style="{ paddingTop: '20%' }"
+      :image-style="{
-    >
+        height: '100px',
-      <img slot="image" :src="require('@/assets/data_empty.png')" />
+      }"
-      <span slot="description"> {{ $t('cmdb.ci.noPermission') }} </span>
+      :style="{ paddingTop: '20%' }"
-    </a-empty>
+    >
-  </div>
+      <img slot="image" :src="require('@/assets/data_empty.png')" />
-</template>
+      <span slot="description"> {{ $t('cmdb.ci.noPermission') }} </span>
-
+    </a-empty>
-<script>
+  </div>
-import _ from 'lodash'
+</template>
-import { Descriptions, DescriptionsItem } from 'element-ui'
+
-import { getCITypeGroupById, getCITypes } from '@/modules/cmdb/api/CIType'
+<script>
-import { getCIHistory, judgeItsmInstalled } from '@/modules/cmdb/api/history'
+import _ from 'lodash'
-import { getCIById } from '@/modules/cmdb/api/ci'
+import { Descriptions, DescriptionsItem } from 'element-ui'
-import CiDetailAttrContent from './ciDetailAttrContent.vue'
+import { getCITypeGroupById, getCITypes } from '@/modules/cmdb/api/CIType'
-import CiDetailRelation from './ciDetailRelation.vue'
+import { getCIHistory, judgeItsmInstalled } from '@/modules/cmdb/api/history'
-import TriggerTable from '../../operation_history/modules/triggerTable.vue'
+import { getCIById } from '@/modules/cmdb/api/ci'
-import RelatedItsmTable from './ciDetailRelatedItsmTable.vue'
+import CiDetailAttrContent from './ciDetailAttrContent.vue'
-import CiRollbackForm from './ciRollbackForm.vue'
+import CiDetailRelation from './ciDetailRelation.vue'
-export default {
+import TriggerTable from '../../operation_history/modules/triggerTable.vue'
-  name: 'CiDetailTab',
+import RelatedItsmTable from './ciDetailRelatedItsmTable.vue'
-  components: {
+import CiRollbackForm from './ciRollbackForm.vue'
-    ElDescriptions: Descriptions,
+export default {
-    ElDescriptionsItem: DescriptionsItem,
+  name: 'CiDetailTab',
-    CiDetailAttrContent,
+  components: {
-    CiDetailRelation,
+    ElDescriptions: Descriptions,
-    TriggerTable,
+    ElDescriptionsItem: DescriptionsItem,
-    RelatedItsmTable,
+    CiDetailAttrContent,
-    CiRollbackForm,
+    CiDetailRelation,
-  },
+    TriggerTable,
-  props: {
+    RelatedItsmTable,
-    typeId: {
+    CiRollbackForm,
-      type: Number,
+  },
-      required: true,
+  props: {
-    },
+    typeId: {
-    treeViewsLevels: {
+      type: Number,
-      type: Array,
+      required: true,
-      default: () => [],
+    },
-    },
+    treeViewsLevels: {
-    attributeHistoryTableHeight: {
+      type: Array,
-      type: Number,
+      default: () => [],
-      default: null
+    },
-    }
+    attributeHistoryTableHeight: {
-  },
+      type: Number,
-  data() {
+      default: null
-    return {
+    }
-      ci: {},
+  },
-      item: [],
+  data() {
-      attributeGroups: [],
+    return {
-      activeTabKey: 'tab_1',
+      ci: {},
-      rowSpanMap: {},
+      item: [],
-      ciHistory: [],
+      attributeGroups: [],
-      ciId: null,
+      activeTabKey: 'tab_1',
-      ci_types: [],
+      rowSpanMap: {},
-      hasPermission: true,
+      ciHistory: [],
-      itsmInstalled: true,
+      ciId: null,
-      tableHeight: this.attributeHistoryTableHeight || (this.$store.state.windowHeight - 120),
+      ci_types: [],
-    }
+      hasPermission: true,
-  },
+      itsmInstalled: true,
-  computed: {
+      tableHeight: this.attributeHistoryTableHeight || (this.$store.state.windowHeight - 120),
-    windowHeight() {
+      initQueryLoading: true,
-      return this.$store.state.windowHeight
+    }
-    },
+  },
-    operateTypeMap() {
+  computed: {
-      return {
+    windowHeight() {
-        0: this.$t('new'),
+      return this.$store.state.windowHeight
-        1: this.$t('delete'),
+    },
-        2: this.$t('update'),
+    operateTypeMap() {
-      }
+      return {
-    },
+        0: this.$t('new'),
-  },
+        1: this.$t('delete'),
-  provide() {
+        2: this.$t('update'),
-    return {
+      }
-      ci_types: () => {
+    },
-        return this.ci_types
+  },
-      },
+  provide() {
-    }
+    return {
-  },
+      ci_types: () => {
-  inject: {
+        return this.ci_types
-    reload: {
+      },
-      from: 'reload',
+    }
-      default: null,
+  },
-    },
+  inject: {
-    handleSearch: {
+    reload: {
-      from: 'handleSearch',
+      from: 'reload',
-      default: null,
+      default: null,
-    },
+    },
-    attrList: {
+    handleSearch: {
-      from: 'attrList',
+      from: 'handleSearch',
-      default: () => [],
+      default: null,
-    },
+    },
-  },
+    attrList: {
-  methods: {
+      from: 'attrList',
-    async create(ciId, activeTabKey = 'tab_1', ciDetailRelationKey = '1') {
+      default: () => [],
-      this.activeTabKey = activeTabKey
+    },
-      if (activeTabKey === 'tab_2') {
+  },
-        this.$nextTick(() => {
+  methods: {
-          this.$refs.ciDetailRelation.activeKey = ciDetailRelationKey
+    async create(ciId, activeTabKey = 'tab_1', ciDetailRelationKey = '1') {
-        })
+      this.initQueryLoading = true
-      }
+      this.activeTabKey = activeTabKey
-      this.ciId = ciId
+      if (activeTabKey === 'tab_2') {
-      await this.getCI()
+        this.$nextTick(() => {
-      await this.judgeItsmInstalled()
+          this.$refs.ciDetailRelation.activeKey = ciDetailRelationKey
-      if (this.hasPermission) {
+        })
-        this.getAttributes()
+      }
-        this.getCIHistory()
+      this.ciId = ciId
-        getCITypes().then((res) => {
+      await this.getCI()
-          this.ci_types = res.ci_types
+      await this.judgeItsmInstalled()
-        })
+      if (this.hasPermission) {
-      }
+        this.getAttributes()
-    },
+        this.getCIHistory()
-    getAttributes() {
+        const ciTypeRes = await getCITypes()
-      getCITypeGroupById(this.typeId, { need_other: 1 })
+        this.ci_types = ciTypeRes.ci_types
-        .then((res) => {
+        if (this.activeTabKey === 'tab_2') {
-          this.attributeGroups = res
+          this.$refs.ciDetailRelation.init(true)
-        })
+        }
-        .catch((e) => {})
+      }
-    },
+      this.initQueryLoading = false
-    async getCI() {
+    },
-      await getCIById(this.ciId)
+    getAttributes() {
-        .then((res) => {
+      getCITypeGroupById(this.typeId, { need_other: 1 })
-          if (res.result.length) {
+        .then((res) => {
-            this.ci = res.result[0]
+          this.attributeGroups = res
-          } else {
+        })
-            this.hasPermission = false
+        .catch((e) => {})
-          }
+    },
-        })
+    async getCI() {
-        .catch((e) => {
+      await getCIById(this.ciId)
-          if (e.response.status === 404) {
+        .then((res) => {
-            this.itsmInstalled = false
+          if (res.result.length) {
-          }
+            this.ci = res.result[0]
-        })
+          } else {
-    },
+            this.hasPermission = false
-    async judgeItsmInstalled() {
+          }
-      await judgeItsmInstalled().catch((e) => {
+        })
-        this.itsmInstalled = false
+        .catch((e) => {
-      })
+          if (e.response.status === 404) {
-    },
+            this.itsmInstalled = false
-
+          }
-    getCIHistory() {
+        })
-      getCIHistory(this.ciId)
+    },
-        .then((res) => {
+    async judgeItsmInstalled() {
-          this.ciHistory = res
+      await judgeItsmInstalled().catch((e) => {
-
+        this.itsmInstalled = false
-          const rowSpanMap = {}
+      })
-          let startIndex = 0
+    },
-          let startCount = 1
+
-          res.forEach((item, index) => {
+    getCIHistory() {
-            if (index === 0) {
+      getCIHistory(this.ciId)
-              return
+        .then((res) => {
-            }
+          this.ciHistory = res
-            if (res[index].record_id === res[startIndex].record_id) {
+
-              startCount += 1
+          const rowSpanMap = {}
-              rowSpanMap[index] = 0
+          let startIndex = 0
-              if (index === res.length - 1) {
+          let startCount = 1
-                rowSpanMap[startIndex] = startCount
+          res.forEach((item, index) => {
-              }
+            if (index === 0) {
-            } else {
+              return
-              rowSpanMap[startIndex] = startCount
+            }
-              startIndex = index
+            if (res[index].record_id === res[startIndex].record_id) {
-              startCount = 1
+              startCount += 1
-              if (index === res.length - 1) {
+              rowSpanMap[index] = 0
-                rowSpanMap[index] = 1
+              if (index === res.length - 1) {
-              }
+                rowSpanMap[startIndex] = startCount
-            }
+              }
-          })
+            } else {
-          this.rowSpanMap = rowSpanMap
+              rowSpanMap[startIndex] = startCount
-        })
+              startIndex = index
-        .catch((e) => {
+              startCount = 1
-          console.log(e)
+              if (index === res.length - 1) {
-        })
+                rowSpanMap[index] = 1
-    },
+              }
-    changeTab(key) {
+            }
-      this.activeTabKey = key
+          })
-      if (key === 'tab_3') {
+          this.rowSpanMap = rowSpanMap
-        this.$nextTick(() => {
+        })
-          const $table = this.$refs.xTable
+        .catch((e) => {
-          if ($table) {
+          console.log(e)
-            const usernameColumn = $table.getColumnByField('username')
+        })
-            const attrColumn = $table.getColumnByField('attr_alias')
+    },
-            if (usernameColumn) {
+    changeTab(key) {
-              const usernameList = [...new Set(this.ciHistory.map((item) => item.username))]
+      this.activeTabKey = key
-              $table.setFilter(
+      if (key === 'tab_3') {
-                usernameColumn,
+        this.$nextTick(() => {
-                usernameList.map((item) => {
+          const $table = this.$refs.xTable
-                  return {
+          if ($table) {
-                    value: item,
+            const usernameColumn = $table.getColumnByField('username')
-                    label: item,
+            const attrColumn = $table.getColumnByField('attr_alias')
-                  }
+            if (usernameColumn) {
-                })
+              const usernameList = [...new Set(this.ciHistory.map((item) => item.username))]
-              )
+              $table.setFilter(
-            }
+                usernameColumn,
-            if (attrColumn) {
+                usernameList.map((item) => {
-              $table.setFilter(
+                  return {
-                attrColumn,
+                    value: item,
-                this.attrList().map((attr) => {
+                    label: item,
-                  return { value: attr.alias || attr.name, label: attr.alias || attr.name }
+                  }
-                })
+                })
-              )
+              )
-            }
+            }
-          }
+            if (attrColumn) {
-        })
+              $table.setFilter(
-      }
+                attrColumn,
-    },
+                this.attrList().map((attr) => {
-    filterUsernameMethod({ value, row, column }) {
+                  return { value: attr.alias || attr.name, label: attr.alias || attr.name }
-      return row.username === value
+                })
-    },
+              )
-    filterOperateMethod({ value, row, column }) {
+            }
-      return Number(row.operate_type) === Number(value)
+          }
-    },
+        })
-    filterAttrMethod({ value, row, column }) {
+      }
-      return row.attr_alias === value
+    },
-    },
+    filterUsernameMethod({ value, row, column }) {
-    refresh(editAttrName) {
+      return row.username === value
-      this.getCI()
+    },
-      const _find = this.treeViewsLevels.find((level) => level.name === editAttrName)
+    filterOperateMethod({ value, row, column }) {
-      // 修改的字段为树形视图订阅的字段 则全部reload
+      return Number(row.operate_type) === Number(value)
-      setTimeout(() => {
+    },
-        if (_find) {
+    filterAttrMethod({ value, row, column }) {
-          if (this.reload) {
+      return row.attr_alias === value
-            this.reload()
+    },
-          }
+    refresh(editAttrName) {
-        } else {
+      this.getCI()
-          if (this.handleSearch) {
+      const _find = this.treeViewsLevels.find((level) => level.name === editAttrName)
-            this.handleSearch()
+      // 修改的字段为树形视图订阅的字段 则全部reload
-          }
+      setTimeout(() => {
-        }
+        if (_find) {
-      }, 500)
+          if (this.reload) {
-    },
+            this.reload()
-    mergeRowMethod({ row, _rowIndex, column, visibleData }) {
+          }
-      const fields = ['created_at', 'username']
+        } else {
-      const cellValue1 = row['created_at']
+          if (this.handleSearch) {
-      const cellValue2 = row['username']
+            this.handleSearch()
-      if (cellValue1 && cellValue2 && fields.includes(column.property)) {
+          }
-        const prevRow = visibleData[_rowIndex - 1]
+        }
-        let nextRow = visibleData[_rowIndex + 1]
+      }, 500)
-        if (prevRow && prevRow['created_at'] === cellValue1 && prevRow['username'] === cellValue2) {
+    },
-          return { rowspan: 0, colspan: 0 }
+    mergeRowMethod({ row, _rowIndex, column, visibleData }) {
-        } else {
+      const fields = ['created_at', 'username']
-          let countRowspan = 1
+      const cellValue1 = row['created_at']
-          while (nextRow && nextRow['created_at'] === cellValue1 && nextRow['username'] === cellValue2) {
+      const cellValue2 = row['username']
-            nextRow = visibleData[++countRowspan + _rowIndex]
+      if (cellValue1 && cellValue2 && fields.includes(column.property)) {
-          }
+        const prevRow = visibleData[_rowIndex - 1]
-          if (countRowspan > 1) {
+        let nextRow = visibleData[_rowIndex + 1]
-            return { rowspan: countRowspan, colspan: 1 }
+        if (prevRow && prevRow['created_at'] === cellValue1 && prevRow['username'] === cellValue2) {
-          }
+          return { rowspan: 0, colspan: 0 }
-        }
+        } else {
-      }
+          let countRowspan = 1
-    },
+          while (nextRow && nextRow['created_at'] === cellValue1 && nextRow['username'] === cellValue2) {
-    updateCIByself(params, editAttrName) {
+            nextRow = visibleData[++countRowspan + _rowIndex]
-      const _ci = { ..._.cloneDeep(this.ci), ...params }
+          }
-      this.ci = _ci
+          if (countRowspan > 1) {
-      const _find = this.treeViewsLevels.find((level) => level.name === editAttrName)
+            return { rowspan: countRowspan, colspan: 1 }
-      // 修改的字段为树形视图订阅的字段 则全部reload
+          }
-      setTimeout(() => {
+        }
-        if (_find) {
+      }
-          if (this.reload) {
+    },
-            this.reload()
+    updateCIByself(params, editAttrName) {
-          }
+      const _ci = { ..._.cloneDeep(this.ci), ...params }
-        } else {
+      this.ci = _ci
-          if (this.handleSearch) {
+      const _find = this.treeViewsLevels.find((level) => level.name === editAttrName)
-            this.handleSearch()
+      // 修改的字段为树形视图订阅的字段 则全部reload
-          }
+      setTimeout(() => {
-        }
+        if (_find) {
-      }, 500)
+          if (this.reload) {
-    },
+            this.reload()
-    shareCi() {
+          }
-      const text = `${document.location.host}/cmdb/cidetail/${this.typeId}/${this.ciId}`
+        } else {
-      this.$copyText(text)
+          if (this.handleSearch) {
-        .then(() => {
+            this.handleSearch()
-          this.$message.success(this.$t('copySuccess'))
+          }
-        })
+        }
-        .catch(() => {
+      }, 500)
-          this.$message.error(this.$t('cmdb.ci.copyFailed'))
+    },
-        })
+    shareCi() {
-    },
+      const text = `${document.location.host}/cmdb/cidetail/${this.typeId}/${this.ciId}`
-    handleRollbackCI() {
+      this.$copyText(text)
-      this.$nextTick(() => {
+        .then(() => {
-        this.$refs.ciRollbackForm.onOpen()
+          this.$message.success(this.$t('copySuccess'))
-      })
+        })
-    },
+        .catch(() => {
-  },
+          this.$message.error(this.$t('cmdb.ci.copyFailed'))
-}
+        })
-</script>
+    },
-
+    handleRollbackCI() {
-<style lang="less">
+      this.$nextTick(() => {
-.ci-detail-tab {
+        this.$refs.ciRollbackForm.onOpen()
-  height: 100%;
+      })
-  .ant-tabs-content {
+    },
-    height: calc(100% - 45px);
+    async handleExport() {
-    .ant-tabs-tabpane {
+      this.$refs.xTable.exportData({
-      height: 100%;
+        filename: this.$t('cmdb.ci.history'),
-    }
+        sheetName: 'Sheet1',
-  }
+        type: 'xlsx',
-  .ant-tabs-bar {
+        types: ['xlsx', 'csv', 'html', 'xml', 'txt'],
-    margin: 0;
+        data: this.ciHistory,
-  }
+        isMerge: true,
-  .ant-tabs-extra-content {
+        isColgroup: true,
-    line-height: 44px;
+      })
-  }
+    }
-  .ci-detail-attr {
+  },
-    height: 100%;
+}
-    overflow: auto;
+</script>
-    padding: 24px;
+
-    .el-descriptions-item__content {
+<style lang="less">
-      cursor: default;
+.ci-detail-tab {
-      &:hover a {
+  height: 100%;
-        opacity: 1 !important;
+  .ant-tabs-content {
-      }
+    height: calc(100% - 45px);
-    }
+    .ant-tabs-tabpane {
-    .el-descriptions:first-child > .el-descriptions__header {
+      height: 100%;
-      margin-top: 0;
+    }
-    }
+  }
-    .el-descriptions__header {
+  .ant-tabs-bar {
-      margin-bottom: 5px;
+    margin: 0;
-      margin-top: 20px;
+  }
-    }
+  .ant-tabs-extra-content {
-    .ant-form-item {
+    line-height: 44px;
-      margin-bottom: 0;
+  }
-    }
+  .ci-detail-attr {
-    .ant-form-item-control {
+    height: 100%;
-      line-height: 19px;
+    overflow: auto;
-    }
+    padding: 24px;
-  }
+    .el-descriptions-item__content {
-}
+      cursor: default;
-</style>
+      &:hover a {
+        opacity: 1 !important;
+      }
+    }
+    .el-descriptions:first-child > .el-descriptions__header {
+      margin-top: 0;
+    }
+    .el-descriptions__header {
+      margin-bottom: 5px;
+      margin-top: 20px;
+    }
+    .ant-form-item {
+      margin-bottom: 0;
+    }
+    .ant-form-item-control {
+      line-height: 19px;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci/modules/createInstanceFormByGroup.vue

@@ -29,7 +29,7 @@
                         ? attr.default.default
                         : attr.default.default.split(',')
                       : attr.default.default
-                    : null,
+                    : attr.is_list ? [] : null,
               },
             ]"
             :placeholder="$t('placeholder2')"

cmdb-ui/src/modules/cmdb/views/ci_types/adModal.vue

@@ -1,6 +1,10 @@
 <template>
   <a-modal width="800px" :visible="visible" @ok="handleOK" @cancel="handleCancel" :closable="false">
-    <Discovery :isSelected="true" :style="{ maxHeight: '75vh', overflow: 'auto' }" />
+    <Discovery
+      :isSelected="true"
+      :style="{ maxHeight: '75vh', overflow: 'auto' }"
+      v-if="visible"
+    />
     <template #footer>
       <a-space>
         <a-button @click="handleCancel">{{ $t('cancel') }}</a-button>
@@ -14,7 +18,7 @@
 <script>
 import _ from 'lodash'
 import Discovery from '../discovery'
-import { postCITypeDiscovery } from '../../api/discovery'
+
 export default {
   name: 'ADModal',
   components: { Discovery },
@@ -49,20 +53,17 @@ export default {
     },
     async handleOK() {
       if (this.selectedIds && this.selectedIds.length) {
-        const promises = this.selectedIds.map(({ id, type }) => {
+        const adCITypeList = this.selectedIds.map((item, index) => {
-          return postCITypeDiscovery(this.CITypeId, { adr_id: id, interval: type === 'agent' ? 300 : 3600 })
+          return {
+            adr_id: item.id,
+            id: new Date().getTime() + index,
+            extra_option: {
+              alias: ''
+            },
+            isClient: true,
+          }
         })
-        await Promise.all(promises)
+        this.$emit('pushCITypeList', adCITypeList)
-          .then((res) => {
-            this.getCITypeDiscovery(res[0].id)
-            this.$message.success(this.$t('addSuccess'))
-          })
-          .catch(() => {
-            this.getCITypeDiscovery()
-          })
-          .finally(() => {
-            this.handleCancel()
-          })
       }
       this.handleCancel()
     },

cmdb-ui/src/modules/cmdb/views/ci_types/adTab.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="ad-container" :style="{ height: `${windowHeight - 130}px` }">
+    <div class="ad-btns">
+      <div
+        :class="['ad-btns-item', activeKey === item.key ? 'ad-btns-item_active' : '']"
+        v-for="item in tabs"
+        :key="item.key"
+        @click="changeTab(item.key)"
+      >
+        {{ $t(item.label) }}
+      </div>
+    </div>
+    <AttrAD
+      v-if="activeKey === AD_TAB_KEY.ATTR"
+      :CITypeId="CITypeId"
+    ></AttrAD>
+    <RelationAD
+      v-else-if="activeKey === AD_TAB_KEY.RELATION"
+      :CITypeId="CITypeId"
+    ></RelationAD>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import AttrAD from './attrAD.vue'
+import RelationAD from './relationAD.vue'
+
+const AD_TAB_KEY = {
+  ATTR: '1',
+  RELATION: '2'
+}
+
+export default {
+  name: 'ADTab',
+  components: {
+    AttrAD,
+    RelationAD,
+  },
+  props: {
+    CITypeId: {
+      type: Number,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      AD_TAB_KEY,
+      activeKey: AD_TAB_KEY.ATTR,
+      tabs: [
+        {
+          key: AD_TAB_KEY.ATTR,
+          label: 'cmdb.ciType.attributeAD'
+        },
+        {
+          key: AD_TAB_KEY.RELATION,
+          label: 'cmdb.ciType.relationAD'
+        }
+      ]
+    }
+  },
+  computed: {
+    ...mapState({
+      windowHeight: (state) => state.windowHeight,
+    }),
+  },
+  methods: {
+    changeTab(activeKey) {
+      this.activeKey = activeKey
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.ad-btns {
+  display: inline-flex;
+  align-items: center;
+  border: solid 1px @border-color-base;
+  margin-left: 17px;
+  margin-bottom: 15px;
+
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 6px 20px;
+    background-color: #FFFFFF;
+    cursor: pointer;
+
+    color: @text-color_2;
+    font-size: 14px;
+    font-weight: 400;
+
+    &:not(:first-child) {
+      border-left: solid 1px @border-color-base;
+    }
+
+    &_active {
+      background-color: @primary-color;
+      color: #FFFFFF;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/allAttrDrawer.vue

@@ -0,0 +1,140 @@
+<template>
+  <CustomDrawer
+    :title="$t('cmdb.ciType.viewAllAttr')"
+    :visible="visible"
+    placement="right"
+    width="800"
+    :bodyStyle="{ height: '100vh' }"
+    @close="handleClose"
+  >
+    <vxe-table
+      resizable
+      size="mini"
+      :span-method="mergeRowMethod"
+      :data="tableData"
+      show-overflow
+      show-header-overflow
+      border
+      class="ops-stripe-table"
+      :height="windowHeight - 160"
+    >
+      <vxe-table-column align="center" field="groupId" :title="$t('cmdb.ciType.attrGroup')" :width="100">
+        <template #default="{row}">
+          <span>{{ row.groupName }}</span>
+        </template>
+      </vxe-table-column>
+      <vxe-table-column field="name" :title="$t('cmdb.ciType.attrName')" :width="150"></vxe-table-column>
+      <vxe-table-column field="alias" :title="$t('cmdb.ciType.attrAlias')" :width="150"></vxe-table-column>
+      <vxe-table-column field="typeText" :title="$t('type')" :width="100"></vxe-table-column>
+      <vxe-table-column field="code" :title="$t('cmdb.ciType.attrCode')">
+        <template #default="{row}">
+          <a @click="copyText(row.code)" >{{ row.code }}</a>
+        </template>
+      </vxe-table-column>
+    </vxe-table>
+  </CustomDrawer>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import _ from 'lodash'
+import { valueTypeMap } from '@/modules/cmdb/utils/const'
+
+export default {
+  name: 'AllAttrDrawer',
+  data() {
+    return {
+      visible: false,
+      tableData: [],
+    }
+  },
+  inject: ['providerGroupsData'],
+  computed: {
+    ...mapState({
+      windowHeight: (state) => state.windowHeight,
+    }),
+  },
+  methods: {
+    async open() {
+      this.visible = true
+      const tableData = []
+      const typeMap = valueTypeMap()
+      const providerGroupsData = _.cloneDeep(this.providerGroupsData() || {})
+      const groupsData = providerGroupsData?.CITypeGroups || []
+      const otherAttrData = providerGroupsData?.otherGroupAttributes || []
+
+      groupsData.forEach((group) => {
+        if (group?.attributes?.length) {
+          const attrArr = group.attributes.map((attr) => {
+            if (attr.is_password) {
+              attr.value_type = '7'
+            }
+            if (attr.is_link) {
+              attr.value_type = '8'
+            }
+            attr.groupId = group.id
+            attr.groupName = group.name
+            attr.code = ['0', '1', '6'].includes(attr.value_type) ? `{{ ${attr.name} }}` : `'''{{ ${attr.name} }}'''`
+            attr.typeText = typeMap?.[attr.value_type] ?? ''
+
+            return attr
+          })
+          tableData.push(...attrArr)
+        }
+      })
+
+      otherAttrData.forEach((attr) => {
+        if (attr.is_password) {
+          attr.value_type = '7'
+        }
+        if (attr.is_link) {
+          attr.value_type = '8'
+        }
+
+        attr.groupId = -1
+        attr.groupName = this.$t('other')
+        attr.code = `{{ ${attr.name} }}`
+        attr.typeText = typeMap?.[attr.value_type] ?? ''
+      })
+      tableData.push(...otherAttrData)
+
+      this.tableData = tableData
+    },
+
+    mergeRowMethod({ row, _rowIndex, column, visibleData }) {
+      const fields = ['groupId']
+      const currentValue = row.groupId
+
+      if (currentValue && fields.includes(column.property)) {
+        const prevRow = visibleData[_rowIndex - 1]
+        let nextRow = visibleData[_rowIndex + 1]
+        if (prevRow && prevRow.groupId === currentValue) {
+          return { rowspan: 0, colspan: 0 }
+        } else {
+          let countRowspan = 1
+          while (nextRow && nextRow.groupId === currentValue) {
+            nextRow = visibleData[++countRowspan + _rowIndex]
+          }
+          if (countRowspan > 1) {
+            return { rowspan: countRowspan, colspan: 1 }
+          }
+        }
+      }
+    },
+
+    handleClose() {
+      this.visible = false
+    },
+
+    copyText(text) {
+      this.$copyText(text)
+        .then(() => {
+          this.$message.success(this.$t('copySuccess'))
+        })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attrAD.vue

@@ -1,37 +1,28 @@
 <template>
   <div class="attr-ad" :style="{ height: `${windowHeight - 130}px` }">
     <div v-if="adCITypeList && adCITypeList.length">
-      <a-tabs size="small" v-model="currentTab">
+      <AttrADTabs
-        <a-tab-pane v-for="item in adCITypeList" :key="item.id">
+        :adCITypeList="adCITypeList"
-          <a-space slot="tab">
+        :currentTab="currentTab"
-            <span v-if="item.extra_option && item.extra_option.alias">{{ item.extra_option.alias }}</span>
+        :getADCITypeParam="getADCITypeParam"
-            <span v-else>{{ getADCITypeParam(item.adr_id) }}</span>
+        @changeTab="changeTab"
-            <a-icon type="close-circle" @click="(e) => deleteADT(e, item)" />
+        @changeAlias="changeAlias"
-          </a-space>
+        @deleteADT="deleteADT"
-          <AttrADTabpane
+        @clickAdd="() => $refs.adModal.open()"
-            :ref="`attrAdTabpane_${item.id}`"
+      />
-            :adr_id="item.adr_id"
+      <AttrADTabpane
-            :adrList="adrList"
+        :key="`attrAdTabpane_${currentTab}`"
-            :adCITypeList="adCITypeList"
+        :ref="`attrAdTabpaneRef`"
-            :currentAdt="item"
+        :adr_id="currentADData.adr_id"
-            :ciTypeAttributes="ciTypeAttributes"
+        :CITypeId="CITypeId"
-            :currentAdr="getADCITypeParam(item.adr_id, undefined, true)"
+        :adrList="adrList"
-            @openEditDrawer="(data, type, adType) => openEditDrawer(data, type, adType)"
+        :adCITypeList="adCITypeList"
-            @handleSave="getCITypeDiscovery"
+        :currentAdt="currentADData"
-          />
+        :ciTypeAttributes="ciTypeAttributes"
-        </a-tab-pane>
+        :currentAdr="getADCITypeParam(currentADData.adr_id, undefined, true)"
-        <a-space
+        @openEditDrawer="(data, type, adType) => openEditDrawer(data, type, adType)"
-          @click="
+        @handleSave="saveTabpane"
-            () => {
+      />
-              $refs.adModal.open()
-            }
-          "
-          slot="tabBarExtraContent"
-          :style="{ cursor: 'pointer' }"
-        >
-          <ops-icon type="icon-xianxing-tianjia" :style="{ color: '#2F54EB' }" /><a>{{ $t('add') }}</a>
-        </a-space>
-      </a-tabs>
     </div>
     <a-empty
       v-else
@@ -54,28 +45,41 @@
         {{ $t('add') }}
       </a-button>
     </a-empty>
-    <ADModal ref="adModal" :CITypeId="CITypeId" @addPlugin="openEditDrawer(null, 'add', 'agent')" />
+    <ADModal
+      ref="adModal"
+      :CITypeId="CITypeId"
+      @pushCITypeList="pushCITypeList"
+      @addPlugin="openEditDrawer(null, 'add', 'plugin')"
+    />
     <EditDrawer ref="editDrawer" :is_inner="false" @updateNotInner="updateNotInner" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
 import { mapState } from 'vuex'
-import ADModal from './adModal.vue'
 import {
   getDiscovery,
   getCITypeDiscovery,
   deleteCITypeDiscovery,
-  postCITypeDiscovery,
   deleteDiscovery,
+  putCITypeDiscovery
 } from '../../api/discovery'
 import { getCITypeAttributesById } from '../../api/CITypeAttr'
+
+import ADModal from './adModal.vue'
 import AttrADTabpane from './attrADTabpane.vue'
 import EditDrawer from '../discovery/editDrawer.vue'
+import AttrADTabs from './attrADTabs.vue'
 
 export default {
   name: 'AttrAutoDiscovery',
-  components: { ADModal, AttrADTabpane, EditDrawer },
+  components: {
+    ADModal,
+    AttrADTabpane,
+    EditDrawer,
+    AttrADTabs
+  },
   props: {
     CITypeId: {
       type: Number,
@@ -86,15 +90,24 @@ export default {
     return {
       ciTypeAttributes: [],
       adrList: [],
-      adCITypeList: [],
+      serviceCITYpeList: [],
+      clientCITypeList: [],
       currentTab: '',
       deletePlugin: false,
+      queryLoaded: false,
     }
   },
   computed: {
     ...mapState({
       windowHeight: (state) => state.windowHeight,
     }),
+    currentADData() {
+      return this?.adCITypeList?.find((item) => item?.id === this?.currentTab) ?? {}
+    },
+    adCITypeList() {
+      const uniqueArray = _.differenceBy(this.clientCITypeList, this.serviceCITYpeList, 'id')
+      return [...this.serviceCITYpeList, ...uniqueArray]
+    }
   },
   provide() {
     return {
@@ -104,9 +117,9 @@ export default {
   watch: {
     currentTab: {
       handler() {
-        if (this.currentTab) {
+        if (this.currentTab && this.queryLoaded) {
           this.$nextTick(() => {
-            this.$refs[`attrAdTabpane_${this.currentTab}`][0].init()
+            this.$refs[`attrAdTabpaneRef`].init()
           })
         }
       },
@@ -119,9 +132,10 @@ export default {
       this.ciTypeAttributes = res.attributes.map((item) => {
         return { ...item, value: item.name, label: item.name }
       })
+      this.queryLoaded = true
       if (this.currentTab) {
         this.$nextTick(() => {
-          this.$refs[`attrAdTabpane_${this.currentTab}`][0].init()
+          this.$refs[`attrAdTabpaneRef`].init()
         })
       }
     })
@@ -134,15 +148,34 @@ export default {
     },
     async getCITypeDiscovery(currentTab) {
       await getCITypeDiscovery(this.CITypeId).then((res) => {
-        this.adCITypeList = res.filter((item) => item.adr_id)
+        const serviceCITYpeList = res.filter((item) => item.adr_id)
-        if (this.adCITypeList && this.adCITypeList.length && !this.currentTab) {
+        serviceCITYpeList.forEach((item) => {
-          this.currentTab = this.adCITypeList[0].id
+          const _find = this.adrList.find((adr) => adr.id === item.adr_id)
-        }
+          item.icon = _find?.option?.icon || {}
-        if (currentTab) {
+        })
-          this.currentTab = currentTab
+
-        }
+        this.serviceCITYpeList = serviceCITYpeList
+        this.$nextTick(() => {
+          if (this.adCITypeList && this.adCITypeList.length && !this.currentTab) {
+            this.currentTab = this.adCITypeList[0].id
+          }
+          if (currentTab) {
+            this.currentTab = currentTab
+          }
+        })
       })
     },
+    pushCITypeList(list) {
+      list.forEach((item) => {
+        const _find = this.adrList.find((adr) => adr.id === item.adr_id)
+        item.icon = _find?.option?.icon || {}
+      })
+      this.$set(this, 'clientCITypeList', [
+        ...this.clientCITypeList,
+        ...list
+      ])
+      this.currentTab = list[0].id
+    },
     getADCITypeParam(adr_id, params = 'name', isAll = false) {
       const _find = this.adrList.find((item) => item.id === adr_id)
       if (_find) {
@@ -152,52 +185,119 @@ export default {
         return _find[`${params}`]
       }
     },
-    async deleteADT(e, item) {
+    async deleteADT(item) {
-      e.preventDefault()
-      e.stopPropagation()
       const that = this
+      const is_plugin = this.getADCITypeParam(item.adr_id, 'is_plugin')
+
       this.$confirm({
         title: that.$t('cmdb.ciType.confirmDeleteADT', { pluginName: `${item?.extra_option?.alias || this.getADCITypeParam(item.adr_id)}` }),
-        content: (h) => (
+        content: (h) => {
-          <div>
+          if (!is_plugin) {
-            <a-checkbox v-model={that.deletePlugin}>{that.$t('cmdb.ciType.deletePlugin')}</a-checkbox>
+            return ''
-          </div>
+          }
-        ),
+          return (
-        onOk() {
+            <div>
-          deleteCITypeDiscovery(item.id).then(async () => {
+              <a-checkbox
-            if (that.currentTab === item.id) {
+                v-model={that.deletePlugin}
-              that.currentTab = ''
+              >
+                {that.$t('cmdb.ciType.deletePlugin')}
+              </a-checkbox>
+            </div>
+          )
+        },
+        onOk () {
+          if (item.isClient) {
+            const adtIndex = that.clientCITypeList.findIndex((listItem) => listItem.id === item.id)
+            if (adtIndex !== -1) {
+              that.clientCITypeList.splice(adtIndex, 1)
+              that.currentTab = that?.adCITypeList?.[0]?.id ?? ''
+
+              if (is_plugin && that.deletePlugin) {
+                that.deleteDiscovery(item.adr_id)
+              }
             }
-            that.$message.success(that.$t('deleteSuccess'))
+          } else {
-            that.getCITypeDiscovery()
+            deleteCITypeDiscovery(item.id).then(async () => {
-            if (that.deletePlugin) {
+              if (that.currentTab === item.id) {
-              await deleteDiscovery(item.adr_id).finally(() => {
+                that.currentTab = ''
-                that.deletePlugin = false
+              }
-              })
+              that.$message.success(that.$t('deleteSuccess'))
-            }
+              that.getCITypeDiscovery()
-            that.deletePlugin = false
+              if (is_plugin && that.deletePlugin) {
-          })
+                that.deleteDiscovery(item.adr_id)
+              }
+              that.deletePlugin = false
+            })
+          }
         },
         onCancel() {
           that.deletePlugin = false
         },
       })
     },
+
+    deleteDiscovery(id) {
+      deleteDiscovery(id).finally(async () => {
+        this.deletePlugin = false
+        await this.getDiscovery()
+      })
+    },
+
     openEditDrawer(data, type, adType) {
       this.$refs.editDrawer.open(data, type, adType)
     },
     async updateNotInner(adr) {
       const _idx = this.adCITypeList.findIndex((item) => item.adr_id === adr.id)
-      let res
-      if (_idx < 0) {
-        res = await postCITypeDiscovery(this.CITypeId, { adr_id: adr.id, interval: 300 })
-      }
       await this.getDiscovery()
-      await this.getCITypeDiscovery(res?.id ?? undefined)
+      if (_idx < 0) {
+        const ciType = {
+          adr_id: adr.id,
+          id: new Date().getTime(),
+          extra_option: {
+            alias: ''
+          },
+          isClient: true,
+        }
+        this.pushCITypeList([ciType])
+      }
       this.$nextTick(() => {
-        this.$refs[`attrAdTabpane_${this.currentTab}`][0].init()
+        this.$refs[`attrAdTabpaneRef`].init()
       })
     },
+
+    changeTab(id) {
+      console.log('changeTab', id)
+      this.currentTab = id
+    },
+
+    changeAlias({ id, value, isClient }) {
+      if (isClient) {
+        const adtIndex = this.clientCITypeList.findIndex((item) => item.id === id)
+        this.clientCITypeList[adtIndex].extra_option.alias = value
+      } else {
+        const adtIndex = this.adCITypeList.findIndex((item) => item.id === id)
+        const oldExtraOption = this.adCITypeList?.[adtIndex]?.extra_option
+
+        const params = {
+          extra_option: {
+            ...(oldExtraOption || {}),
+            alias: value
+          }
+        }
+        putCITypeDiscovery(id, params).then(async () => {
+          this.$message.success(this.$t('saveSuccess'))
+          await this.getCITypeDiscovery()
+        })
+      }
+    },
+
+    saveTabpane(id) {
+      const adtIndex = this.clientCITypeList.findIndex((listItem) => listItem.id === this.currentTab)
+      if (adtIndex !== -1) {
+        this.clientCITypeList.splice(adtIndex, 1)
+      }
+      this.getCITypeDiscovery(id)
+    }
   },
 }
 </script>
@@ -206,6 +306,7 @@ export default {
 .attr-ad {
   position: relative;
   padding: 0 20px;
+
   .attr-ad-header {
     width: 100%;
     display: inline-flex;
@@ -216,7 +317,13 @@ export default {
     border-left: 4px solid @primary-color;
     font-size: 16px;
     color: rgba(0, 0, 0, 0.75);
+    margin-top: 30px;
   }
+
+  .attr-ad-header-margin {
+    margin-bottom: 0px;
+  }
+
   .attr-ad-footer {
     width: 60%;
     text-align: right;

cmdb-ui/src/modules/cmdb/views/ci_types/attrAD/cidrTags/index.vue

@@ -0,0 +1,156 @@
+<template>
+  <a-row class="attr-ad-form">
+    <a-col :span="24">
+      <a-form-item
+        label="CIDR"
+        :labelCol="labelCol"
+        :wrapperCol="{ span: 18 }"
+        labelAlign="right"
+        style="width: 100%; margin-top: 20px"
+      >
+        <div class="cidr-tag">
+          <div
+            v-for="(item) in list"
+            :key="item.id"
+            class="cidr-tag-item"
+          >
+            <a-tooltip :title="item.value">
+              <span class="cidr-tag-text">{{ item.value }}</span>
+            </a-tooltip>
+            <a-icon
+              class="cidrv-tag-close"
+              type="close"
+              @click.stop="clickClose(item.id)"
+            />
+          </div>
+          <a-input
+            v-if="showAddInput"
+            class="cidr-tag-input"
+            autofocus
+            @blur="addPreValue"
+            @pressEnter="showAddInput = false"
+          ></a-input>
+          <a v-else class="cidr-tag-add" @click="showAddInput = true">+ {{ $t('new') }}</a>
+        </div>
+      </a-form-item>
+    </a-col>
+  </a-row>
+</template>
+
+<script>
+import _ from 'lodash'
+import { v4 as uuidv4 } from 'uuid'
+
+export default {
+  name: 'CIDRTags',
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  data() {
+    return {
+      showAddInput: false,
+    }
+  },
+  inject: ['provide_labelCol'],
+  computed: {
+    list: {
+      get() {
+        return this.value
+      },
+      set(newValue) {
+        this.$emit('change', newValue)
+      }
+    },
+    labelCol() {
+      return this.provide_labelCol()
+    }
+  },
+  methods: {
+    clickClose(id) {
+      const list = _.cloneDeep(this.value)
+      const index = list.findIndex((item) => item.id === id)
+      if (index !== -1) {
+        list.splice(index, 1)
+        this.$emit('change', list)
+      }
+    },
+    addPreValue(e) {
+      this.showAddInput = false
+      const val = e.target.value
+      if (!val) {
+        return
+      }
+      const list = _.cloneDeep(this.value)
+      list.push({
+        value: val,
+        id: uuidv4()
+      })
+      this.$emit('change', list)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.cidr-tag {
+  width: max-content;
+  max-width: 100%;
+  padding: 6px 9px;
+  border-radius: 2px;
+  border: 1px solid #E4E7ED;
+  background: #FFF;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+
+  &-item {
+    padding: 3px 6px;
+    background-color: #F0F5FF;
+    display: flex;
+    align-items: center;
+  }
+
+  &-text {
+    font-size: 12px;
+    font-weight: 400;
+    color: #1D2129;
+    line-height: 18px;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    white-space: nowrap;
+    max-width: 100px;
+    overflow: hidden;
+  }
+
+  &-close {
+    font-size: 12px;
+    color: #1D2129;
+    margin-left: 4px;
+    cursor: pointer;
+  }
+
+  &-input {
+    max-width: 120px;
+    height: 26px;
+    line-height: 26px;
+    padding: 3px 6px;
+  }
+
+  &-add {
+    border: dashed 1px #e4e7ed;
+    padding: 3px 6px;
+    font-size: 12px;
+    font-weight: 400;
+    color: #1D2129;
+    line-height: 18px;
+    cursor: pointer;
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attrAD/cloudTab/index.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="cloud-tabs">
+    <div
+      v-for="(item) in tabList"
+      :key="item.key"
+      :class="['cloud-tabs-item', activeKey === item.key ? 'cloud-tabs-item-active' : '']"
+      @click="clickTab(item.key)"
+    >
+      {{ $t(item.text) }}
+    </div>
+  </div>
+</template>
+
+<script>
+import { tabList, TAB_KEY } from '../constants.js'
+
+export default {
+  name: 'CloudTab',
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: {
+      type: String,
+      default: TAB_KEY.CUSTOM,
+    },
+  },
+  computed: {
+    activeKey: {
+      get() {
+        return this.value
+      },
+      set(newValue) {
+        this.$emit('change', newValue)
+      }
+    },
+  },
+  data() {
+    return {
+      tabList
+    }
+  },
+  methods: {
+    clickTab(key) {
+      this.$emit('change', key)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped >
+.cloud-tabs {
+  display: flex;
+  align-items: center;
+  margin-bottom: 26px;
+
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    font-weight: 400;
+    color: #4E5969;
+    background-color: #F7F8FA;
+    width: 105px;
+    height: 32px;
+    cursor: pointer;
+
+    &-active {
+      border: solid 1px #B1C9FF;
+      background-color: #E1EFFF;
+      color: #2F54EB;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attrAD/constants.js

@@ -0,0 +1,15 @@
+export const TAB_KEY = {
+  CUSTOM: 'custom',
+  CONFIG: 'config'
+}
+
+export const tabList = [
+  {
+    key: TAB_KEY.CUSTOM,
+    text: 'cmdb.ad.tabCustom'
+  },
+  {
+    key: TAB_KEY.CONFIG,
+    text: 'cmdb.ad.tabConfig'
+  }
+]

cmdb-ui/src/modules/cmdb/views/ci_types/attrAD/portScanConfig/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <a-form-model
+    :model="formData"
+    labelAlign="right"
+    :labelCol="labelCol"
+    :wrapperCol="{ span: 6 }"
+    class="attr-ad-form"
+  >
+    <a-form-model-item :extra="`${$t('cmdb.ciType.example')}: 192.168.0.0/16`" :label="$t('cmdb.ciType.portScanLabel1')">
+      <a-input v-model="formData.cidr" />
+    </a-form-model-item>
+    <a-form-model-item :extra="`${$t('cmdb.ciType.example')}: 8000-8800`" :label="$t('cmdb.ciType.portScanLabel2')">
+      <a-input v-model="formData.ports" />
+    </a-form-model-item>
+    <a-form-model-item :extra="`${$t('cmdb.ciType.example')}: 0x1234`" :label="$t('cmdb.ciType.portScanLabel3')">
+      <a-input v-model="formData.enable_cidr" />
+    </a-form-model-item>
+  </a-form-model>
+</template>
+
+<script>
+export default {
+  name: 'PortScanConfig',
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  inject: ['provide_labelCol'],
+  computed: {
+    formData: {
+      get() {
+        return this.value
+      },
+      set(newValue) {
+        this.$emit('change', newValue)
+      }
+    },
+    labelCol() {
+      return this.provide_labelCol()
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attrAD/privateCloud/vcenterForm.vue

@@ -0,0 +1,154 @@
+<template>
+  <div class="private-cloud-wrap">
+    <CloudTab
+      v-model="formData.tabActive"
+      @change="handleTabChange"
+    />
+    <a-form-model
+      :model="formData"
+      labelAlign="right"
+      :labelCol="labelCol"
+      :wrapperCol="{ span: 6 }"
+      class="attr-ad-form"
+    >
+      <a-form-model-item
+        v-if="formData.tabActive === TAB_KEY.CONFIG"
+        :required="true"
+        :label="$t('cmdb.ad.tabConfig')"
+      >
+        <a-select
+          showSearch
+          optionFilterProp="title"
+          v-model="formData._reference"
+          @change="handleSelectChange"
+        >
+          <a-select-option
+            v-for="(item) in accountsList"
+            :key="item.id"
+            :value="item.id"
+            :title="item.name"
+          >
+            {{ item.name }}
+          </a-select-option>
+        </a-select>
+      </a-form-model-item>
+      <a-form-model-item :required="true" :label="$t('cmdb.ciType.host')">
+        <a-input
+          :disabled="formData.tabActive === TAB_KEY.CONFIG"
+          v-model="formData.host"
+        />
+      </a-form-model-item>
+      <a-form-model-item :required="true" :label="$t('cmdb.ciType.account')">
+        <a-input
+          :disabled="formData.tabActive === TAB_KEY.CONFIG"
+          v-model="formData.account"
+        />
+      </a-form-model-item>
+      <a-form-model-item v-if="formData.tabActive === TAB_KEY.CUSTOM" :required="true" :label="$t('cmdb.ciType.password')">
+        <a-input-password v-model="formData.password" />
+      </a-form-model-item>
+      <a-form-model-item :label="$t('cmdb.ciType.vcenterName')">
+        <a-input v-model="formData.vcenterName" />
+      </a-form-model-item>
+    </a-form-model>
+  </div>
+</template>
+
+<script>
+import { getHTTPAccounts } from '@/modules/cmdb/api/discovery'
+import { TAB_KEY } from '../constants.js'
+import CloudTab from '../cloudTab/index.vue'
+
+export default {
+  name: 'VCenterForm',
+  components: {
+    CloudTab
+  },
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      TAB_KEY,
+      accountsList: [],
+    }
+  },
+  inject: ['provide_labelCol'],
+  computed: {
+    formData: {
+      get() {
+        return this.value
+      },
+      set(newValue) {
+        this.$emit('change', newValue)
+      }
+    },
+    labelCol() {
+      return this.provide_labelCol()
+    }
+  },
+  methods: {
+    async init(id) {
+      const res = await getHTTPAccounts({
+        adr_id: id
+      })
+      this.accountsList = res?.length ? res : []
+
+      this.$nextTick(() => {
+        const { _reference = '', host = '', account = '', tabActive } = this?.formData || {}
+        const findSelect = this.accountsList?.find((item) => item.id === _reference)
+        const newFormData = findSelect?.config || {}
+
+        const changeData = {
+          ...this.value,
+          _reference: findSelect?.id ?? '',
+        }
+        if (tabActive === TAB_KEY.CONFIG) {
+          changeData.host = newFormData?.host ?? host
+          changeData.account = newFormData?.account ?? account
+        }
+
+        this.$emit('change', changeData)
+      })
+    },
+
+    handleTabChange(key) {
+      if (key === TAB_KEY.CONFIG) {
+        this.handleSelectChange(this.formData._referenceValue)
+      }
+    },
+
+    handleSelectChange(id) {
+      const accountConfig = this.accountsList.find((item) => item.id === id)?.config || {}
+      const { host, account } = this?.value
+      this.$emit('change', {
+        ...this.value,
+        host: accountConfig?.host ?? host ?? '',
+        account: accountConfig?.account ?? account ?? ''
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.private-cloud-wrap {
+  margin-left: 17px;
+
+  .input-disabled {
+    /deep/ input {
+      color: rgba(0, 0, 0, 0.25);
+      background-color: #f5f5f5;
+      pointer-events: none;
+      opacity: 1;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attrAD/publicCloud/index.vue

@@ -0,0 +1,142 @@
+<template>
+  <div class="public-cloud-wrap">
+    <CloudTab
+      v-model="formData.tabActive"
+      @change="handleTabChange"
+    />
+    <a-form-model
+      :model="formData"
+      labelAlign="right"
+      :labelCol="labelCol"
+      :wrapperCol="{ span: 6 }"
+      class="attr-ad-form"
+    >
+      <a-form-model-item
+        v-if="formData.tabActive === TAB_KEY.CONFIG"
+        :required="true"
+        :label="$t('cmdb.ad.tabConfig')"
+      >
+        <a-select
+          showSearch
+          optionFilterProp="title"
+          v-model="formData._reference"
+          @change="handleSelectChange"
+        >
+          <a-select-option
+            v-for="(item) in accountsList"
+            :key="item.id"
+            :value="item.id"
+            :title="item.name"
+          >
+            {{ item.name }}
+          </a-select-option>
+        </a-select>
+      </a-form-model-item>
+      <a-form-model-item :required="true" label="key">
+        <a-input-password
+          :class="[formData.tabActive === TAB_KEY.CONFIG ? 'input-disabled' : '']"
+          v-model="formData.key"
+        />
+      </a-form-model-item>
+      <a-form-model-item v-if="formData.tabActive === TAB_KEY.CUSTOM" :required="true" label="secret">
+        <a-input-password v-model="formData.secret" />
+      </a-form-model-item>
+    </a-form-model>
+  </div>
+</template>
+
+<script>
+import { getHTTPAccounts } from '@/modules/cmdb/api/discovery'
+import { TAB_KEY } from '../constants.js'
+import CloudTab from '../cloudTab/index.vue'
+
+export default {
+  name: 'PublicCloud',
+  components: {
+    CloudTab
+  },
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      TAB_KEY,
+      accountsList: []
+    }
+  },
+  inject: ['provide_labelCol'],
+  computed: {
+    formData: {
+      get() {
+        return this.value
+      },
+      set(newValue) {
+        this.$emit('change', newValue)
+      }
+    },
+    labelCol() {
+      return this.provide_labelCol()
+    }
+  },
+  methods: {
+    async init(id) {
+      const res = await getHTTPAccounts({
+        adr_id: id
+      })
+      this.accountsList = res?.length ? res : []
+
+      this.$nextTick(() => {
+        const { _reference = '', key = '', tabActive } = this?.formData || {}
+        const findSelect = this.accountsList?.find((item) => item.id === _reference)
+        const newFormData = findSelect?.config || {}
+
+        const changeData = {
+          ...this.value,
+          _reference: findSelect?.id ?? '',
+        }
+        if (tabActive === TAB_KEY.CONFIG) {
+          changeData.key = newFormData?.key ?? key
+        }
+        this.$emit('change', changeData)
+      })
+    },
+
+    handleTabChange(key) {
+      if (key === TAB_KEY.CONFIG) {
+        this.handleSelectChange(this.formData._reference)
+      }
+    },
+
+    handleSelectChange(id) {
+      const accountConfig = this.accountsList.find((item) => item.id === id)?.config || {}
+      const { key } = this?.value
+      this.$emit('change', {
+        ...this.value,
+        key: accountConfig?.key ?? key ?? '',
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.public-cloud-wrap {
+  margin-left: 17px;
+
+  .input-disabled {
+    /deep/ input {
+      color: rgba(0, 0, 0, 0.25);
+      background-color: #f5f5f5;
+      pointer-events: none;
+      opacity: 1;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attrADTabpane.vue

@@ -1,11 +1,11 @@
 <template>
-  <div :style="{ height: `${windowHeight - 187}px`, overflow: 'auto', position: 'relative' }">
+  <div class="attr-ad-tab-pane" :style="{ height: `${windowHeight - 254}px` }">
     <a
       v-if="!adrIsInner"
       :style="{ position: 'absolute', right: 0, top: 0 }"
       @click="
         () => {
-          $emit('openEditDrawer', currentAdr, 'edit', 'agent')
+          $emit('openEditDrawer', currentAdr, 'edit', 'plugin')
         }
       "
     >
@@ -14,76 +14,61 @@
         <span>{{ $t('edit') }}</span>
       </a-space>
     </a>
-    <div>{{ $t('alias') }}：<a-input v-model="alias" style="width:200px;" /></div>
+    <div class="attr-ad-header attr-ad-header_between">
-    <div class="attr-ad-header">{{ $t('cmdb.ciType.attributeMap') }}</div>
+      {{ $t('cmdb.ciType.attributeMap') }}
-    <vxe-table
+      <div class="attr-ad-open">
-      v-if="adrType === 'agent'"
+        <span class="attr-ad-open-label">{{ $t('cmdb.ciType.enable') }}</span>
-      ref="xTable"
+        <a-switch v-model="form.enabled" v-if="isClient" />
-      :edit-config="{ trigger: 'click', mode: 'cell' }"
+        <a-popconfirm
-      size="mini"
+          v-else
-      stripe
+          :title="$t('cmdb.ciType.enableTip')"
-      class="ops-stripe-table"
+          :ok-text="$t('confirm')"
-      :data="tableData"
+          :cancel-text="$t('cancel')"
-      :style="{ width: '700px', marginBottom: '20px' }"
+          @confirm="changeEnabled"
-    >
+        >
-      <vxe-colgroup :title="$t('cmdb.ciType.autoDiscovery')">
+          <a-switch :checked="form.enabled" />
-        <vxe-column field="name" :title="$t('name')"> </vxe-column>
+        </a-popconfirm>
-        <vxe-column field="type" :title="$t('type')"> </vxe-column>
+      </div>
-        <vxe-column field="desc" :title="$t('desc')"> </vxe-column>
+    </div>
-      </vxe-colgroup>
+    <div class="attr-ad-attributemap-main">
-      <vxe-colgroup :title="$t('cmdb.ciType.attributes')">
+      <AttrMapTable
-        <vxe-column field="attr" :title="$t('name')" :edit-render="{}">
+        v-if="adrType === DISCOVERY_CATEGORY_TYPE.AGENT"
-          <template #default="{row}">
+        ref="attrMapTable"
-            {{ row.attr }}
+        :ruleType="adrType"
-          </template>
+        :tableData="tableData"
-          <template #edit="{ row }">
+        :ciTypeAttributes="ciTypeAttributes"
-            <vxe-select
+        :uniqueKey="uniqueKey"
-              filterable
+      />
-              clearable
+      <HttpSnmpAD
-              v-model="row.attr"
+        v-else
-              type="text"
+        :isEdit="true"
-              :options="ciTypeAttributes"
+        ref="httpSnmpAd"
-              transfer
+        :ruleType="adrType"
-            ></vxe-select>
+        :ruleName="adrName"
-          </template>
+        :ciTypeAttributes="ciTypeAttributes"
-        </vxe-column>
+        :adCITypeList="adCITypeList"
-      </vxe-colgroup>
+        :currentTab="adr_id"
-    </vxe-table>
+        :uniqueKey="uniqueKey"
-    <HttpSnmpAD
+        :currentAdt="currentAdt"
-      v-else
+        :style="{ marginBottom: '20px' }"
-      :isEdit="true"
+      />
-      ref="httpSnmpAd"
+    </div>
-      :ruleType="adrType"
+    <template v-if="adrType === DISCOVERY_CATEGORY_TYPE.SNMP">
-      :ruleName="adrName"
+      <div class="attr-ad-header">{{ $t('cmdb.ciType.nodeConfig') }}</div>
-      :ciTypeAttributes="ciTypeAttributes"
+      <a-form :form="nodeSettingForm" layout="inline" class="attr-ad-snmp-form">
-      :adCITypeList="adCITypeList"
+        <NodeSetting ref="nodeSetting" :initNodes="nodes" />
-      :currentTab="adr_id"
+        <CIDRTags v-model="cidrList" />
-      :style="{ marginBottom: '20px' }"
+      </a-form>
-    />
+    </template>
-    <a-form-model
-      v-if="adrType === 'http'"
-      :model="form2"
-      :labelCol="{ span: 2 }"
-      :wrapperCol="{ span: 8 }"
-      :style="{ margin: '20px 0' }"
-    >
-      <a-form-model-item label="key">
-        <a-input-password v-model="form2.key" />
-      </a-form-model-item>
-      <a-form-model-item label="secret">
-        <a-input-password v-model="form2.secret" />
-      </a-form-model-item>
-    </a-form-model>
-    <a-form :form="form3" v-if="adrType === 'snmp'" class="attr-ad-snmp-form">
-      <a-col :span="24">
-        <a-form-item :label="$t('cmdb.ciType.node')" :labelCol="{ span: 2 }" :wrapperCol="{ span: 20 }">
-          <MonitorNodeSetting ref="monitorNodeSetting" :initNodes="nodes" :form="form3" />
-        </a-form-item>
-      </a-col>
-    </a-form>
     <div class="attr-ad-header">{{ $t('cmdb.ciType.adExecConfig') }}</div>
-    <a-form-model :model="form" :labelCol="{ span: 2 }" :wrapperCol="{ span: 20 }">
+    <a-form-model
-      <a-form-model-item :label="$t('cmdb.ciType.adExecTarget')">
+      :model="form"
+      :labelCol="labelCol"
+      labelAlign="right"
+      :wrapperCol="{ span: 14 }"
+      class="attr-ad-form"
+    >
+      <a-form-model-item :required="true" :label="$t('cmdb.ciType.adExecTarget')">
         <CustomRadio v-model="agent_type" :radioList="agentTypeRadioList">
           <a-input
             :style="{ width: '300px' }"
@@ -101,18 +86,77 @@
           >
             <a @click="handleOpenCmdb" slot="suffix"><a-icon type="menu"/></a>
           </a-input>
+          <span
+            v-show="agent_type === 'master'"
+            slot="extra_master"
+            class="radio-master-tip"
+          >
+            {{ $t('cmdb.ciType.masterNodeTip') }}
+          </span>
         </CustomRadio>
       </a-form-model-item>
-      <a-form-model-item :label="$t('cmdb.ciType.adAutoInLib')">
+      <a-form-model-item
+        :labelCol="labelCol"
+        :label="$t('cmdb.ciType.adAutoInLib')"
+        :extra="$t('cmdb.ciType.adAutoInLibTip')"
+      >
         <a-switch v-model="form.auto_accept" />
       </a-form-model-item>
+      <a-form-model-item
+        :labelCol="labelCol"
+        :wrapperCol="{ span: 6 }"
+        :label="$t('cmdb.ciType.adInterval')"
+        :required="true"
+      >
+        <el-popover v-model="cronVisible" trigger="click">
+          <template slot>
+            <Vcrontab
+              v-if="adrType"
+              ref="cronTab"
+              :hideComponent="['second', 'year']"
+              :expression="cron"
+              :hasFooter="true"
+              @fill="crontabFill"
+              @hide="hideCron"
+            ></Vcrontab>
+          </template>
+          <a-input
+            v-model="cron"
+            slot="reference"
+            :placeholder="$t('cmdb.ciType.cronTips')"
+          />
+        </el-popover>
+      </a-form-model-item>
     </a-form-model>
-    <div class="attr-ad-header">{{ $t('cmdb.ciType.adInterval') }}</div>
+    <template v-if="adrType === DISCOVERY_CATEGORY_TYPE.HTTP">
-    <CustomRadio :radioList="radioList" v-model="interval">
+      <template v-if="isPrivateCloud">
-      <span v-show="interval === 'interval'" slot="extra_interval">
+        <template v-if="privateCloudName === PRIVATE_CLOUD_NAME.VCenter">
-        <a-input-number v-model="intervalValue" :min="1" /> {{ $t('seconds') }}
+          <div class="attr-ad-header">{{ $t('cmdb.ciType.privateCloud') }}</div>
-      </span>
+          <VcenterForm
-    </CustomRadio>
+            v-model="privateCloudForm"
+            ref="httpForm"
+          />
+        </template>
+      </template>
+
+      <template v-else>
+        <div class="attr-ad-header">{{ $t('cmdb.ciType.cloudAccessKey') }}</div>
+        <!-- <div class="public-cloud-info">{{ $t('cmdb.ciType.cloudAccessKeyTip') }}</div> -->
+        <PublicCloud
+          v-model="publicCloudForm"
+          ref="httpForm"
+        />
+      </template>
+    </template>
+
+    <template v-if="adrType === DISCOVERY_CATEGORY_TYPE.COMPONENT">
+      <div class="attr-ad-header">{{ $t('cmdb.ciType.portScanConfig') }}</div>
+      <PortScanConfig v-model="portScanConfigForm" />
+    </template>
+
+    <AttrADTest
+      :adtId="currentAdt.id"
+    />
 
     <div class="attr-ad-footer">
       <a-button type="primary" @click="handleSave">{{ $t('save') }}</a-button>
@@ -122,17 +166,40 @@
 </template>
 
 <script>
+import _ from 'lodash'
 import { v4 as uuidv4 } from 'uuid'
 import { mapState } from 'vuex'
 import Vcrontab from '@/components/Crontab'
-import { putCITypeDiscovery } from '../../api/discovery'
+import { putCITypeDiscovery, postCITypeDiscovery } from '../../api/discovery'
+import { DISCOVERY_CATEGORY_TYPE, PRIVATE_CLOUD_NAME } from '@/modules/cmdb/views/discovery/constants.js'
+import { TAB_KEY } from './attrAD/constants.js'
+
 import HttpSnmpAD from '../../components/httpSnmpAD'
+import AttrMapTable from '@/modules/cmdb/components/attrMapTable/index.vue'
 import CMDBExprDrawer from '@/components/CMDBExprDrawer'
-import MonitorNodeSetting from '@/components/MonitorNodeSetting'
+import NodeSetting from '@/modules/cmdb/components/nodeSetting/index.vue'
+import AttrADTest from './attrADTest.vue'
+import { Popover } from 'element-ui'
+import VcenterForm from './attrAD/privateCloud/vcenterForm.vue'
+import PublicCloud from './attrAD/publicCloud/index.vue'
+import PortScanConfig from './attrAD/portScanConfig/index.vue'
+import CIDRTags from './attrAD/cidrTags/index.vue'
 
 export default {
   name: 'AttrADTabpane',
-  components: { Vcrontab, HttpSnmpAD, CMDBExprDrawer, MonitorNodeSetting },
+  components: {
+    Vcrontab,
+    HttpSnmpAD,
+    CMDBExprDrawer,
+    NodeSetting,
+    AttrMapTable,
+    AttrADTest,
+    ElPopover: Popover,
+    VcenterForm,
+    PublicCloud,
+    PortScanConfig,
+    CIDRTags
+  },
   props: {
     adr_id: {
       type: Number,
@@ -158,6 +225,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    CITypeId: {
+      type: Number,
+      default: null,
+    },
   },
   data() {
     return {
@@ -166,93 +237,199 @@ export default {
         agent_id: '',
         auto_accept: false,
         query_expr: '',
+        enabled: true,
       },
-      form2: {
+      publicCloudForm: {
         key: '',
         secret: '',
+        _reference: '',
+        tabActive: TAB_KEY.CUSTOM,
+      },
+      privateCloudForm: {
+        host: '',
+        account: '',
+        password: '',
+        // insecure: false,
+        vcenterName: '',
+        _reference: '',
+        tabActive: TAB_KEY.CUSTOM,
+      },
+      portScanConfigForm: {
+        cidr: '',
+        ports: '',
+        enable_cidr: '',
       },
-      interval: 'interval', // interval  cron
       cron: '',
+      cronVisible: false,
       intervalValue: 3,
       agent_type: 'agent_id',
       nodes: [
         {
           id: uuidv4(),
           ip: '',
-          community: '',
+          community: 'public',
           version: '',
         },
       ],
-      form3: this.$form.createForm(this, { name: 'snmp_form' }),
+      nodeSettingForm: this.$form.createForm(this, { name: 'snmp_form' }),
-      alias: '',
+      uniqueKey: '',
+      isPrivateCloud: false,
+      privateCloudName: '',
+      PRIVATE_CLOUD_NAME,
+      DISCOVERY_CATEGORY_TYPE,
+      isClient: false, // 是否前端新增临时数据
+      cidrList: [],
+    }
+  },
+  provide() {
+    return {
+      provide_labelCol: () => {
+        return this.labelCol
+      },
     }
   },
   computed: {
     ...mapState({
       windowHeight: (state) => state.windowHeight,
-      userRoles: (state) => state.user.roles,
+      user: (state) => state.user,
     }),
     adrType() {
-      return this.currentAdr.type
+      return this.currentAdr?.type || ''
     },
     adrName() {
-      return this.currentAdr.name
+      return this?.currentAdr?.option?.en || this.currentAdr?.name || ''
     },
     adrIsInner() {
-      return this.currentAdr.is_inner
+      return this.currentAdr?.is_inner || ''
     },
     agentTypeRadioList() {
-      const { permissions = [] } = this.userRoles
+      const radios = [
-      if ((permissions.includes('cmdb_admin') || permissions.includes('admin')) && this.adrType !== 'http') {
-        return [
-          { value: 'all', label: this.$t('cmdb.ciType.allNodes') },
-          { value: 'agent_id', label: this.$t('cmdb.ciType.specifyNodes') },
-          { value: 'query_expr', label: this.$t('cmdb.ciType.selectFromCMDBTips') },
-        ]
-      }
-      return [
         { value: 'agent_id', label: this.$t('cmdb.ciType.specifyNodes') },
         { value: 'query_expr', label: this.$t('cmdb.ciType.selectFromCMDBTips') },
       ]
+
+      const permissions = this?.user?.roles?.permissions
+      if ((permissions.includes('cmdb_admin') || permissions.includes('admin')) && this.adrType === DISCOVERY_CATEGORY_TYPE.AGENT) {
+        radios.unshift({ value: 'all', label: this.$t('cmdb.ciType.allNodes') })
+      }
+
+      if (this.adrType !== DISCOVERY_CATEGORY_TYPE.AGENTv || this?.currentAdr?.is_plugin) {
+        radios.unshift({ value: 'master', label: this.$t('cmdb.ciType.masterNode') })
+      }
+
+      return radios
     },
-    radioList() {
+    labelCol() {
-      return [
+      const isEn = this.$i18n.locale === 'en'
-        { value: 'interval', label: this.$t('cmdb.ciType.byInterval') },
+      return {
-        // { value: 'cron', label: '按cron', layout: 'vertical' },
+        xl: {
-      ]
+          span: isEn ? 4 : 2
-    },
+        },
+        lg: {
+          span: isEn ? 5 : 3
+        },
+        sm: {
+          span: isEn ? 6 : 4
+        }
+      }
+    }
   },
   mounted() {},
   methods: {
     init() {
       const _find = this.adrList.find((item) => Number(item.id) === Number(this.adr_id))
       const _findADT = this.adCITypeList.find((item) => Number(item.id) === Number(this.currentAdt.id))
-      this.alias = _findADT?.extra_option?.alias ?? ''
+      this.uniqueKey = _find?.unique_key ?? ''
-      if (this.adrType === 'http') {
+      this.isClient = _findADT?.isClient ?? false
-        const { category = undefined, key = '', secret = '' } = _findADT?.extra_option ?? {}
+
-        this.form2 = {
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.HTTP) {
-          key,
+        const {
-          secret,
+          category = undefined,
+          key = '',
+          secret = '',
+          host = '',
+          account = '',
+          password = '',
+          // insecure = false,
+          vcenterName = '',
+          _reference = ''
+        } = _findADT?.extra_option ?? {}
+
+        if (_find?.option?.category === 'private_cloud') {
+          this.isPrivateCloud = true
+          this.privateCloudName = _find?.option?.en || ''
+
+          switch (this.privateCloudName) {
+            case PRIVATE_CLOUD_NAME.VCenter:
+              this.privateCloudForm = {
+                host,
+                account,
+                password,
+                // insecure,
+                vcenterName,
+                _reference,
+                tabActive: _reference ? TAB_KEY.CONFIG : TAB_KEY.CUSTOM
+              }
+              break
+            default:
+              break
+          }
+        } else {
+          this.isPrivateCloud = false
+          this.publicCloudForm = {
+            key,
+            secret,
+            _reference,
+            tabActive: _reference ? TAB_KEY.CONFIG : TAB_KEY.CUSTOM
+          }
         }
+
         this.$refs.httpSnmpAd.setCurrentCate(category)
+        this.$nextTick(() => {
+          this.$refs.httpForm.init(this.adr_id)
+        })
       }
-      if (this.adrType === 'snmp') {
+
-        this.nodes = _findADT?.extra_option?.nodes ?? [
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.COMPONENT) {
+        const {
+          cidr = '',
+          ports = '',
+          enable_cidr = '',
+        } = _findADT?.extra_option ?? {}
+        this.portScanConfigForm = {
+          cidr,
+          ports,
+          enable_cidr
+        }
+      }
+
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.SNMP) {
+        const nodes = _findADT?.extra_option?.nodes?.length ? _findADT?.extra_option?.nodes : [
           {
             id: uuidv4(),
             ip: '',
-            community: '',
+            community: 'public',
             version: '',
           },
         ]
+        this.nodes = nodes
         this.$nextTick(() => {
-          this.$refs.monitorNodeSetting.initNodesFunc()
+          this.$refs.nodeSetting.initNodesFunc()
-          this.$nextTick(() => {
-            this.$refs.monitorNodeSetting.setNodeField()
-          })
         })
+
+        let cidrList = []
+        const cidr = _findADT?.extra_option?.cidr
+        if (Array.isArray(cidr) && cidr?.length) {
+          cidrList = cidr.map((v) => {
+            return {
+              id: uuidv4(),
+              value: v?.value ? v.value : v
+            }
+          })
+        }
+        this.cidrList = cidrList
       }
-      if (this.adrType === 'agent') {
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.AGENT) {
         this.tableData = (_find?.attributes || []).map((item) => {
           if (_findADT.attributes) {
             return {
@@ -273,49 +450,66 @@ export default {
       }
       this.form = {
         auto_accept: _findADT?.auto_accept || false,
-        agent_id: _findADT.agent_id || '',
+        agent_id: _findADT?.agent_id && _findADT?.agent_id !== '0x0000' ? _findADT.agent_id : '',
         query_expr: _findADT.query_expr || '',
+        enabled: _findADT?.enabled ?? true,
       }
+
+      const allMachineIndex = this.agentTypeRadioList.findIndex((item) => item.value === 'all')
+
       if (_findADT.query_expr) {
         this.agent_type = 'query_expr'
       } else if (_findADT.agent_id) {
-        this.agent_type = 'agent_id'
+        this.agent_type = _findADT.agent_id === '0x0000' ? 'master' : 'agent_id'
+      } else if (_findADT.agent_id === '' && allMachineIndex !== -1) {
+        this.agent_type = 'all'
       } else {
         this.agent_type = this.agentTypeRadioList[0].value
       }
-      if (_findADT.interval || (!_findADT.interval && !_findADT.cron)) {
+
-        this.interval = 'interval'
+      this.cron = _findADT?.cron || ''
-        this.intervalValue = _findADT.interval || ''
-      } else {
-        this.interval = 'cron'
-        this.cron = `0 ${_findADT.cron}`
-      }
-    },
-    getAttrNameByAttrName(attrName) {
-      const _find = this.ciTypeAttributes.find((item) => item.name === attrName)
-      return _find?.alias || _find?.name || ''
     },
+
     crontabFill(cron) {
       this.cron = cron
     },
     handleSave() {
-      const { currentAdt, alias } = this
+      const { currentAdt } = this
       let params
-      if (this.adrType === 'http') {
+
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.HTTP) {
+        const { isError, data: cloudOption } = this.validateHTTPForm()
+        if (isError) {
+          return
+        }
+
         params = {
           extra_option: {
-            ...this.form2,
+            ...cloudOption,
             category: this.$refs.httpSnmpAd.currentCate,
           },
         }
       }
-      if (this.adrType === 'snmp') {
+
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.COMPONENT) {
+        const portScanConfigForm = _.omitBy(this.portScanConfigForm, _.isEmpty) || {}
         params = {
-          extra_option: { nodes: this.$refs.monitorNodeSetting?.getNodeValue() ?? [] },
+          extra_option: {
+            ...portScanConfigForm,
+          },
         }
       }
-      if (this.adrType === 'agent') {
+
-        const $table = this.$refs.xTable
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.SNMP) {
+        params = {
+          extra_option: {
+            nodes: this.$refs.nodeSetting?.getNodeValue() ?? [],
+            cidr: this?.cidrList?.map((item) => item.value) || []
+          },
+        }
+      }
+      if (this.adrType === DISCOVERY_CATEGORY_TYPE.AGENT) {
+        const $table = this.$refs.attrMapTable
         const { fullData: _tableData } = $table.getTableData()
         const attributes = {}
         _tableData.forEach((td) => {
@@ -340,17 +534,14 @@ export default {
           attributes,
         }
       }
-      if (this.interval === 'cron') {
+
-        this.$refs.cronTab.submitFill()
-      }
       params = {
         ...params,
         ...this.form,
-        type_id: this.CITypeId,
         adr_id: currentAdt.adr_id,
-        interval: this.interval === 'interval' ? this.intervalValue : null,
+        cron: this.cron,
-        cron: this.interval === 'cron' ? this.cron : null,
       }
+
       if (this.agent_type === 'agent_id' || this.agent_type === 'all') {
         params.query_expr = ''
         if (this.agent_type === 'agent_id' && !params.agent_id) {
@@ -358,6 +549,7 @@ export default {
           return
         }
       }
+
       if (this.agent_type === 'query_expr' || this.agent_type === 'all') {
         params.agent_id = ''
         if (this.agent_type === 'query_expr' && !params.query_expr) {
@@ -365,31 +557,209 @@ export default {
           return
         }
       }
-      if (params.extra_option) {
+
-        params.extra_option.alias = alias
+      if (this.agent_type === 'master') {
-      } else {
+        params.agent_id = '0x0000'
-        params.extra_option = {}
+      }
-        params.extra_option.alias = alias
+
+      if (!this.cron) {
+        this.$message.error(this.$t('cmdb.ciType.cronRequiredTip'))
+        return
+      }
+
+      if (currentAdt?.extra_option) {
+        params.extra_option = {
+          ...(currentAdt?.extra_option || {}),
+          ...(params?.extra_option || {})
+        }
+      }
+
+      // 去除合并后的旧配置
+      if (params.extra_option) {
+        params.extra_option = this.handleOldExtraOption(params.extra_option)
+      }
+
+      if (currentAdt?.isClient) {
+        postCITypeDiscovery(this.CITypeId, params).then((res) => {
+          this.$message.success(this.$t('saveSuccess'))
+          this.$emit('handleSave', res.id)
+        })
+      } else {
+        putCITypeDiscovery(currentAdt.id, params).then((res) => {
+          this.$message.success(this.$t('saveSuccess'))
+          this.$emit('handleSave', res.id)
+        })
       }
-      putCITypeDiscovery(currentAdt.id, params).then((res) => {
-        this.$message.success(this.$t('saveSuccess'))
-        this.$emit('handleSave')
-      })
     },
+
+    /**
+     * HTTP 表单校验
+     * 公有云 私有云
+     */
+    validateHTTPForm() {
+      let isError = false
+      let data = {}
+
+      const formData = this?.[this.isPrivateCloud ? 'privateCloudForm' : 'publicCloudForm']
+      if (formData.tabActive === TAB_KEY.CONFIG) {
+        if (!formData._reference) {
+          isError = true
+          this.$message.error(this.$t('cmdb.ad.configErrTip'))
+        }
+
+        data._reference = formData._reference
+        if (this.privateCloudName === PRIVATE_CLOUD_NAME.VCenter) {
+          data.vcenterName = formData.vcenterName
+        }
+
+        return {
+          isError,
+          data
+        }
+      }
+
+      if (this.isPrivateCloud) {
+        if (this.privateCloudName === PRIVATE_CLOUD_NAME.VCenter) {
+          data = _.pick(this.privateCloudForm, ['host', 'account', 'password', 'vcenterName'])
+          const vcenterErros = {
+            'host': `${this.$t('placeholder1')} ${this.$t('cmdb.ciType.host')}`,
+            'account': `${this.$t('placeholder1')} ${this.$t('cmdb.ciType.account')}`,
+            'password': `${this.$t('placeholder1')} ${this.$t('cmdb.ciType.password')}`
+          }
+          const findError = Object.keys(this.privateCloudForm).find((key) => !this.privateCloudForm[key] && vcenterErros[key])
+          if (findError) {
+            isError = true
+            this.$message.error(this.$t(vcenterErros[findError]))
+          }
+        }
+      } else {
+        data = _.pick(this.publicCloudForm, ['key', 'secret'])
+        const publicCloudErros = {
+          'key': `${this.$t('placeholder1')} key`,
+          'secret': `${this.$t('placeholder1')} secret`
+        }
+        const findError = Object.keys(this.publicCloudForm).find((key) => !this.publicCloudForm[key] && publicCloudErros[key])
+        if (findError) {
+          isError = true
+          this.$message.error(this.$t(publicCloudErros[findError]))
+        }
+      }
+
+      return {
+        isError,
+        data
+      }
+    },
+
+    /**
+     * 去除多余旧配置
+     */
+    handleOldExtraOption(option) {
+      let extra_option = _.cloneDeep(option)
+
+      // VCenter 旧配置
+      if (extra_option?.insecure) {
+        Reflect.deleteProperty(extra_option, 'insecure')
+      }
+
+      // 根据 HTTP 选项去除多余属性
+      const formData = this?.[this.isPrivateCloud ? 'privateCloudForm' : 'publicCloudForm']
+      switch (formData.tabActive) {
+        case TAB_KEY.CUSTOM:
+          Reflect.deleteProperty(extra_option, '_reference')
+          break
+        case TAB_KEY.CONFIG:
+          extra_option = _.omit(extra_option, ['host', 'account', 'password', 'key', 'secret'])
+          break
+        default:
+          break
+      }
+
+      return extra_option
+    },
+
     handleOpenCmdb() {
       this.$refs.cmdbDrawer.open()
     },
+
     copySuccess(text) {
       this.form = {
         ...this.form,
         query_expr: `${text}`,
       }
     },
+    hideCron() {
+      this.cronVisible = false
+    },
+    changeEnabled() {
+      if (!this.isClient) {
+        putCITypeDiscovery(this.currentAdt.id, {
+          enabled: !this.form.enabled
+        }).then((res) => {
+          this.form.enabled = !this.form.enabled
+          this.$message.success(this.$t('saveSuccess'))
+          this.$emit('handleSave', res.id)
+        })
+      }
+    }
   },
 }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
+.attr-ad-tab-pane {
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+
+  .attr-ad-header_between {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 20px;
+  }
+
+  .attr-ad-open {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 0px 20px;
+
+    &-label {
+      font-size: 14px;
+      font-weight: 600;
+      margin-right: 6px;
+    }
+  }
+
+  .attr-ad-attributemap-main {
+    margin-left: 17px;
+  }
+
+  .attr-ad-form {
+    /deep/ .ant-form-item-label {
+      margin-left: 17px;
+    }
+
+    /deep/ .ant-form-item-control-wrapper {
+      // margin-left: -40px;
+    }
+  }
+
+  .public-cloud-info {
+    color: @text-color_3;
+    font-size: 12px;
+    font-weight: 400;
+    margin-left: 17px;
+    margin-bottom: 20px;
+  }
+
+  .radio-master-tip {
+    font-size: 12px;
+    color: #86909c;
+    line-height: 14px;
+  }
+}
 .attr-ad-snmp-form {
   .ant-form-item {
     margin-bottom: 0;

cmdb-ui/src/modules/cmdb/views/ci_types/attrADTabs.vue

@@ -0,0 +1,183 @@
+<template>
+  <div class="attr-ad-tabs">
+    <div
+      v-for="item in adCITypeList"
+      :key="item.id"
+      :class="['attr-ad-tab', currentTab === item.id ? 'attr-ad-tab_active' : '']"
+      @click="changeTab(item.id)"
+    >
+      <img
+        v-if="item.icon.id && item.icon.url"
+        :src="`/api/common-setting/v1/file/${item.icon.url}`"
+        class="attr-ad-tab-icon"
+      />
+      <ops-icon
+        v-else-if="item.icon.name"
+        :type="item.icon.name || 'caise-chajian'"
+        :style="{ color: item.icon.color }"
+        class="attr-ad-tab-icon"
+      />
+      <a-input
+        v-if="nameEditId === item.id"
+        v-model="nameEditValue"
+        :ref="`name-edit-${item.id}`"
+        size="small"
+        :autofocus="true"
+        @blur="changeAlias(item.isClient || false)"
+      />
+      <span v-else class="attr-ad-tab-name">
+        {{ item.extra_option && item.extra_option.alias ? item.extra_option.alias : getADCITypeParam(item.adr_id) }}
+      </span>
+      <a-icon
+        type="edit"
+        class="attr-ad-tab-edit"
+        @click="(e) => openNameEdit(e, item)"
+      />
+      <a-icon
+        type="delete"
+        class="attr-ad-tab-delete"
+        @click="(e) => deleteADT(e, item)"
+      />
+    </div>
+    <a-icon
+      type="plus-circle"
+      class="attr-ad-tabs-add"
+      @click="clickAdd"
+    ></a-icon>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AttrADTabs',
+  props: {
+    currentTab: {
+      type: [String, Number],
+      default: ''
+    },
+    adCITypeList: {
+      type: Array,
+      default: () => [],
+    },
+    getADCITypeParam: {
+      type: Function,
+      default: () => ''
+    }
+  },
+  data() {
+    return {
+      nameEditId: '',
+      nameEditValue: '',
+    }
+  },
+  methods: {
+    changeTab(id) {
+      this.$emit('changeTab', id)
+    },
+    openNameEdit(e, item) {
+      e.preventDefault()
+      e.stopPropagation()
+      this.nameEditId = item.id
+      if (item?.extra_option?.alias) {
+        this.nameEditValue = item.extra_option.alias
+      }
+      this.$nextTick(() => {
+        if (this.$refs?.[`name-edit-${item.id}`]?.[0]) {
+          this.$refs[`name-edit-${item.id}`][0].focus()
+        }
+      })
+    },
+    changeAlias(isClient) {
+      this.$emit('changeAlias', {
+        id: this.nameEditId,
+        value: this.nameEditValue,
+        isClient
+      })
+      this.$nextTick(() => {
+        this.nameEditId = ''
+        this.nameEditValue = ''
+      })
+    },
+    deleteADT(e, item) {
+      e.preventDefault()
+      e.stopPropagation()
+      this.$emit('deleteADT', item)
+    },
+    clickAdd() {
+      this.$emit('clickAdd')
+    }
+  }
+}
+</script>
+
+<style lang="less" scoepd>
+.attr-ad-tabs {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  overflow-x: auto;
+  padding-bottom: 10px;
+
+  .attr-ad-tab {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8px 24px;
+    margin-right: 12px;
+    background-color: @primary-color_7;
+    cursor: pointer;
+    flex-shrink: 0;
+
+    &-name {
+      font-weight: 400;
+      font-size: 12px;
+    }
+
+    &-icon {
+      font-size: 12px;
+      width: 12px;
+      height: 12px;
+      margin-right: 4px;
+    }
+
+    &-edit {
+      display: none;
+      font-size: 10px;
+      color: @text-color_4;
+      margin-left: 4px;
+    }
+
+    &-delete {
+      display: none;
+      font-size: 10px;
+      color: @func-color_1;
+      margin-left: 6px;
+    }
+
+    &_active {
+      border: solid 1px @primary-color_8;
+      background-color: @primary-color_6;
+
+      .attr-ad-tab-name {
+        color: @primary-color;
+      }
+    }
+
+    &:hover {
+      .attr-ad-tab-edit {
+        display: inline-block;
+      }
+      .attr-ad-tab-delete {
+        display: inline-block;
+      }
+    }
+  }
+
+  &-add {
+    padding: 11px;
+    background-color: @primary-color_7;
+    font-size: 12px;
+    color: @text-color_4;
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attrADTest.vue

@@ -0,0 +1,205 @@
+<template>
+  <div>
+    <div class="attr-ad-header attr-ad-header-margin">{{ $t('cmdb.ciType.configCheckTitle') }}</div>
+    <div class="attr-ad-content">
+      <div class="ad-test-title-info">{{ $t('cmdb.ciType.checkTestTip') }}</div>
+      <div
+        class="ad-test-btn"
+        @click="showCheckModal"
+      >
+        {{ $t('cmdb.ciType.checkTestBtn') }}
+      </div>
+      <div class="ad-test-btn-info">{{ $t('cmdb.ciType.checkTestTip2') }}</div>
+      <!-- <div
+        class="ad-test-btn"
+        @click="showTestModal"
+      >
+        {{ $t('cmdb.ciType.checkTestBtn1') }}
+      </div>
+      <div class="ad-test-btn-info">{{ $t('cmdb.ciType.checkTestTip3') }}</div> -->
+    </div>
+
+    <a-modal
+      v-model="checkModalVisible"
+      :footer="null"
+      :width="900"
+    >
+      <div class="check-modal-title">{{ $t('cmdb.ciType.checkModalTitle') }}</div>
+      <div class="check-modal-info">{{ $t('cmdb.ciType.checkModalTip') }}</div>
+      <div class="check-modal-info">{{ $t('cmdb.ciType.checkModalTip1') }}</div>
+      <div class="check-modal-info">{{ $t('cmdb.ciType.checkModalTip2') }}</div>
+      <ops-table
+        size="mini"
+        :data="checkTableData"
+        :scroll-y="{ enabled: true }"
+        height="400"
+        class="check-modal-table"
+      >
+        <vxe-column field="oneagent_name" :title="$t('cmdb.ciType.checkModalColumn1')"></vxe-column>
+        <vxe-column field="oneagent_id" :title="$t('cmdb.ciType.checkModalColumn2')"></vxe-column>
+        <vxe-column
+          field="status"
+          :min-width="70"
+          :title="$t('cmdb.ciType.checkModalColumn3')"
+        >
+          <template #default="{ row }">
+            <div
+              :class="['check-modal-status', row.status ? 'check-modal-status-online' : 'check-modal-status-offline']"
+            >
+              {{ $t(`cmdb.ciType.${row.status ? 'checkModalColumnStatus1' : 'checkModalColumnStatus2'}`) }}
+            </div>
+          </template>
+        </vxe-column>
+        <vxe-column field="sync_at" :title="$t('cmdb.ciType.checkModalColumn4')"></vxe-column>
+      </ops-table>
+    </a-modal>
+
+    <a-modal
+      v-model="testModalVisible"
+      :footer="null"
+      :width="596"
+    >
+      <div class="check-modal-title">{{ $t('cmdb.ciType.testModalTitle') }}</div>
+      <p class="test-modal-text">{{ testResultText }}</p>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import {
+  getAdtSyncHistories,
+  postAdtTest,
+  getAdtTestResult
+} from '@/modules/cmdb/api/discovery.js'
+import moment from 'moment'
+
+export default {
+  name: 'AttrADTest',
+  props: {
+    adtId: {
+      type: Number,
+      default: 0,
+    }
+  },
+  data() {
+    return {
+      checkModalVisible: false,
+      checkTableData: [],
+      testModalVisible: false,
+      testResultText: '',
+    }
+  },
+  methods: {
+    async showCheckModal() {
+      await this.queryCheckTableData()
+      this.checkModalVisible = true
+    },
+    async queryCheckTableData() {
+      const res = await getAdtSyncHistories(this.adtId)
+      if (res?.result?.length) {
+        const newTableData = res.result
+        newTableData.forEach((item) => {
+          const syncTime = moment(item.sync_at).valueOf()
+          const nowTime = new Date().getTime()
+          item.status = nowTime - syncTime <= 10 * 60 * 1000
+        })
+        this.checkTableData = newTableData
+      } else {
+        this.checkTableData = []
+      }
+    },
+    async showTestModal() {
+      await this.queryTestResult()
+      this.testModalVisible = true
+    },
+    async queryTestResult() {
+      const res = await postAdtTest(this.adtId)
+      const exec_id = res?.exec_id
+      if (exec_id) {
+        const res = await getAdtTestResult(exec_id)
+
+        if (res?.stdout) {
+          this.testResultText = res.stdout
+        }
+      }
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.attr-ad-content {
+  margin-left: 17px;
+  margin-bottom: 20px;
+
+  .ad-test-title-info {
+    color: @text-color_3;
+    font-size: 12px;
+    font-weight: 400;
+  }
+
+  .ad-test-btn {
+    margin-top: 30px;
+    padding: 5px 12px;
+    background-color: #F4F9FF;
+    border: solid 1px @primary-color_8;
+    display: inline-block;
+    cursor: pointer;
+
+    color: @link-color;
+    font-size: 12px;
+    font-weight: 400;
+  }
+
+  .ad-test-btn-info {
+    margin-top: 4px;
+    color: @text-color_3;
+    font-size: 12px;
+    font-weight: 400;
+  }
+}
+
+.check-modal-table {
+  margin-top: 14px;
+}
+
+.check-modal-title {
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
+.check-modal-info {
+  color: @text-color_3;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.check-modal-status {
+  display: inline-block;
+  padding: 2px 11px;
+  font-size: 12px;
+  font-weight: 400;
+
+  &-online {
+    background-color: #E5F6DF;
+    color: #30AD2D;
+  }
+
+  &-offline {
+    background-color: #FFDADA;
+    color: #F14E4E;
+  }
+}
+
+.test-modal-text {
+  margin-top: 14px;
+  padding: 12px;
+  width: 100%;
+  height: 312px;
+  overflow: auto;
+  white-space: pre-wrap;
+  word-break: break-all;
+  border: solid 1px @border-color-base;
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/attributeCard.vue

@@ -180,6 +180,10 @@ export default {
           label: this.$t('cmdb.ciType.isIndex'),
           property: 'is_index',
         },
+        {
+          label: this.$t('cmdb.ciType.isDynamic'),
+          property: 'is_dynamic',
+        },
       ]
     },
     inherited() {
@@ -237,8 +241,8 @@ export default {
 
 <style lang="less" scoped>
 .attribute-card {
-  width: 182px;
+  width: 172px;
-  height: 80px;
+  height: 75px;
   background: @primary-color_6;
   border-radius: 2px;
   position: relative;
@@ -304,7 +308,7 @@ export default {
     }
   }
   .attribute-card-footer {
-    width: 182px;
+    width: 172px;
     height: 30px;
     padding: 0 8px;
     position: absolute;

cmdb-ui/src/modules/cmdb/views/ci_types/attributeEditForm.vue

@@ -157,33 +157,6 @@
         </a-form-item>
       </a-col>
 
-      <a-col :span="6">
-        <a-form-item
-          :label-col="horizontalFormItemLayout.labelCol"
-          :wrapper-col="horizontalFormItemLayout.wrapperCol"
-          :label="$t('required')"
-        >
-          <a-switch
-            @change="(checked) => onChange(checked, 'is_required')"
-            name="is_required"
-            v-decorator="['is_required', { rules: [], valuePropName: 'checked' }]"
-          />
-        </a-form-item>
-      </a-col>
-      <a-col :span="6" v-if="currentValueType !== '6' && currentValueType !== '7'">
-        <a-form-item
-          :label-col="{ span: 8 }"
-          :wrapper-col="horizontalFormItemLayout.wrapperCol"
-          :label="$t('cmdb.ciType.unique')"
-        >
-          <a-switch
-            :disabled="isShowComputedArea"
-            @change="onChange"
-            name="is_unique"
-            v-decorator="['is_unique', { rules: [], valuePropName: 'checked' }]"
-          />
-        </a-form-item>
-      </a-col>
       <a-col :span="currentValueType === '2' ? 6 : 0" v-if="currentValueType !== '6'">
         <a-form-item
           :hidden="currentValueType === '2' ? false : true"
@@ -196,7 +169,7 @@
             >{{ $t('cmdb.ciType.index') }}
               <a-tooltip :title="$t('cmdb.ciType.indexTips')">
                 <a-icon
-                  style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
+                  style="position:absolute;top:2px;left:-17px;color:#2f54eb;"
                   type="question-circle"
                   theme="filled"
                   @click="
@@ -217,10 +190,37 @@
           />
         </a-form-item>
       </a-col>
-      <a-col :span="6">
+      <a-col :span="6" v-if="currentValueType !== '6' && currentValueType !== '7'">
         <a-form-item
           :label-col="currentValueType === '2' ? { span: 8 } : horizontalFormItemLayout.labelCol"
           :wrapper-col="horizontalFormItemLayout.wrapperCol"
+          :label="$t('cmdb.ciType.unique')"
+        >
+          <a-switch
+            :disabled="isShowComputedArea"
+            @change="onChange"
+            name="is_unique"
+            v-decorator="['is_unique', { rules: [], valuePropName: 'checked' }]"
+          />
+        </a-form-item>
+      </a-col>
+      <a-col :span="6">
+        <a-form-item
+          :label-col="['2', '6', '7'].findIndex(i => currentValueType === i) === -1 ? { span: 8 } : horizontalFormItemLayout.labelCol"
+          :wrapper-col="horizontalFormItemLayout.wrapperCol"
+          :label="$t('required')"
+        >
+          <a-switch
+            @change="(checked) => onChange(checked, 'is_required')"
+            name="is_required"
+            v-decorator="['is_required', { rules: [], valuePropName: 'checked' }]"
+          />
+        </a-form-item>
+      </a-col>
+      <a-col :span="6">
+        <a-form-item
+          :label-col="currentValueType === '2' ? { span: 12 } : horizontalFormItemLayout.labelCol"
+          :wrapper-col="horizontalFormItemLayout.wrapperCol"
         >
           <template slot="label">
             <span
@@ -228,7 +228,7 @@
             >{{ $t('cmdb.ciType.defaultShow') }}
               <a-tooltip :title="$t('cmdb.ciType.defaultShowTips')">
                 <a-icon
-                  style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
+                  style="position:absolute;top:2px;left:-17px;color:#2f54eb;"
                   type="question-circle"
                   theme="filled"
                   @click="
@@ -295,6 +295,37 @@
           />
         </a-form-item>
       </a-col>
+      <a-col span="6">
+        <a-form-item
+          :label-col="['2', '6', '7'].findIndex(i => currentValueType === i) === -1 ? { span: 12 } : horizontalFormItemLayout.labelCol"
+          :wrapper-col="horizontalFormItemLayout.wrapperCol"
+        >
+          <template slot="label">
+            <span
+              style="position:relative;white-space:pre;"
+            >{{ $t('cmdb.ciType.isDynamic') }}
+              <a-tooltip :title="$t('cmdb.ciType.dynamicTips')">
+                <a-icon
+                  style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
+                  type="question-circle"
+                  theme="filled"
+                  @click="
+                    (e) => {
+                      e.stopPropagation()
+                      e.preventDefault()
+                    }
+                  "
+                />
+              </a-tooltip>
+            </span>
+          </template>
+          <a-switch
+            @change="(checked) => onChange(checked, 'is_dynamic')"
+            name="is_dynamic"
+            v-decorator="['is_dynamic', { rules: [], valuePropName: 'checked' }]"
+          />
+        </a-form-item>
+      </a-col>
       <a-divider style="font-size:14px;margin-top:6px;">{{ $t('cmdb.ciType.advancedSettings') }}</a-divider>
       <a-row>
         <a-col :span="24" v-if="!['6'].includes(currentValueType)">
@@ -314,6 +345,7 @@
               :canDefineScript="canDefineScript"
               ref="preValueArea"
               :disabled="isShowComputedArea"
+              :CITypeId="CITypeId"
             />
           </a-form-item>
         </a-col>
@@ -344,6 +376,10 @@
               name="is_computed"
               v-decorator="['is_computed', { rules: [], valuePropName: 'checked' }]"
             />
+            <div v-show="isShowComputedArea" class="computed-attr-tip">
+              <div>1. {{ $t('cmdb.ciType.computedAttrTip1') }}</div>
+              <div>2. {{ $t('cmdb.ciType.computedAttrTip2') }}</div>
+            </div>
             <ComputedArea
               showCalcComputed
               ref="computedArea"
@@ -534,6 +570,7 @@ export default {
             is_index: _record.is_index,
             is_sortable: _record.is_sortable,
             is_computed: _record.is_computed,
+            is_dynamic: _record.is_dynamic,
           })
         }
         console.log(_record)
@@ -763,7 +800,13 @@ export default {
 }
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.computed-attr-tip {
+  font-size: 12px;
+  line-height: 22px;
+  color: #a5a9bc;
+}
+</style>
 <style lang="less">
 .attribute-edit-form {
   .jsoneditor-outer {

cmdb-ui/src/modules/cmdb/views/ci_types/attributesTable.vue

@@ -18,19 +18,19 @@
         <a-button @click="handleOpenUniqueConstraint" size="small">{{ $t('cmdb.ciType.uniqueConstraint') }}</a-button>
         <div>
           <a-tooltip
-            v-for="type in Object.keys(valueTypeMap)"
+            v-for="typeKey in Object.keys(valueTypeMap)"
-            :key="type"
+            :key="typeKey"
-            :title="$t('cmdb.ciType.filterTips', { name: valueTypeMap[type] })"
+            :title="$t('cmdb.ciType.filterTips', { name: valueTypeMap[typeKey] })"
           >
             <span
-              @click="handleFilterType(type)"
+              @click="handleFilterType(typeKey)"
               :class="{
                 'ci-types-attributes-filter': true,
-                'ci-types-attributes-filter-selected': attrTypeFilter.includes(type),
+                'ci-types-attributes-filter-selected': attrTypeFilter.includes(typeKey),
               }"
             >
-              <ops-icon :type="getPropertyIcon({ value_type: type })" />
+              <ops-icon :type="getPropertyIcon({ value_type: typeKey })" />
-              {{ valueTypeMap[type] }}
+              {{ valueTypeMap[typeKey] }}
             </span>
           </a-tooltip>
         </div>
@@ -104,7 +104,7 @@
             :filter="'.filter-empty'"
             :animation="300"
             tag="div"
-            style="width: 100%; display: flex;flex-flow: wrap"
+            style="width: 100%; display: flex; flex-flow: wrap; column-gap: 10px;"
             handle=".handle"
           >
             <AttributeCard
@@ -146,7 +146,7 @@
             }
           "
           :animation="300"
-          style="min-height: 2rem; width: 100%; display: flex; flex-flow: wrap"
+          style="min-height: 2rem; width: 100%; display: flex; flex-flow: wrap; column-gap: 10px;"
           handle=".handle"
         >
           <AttributeCard
@@ -255,6 +255,12 @@ export default {
       show_id: () => {
         return this.show_id
       },
+      providerGroupsData: () => {
+        return {
+          CITypeGroups: this.CITypeGroups,
+          otherGroupAttributes: this.otherGroupAttributes
+        }
+      }
     }
   },
   beforeCreate() {},
@@ -645,7 +651,7 @@ export default {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-between;
+    justify-content: flex-start;
     min-height: 20px;
     > i {
       width: 182px;

cmdb-ui/src/modules/cmdb/views/ci_types/ceateNewAttribute.vue

@@ -150,42 +150,19 @@
       </a-col>
     </a-row>
 
-    <a-col :span="6">
+    <a-col :span="currentValueType === '2' ? 6 : 0" v-if="currentValueType !== '6'">
       <a-form-item
+        :hidden="currentValueType === '2' ? false : true"
         :label-col="horizontalFormItemLayout.labelCol"
         :wrapper-col="horizontalFormItemLayout.wrapperCol"
-        :label="$t('required')"
       >
-        <a-switch
-          @change="(checked) => onChange(checked, 'is_required')"
-          name="is_required"
-          v-decorator="['is_required', { rules: [], valuePropName: 'checked' }]"
-        />
-      </a-form-item>
-    </a-col>
-    <a-col :span="6" v-if="currentValueType !== '6' && currentValueType !== '7'">
-      <a-form-item
-        :label-col="{ span: 8 }"
-        :wrapper-col="horizontalFormItemLayout.wrapperCol"
-        :label="$t('cmdb.ciType.unique')"
-      >
-        <a-switch
-          :disabled="isShowComputedArea"
-          @change="onChange"
-          name="is_unique"
-          v-decorator="['is_unique', { rules: [], valuePropName: 'checked' }]"
-        />
-      </a-form-item>
-    </a-col>
-    <a-col :span="6" v-if="currentValueType === '2'">
-      <a-form-item :label-col="horizontalFormItemLayout.labelCol" :wrapper-col="horizontalFormItemLayout.wrapperCol">
         <template slot="label">
           <span
             style="position:relative;white-space:pre;"
           >{{ $t('cmdb.ciType.index') }}
             <a-tooltip :title="$t('cmdb.ciType.indexTips')">
               <a-icon
-                style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
+                style="position:absolute;top:2px;left:-17px;color:#2f54eb;"
                 type="question-circle"
                 theme="filled"
                 @click="
@@ -206,10 +183,37 @@
         />
       </a-form-item>
     </a-col>
-    <a-col :span="6">
+    <a-col :span="6" v-if="currentValueType !== '6' && currentValueType !== '7'">
       <a-form-item
         :label-col="currentValueType === '2' ? { span: 8 } : horizontalFormItemLayout.labelCol"
         :wrapper-col="horizontalFormItemLayout.wrapperCol"
+        :label="$t('cmdb.ciType.unique')"
+      >
+        <a-switch
+          :disabled="isShowComputedArea"
+          @change="onChange"
+          name="is_unique"
+          v-decorator="['is_unique', { rules: [], valuePropName: 'checked' }]"
+        />
+      </a-form-item>
+    </a-col>
+    <a-col :span="6">
+      <a-form-item
+        :label-col="['2', '6', '7'].findIndex(i => currentValueType === i) === -1 ? { span: 8 } : horizontalFormItemLayout.labelCol"
+        :wrapper-col="horizontalFormItemLayout.wrapperCol"
+        :label="$t('required')"
+      >
+        <a-switch
+          @change="(checked) => onChange(checked, 'is_required')"
+          name="is_required"
+          v-decorator="['is_required', { rules: [], valuePropName: 'checked' }]"
+        />
+      </a-form-item>
+    </a-col>
+    <a-col :span="6">
+      <a-form-item
+        :label-col="currentValueType === '2' ? { span: 12 } : horizontalFormItemLayout.labelCol"
+        :wrapper-col="horizontalFormItemLayout.wrapperCol"
       >
         <template slot="label">
           <span
@@ -217,7 +221,7 @@
           >{{ $t('cmdb.ciType.defaultShow') }}
             <a-tooltip :title="$t('cmdb.ciType.defaultShowTips')">
               <a-icon
-                style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
+                style="position:absolute;top:2px;left:-17px;color:#2f54eb;"
                 type="question-circle"
                 theme="filled"
                 @click="
@@ -284,6 +288,37 @@
         />
       </a-form-item>
     </a-col>
+    <a-col span="6">
+      <a-form-item
+        :label-col="['2', '6', '7'].findIndex(i => currentValueType === i) === -1 ? { span: 12 } : horizontalFormItemLayout.labelCol"
+        :wrapper-col="horizontalFormItemLayout.wrapperCol"
+      >
+        <template slot="label">
+          <span
+            style="position:relative;white-space:pre;"
+          >{{ $t('cmdb.ciType.isDynamic') }}
+            <a-tooltip :title="$t('cmdb.ciType.dynamicTips')">
+              <a-icon
+                style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
+                type="question-circle"
+                theme="filled"
+                @click="
+                  (e) => {
+                    e.stopPropagation()
+                    e.preventDefault()
+                  }
+                "
+              />
+            </a-tooltip>
+          </span>
+        </template>
+        <a-switch
+          @change="(checked) => onChange(checked, 'is_dynamic')"
+          name="is_dynamic"
+          v-decorator="['is_dynamic', { rules: [], valuePropName: 'checked', initialValue: currentValueType === '6' ? true: false }]"
+        />
+      </a-form-item>
+    </a-col>
     <a-divider style="font-size:14px;margin-top:6px;">{{ $t('cmdb.ciType.advancedSettings') }}</a-divider>
     <a-row>
       <a-col :span="24" v-if="!['6'].includes(currentValueType)">
@@ -298,7 +333,12 @@
       </a-col>
       <a-col :span="24" v-if="!['6', '7'].includes(currentValueType)">
         <a-form-item :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }" :label="$t('cmdb.ciType.choiceValue')">
-          <PreValueArea ref="preValueArea" :canDefineScript="canDefineScript" :disabled="isShowComputedArea" />
+          <PreValueArea
+            ref="preValueArea"
+            :canDefineScript="canDefineScript"
+            :disabled="isShowComputedArea"
+            :CITypeId="CITypeId"
+          />
         </a-form-item>
       </a-col>
       <a-col :span="24" v-if="!['6', '7'].includes(currentValueType)">
@@ -328,6 +368,10 @@
             name="is_computed"
             v-decorator="['is_computed', { rules: [], valuePropName: 'checked' }]"
           />
+          <div v-show="isShowComputedArea" class="computed-attr-tip">
+            <div>1. {{ $t('cmdb.ciType.computedAttrTip1') }}</div>
+            <div>2. {{ $t('cmdb.ciType.computedAttrTip2') }}</div>
+          </div>
           <ComputedArea ref="computedArea" v-if="isShowComputedArea" :canDefineComputed="canDefineComputed" />
         </a-form-item>
       </a-col>
@@ -363,6 +407,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    CITypeId: {
+      type: Number,
+      default: null
+    }
   },
   data() {
     return {
@@ -404,8 +452,8 @@ export default {
           }
 
           console.log(values)
-          const { is_required, default_show, default_value } = values
+          const { is_required, default_show, default_value, is_dynamic } = values
-          const data = { is_required, default_show }
+          const data = { is_required, default_show, is_dynamic }
           delete values.is_required
           delete values.default_show
           if (values.value_type === '0' && default_value) {
@@ -575,6 +623,13 @@ export default {
   },
 }
 </script>
+<style lang="less" scoped>
+.computed-attr-tip {
+  font-size: 12px;
+  line-height: 22px;
+  color: #a5a9bc;
+}
+</style>
 <style lang="less">
 .create-new-attribute {
   .jsoneditor-outer {

cmdb-ui/src/modules/cmdb/views/ci_types/ciTypedetail.vue

@@ -5,42 +5,42 @@
         <AttributesTable ref="attributesTable" :CITypeId="CITypeId" :CITypeName="CITypeName"></AttributesTable>
       </a-tab-pane>
       <a-tab-pane key="2" :tab="$t('cmdb.ciType.relation')">
-        <RelationTable :CITypeId="CITypeId" :CITypeName="CITypeName"></RelationTable>
+        <RelationTable v-if="activeKey === '2'" :CITypeId="CITypeId" :CITypeName="CITypeName"></RelationTable>
       </a-tab-pane>
-      <a-tab-pane key="3" :tab="$t('cmdb.ciType.trigger')">
+      <a-tab-pane key="3" :tab="$t('cmdb.ciType.autoDiscoveryTab')">
+        <ADTab v-if="activeKey === '3'" :CITypeId="CITypeId"></ADTab>
+      </a-tab-pane>
+      <a-tab-pane key="5" :tab="$t('cmdb.ciType.trigger')">
         <TriggerTable ref="triggerTable" :CITypeId="CITypeId"></TriggerTable>
       </a-tab-pane>
-      <a-tab-pane key="4" :tab="$t('cmdb.ciType.attributeAD')">
-        <AttrAD :CITypeId="CITypeId"></AttrAD>
-      </a-tab-pane>
-      <a-tab-pane key="5" :tab="$t('cmdb.ciType.relationAD')">
-        <RelationAD :CITypeId="CITypeId"></RelationAD>
-      </a-tab-pane>
       <a-tab-pane key="6" :tab="$t('cmdb.ciType.grant')">
-        <GrantComp :CITypeId="CITypeId" resourceType="CIType" :resourceTypeName="CITypeName"></GrantComp>
+        <div class="grant-config-wrap" :style="{ maxHeight: `${windowHeight - 150}px` }" v-if="activeKey === '6'">
-        <div class="citype-detail-title">{{ $t('cmdb.components.relationGrant') }}</div>
+          <GrantComp :CITypeId="CITypeId" resourceType="CIType" :resourceTypeName="CITypeName"></GrantComp>
-        <RelationTable isInGrantComp :CITypeId="CITypeId" :CITypeName="CITypeName"></RelationTable>
+          <div class="citype-detail-title">{{ $t('cmdb.components.relationGrant') }}</div>
+          <RelationTable isInGrantComp :CITypeId="CITypeId" :CITypeName="CITypeName"></RelationTable>
+        </div>
       </a-tab-pane>
     </a-tabs>
   </a-card>
 </template>
 
 <script>
+import { mapState } from 'vuex'
 import AttributesTable from './attributesTable'
 import RelationTable from './relationTable'
 import TriggerTable from './triggerTable.vue'
-import AttrAD from './attrAD.vue'
+import ADTab from './adTab.vue'
-import RelationAD from './relationAD.vue'
 import GrantComp from '../../components/cmdbGrant/grantComp.vue'
 
+const ACTIVE_KEY_STORAGE_KEY = 'ops_model_config_tab_key'
+
 export default {
   name: 'CITypeDetail',
   components: {
     AttributesTable,
     RelationTable,
     TriggerTable,
-    AttrAD,
+    ADTab,
-    RelationAD,
     GrantComp,
   },
   props: {
@@ -55,23 +55,49 @@ export default {
   },
   data() {
     return {
-      activeKey: '1',
+      activeKey: localStorage.getItem(ACTIVE_KEY_STORAGE_KEY) || '1',
     }
   },
   beforeCreate() {},
-  mounted() {},
+  mounted() {
+    this.$nextTick(() => {
+      switch (this.activeKey) {
+        case '6':
+          this.$refs.triggerTable.getTableData()
+          break
+        case '5':
+          this.$refs.reconciliationTable.getTableData()
+          break
+        default:
+          break
+      }
+    })
+  },
+  computed: {
+    ...mapState({
+      windowHeight: (state) => state.windowHeight,
+    }),
+  },
   methods: {
     changeTab(activeKey) {
       this.activeKey = activeKey
+      localStorage.setItem(ACTIVE_KEY_STORAGE_KEY, activeKey)
       this.$nextTick(() => {
-        if (activeKey === '1') {
+        switch (activeKey) {
-          this.$refs.attributesTable.getCITypeGroupData()
+          case '1':
-        }
+            this.$refs.attributesTable.getCITypeGroupData()
-        if (activeKey === '3') {
+            break
-          this.$refs.triggerTable.getTableData()
+          case '6':
+            this.$refs.triggerTable.getTableData()
+            break
+          case '5':
+            this.$refs.reconciliationTable.getTableData()
+            break
+          default:
+            break
         }
       })
-    },
+    }
   },
 }
 </script>
@@ -84,4 +110,7 @@ export default {
   margin-left: 20px;
   margin-bottom: 10px;
 }
+.grant-config-wrap {
+  overflow: auto;
+}
 </style>

cmdb-ui/src/modules/cmdb/views/ci_types/computedArea.vue

@@ -1,33 +1,49 @@
 <template>
-  <a-tabs v-model="activeKey" size="small" :tabBarStyle="{ borderBottom: 'none' }">
+  <a-tabs v-model="activeKey" size="small" :tabBarStyle="{ borderBottom: 'none' }" @change="handleTabsChange">
     <a-tab-pane key="expr" :disabled="!canDefineComputed">
       <span style="font-size:12px;" slot="tab">{{ $t('cmdb.ciType.expr') }}</span>
       <a-textarea v-model="compute_expr" :placeholder="`{{a}}+{{b}}`" :rows="2" :disabled="!canDefineComputed" />
     </a-tab-pane>
     <a-tab-pane key="script" :disabled="!canDefineComputed">
       <span style="font-size:12px;" slot="tab">{{ $t('cmdb.ciType.code') }}</span>
-      <codemirror style="z-index: 9999" :options="cmOptions" v-model="compute_script"></codemirror>
+      <CustomCodeMirror
+        codeMirrorId="cmdb-computed-attr"
+        ref="codemirror"
+        @changeCodeContent="onCodeChange"
+      ></CustomCodeMirror>
     </a-tab-pane>
-    <template slot="tabBarExtraContent" v-if="showCalcComputed">
+    <template slot="tabBarExtraContent">
-      <a-button type="primary" size="small" @click="handleCalcComputed">
+      <a-button size="small" @click="showAllPropDrawer">
-        {{ $t('cmdb.ciType.apply') }}
+        {{ $t('cmdb.ciType.viewAllAttr') }}
       </a-button>
-      <a-tooltip :title="$t('cmdb.ciType.computeForAllCITips')">
+      <AllAttrDrawer ref="allAttrDrawer" />
-        <a-icon type="question-circle" style="margin-left:5px" />
+
-      </a-tooltip>
+      <template v-if="showCalcComputed">
+        <a-button style="margin: 0px 5px;" type="primary" size="small" @click="handleCalcComputed">
+          {{ $t('cmdb.ciType.apply') }}
+        </a-button>
+        <a-tooltip :title="$t('cmdb.ciType.computeForAllCITips')">
+          <a-icon type="question-circle" />
+        </a-tooltip>
+      </template>
     </template>
   </a-tabs>
 </template>
 
 <script>
-import { codemirror } from 'vue-codemirror'
+import AllAttrDrawer from './allAttrDrawer.vue'
+
+import CustomCodeMirror from '@/components/CustomCodeMirror'
 import 'codemirror/lib/codemirror.css'
 import 'codemirror/theme/monokai.css'
 
 require('codemirror/mode/python/python.js')
 export default {
   name: 'ComputedArea',
-  components: { codemirror },
+  components: {
+    CustomCodeMirror,
+    AllAttrDrawer
+  },
   props: {
     canDefineComputed: {
       type: Boolean,
@@ -43,15 +59,6 @@ export default {
       activeKey: 'expr', // expr script
       compute_expr: '',
       compute_script: 'def computed(): \n    return',
-      cmOptions: {
-        lineNumbers: true,
-        mode: 'python',
-        height: '200px',
-        theme: 'monokai',
-        tabSize: 4,
-        lineWrapping: true,
-        readOnly: !this.canDefineComputed,
-      },
     }
   },
   methods: {
@@ -69,6 +76,9 @@ export default {
       this.compute_script = compute_script || 'def computed(): \n    return'
       if (compute_script) {
         this.activeKey = 'script'
+        this.$nextTick(() => {
+          this.$refs.codemirror.initCodeMirror(this.compute_script)
+        })
       } else {
         this.activeKey = 'expr'
       }
@@ -83,6 +93,21 @@ export default {
         },
       })
     },
+    onCodeChange(v) {
+      this.compute_script = v.replace('\t', '    ')
+    },
+    showAllPropDrawer() {
+      this.$refs.allAttrDrawer.open()
+    },
+
+    handleTabsChange(activeKey) {
+      console.log('handleTabsChange', activeKey)
+      if (activeKey === 'script') {
+        this.$nextTick(() => {
+          this.$refs.codemirror.initCodeMirror(this.compute_script)
+        })
+      }
+    }
   },
 }
 </script>

cmdb-ui/src/modules/cmdb/views/ci_types/modelExport.vue

@@ -0,0 +1,239 @@
+<template>
+  <a-modal
+    :visible="visible"
+    :title="$t('cmdb.ciType.modelExport')"
+    :width="560"
+    @cancel="handleCancel"
+    @ok="handleOK"
+  >
+    <a-form
+      :form="form"
+      :labelCol="{ span: 5 }"
+      :wrapperCol="{ span: 19 }"
+    >
+      <a-form-item
+        :label="$t('cmdb.ciType.filename')"
+      >
+        <a-input v-decorator="['name', { rules: [{ required: true, message: $t('cmdb.ciType.filenameInputTips') }], initialValue: 'cmdb_template' }]" />
+      </a-form-item>
+      <a-form-item
+        :label="$t('cmdb.ciType.selectModel')"
+      >
+        <a-transfer
+          class="model-export-transfer"
+          :dataSource="transferDataSource"
+          :targetKeys="targetKeys"
+          :render="item => item.title"
+          :titles="[$t('cmdb.ciType.unselectModel'), $t('cmdb.ciType.selectedModel')]"
+          :listStyle="{
+            width: '180px',
+            height: `262px`,
+          }"
+          @change="onChange"
+        >
+          <template
+            slot="children"
+            slot-scope="{ props: { direction, selectedKeys }, on: { itemSelect, itemSelectAll } }"
+          >
+            <a-tree
+              v-if="direction === 'left'"
+              blockNode
+              checkable
+              :checkedKeys="[...selectedKeys, ...targetKeys]"
+              :treeData="treeData"
+              :checkStrictly="false"
+              @check="
+                (_, props) => {
+                  onChecked(_, props, [...selectedKeys, ...targetKeys], itemSelect, itemSelectAll);
+                }
+              "
+              @select="
+                (_, props) => {
+                  onChecked(_, props, [...selectedKeys, ...targetKeys], itemSelect, itemSelectAll);
+                }
+              "
+            />
+          </template>
+        </a-transfer>
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script>
+import _ from 'lodash'
+import { exportCITypeGroups } from '@/modules/cmdb/api/ciTypeGroup'
+
+export default {
+  name: 'ModelExport',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    CITypeGroups: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      form: this.$form.createForm(this, { name: 'model-export' }),
+      targetKeys: [],
+      btnLoading: false,
+    }
+  },
+  computed: {
+    transferDataSource() {
+      const dataSource = this.CITypeGroups.reduce((acc, group) => {
+        const types = _.cloneDeep(group?.ci_types || [])
+        types.forEach((item) => {
+          item.key = `${group.id}-${item.id}`
+          item.title = item?.alias || item?.name || this.$t('other')
+        })
+        return acc.concat(types)
+      }, [])
+      return dataSource
+    },
+    treeData() {
+      const treeData = _.cloneDeep(this.CITypeGroups)
+      let newTreeData = treeData.map((item) => {
+        const childrenKeys = []
+        const children = (item.ci_types || []).map((child) => {
+          const key = `${item.id}-${child.id}`
+          const disabled = this.targetKeys.includes(key)
+          childrenKeys.push(key)
+
+          return {
+            key,
+            title: child?.alias || child?.name || this.$t('other'),
+            disabled,
+            children: []
+          }
+        })
+        return {
+          key: String(item?.id),
+          title: item?.name || this.$t('other'),
+          children,
+          childrenKeys,
+          disabled: children.every((item) => item.disabled),
+        }
+      })
+      newTreeData = newTreeData.filter((item) => item.children.length > 0)
+      return newTreeData
+    }
+  },
+  methods: {
+    onChange(targetKeys, direction, moveKeys) {
+      const childKeys = []
+      const newTargetKeys = [...targetKeys]
+
+      if (direction === 'right') {
+        // 如果是选中父节点，添加时去除父节点，添加其子节点
+        this.treeData.forEach((item) => {
+          const parentIndex = newTargetKeys.findIndex((key) => item.key === key)
+          if (parentIndex !== -1) {
+            newTargetKeys.splice(parentIndex, 1)
+            childKeys.push(...item.childrenKeys)
+          }
+        })
+      }
+
+      const uniqTargetKeys = _.uniq([...newTargetKeys, ...childKeys])
+      this.targetKeys = uniqTargetKeys
+    },
+    onChecked(_, e, checkedKeys, itemSelect, itemSelectAll) {
+      const { eventKey } = e.node
+      const selected = checkedKeys.indexOf(eventKey) === -1
+      const childrenKeys = this.treeData.find((item) => item.key === eventKey)?.childrenKeys || []
+      // 如果当前点击是子节点，处理其联动父节点
+      this.treeData.forEach((item) => {
+        if (item.childrenKeys.includes(eventKey)) {
+          if (selected && item.childrenKeys.every((childKey) => [eventKey, ...checkedKeys].includes(childKey))) {
+            itemSelect(item.key, true)
+          } else if (!selected) {
+            itemSelect(item.key, false)
+          }
+        }
+      })
+      itemSelectAll([eventKey, ...childrenKeys], selected)
+    },
+    handleCancel() {
+      this.$emit('cancel')
+      this.form.resetFields()
+      this.targetKeys = []
+    },
+    handleOK() {
+      this.form.validateFields(async (err, values) => {
+        if (err || !this.targetKeys.length || this.btnLoading) {
+          return
+        }
+        this.btnLoading = true
+        const hide = this.$message.loading(this.$t('loading'), 0)
+
+        try {
+          const typeIds = this.getTypeIds(this.targetKeys)
+          const res = await exportCITypeGroups({
+            type_ids: typeIds
+          })
+          console.log('exportCITypeGroups res', res)
+
+          if (res) {
+            const jsonStr = JSON.stringify(res)
+            const blob = new Blob([jsonStr], { type: 'application/json' })
+
+            const url = URL.createObjectURL(blob)
+            const a = document.createElement('a')
+            a.href = url
+
+            const fileName = values.name
+            a.download = fileName
+
+            a.click()
+            URL.revokeObjectURL(url)
+          }
+        } catch (error) {
+          console.log('exportCITypeGroups fail', error)
+          hide()
+          this.btnLoading = false
+        }
+        hide()
+        this.btnLoading = false
+      })
+    },
+    getTypeIds(targetKeys) {
+      let typeIds = targetKeys?.map((key) => {
+        return this?.transferDataSource?.find((node) => node?.key === key)?.id || ''
+      })
+      typeIds = typeIds.filter((id) => id)
+      return typeIds?.join(',')
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.model-export-transfer {
+  /deep/ .ant-transfer-list {
+    .ant-transfer-list-body {
+      overflow: auto;
+    }
+
+    &:first-child {
+      .ant-transfer-list-header {
+        .ant-transfer-list-header-selected {
+          span:first-child {
+            display: none;
+          }
+        }
+      }
+    }
+
+    .ant-transfer-list-header-title {
+      color: @primary-color;
+      font-weight: 400;
+      font-size: 12px;
+    }
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/newCiTypeAttrModal.vue

@@ -28,7 +28,7 @@
     <a-tabs v-model="activeKey">
       <a-tab-pane key="1" :tab="$t('cmdb.ciType.addAttribute')">
         <div :style="{ overflow: 'auto', maxHeight: '480px' }">
-          <create-new-attribute ref="createNewAttribute" :hasFooter="false" @done="handleAddNewAttr" />
+          <create-new-attribute ref="createNewAttribute" :hasFooter="false" :CITypeId="CITypeId" @done="handleAddNewAttr" />
         </div>
       </a-tab-pane>
       <a-tab-pane key="2" :tab="$t('cmdb.ciType.existedAttributes')" force-render>

cmdb-ui/src/modules/cmdb/views/ci_types/preValueArea.vue

@@ -61,12 +61,12 @@
     <a-tab-pane key="choice_other" :disabled="disabled">
       <span style="font-size:12px;" slot="tab">{{ $t('cmdb.ciType.choiceOther') }}</span>
       <a-row :gutter="[24, 24]">
-        <a-col :span="12">
+        <a-col :span="24">
           <a-form-item
             :style="{ lineHeight: '24px', marginBottom: '5px' }"
             :label="$t('cmdb.ciType.ciType')"
-            :label-col="{ span: 4 }"
+            :label-col="{ span: 3 }"
-            :wrapper-col="{ span: 20 }"
+            :wrapper-col="{ span: 12 }"
           >
             <treeselect
               :disable-branch-nodes="true"
@@ -117,12 +117,12 @@
             </treeselect>
           </a-form-item>
         </a-col>
-        <a-col :span="12" v-if="choice_other.type_ids && choice_other.type_ids.length">
+        <a-col :span="24" v-if="choice_other.type_ids && choice_other.type_ids.length">
           <a-form-item
             :style="{ marginBottom: '5px' }"
             :label="$t('cmdb.ciType.attributes')"
-            :label-col="{ span: 4 }"
+            :label-col="{ span: 3 }"
-            :wrapper-col="{ span: 20 }"
+            :wrapper-col="{ span: 12 }"
           >
             <treeselect
               :disable-branch-nodes="true"
@@ -162,15 +162,17 @@
             :style="{ marginBottom: '5px' }"
             class="pre-value-filter"
             :label="$t('cmdb.ciType.filter')"
-            :label-col="{ span: 2 }"
+            :label-col="{ span: 3 }"
-            :wrapper-col="{ span: 22 }"
+            :wrapper-col="{ span: 19 }"
           >
-            <FilterComp
+            <AttrFilter
-              ref="filterComp"
+              ref="attrFilter"
               :isDropdown="false"
               :canSearchPreferenceAttrList="typeAttrs"
-              @setExpFromFilter="setExpFromFilter"
+              :CITypeId="CITypeId"
               :expression="filterExp ? `q=${filterExp}` : ''"
+              :curModelAttrList="curModelAttrList"
+              @setExpFromFilter="setExpFromFilter"
             />
           </a-form-item>
         </a-col>
@@ -178,6 +180,42 @@
     </a-tab-pane>
     <a-tab-pane key="script" :disabled="disabled || !canDefineScript">
       <span style="font-size:12px;" slot="tab">{{ $t('cmdb.ciType.code') }}</span>
+      <a-form-item
+        :style="{ marginBottom: '5px' }"
+        :label="$t('cmdb.ciType.cascadeAttr')"
+        :label-col="{ span: 3 }"
+        :wrapper-col="{ span: 19 }"
+        :extra="scriptCodeExtraText"
+        labelAlign="left"
+      >
+        <a-select
+          mode="multiple"
+          style="width: 100%"
+          placeholder="Please select"
+          optionFilterProp="title"
+          v-model="cascade_attributes"
+        >
+          <a-select-option
+            v-for="attr in curModelAttrList"
+            :key="attr.id"
+            :title="attr.name"
+
+          >
+            {{ attr.name }}
+          </a-select-option>
+        </a-select>
+      </a-form-item>
+
+      <div class="script-tip">
+        <div>1. {{ $t('cmdb.ciType.computedAttrTip1') }}</div>
+        <div>2. {{ $t('cmdb.ciType.computedAttrTip2') }}</div>
+      </div>
+
+      <a-button size="small" @click="showAllPropDrawer">
+        {{ $t('cmdb.ciType.viewAllAttr') }}
+      </a-button>
+      <AllAttrDrawer ref="allAttrDrawer" />
+
       <CustomCodeMirror
         codeMirrorId="cmdb-pre-value"
         ref="codemirror"
@@ -196,16 +234,18 @@ import { defautValueColor } from '../../utils/const'
 import ColorPicker from '../../components/colorPicker/index.vue'
 import Webhook from '../../components/webhook'
 import { getCITypeGroups } from '../../api/ciTypeGroup'
-import { getCITypeCommonAttributesByTypeIds } from '../../api/CITypeAttr'
+import { getCITypeCommonAttributesByTypeIds, getCITypeAttributesById } from '../../api/CITypeAttr'
-import FilterComp from '@/components/CMDBFilterComp'
+import AttrFilter from './preValueAttr/attrFilter/index.vue'
+import AllAttrDrawer from './allAttrDrawer.vue'
 
 import CustomCodeMirror from '@/components/CustomCodeMirror'
 import 'codemirror/lib/codemirror.css'
 import 'codemirror/theme/monokai.css'
 require('codemirror/mode/python/python.js')
+
 export default {
   name: 'PreValueArea',
-  components: { draggable, PreValueTag, ColorPicker, Webhook, FilterComp, CustomCodeMirror },
+  components: { draggable, PreValueTag, ColorPicker, Webhook, AttrFilter, CustomCodeMirror, AllAttrDrawer },
   props: {
     disabled: {
       type: Boolean,
@@ -215,6 +255,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    CITypeId: {
+      type: Number,
+      default: null,
+    },
   },
   data() {
     return {
@@ -242,6 +286,13 @@ export default {
         lineWrapping: true,
         readOnly: this.disabled || !this.canDefineScript,
       },
+      curModelAttrList: [], // 当前模型属性
+      cascade_attributes: [] // 级联属性id列表
+    }
+  },
+  computed: {
+    scriptCodeExtraText() {
+      return this.$t('cmdb.ciType.cascadeAttrTip') + (this.isOpenSource ? ` (${this.$t('cmdb.enterpriseVersionTip')})` : '')
     }
   },
   watch: {
@@ -276,8 +327,18 @@ export default {
           return { ..._.cloneDeep(item) }
         })
     })
+    this.getCITypeAttributesById()
   },
   methods: {
+    async getCITypeAttributesById() {
+      const res = await getCITypeAttributesById(this.CITypeId)
+      let curModelAttrList = []
+      if (res?.attributes?.length) {
+        curModelAttrList = res.attributes.filter(attr => !attr.is_password)
+      }
+      this.curModelAttrList = curModelAttrList
+    },
+
     addNewValue(newValue, newStyle, newIcon) {
       if (newValue) {
         const idx = this.valueList.findIndex((v) => v[0] === newValue)
@@ -321,12 +382,13 @@ export default {
           choice_web_hook: null,
           choice_other: {
             script: this.script,
+            cascade_attributes: this.cascade_attributes,
           },
         }
       } else {
         let choice_other = {}
         if (this.choice_other.type_ids && this.choice_other.type_ids.length) {
-          this.$refs.filterComp.handleSubmit()
+          this.$refs.attrFilter.handleSubmit()
           choice_other = { ...this.choice_other, filter: this.filterExp }
         }
         return {
@@ -355,9 +417,10 @@ export default {
           const { type_ids, attr_id, filter } = choice_other
           this.choice_other = { type_ids, attr_id }
           this.filterExp = filter
+          this.cascade_attributes = choice_other?.cascade_attributes || []
           if (type_ids && type_ids.length) {
             this.$nextTick(() => {
-              this.$refs.filterComp.visibleChange(true, false)
+              this.$refs.attrFilter.init(true, false)
             })
           }
         }
@@ -390,6 +453,10 @@ export default {
         })
       }
     },
+
+    showAllPropDrawer() {
+      this.$refs.allAttrDrawer.open()
+    },
   },
 }
 </script>
@@ -408,6 +475,12 @@ export default {
     margin: 5px;
   }
 }
+
+.script-tip {
+  font-size: 12px;
+  line-height: 22px;
+  color: #a5a9bc;
+}
 </style>
 
 <style lang="less">

cmdb-ui/src/modules/cmdb/views/ci_types/preValueAttr/attrFilter/expression.vue

@@ -0,0 +1,321 @@
+<template>
+  <div>
+    <a-space :style="{ display: 'flex', marginBottom: '10px' }" v-for="(item, index) in ruleList" :key="item.id">
+      <div v-if="ruleList.length > 1" :style="{ width: '60px', height: rowHeight, position: 'relative' }">
+        <treeselect
+          v-if="index !== 0"
+          class="custom-treeselect"
+          :style="{ width: '60px', '--custom-height': rowHeight, position: 'absolute', top: '-24px' }"
+          v-model="item.type"
+          :multiple="false"
+          :clearable="false"
+          searchable
+          :options="ruleTypeList"
+          :normalizer="
+            (node) => {
+              return {
+                id: node.value,
+                label: node.label,
+                children: node.children,
+              }
+            }
+          "
+          :disabled="disabled"
+        >
+        </treeselect>
+      </div>
+      <treeselect
+        class="custom-treeselect"
+        :style="{ width: '120px', '--custom-height': rowHeight }"
+        v-model="item.property"
+        :multiple="false"
+        :clearable="false"
+        searchable
+        :options="canSearchPreferenceAttrList"
+        :normalizer="
+          (node) => {
+            return {
+              id: node.name,
+              label: node.alias || node.name,
+              children: node.children,
+            }
+          }
+        "
+        appendToBody
+        :zIndex="1050"
+        :disabled="disabled"
+      >
+        <div
+          v-if="node.id !== '$count'"
+          :title="node.label"
+          slot="option-label"
+          slot-scope="{ node }"
+          class="property-label"
+        >
+          <ValueTypeMapIcon :attr="node.raw" />
+          {{ node.label }}
+        </div>
+        <div
+          v-else
+          :title="node.label"
+          slot="option-label"
+          slot-scope="{ node }"
+          class="property-label"
+          :style="{ borderBottom: '1px solid #E4E7ED', marginBottom: '8px' }"
+        >
+          <ValueTypeMapIcon :attr="node.raw" />
+          {{ node.label }}
+        </div>
+        <div
+          class="property-label"
+          slot="value-label"
+          slot-scope="{ node }"
+        >
+          <ValueTypeMapIcon :attr="node.raw" /> {{ node.label }}
+        </div>
+      </treeselect>
+      <treeselect
+        class="custom-treeselect"
+        :style="{ width: '90px', '--custom-height': rowHeight }"
+        v-model="item.exp"
+        :multiple="false"
+        :clearable="false"
+        searchable
+        :options="getExpListByProperty(item.property)"
+        :normalizer="
+          (node) => {
+            return {
+              id: node.value,
+              label: node.label,
+              children: node.children,
+            }
+          }
+        "
+        @select="(value) => handleChangeExp(value, item, index)"
+        appendToBody
+        :zIndex="1050"
+        :disabled="disabled"
+      >
+      </treeselect>
+      <ValueControls
+        :rule="ruleList[index]"
+        :attrList="canSearchPreferenceAttrList"
+        :disabled="disabled"
+        :curModelAttrList="curModelAttrList"
+        :rowHeight="rowHeight"
+        @change="(value) => handleChangeValue(value, index)"
+      />
+      <template v-if="!disabled">
+        <a-tooltip :title="$t('copy')">
+          <a class="operation" @click="handleCopyRule(item)"><ops-icon type="veops-copy"/></a>
+        </a-tooltip>
+        <a-tooltip :title="$t('delete')">
+          <a class="operation" @click="handleDeleteRule(item)"><a-icon type="minus-circle"/></a>
+        </a-tooltip>
+        <a-tooltip :title="$t('cmdbFilterComp.addHere')">
+          <a class="operation" @click="handleAddRuleAt(item)"><a-icon type="plus-circle"/></a>
+        </a-tooltip>
+      </template>
+    </a-space>
+    <div class="table-filter-add" v-if="!disabled && ruleList.length === 0">
+      <a @click="handleAddRule">+ {{ $t('new') }}</a>
+    </div>
+    <div class="attr-filter-tip">{{ $t('cmdb.ciType.attrFilterTip') }}{{ isOpenSource ? ` (${$t('cmdb.enterpriseVersionTip')})` : '' }}</div>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import { v4 as uuidv4 } from 'uuid'
+import { ruleTypeList, expList, advancedExpList, compareTypeList } from '../constants.js'
+import ValueTypeMapIcon from '@/components/CMDBValueTypeMapIcon'
+import ValueControls from './valueControls.vue'
+
+export default {
+  name: 'Expression',
+  components: {
+    ValueTypeMapIcon,
+    ValueControls
+  },
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => [],
+    },
+    canSearchPreferenceAttrList: {
+      type: Array,
+      required: true,
+      default: () => [],
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    curModelAttrList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      compareTypeList,
+      rowHeight: '36px'
+    }
+  },
+  computed: {
+    ruleList: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('change', val)
+        return val
+      },
+    },
+    ruleTypeList() {
+      return ruleTypeList()
+    },
+    expList() {
+      return expList()
+    },
+    advancedExpList() {
+      return advancedExpList()
+    },
+  },
+  methods: {
+    getExpListByProperty(property) {
+      if (property === '$count') {
+        return [
+          { value: 'is', label: this.$t('cmdbFilterComp.is') },
+          { value: '~is', label: this.$t('cmdbFilterComp.~is') },
+          { value: 'compare', label: this.$t('cmdbFilterComp.compare') }
+        ]
+      }
+      if (property) {
+        const _find = this.canSearchPreferenceAttrList.find((item) => item.name === property)
+        if (_find && ['0', '1', '3', '4', '5'].includes(_find.value_type)) {
+          return [
+            { value: 'is', label: this.$t('cmdbFilterComp.is') },
+            { value: '~is', label: this.$t('cmdbFilterComp.~is') },
+            { value: '~value', label: this.$t('cmdbFilterComp.~value') }, // 为空的定义有点绕
+            { value: 'value', label: this.$t('cmdbFilterComp.value') },
+            ...this.advancedExpList
+          ]
+        }
+      }
+      return [...this.expList, ...this.advancedExpList]
+    },
+    isChoiceByProperty(property) {
+      const _find = this.canSearchPreferenceAttrList.find((item) => item.name === property)
+      if (_find) {
+        return _find.is_choice
+      }
+      return false
+    },
+    handleAddRule() {
+      this.ruleList.push({
+        id: uuidv4(),
+        type: 'and',
+        property: this.canSearchPreferenceAttrList[0]?.name,
+        exp: 'is',
+        value: null,
+      })
+      this.$emit('change', this.ruleList)
+    },
+    handleCopyRule(item) {
+      this.ruleList.push({ ...item, id: uuidv4() })
+      this.$emit('change', this.ruleList)
+    },
+    handleDeleteRule(item) {
+      const idx = this.ruleList.findIndex((r) => r.id === item.id)
+      if (idx > -1) {
+        this.ruleList.splice(idx, 1)
+      }
+      this.$emit('change', this.ruleList)
+    },
+    handleAddRuleAt(item) {
+      const idx = this.ruleList.findIndex((r) => r.id === item.id)
+      if (idx > -1) {
+        this.ruleList.splice(idx + 1, 0, {
+          id: uuidv4(),
+          type: 'and',
+          property: this.canSearchPreferenceAttrList[0]?.name,
+          exp: 'is',
+          value: null,
+        })
+      }
+      this.$emit('change', this.ruleList)
+    },
+    getChoiceValueByProperty(property) {
+      const _find = this.canSearchPreferenceAttrList.find((item) => item.name === property)
+      if (_find) {
+        return _find.choice_value
+      }
+      return []
+    },
+    handleChangeExp({ value }, item, index) {
+      const _ruleList = _.cloneDeep(this.ruleList)
+      if (value === 'range') {
+        _ruleList[index] = {
+          ..._ruleList[index],
+          min: '',
+          max: '',
+          exp: value,
+        }
+      } else if (value === 'compare') {
+        _ruleList[index] = {
+          ..._ruleList[index],
+          compareType: '1',
+          exp: value,
+        }
+      } else {
+        _ruleList[index] = {
+          ..._ruleList[index],
+          exp: value,
+        }
+      }
+      this.ruleList = _ruleList
+      this.$emit('change', this.ruleList)
+    },
+
+    handleChangeValue(value, index) {
+      const _ruleList = _.cloneDeep(this.ruleList)
+      _ruleList[index] = value
+      this.$emit('change', _ruleList)
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.input-group {
+  display: flex;
+  align-items: center;
+  width: 150px;
+
+  &-range-icon {
+    margin: 0 8px;
+  }
+
+  input {
+    height: 36px;
+  }
+}
+
+.property-label {
+  width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden
+}
+
+.attr-filter-tip {
+  color: #86909C;
+  font-size: 12px;
+  font-weight: 400;
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/preValueAttr/attrFilter/index.vue

@@ -0,0 +1,211 @@
+<template>
+  <div>
+    <Expression
+      v-model="ruleList"
+      :canSearchPreferenceAttrList="canSearchPreferenceAttrList.filter((attr) => !attr.is_password)"
+      :disabled="false"
+      :curModelAttrList="curModelAttrList"
+    />
+  </div>
+</template>
+
+<script>
+import { v4 as uuidv4 } from 'uuid'
+import { compareTypeList } from '../constants.js'
+
+import Expression from './expression.vue'
+
+export default {
+  name: 'AttrFilter',
+  components: {
+    Expression
+  },
+  props: {
+    canSearchPreferenceAttrList: {
+      type: Array,
+      required: true,
+      default: () => [],
+    },
+    expression: {
+      type: String,
+      default: '',
+    },
+    regQ: {
+      type: String,
+      default: '(?<=q=).+(?=&)|(?<=q=).+$',
+    },
+    CITypeId: {
+      type: Number,
+      default: null,
+    },
+    curModelAttrList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      compareTypeList,
+      visible: false,
+      ruleList: [],
+      filterExp: '',
+    }
+  },
+  methods: {
+    init(open, isInitOne = true) {
+      // isInitOne  初始化exp为空时，ruleList是否默认给一条
+      //   const regQ = /(?<=q=).+(?=&)|(?<=q=).+$/g
+      const exp = this.expression.match(new RegExp(this.regQ, 'g'))
+        ? this.expression.match(new RegExp(this.regQ, 'g'))[0]
+        : null
+      if (open && exp) {
+        const expArray = exp.split(',').map((item) => {
+          let has_not = ''
+          const key = item.split(':')[0]
+          const val = item
+            .split(':')
+            .slice(1)
+            .join(':')
+          let type, property, exp, value, min, max, compareType
+          if (key.includes('-')) {
+            type = 'or'
+            if (key.includes('~')) {
+              property = key.substring(2)
+              has_not = '~'
+            } else {
+              property = key.substring(1)
+            }
+          } else {
+            type = 'and'
+            if (key.includes('~')) {
+              property = key.substring(1)
+              has_not = '~'
+            } else {
+              property = key
+            }
+          }
+
+          const in_reg = /(?<=\().+(?=\))/g
+          const range_reg = /(?<=\[).+(?=\])/g
+          const compare_reg = /(?<=>=|<=|>(?!=)|<(?!=)).+/
+          if (val === '*') {
+            exp = has_not + 'value'
+            value = ''
+          } else if (in_reg.test(val)) {
+            exp = has_not + 'in'
+            value = val.match(in_reg)[0]
+          } else if (range_reg.test(val)) {
+            exp = has_not + 'range'
+            value = val.match(range_reg)[0]
+            min = value.split('_TO_')[0]
+            max = value.split('_TO_')[1]
+          } else if (compare_reg.test(val)) {
+            exp = has_not + 'compare'
+            value = val.match(compare_reg)[0]
+            const _compareType = val.substring(0, val.match(compare_reg)['index'])
+            const idx = compareTypeList.findIndex((item) => item.label === _compareType)
+            compareType = compareTypeList[idx].value
+          } else if (!val.includes('*')) {
+            exp = has_not + 'is'
+            value = val
+          } else {
+            const resList = [
+              ['contain', /(?<=\*).*(?=\*)/g],
+              ['end_with', /(?<=\*).+/g],
+              ['start_with', /.+(?=\*)/g],
+            ]
+            for (let i = 0; i < 3; i++) {
+              const reg = resList[i]
+              if (reg[1].test(val)) {
+                exp = has_not + reg[0]
+                value = val.match(reg[1])[0]
+                break
+              }
+            }
+          }
+          return {
+            id: uuidv4(),
+            type,
+            property,
+            exp,
+            value,
+            min,
+            max,
+            compareType,
+          }
+        })
+        this.ruleList = [...expArray]
+      } else if (open) {
+        const _canSearchPreferenceAttrList = this.canSearchPreferenceAttrList.filter((attr) => !attr.is_password)
+        this.ruleList = isInitOne
+          ? [
+              {
+                id: uuidv4(),
+                type: 'and',
+                property:
+                  _canSearchPreferenceAttrList && _canSearchPreferenceAttrList.length
+                    ? _canSearchPreferenceAttrList[0].name
+                    : undefined,
+                exp: 'is',
+                value: null,
+              },
+            ]
+          : []
+      }
+    },
+
+    handleSubmit() {
+      if (this.ruleList && this.ruleList.length) {
+        this.ruleList[0].type = 'and' // 增删后，以防万一第一个不是and
+        this.filterExp = ''
+        const expList = this.ruleList.map((rule) => {
+          let singleRuleExp = ''
+          let _exp = rule.exp
+          if (rule.type === 'or') {
+            singleRuleExp += '-'
+          }
+          if (rule.exp.includes('~')) {
+            singleRuleExp += '~'
+            _exp = rule.exp.split('~')[1]
+          }
+          singleRuleExp += `${rule.property}:`
+          if (_exp === 'is') {
+            singleRuleExp += `${rule.value ?? ''}`
+          }
+          if (_exp === 'contain') {
+            singleRuleExp += `*${rule.value ?? ''}*`
+          }
+          if (_exp === 'start_with') {
+            singleRuleExp += `${rule.value ?? ''}*`
+          }
+          if (_exp === 'end_with') {
+            singleRuleExp += `*${rule.value ?? ''}`
+          }
+          if (_exp === 'value') {
+            singleRuleExp += `*`
+          }
+          if (_exp === 'in') {
+            singleRuleExp += `(${rule.value ?? ''})`
+          }
+          if (_exp === 'range') {
+            singleRuleExp += `[${rule.min}_TO_${rule.max}]`
+          }
+          if (_exp === 'compare') {
+            const idx = compareTypeList.findIndex((item) => item.value === rule.compareType)
+            singleRuleExp += `${compareTypeList[idx].label}${rule.value ?? ''}`
+          }
+          return singleRuleExp
+        })
+        this.filterExp = expList.join(',')
+        this.$emit('setExpFromFilter', this.filterExp)
+      } else {
+        this.$emit('setExpFromFilter', '')
+      }
+      this.visible = false
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/preValueAttr/attrFilter/valueControls.vue

@@ -0,0 +1,273 @@
+<template>
+  <div>
+    <div class="control-group" v-if="controlType === 'choice'" >
+      <div
+        class="choice-group"
+        @click="handleControlType('input')"
+      >
+        <a-icon class="choice-group-icon" type="caret-down" />
+      </div>
+      <treeselect
+        class="custom-treeselect input-group"
+        :style="{ '--custom-height': rowHeight }"
+        :value="choiceValue"
+        @input="(value) => handleChange('value', value)"
+        :multiple="false"
+        :clearable="false"
+        searchable
+        :options="curModelAttrList"
+        :placeholder="$t('placeholder2')"
+        :normalizer="
+          (node) => {
+            return {
+              id: node.name,
+              label: node.name,
+              children: node.children,
+            }
+          }
+        "
+        appendToBody
+        :zIndex="1050"
+        :disabled="disabled"
+      >
+        <div
+          :title="node.label"
+          slot="option-label"
+          slot-scope="{ node }"
+          :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
+        >
+          {{ node.label }}
+        </div>
+      </treeselect>
+    </div>
+    <div class="control-group" v-else>
+      <div
+        class="text-group"
+        @click="handleControlType('choice')"
+      >
+        <ops-icon class="text-group-icon" type="veops-text" />
+      </div>
+      <div
+        class="input-group"
+        v-if="isChoiceByProperty(rule.property) && (rule.exp === 'is' || rule.exp === '~is')"
+      >
+        <treeselect
+          class="custom-treeselect"
+          :style="{ '--custom-height': rowHeight }"
+          :value="rule.value"
+          @input="(value) => handleChange('value', value)"
+          :multiple="false"
+          :clearable="false"
+          searchable
+          :options="getChoiceValueByProperty(rule.property)"
+          :placeholder="$t('placeholder2')"
+          :normalizer="
+            (node) => {
+              return {
+                id: node[0],
+                label: node[0],
+                children: node.children,
+              }
+            }
+          "
+          appendToBody
+          :zIndex="1050"
+          :disabled="disabled"
+        >
+          <div
+            :title="node.label"
+            slot="option-label"
+            slot-scope="{ node }"
+            :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
+          >
+            {{ node.label }}
+          </div>
+        </treeselect>
+      </div>
+      <div
+        compact
+        v-else-if="rule.exp === 'range' || rule.exp === '~range'"
+        class="input-group"
+      >
+        <a-input
+          class="ops-input"
+          :placeholder="$t('min')"
+          :disabled="disabled"
+          :value="rule.min"
+          @change="(e) => handleChange('min', e.target.value)"
+        />
+        <span class="input-group-range-icon">~</span>
+        <a-input
+          class="ops-input"
+          v-model="rule.max"
+          :placeholder="$t('max')"
+          :disabled="disabled"
+          :value="rule.max"
+          @change="(e) => handleChange('max', e.target.value)"
+        />
+      </div>
+      <div class="input-group" compact v-else-if="rule.exp === 'compare'">
+        <treeselect
+          class="custom-treeselect"
+          :style="{ width: '70px', '--custom-height': rowHeight, 'flex-shrink': 0 }"
+          :value="rule.compareType"
+          @input="(value) => handleChange('compareType', value)"
+          :multiple="false"
+          :clearable="false"
+          searchable
+          :options="compareTypeList"
+          :normalizer="
+            (node) => {
+              return {
+                id: node.value,
+                label: node.label,
+                children: node.children,
+              }
+            }
+          "
+          appendToBody
+          :zIndex="1050"
+          :disabled="disabled"
+        >
+        </treeselect>
+        <a-input :value="rule.value" @change="(e) => handleChange('value', e.target.value)" class="ops-input"/>
+      </div>
+      <div class="input-group" v-else-if="rule.exp !== 'value' && rule.exp !== '~value'">
+        <a-input
+          :value="rule.value"
+          @change="(e) => handleChange('value', e.target.value)"
+          :placeholder="rule.exp === 'in' || rule.exp === '~in' ? $t('cmdbFilterComp.split', { separator: ';' }) : ''"
+          class="ops-input"
+          :disabled="disabled"
+        ></a-input>
+      </div>
+      <div v-else :style="{ width: '136px' }"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { compareTypeList } from '../constants.js'
+
+export default {
+  name: 'ValueControls',
+  props: {
+    rule: {
+      type: Object,
+      default: () => {},
+    },
+    attrList: {
+      type: Array,
+      default: () => [],
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    // 当前模型属性
+    curModelAttrList: {
+      type: Array,
+      default: () => []
+    },
+    // 行高
+    rowHeight: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      compareTypeList,
+      controlType: 'input',
+    }
+  },
+  computed: {
+    choiceValue() {
+      const regex = /\{\{([^}]+)\}\}/g
+      const val = regex.exec(this?.rule?.value || '')
+      return val ? val?.[1]?.trim() || '' : this?.value?.value || ''
+    }
+  },
+  methods: {
+    isChoiceByProperty(property) {
+      const _find = this.attrList.find((item) => item.name === property)
+      if (_find) {
+        return _find.is_choice
+      }
+      return false
+    },
+    getChoiceValueByProperty(property) {
+      const _find = this.attrList.find((item) => item.name === property)
+      if (_find) {
+        return _find.choice_value
+      }
+      return []
+    },
+    handleControlType(type) {
+      this.controlType = type
+    },
+    handleChange(key, value) {
+      if (this.controlType === 'choice' && key === 'value') {
+        value = `{{ ${value} }}`
+      }
+
+      this.$emit('change', {
+        ...this.rule,
+        [key]: value
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.control-group {
+  display: flex;
+}
+
+.input-group {
+  display: flex;
+  align-items: center;
+  width: 136px;
+
+  &-range-icon {
+    margin: 0 8px;
+  }
+
+  input {
+    height: 36px;
+  }
+}
+
+.choice-group {
+  width: 14px;
+  height: 36px;
+  flex-shrink: 0;
+  background-color: #00B3CC;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  &-icon {
+    font-size: 12px;
+    color: #FFFFFF;
+  }
+}
+
+.text-group {
+  width: 14px;
+  height: 36px;
+  flex-shrink: 0;
+  background-color: #2F54EB;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  &-icon {
+    font-size: 12px;
+    color: #FFFFFF;
+  }
+}
+</style>

cmdb-ui/src/modules/cmdb/views/ci_types/preValueAttr/constants.js

@@ -0,0 +1,41 @@
+import i18n from '@/lang'
+
+export const ruleTypeList = () => {
+  return [
+    { value: 'and', label: i18n.t('cmdbFilterComp.and') },
+    { value: 'or', label: i18n.t('cmdbFilterComp.or') },
+    // { value: 'not', label: '非' },
+  ]
+}
+
+export const expList = () => {
+  return [
+    { value: 'is', label: i18n.t('cmdbFilterComp.is') },
+    { value: '~is', label: i18n.t('cmdbFilterComp.~is') },
+    { value: 'contain', label: i18n.t('cmdbFilterComp.contain') },
+    { value: '~contain', label: i18n.t('cmdbFilterComp.~contain') },
+    { value: 'start_with', label: i18n.t('cmdbFilterComp.start_with') },
+    { value: '~start_with', label: i18n.t('cmdbFilterComp.~start_with') },
+    { value: 'end_with', label: i18n.t('cmdbFilterComp.end_with') },
+    { value: '~end_with', label: i18n.t('cmdbFilterComp.~end_with') },
+    { value: '~value', label: i18n.t('cmdbFilterComp.~value') },
+    { value: 'value', label: i18n.t('cmdbFilterComp.value') },
+  ]
+}
+
+export const advancedExpList = () => {
+  return [
+    { value: 'in', label: i18n.t('cmdbFilterComp.in') },
+    { value: '~in', label: i18n.t('cmdbFilterComp.~in') },
+    { value: 'range', label: i18n.t('cmdbFilterComp.range') },
+    { value: '~range', label: i18n.t('cmdbFilterComp.~range') },
+    { value: 'compare', label: i18n.t('cmdbFilterComp.compare') },
+  ]
+}
+
+export const compareTypeList = [
+  { value: '1', label: '>' },
+  { value: '2', label: '>=' },
+  { value: '3', label: '<' },
+  { value: '4', label: '<=' },
+]

cmdb-ui/src/modules/cmdb/views/ci_types/relationAD.vue

@@ -1,95 +1,124 @@
 <template>
-  <div class="relation-ad" :style="{ height: `${windowHeight - 130}px` }">
+  <div class="relation-ad" :style="{ height: `${windowHeight - 200}px` }">
-    <div class="relation-ad-item" v-for="item in relationList" :key="item.id">
+    <div class="relation-ad-table-tip">
-      <treeselect
+      <ops-icon class="relation-ad-table-tip-icon" type="cmdb-prompt" />
-        class="custom-treeselect"
+      <span class="relation-ad-table-tip-text">1. {{ $t('cmdb.ciType.relationADTip') }}</span>
-        :style="{ width: '200px', marginRight: '10px', '--custom-height': '32px' }"
+      <span class="relation-ad-table-tip-text">2. {{ $t('cmdb.ciType.relationADTip2') }}</span>
-        v-model="item.attrName"
+      <span class="relation-ad-table-tip-text">3. {{ $t('cmdb.ciType.relationADTip3') }}</span>
-        :multiple="false"
-        :clearable="true"
-        searchable
-        :options="ciTypeADTAttributes"
-        value-consists-of="LEAF_PRIORITY"
-        :placeholder="$t('cmdb.ciType.selectAttributes')"
-        :normalizer="
-          (node) => {
-            return {
-              id: node.name,
-              label: node.name,
-            }
-          }
-        "
-      >
-        <div :title="node.label" slot="option-label" slot-scope="{ node }">
-          <div>{{ node.label }}</div>
-          <div :style="{ fontSize: '12px', color: '#cbcbcb', lineHeight: '12px' }">{{ node.raw.desc }}</div>
-        </div>
-      </treeselect>
-      <a><a-icon type="swap"/></a>
-      <treeselect
-        class="custom-treeselect"
-        :style="{ width: '200px', margin: '0 10px', '--custom-height': '32px' }"
-        v-model="item.type_name"
-        :multiple="false"
-        :clearable="true"
-        searchable
-        :options="ciTypeGroup"
-        value-consists-of="LEAF_PRIORITY"
-        :placeholder="$t('cmdb.ciType.selectCIType')"
-        :disableBranchNodes="true"
-        @select="changeType(item)"
-        :normalizer="
-          (node) => {
-            return {
-              id: node.name || $t('other'),
-              label: node.alias || node.name || $t('other'),
-              title: node.alias || node.name || $t('other'),
-              children: node.ci_types,
-            }
-          }
-        "
-      >
-        <div
-          :title="node.label"
-          slot="option-label"
-          slot-scope="{ node }"
-          :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
-        >
-          {{ node.label }}
-        </div>
-      </treeselect>
-      <treeselect
-        class="custom-treeselect"
-        :style="{ width: '200px', marginRight: '10px', '--custom-height': '32px' }"
-        v-model="item.attr_name"
-        :multiple="false"
-        :clearable="true"
-        searchable
-        :options="item.attributes"
-        value-consists-of="LEAF_PRIORITY"
-        :placeholder="$t('cmdb.ciType.selectAttributes')"
-        :normalizer="
-          (node) => {
-            return {
-              id: node.name,
-              label: node.alias || node.name,
-              title: node.alias || node.name,
-            }
-          }
-        "
-      >
-        <div
-          :title="node.label"
-          slot="option-label"
-          slot-scope="{ node }"
-          :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
-        >
-          {{ node.label }}
-        </div>
-      </treeselect>
     </div>
-    <div class="relation-ad-footer">
+    <!-- <div class="relation-ad-tip">{{ $t('cmdb.ciType.relationADTip') }}</div> -->
-      <a-button type="primary" @click="handleSave">{{ $t('save') }}</a-button>
+    <div class="relation-ad-header">
+      <div class="relation-ad-header-left">{{ $t('cmdb.ciType.relationADHeader1') }}</div>
+      <div class="relation-ad-header-left">{{ $t('cmdb.ciType.relationADHeader2') }}</div>
+    </div>
+    <div class="relation-ad-main">
+      <div class="relation-ad-item" v-for="item in relationList" :key="item.id">
+        <treeselect
+          class="custom-treeselect"
+          :style="{ width: '230px', '--custom-height': '32px' }"
+          v-model="item.ad_key"
+          :multiple="false"
+          :clearable="true"
+          searchable
+          :options="ciTypeADTAttributes"
+          value-consists-of="LEAF_PRIORITY"
+          :placeholder="$t('cmdb.ciType.relationADSelectAttr')"
+          :normalizer="
+            (node) => {
+              return {
+                id: node.value,
+                label: node.label,
+              }
+            }
+          "
+        >
+          <div :title="node.label" slot="option-label" slot-scope="{ node }">
+            <div>{{ node.label }}</div>
+            <!-- <div :style="{ fontSize: '12px', color: '#cbcbcb', lineHeight: '12px' }">{{ node.raw.desc }}</div> -->
+          </div>
+        </treeselect>
+        <div
+          class="relation-ad-item-link"
+        >
+          <div class="relation-ad-item-link-left"></div>
+          <div class="relation-ad-item-link-right"></div>
+        </div>
+        <treeselect
+          class="custom-treeselect"
+          :style="{ width: '230px', marginRight: '10px', '--custom-height': '32px' }"
+          v-model="item.peer_type_id"
+          :multiple="false"
+          :clearable="true"
+          searchable
+          :options="relationOptions"
+          value-consists-of="LEAF_PRIORITY"
+          :placeholder="$t('cmdb.ciType.relationADSelectCIType')"
+          :disableBranchNodes="true"
+          @select="changeType(item)"
+          :normalizer="
+            (node) => {
+              return {
+                id: node.value || $t('other'),
+                label: node.alias || node.name || $t('other'),
+                title: node.alias || node.name || $t('other'),
+                children: node.ci_types,
+              }
+            }
+          "
+        >
+          <div
+            :title="node.label"
+            slot="option-label"
+            slot-scope="{ node }"
+            :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
+          >
+            {{ node.label }}
+          </div>
+        </treeselect>
+        <treeselect
+          class="custom-treeselect"
+          :style="{ width: '230px', marginRight: '18px', '--custom-height': '32px' }"
+          v-model="item.peer_attr_id"
+          :multiple="false"
+          :clearable="true"
+          searchable
+          :options="item.attributes"
+          value-consists-of="LEAF_PRIORITY"
+          :placeholder="$t('cmdb.ciType.relationADSelectModelAttr')"
+          :normalizer="
+            (node) => {
+              return {
+                id: node.value,
+                label: node.alias || node.name,
+                title: node.alias || node.name,
+              }
+            }
+          "
+        >
+          <div
+            :title="node.label"
+            slot="option-label"
+            slot-scope="{ node }"
+            :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
+          >
+            {{ node.label }}
+          </div>
+        </treeselect>
+        <div class="relation-ad-item-action">
+          <a @click="copyRelation(item)">
+            <a-icon type="copy" />
+          </a>
+          <a @click="deleteRelation(item)">
+            <a-icon type="minus-circle" />
+          </a>
+          <a @click="addRelation">
+            <a-icon type="plus-circle" />
+          </a>
+        </div>
+      </div>
+      <div class="relation-ad-footer">
+        <a-button type="primary" @click="handleSave">{{ $t('save') }}</a-button>
+      </div>
     </div>
   </div>
 </template>
@@ -99,9 +128,15 @@ import _ from 'lodash'
 import { mapState } from 'vuex'
 import { v4 as uuidv4 } from 'uuid'
 import Treeselect from '@riophae/vue-treeselect'
-import { getCITypeAttributesById } from '../../api/CITypeAttr'
+import {
-import { getCITypeGroups } from '../../api/ciTypeGroup'
+  getCITypeAttributes,
-import { getDiscovery, getCITypeDiscovery, postCITypeDiscovery, putCITypeDiscovery } from '../../api/discovery'
+  getCITypeRelations,
+  postCITypeRelations
+} from '../../api/discovery'
+import {
+  getCITypeChildren,
+  getCITypeParent
+} from '../../api/CITypeRelation.js'
 
 export default {
   name: 'RelationAutoDiscovery',
@@ -114,11 +149,11 @@ export default {
   },
   data() {
     return {
-      relationList: [],
+      relationList: [], // 关系自动发现数据
-      ciTypeADTAttributes: [],
+      ciTypeADTAttributes: [], // 自动发现 options
-      ciTypeGroup: [],
       adt_id: null,
       adrList: [],
+      relationOptions: [],
     }
   },
   computed: {
@@ -126,64 +161,62 @@ export default {
       windowHeight: (state) => state.windowHeight,
     }),
   },
-  created() {
-    getCITypeGroups({ need_other: true }).then((res) => {
-      this.ciTypeGroup = res
-        .filter((item) => item.ci_types && item.ci_types.length)
-        .map((item) => {
-          item.id = `parent_${item.id || -1}`
-          return { ..._.cloneDeep(item) }
-        })
-    })
-  },
   async mounted() {
-    await this.getDiscovery()
+    await this.getCITypeAttributes()
-    this.getCITypeDiscovery()
+    await this.getCITypeRelationOptions()
+    this.getCITypeRelations()
   },
   methods: {
-    async getDiscovery() {
+    async getCITypeAttributes() {
-      await getDiscovery().then((res) => {
+      const res = await getCITypeAttributes(this.CITypeId)
-        this.adrList = res
+      this.ciTypeADTAttributes = res.map((item) => {
+        return {
+          id: item,
+          value: item,
+          label: item
+        }
       })
     },
-    getCITypeDiscovery() {
+    async getCITypeRelationOptions() {
-      getCITypeDiscovery(this.CITypeId).then(async (res) => {
+      const childRes = await getCITypeChildren(this.CITypeId)
-        // Options for the first drop-down box
+      const parentRes = await getCITypeParent(this.CITypeId)
-        const _ciTypeADTAttributes = []
+      const options = [...childRes.children, ...parentRes.parents]
-        res
+
-          .filter((adt) => adt.adr_id)
+      options.forEach((item) => {
-          .forEach((adt) => {
+        item.value = item.id
-            const _find = this.adrList.find((adr) => adr.id === adt.adr_id)
+        item.label = item.alias || item.name
-            if (_find && _find.attributes) {
+        const attributes = item?.attributes?.filter((attr) => !attr.is_password && !attr.is_list && attr.value_type !== '6')
-              _ciTypeADTAttributes.push(..._find.attributes)
+        attributes.forEach((attr) => {
-            }
+          attr.value = attr.id
-          })
+          attr.label = attr.alias || attr.name
-        console.log(_ciTypeADTAttributes)
+        })
-        this.ciTypeADTAttributes = _.uniqBy(_ciTypeADTAttributes, 'name')
+        item.attributes = attributes
-        // Options for the first drop-down box
+      })
-        const _find = res.find((adt) => !adt.adr_id)
+      this.relationOptions = options
-        if (_find) {
+    },
-          this.adt_id = _find.id
+    async getCITypeRelations() {
+      getCITypeRelations(this.CITypeId).then(async (res) => {
+        if (res?.length) {
+          // this.adt_id = _find.id
           const _relationList = []
-          const keys = Object.keys(_find.relation)
+          res.forEach((item) => {
-          for (let i = 0; i < keys.length; i++) {
+            const attributes = this?.relationOptions?.find((option) => option?.value === item.peer_type_id)?.attributes || []
-            const { attributes } = await getCITypeAttributesById(_find.relation[`${keys[i]}`].type_name)
             _relationList.push({
               id: uuidv4(),
-              attrName: keys[i],
+              ad_key: item.ad_key,
-              type_name: _find.relation[`${keys[i]}`].type_name,
+              peer_type_id: item.peer_type_id,
-              attr_name: _find.relation[`${keys[i]}`].attr_name,
+              peer_attr_id: item.peer_attr_id,
               attributes,
             })
-          }
+          })
           this.relationList = _relationList.length
             ? _relationList
             : [
                 {
                   id: uuidv4(),
-                  attrName: undefined,
+                  ad_key: undefined,
-                  type_name: undefined,
+                  peer_type_id: undefined,
-                  attr_name: undefined,
+                  peer_attr_id: undefined,
                   attributes: [],
                 },
               ]
@@ -192,9 +225,9 @@ export default {
           this.relationList = [
             {
               id: uuidv4(),
-              attrName: undefined,
+              ad_key: undefined,
-              type_name: undefined,
+              peer_type_id: undefined,
-              attr_name: undefined,
+              peer_attr_id: undefined,
               attributes: [],
             },
           ]
@@ -202,48 +235,57 @@ export default {
       })
     },
     changeType(item) {
-      console.log(item)
       this.$nextTick(() => {
-        getCITypeAttributesById(item.type_name).then((res) => {
+        const peer_type_id = item.peer_type_id
-          item.attr_name = undefined
+        const attributes = this?.relationOptions?.find((option) => option?.value === peer_type_id)?.attributes
-          item.attributes = res.attributes.map((item) => {
+
-            return { ...item, value: item.id, label: item.alias || item.name }
+        item.attributes = attributes
-          })
+        item.peer_attr_id = undefined
-        })
       })
     },
     addRelation() {
       const _relationList = _.cloneDeep(this.relationList)
       _relationList.push({
         id: uuidv4(),
-        attrName: undefined,
+        ad_key: undefined,
-        type_name: undefined,
+        peer_type_id: undefined,
-        attr_name: undefined,
+        peer_attr_id: undefined,
         attributes: [],
       })
       this.relationList = _relationList
     },
+    copyRelation(item) {
+      const _relationList = _.cloneDeep(this.relationList)
+      _relationList.push({
+        ...item,
+        id: uuidv4()
+      })
+      this.relationList = _relationList
+    },
+
     deleteRelation(item) {
+      if (this.relationList.length <= 1) {
+        this.$message.error(this.$t('cmdb.ciType.deleteRelationAdTip'))
+        return
+      }
       const _idx = this.relationList.findIndex(({ id }) => item.id === id)
       if (_idx > -1) {
         this.relationList.splice(_idx, 1)
       }
     },
+
     async handleSave() {
-      const _relation = {}
+      const _relation = this.relationList.map(({ ad_key, peer_attr_id, peer_type_id }) => {
-      this.relationList.forEach(({ attrName, type_name, attr_name }) => {
+        return {
-        if (attrName) {
+          ad_key,
-          _relation[`${attrName}`] = { type_name, attr_name }
+          peer_attr_id,
+          peer_type_id
         }
       })
-      if (_relation) {
+      if (_relation.length) {
-        if (this.adt_id) {
+        await postCITypeRelations(this.CITypeId, { relations: _relation })
-          await putCITypeDiscovery(this.adt_id, { relation: _relation })
-        } else {
-          await postCITypeDiscovery(this.CITypeId, { relation: _relation })
-        }
         this.$message.success(this.$t('saveSuccess'))
-        this.getCITypeDiscovery()
+        this.getCITypeRelations()
       }
     },
   },
@@ -254,14 +296,103 @@ export default {
 .relation-ad {
   overflow: auto;
   padding: 0 20px;
+
+  &-tip {
+    color: @text-color_4;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 22px;
+  }
+
+  &-header {
+    margin-top: 20px;
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 22px;
+
+    &-left {
+      width: 230px;
+      margin-right: 63px;
+    }
+  }
+
+  &-main {
+    display: inline-block;
+  }
+
   .relation-ad-item {
-    display: inline-flex;
+    display: flex;
     justify-content: flex-start;
     align-items: center;
-    margin: 10px 0;
+    margin-top: 10px;
+
+    &-link {
+      position: relative;
+      height: 1px;
+      width: 63px;
+      background-color: @border-color-base;
+
+      &-left {
+        position: absolute;
+        top: -6px;
+        left: -6px;
+        z-index: 10;
+        width: 12px;
+        height: 12px;
+        background-color: @primary-color;
+        border: solid 3px #E2E7FC;
+        border-radius: 50%
+      }
+
+      &-right {
+        position: absolute;
+        z-index: 10;
+        top: -5px;
+        right: 0px;
+        width: 2px;
+        height: 10px;
+        border-radius: 1px 0px 0px 1px;
+        background-color: @primary-color;
+      }
+    }
+
+    &-action {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
   }
-  .relation-ad-footer {
+
-    width: 690px;
+  &-table-tip {
+    display: inline-flex;
+    align-items: center;
+    padding: 3px 16px;
+    color: @text-color_2;
+    font-size: 14px;
+    font-weight: 400;
+    border: solid 1px @primary-color_8;
+    background-color: @primary-color_5;
+    border-radius: 2px;
+
+    &-icon {
+      font-size: 16px;
+      color: @primary-color;
+      margin-right: 8px;
+    }
+
+    &-text {
+      &:not(:last-child) {
+        padding-right: 10px;
+        margin-right: 10px;
+        border-right: solid 1px @primary-color_8;
+      }
+    }
+  }
+
+  &-footer {
+    // width: 690px;
     text-align: right;
     margin: 10px 0;
   }

cmdb-ui/src/modules/cmdb/views/ci_types/relationTable.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :style="{ padding: '0 20px 20px' }">
+  <div class="relation-table" :style="{ padding: '0 20px 20px' }">
     <a-button
       v-if="!isInGrantComp"
       style="margin-bottom: 10px"
@@ -10,6 +10,7 @@
     >{{ $t('cmdb.ciType.addRelation') }}</a-button
     >
     <vxe-table
+      ref="xTable"
       stripe
       :data="tableData"
       size="small"
@@ -18,6 +19,7 @@
       highlight-hover-row
       keep-source
       class="ops-stripe-table"
+      min-height="500"
       :row-class-name="rowClass"
       :edit-config="{ trigger: 'dblclick', mode: 'cell', showIcon: false }"
       resizable
@@ -43,7 +45,7 @@
           <span v-else>{{ constraintMap[row.constraint] }}</span>
         </template>
       </vxe-column>
-      <vxe-column :width="250" field="attributeAssociation" :edit-render="{}">
+      <vxe-column :width="300" field="attributeAssociation" :edit-render="{}">
         <template #header>
           <span>
             <a-tooltip :title="$t('cmdb.ciType.attributeAssociationTip1')">
@@ -56,43 +58,73 @@
           </span>
         </template>
         <template #default="{row}">
-          <span
+          <template
-            v-if="row.parent_attr_id && row.child_attr_id"
+            v-for="item in row.parentAndChildAttrList"
-          >{{ getAttrNameById(row.isParent ? row.attributes : attributes, row.parent_attr_id) }}=>
-            {{ getAttrNameById(row.isParent ? attributes : row.attributes, row.child_attr_id) }}</span
           >
+            <div
+              :key="item.id"
+              v-if="item.parentAttrId && item.childAttrId"
+            >
+              {{ getAttrNameById(row.isParent ? row.attributes : attributes, item.parentAttrId) }}=>
+              {{ getAttrNameById(row.isParent ? attributes : row.attributes, item.childAttrId) }}
+            </div>
+          </template>
         </template>
         <template #edit="{ row }">
-          <div style="display:inline-flex;align-items:center;">
+          <div
+            v-for="item in tableAttrList"
+            :key="item.id"
+            class="table-attribute-row"
+          >
             <a-select
               allowClear
               size="small"
-              v-model="parent_attr_id"
+              v-model="item.parentAttrId"
               :getPopupContainer="(trigger) => trigger.parentNode"
               :style="{ width: '100px' }"
+              show-search
+              optionFilterProp="title"
             >
               <a-select-option
                 v-for="attr in filterAttributes(row.isParent ? row.attributes : attributes)"
                 :key="attr.id"
+                :value="attr.id"
+                :title="attr.alias || attr.name"
               >
                 {{ attr.alias || attr.name }}
               </a-select-option>
             </a-select>
-            =>
+            <span class="table-attribute-row-link">=></span>
             <a-select
               allowClear
               size="small"
-              v-model="child_attr_id"
+              v-model="item.childAttrId"
               :getPopupContainer="(trigger) => trigger.parentNode"
               :style="{ width: '100px' }"
+              show-search
+              optionFilterProp="title"
             >
               <a-select-option
                 v-for="attr in filterAttributes(row.isParent ? attributes : row.attributes)"
                 :key="attr.id"
+                :value="attr.id"
+                :title="attr.alias || attr.name"
               >
                 {{ attr.alias || attr.name }}
               </a-select-option>
             </a-select>
+            <a
+              class="table-attribute-row-action"
+              @click="removeTableAttr(item.id)"
+            >
+              <a-icon type="minus-circle" />
+            </a>
+            <a
+              class="table-attribute-row-action"
+              @click="addTableAttr"
+            >
+              <a-icon type="plus-circle" />
+            </a>
           </div>
         </template>
       </vxe-column>
@@ -179,13 +211,16 @@
           </a-select>
         </a-form-item>
         <a-form-item :label="$t('cmdb.ciType.attributeAssociation')">
-          <a-row>
+          <a-row
-            <a-col :span="11">
+            v-for="item in modalAttrList"
+            :key="item.id"
+          >
+            <a-col :span="10">
               <a-form-item>
                 <a-select
                   :placeholder="$t('cmdb.ciType.attributeAssociationTip4')"
                   allowClear
-                  v-decorator="['parent_attr_id', { rules: [{ required: false }] }]"
+                  v-model="item.parentAttrId"
                 >
                   <a-select-option v-for="attr in filterAttributes(attributes)" :key="attr.id">
                     {{ attr.alias || attr.name }}
@@ -196,12 +231,12 @@
             <a-col :span="2" :style="{ textAlign: 'center' }">
               =>
             </a-col>
-            <a-col :span="11">
+            <a-col :span="9">
               <a-form-item>
                 <a-select
                   :placeholder="$t('cmdb.ciType.attributeAssociationTip5')"
                   allowClear
-                  v-decorator="['child_attr_id', { rules: [{ required: false }] }]"
+                  v-model="item.childAttrId"
                 >
                   <a-select-option v-for="attr in filterAttributes(modalChildAttributes)" :key="attr.id">
                     {{ attr.alias || attr.name }}
@@ -209,6 +244,20 @@
                 </a-select>
               </a-form-item>
             </a-col>
+            <a-col :span="3">
+              <a
+                class="modal-attribute-action"
+                @click="removeModalAttr(item.id)"
+              >
+                <a-icon type="minus-circle" />
+              </a>
+              <a
+                class="modal-attribute-action"
+                @click="addModalAttr"
+              >
+                <a-icon type="plus-circle" />
+              </a>
+            </a-col>
           </a-row>
         </a-form-item>
       </a-form>
@@ -227,6 +276,7 @@ import {
 } from '@/modules/cmdb/api/CITypeRelation'
 import { getCITypes } from '@/modules/cmdb/api/CIType'
 import { getCITypeAttributesById } from '@/modules/cmdb/api/CITypeAttr'
+import { v4 as uuidv4 } from 'uuid'
 
 import CMDBGrant from '../../components/cmdbGrant'
 
@@ -259,9 +309,11 @@ export default {
       tableData: [],
       parentTableData: [],
       attributes: [],
-      parent_attr_id: undefined,
+      tableAttrList: [],
-      child_attr_id: undefined,
+      modalAttrList: [],
       modalChildAttributes: [],
+      currentEditData: null,
+      isContinueCloseEdit: false,
     }
   },
   computed: {
@@ -292,13 +344,16 @@ export default {
       if (!this.isInGrantComp) {
         await this.getCITypeParent()
       }
-      this.getCITypeChildren()
+      await this.getCITypeChildren()
     },
     async getCITypeParent() {
       await getCITypeParent(this.CITypeId).then((res) => {
         this.parentTableData = res.parents.map((item) => {
+          const parentAndChildAttrList = this.handleAttrList(item)
+
           return {
             ...item,
+            parentAndChildAttrList,
             source_ci_type_name: this.CITypeName,
             source_ci_type_id: this.CITypeId,
             isParent: true,
@@ -306,11 +361,14 @@ export default {
         })
       })
     },
-    getCITypeChildren() {
+    async getCITypeChildren() {
-      getCITypeChildren(this.CITypeId).then((res) => {
+      await getCITypeChildren(this.CITypeId).then((res) => {
         const data = res.children.map((obj) => {
+          const parentAndChildAttrList = this.handleAttrList(obj)
+
           return {
             ...obj,
+            parentAndChildAttrList,
             source_ci_type_name: this.CITypeName,
             source_ci_type_id: this.CITypeId,
           }
@@ -322,6 +380,20 @@ export default {
         }
       })
     },
+
+    handleAttrList(data) {
+      const length = Math.min(data?.parent_attr_ids?.length || 0, data.child_attr_ids?.length || 0)
+      const parentAndChildAttrList = []
+      for (let i = 0; i < length; i++) {
+        parentAndChildAttrList.push({
+          id: uuidv4(),
+          parentAttrId: data?.parent_attr_ids?.[i] ?? '',
+          childAttrId: data?.child_attr_ids?.[i] ?? ''
+        })
+      }
+      return parentAndChildAttrList
+    },
+
     getCITypes() {
       getCITypes().then((res) => {
         this.CITypes = res.ci_types
@@ -342,6 +414,13 @@ export default {
     handleCreate() {
       this.drawerTitle = this.$t('cmdb.ciType.addRelation')
       this.visible = true
+      this.$set(this, 'modalAttrList', [
+        {
+          id: uuidv4(),
+          parentAttrId: undefined,
+          childAttrId: undefined
+        }
+      ])
       this.$nextTick(() => {
         this.form.setFieldsValue({
           source_ci_type_id: this.CITypeId,
@@ -365,19 +444,22 @@ export default {
             ci_type_id,
             relation_type_id,
             constraint,
-            parent_attr_id = undefined,
-            child_attr_id = undefined,
           } = values
 
-          if ((!parent_attr_id && child_attr_id) || (parent_attr_id && !child_attr_id)) {
+          const {
-            this.$message.warning(this.$t('cmdb.ciType.attributeAssociationTip3'))
+            parent_attr_ids,
+            child_attr_ids,
+            validate
+          } = this.handleValidateAttrList(this.modalAttrList)
+          if (!validate) {
             return
           }
+
           createRelation(source_ci_type_id, ci_type_id, {
             relation_type_id,
             constraint,
-            parent_attr_id,
+            parent_attr_ids,
-            child_attr_id,
+            child_attr_ids,
           }).then((res) => {
             this.$message.success(this.$t('addSuccess'))
             this.onClose()
@@ -386,6 +468,37 @@ export default {
         }
       })
     },
+
+    /**
+     * 校验属性列表
+     * @param {*} attrList
+     */
+     handleValidateAttrList(attrList) {
+      const parent_attr_ids = []
+      const child_attr_ids = []
+      attrList.map((attr) => {
+        if (attr.parentAttrId) {
+          parent_attr_ids.push(attr.parentAttrId)
+        }
+        if (attr.childAttrId) {
+          child_attr_ids.push(attr.childAttrId)
+        }
+      })
+
+      if (parent_attr_ids.length !== child_attr_ids.length) {
+        this.$message.warning(this.$t('cmdb.ciType.attributeAssociationTip3'))
+        return {
+          validate: false
+        }
+      }
+
+      return {
+        validate: true,
+        parent_attr_ids,
+        child_attr_ids
+      }
+    },
+
     handleOpenGrant(record) {
       this.$refs.cmdbGrant.open({
         name: `${record.source_ci_type_name} -> ${record.name}`,
@@ -401,25 +514,75 @@ export default {
       if (row.isParent) return 'relation-table-parent'
     },
     handleEditActived({ row }) {
-      this.parent_attr_id = row?.parent_attr_id ?? undefined
+      this.$nextTick(async () => {
-      this.child_attr_id = row?.child_attr_id ?? undefined
+        if (this.isContinueCloseEdit) {
+          const editRecord = this.$refs.xTable.getEditRecord()
+          const { row: editRow, column } = editRecord
+          this.currentEditData = {
+            row: editRow,
+            column
+          }
+          return
+        }
+        const tableAttrList = []
+
+        const length = Math.min(row?.parent_attr_ids?.length || 0, row.child_attr_ids?.length || 0)
+        if (length) {
+          for (let i = 0; i < length; i++) {
+            tableAttrList.push({
+              id: uuidv4(),
+              parentAttrId: row?.parent_attr_ids?.[i] ?? undefined,
+              childAttrId: row?.child_attr_ids?.[i] ?? undefined
+            })
+          }
+        } else {
+          tableAttrList.push({
+            id: uuidv4(),
+            parentAttrId: undefined,
+            childAttrId: undefined
+          })
+        }
+        this.$set(this, 'tableAttrList', tableAttrList)
+      })
     },
     async handleEditClose({ row }) {
-      const { source_ci_type_id: parentId, id: childrenId, constraint, relation_type } = row
+      if (this.currentEditData) {
-      const { parent_attr_id, child_attr_id } = this
+        this.currentEditData = null
-      const _find = this.relationTypes.find((item) => item.name === relation_type)
-      const relation_type_id = _find?.id
-      if ((!parent_attr_id && child_attr_id) || (parent_attr_id && !child_attr_id)) {
-        this.$message.warning(this.$t('cmdb.ciType.attributeAssociationTip3'))
         return
       }
+
+      this.isContinueCloseEdit = true
+
+      const { source_ci_type_id: parentId, id: childrenId, constraint, relation_type } = row
+      const _find = this.relationTypes.find((item) => item.name === relation_type)
+      const relation_type_id = _find?.id
+
+      const {
+        parent_attr_ids,
+        child_attr_ids,
+        validate
+      } = this.handleValidateAttrList(this.tableAttrList)
+      if (!validate) {
+        this.isContinueCloseEdit = false
+        return
+      }
+
       await createRelation(row.isParent ? childrenId : parentId, row.isParent ? parentId : childrenId, {
         relation_type_id,
         constraint,
-        parent_attr_id,
+        parent_attr_ids,
-        child_attr_id,
+        child_attr_ids,
-      }).finally(() => {
+      }).finally(async () => {
-        this.getData()
+        await this.getData()
+        this.isContinueCloseEdit = false
+
+        if (this.currentEditData) {
+          setTimeout(async () => {
+            const { fullData } = this.$refs.xTable.getTableData()
+            const findEdit = fullData.find((item) => item.id === this?.currentEditData?.row?.id)
+            await this.$refs.xTable.setEditRow(findEdit, 'attributeAssociation')
+          })
+        }
       })
     },
     getAttrNameById(attributes, id) {
@@ -427,7 +590,9 @@ export default {
       return _find?.alias ?? _find?.name ?? id
     },
     changeChild(value) {
-      this.form.setFieldsValue({ child_attr_id: undefined })
+      this.modalAttrList.forEach((item) => {
+        item.childAttrId = undefined
+      })
       getCITypeAttributesById(value).then((res) => {
         this.modalChildAttributes = res?.attributes ?? []
       })
@@ -436,10 +601,75 @@ export default {
       // filter password/json/is_list
       return attributes.filter((attr) => !attr.is_password && !attr.is_list && attr.value_type !== '6')
     },
+    addTableAttr() {
+      this.tableAttrList.push({
+        id: uuidv4(),
+        parentAttrId: undefined,
+        childAttrId: undefined
+      })
+    },
+    removeTableAttr(id) {
+      if (this.tableAttrList.length <= 1) {
+        this.$message.error(this.$t('cmdb.ciType.attributeAssociationTip6'))
+        return
+      }
+      const index = this.tableAttrList.findIndex((item) => item.id === id)
+      if (index !== -1) {
+        this.tableAttrList.splice(index, 1)
+      }
+    },
+
+    addModalAttr() {
+      this.modalAttrList.push({
+        id: uuidv4(),
+        parentAttrId: undefined,
+        childAttrId: undefined
+      })
+    },
+
+    removeModalAttr(id) {
+      if (this.modalAttrList.length <= 1) {
+        this.$message.error(this.$t('cmdb.ciType.attributeAssociationTip6'))
+        return
+      }
+      const index = this.modalAttrList.findIndex((item) => item.id === id)
+      if (index !== -1) {
+        this.modalAttrList.splice(index, 1)
+      }
+    }
   },
 }
 </script>
 
+<style lang="less" scoped>
+.relation-table {
+  /deep/ .vxe-cell {
+    max-height: max-content !important;
+  }
+}
+.table-attribute-row {
+  display: inline-flex;
+  align-items: center;
+  margin-top: 5px;
+
+  &:last-child {
+    margin-bottom: 5px;
+  }
+
+  &-link {
+    margin: 0 5px;
+  }
+
+  &-action {
+    margin-left: 5px;
+  }
+}
+
+.modal-attribute-action {
+  margin-left: 5px;
+}
+</style>
+
 <style lang="less">
 .ops-stripe-table .vxe-body--row.row--stripe.relation-table-divider {
   background-color: #b1b8d3 !important;

cmdb-ui/src/modules/cmdb/views/custom_dashboard/chartForm.vue

@@ -91,7 +91,7 @@
               show-search
             >
               <a-select-option
-                v-for="attr in commonAttributes.filter((attr) => !attr.is_password)"
+                v-for="attr in commonAttributes.filter((attr) => !attr.is_password && attr.value_type !== '6')"
                 :key="attr.id"
                 :value="attr.id"
               >{{ attr.alias || attr.name }}</a-select-option