| New file |
| | |
| | | <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"; |
| | | |
| | | |
| | | |
| | | </script> |
| | | |
| | | <template> |
| | | <div style="width: 100%; height: 100%;"> |
| | | |
| | | <div id="processCard"> |
| | | <process-card/> |
| | | </div> |
| | | |
| | | <div id="processCard-detail"> |
| | | <process-card-detail/> |
| | | </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> |