关联bug

front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue

@@ -600,6 +600,7 @@
   const titleName = ref('关联应用')
 
   const sourceClick = () => {
+    mockData.value = []
     visibleAssociatedApplication.value = true
     queryApplicationRelByResourceId({
       referenceId: 0,
@@ -619,7 +620,7 @@
   const componentsClick = () => {
     titles.value = ['未关联的组件名称', '已关联的组件名称']
     titleName.value = '关联组件'
-
+    mockData.value = []
     visibleAssociatedApplication.value = true
     queryResourceRelByKeyId({
       keyId: 0,
@@ -723,7 +724,7 @@
 </script>
 <style></style>
 <style lang="less" scoped>
-  .put-on-the-shelf {
+.put-on-the-shelf {
   height: 680px;
   overflow: scroll;
   display: flex;
@@ -880,9 +881,9 @@
   & > div:nth-of-type(1) {
     margin-top: 0;
   }
-  }
+}
 
-  .application-Area {
+.application-Area {
   width: 520px;
   display: grid;
   margin-top: -5px;
@@ -908,68 +909,68 @@
     background: #0087ff;
     color: #fff;
   }
-  }
+}
 
-  :deep(.ant-image-img) {
+:deep(.ant-image-img) {
   width: 100%;
   height: 100%;
   object-fit: contain;
-  }
+}
 
-  :deep(.ant-modal) {
+:deep(.ant-modal) {
   width: 960px;
-  }
+}
 
-  :deep(.ant-transfer-list) {
+:deep(.ant-transfer-list) {
   width: 39.5%;
   height: 520px;
-  }
+}
 
-  :deep(.ant-transfer-operation) {
+:deep(.ant-transfer-operation) {
   flex-direction: row-reverse;
   margin: 0 30px;
-  }
+}
 
-  :deep(.ant-btn) {
+:deep(.ant-btn) {
   width: 56px;
   height: 40px;
   border-radius: 4px;
-  }
+}
 
-  :deep(.ant-btn:first-child) {
+:deep(.ant-btn:first-child) {
   margin-left: 4px;
-  }
+}
 
-  :deep(.ant-modal-footer) {
+:deep(.ant-modal-footer) {
   border: 0;
-  }
+}
 
-  :deep(.ant-modal-header) {
+:deep(.ant-modal-header) {
   border: 0;
-  }
+}
 
-  :deep(.ant-modal-title) {
+:deep(.ant-modal-title) {
   line-height: 24px;
   font-size: 18px;
   color: #303133;
-  }
+}
 
-  :deep(.ant-transfer-list-header) {
+:deep(.ant-transfer-list-header) {
   background: #f5f7fa;
-  }
+}
 
-  :deep(.ant-transfer-list-header-selected) {
+:deep(.ant-transfer-list-header-selected) {
   display: flex;
   width: 90%;
   flex-direction: row-reverse;
   justify-content: space-between;
   align-items: center;
-  }
+}
 
-  :deep(.ant-transfer-list-header-title) {
+:deep(.ant-transfer-list-header-title) {
   font-size: 16px;
   color: #303133;
   font-weight: 400;
   text-align: left;
-  }
+}
 </style>