feat(cmdb-ui):ci type import&export

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

@@ -136,8 +136,8 @@ export default {
     async getCITypeDiscovery(currentTab) {
       await getCITypeDiscovery(this.CITypeId).then((res) => {
         this.adCITypeList = res.filter((item) => item.adr_id)
-        if (res && res.length && !this.currentTab) {
+        if (this.adCITypeList && this.adCITypeList.length && !this.currentTab) {
-          this.currentTab = res[0].id
+          this.currentTab = this.adCITypeList[0].id
         }
         if (currentTab) {
           this.currentTab = currentTab

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

@@ -40,20 +40,18 @@
                   <a-menu-item key="0">
                     <a-upload
                       name="file"
-                      accept="json"
+                      accept=".json"
                       :showUploadList="false"
                       style="display: inline-block"
-                      action="/api/v0.1/ci_types/template/import/file "
+                      action="/api/v0.1/ci_types/template/import/file"
+                      @change="changeUploadFile"
                     >
-                      <a-space
+                      <a><a-icon type="upload"/></a><a> 导入</a>
-                      ><a><a-icon type="upload"/></a><a>导入</a></a-space
-                      >
                     </a-upload>
                   </a-menu-item>
                   <a-menu-item key="1">
                     <a-space>
-                      <a><a-icon type="download"/></a>
+                      <a href="/api/v0.1/ci_types/template/export/file"><a-icon type="download" /> 导出</a>
-                      <a href="/api/v0.1/ci_types/template/export/file">导出</a>
                     </a-space>
                   </a-menu-item>
                 </a-menu>
@@ -134,6 +132,12 @@
                   <a-space class="ci-types-left-detail-action">
                     <a><a-icon type="user-add" @click="(e) => handlePerm(e, ci)"/></a>
                     <a><a-icon type="edit" @click="(e) => handleEdit(e, ci)"/></a>
+                    <a
+                      v-if="permissions.includes('admin') || permissions.includes('cmdb_admin')"
+                      @click="(e) => handleDownloadCiType(e, ci)"
+                    ><a-icon
+                      type="download"
+                    /></a>
                     <a style="color: red" @click="(e) => handleDelete(e, ci)"><a-icon type="delete"/></a>
                   </a-space>
                 </div>
@@ -309,6 +313,7 @@ export default {
     OpsMoveIcon,
     AttributeStore,
   },
+  inject: ['reload'],
   data() {
     return {
       emptyImage,
@@ -716,6 +721,21 @@ export default {
         },
       })
     },
+    handleDownloadCiType(e, ci) {
+      e.preventDefault()
+      e.stopPropagation()
+      const x = new XMLHttpRequest()
+      x.open('GET', `/api/v0.1/ci_types/${ci.id}/template/export`, true)
+      x.responseType = 'blob'
+      x.onload = function(e) {
+        const url = window.URL.createObjectURL(x.response)
+        const a = document.createElement('a')
+        a.href = url
+        a.download = `${ci.alias || ci.name}.json`
+        a.click()
+      }
+      x.send()
+    },
     resetRoute() {
       resetRouter()
       const roles = store.getters.roles
@@ -780,6 +800,19 @@ export default {
         }
       })
     },
+    changeUploadFile({ file, fileList, event }) {
+      const key = 'upload'
+      if (file.status === 'uploading') {
+        this.$message.loading({ content: '正在导入中', key, duration: 0 })
+      }
+      if (file.status === 'done') {
+        this.$message.success({ content: '导入成功', key, duration: 2 })
+        this.reload()
+      }
+      if (file.status === 'error') {
+        this.$message.error({ content: '导入失败，请稍后重试', key, duration: 2 })
+      }
+    },
   },
 }
 </script>

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

@@ -322,6 +322,7 @@
       v-else-if="relationViews.name2id && !relationViews.name2id.length"
     ></a-alert>
     <AddTableModal ref="addTableModal" @reload="reload" />
+    <!-- <GrantDrawer ref="grantDrawer" resourceTypeName="RelationView" app_id="cmdb" /> -->
     <CMDBGrant ref="cmdbGrant" resourceType="RelationView" app_id="cmdb" />
 
     <ci-detail ref="detail" :typeId="Number(currentTypeId[0])" />
@@ -378,6 +379,7 @@ export default {
     SearchForm,
     AddTableModal,
     ContextMenu,
+    // GrantDrawer,
     CMDBGrant,
     SplitPane,
     ElTree: Tree,
@@ -651,6 +653,9 @@ export default {
         } else {
           q = `q=_type:${this.currentTypeId[0]},` + q
         }
+        if (Object.values(this.level2constraint).includes('2')) {
+          q = q + `&&has_m2m=1`
+        }
         if (this.currentTypeId[0]) {
           const res = await searchCIRelation(q)
 
@@ -689,6 +694,7 @@ export default {
               root_ids: key.split('%')[0],
               level: this.treeKeys.length - index,
               type_ids: this.showTypes.map((type) => type.id).join(','),
+              has_m2m: Number(Object.values(this.level2constraint).includes('2')),
             }).then((res) => {
               let result
               const getTreeItem = (data, id) => {
@@ -742,7 +748,10 @@ export default {
         _showTypes = JSON.parse(JSON.stringify(this.origShowTypes))
       }
       const promises = _showTypeIds.map((typeId) => {
-        const _q = (`q=_type:${typeId},` + q).replace(/count=\d*/, 'count=1')
+        let _q = (`q=_type:${typeId},` + q).replace(/count=\d*/, 'count=1')
+        if (Object.values(this.level2constraint).includes('2')) {
+          _q = _q + `&&has_m2m=1`
+        }
         console.log(_q)
         if (this.treeKeys.length === 0) {
           return searchCI2(_q).then((res) => {
@@ -798,6 +807,7 @@ export default {
             root_ids: ciIds.join(','),
             level: level,
             type_ids: this.showTypes.map((type) => type.id).join(','),
+            has_m2m: Number(Object.values(this.level2constraint).includes('2')),
           }).then((num) => {
             facet.forEach((item, idx) => {
               item[1] += num[ciIds[idx] + '']
@@ -827,6 +837,9 @@ export default {
             .map((item) => item.split('%')[0])
             .join(',')}`
         }
+        if (Object.values(this.level2constraint).includes('2')) {
+          q = q + `&&has_m2m=1`
+        }
         searchCIRelation(q).then(async (res) => {
           const facet = []
           const ciIds = []
@@ -849,6 +862,7 @@ export default {
                 root_ids: ciIds.join(','),
                 level: _level - 1,
                 type_ids: this.showTypes.map((type) => type.id).join(','),
+                has_m2m: Number(Object.values(this.level2constraint).includes('2')),
               }).then((num) => {
                 facet.forEach((item, idx) => {
                   item[1] += num[ciIds[idx] + '']
@@ -1324,7 +1338,7 @@ export default {
     async openBatchDownload() {
       this.$refs.batchDownload.open({
         preferenceAttrList: this.preferenceAttrList,
-        ciTypeName: this.$route.meta.title || this.$route.meta.name,
+        ciTypeName: this.$route.meta.name,
       })
     },
     batchDownload({ filename, type, checkedKeys }) {

cmdb-ui/src/modules/cmdb/views/relation_views/modules/AddTableModal.vue

@@ -130,22 +130,27 @@ export default {
         exp = expression.match(regQ) ? expression.match(regQ)[0] : null
       }
 
-      const res = await searchCI({
+      await searchCI({
         q: `_type:${this.addTypeId}${exp ? `,${exp}` : ''}${fuzzySearch ? `,*${fuzzySearch}*` : ''}`,
         count: 50,
         page: this.currentPage,
         sort,
       })
-      this.tableData = res.result
+        .then((res) => {
-      this.totalNumber = res.numfound
+          this.tableData = res.result
-      this.columns = this.getColumns(res.result, this.preferenceAttrList)
+          this.totalNumber = res.numfound
-      this.$nextTick(() => {
+          this.columns = this.getColumns(res.result, this.preferenceAttrList)
-        const _table = this.$refs.xTable
+          this.$nextTick(() => {
-        if (_table) {
+            const _table = this.$refs.xTable
-          _table.refreshColumn()
+            if (_table) {
-        }
+              _table.refreshColumn()
-        this.loading = false
+            }
-      })
+            this.loading = false
+          })
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     getColumns(data, attrList) {
       const modalDom = document.getElementById('add-table-modal')