fix

src/views/SellerDashboard/MyListings/createSelectItem/index.vue

@@ -3,6 +3,9 @@ import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
 import sellerHeader from "../../seller-header.vue"
 import { VueDraggable } from "vue-draggable-plus"
 import selectMenu from '@/component/modules/selectMenu.vue'
+import { Https } from '@/tool/https'
+import { useRoute } from 'vue-router'
+import { useStore } from 'vuex'
 
 //const props = defineProps({
 //})
@@ -10,6 +13,8 @@ import selectMenu from '@/component/modules/selectMenu.vue'
 //])
 let data = reactive({
 })
+const store = useStore()
+const route = useRoute()
 const domSize = ref('Small')
 const domSizeList = ref([
 	{
@@ -26,17 +31,8 @@ const domSizeList = ref([
 	},
 ])
 const list = ref([
-	{ id: "1" },
-	{ id: "2" },
-	{ id: "3" },
-	{ id: "4" },
-	{ id: "5" },
-	{ id: "6" },
-	{ id: "7" },
-	{ id: "8" },
-	{ id: "9" },
-	{ id: "10" }
 ])
+const showList = ref([])
 const chooseList = ref([])
 const chooseItem = (item:any)=>{	
 	chooseList.value.push(item)
@@ -89,6 +85,32 @@ const changeDomSize = ()=>{
 		setDomSize(listingsBoxRef.value.clientWidth)
 	},350)
 }
+const changeGender = ()=>{
+
+}
+const setShowList = ()=>{
+	if(gender.value == 'All'){
+		showList.value = list.value
+	}else{
+		showList.value = list.value.filter((item:any)=>item.sex == gender.value)
+	}
+}
+const getCollectionDetail = ()=>{
+	store.commit("set_loading", true)
+	let moduleList = [] as any
+	moduleList = ['design',]
+	let value:any = {
+		"id":route.params.collectionId,
+		"moduleList":moduleList,
+	}
+	Https.axiosPost(Https.httpUrls.getModuleContent,value).then(async (rv)=>{
+		list.value = rv.design.userLikeDetails
+		setShowList()
+		store.commit("set_loading", false)
+	}).catch(()=>{	
+		store.commit("set_loading", false)
+	})
+}
 onMounted(()=>{
 	// 创建观察器
 	nextTick(()=>{
@@ -105,6 +127,7 @@ onMounted(()=>{
 		// 开始监听
 		if(resizeObserver)resizeObserver.observe(listingsBoxRef.value)
 	})
+	getCollectionDetail()
 })
 onUnmounted(()=>{
 })
@@ -112,7 +135,7 @@ defineExpose({})
 const {} = toRefs(data);
 </script>
 <template>
-	<div class="myListings-seller">
+	<div class="create-select-item">
 		<seller-header
 			title="Select Collection"
 			:breadcrumbs="[
@@ -143,27 +166,6 @@ const {} = toRefs(data);
 				</div>
 				<div class="right">
 					<div class="generalModel_state">
-						<div>
-							<selectMenu 
-								:selectList="domSizeList" 
-								@change="changeDomSize" 
-								:isBtnOpen='true'
-								:style="{
-									'border-radius':'0rem',
-									'border':'none',
-									'font-weight': '900',
-									'border-right':'2px solid rgba(0,0,0,.2)',
-									'line-height': '3rem',
-									'height': '3rem',
-									'background': 'rgba(0,0,0,0)',
-								}"
-								v-model:select="domSize"
-								>
-								<template v-slot:btnText>
-									{{ $t('Header.Filter') }}
-								</template>
-							</selectMenu>
-						</div>
 						<div>
 							<selectMenu 
 								:selectList="domSizeList" 
@@ -188,7 +190,7 @@ const {} = toRefs(data);
 				</div>
 			</div>
 			<VueDraggable
-				v-model="list"
+				v-model="showList"
 				class="list"
 				:class="domSize"
 				v-bind="config"
@@ -208,13 +210,14 @@ const {} = toRefs(data);
 					<div class="choose">
 						<i class="fi fi-rr-check"></i>
 					</div>
+					<img :src="v.designOutfitUrl || v.url" alt="">
 				</div>
 			</VueDraggable>
 		</div>
 	</div>
 </template>
 <style scoped lang="less">
-	.myListings-seller {
+	.create-select-item {
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
@@ -329,6 +332,9 @@ const {} = toRefs(data);
 					border: 1.5px solid #C7C7C7;
 					// transition: all .3s;
 					position: relative;
+					overflow: hidden;
+					display: flex;
+					justify-content: center;
 					> .choose{
 						display: flex;
 						width: var(--iconWH);
@@ -347,6 +353,10 @@ const {} = toRefs(data);
 							display: flex;
 						}
 					}
+					> img{
+						height: 100%;
+						object-fit: cover;
+					}
 					&.active{
 						border: 1.5px solid #000;
 						> .choose{