<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
|
}
|
|
const handleCommand = (command) => {
|
router.push({
|
path: command
|
})
|
}
|
</script>
|
|
<template>
|
<div id="main-div">
|
<div id="div-title">
|
<el-breadcrumb :separator-icon="ArrowRight">
|
<el-breadcrumb-item
|
@click="changeRouter(2)"
|
:class="indexFlag===2?'indexTag':''"
|
>
|
<el-dropdown @command="handleCommand">
|
<span class="el-dropdown-link" style="font-weight: 700;outline: none;">
|
{{ $t('report.finishedProductReport') }}
|
<el-icon class="el-icon--right">
|
<arrow-down />
|
</el-icon>
|
</span>
|
<template #dropdown>
|
<el-dropdown-menu>
|
<el-dropdown-item command="/main/stockReport/finishedProductInventoryReport" >{{$t('stockReport.finishedProductInventoryReport')}}</el-dropdown-item>
|
<el-dropdown-item command="/main/stockReport/finishedProductOutboundReport" >{{ $t('stockReport.finishedProductOutboundReport') }}</el-dropdown-item>
|
<el-dropdown-item command="/main/stockReport/finishedProductTransferReport" >{{ $t('stockReport.finishedProductTransferReport') }}</el-dropdown-item>
|
<el-dropdown-item command="/main/stockReport/finishedProductDeliveryReport" >{{ $t('stockReport.finishedProductDeliveryReport') }}</el-dropdown-item>
|
</el-dropdown-menu>
|
</template>
|
</el-dropdown>
|
|
</el-breadcrumb-item>
|
|
<el-breadcrumb-item
|
@click="changeRouter(2)"
|
:class="indexFlag===2?'indexTag':''"
|
>
|
<el-dropdown @command="handleCommand">
|
<span class="el-dropdown-link" style="font-weight: 700;outline: none;">
|
{{ $t('stockReport.page.materialReport') }}
|
<el-icon class="el-icon--right">
|
<arrow-down />
|
</el-icon>
|
</span>
|
<template #dropdown>
|
<el-dropdown-menu>
|
<el-dropdown-item command="/main/stockReport/materialAdditionReport" >{{$t('stockReport.materialAdditionReport')}}</el-dropdown-item>
|
<el-dropdown-item command="/main/stockReport/materialOutboundReport" >{{ $t('stockReport.materialOutboundReport') }}</el-dropdown-item>
|
<el-dropdown-item command="/main/stockReport/materialReturnReport" >{{ $t('stockReport.materialReturnReport') }}</el-dropdown-item>
|
<el-dropdown-item command="/main/stockReport/optimizeOutboundReport" >{{ $t('stockReport.optimizeOutboundReport') }}</el-dropdown-item>
|
</el-dropdown-menu>
|
</template>
|
</el-dropdown>
|
|
</el-breadcrumb-item>
|
|
<el-breadcrumb-item
|
@click="changeRouter(2)"
|
:class="indexFlag===2?'indexTag':''"
|
>
|
<el-dropdown @command="handleCommand">
|
<span class="el-dropdown-link" style="font-weight: 700;outline: none;">
|
{{ $t('料架报表') }}
|
<el-icon class="el-icon--right">
|
<arrow-down />
|
</el-icon>
|
</span>
|
<template #dropdown>
|
<el-dropdown-menu>
|
<el-dropdown-item command="/main/stockReport/finishedGlassShelfEmitReport" >{{$t('stockReport.finishedGlassShelfEmitReport')}}</el-dropdown-item>
|
<el-dropdown-item command="/main/stockReport/finishedGlassShelfWithdrawReport" >{{ $t('stockReport.finishedGlassShelfWithdrawReport') }}</el-dropdown-item>
|
</el-dropdown-menu>
|
</template>
|
</el-dropdown>
|
|
</el-breadcrumb-item>
|
<el-breadcrumb-item v-show="false" :to="{ path: '/main/order/orderReport' }">{{$t('productStock.reportForms')}}</el-breadcrumb-item>
|
</el-breadcrumb>
|
</div>
|
|
<div id="main-body">
|
<router-view :key="route.fullPath" />
|
</div>
|
</div>
|
|
</template>
|
|
<style scoped>
|
#main-div{
|
width: 100%;
|
height: 100%;
|
}
|
#div-title{
|
height: 2%;
|
width: 100%;
|
}
|
#searchButton{
|
margin-top: -5px;
|
margin-left: 1rem;
|
}
|
#searchButton1{
|
//margin-left: 10rem;
|
}
|
/*main-body样式*/
|
#main-body{
|
width: 99%;
|
height: 95%;
|
margin-top: 1%;
|
}
|
#select{
|
margin-left:0.5rem;
|
}
|
:deep(.indexTag .el-breadcrumb__inner){
|
color: #5CADFE !important;
|
}
|
</style>
|
