|
|
|
|
@ -7,51 +7,51 @@
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<el-form :model="formData" class="order-el-form" ref="formData" label-width="120px" style="margin-top: 5px">
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="formData.workPlaceCode"
|
|
|
|
|
placeholder="当前工位"
|
|
|
|
|
style="width: 90%"
|
|
|
|
|
disabled
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in curWorkPlaces"
|
|
|
|
|
:key="item.workplaceId"
|
|
|
|
|
:label="item.workplaceName"
|
|
|
|
|
:value="item.workplaceId"
|
|
|
|
|
>
|
|
|
|
|
<span style="float: left">{{ item.workplaceName }}</span>
|
|
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
|
|
|
item.workplaceId
|
|
|
|
|
}}</span>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item prop="busType" class="query-form-item" label="当前业务类型:" >
|
|
|
|
|
<el-select v-model="formData.busType"
|
|
|
|
|
filterable
|
|
|
|
|
remote
|
|
|
|
|
reserve-keyword
|
|
|
|
|
disabled
|
|
|
|
|
placeholder="请选择业务类型" clearable style="width: 55%">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in busTypeList"
|
|
|
|
|
:key="item.documentTypeCode"
|
|
|
|
|
:label="item.busName"
|
|
|
|
|
:value="item.documentTypeCode"
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="formData.workPlaceCode"
|
|
|
|
|
placeholder="当前工位"
|
|
|
|
|
style="width: 90%"
|
|
|
|
|
disabled
|
|
|
|
|
>
|
|
|
|
|
<span style="float: left">{{ item.busName }}</span>
|
|
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.documentTypeCode }}</span>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in curWorkPlaces"
|
|
|
|
|
:key="item.workplaceId"
|
|
|
|
|
:label="item.workplaceName"
|
|
|
|
|
:value="item.workplaceId"
|
|
|
|
|
>
|
|
|
|
|
<span style="float: left">{{ item.workplaceName }}</span>
|
|
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
|
|
|
item.workplaceId
|
|
|
|
|
}}</span>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-button type="primary" @click="toggleBusType" style="margin-left: 5px">切换业务</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item prop="busType" class="query-form-item" label="当前业务类型:">
|
|
|
|
|
<el-select v-model="formData.busType"
|
|
|
|
|
filterable
|
|
|
|
|
remote
|
|
|
|
|
reserve-keyword
|
|
|
|
|
disabled
|
|
|
|
|
placeholder="请选择业务类型" clearable style="width: 55%">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in busTypeList"
|
|
|
|
|
:key="item.documentTypeCode"
|
|
|
|
|
:label="item.busName"
|
|
|
|
|
:value="item.documentTypeCode"
|
|
|
|
|
>
|
|
|
|
|
<span style="float: left">{{ item.busName }}</span>
|
|
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.documentTypeCode }}</span>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
|
|
<el-button type="primary" @click="toggleBusType" style="margin-left: 5px">切换业务</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
@ -59,7 +59,7 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-col :span="4" align="right" style="margin-top: 10px">
|
|
|
|
|
<div class="inv-hos-title">
|
|
|
|
|
@ -76,47 +76,47 @@
|
|
|
|
|
|
|
|
|
|
</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-edit-outline"></i>
|
|
|
|
|
<span slot="title">处理单据</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=1 @click="clickMenuItem(1)">
|
|
|
|
|
<i class="el-icon-s-unfold"></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-platform"></i>
|
|
|
|
|
<span slot="title">工位存量</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=4 @click="clickMenuItem(4)">
|
|
|
|
|
<i class="el-icon-s-order"></i>
|
|
|
|
|
<span slot="title">待处理单</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=5 @click="clickMenuItem(5)">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
<span slot="title">已完成单</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=6 @click="clickMenuItem(6)">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
<span slot="title">单据上传</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=7 @click="clickMenuItem(7)">
|
|
|
|
|
<i class="el-icon-s-claim"></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-edit-outline"></i>
|
|
|
|
|
<span slot="title">处理单据</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=1 @click="clickMenuItem(1)">
|
|
|
|
|
<i class="el-icon-s-unfold"></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-platform"></i>
|
|
|
|
|
<span slot="title">工位存量</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=4 @click="clickMenuItem(4)">
|
|
|
|
|
<i class="el-icon-s-order"></i>
|
|
|
|
|
<span slot="title">待处理单</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=5 @click="clickMenuItem(5)">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
<span slot="title">已完成单</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=6 @click="clickMenuItem(6)">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
<span slot="title">单据上传</span>
|
|
|
|
|
</el-menu-item>
|
|
|
|
|
<el-menu-item :index=7 @click="clickMenuItem(7)">
|
|
|
|
|
<i class="el-icon-s-claim"></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"
|
|
|
|
|
@ -126,8 +126,13 @@
|
|
|
|
|
:key="item.name"
|
|
|
|
|
:label="item.title"
|
|
|
|
|
:name="item.name"
|
|
|
|
|
|
|
|
|
|
@contextmenu.stop.prevent="handleTabContextMenu($event, item)"
|
|
|
|
|
>
|
|
|
|
|
<ul v-if="showContextMenu" class="context-menu" :style="contextMenuPosition">
|
|
|
|
|
<li @click="closeCurrentTab(contextMenuIndex)">关闭当前</li>
|
|
|
|
|
<li @click="closeOtherTabs">关闭其他</li>
|
|
|
|
|
<li @click="closeAllTabs">关闭所有</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div >
|
|
|
|
|
<component v-if="showChild" :is="item.component" v-bind="item.componentProps" :reset-key="resetKeys[item.name]" @parent-method="parentMethod" />
|
|
|
|
|
</div>
|
|
|
|
|
@ -179,7 +184,8 @@
|
|
|
|
|
<div style="flex: 1; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 10px;"
|
|
|
|
|
>
|
|
|
|
|
<!-- 假设这里有一些信息内容 -->
|
|
|
|
|
<p style="font-size: 14px;background-color: #e1f3fb" @click="selectBusType(info.documentTypeCode)">{{ info.remark }}</p>
|
|
|
|
|
<p style="font-size: 14px;background-color: #e1f3fb" @click="selectBusType(info.documentTypeCode)">
|
|
|
|
|
{{ info.remark }}</p>
|
|
|
|
|
<el-button type="primary" style="position: absolute; bottom: 20px; right: 20px;" icon="el-icon-thumb"
|
|
|
|
|
@click="selectBusType(info.documentTypeCode)">开始作业
|
|
|
|
|
</el-button>
|
|
|
|
|
@ -225,7 +231,7 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
showContextMenu: false, // 控制上下文菜单的显示
|
|
|
|
|
contextMenuPosition: { x: 0, y: 0 }, // 上下文菜单的位置
|
|
|
|
|
selectBusTypeDisabled: false,
|
|
|
|
|
selectBusTypeDisabled: false,
|
|
|
|
|
busQuery: {
|
|
|
|
|
busKey: '',
|
|
|
|
|
workplaceCode: null,
|
|
|
|
|
@ -233,8 +239,8 @@ export default {
|
|
|
|
|
limit: 100
|
|
|
|
|
},
|
|
|
|
|
formData: {},
|
|
|
|
|
curWorkPlaces:[],
|
|
|
|
|
busTypeList:[],
|
|
|
|
|
curWorkPlaces: [],
|
|
|
|
|
busTypeList: [],
|
|
|
|
|
logo: logoImg,
|
|
|
|
|
isLinkDisabled: false,
|
|
|
|
|
showChild: true,
|
|
|
|
|
@ -264,7 +270,7 @@ export default {
|
|
|
|
|
component: IoCreateOrderOut,
|
|
|
|
|
// 假设你需要传递的参数
|
|
|
|
|
componentProps: {
|
|
|
|
|
fromSplitType: 'out'
|
|
|
|
|
fromSplitType: 'out',
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@ -330,21 +336,21 @@ export default {
|
|
|
|
|
],
|
|
|
|
|
tabIndex: 0,
|
|
|
|
|
menuActive: 0,
|
|
|
|
|
resetKeys:{}
|
|
|
|
|
resetKeys: {}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
toggleBusType(){
|
|
|
|
|
toggleBusType() {
|
|
|
|
|
//隐藏下拉框内容
|
|
|
|
|
// this.$refs.selectHeadEmpId.blur();
|
|
|
|
|
this.selectBusTypeDisabled = true
|
|
|
|
|
},
|
|
|
|
|
selectBusType(val) {
|
|
|
|
|
this.formData.busType = val
|
|
|
|
|
let newQuery = { ...this.$route.query };
|
|
|
|
|
let newQuery = {...this.$route.query};
|
|
|
|
|
delete newQuery.billNo;
|
|
|
|
|
newQuery.busType = val
|
|
|
|
|
this.$router.push({ query: newQuery, path: this.$route.path });
|
|
|
|
|
this.$router.push({query: newQuery, path: this.$route.path});
|
|
|
|
|
this.editableTabs = []
|
|
|
|
|
this.clickMenuItem(0)
|
|
|
|
|
this.showChild = false;
|
|
|
|
|
@ -441,10 +447,11 @@ export default {
|
|
|
|
|
this.busTypeList = res.data.list
|
|
|
|
|
this.busTypeTotal = res.data.total
|
|
|
|
|
|
|
|
|
|
if (this.$route.query.busType != null){
|
|
|
|
|
if (this.$route.query.busType != null) {
|
|
|
|
|
this.formData.busType = this.$route.query.busType
|
|
|
|
|
}else if (this.busTypeList.length == 1) {
|
|
|
|
|
this.formData.busType = this.busTypeList[0].documentTypeCode
|
|
|
|
|
this.$router.push({query: {...this.$route.query, busType: this.formData.busType}, path: this.$route.path})
|
|
|
|
|
this.selectBusTypeDisabled = false
|
|
|
|
|
} else {
|
|
|
|
|
this.selectBusTypeDisabled = true
|
|
|
|
|
@ -456,47 +463,46 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleContextMenu(event, tabItem) {
|
|
|
|
|
console.log("右击")
|
|
|
|
|
handleContextMenu() {
|
|
|
|
|
this.showContextMenu = true;
|
|
|
|
|
},
|
|
|
|
|
handleTabContextMenu(event, tab) {
|
|
|
|
|
this.showContextMenu = true;
|
|
|
|
|
this.contextMenuTab = tab;
|
|
|
|
|
this.contextMenuPosition = { x: event.clientX, y: event.clientY };
|
|
|
|
|
// 这里可以显示一个自定义的菜单，例如使用 Element UI 的 Dialog 或 Popover
|
|
|
|
|
// 假设你有一个名为 showContextMenu 的方法来显示菜单，并传递 tabItem 作为参数
|
|
|
|
|
this.showContextMenu(tabItem, event.clientX, event.clientY);
|
|
|
|
|
},
|
|
|
|
|
showContextMenu(tabItem, x, y) {
|
|
|
|
|
// 显示你的自定义菜单逻辑，这里只是示例
|
|
|
|
|
this.contextMenuVisible = true;
|
|
|
|
|
this.contextMenuPosition = { x, y };
|
|
|
|
|
this.selectedTabItem = tabItem;
|
|
|
|
|
|
|
|
|
|
closeContextMenu() {
|
|
|
|
|
this.showContextMenu = false;
|
|
|
|
|
this.contextMenuStyle.display = 'none'; // 隐藏上下文菜单
|
|
|
|
|
},
|
|
|
|
|
// 其他菜单操作的方法，如 closeCurrent, closeOthers, closeAll
|
|
|
|
|
closeCurrent() {
|
|
|
|
|
closeCurrentTab(index) {
|
|
|
|
|
// 关闭当前标签页的逻辑
|
|
|
|
|
const index = this.editableTabs.findIndex(tab => tab.name === this.selectedTabItem.name);
|
|
|
|
|
if (index !== -1) {
|
|
|
|
|
this.editableTabs.splice(index, 1);
|
|
|
|
|
this.editableTabsValue = this.editableTabs[this.editableTabs.length - 1]?.name || '';
|
|
|
|
|
}
|
|
|
|
|
this.editableTabs.splice(index, 1); // 假设这是关闭标签页的方式
|
|
|
|
|
this.editableTabsValue = this.editableTabs.length > 0 ? this.editableTabs[0].name : '';
|
|
|
|
|
this.closeContextMenu();
|
|
|
|
|
},
|
|
|
|
|
closeOthers() {
|
|
|
|
|
closeOtherTabs() {
|
|
|
|
|
// 关闭其他标签页的逻辑
|
|
|
|
|
this.editableTabs = this.editableTabs.filter(tab => tab.name === this.selectedTabItem.name);
|
|
|
|
|
this.editableTabsValue = this.selectedTabItem.name;
|
|
|
|
|
// ...
|
|
|
|
|
this.closeContextMenu();
|
|
|
|
|
},
|
|
|
|
|
closeAll() {
|
|
|
|
|
closeAllTabs() {
|
|
|
|
|
// 关闭所有标签页的逻辑
|
|
|
|
|
this.editableTabs = [];
|
|
|
|
|
this.editableTabsValue = '';
|
|
|
|
|
}
|
|
|
|
|
this.closeContextMenu();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
contextMenuStyle() {
|
|
|
|
|
contextMenuPosition() {
|
|
|
|
|
return {
|
|
|
|
|
position: 'fixed', // 使用 fixed 定位确保它浮动在顶层
|
|
|
|
|
left: `${this.contextMenuPosition.x}px`,
|
|
|
|
|
top: `${this.contextMenuPosition.y}px`,
|
|
|
|
|
// 你可以添加更多的样式来美化你的上下文菜单
|
|
|
|
|
zIndex: 1000, // 确保它在其他内容之上
|
|
|
|
|
// 其他样式...
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
@ -511,7 +517,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
<style lang="css" scoped>
|
|
|
|
|
.sidebar-logo {
|
|
|
|
|
width: 80px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
@ -519,8 +525,25 @@ export default {
|
|
|
|
|
margin-left: 25px;
|
|
|
|
|
}
|
|
|
|
|
.context-menu {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1000; /* 确保它在其他内容之上 */
|
|
|
|
|
zIndex: 1000;
|
|
|
|
|
position: fixed ;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
background-color: #f9f9f9;
|
|
|
|
|
border: 1px solid #d4d4d4;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
/* 其他样式... */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.context-menu li {
|
|
|
|
|
padding: 8px 16px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
/* 其他样式... */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.context-menu li:hover {
|
|
|
|
|
background-color: #e1e1e1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
wangwei
1 year ago