|
|
@ -7,51 +7,51 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<el-form :model="formData" class="order-el-form" ref="formData" label-width="120px" style="margin-top: 5px">
|
|
|
|
<el-form :model="formData" class="order-el-form" ref="formData" label-width="120px" style="margin-top: 5px">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:">
|
|
|
|
<el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:">
|
|
|
|
<el-select
|
|
|
|
<el-select
|
|
|
|
v-model="formData.workPlaceCode"
|
|
|
|
v-model="formData.workPlaceCode"
|
|
|
|
placeholder="当前工位"
|
|
|
|
placeholder="当前工位"
|
|
|
|
style="width: 90%"
|
|
|
|
style="width: 90%"
|
|
|
|
disabled
|
|
|
|
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"
|
|
|
|
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<span style="float: left">{{ item.busName }}</span>
|
|
|
|
<el-option
|
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.documentTypeCode }}</span>
|
|
|
|
v-for="item in curWorkPlaces"
|
|
|
|
</el-option>
|
|
|
|
:key="item.workplaceId"
|
|
|
|
</el-select>
|
|
|
|
: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-col :span="6">
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="busType" class="query-form-item" label="当前业务类型:">
|
|
|
|
</el-col>
|
|
|
|
<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-col :span="6">
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
@ -59,7 +59,7 @@
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="4" align="right" style="margin-top: 10px">
|
|
|
|
<el-col :span="4" align="right" style="margin-top: 10px">
|
|
|
|
<div class="inv-hos-title">
|
|
|
|
<div class="inv-hos-title">
|
|
|
@ -76,47 +76,47 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
<el-row class="tac">
|
|
|
|
<el-row class="tac">
|
|
|
|
<el-col :span="2">
|
|
|
|
<el-col :span="2">
|
|
|
|
<!-- <h5>默认颜色</h5>-->
|
|
|
|
<!-- <h5>默认颜色</h5>-->
|
|
|
|
<el-menu
|
|
|
|
<el-menu
|
|
|
|
:default-active="menuActive"
|
|
|
|
:default-active="menuActive"
|
|
|
|
class="el-menu-vertical-demo"
|
|
|
|
class="el-menu-vertical-demo"
|
|
|
|
@open="handleOpen">
|
|
|
|
@open="handleOpen">
|
|
|
|
<el-menu-item :index=0 @click="clickMenuItem(0)">
|
|
|
|
<el-menu-item :index=0 @click="clickMenuItem(0)">
|
|
|
|
<i class="el-icon-edit-outline"></i>
|
|
|
|
<i class="el-icon-edit-outline"></i>
|
|
|
|
<span slot="title">处理单据</span>
|
|
|
|
<span slot="title">处理单据</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
<el-menu-item :index=1 @click="clickMenuItem(1)">
|
|
|
|
<el-menu-item :index=1 @click="clickMenuItem(1)">
|
|
|
|
<i class="el-icon-s-unfold"></i>
|
|
|
|
<i class="el-icon-s-unfold"></i>
|
|
|
|
<span slot="title">工位上货</span>
|
|
|
|
<span slot="title">工位上货</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
<el-menu-item :index=2 @click="clickMenuItem(2)">
|
|
|
|
<el-menu-item :index=2 @click="clickMenuItem(2)">
|
|
|
|
<i class="el-icon-s-fold"></i>
|
|
|
|
<i class="el-icon-s-fold"></i>
|
|
|
|
<span slot="title">工位退货</span>
|
|
|
|
<span slot="title">工位退货</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
<el-menu-item :index=3 @click="clickMenuItem(3)">
|
|
|
|
<el-menu-item :index=3 @click="clickMenuItem(3)">
|
|
|
|
<i class="el-icon-s-platform"></i>
|
|
|
|
<i class="el-icon-s-platform"></i>
|
|
|
|
<span slot="title">工位存量</span>
|
|
|
|
<span slot="title">工位存量</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
<el-menu-item :index=4 @click="clickMenuItem(4)">
|
|
|
|
<el-menu-item :index=4 @click="clickMenuItem(4)">
|
|
|
|
<i class="el-icon-s-order"></i>
|
|
|
|
<i class="el-icon-s-order"></i>
|
|
|
|
<span slot="title">待处理单</span>
|
|
|
|
<span slot="title">待处理单</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
<el-menu-item :index=5 @click="clickMenuItem(5)">
|
|
|
|
<el-menu-item :index=5 @click="clickMenuItem(5)">
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
<span slot="title">已完成单</span>
|
|
|
|
<span slot="title">已完成单</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
<el-menu-item :index=6 @click="clickMenuItem(6)">
|
|
|
|
<el-menu-item :index=6 @click="clickMenuItem(6)">
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
<span slot="title">单据上传</span>
|
|
|
|
<span slot="title">单据上传</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
<el-menu-item :index=7 @click="clickMenuItem(7)">
|
|
|
|
<el-menu-item :index=7 @click="clickMenuItem(7)">
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
<span slot="title">损耗出库</span>
|
|
|
|
<span slot="title">损耗出库</span>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu-item>
|
|
|
|
</el-menu>
|
|
|
|
</el-menu>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="22">
|
|
|
|
<el-col :span="22">
|
|
|
|
<el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
|
|
|
|
<el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
|
|
|
@ -138,18 +138,12 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 自定义的上下文菜单(这里只是一个占位符,你需要实现它) -->
|
|
|
|
<!-- 上下文菜单 -->
|
|
|
|
<div v-if="showContextMenu" class="context-menu" :style="contextMenuStyle">
|
|
|
|
|
|
|
|
<button @click="closeCurrentTab">关闭当前</button>
|
|
|
|
<!-- <ul v-show="showContextMenu" :style="{left:left+'px',top:top+'px'}" class="contextmenu">-->
|
|
|
|
<button @click="closeOtherTabs">关闭其他</button>
|
|
|
|
<!-- <li> <i class="el-icon-refresh-right"></i> 刷新页面</li>-->
|
|
|
|
<button @click="closeAllTabs">关闭所有</button>
|
|
|
|
<!-- <li @click="refreshSelectedTag(selectedTag)"><i class="el-icon-refresh-right"></i> 刷新页面</li>-->
|
|
|
|
</div>
|
|
|
|
<!-- <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)"><i class="el-icon-close"></i> 关闭当前</li>-->
|
|
|
|
|
|
|
|
<!-- <li @click="closeOthersTags"><i class="el-icon-circle-close"></i> 关闭其他</li>-->
|
|
|
|
|
|
|
|
<!-- <li v-if="!isFirstView()" @click="closeLeftTags"><i class="el-icon-back"></i> 关闭左侧</li>-->
|
|
|
|
|
|
|
|
<!-- <li v-if="!isLastView()" @click="closeRightTags"><i class="el-icon-right"></i> 关闭右侧</li>-->
|
|
|
|
|
|
|
|
<!-- <li @click="closeAllTags(selectedTag)"><i class="el-icon-circle-close"></i> 全部关闭</li>-->
|
|
|
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
|
|
|
</el-tabs>
|
|
|
|
</el-tabs>
|
|
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
@ -190,7 +184,8 @@
|
|
|
|
<div style="flex: 1; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 10px;"
|
|
|
|
<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"
|
|
|
|
<el-button type="primary" style="position: absolute; bottom: 20px; right: 20px;" icon="el-icon-thumb"
|
|
|
|
@click="selectBusType(info.documentTypeCode)">开始作业
|
|
|
|
@click="selectBusType(info.documentTypeCode)">开始作业
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
@ -244,8 +239,8 @@ export default {
|
|
|
|
limit: 100
|
|
|
|
limit: 100
|
|
|
|
},
|
|
|
|
},
|
|
|
|
formData: {},
|
|
|
|
formData: {},
|
|
|
|
curWorkPlaces:[],
|
|
|
|
curWorkPlaces: [],
|
|
|
|
busTypeList:[],
|
|
|
|
busTypeList: [],
|
|
|
|
logo: logoImg,
|
|
|
|
logo: logoImg,
|
|
|
|
isLinkDisabled: false,
|
|
|
|
isLinkDisabled: false,
|
|
|
|
showChild: true,
|
|
|
|
showChild: true,
|
|
|
@ -275,7 +270,7 @@ export default {
|
|
|
|
component: IoCreateOrderOut,
|
|
|
|
component: IoCreateOrderOut,
|
|
|
|
// 假设你需要传递的参数
|
|
|
|
// 假设你需要传递的参数
|
|
|
|
componentProps: {
|
|
|
|
componentProps: {
|
|
|
|
fromSplitType: 'out'
|
|
|
|
fromSplitType: 'out',
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -341,21 +336,21 @@ export default {
|
|
|
|
],
|
|
|
|
],
|
|
|
|
tabIndex: 0,
|
|
|
|
tabIndex: 0,
|
|
|
|
menuActive: 0,
|
|
|
|
menuActive: 0,
|
|
|
|
resetKeys:{}
|
|
|
|
resetKeys: {}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
toggleBusType(){
|
|
|
|
toggleBusType() {
|
|
|
|
//隐藏下拉框内容
|
|
|
|
//隐藏下拉框内容
|
|
|
|
// this.$refs.selectHeadEmpId.blur();
|
|
|
|
// this.$refs.selectHeadEmpId.blur();
|
|
|
|
this.selectBusTypeDisabled = true
|
|
|
|
this.selectBusTypeDisabled = true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
selectBusType(val) {
|
|
|
|
selectBusType(val) {
|
|
|
|
this.formData.busType = val
|
|
|
|
this.formData.busType = val
|
|
|
|
let newQuery = { ...this.$route.query };
|
|
|
|
let newQuery = {...this.$route.query};
|
|
|
|
delete newQuery.billNo;
|
|
|
|
delete newQuery.billNo;
|
|
|
|
newQuery.busType = val
|
|
|
|
newQuery.busType = val
|
|
|
|
this.$router.push({ query: newQuery, path: this.$route.path });
|
|
|
|
this.$router.push({query: newQuery, path: this.$route.path});
|
|
|
|
this.editableTabs = []
|
|
|
|
this.editableTabs = []
|
|
|
|
this.clickMenuItem(0)
|
|
|
|
this.clickMenuItem(0)
|
|
|
|
this.showChild = false;
|
|
|
|
this.showChild = false;
|
|
|
@ -452,7 +447,7 @@ export default {
|
|
|
|
this.busTypeList = res.data.list
|
|
|
|
this.busTypeList = res.data.list
|
|
|
|
this.busTypeTotal = res.data.total
|
|
|
|
this.busTypeTotal = res.data.total
|
|
|
|
|
|
|
|
|
|
|
|
if (this.$route.query.busType != null){
|
|
|
|
if (this.$route.query.busType != null) {
|
|
|
|
this.formData.busType = this.$route.query.busType
|
|
|
|
this.formData.busType = this.$route.query.busType
|
|
|
|
}else if (this.busTypeList.length == 1) {
|
|
|
|
}else if (this.busTypeList.length == 1) {
|
|
|
|
this.formData.busType = this.busTypeList[0].documentTypeCode
|
|
|
|
this.formData.busType = this.busTypeList[0].documentTypeCode
|
|
|
|