右上角布局修改

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

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

Loading…
Cancel
Save