282 lines
6.6 KiB
Vue
282 lines
6.6 KiB
Vue
<template>
|
||
<view id="view">
|
||
<div>
|
||
<table>
|
||
<tr>
|
||
<td>工  单：</td><td>{{from.body.pwoCode}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料编码：</td><td>{{from.body.ptNoTar}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料名称：</td><td>{{from.body.ptTitleTar}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料规格：</td><td>{{from.body.specification1}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料图号：</td><td>{{from.body.dynamicField1 === null ? null : from.body.dynamicField1.drawingid}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>客户名称：</td><td>{{from.body.dynamicField1 === null ? null : from.body.dynamicField1.ks_name}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>是否冲孔：</td><td>{{from.body.dynamicField1 === null ? null : from.body.dynamicField1.zdy5}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>总 数 量 :</td><td>{{from.body.num}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>部  门:</td><td>
|
||
<!-- <uni-easyinput type="text" v-model="from.body.deptCode" /> -->
|
||
<uni-data-select
|
||
v-model="from.body.deptCode"
|
||
:localdata="department"
|
||
></uni-data-select>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>接受仓库:</td><td>
|
||
<!-- <uni-easyinput type="text" v-model="from.body.whCode" /> -->
|
||
<uni-data-select
|
||
v-model="from.body.whCode"
|
||
:localdata="listWarehouse"
|
||
></uni-data-select>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p>物料转移单明细信息</p>
|
||
</div>
|
||
<scroll-view scroll-y="true" class="scroll" >
|
||
<view v-for="(item,index) in from.list" :key="index">
|
||
<table>
|
||
<tr>
|
||
<td>物料编码：</td><td>{{item.materialCode}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料名称：</td><td>{{item.materialName}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料规格：</td><td>{{item.specification1}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料类型：</td><td>{{item.typeText}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>总 数 量 :</td><td>{{item.inNumber}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>入库数量</td><td><uni-easyinput type="number" v-model="item.number" @input="inputInNumber($event,item)" :key="item.number+item.materialCode"/></td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
</view>
|
||
</scroll-view>
|
||
<button id="button" type="primary" @click="submit" :disabled="!getOpen">提交</button>
|
||
<uni-popup ref="message" type="message">
|
||
<uni-popup-message :type="message.msgType" :message="message.messageText" :duration="2000"></uni-popup-message>
|
||
</uni-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
addConversion
|
||
} from "@/api/mes/pwoIn.js";
|
||
export default {
|
||
data() {
|
||
return {
|
||
from:{
|
||
body:{
|
||
},
|
||
list:{}
|
||
},
|
||
department:[],
|
||
listWarehouse:[],
|
||
message:{
|
||
msgType:'warn',
|
||
messageText:'请先查询设备信息'
|
||
},
|
||
}
|
||
},
|
||
/**
|
||
* 挂载前执行
|
||
*/
|
||
beforeMount() {
|
||
//把查询页面查询到的数据放入进来
|
||
//处理详情数据
|
||
const {body, list} = this.$store.state.pwo.data
|
||
const typeObj = {
|
||
1:'合格品',
|
||
2:'不良品',
|
||
3:'报废品'
|
||
}
|
||
for(let i in list){
|
||
list[i].inNumber = list[i].number
|
||
list[i].typeText =typeObj[list[i].type]
|
||
}
|
||
this.from = Object.assign({},{body,list})
|
||
console.log(this.from)
|
||
this.from.body.dynamicField1 = JSON.parse(this.from.body.dynamicField1)
|
||
//接收完后清空vuex里面的数据清空
|
||
this.$store.commit('updatData',{})
|
||
|
||
//处理部门数据
|
||
const department = this.$store.state.pwo.department
|
||
for(let i in department){
|
||
const item = department[i]
|
||
item.value = item.departmentCode
|
||
item.text = item.departmentCode + "-" + item.departmentTitle
|
||
}
|
||
this.department = department
|
||
|
||
//处理仓库数据
|
||
const listWarehouse = this.$store.state.pwo.listWarehouse
|
||
for(let i in listWarehouse){
|
||
const item = listWarehouse[i]
|
||
item.value = item.warehouseCode
|
||
item.text = item.warehouseCode + '-' + item.warehouseName
|
||
}
|
||
this.listWarehouse = listWarehouse
|
||
},
|
||
mounted() {
|
||
//获取屏幕宽高
|
||
updateCss(resSize())
|
||
},
|
||
computed:{
|
||
getOpen(){
|
||
return Boolean(this.from.list.length)
|
||
}
|
||
},
|
||
methods: {
|
||
/**
|
||
* 提交按钮点击事件
|
||
*/
|
||
async submit(){
|
||
try{
|
||
const {body,list} = this.from;
|
||
const { pwoCode ,id ,status,deptCode, whCode} = body
|
||
const data = {
|
||
deptCode,
|
||
whCode,
|
||
type:"3",
|
||
delStatus:"0",
|
||
genRedraw: false,
|
||
mesPwoJobCvDetailList:list,
|
||
dynamicField1:JSON.stringify(body.dynamicField1),
|
||
pwoCode:pwoCode,
|
||
pwoId:id,
|
||
status,
|
||
}
|
||
addConversion(data).then(res => {
|
||
if(res.code === 200){
|
||
this.messageType({
|
||
msgType:'success',
|
||
messageText:'提交成功'
|
||
})
|
||
setTimeout(function() {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
});
|
||
}, 2100); // 3000毫秒 = 3秒
|
||
|
||
}
|
||
})
|
||
}catch(e){
|
||
this.messageType({
|
||
msgType:'error',
|
||
messageText:'提交失败，失败原因‘' + e +'’'
|
||
})
|
||
}
|
||
},
|
||
/**
|
||
* 提示信息
|
||
* @param {Object|undefined} value
|
||
* {msgType,messageText} 参数里面需要包含这两个键
|
||
*/
|
||
messageType(obj){
|
||
const _self = this;
|
||
let message ={}
|
||
if(obj === undefined){
|
||
message = {
|
||
msgType:'error',
|
||
messageText:'请填写设备代码'
|
||
}
|
||
}else{
|
||
message = {
|
||
msgType:obj.msgType,
|
||
messageText:obj.messageText
|
||
}
|
||
}
|
||
_self.message = Object.assign({},message)
|
||
return _self.$refs.message.open()
|
||
},
|
||
/**
|
||
* 入库数量输入事件
|
||
* @param {number} value,输入的值
|
||
* @param {Object} item,当前的明细信息
|
||
*/
|
||
inputInNumber(value,item){
|
||
const { number } = item
|
||
if(number > value){
|
||
item.inNumber = number
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 获取屏幕宽高
|
||
*/
|
||
function resSize(){
|
||
let width = 0;
|
||
let height = 0;
|
||
uni.getSystemInfo({
|
||
success: function (res) {
|
||
width = res.windowWidth; // 窗口宽度
|
||
height = res.windowHeight; // 窗口高度
|
||
}
|
||
});
|
||
return {width,height}
|
||
}
|
||
/**
|
||
* 设置元素高度
|
||
* @param {Object} size
|
||
*/
|
||
function updateCss(size){
|
||
document.querySelector("#view>div").style.height = size.height * 0.35 + 'px'
|
||
document.querySelector(".scroll").style.height = size.height * 0.65 - 46 + 'px'
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
page {
|
||
background-color: #ffffff;
|
||
padding-top: 1vw;
|
||
#view {
|
||
--heightSize : 0;
|
||
width: 100%;
|
||
& > div {
|
||
width: 100%;
|
||
};
|
||
& > .scroll {
|
||
width: 100%;
|
||
}
|
||
}
|
||
}
|
||
table {
|
||
border-collapse: collapse;
|
||
width: 95%;
|
||
border: 1px solid #ccc;
|
||
font-size: 14px;
|
||
margin:0 auto;
|
||
tr td:first-child{
|
||
width: 30%;
|
||
}
|
||
};
|
||
p {
|
||
text-align:center;
|
||
}
|
||
</style>
|