| New file |
| | |
|---|
| | | <script setup> |
|---|
| | | import {ArrowDown, ArrowLeftBold, ArrowRight, Search} from "@element-plus/icons-vue" |
|---|
| | | import {useRouter,useRoute,onBeforeRouteUpdate} from "vue-router" |
|---|
| | | import {useI18n} from "vue-i18n" |
|---|
| | | const { t } = useI18n() |
|---|
| | | const router = useRouter() |
|---|
| | | const route = useRoute() |
|---|
| | | let indexFlag=$ref(1) |
|---|
| | | function changeRouter(index){ |
|---|
| | | indexFlag=index |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <div id="main-div"> |
|---|
| | | <div id="div-title"> |
|---|
| | | <el-breadcrumb :separator-icon="ArrowRight"> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(1)" :class="indexFlag===1?'indexTag':''" :to="{ path: '/main/glassOptimize/optimizeProject' }">{{'工程信息'}}</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item v-show="false" @click="changeRouter(2)" :class="indexFlag===2?'indexTag':''" :to="{ path: '/main/order/createOrder' }">{{$t('order.page.createOrder')}}</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(3)" :class="indexFlag===3?'indexTag':''" :to="{ path: '/main/glassOptimize/optimizePrint' }">打印 |
|---|
| | | </el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(4)" :class="indexFlag===4?'indexTag':''" :to="{ path: '/main/glassOptimize/optimizeMove' }">调整 |
|---|
| | | </el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(5)" :class="indexFlag===5?'indexTag':''" :to="{ path: '/main/glassOptimize/optimizeMove' }">数控 |
|---|
| | | </el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(6)" :class="indexFlag===6?'indexTag':''" :to="{ path: '/main/glassOptimize/optimizeMove' }">设置 |
|---|
| | | </el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item></el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="main-body"> |
|---|
| | | <router-view :key="route.fullPath" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | #main-div{ |
|---|
| | | width: 99%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | #div-title{ |
|---|
| | | height: 2%; |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | #searchButton{ |
|---|
| | | margin-top: -5px; |
|---|
| | | margin-left: 1rem; |
|---|
| | | } |
|---|
| | | #searchButton1{ |
|---|
| | | //margin-left: 10rem; |
|---|
| | | } |
|---|
| | | /*main-body样式*/ |
|---|
| | | #main-body{ |
|---|
| | | width: 100%; |
|---|
| | | height: 95%; |
|---|
| | | margin-top: 1%; |
|---|
| | | } |
|---|
| | | #select{ |
|---|
| | | margin-left:0.5rem; |
|---|
| | | } |
|---|
| | | :deep(.indexTag .el-breadcrumb__inner){ |
|---|
| | | color: #5CADFE !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .example-showcase .el-dropdown-link { |
|---|
| | | cursor: pointer; |
|---|
| | | color: var(--el-color-primary); |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | </style> |
|---|
