<script setup>
|
import GlassInventory from "@/views/pp/glassOptimize/page/GlassInventory.vue"
|
import ProjectDetail from "@/views/pp/glassOptimize/page/ProjectDetail.vue"
|
import ProjectCreate from "@/views/pp/glassOptimize/ProjectCreate.vue"
|
import GlassComputed from "@/views/pp/glassOptimize/GlassComputed.vue";
|
import ProjectMange from "@/views/pp/glassOptimize/ProjectMange.vue";
|
|
import {ref} from "vue";
|
let dialogVisible = ref(false)
|
let detailPage = ref(0)
|
const changeDialog = (value) => {
|
dialogVisible.value = true
|
detailPage.value = value
|
}
|
|
//从工程管理获取工程号，并跳转
|
const projectNumber = ref('');
|
const switchDialog = (number) => {
|
projectNumber.value = number;
|
detailPage.value = 3;
|
};
|
|
//获取SetTrimming的值
|
const dataForGlassInventory = ref();
|
const handleProjectDetailData = (data) => {
|
dataForGlassInventory.value = data;
|
};
|
|
</script>
|
|
<template >
|
<div style="width: 100%;height: 100%">
|
<div id="main-body">
|
<project-detail @changeDialog="changeDialog" @forward-data-to-grandparent="handleProjectDetailData"/>
|
</div>
|
<div id="main-footer">
|
<glass-inventory :receivedData="dataForGlassInventory"/>
|
</div>
|
|
|
<el-dialog
|
v-model="dialogVisible"
|
:title="detailPage ===1? '创建工程' : detailPage ===2? '工程管理' : detailPage ===3? '模拟计算':''"
|
destroy-on-close
|
style="width: 90%;height:90%;margin-top: 3vh"
|
z-index="100"
|
>
|
<project-create v-if="detailPage===1" />
|
<project-mange v-if="detailPage===2" @switch-dialog="switchDialog"/>
|
<glass-computed v-if="detailPage===3" :project-no="projectNumber"/>
|
</el-dialog>
|
|
</div>
|
</template>
|
|
<style scoped>
|
#main-body{
|
width: 100%;
|
height: 60%;
|
}
|
#main-footer{
|
margin-top: 10px;
|
width: 100%;
|
height: calc(40% - 10px);
|
}
|
:deep( .el-dialog__body){
|
height: calc(100% - 55px);
|
width: 100%;
|
//padding: 0;
|
}
|
|
</style>
|
