UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 切换工位

Browse Source
yanshishuju
chenhc 6 months ago
parent 2ab26bf71f
commit 99c2ba53f8
2 changed files with 96 additions and 24 deletions
Show Stats Download Patch File Download Diff File

117
src/views/collect/CollectOrderTabs.vue
Unescape Escape View File

@ -11,12 +11,11 @@
<el-col :span="18" style="margin-left: 0px">
<span style="font-size: 14px;color: #909399">当前工位:&nbsp&nbsp&nbsp&nbsp<span
style="font-size: 16px;color: #000000">{{ this.formData.workplaceName }}</span>
&nbsp&nbsp&nbsp&nbsp
<!-- <span :style="{ color: formData.workplaceStatus === 0 ? 'green' : 'red' }"> ({{ formData.workplaceStatus === 0 ? '服务中' : '服务暂停' }} ) </span>-->
<!-- <el-button type="primary" @click="toggleWorkplaceStatus" style="margin-left: 10px;" >切换状态</el-button>-->
&nbsp&nbsp&nbsp&nbsp<el-button type="primary" icon="el-icon-sort" @click="toggleWorkplace" v-if="workPlaceClass == 2"
style="margin-left: 10px;">切换工位</el-button>
</span>
<span style="font-size: 14px;color: #909399;margin-left: 20px">当前业务名称:&nbsp&nbsp&nbsp&nbsp<span
<span style="font-size: 14px;color: #909399;margin-left: 20px" v-if="workPlaceClass == 1">当前业务名称:&nbsp&nbsp&nbsp&nbsp<span
style="font-size: 16px;color: #000000">{{ this.formData.busName }}</span>
&nbsp&nbsp&nbsp&nbsp <el-button type="primary" icon="el-icon-sort" @click="toggleBusType"
style="margin-left: 10px;">切换业务</el-button>
@ -204,6 +203,54 @@
</el-row>
</el-dialog>
<el-dialog
title="选择作业工位"
:visible.sync="selectWorkplaceeDisabled"
:close-on-click-modal="false"
:close-on-press-escape="false"
:show-close="selectBusTypeClosrrButDisabled"
v-if="selectWorkplaceeDisabled"
width="65%"
append-to-body
>
<el-row>
<el-col v-for="(info, index) in curWorkPlaces" :key="index" :xs="12" :sm="8" :md="8" :lg="6">
<el-card :body-style="{margin:'20px'}"
style="margin:20px 20px 20px 20px;height: 200px;background-color: #e1f3fb;border-radius: 12px; position: relative;"
>
<div
style="display: flex; justify-content: space-between; align-items: center; height: 46px; /* 约为 200px 的 1/3 */"
@click="selectWorkplace(info)">
<p style="font-size: 20px;background-color: #e1f3fb;font-weight: bold;">{{ info.workplaceName }}</p>
<!-- 假设你的信息对象中包含一个title属性 -->
<!-- <div style="width: 60px; height: 60px; display: flex; justify-content: center; align-items: center;">-->
<!-- &lt;!&ndash; 二维码占位，这里用灰色方块代替 &ndash;&gt;-->
<!--&lt;!&ndash; <span>QR</span>&ndash;&gt;-->
<!-- <div ref="qrcode" :id="'qrcode-'+index" style="width: 60px;height: 60px;"></div>-->
<!-- </div>-->
</div>
<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="selectWorkplace(info)">
{{ info.remark }}</p>
<el-button type="primary" style="position: absolute; bottom: 20px; right: 20px;" icon="el-icon-thumb"
@click="selectWorkplace(info)">开始作业
</el-button>
</div>
</el-card>
</el-col>
</el-row>
</el-dialog>
</div>
@ -244,6 +291,8 @@ export default {
isContentVisible: false, // 控制内容是否显示
showContextMenu: false, // 控制上下文菜单的显示
contextMenuPosition: {x: 0, y: 0}, // 上下文菜单的位置
selectWorkplaceClosrrButDisabled: false,
selectWorkplaceeDisabled: false,
selectBusTypeDisabled: false,
selectBusTypeClosrrButDisabled: false,
selectWorkplaceStatusDisabled: false,
@ -412,6 +461,11 @@ export default {
this.selectBusTypeClosrrButDisabled = true
this.selectBusTypeDisabled = true
},
toggleWorkplace() {
//切换业务时 可以有关闭按钮展示
this.selectWorkplaceClosrrButDisabled = true
this.selectWorkplaceeDisabled = true
},
selectBusType(info) {
let val = info.documentTypeCode
this.formData.busType = val
@ -430,6 +484,23 @@ export default {
this.selectBusTypeDisabled = false
this.selectBusTypeClosrrButDisabled = false
},
selectWorkplace(info) {
let val = info.workplaceId
this.formData.workplaceId = val
let newQuery = {...this.$route.query};
delete newQuery.billNo;
newQuery.workplaceId = val
this.$router.push({query: newQuery, path: this.$route.path});
this.formData.workplaceName = info.workplaceName;
this.editableTabs = []
this.clickMenuItem(0)
this.showChild = false;
this.$nextTick(() => {
this.showChild = true;
});
this.selectWorkplaceClosrrButDisabled = false
this.selectWorkplaceeDisabled = false
},
parentMethod(data) {
const foundTab = this.findAllTabByName(data)
this.clickMenuItem(foundTab.number)
@ -508,6 +579,7 @@ export default {
key: val,
status: 1,
// invCode: this.formData.invCode,
workPlaceClass: this.workPlaceClass,
page: 1,
limit: 100,
}
@ -517,25 +589,6 @@ export default {
let item = this.curWorkPlaces.find(item => item.workplaceId == this.$route.query.workplaceId);
this.formData.workplaceName = item.workplaceName
this.formData.workplaceStatus = item.workplaceStatus
this.workPlaceClass = item.workPlaceClass
if(this.workPlaceClass == 2){
console.log(this.workPlaceClass)
this.closeAllTabs()
this.editableTabsValue = 'IoCreateOrderOut';
this.menuActive= 1,
this.editableTabs = [{
number: 1,
title: '工位上货',
name: 'IoCreateOrderOut',
component: IoCreateOrderOut,
// 假设你需要传递的参数
componentProps: {
fromSplitType: "out"
}
}
];
}
}else
if (this.curWorkPlaces.length == 1 && this.formData.workPlaceCode == null) {
this.formData.workPlaceCode = this.curWorkPlaces[0].workplaceId;
@ -615,6 +668,24 @@ export default {
},
},
created() {
this.workPlaceClass = this.$route.query.workPlaceClass
if(this.workPlaceClass == 2){
this.closeAllTabs()
this.editableTabsValue = 'IoCreateOrderOut';
this.menuActive= 1,
this.editableTabs = [{
number: 1,
title: '工位上货',
name: 'IoCreateOrderOut',
component: IoCreateOrderOut,
// 假设你需要传递的参数
componentProps: {
fromSplitType: "out"
}
}
];
}
this.findCurWorkPlaces();
if (this.$route.query.workplaceId != null) {
this.isLinkDisabled = true

3
src/views/collect/fieldOperation.vue
Unescape Escape View File

@ -97,9 +97,10 @@ export default {
userId: this.$store.getters.adminId,
workplaceCode: this.stationList[index].workplaceId,
}
let workPlaceClass = this.stationList[index].workPlaceClass
getUserWorkByWorkplaceCode(query).then(res => {
if (res.code == 20000){
let url = window.location.origin + `/UDI_WMS_NEW#/tagCodeBlank?workplaceId=` + this.stationList[index].workplaceId
let url = window.location.origin + `/UDI_WMS_NEW#/tagCodeBlank?workplaceId=` + this.stationList[index].workplaceId +`&workPlaceClass=`+ this.stationList[index].workPlaceClass
// this.$router.push( workplaceId)
window.open(url, '_blank');
}else {

Write Preview
Loading…
Cancel
Save