| | |
| | | <template> |
| | | <div class="common-layout"> |
| | | <el-container> |
| | | <el-container> |
| | | <el-header style="height: 30px"> |
| | | <el-breadcrumb :separator-icon="ArrowRight" > |
| | | <!-- <el-breadcrumb-item>采购与物资</el-breadcrumb-item> |
| | | <el-breadcrumb-item>采购订单 |
| | | </el-breadcrumb-item>--> |
| | | <el-breadcrumb-item :to="{path:'/main/purchaseOrder/SelectPurchaseOrder'}">查询采购订单 |
| | | <el-breadcrumb :separator-icon="ArrowRight"> |
| | | <el-breadcrumb-item @click="changeRouter(1)" :class="indexFlag===1?'indexTag':''" |
| | | :to="{path:'/main/purchaseOrder/SelectPurchaseOrder'}">查询采购订单 |
| | | </el-breadcrumb-item> |
| | | <el-breadcrumb-item :to="{path:'/main/purchaseOrder/CreatePurchaseOrder'}">创建采购订单 |
| | | <el-breadcrumb-item @click="changeRouter(2)" :class="indexFlag===2?'indexTag':''" |
| | | :to="{path:'/main/purchaseOrder/CreatePurchaseOrder'}">创建采购订单 |
| | | </el-breadcrumb-item> |
| | | <el-breadcrumb-item :to="{path:'/main/purchaseOrder/StoragePurchaseOrder'}">采购入库 |
| | | <el-breadcrumb-item @click="changeRouter(3)" :class="indexFlag===3?'indexTag':''" |
| | | :to="{path:'/main/purchaseOrder/StoragePurchaseOrder'}">采购入库 |
| | | </el-breadcrumb-item> |
| | | <el-breadcrumb-item :to="{path:'/main/purchaseOrder/ReturnPurchaseOrder'}">采购退货 |
| | | <el-breadcrumb-item @click="changeRouter(4)" :class="indexFlag===4?'indexTag':''" |
| | | :to="{path:'/main/purchaseOrder/ReturnPurchaseOrder'}">采购退货 |
| | | </el-breadcrumb-item> |
| | | <el-breadcrumb-item :to="{path:'/main/purchaseOrder/PaymentPurchaseOrder'}">应付采购订单 |
| | | <el-breadcrumb-item @click="changeRouter(5)" :class="indexFlag===5?'indexTag':''" |
| | | :to="{path:'/main/purchaseOrder/PaymentPurchaseOrder'}">应付采购订单 |
| | | </el-breadcrumb-item> |
| | | <el-breadcrumb-item @click="changeRouter(6)" :class="indexFlag===6?'indexTag':''" |
| | | :to="{path:'/main/purchaseOrder/CreateHeader'}">创建头模拟 |
| | | </el-breadcrumb-item> |
| | | <el-breadcrumb-item style="display: none"></el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | </el-header> |
| | | <el-main style="padding: 0"> |
| | | <router-view/> |
| | | <router-view/> |
| | | </el-main> |
| | | <!-- <el-footer>Footer</el-footer>--> |
| | | <!-- <el-footer>Footer</el-footer>--> |
| | | </el-container> |
| | | |
| | | |
| | |
| | | <script setup> |
| | | import {nextTick, ref} from 'vue' |
| | | import {ArrowRight, Search} from "@element-plus/icons-vue"; |
| | | |
| | | let indexFlag = $ref(1) |
| | | |
| | | function changeRouter(index) { |
| | | indexFlag = index |
| | | } |
| | | |
| | | </script> |
| | | |
| | | |
| | | <style scoped> |
| | | |
| | | :deep(.indexTag .el-breadcrumb__inner) { |
| | | color: #5CADFE !important; |
| | | font-weight: 900; |
| | | } |
| | | </style> |