<script setup>
|
import ProcessCard from "@/views/pp/glassOptimize/page/ProcessCard.vue";
|
import ProcessCardDetail from "@/views/pp/glassOptimize/page/ProcessCardDetail.vue";
|
import ProjectList from "@/views/pp/glassOptimize/page/ProjectList.vue";
|
|
import {ref} from "vue";
|
import {useI18n} from "vue-i18n";
|
|
let projectRow = ref({
|
processId:null,
|
technologyNumber:null
|
})
|
|
|
const handleProcessIdUpdate = newProcessId => {
|
projectRow.value.processId = newProcessId;
|
};
|
|
const handleTechnologyNumberUpdate = newTechnologyNumber => {
|
projectRow.value.technologyNumber = newTechnologyNumber;
|
};
|
|
|
|
</script>
|
|
<template>
|
<div style="width: 100%; height: 100%;">
|
|
<div id="processCard">
|
<process-card :process-id="projectRow.processId===null?null:projectRow.processId"
|
:technology-number="projectRow.technologyNumber===null?null:projectRow.technologyNumber"
|
@updateProcessId="handleProcessIdUpdate"
|
@updateTechnologyNumber="handleTechnologyNumberUpdate"
|
/>
|
</div>
|
|
<div id="processCard-detail" >
|
<process-card-detail :process-id="projectRow.processId===null?null:projectRow.processId"
|
:technology-number="projectRow.technologyNumber===null?null:projectRow.technologyNumber"/>
|
</div>
|
|
<div id="project-list">
|
<project-list/>
|
</div>
|
|
</div>
|
</template>
|
|
|
<style scoped>
|
#processCard{
|
width: 64%;
|
height: 55%;
|
float: left;
|
}
|
#processCard-detail{
|
margin-left: 1%;
|
float: left;
|
width: 35%;
|
height: 55%;
|
}
|
#project-list{
|
float: left;
|
margin-top: 2%;
|
width: 100%;
|
height: 30%;
|
}
|
</style>
|
