detail更新

src/component/DetailCopy/model/index.vue

@@ -1,14 +1,17 @@
 <template>
     <div class="modelindex">
 		<div class="modelindex_left">
-			<modelNav></modelNav>
+			<modelNav @canvasReload="()=>$emit('canvasReload')" @addSketch="()=>$emit('addSketch')"></modelNav>
 		</div>
 		<div class="modelindex_right">
 			<div class="detail_btn">
 				<!-- 全屏 --> 
-				<i class="fi fi-bs-expand-arrows-alt" @click="showDesignImgDetail('2')"></i>
+				<!-- <i class="fi fi-bs-expand-arrows-alt" @click="showDesignImgDetail('2')"></i> -->
+
+
 				<!-- 编辑 -->
-				<i class="fi fi-rr-edit" :class="{active:isEditPattern.value}" :title="$t('DesignDetail.editTitle')" @click="showDesignImgDetail('edit')"></i>
+				<i class="fi fi-rr-edit" :title="$t('DesignDetail.editTitle')" :class="{active:isEditPattern.value}" @click="showDesignImgDetail('edit')"></i>
+				<i class="fi fi-rr-copy" :title="$t('DesignDetail.compareTitle')" :class="{active:imgDesignImg}" @click="mousedownDesignImg"></i>
 				<!-- <i v-show="!body && !deleteShow" :title="$t('DesignDetail.DetailTitle')" class="fi fi-rr-trash" @click="deleteNav(0)"></i>
 				<i v-show="!body && deleteShow" class="fi fi-br-check" @click="deleteNav(1)"></i> -->
 
@@ -17,7 +20,7 @@
 				<!-- <i v-show="revocationShow>1" class="icon iconfont icon-chehui" @click="revocation"></i>
 				<i v-show="oppositeRevocationShow>=1" class="icon iconfont icon-fanchehui" @click="oppositeRevocation"></i> -->
 			</div>
-			<position ref="position"></position>
+			<position ref="position" :imgDesignImg=imgDesignImg></position>
 		</div>
 		
     </div>
@@ -35,7 +38,7 @@ export default defineComponent({
     components:{
 		position,modelNav
     },
-	emits:['detailEdit'],
+	emits:['detailEdit','canvasReload','addSketch'],
     setup(props,{emit}) {
         const store = useStore();
 		const detailData = reactive({
@@ -46,7 +49,8 @@ export default defineComponent({
 			pageSize:10,
 			currentPage:1,
 			designDetail:computed(()=>store.state.DesignDetailCopy.designDetail),
-			isEditPattern:inject('isEditPattern') as any
+			isEditPattern:inject('isEditPattern') as any,
+			imgDesignImg:false,
 		})
 		const getDetailListDom = reactive({
 			libraryList:null as any,
@@ -58,8 +62,10 @@ export default defineComponent({
 		const showDesignImgDetail = (str:any)=>{
 			emit('detailEdit',str)
 		}
-		const deleteNav = ()=>{
-
+	
+		//图片按下样子
+		const mousedownDesignImg = ()=>{
+			getDetailListData.imgDesignImg = !getDetailListData.imgDesignImg
 		}
         return{
 			...toRefs(detailData),
@@ -67,7 +73,7 @@ export default defineComponent({
 			...toRefs(getDetailListDom),
 			getSubmitData,
 			showDesignImgDetail,
-			deleteNav,
+			mousedownDesignImg,
         }
     },