270 lines
6.5 KiB
Vue
270 lines
6.5 KiB
Vue
<template>
|
||
<view class="container">
|
||
<t-emp />
|
||
<uni-card class="eqpInfo">
|
||
<uni-row class="eqpCode">
|
||
<uni-col :span="10">
|
||
<span>设备编码</span>
|
||
</uni-col>
|
||
<uni-col :span="14">
|
||
<uni-easyinput suffixIcon="scan" @iconClick="scanBar" v-model="eqpCode" type="text" />
|
||
</uni-col>
|
||
</uni-row>
|
||
<uni-row class="eqpName">
|
||
<uni-col :span="10">
|
||
<span>设备名称</span>
|
||
</uni-col>
|
||
<uni-col :span="14">
|
||
<span>{{ eqpName }}</span>
|
||
</uni-col>
|
||
</uni-row>
|
||
<button type="primary" class="searchBtn" @click="searchEqp">查询</button>
|
||
</uni-card>
|
||
<view class="jobInfo">
|
||
<uni-card class="jobs" v-for="(item, index) in searchJobWithEqp" :key="index">
|
||
<uni-section class="mb-10" :title="jobStatuses[item.jobStatus - 1]"
|
||
:title-color="jobStatusColor[item.jobStatus - 1]" title-font-size="40rpx" type="line" />
|
||
<uni-row>
|
||
<uni-col :span="8">作业编码：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.jobCode }}</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<uni-col :span="8">工单编码：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.pwoCode }}</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<uni-col :span="8">目标产品编码：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.tarProCode }}</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<uni-col :span="8">产品名称：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.tarProName }}</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<uni-col :span="8">规格一：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.specification1 }}</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<uni-col :span="8">制程名称：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.opTitle }}</uni-col>
|
||
</uni-row><uni-row>
|
||
<uni-col :span="8">目标产量：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.planNum }}</uni-col>
|
||
</uni-row><uni-row>
|
||
<uni-col :span="8">未完成：</uni-col>
|
||
<uni-col :span="12" :offset="3">{{ item.unfinishedNum }}</uni-col>
|
||
</uni-row>
|
||
</uni-card>
|
||
</view>
|
||
<button v-if="isLegal" type="primary" class="confirmStart" @click="submit">确认上机</button>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
addStart,
|
||
listEmpEqpHistory
|
||
} from '@/api/basic/empEqpHistory.js'
|
||
import {
|
||
listPwoJob
|
||
} from '@/api/mes/jobReport.js'
|
||
import {
|
||
listEmployee
|
||
} from '@/api/mes/jobIn.js'
|
||
import {
|
||
listEquipment
|
||
} from '@/api/basic/cutter.js'
|
||
import {
|
||
getInfo
|
||
} from '@/api/login'
|
||
import {
|
||
getDicts
|
||
} from '@/api/system/dict/dictData.js'
|
||
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
userId: null,
|
||
empName: this.$store.state.employee.empName,
|
||
empCode: this.$store.state.employee.empCode,
|
||
eqpCode: null,
|
||
eqpId: null,
|
||
eqpName: null,
|
||
jobStatuses: [],
|
||
jobStatusColor: [
|
||
'#FFBA00',
|
||
'#13CE66',
|
||
'#1890FF'
|
||
],
|
||
searchJobWithEqp: [],
|
||
isLegal: false
|
||
}
|
||
},
|
||
methods: {
|
||
// 根据设备编码查询设备名称
|
||
async searchEqp() {
|
||
this.eqpId = null
|
||
this.eqpName = null
|
||
this.isLegal = false
|
||
if (this.eqpCode) {
|
||
await listEquipment({
|
||
equipmentCode: this.eqpCode
|
||
}).then((res) => {
|
||
if (res.rows.length > 0) {
|
||
this.eqpId = res.rows[0].id
|
||
this.eqpName = res.rows[0].equipmentTitle
|
||
this.isLegal = true
|
||
} else {
|
||
this.eqpName = null
|
||
this.searchJobWithEqp = null
|
||
this.$modal.showToast("未查询到设备信息，请检查设备编号")
|
||
}
|
||
})
|
||
} else {
|
||
this.$modal.showToast("请先输入设备编码")
|
||
}
|
||
this.searchJob()
|
||
},
|
||
// 根据设备查找关联的作业信息
|
||
searchJob() {
|
||
this.searchJobWithEqp = []
|
||
if (!this.isLegal) {
|
||
this.eqpName = null
|
||
} else {
|
||
this.$modal.loading('查询中')
|
||
listPwoJob({
|
||
eqpId: this.eqpId
|
||
}).then(async res => {
|
||
this.$modal.closeLoading()
|
||
for (var i in res.rows) {
|
||
// 只显示已派工、材料已转入、作业开工3个状态的作业信息
|
||
let filterNum = res.rows[i].status % 9
|
||
if (filterNum > 0 && filterNum < 4 && res.rows[i].status != 1) {
|
||
this.searchJobWithEqp.push({
|
||
jobCode: res.rows[i].code,
|
||
pwoCode: res.rows[i].pwoCode,
|
||
tarProCode: res.rows[i].ptNoTar,
|
||
tarProName: res.rows[i].ptTitleTar,
|
||
specification1: res.rows[i].specification1,
|
||
opTitle: res.rows[i].opTitle,
|
||
planNum: res.rows[i].targetNum,
|
||
unfinishedNum: res.rows[i].unFinishQty,
|
||
jobStatus: filterNum
|
||
})
|
||
}
|
||
}
|
||
}).catch(() => {
|
||
this.$modal.showToast("查询失败")
|
||
})
|
||
}
|
||
},
|
||
scanBar() {
|
||
uni.scanCode({
|
||
scanType: ['qrCode', 'barCode'],
|
||
success: (res) => {
|
||
this.eqpCode = res.result;
|
||
},
|
||
fail: () => {
|
||
this.$modal.showToast("获取设备编码失败")
|
||
}
|
||
});
|
||
},
|
||
submit() {
|
||
if (this.eqpCode) {
|
||
this.$modal.loading('提交中')
|
||
addStart({
|
||
empCode: this.empCode,
|
||
eqpCode: this.eqpCode
|
||
}).then(res => {
|
||
this.$modal.closeLoading();
|
||
this.$modal.msgSuccess("上机成功！")
|
||
setTimeout(() => {
|
||
uni.navigateBack()
|
||
}, 500);
|
||
})
|
||
} else {
|
||
this.$modal.showToast("请先输入设备编码")
|
||
}
|
||
}
|
||
},
|
||
// 根据账号获取员工姓名和账号ID
|
||
onLoad() {
|
||
// 获取字典中的作业状态
|
||
getDicts("mes_job_status").then(res => {
|
||
for (var i in res.data) {
|
||
let filterNum = res.data[i].dictValue % 9
|
||
if (filterNum > 0 && filterNum < 4 && res.data[i].dictValue != 1) {
|
||
this.jobStatuses.push(res.data[i].dictLabel)
|
||
}
|
||
}
|
||
})
|
||
console.log(this.jobStatuses)
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.container {
|
||
padding: 6px 12px;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-direction: column;
|
||
overflow: hidden;
|
||
/* #ifdef H5 */
|
||
height: calc(100vh - 44px);
|
||
/* #endif */
|
||
/* #ifndef H5 */
|
||
height: 100vh;
|
||
/* #endif */
|
||
}
|
||
|
||
.eqpInfo {
|
||
display: flex;
|
||
flex-direction: column;
|
||
max-height: 20vh;
|
||
margin: 10px 0 0 0 !important;
|
||
padding: 0;
|
||
border-radius: 10px;
|
||
|
||
.eqpCode,
|
||
.eqpName,
|
||
.searchBtn {
|
||
flex: 1;
|
||
font-size: 1.5rem;
|
||
line-height: 2rem;
|
||
}
|
||
|
||
.searchBtn {
|
||
margin-top: 30rpx;
|
||
height: 5vh;
|
||
width: 80%;
|
||
line-height: 5vh;
|
||
font-size: 2rem;
|
||
}
|
||
}
|
||
|
||
.jobInfo {
|
||
flex: 1;
|
||
width: auto;
|
||
overflow: scroll;
|
||
padding: 4px 0;
|
||
|
||
.jobs {
|
||
margin: 0 0 2px 0 !important;
|
||
}
|
||
}
|
||
|
||
|
||
.confirmStart {
|
||
height: 6vh;
|
||
width: 90vw;
|
||
margin-top: 1vh;
|
||
// height: 6vh;
|
||
// position: absolute;
|
||
// bottom: 4px;
|
||
// left: 5vw;
|
||
line-height: 6vh;
|
||
font-size: 2rem;
|
||
}
|
||
</style> |