79 lines
2.1 KiB
Vue
79 lines
2.1 KiB
Vue
<template>
|
|
<div class="detailLeft">
|
|
<sketch v-show="currentDetailType == 'sketch'" ref="sketch" @addDetail="addDetail"></sketch>
|
|
<print v-show="currentDetailType == 'print'"></print>
|
|
<color v-if="currentDetailType == 'color'"></color>
|
|
<element v-show="currentDetailType == 'element'"></element>
|
|
<accessory v-show="currentDetailType == 'accessory'"></accessory>
|
|
<models v-show="currentDetailType == 'models'"></models>
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { defineComponent,computed,ref,provide,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 sketch from './sketch.vue'
|
|
import print from './print.vue'
|
|
import color from './colorBox/index.vue'
|
|
import element from './element.vue'
|
|
import accessory from './accessory.vue'
|
|
import models from './models.vue'
|
|
|
|
export default defineComponent({
|
|
components:{
|
|
sketch,print,color,element,models,accessory
|
|
},
|
|
emit:['addDetail'],
|
|
setup(props,{emit}) {
|
|
const store = useStore();
|
|
const detailData = reactive({
|
|
selectTitle:'upload',
|
|
selectDetail:computed(()=>store.state.DesignDetail.selectDetail),
|
|
currentDetailType:computed(()=>store.state.DesignDetail.currentDetailType),
|
|
})
|
|
const getDetailListData = reactive({
|
|
total:0,
|
|
pageSize:10,
|
|
currentPage:1,
|
|
})
|
|
const getDetailListDom = reactive({
|
|
addDetails:null as any,
|
|
sketch:null as any,
|
|
})
|
|
const addDetail = () =>{
|
|
emit('addDetail')
|
|
}
|
|
const sketchSysToLibrary = ()=>{//系统sketch添加到library更新library
|
|
getDetailListDom.sketch.sketchSysToLibrary()
|
|
}
|
|
|
|
return{
|
|
...toRefs(detailData),
|
|
...toRefs(getDetailListData),
|
|
...toRefs(getDetailListDom),
|
|
addDetail,
|
|
sketchSysToLibrary,
|
|
}
|
|
},
|
|
|
|
provide() {
|
|
return {
|
|
}
|
|
},
|
|
|
|
})
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.detailLeft{
|
|
// width: 34rem;
|
|
// width: 100%;
|
|
// height: 100%;
|
|
flex: 1;
|
|
display: flex;
|
|
overflow: hidden;
|
|
flex-direction: column;
|
|
}
|
|
</style> |