<template>
|
<div class="common-layout">
|
<el-container>
|
<el-header style="height: 30px">
|
<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 @click="changeRouter(2)" :class="indexFlag===2?'indexTag':''"
|
:to="{path:'/main/purchaseOrder/CreatePurchaseOrder'}">创建采购订单
|
</el-breadcrumb-item>
|
<el-breadcrumb-item @click="changeRouter(3)" :class="indexFlag===3?'indexTag':''"
|
:to="{path:'/main/purchaseOrder/StoragePurchaseOrder'}">采购入库
|
</el-breadcrumb-item>
|
<el-breadcrumb-item @click="changeRouter(4)" :class="indexFlag===4?'indexTag':''"
|
:to="{path:'/main/purchaseOrder/ReturnPurchaseOrder'}">采购退货
|
</el-breadcrumb-item>
|
<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/>
|
</el-main>
|
<!-- <el-footer>Footer</el-footer>-->
|
</el-container>
|
|
|
</div>
|
|
</template>
|
|
|
<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>
|
