fix

src/component/Detail/oldHistoryDetail.vue

@@ -0,0 +1,141 @@
+<template>
+    <a-modal class="oldHsitory_detail_modal_component" 
+            v-model:visible="hsitoryDetailShow" 
+            :footer="null" 
+            :title="collectionName"
+            width="80%"
+            :maskClosable="false"
+			:keyboard="false"
+            :centered="true"
+        >
+            <template #closeIcon>
+                <div class="close_icon" @click.stop="changeDetailShow()"><span class="icon iconfont icon-guanbi"></span></div>
+            </template>
+            <!-- <div class="history_detail_content scroll_style">
+                <div class="history_img_block" v-for="img in groupDetails" :key="img">
+                    <div class="history_img_item" >
+                        <img class="element_img"  :src="img.url">
+                    </div>
+                </div>
+            </div> -->
+			<OldExportNewCoolection ref="OldExportNewCoolection"></OldExportNewCoolection>
+
+    </a-modal>
+</template>
+<script lang="ts">
+import OldExportNewCoolection from "@/component/HomePage/OldExportNewCoolection.vue";
+import { defineComponent, ref, nextTick } from 'vue'
+
+export default defineComponent({
+	components: {
+		OldExportNewCoolection
+    },
+    props:{
+        groupDetails:{
+            default:{},
+        },
+        collectionName:{
+            default:''
+        }
+    },
+    setup() {
+        let hsitoryDetailShow = ref(false)
+		return{
+			hsitoryDetailShow
+		}
+    },
+    data(){
+        return{
+        }
+    },
+    methods:{
+		init(data:any){
+			this.hsitoryDetailShow = true
+			nextTick().then(()=>{
+				let OldExportNewCoolection:any = this.$refs.OldExportNewCoolection
+				OldExportNewCoolection.init(data)
+			})
+		},
+        changeDetailShow(){
+            this.hsitoryDetailShow = !this.hsitoryDetailShow
+        }
+    }
+})
+</script>
+<style lang="less">
+.oldHsitory_detail_modal_component{
+	.ant-modal-body{
+		overflow-y: initial !important;
+		overflow-x: auto;
+	}
+	.export_new_collection_review{
+		position: relative;
+		left: 50%;
+		transform: translateX(-50%) scale(2);
+		transform-origin: top center;
+		top: 0;
+	}
+    .ant-modal-close{
+        width: 3.6rem;
+        height: 3.6rem;
+        position: absolute;
+        top: -1.8rem;
+        right: -1.8rem;
+    }
+
+    .ant-modal-header{
+        background: #F7F7F7;
+    }
+
+    .ant-modal-body{
+        background: #F2F3FB;
+        height: 80vh;
+        min-height: 72rem;
+        overflow-y: hidden;
+        padding: 0;
+    }
+
+    .close_icon{
+        width: 3.6rem;
+        height: 3.6rem;
+        background: #000000;
+        border-radius: 50%;
+        line-height: 3.6rem;
+        text-align: center;
+
+        .icon-guanbi{
+            font-size: 2rem;
+            color: #ffffff;
+        }
+    }
+
+    .history_detail_content{
+        padding: 2.6rem 2.0rem 2.6rem 3.7rem;
+        height: 100%;
+        width: 100%;
+        overflow-y:auto; 
+        background: #FFFFFF;
+
+        .history_img_block{
+            width: 16.5rem;
+            height: 16.5rem;
+            border: 0.1rem solid #343579;
+            margin: 0 1.7rem 1.7rem 0;
+            display: inline-block;
+
+            .history_img_item{
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 100%;
+                height: 100%;
+            }
+
+            .element_img{
+                max-width: 100%;
+                max-height: 100%;
+            }
+        }
+    }
+}
+</style>

src/component/HomePage/OldExportNewCoolection.vue

@@ -51,36 +51,44 @@
             </div>
         </div>
 
-        <!-- <div class="img_block_item">
-            <div class="lager_img_item"  v-for="(design) in likeDesignCollectionList" :key="design.designItemUrl">
+        <div class="img_block_item">
+            <div class="lager_img_item"  v-for="(design) in allBoardData.likeDesignCollectionList" :key="design.designItemUrl">
                 <div class="all_img_item_block">
                     <img class="all_img_content" :src="design.designItemUrl"> 
                 </div>
             </div>
-        </div> -->
+        </div>
         
     </div>
 </template>
 <script lang="ts">
-import { computed, defineComponent } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
 import MoodTemplate from '@/component/HomePage/MoodTemplate.vue'
 import { useStore } from "vuex";
 export default defineComponent({
-	props: {
-		allBoardData: {
-			// default: false,
-		},
-	},
+	// props: {
+	// 	allBoardData: {
+	// 		// default: false,
+	// 	},
+	// },
     components:{MoodTemplate},
     setup() {
-        const store = useStore();
+		
+        const allBoardData = ref({});
         // let allBoardData:any = computed(()=>{return store.state.UploadFilesModule.allBoardData})
         // let likeDesignCollectionList : any = computed(()=>{return store.state.HomeStoreModule.likeDesignCollectionList})
         return {
-            // allBoardData,
+            allBoardData,
             // likeDesignCollectionList,
         }
-    }
+    },
+	mounted () {
+	},
+	methods:{
+		init(data:any){
+			this.allBoardData = data
+		}
+	}
 })
 </script>
 <style lang="less" scoped>