添加画布颜色历史

src/component/HomePage/layout.vue

@@ -140,9 +140,7 @@ export default defineComponent({
 		let layoutList:any = ref([])
 		const content:any = ref<HTMLElement | null>(null);
 		let loadingShow = ref(false)
-		let styleObj:any = computed(()=>{
-			return store.state.UploadFilesModule.moodboardPosition
-		})
+		let styleObj:any = {}
 		let moodItemScale = ref(0)
 		let domObj = {
 			dom:['img','ul','.layout_rotote','.layout_translate','.layout_angle_tr','.layout_angle_tl','.layout_angle_br','.layout_angle_bl'],
@@ -692,6 +690,7 @@ export default defineComponent({
     methods: {
 		init(){
 			let parentList:any = this.$parent
+			this.styleObj = this.store.state.UploadFilesModule.moodboardPosition
 			parentList = parentList.layoutList
 			this.layout = true
 			// let layoutList = this.store.state.UploadFilesModule.moodboard
@@ -756,7 +755,7 @@ export default defineComponent({
 					zIndex: obj['z-index']?obj['z-index']:1
 				}
 			});
-			const sortedNums = nums.sort((a, b) => a.zIndex - b.zIndex);
+			const sortedNums = nums.sort((a:any, b:any) => a.zIndex - b.zIndex);
 			
 			GO.zIndex = sortedNums.length + 1
 			// GO.zIndex = sortedNums[sortedNums.length - 1].zIndex + 1
@@ -817,8 +816,9 @@ export default defineComponent({
         //提交模板
         submitTemplate() {
 			this.loadingShow = true
+			this.setDomStyle()
 			this.styleObj.domStyle = this.setIndex(this.styleObj.domStyle)//index统一排序设置值
-			this.store.commit("setDisposeMoodboardPosition", this.styleObj);
+			this.store.commit("setDisposeMoodboardPosition", JSON.parse(JSON.stringify(this.styleObj)));
 			this.layoutList.forEach((v:any)=>{
 				v.setPitch = false
 			})
@@ -841,7 +841,6 @@ export default defineComponent({
 							this.loadingShow = false
 							this.store.commit("setDisposeMoodboard", rv);
 
-							this.setDomStyle()
 
 						}
 					).catch(rv=>{