feat: 资产选择form 匹配正确的字段

src/components/AssetSelect/index.vue

@@ -92,7 +92,7 @@ export default {
       select2Config: select2Config,
       dialogSelect2Config: select2Config,
       tableConfig: {
-        url: '/api/v1/assets/assets/?fields_size=mini',
+        url: '/api/v1/assets/assets/',
         hasTree: true,
         hasSelection: false,
         canSelect: this.canSelect,
@@ -114,19 +114,23 @@ export default {
             }
           },
           {
-            prop: 'ip',
+            prop: 'address',
             label: this.$t('assets.ipDomain'),
             sortable: 'custom'
           },
           {
             prop: 'platform',
             label: this.$t('assets.Platform'),
-            sortable: true
+            sortable: true,
+            formatter: function(row) {
+              return row.platform.name
+            }
           },
           {
             prop: 'protocols',
             formatter: function(row) {
-              return <span> {row.protocols?.toString()} </span>
+              const data = row.protocols.map(p => <el-tag size='mini'>{p.name}/{p.port} </el-tag>)
+              return <span> {data} </span>
             },
             label: this.$t('assets.Protocols')
           }
@@ -199,15 +203,15 @@ export default {
 </script>
 
 <style lang='scss' scoped>
-  .el-select {
+.el-select {
   width: 100%;
-  }
+}
 
-  .page ::v-deep .page-heading {
+.page ::v-deep .page-heading {
   display: none;
-  }
+}
 
-  .el-dialog__wrapper ::v-deep .el-dialog__body {
+.el-dialog__wrapper ::v-deep .el-dialog__body {
   padding: 0;
 
   .tree-table {
@@ -223,10 +227,10 @@ export default {
       padding: 5px;
     }
   }
-  }
+}
 
-  .page ::v-deep .treebox {
+.page ::v-deep .treebox {
   height: inherit !important;
-  }
+}
 
 </style>