diff --git a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
index d6830f7a..9e1f906e 100644
--- a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
+++ b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
@@ -333,7 +333,7 @@
           <!-- 关联组件 -->
           <div class="AssociatedApplication">
             <a-modal
-              v-model:visible="visibleAssociatedApplication"
+              v-model:visible="visibleAssociatedApplicationOther"
               :title="titleName"
               @ok="handleOk"
               @cancel="handleCancel"
@@ -341,13 +341,13 @@
             >
               <div>
                 <a-transfer
-                  v-model:target-keys="targetKeys2"
-                  v-model:selected-keys="selectedKeys2"
-                  :data-source="mockData2"
+                  v-model:target-keys="targetKeysOther"
+                  v-model:selected-keys="selectedKeysOther"
+                  :data-source="mockDataOther"
                   :titles="titles"
                   :render="(item) => item.title"
-                  @change="handleChange1"
-                  @selectChange="handleSelectChange1"
+                  @change="handleChangeOther"
+                  @selectChange="handleSelectChangeOther"
                 />
               </div>
             </a-modal>
@@ -652,12 +652,13 @@
   }
   // 来源应用
   const visibleAssociatedApplication = ref(false)
+  const visibleAssociatedApplicationOther = ref(false)
   const mockData = ref([])
-  const mockData2 = ref([])
+  const mockDataOther = ref([])
   const titles = ref(['未关联的应用名称', '已关联的应用名称'])
   const titleName = ref('来源应用')
   const targetKeys = ref([])
-  const targetKeys2 = ref([])
+  const targetKeysOther = ref([])
   // 上一步关联数据
   // const targetKeysBack = ref([])
 
@@ -704,8 +705,8 @@
   const componentsClick = () => {
     titles.value = ['未关联的组件名称', '已关联的组件名称']
     titleName.value = '关联组件'
-    mockData2.value = []
-    visibleAssociatedApplication.value = true
+    visibleAssociatedApplicationOther.value = true
+    mockDataOther.value = []
     props.dataFrom.infoList.forEach((val) => {
       if (val.attrType === '关联组件信息' && val.attrValue != '') {
         queryResourceRelByKeyId({
@@ -715,18 +716,18 @@
         }).then((res) => {
           // console.log(res.data.data.notLinked)
           res.data.data.notLinked.forEach((val, index) => {
-            mockData2.value.push({
+            mockDataOther.value.push({
               key: val.id,
               title: val.name,
               description: val.id,
             })
           })
         })
-        targetKeys2.value = []
+        targetKeysOther.value = []
         val.attrValue.split(',').forEach((item) => {
-          targetKeys2.value.push(item)
+          targetKeysOther.value.push(item)
         })
-        console.log(targetKeys2.value)
+        console.log(targetKeysOther.value)
         // console.log('wowowo')
       } else if (val.attrType === '关联组件信息' && val.attrValue == '') {
         queryResourceRelByKeyId({
@@ -736,7 +737,7 @@
         }).then((res) => {
           // console.log(res.data.data.notLinked)
           res.data.data.notLinked.forEach((val, index) => {
-            mockData2.value.push({
+            mockDataOther.value.push({
               key: val.id,
               title: val.name,
               description: val.id,
@@ -747,7 +748,7 @@
     })
   }
   const selectedKeys = ref([])
-  const selectedKeys2 = ref([])
+  const selectedKeysOther = ref([])
 
   const handleChange = (nextTargetKeys, direction, moveKeys) => {
     console.log('targetKeys: ', nextTargetKeys)
@@ -757,38 +758,34 @@
       targetKeys.value = moveKeys.filter((item, index) => index === 0)
     }
   }
-  const handleChange1 = (nextTargetKeys1, direction1, moveKeys1) => {
-    console.log('targetKeys: ', nextTargetKeys1)
-    console.log('direction: ', direction1)
-    console.log('moveKeys: ', moveKeys1)
-  }
-
   const handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
     console.log('targetSelectedKeys: ', targetSelectedKeys, sourceSelectedKeys)
-    console.log('after', sourceSelectedKeys)
   }
-  const handleSelectChange1 = (sourceSelectedKeys1, targetSelectedKeys1) => {
-    console.log(
-      'targetSelectedKeys: ',
-      targetSelectedKeys1,
-      sourceSelectedKeys1
-    )
+  const handleChangeOther = (nextTargetKeys, direction, moveKeys) => {
+    console.log('targetKeys: ', nextTargetKeys)
+    console.log('direction: ', direction)
+    console.log('moveKeys: ', moveKeys)
+  }
+  const handleSelectChangeOther = (sourceSelectedKeys, targetSelectedKeys) => {
+    console.log('targetSelectedKeys: ', targetSelectedKeys, sourceSelectedKeys)
   }
 
   const handleOk = (e) => {
     console.log(e)
+    visibleAssociatedApplicationOther.value = false
     visibleAssociatedApplication.value = false
     // console.log('2222222222222', props.refData)
     data.value.list.map((item) => {
       if (item.name === '来源应用') {
         item.note1 = targetKeys.value + ''
       } else if (item.name === '关联组件信息') {
-        item.note1 = targetKeys2.value + ''
+        item.note1 = targetKeysOther.value + ''
       }
     })
   }
   const handleCancel = (e) => {
     console.log(e)
+    visibleAssociatedApplicationOther.value = false
     visibleAssociatedApplication.value = false
   }