| | |
|---|
| | | <script setup> |
|---|
| | | import {ArrowLeftBold, ArrowRight, Search} from "@element-plus/icons-vue" |
|---|
| | | import {useRouter} from "vue-router"; |
|---|
| | | 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> |
|---|
| | | |
|---|
| | |
|---|
| | | <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/delivery/selectDelivery' }">发货首页</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(2)" :class="indexFlag===2?'indexTag':''" :to="{ path: '/main/delivery/selectOrderList' }">订单发货</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(3)" :class="indexFlag===3?'indexTag':''" :to="{ path: '/main/delivery/deliveryReport' }">报表</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item v-show="false" :to="{ path: '/main/delivery/deliveryReport' }">报表</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(1)" :class="indexFlag===1?'indexTag':''" :to="{ path: '/main/delivery/selectDelivery' }">{{$t('delivery.page.selectDelivery')}}</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(2)" :class="indexFlag===2?'indexTag':''" :to="{ path: '/main/delivery/selectOrderList' }">{{$t('delivery.page.selectOrderList')}}</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item |
|---|
| | | @click="changeRouter(3)" |
|---|
| | | :class="indexFlag===3?'indexTag':''" |
|---|
| | | > |
|---|
| | | <el-dropdown @command="handleCommand"> |
|---|
| | | <span class="el-dropdown-link" style="font-weight: 700;outline: none;"> |
|---|
| | | {{$t('basicData.reportForms')}} |
|---|
| | | <el-icon class="el-icon--right"> |
|---|
| | | <arrow-down /> |
|---|
| | | </el-icon> |
|---|
| | | </span> |
|---|
| | | <template #dropdown> |
|---|
| | | <el-dropdown-menu> |
|---|
| | | <el-dropdown-item command="/main/delivery/deliveryReport" >{{$t('delivery.page.shipmentDetailsReport')}}</el-dropdown-item> |
|---|
| | | <el-dropdown-item command="/main/delivery/deliveryProductReport">{{$t('delivery.page.shipmentProductClassificationReport')}}</el-dropdown-item> |
|---|
| | | </el-dropdown-menu> |
|---|
| | | </template> |
|---|
| | | </el-dropdown> |
|---|
| | | |
|---|
| | | </el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="main-body"> |
|---|
| | | <router-view /> |
|---|
| | | <router-view :key="route.fullPath" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
