<script setup lang="ts">
|
import OrderUnfinishedView from '@/views/order/OrderUnfinishedView.vue'
|
import {Expand,CloseBold} from "@element-plus/icons-vue";
|
import {useRouter,useRoute } from 'vue-router'
|
import {ref} from "vue";
|
import userInfo from '@/stores/userInfo'
|
const activeIndex = ref('1')
|
const router = useRouter()
|
const user=userInfo()
|
|
|
const handleSelect = (key: string, keyPath: string[]) => {
|
router.push({
|
path:`/${key}`,
|
})
|
}
|
|
</script>
|
|
<template>
|
<div id="main-div">
|
<el-container>
|
<el-header>
|
<el-menu
|
:default-active="activeIndex"
|
class="el-menu-demo"
|
mode="horizontal"
|
:ellipsis="false"
|
@select="handleSelect"
|
>
|
<el-menu-item >
|
<img
|
style="width: 5rem"
|
src="../assets/northGlass.ico"
|
alt="Element logo"
|
/>
|
<el-text
|
:truncated="true"
|
style="margin-left: 1rem;font-weight: bolder;width: 40vw">
|
{{user.user.customerName}}
|
</el-text>
|
</el-menu-item>
|
|
|
|
<el-sub-menu index="2">
|
<template #title><el-icon><Expand /></el-icon></template>
|
<el-menu-item index="orderUnfinished">生产订单</el-menu-item>
|
<el-menu-item index="orderHistory">历史订单</el-menu-item>
|
<el-menu-item v-if="user.user.loginName==='admin'" index="register">客户注册</el-menu-item>
|
<el-menu-item index=""><el-icon><CloseBold /></el-icon></el-menu-item>
|
</el-sub-menu>
|
</el-menu>
|
</el-header>
|
<el-main >
|
<router-view></router-view>
|
</el-main>
|
</el-container>
|
</div>
|
|
</template>
|
|
<style scoped>
|
#main-div{
|
width: 100vw;
|
height: 100vh;
|
}
|
.el-menu--horizontal > .el-menu-item:nth-child(1) {
|
margin-right: auto;
|
}
|
*{
|
margin: 0;
|
padding: 0;
|
}
|
|
.el-header{
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
z-index: 1000;
|
}
|
.el-main{
|
margin-top: 5rem;
|
width: 100vw;
|
height: calc(100vh - 5rem);
|
}
|
|
|
</style>
|
