detail更新

src/component/DetailCopy/detailLeft/index.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="detailLeft">
-		<sketch v-show="currentDetailType == 'sketch'"></sketch>
+		<sketch v-show="currentDetailType == 'sketch'" @addDetail="addDetail"></sketch>
 		<print v-show="currentDetailType == 'print'"></print>
 		<color v-show="currentDetailType == 'color'"></color>
+		<addDetails ref="addDetails" @setSloganData="setSloganData"></addDetails>
     </div>
-    
 </template>
 <script lang="ts">
 import { defineComponent,computed,ref,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
@@ -16,10 +16,11 @@ import { useI18n } from 'vue-i18n'
 import sketch from './sketch.vue'
 import print from './print.vue'
 import color from './colorBox/index.vue'
+import addDetails from '@/component/Detail/addDetails.vue'
 
 export default defineComponent({
     components:{
-		sketch,print,color
+		sketch,print,color,addDetails
     },
     setup(props,{emit}) {
         const store = useStore();
@@ -34,15 +35,22 @@ export default defineComponent({
 			currentPage:1,
 		})
 		const getDetailListDom = reactive({
-			libraryList:null as any,
+			addDetails:null as any,
 		})
-		
+		const addDetail = () =>{
+			let addDetails:any = getDetailListDom.addDetails
+			addDetails.init(detailData.selectDetail,'')
+		}
+		const setSloganData = (data:any)=>{
+			detailData.selectDetail.sketchString = data
+		}
 		
         return{
 			...toRefs(detailData),
 			...toRefs(getDetailListData),
 			...toRefs(getDetailListDom),
-			
+			addDetail,
+			setSloganData,
         }
     },