修复部分bug部分页面的调整

src/component/home/design/collection.vue

@@ -28,11 +28,17 @@
 				<div>Setting</div>
 			</div> -->
 			<div class="collectionBox">
-				<MoodboardUpload ref="moodBoard" v-if="openType == 'moodBoard'"></MoodboardUpload>
-                <PrintboardUpload ref="printBoard" v-if="openType == 'printBoard'"></PrintboardUpload>
-                <ColorboardUpload ref="colorBoard" v-if="openType == 'colorBoard'"></ColorboardUpload>
-                <SketchboardUpload ref="sketchBoard" v-if="openType == 'sketchBoard'"></SketchboardUpload>
-                <mannequin ref="mannequin" v-if="openType == 'mannequin'"></mannequin>
+				<MoodboardUpload ref="moodBoard" v-if="openType == 'moodBoard' || collectionStep == 1"></MoodboardUpload>
+                <PrintboardUpload ref="printBoard" v-if="openType == 'printBoard' || collectionStep == 2"></PrintboardUpload>
+                <ColorboardUpload ref="colorBoard" v-if="openType == 'colorBoard' || collectionStep == 3"></ColorboardUpload>
+                <SketchboardUpload ref="sketchBoard" v-if="openType == 'sketchBoard' || collectionStep == 4"></SketchboardUpload>
+                <mannequin ref="mannequin" v-if="openType == 'mannequin' || collectionStep == 5"></mannequin>
+			</div>
+			<div class="collection_page">
+				<i v-show="collectionStep > 1" class="fi fi-rr-arrow-small-left" @click="lastStep()"></i>
+				<i v-if="collectionStep < 5" class="fi fi-rr-arrow-small-right Guide_1_8" @click.stop="nextStep()"></i>
+				<i v-else class="fi fi-rr-check Guide_1_14" @click.stop="cleardata()"></i>
+
 			</div>
 		</div>
 		<div class="mark_loading" v-show="isShowMark">
@@ -66,6 +72,7 @@ export default defineComponent({
 			habitSetStyle:false,
 			isShowMark:false,
 			openType:'',
+			collectionStep:1,
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
 		})
 		let driver__:any = computed(()=>{
@@ -82,12 +89,15 @@ export default defineComponent({
 		const init = (value:any)=>{
 			data.habitSetStyle = true
 			data.openType = value
+			const keys = Object.keys(dataDom);
+			data.collectionStep = keys.indexOf(value) + 1; // 1
 			nextTick(()=>{
 				dataDom[value].openSetData()
 			})
 		}
 		let cleardata = ()=>{
 			data.habitSetStyle = false
+			data.collectionStep = 1
 			if(data.openType)store.dispatch('setAllBoardData',{type:data.openType})
 			saveProject(data.openType)
 		}
@@ -104,11 +114,32 @@ export default defineComponent({
 				})
 			})
 		}
+		let lastStep = ()=>{
+			data.collectionStep = data.collectionStep - 1
+			setOpenSetData()
+		}
+		let nextStep = ()=>{
+			data.collectionStep = data.collectionStep + 1
+			setOpenSetData()
+		}
+		const setOpenSetData = ()=>{
+			if(data.openType)store.dispatch('setAllBoardData',{type:data.openType})
+			saveProject(data.openType)
+		
+			const keys = Object.keys(dataDom); 
+			const key = keys[data.collectionStep - 1];
+			data.openType = key
+			nextTick(()=>{
+				dataDom[key].openSetData()
+			})
+		}
 		return{
 			...toRefs(dataDom),
 			...toRefs(data),
 			cleardata,
 			init,
+			lastStep,
+			nextStep,
 		}
 	},
 	provide() {
@@ -125,6 +156,32 @@ export default defineComponent({
 			width: 100%;
 			height: 100%;
 			position: relative;
+			> .collection_page{
+				left: 50%;
+				transform: translateX(-50%);
+				bottom: -4rem;
+				display: flex;
+				position: absolute;
+				.fi-rr-arrow-small-left{
+					margin-right: calc(10rem*1.2);
+				}
+				.fi{
+					cursor: pointer;
+					display: flex;
+					height: 100%;
+				}
+				.fi::before{
+					padding: 5px;
+					border-radius: 50%;
+					color: rgba(0, 0, 0, 0.55);
+					border: solid 2px rgba(0, 0, 0, 0.25);
+					transition: 1s all;
+				}
+				.fi:hover.fi::before{
+					border: solid 2px rgba(0, 0, 0, 0.55);
+					color: rgba(0, 0, 0, 1);
+				}
+			}
 			.collectionBox{
 				width: 100%;
 				height: 100%;