347 lines
9.3 KiB
Vue
347 lines
9.3 KiB
Vue
<template>
|
||
<view style="background-color: #fff;">
|
||
<uni-row style="margin-bottom: 5px;">
|
||
<uni-col :span="3">
|
||
<u-button type="primary" style="font-size: 24px;" name="logIn" @click="empinput">登 录</u-button>
|
||
</uni-col>
|
||
<uni-col :span="18"></uni-col>
|
||
<uni-col :span="6">
|
||
<view style="position: absolute;right: 0;top:5px;font-size: 22px;">
|
||
{{empName?empName+' 您好！':'请登录！'}}
|
||
</view>
|
||
</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<uni-col :span="12">
|
||
<uni-card :is-shadow="false" is-full>
|
||
<u-cell-group :border="false">
|
||
<u-cell title="工单" :clickable="true" name="pwo" @click="input">
|
||
<u-icon slot="right-icon" size="25" name="edit-pen-fill" label="填写"
|
||
label-pos="bottom"></u-icon>
|
||
<span slot="value" class="value">{{pwoCode}}</span>
|
||
</u-cell>
|
||
<u-cell title="作业编码" :clickable="true" @click="selectJob">
|
||
<u-icon slot="right-icon" size="25" name="list-dot" label="切换" label-pos="bottom"></u-icon>
|
||
<span slot="value" class="value">{{job.code}}</span>
|
||
</u-cell>
|
||
<u-cell title="设备" :clickable="true">
|
||
<u-button slot="right-icon" type="primary" :plain="false" v-if="!job.eqpId"
|
||
@click="eqpInput">上 机</u-button>
|
||
<!-- <u-icon slot="right-icon" size="25" name="edit-pen-fill" label="填写" label-pos="bottom"></u-icon> -->
|
||
<span slot="value" class="value">{{eqpValue}}</span>
|
||
</u-cell>
|
||
<u-cell title="SN" :border="false" :clickable="true" name="sn" @click="input">
|
||
<u-icon slot="right-icon" size="25" name="edit-pen-fill" label="填写"
|
||
label-pos="bottom"></u-icon>
|
||
<span slot="value" class="value">{{snCode}}</span>
|
||
</u-cell>
|
||
</u-cell-group>
|
||
</uni-card>
|
||
|
||
</uni-col>
|
||
<!-- <uni-col :span="2">
|
||
<u-line direction="col" length="50px"></u-line>
|
||
</uni-col> -->
|
||
<uni-col :span="12">
|
||
<uni-card :is-shadow="false" is-full>
|
||
<u-cell-group :border="false">
|
||
<u-cell title="物料编码">
|
||
<span slot="value" class="value">{{job.ptNoTar}}</span>
|
||
<u-button slot="right-icon" type="primary" @click="report" :plain="false">报 工</u-button>
|
||
</u-cell>
|
||
<u-cell title="物料名称">
|
||
<span slot="value" class="value">{{job.ptTitleTar}}</span>
|
||
</u-cell>
|
||
<u-cell title="工序名称">
|
||
<span slot="value" class="value">{{job.opTitle}}</span>
|
||
</u-cell>
|
||
<u-cell title="作业数量" :border="false">
|
||
<span slot="value" class="value">{{job.planNum}}</span>
|
||
</u-cell>
|
||
</u-cell-group>
|
||
</uni-card>
|
||
</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<u-divider text="数据采集进度" textSize="20"></u-divider>
|
||
<u-line-progress :percentage="80" inactiveColor="" height="20"></u-line-progress>
|
||
</uni-row>
|
||
<!-- <u-picker style="width: 80%;" :show=" showMenu" @close="Menuclose" @confirm="confirm" @cancel="cancel"
|
||
:columns="columns" :closeOnClickOverlay="true"></u-picker> -->
|
||
<u-action-sheet :actions="columns" @select="confirm" cancelText="取消" @close="cancel" title="请选择模式"
|
||
:show="showMenu" :closeOnClickOverlay="true"></u-action-sheet>
|
||
<view>
|
||
<!-- 输入框 -->
|
||
<uni-popup ref="inputDialog" type="dialog">
|
||
<uni-popup-dialog ref="inputClose" mode="input" :title="'输入'+title"
|
||
@confirm="dialogInputConfirm"></uni-popup-dialog>
|
||
</uni-popup>
|
||
<uni-popup ref="selectDialog" type="dialog">
|
||
<uni-popup-dialog type="info" cancelText="关闭" confirmText="确定" title="请选择作业" @confirm="dialogConfirm"
|
||
@close="dialogClose">
|
||
<u-radio-group v-model="job" iconPlacement="right" :borderBottom="true" placement="column">
|
||
<u-radio v-for="(item, index) in jobList" :customStyle="{marginBottom: '16px'}" :name="item"
|
||
:key="index" labelSize="20" :label="item.name"></u-radio>
|
||
</u-radio-group>
|
||
</uni-popup-dialog>
|
||
</uni-popup>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
updatePwoJob,
|
||
listEquipment,
|
||
getEquipment,
|
||
getPwoJob,
|
||
listPwoJob
|
||
} from "@/api/mes/jobReport.js"
|
||
import {
|
||
listEmployee,
|
||
} from "@/api/mes/jobIn.js"
|
||
export default {
|
||
data() {
|
||
return {
|
||
showMenu: false,
|
||
// columns: [
|
||
// ['常规功能', 'MES智能终端']
|
||
// ],
|
||
columns: [{
|
||
name: '常规功能',
|
||
path: '/pages/work/index'
|
||
},
|
||
{
|
||
name: 'MES智能终端',
|
||
path: '/pages/work/mesIT'
|
||
},
|
||
],
|
||
empName: null,
|
||
title: null,
|
||
pwoCode: null,
|
||
jobCode: null,
|
||
eqpValue: null,
|
||
snCode: null,
|
||
//作业列表
|
||
jobList: [],
|
||
radiovalue: null,
|
||
//作业信息
|
||
job: []
|
||
}
|
||
},
|
||
methods: {
|
||
//根据点击的cell来赋值title
|
||
input(e) {
|
||
console.log(e)
|
||
if (e.name == 'pwo') {
|
||
this.title = '工单'
|
||
}
|
||
if (e.name == 'sn') {
|
||
this.title = 'SN'
|
||
}
|
||
this.$refs.inputDialog.open()
|
||
},
|
||
empinput() {
|
||
this.title = '人员编码'
|
||
this.$refs.inputDialog.open()
|
||
},
|
||
eqpInput() {
|
||
this.title = '设备编码';
|
||
this.$refs.inputDialog.open()
|
||
},
|
||
//输入框确认按钮
|
||
dialogInputConfirm(val) {
|
||
//根据标题进入相应的逻辑运算
|
||
if (val && this.title == '工单') {
|
||
uni.showLoading({
|
||
title: '正在跳转中'
|
||
})
|
||
setTimeout(() => {
|
||
uni.hideLoading()
|
||
this.pwoCode = val
|
||
this.getJobByPwo(val);
|
||
// 关闭窗口后，恢复默认内容
|
||
this.$refs.inputDialog.close()
|
||
this.$refs.selectDialog.open()
|
||
}, 1000)
|
||
} else if (val && this.title == 'SN') {
|
||
uni.showLoading()
|
||
setTimeout(() => {
|
||
uni.hideLoading()
|
||
this.snCode = val
|
||
// 关闭窗口后，恢复默认内容
|
||
this.$refs.inputDialog.close()
|
||
}, 1000)
|
||
} else if (val && this.title == '人员编码') {
|
||
uni.showLoading({
|
||
title: '正在绑定中'
|
||
});
|
||
setTimeout(() => {
|
||
uni.hideLoading()
|
||
this.empCode = val;
|
||
listEmployee({
|
||
empCode: val
|
||
}).then(res => {
|
||
if (res.total > 0) {
|
||
this.empName = res.rows[0].name;
|
||
this.$refs.inputDialog.close()
|
||
} else {
|
||
this.$modal.msgError("未查询到相关人员，请重新输入！");
|
||
}
|
||
})
|
||
}, 1000)
|
||
} else if (val && this.title == '设备编码') {
|
||
uni.showLoading();
|
||
setTimeout(() => {
|
||
uni.hideLoading()
|
||
//根据设备编码来获取设备id
|
||
listEquipment({
|
||
equipmentCode: val
|
||
}).then(async res => {
|
||
if (res.total > 0) {
|
||
this.job.eqpId = res.rows[0].id;
|
||
this.eqpValue = res.rows[0].equipmentCode + ':' + res.rows[0]
|
||
.equipmentTitle
|
||
updatePwoJob(this.job).then(res => {
|
||
this.$modal.msgSuccess("作业上机成功！");
|
||
});
|
||
this.$refs.inputDialog.close()
|
||
} else {
|
||
this.$modal.msgError("未查询到该设备信息！");
|
||
}
|
||
});
|
||
}, 1000)
|
||
} else {
|
||
this.$modal.msgError("请输入" + this.title);
|
||
}
|
||
},
|
||
//根据输入的工单获取作业信息
|
||
async getJobByPwo(val) {
|
||
await listPwoJob({
|
||
pwoCode: val
|
||
}).then(res => {
|
||
this.jobList = res.rows.map(item => {
|
||
item.name = item.code;
|
||
item.disabled = false;
|
||
return item;
|
||
});
|
||
})
|
||
},
|
||
//打开选择作业弹框
|
||
selectJob() {
|
||
this.$refs.selectDialog.open()
|
||
},
|
||
//选择作业弹框的确认按钮，存入job信息，赋值设备信息
|
||
dialogConfirm() {
|
||
if (this.job) {
|
||
this.eqpValue = null;
|
||
if (this.job.eqpId) {
|
||
getEquipment(this.job.eqpId).then(async res => {
|
||
this.eqpValue = res.data.equipmentCode + ':' + res.data.equipmentTitle
|
||
})
|
||
}
|
||
this.$refs.selectDialog.close()
|
||
}
|
||
},
|
||
//作业选择弹框关闭
|
||
dialogClose() {
|
||
this.$refs.selectDialog.close()
|
||
},
|
||
//报工弹框
|
||
report() {
|
||
|
||
},
|
||
//模式选择弹框关闭
|
||
Menuclose() {
|
||
this.showMenu = false
|
||
},
|
||
//模式选择弹框确认
|
||
confirm(e) {
|
||
console.log(e)
|
||
// if (e.value == '常规功能') {
|
||
// this.$tab.reLaunch('/pages/work/index');
|
||
// } else if (e.value == 'MES智能终端') {
|
||
// this.$tab.reLaunch('/pages/work/mesIT');
|
||
// }
|
||
this.$tab.reLaunch(e.path);
|
||
},
|
||
//模式选择弹框取消
|
||
cancel() {
|
||
this.showMenu = false
|
||
},
|
||
//获取模式选择点击事件
|
||
onNavigationBarButtonTap(e) {
|
||
console.log(e)
|
||
this.showMenu = !this.showMenu;
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
::v-deep .u-cell__body__content {
|
||
flex: 0.5;
|
||
}
|
||
|
||
::v-deep .u-cell__title-text {
|
||
font-size: 24px !important;
|
||
font-weight: 900;
|
||
}
|
||
|
||
::v-deep .u-cell__body {
|
||
padding: 5px 15px;
|
||
height: 50px;
|
||
}
|
||
|
||
::v-deep .u-line-progress__text {
|
||
font-size: 18px;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
::v-deep .u-line-progress {
|
||
margin: 10px;
|
||
}
|
||
|
||
::v-deep .uni-popup-dialog {
|
||
width: 500px;
|
||
}
|
||
|
||
|
||
::v-deep .uni-dialog-input {
|
||
font-size: 20px
|
||
}
|
||
|
||
::v-deep .u-cell__right-icon-wrap {
|
||
position: absolute;
|
||
right: 80px;
|
||
}
|
||
|
||
.u-reset-button {
|
||
background-color: #3c9cff;
|
||
font-size: 20px;
|
||
color: #fff;
|
||
width: 80px;
|
||
height: 40px;
|
||
// margin-left: 10px;
|
||
}
|
||
|
||
.value {
|
||
font-size: 22px
|
||
}
|
||
|
||
.radio-group-wrapper {
|
||
max-height: 200px;
|
||
/* 设置最大高度，超过该高度将显示滚动条 */
|
||
overflow-y: auto;
|
||
/* 仅在内容溢出时显示垂直滚动条 */
|
||
width: 100%;
|
||
}
|
||
|
||
@media screen and (min-width: 600px) and (orientation:landscape) {
|
||
::v-deep .u-cell__title-text {
|
||
font-size: 24px;
|
||
font-weight: 900;
|
||
}
|
||
|
||
}
|
||
</style> |