You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
2.4 KiB
114 lines
2.4 KiB
1 year ago
|
<template>
|
||
|
<view class="">
|
||
|
<uni-popup ref="popup">
|
||
|
<record-common-info :dataContent="dataContent" @onClose="closePopup">
|
||
|
<view class="">
|
||
|
<comListItem :dataList="dataList"></comListItem>
|
||
|
</view>
|
||
|
<u-line></u-line>
|
||
|
</record-common-info>
|
||
|
</uni-popup>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import {
|
||
|
dateFormat
|
||
|
} from '@/common/basic.js';
|
||
|
import recordCommonInfo from '@/mycomponents/record/recordCommonInfo.vue'
|
||
|
import comListItem from '@/mycomponents/common/comListItem.vue';
|
||
|
export default {
|
||
|
components: {
|
||
|
recordCommonInfo,
|
||
|
comListItem
|
||
|
},
|
||
|
data() {
|
||
|
return {
|
||
|
dataContent: {
|
||
|
type: Object,
|
||
|
default: {}
|
||
|
},
|
||
|
dataList:[]
|
||
|
}
|
||
|
},
|
||
|
watch:{
|
||
|
dataContent: {
|
||
|
handler(newName, oldName) {
|
||
|
this.dataList=[{
|
||
|
title: '申请单号',
|
||
|
content: this.dataContent.requestNumber
|
||
|
}, {
|
||
|
title: '要货计划单号',
|
||
|
content: this.dataContent.ppNumber
|
||
|
},{
|
||
|
title: '供应商代码',
|
||
|
content: this.dataContent.supplierCode
|
||
|
},{
|
||
|
title: '联系人姓名',
|
||
|
content: this.dataContent.contactName
|
||
|
},{
|
||
|
title: '联系人电话',
|
||
|
content: this.dataContent.contactPhone
|
||
|
},{
|
||
|
title: '联系人电子邮件',
|
||
|
content: this.dataContent.contactEmail
|
||
|
},{
|
||
|
title: '从仓库代码',
|
||
|
content: this.dataContent.fromWarehouseCode
|
||
|
},{
|
||
|
title: '到仓库代码',
|
||
|
content: this.dataContent.toWarehouseCode
|
||
|
},{
|
||
|
title: '到月台代码',
|
||
|
content: this.dataContent.toDockCode
|
||
|
},{
|
||
|
title: '时间窗口',
|
||
|
content: this.dataContent.timeWindow,
|
||
|
type:"dateTime"
|
||
|
},{
|
||
|
title: '计划到货时间',
|
||
|
content: this.dataContent.planArriveTime,
|
||
|
type:"dateTime"
|
||
|
},
|
||
|
{
|
||
|
title: '承运商',
|
||
|
content: this.dataContent.carrierCode
|
||
|
},{
|
||
|
title: '运输方式',
|
||
|
content: this.dataContent.transferMode
|
||
|
},{
|
||
|
title: '车牌号',
|
||
|
content: this.dataContent.vehiclePlateNumber
|
||
|
}];
|
||
|
},
|
||
|
immediate: true,
|
||
|
deep: true
|
||
|
}
|
||
|
},
|
||
|
|
||
|
mounted() {},
|
||
|
props: {},
|
||
|
|
||
|
methods: {
|
||
|
openPopup(val) {
|
||
|
this.dataContent = val;
|
||
|
this.$refs.popup.open('bottom')
|
||
|
},
|
||
|
closePopup() {
|
||
|
this.$refs.popup.close()
|
||
|
},
|
||
|
avaliable(value) {
|
||
|
return value =="TRUE"?"可用":"不可用"
|
||
|
},
|
||
|
formatDate(val) {
|
||
|
return dateFormat(val)
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
|
||
|
|
||
|
</style>
|