右上角布局修改

20240912_adapter_z
yewj 10 months ago
parent 45f95cd7b6
commit 9d655f827c

@ -1,114 +1,109 @@
<template>
<div>
<el-row :gutter="0" v-if="isLinkDisabled" style="margin-top: 15px">
<el-col :span="24" align="right">
<div class="inv-hos-title">
<span
style="margin: 10px;color: #2d8cf0;font-size: 14px;"
>部门&nbsp:&nbsp{{ this.userInfo.deptName }}</span>
<div>
<el-row :gutter="0" v-if="isLinkDisabled" style="margin-top: 15px">
<el-col :span="24" align="right">
<div class="inv-hos-title">
<span
style="margin: 10px;color: #2d8cf0;font-size: 14px;"
>部门:&nbsp&nbsp{{ this.userInfo.deptName }}</span>
<span
style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 30px;margin-left: 30px"
>(用户:&nbsp&nbsp{{
this.userInfo.userName
}})</span>
</div>
</el-col>
</el-row>
<span style="font-weight: 500;color:rgb(51 48 48); font-size: 14px;">用户&nbsp:&nbsp
<!-- {{-->
<!-- this.userInfo.companyName-->
<!-- }}-->
</span>
<span
style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px"
>&nbsp&nbsp&nbsp&nbsp(用户&nbsp:&nbsp{{
this.userInfo.userName
}})</span>
</div>
</el-col>
</el-row>
<el-row class="tac">
<el-col :span="2">
<!-- <h5>默认颜色</h5>-->
<el-menu
:default-active="menuActive"
class="el-menu-vertical-demo"
@open="handleOpen">
<el-menu-item :index=0 @click="clickMenuItem(0)">
<i class="el-icon-s-operation"></i>
<span slot="title">处理单据</span>
</el-menu-item>
<el-menu-item :index=1 @click="clickMenuItem(1)">
<i class="el-icon-truck"></i>
<span slot="title">工位上货</span>
</el-menu-item>
<el-menu-item :index=2 @click="clickMenuItem(2)">
<i class="el-icon-s-fold"></i>
<span slot="title">工位退货</span>
</el-menu-item>
<el-menu-item :index=3 @click="clickMenuItem(3)">
<i class="el-icon-s-order"></i>
<span slot="title">工位存量</span>
</el-menu-item>
<el-menu-item :index=4 @click="clickMenuItem(4)">
<i class="el-icon-edit-outline"></i>
<span slot="title">待处理单</span>
</el-menu-item>
<el-menu-item :index=5 @click="clickMenuItem(5)">
<i class="el-icon-finished"></i>
<span slot="title">已完成单</span>
</el-menu-item>
</el-menu>
</el-col>
<el-row class="tac">
<el-col :span="2">
<!-- <h5>默认颜色</h5>-->
<el-menu
:default-active="menuActive"
class="el-menu-vertical-demo"
@open="handleOpen">
<el-menu-item :index=0 @click="clickMenuItem(0)">
<i class="el-icon-s-operation"></i>
<span slot="title">处理单据</span>
</el-menu-item>
<el-menu-item :index=1 @click="clickMenuItem(1)">
<i class="el-icon-truck"></i>
<span slot="title">工位上货</span>
</el-menu-item>
<el-menu-item :index=2 @click="clickMenuItem(2)">
<i class="el-icon-s-fold"></i>
<span slot="title">工位退货</span>
</el-menu-item>
<el-menu-item :index=3 @click="clickMenuItem(3)">
<i class="el-icon-s-order"></i>
<span slot="title">工位存量</span>
</el-menu-item>
<el-menu-item :index=4 @click="clickMenuItem(4)">
<i class="el-icon-edit-outline"></i>
<span slot="title">待处理单</span>
</el-menu-item>
<el-menu-item :index=5 @click="clickMenuItem(5)">
<i class="el-icon-finished"></i>
<span slot="title">已完成单</span>
</el-menu-item>
</el-menu>
</el-col>
<el-col :span="22">
<el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
@tab-click="upodateMenuActive">
<el-tab-pane
v-for="(item, index) in editableTabs"
:key="item.name"
:label="item.title"
:name="item.name"
<el-col :span="22">
<el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" @tab-click="upodateMenuActive">
<el-tab-pane
v-for="(item, index) in editableTabs"
:key="item.name"
:label="item.title"
:name="item.name"
>
<component :is="item.component" v-bind="item.componentProps"/>
</el-tab-pane>
</el-tabs>
>
<component :is="item.component" v-bind="item.componentProps"/>
</el-tab-pane>
</el-tabs>
<!-- <el-tabs :tab-position="tabPosition" style="height: 100%">-->
<!-- <el-tab-pane label="处理单据" style="height: 100%" @click="addTab('DealOrderBlank')">-->
<!-- <DealOrderBlank>-->
<!-- </DealOrderBlank>-->
<!-- </el-tab-pane>-->
<!-- <el-tabs :tab-position="tabPosition" style="height: 100%">-->
<!-- <el-tab-pane label="处理单据" style="height: 100%" @click="addTab('DealOrderBlank')">-->
<!-- <DealOrderBlank>-->
<!-- </DealOrderBlank>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="工位上货"style="height: 100%" @click="addTab('IoCreateOrderBlankReturn')">-->
<!-- <IoCreateOrderBlankReturn-->
<!-- :splitType="'return'"-->
<!-- >-->
<!-- </IoCreateOrderBlankReturn>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="工位上货"style="height: 100%" @click="addTab('IoCreateOrderBlankReturn')">-->
<!-- <IoCreateOrderBlankReturn-->
<!-- :splitType="'return'"-->
<!-- >-->
<!-- </IoCreateOrderBlankReturn>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="工位退货" style="height: 100%" @click="addTab('IoCreateOrderBlankOut')">-->
<!-- <IoCreateOrderBlankOut-->
<!-- :splitType="'out'"-->
<!-- >-->
<!-- </IoCreateOrderBlankOut>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="工位退货" style="height: 100%" @click="addTab('IoCreateOrderBlankOut')">-->
<!-- <IoCreateOrderBlankOut-->
<!-- :splitType="'out'"-->
<!-- >-->
<!-- </IoCreateOrderBlankOut>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="工位存量" style="height: 100%" @click="addTab('ioSplitFifoCodeBlank')">-->
<!-- <ioSplitFifoCodeBlank>-->
<!-- </ioSplitFifoCodeBlank>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="工位存量" style="height: 100%" @click="addTab('ioSplitFifoCodeBlank')">-->
<!-- <ioSplitFifoCodeBlank>-->
<!-- </ioSplitFifoCodeBlank>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="待处理单" style="height: 100%" @click="addTab('CollectOrderAllotBlank')">-->
<!-- <CollectOrderAllotBlank>-->
<!-- </CollectOrderAllotBlank>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="待处理单" style="height: 100%" @click="addTab('CollectOrderAllotBlank')">-->
<!-- <CollectOrderAllotBlank>-->
<!-- </CollectOrderAllotBlank>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="已完成单" style="height: 100%" @click="addTab('CollectOrderEndBlank')">-->
<!-- <CollectOrderEndBlank>-->
<!-- </CollectOrderEndBlank>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="已完成单" style="height: 100%" @click="addTab('CollectOrderEndBlank')">-->
<!-- <CollectOrderEndBlank>-->
<!-- </CollectOrderEndBlank>-->
<!-- </el-tab-pane>-->
<!-- </el-tabs>-->
</el-col>
</el-row>
<!-- </el-tabs>-->
</el-col>
</el-row>
</div>
</div>
</template>
<script>

Loading…
Cancel
Save