details功能

src/component/DetailCopy/model/index.vue

@@ -1,14 +1,15 @@
 <template>
     <div class="modelindex">
 		<div class="modelindex_left">
-			<modelNav @canvasReload="()=>$emit('canvasReload')" @addSketch="()=>$emit('addSketch')"></modelNav>
+			<modelNav @canvasReload="()=>$emit('canvasReload')" @addSketch="()=>$emit('addSketch')" @deleteItem="deleteItem"></modelNav>
 		</div>
 		<div class="modelindex_right">
 			<div class="detail_btn">
 				<!-- 全屏 --> 
 				<!-- <i class="fi fi-bs-expand-arrows-alt" @click="showDesignImgDetail('2')"></i> -->
 
-
+				<i v-show="true" class="icon iconfont icon-chehui" @click="revocation"></i>
+				<i v-show="true" class="icon iconfont icon-fanchehui" @click="oppositeRevocation"></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>
@@ -17,16 +18,15 @@
 
 				<!-- 层 -->
 				<!-- <i class="fi fi-rr-copy" :title="$t('DesignDetail.compareTitle')" @mousedown="mousedownDesignImg" @mouseup="mouseupDesignImg" @touchstart="mousedownDesignImg" @touchend="mouseupDesignImg"></i> -->
-				<!-- <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" :imgDesignImg=imgDesignImg></position>
+			<position ref="position" @canvasReload="()=>$emit('canvasReload')" :imgDesignImg=imgDesignImg></position>
 		</div>
 		
     </div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,inject,nextTick,createVNode,toRefs, reactive} from 'vue'
+import { defineComponent,computed,ref,inject,nextTick,createVNode,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { Https } from "@/tool/https";
@@ -38,16 +38,14 @@ export default defineComponent({
     components:{
 		position,modelNav
     },
-	emits:['detailEdit','canvasReload','addSketch'],
+	emits:['detailEdit','canvasReload','addSketch','revocation','oppositeRevocation'],
     setup(props,{emit}) {
         const store = useStore();
 		const detailData = reactive({
 			
 		})
+		const setRevocation:any = inject('setRevocation')
 		const getDetailListData = reactive({
-			total:0,
-			pageSize:10,
-			currentPage:1,
 			designDetail:computed(()=>store.state.DesignDetailCopy.designDetail),
 			isEditPattern:inject('isEditPattern') as any,
 			imgDesignImg:false,
@@ -62,6 +60,17 @@ export default defineComponent({
 		const showDesignImgDetail = (str:any)=>{
 			emit('detailEdit',str)
 		}
+		const deleteItem = ()=>{
+			setRevocation()
+		}
+		const revocation = ()=>{//撤回
+			emit('revocation')
+			getDetailListDom.position.updataPosition()
+		}
+		const oppositeRevocation = ()=>{//反撤回
+			emit('oppositeRevocation')
+			getDetailListDom.position.updataPosition()
+		}
 	
 		//图片按下样子
 		const mousedownDesignImg = ()=>{
@@ -73,6 +82,9 @@ export default defineComponent({
 			...toRefs(getDetailListDom),
 			getSubmitData,
 			showDesignImgDetail,
+			revocation,
+			deleteItem,
+			oppositeRevocation,
 			mousedownDesignImg,
         }
     },
@@ -89,7 +101,7 @@ export default defineComponent({
 		width: 100%;
 		height: 100%;
 		display: flex;
-		padding-top: 3rem;
+		// padding-top: 3rem;
 		flex: 1;
 		overflow: hidden;
 		.modelindex_right,.modelindex_left{
@@ -102,12 +114,14 @@ export default defineComponent({
 		> .modelindex_right{
 			flex: 1;
 			overflow: hidden;
+
 			> .detail_btn{
 				width: 100%;
 				display: flex;
 				justify-content: space-between;
 				border-radius: 1rem;
 				padding: .7rem ;
+				flex-shrink: 0;
 				> i{
 					font-size: 2rem;
 					line-height: 4rem;