<!-- 物料库存 -->
|
|
|
<script setup>
|
import {ref} from "vue";
|
import {ArrowLeftBold, ArrowRight, Search} from "@element-plus/icons-vue";
|
import request from "@/utils/request";
|
import deepClone from "@/utils/deepClone";
|
import {ElMessage} from "element-plus";
|
import {useRouter} from "vue-router";
|
import GlassType from '@/components/basic/product/GlassType.vue'
|
|
|
const router = useRouter()
|
let indexFlag=$ref(1)
|
function changeRouter(index){
|
indexFlag=index
|
}
|
</script>
|
|
<template>
|
<div id="main">
|
<div id="div-title">
|
<el-breadcrumb :separator-icon="ArrowRight">
|
<el-breadcrumb-item @click="changeRouter(1)" :class="indexFlag===1?'indexTag':''" :to="{ path: '/main/ingredientsStock/SelectIngredientsStock' }">物料库存</el-breadcrumb-item>
|
<el-breadcrumb-item @click="changeRouter(2)" :class="indexFlag===2?'indexTag':''" :to="{ path: '/main/ingredientsStock/MaterialOutbound' }">物料出库</el-breadcrumb-item>
|
<el-breadcrumb-item @click="changeRouter(3)" :class="indexFlag===3?'indexTag':''" :to="{ path: '/main/ingredientsStock/OriginalMonthlySettlement' }">原片月结</el-breadcrumb-item>
|
<el-breadcrumb-item @click="changeRouter(4)" :class="indexFlag===4?'indexTag':''" :to="{ path: '/main/ingredientsStock/AccessoriesMonthlySettlement' }">辅料月结</el-breadcrumb-item>
|
<el-breadcrumb-item @click="changeRouter(5)" :class="indexFlag===5?'indexTag':''" :to="{ path: '/main/ingredientsStock/ReturnToStorage' }">返库</el-breadcrumb-item>
|
<el-breadcrumb-item v-show="false" :to="{ path: '/main/order/orderReport' }">报表</el-breadcrumb-item>
|
</el-breadcrumb>
|
|
</div>
|
|
<div id="main-body">
|
<router-view />
|
</div>
|
</div>
|
</template>
|
|
<style scoped>
|
#main{
|
width: 100%;
|
height: 100%;
|
}
|
#div-title{
|
height: 5%;
|
width: 100%;
|
}
|
#searchButton{
|
margin-top: -5px;
|
margin-left: 1rem;
|
}
|
#searchButton1{
|
//margin-left: 10rem;
|
}
|
/*main-body样式*/
|
#main-body{
|
width: 99%;
|
height: 92%;
|
margin-top: 1%;
|
}
|
#select{
|
margin-left:0.5rem;
|
}
|
:deep(.indexTag .el-breadcrumb__inner){
|
color: #5CADFE !important;
|
}
|
</style>
|
