CN-1734 fix: Entity setting页面开发

src/components/layout/Header.vue

@@ -364,7 +364,6 @@ export default {
   },
   computed: {
     networkAnalyticsMenu () {
-      console.log('-------', this.$store.getters.menuList)
       return this.$store.getters.menuList.find(menu => menu.code === 'networkAnalytics')
     },
     locationIntelligenceMenu () {
@@ -782,7 +781,6 @@ export default {
     },
     // 仅处理除panel外的相关路径的导航
     async jumpOther (route, index) {
-      console.log('route', route, index)
       if (route === '/setting') {
         this.isShowSetting = true
         return true

src/components/table/setting/ProfilesTable.vue

@@ -33,7 +33,7 @@
         <div class="col-resize-area"></div>
       </template>
       <template #default="scope" :column="item">
-        <template v-if="item.prop === 'createdTime' || item.prop === 'updateTime'">
+        <template v-if="item.prop === 'ctime' || item.prop === 'utime'">
           <template v-if="scope.row[item.prop]">
             {{ dateFormatByAppearance(scope.row[item.prop]) || '-' }}
           </template>
@@ -94,25 +94,18 @@ export default {
         },
         {
           label: this.$t('config.user.createTime'),
-          prop: 'createTime',
+          prop: 'ctime',
           show: true,
           minWidth: 200
         },
         {
           label: this.$t('overall.updateTime'),
-          prop: 'updateTime',
+          prop: 'utime',
           show: true
         }
       ]
     }
   },
-  computed: {
-    uploadParams () {
-      return {
-        indicatorType: 'IP'
-      }
-    }
-  },
   methods: {
     dateFormatByAppearance,
     // 禁止勾选buildIn为1的项，即禁止修改、删除admin的账号

src/views/setting/entitySetting/EntitySetting.vue

@@ -64,8 +64,7 @@ import dataListMixin from '@/mixins/data-list'
 import Loading from '@/components/common/Loading'
 import cnDataList from '@/components/table/CnDataList'
 import ProfilesTable from '@/components/table/setting/ProfilesTable'
-import { profilesList } from '@/utils/static-data'
+import axios from 'axios'
-import axios from '_axios@0.21.4@axios'
 
 export default {
   name: 'EntitySetting',
@@ -136,11 +135,6 @@ export default {
       }
 
       if (!this.isInit) {
-        // this.tableData = profilesList
-        // this.pageObj.total = profilesList.length
-        // this.isNoData = !this.tableData || this.tableData.length === 0
-        // this.toggleLoading(false)
-        console.log('params', this.searchLabel)
         axios.get(listUrl, { params: this.searchLabel }).then(response => {
           if (response.status === 200) {
             this.$nextTick(() => {
@@ -185,31 +179,11 @@ export default {
           type: 'warning'
         }).then(() => {
           this.toggleLoading(true)
-          axios.delete(api.setting.profiles.profiles + '?id=' + ids).then(response => {
+          axios.delete(api.setting.profiles.profiles + '?ids=' + ids).then(response => {
             if (response.status === 200) {
               this.delFlag = true
-              this.$message({
+              this.$message({ duration: 2000, type: 'success', message: this.$t('tip.deleteSuccess') })
-                duration: 2000,
+              this.getTableData()
-                type: 'success',
-                message: this.$t('tip.deleteSuccess')
-              })
-              let params = null
-              if (this.intent) {
-                params = { intent: this.intent }
-              }
-              if (this.category) {
-                params = {
-                  ...params,
-                  category: this.category
-                }
-              }
-              if (this.name) {
-                params = {
-                  ...params,
-                  name: this.name
-                }
-              }
-              this.getTableData(params)
             } else {
               this.$message.error(response.data.message)
             }

src/views/setting/entitySetting/EntitySettingForm.vue

@@ -20,13 +20,13 @@
             </template>
             <div class="form-collapse-content">
               <el-form ref="sourceForm" :model="editObj" label-position="top" :rules="sourceRules">
-                <el-form-item :label="$t('setting.source')" prop="source_id" class="form-setting__block margin-b-20">
+                <el-form-item :label="$t('setting.source')" prop="sourceId" class="form-setting__block margin-b-20">
-                  <el-select v-model="editObj.source_id" class="form-setting__select" placeholder=" ">
+                  <el-select v-model="editObj.sourceId" class="form-setting__select" placeholder=" ">
                     <el-option
                         v-for="item in sourceOption"
-                        :key="item.source_id"
+                        :key="item.id"
-                        :label="item.label"
+                        :label="item.name"
-                        :value="item.source_id"
+                        :value="item.id"
                     />
                   </el-select>
                 </el-form-item>
@@ -209,7 +209,7 @@ export default {
       activeNames: ['1'],
       intervalList: [],
       sourceRules: {
-        source_id: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }]
+        sourceId: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }]
       },
       mappingRules: {
         type: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }],
@@ -270,7 +270,7 @@ export default {
 
     const editObj = ref({
       id: '',
-      source_id: '',
+      sourceId: '',
       entities: [],
       schemaMappingData: {
         data: [
@@ -303,12 +303,36 @@ export default {
   methods: {
     switchStatus,
     initSourceData () {
-      this.sourceOption = [
+      axios.get(api.setting.source.source).then(response => {
-        { source_id: '1', value: 'ip_metric1', label: 'IP metric1' },
+        if (response.status === 200) {
-        { source_id: '2', value: 'ip_metric2', label: 'IP metric2' },
+          if (!response.data.data) {
-        { source_id: '3', value: 'ip_metric3', label: 'IP metric3' },
+            throw new Error('No data found, id: ' + this.ruleId)
-        { source_id: '4', value: 'ip_metric4', label: 'IP metric4' }
+          }
-      ]
+          this.sourceOption = response.data.data.list
+          if (this.sourceOption && this.sourceOption.length > 0) {
+            this.sourceOption.forEach((item, index) => {
+              if (typeof item.fields === 'string') {
+                this.sourceOption[index].fieldsList = JSON.parse(item.fields)
+              }
+              if (typeof item.lookups === 'string') {
+                this.sourceOption[index].lookupsList = JSON.parse(item.lookups)
+              }
+            })
+          }
+        } else {
+          console.error(response.data)
+        }
+      }).catch(e => {
+        console.error(e)
+        this.$message.error(this.errorMsgHandler(e))
+        this.$router.push({
+          path: '/setting/entitySetting',
+          query: {
+            pageNo: this.pageNoForTable ? Number(this.pageNoForTable) : 1,
+            t: +new Date()
+          }
+        })
+      })
     },
     /** 编辑时获取详情 */
     getDetailInfo () {
@@ -318,11 +342,22 @@ export default {
             throw new Error('No data found, id: ' + this.ruleId)
           }
           this.myLoading = false
-          this.editObj = {
+          this.editObj = { ...this.editObj, ...response.data.data, ruleId: this.ruleId }
-            ...response.data.data,
+
-            ruleId: this.ruleId
+          if (this.editObj.entities && typeof this.editObj.entities === 'string') {
+            const entities = JSON.parse(this.editObj.entities)
+            entities.forEach(item => {
+              const list = []
+              for (const [key, value] of Object.entries(item.mapping)) {
+                list.push({ field: key, source: value.toString() })
+              }
+              item.list = list
+            })
+            this.editObj.schemaMappingData.data = entities
+          }
+          if (this.editObj.relations && typeof this.editObj.relations === 'string') {
+            this.editObj.relationData.data = JSON.parse(this.editObj.relations)
           }
-          this.ruleObj = this.$_.cloneDeep(this.editObj.ruleConfigObj)
           this.activeNames = ['1', '2']
         } else {
           console.error(response.data)
@@ -425,7 +460,6 @@ export default {
       } else {
         this.isCloseMappingItem = this.editObj.schemaMappingData.data[0].list.length > 1
       }
-      console.log('shuzu', this.editObj.schemaMappingData.data)
     },
     /** 删除relation的子项 **/
     deleteRelationItem (index) {
@@ -442,21 +476,16 @@ export default {
       return name
     },
     visibleFromEntity (index) {
-      console.log('visible---from', this.editObj.relationData.data, index)
     },
     changeFromEntity (index) {
-      console.log('from---data', this.editObj.relationData.data)
       this.editObj.relationData.data[index].fromDisabled = true
     },
     changeToEntity (index) {
-      console.log('to---data', this.editObj.relationData.data)
       this.editObj.relationData.data[index].toDisabled = true
     },
     handleToEntityData (index) {
-      console.log('index', index)
       if (index && index >= 0) {
-        const obj = this.editObj.relationData.data[index]
+        // const obj = this.editObj.relationData.data[index]
-        console.log('obj', obj)
       }
       return this.editObj.schemaMappingData.data
     },
@@ -497,27 +526,20 @@ export default {
       const valid3 = await this.$refs.relationForm.validate((valid) => {
         return valid
       })
-      console.log('obj', this.editObj)
-      const formObj = this.$_.cloneDeep(this.editObj)
-      formObj.schemaMappingData.data.forEach((item) => {
-        const obj = {}
-        item.list.forEach(ite => {
-          obj[ite.field] = ite.source
-        })
-        item.mapping = this.$_.cloneDeep(obj)
-      })
-      console.log('formObj', formObj)
       if (valid1 && valid2 && valid3) {
         this.myLoading = true
-        if (!this.ruleId) {
+        const formObj = this.$_.cloneDeep(this.editObj)
-          const formObj = this.$_.cloneDeep(this.editObj)
+        formObj.schemaMappingData.data.forEach((item) => {
-          formObj.schemaMappingData.data.forEach((item) => {
+          const obj = {}
-            const obj = {}
+          item.list.forEach(ite => {
-            item.list.forEach(ite => {
+            obj[ite.field] = ite.source
-              obj[ite.field] = ite.source
-            })
-            item.mapping = this.$_.cloneDeep(obj)
           })
+          item.mapping = this.$_.cloneDeep(obj)
+        })
+        formObj.entities = JSON.stringify(formObj.schemaMappingData.data)
+        formObj.relations = JSON.stringify(formObj.relationData.data)
+
+        if (!this.ruleId) {
           // post调用是新增，put是编辑
           axios.post(api.setting.profiles.profiles, formObj).then(response => {
             if (response.status === 200) {
@@ -540,7 +562,7 @@ export default {
             this.myLoading = false
           })
         } else {
-          axios.put(api.setting.profiles.profiles, 'formObj').then(response => {
+          axios.put(api.setting.profiles.profiles, formObj).then(response => {
             if (response.status === 200) {
               this.$message({ duration: 2000, type: 'success', message: this.$t('tip.saveSuccess') })
 
@@ -581,14 +603,14 @@ export default {
         queryInfo.name = this.settingObj.name
       }
 
-      if (this.settingObj.editFlag || this.ruleObj.editFlag) {
+      // if (this.settingObj.editFlag || this.ruleObj.editFlag) {
-        this.confirmMessage(queryInfo)
+      //   this.confirmMessage(queryInfo)
-      } else {
+      // } else {
-        this.$router.push({
+      // }
-          path: '/setting/entitySetting',
+      this.$router.push({
-          query: queryInfo
+        path: '/setting/entitySetting',
-        })
+        query: queryInfo
-      }
+      })
     },
     confirmMessage (queryInfo) {
       ElMessageBox.confirm(this.$t('tip.leavePage'), {

src/views/setting/sources/Sources.vue

@@ -140,23 +140,7 @@ export default {
                 type: 'success',
                 message: this.$t('tip.deleteSuccess')
               })
-              let params = null
+              this.getTableData()
-              if (this.intent) {
-                params = { intent: this.intent }
-              }
-              if (this.category) {
-                params = {
-                  ...params,
-                  category: this.category
-                }
-              }
-              if (this.name) {
-                params = {
-                  ...params,
-                  name: this.name
-                }
-              }
-              this.getTableData(params)
             } else {
               this.$message.error(response.data.message)
             }