perf: json many to many field, set timeout to submit

package.json

@@ -1,9 +1,9 @@
 {
-  "name": "vue-admin-template",
-  "version": "4.2.1",
-  "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
-  "author": "Pan <panfree23@gmail.com>",
-  "license": "MIT",
+  "name": "Lina",
+  "version": "v4",
+  "description": "JumpServer Web UI",
+  "author": "JumpServer Team <support@fit2cloud.com>",
+  "license": "GPL-3.0-or-later",
   "scripts": {
     "dev": "vue-cli-service serve",
     "serve": "vue-cli-service serve",

src/components/Cards/RelationCard/index.vue

@@ -41,9 +41,9 @@
 </template>
 
 <script>
-import Select2 from '@/components/Form/FormFields/Select2.vue'
-import IBox from '../../IBox/index.vue'
 import { createSourceIdCache } from '@/api/common'
+import { Select2 } from '@/components/Form/FormFields'
+import IBox from '@/components/IBox/index.vue'
 import { mapGetters } from 'vuex'
 
 export default {

src/components/Form/FormFields/JSONManyToManySelect/AttrFormDialog.vue

@@ -18,8 +18,8 @@
 </template>
 
 <script>
-import DataForm from '@/components/Form/DataForm/index.vue'
 import Dialog from '@/components/Dialog/index.vue'
+import DataForm from '@/components/Form/DataForm/index.vue'
 import ValueField from '@/components/Form/FormFields/JSONManyToManySelect/ValueField.vue'
 import { attrMatchOptions, typeMatchMapper } from '@/components/const'
 
@@ -128,7 +128,9 @@ export default {
       }
     },
     onAttrDialogConfirm(form) {
-      this.$emit('confirm', form)
+      setTimeout(() => {
+        this.$emit('confirm', form)
+      }, 300)
     },
     updateMatchOptions(attr) {
       if (!attr) {

src/styles/index.scss

@@ -570,3 +570,9 @@ li.rmenu i.fa {
     font-weight: 500;
   }
 }
+
+.el-alert__description {
+  a {
+    color: var(--color-link);
+  }
+}