<template>
    <div class="modelindex">
		<div class="modelindex_left">
			<modelNav></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-rr-edit" :title="$t('DesignDetail.editTitle')" @click="showDesignImgDetail(3)"></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> -->

				<!-- 层 -->
				<!-- <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"></position>
		</div>
		
    </div>
</template>
<script lang="ts">
import { defineComponent,computed,ref,inject,nextTick,createVNode,toRefs, reactive} from 'vue'
// import setDesignItem from '@/component/Detail/setDesignItem2.vue'
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { Https } from "@/tool/https";
import { useStore } from "vuex";
import { useI18n } from 'vue-i18n'
import position from './modelPosition.vue';
import modelNav from './modelNav.vue';
export default defineComponent({
    components:{
		position,modelNav
    },
    setup(props,{emit}) {
        const store = useStore();
		const detailData = reactive({
			
		})
		const getDetailListData = reactive({
			total:0,
			pageSize:10,
			currentPage:1,
			designDetail:computed(()=>store.state.DesignDetailCopy.designDetail),
		})
		const getDetailListDom = reactive({
			libraryList:null as any,
			position:null as any,
		})
		const getSubmitData = (value:any)=>{
			return getDetailListDom.position.getSubmitData(value)
		}
		const showDesignImgDetail = ()=>{

		}
		const deleteNav = ()=>{

		}
        return{
			...toRefs(detailData),
			...toRefs(getDetailListData),
			...toRefs(getDetailListDom),
			getSubmitData,
			showDesignImgDetail,
			deleteNav,
        }
    },

	provide() {
		return {
		}
	},
		
})
</script>
<style lang="less" scoped>
    .modelindex{
		width: 100%;
		height: 100%;
		display: flex;
		padding-top: 3rem;
		flex: 1;
		overflow: hidden;
		.modelindex_right,.modelindex_left{
			display: flex;
			flex-direction: column;
			align-items: center;

			justify-content: center;
		}
		> .modelindex_right{
			flex: 1;
			overflow: hidden;
			> .detail_btn{
				width: 100%;
				display: flex;
				justify-content: space-between;
				> i{
					font-size: 2rem;
				}
			}
		}
		.modelindex_left{
			justify-content: center;
		}
	}
</style>