|
|
|
|
<!--发料任务卡片-->
|
|
|
|
|
<template>
|
|
|
|
|
<view class="device-detail">
|
|
|
|
|
<view class="card_task nopad">
|
|
|
|
|
<com-job-top-info :jobContent="dataContent"></com-job-top-info>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="margin_xs_bottom">
|
|
|
|
|
<!-- <view class="label_order">
|
|
|
|
|
<image class="icon_normal" src="@/static/icons_ui/icon_apply_num.svg"></image>
|
|
|
|
|
<text>{{dataContent.injectionIssueRequestNumber}}</text>
|
|
|
|
|
<text>申请单：{{dataContent.deliverRequestNumber}}</text>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="label_order" v-if="dataContent.details.length>0">
|
|
|
|
|
<text>物料号 ：{{dataContent.details[0].itemCode}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="label_order" v-if="dataContent.details.length>0">
|
|
|
|
|
<text>物料描述 ：{{dataContent.details[0].itemDesc1}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="label_order" v-if="dataContent.details.length>0">
|
|
|
|
|
<text>收容数 ：{{dataContent.details[0].requestQty}} ({{dataContent.details[0].uom}})</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="label_order" v-if="dataContent.details.length>0">
|
|
|
|
|
<text>目标库位 ：{{dataContent.details[0].recommendToLocationCode}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="label_order">
|
|
|
|
|
<!-- <image class="icon_normal" src="@/static/icons_ui/icon_customer.svg"></image>
|
|
|
|
|
<text>{{dataContent.worker}}</text> -->
|
|
|
|
|
<text>操作人 ：{{dataContent.worker}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="uni-flex uni-row receipt_bot">
|
|
|
|
|
<view class="label_order">
|
|
|
|
|
<image class="icon_normal" src="@/static/icons_ui/icon_date.svg">
|
|
|
|
|
</image>
|
|
|
|
|
<text
|
|
|
|
|
class="text_darkblue">{{dataContent.creationTime===null?'无':dataContent.creationTime| formatDate}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
getJobStatuStyle,
|
|
|
|
|
getJobStatuDesc,
|
|
|
|
|
dateFormat
|
|
|
|
|
} from '@/common/basic.js';
|
|
|
|
|
import comJobTopInfo from '@/mycomponents/comjob/comJobTopInfo.vue'
|
|
|
|
|
export default {
|
|
|
|
|
name: "comDeliver",
|
|
|
|
|
components: {
|
|
|
|
|
comJobTopInfo
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {};
|
|
|
|
|
},
|
|
|
|
|
// 此处定义传入的数据
|
|
|
|
|
props: {
|
|
|
|
|
dataContent: {
|
|
|
|
|
type: Object,
|
|
|
|
|
value: null
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
filters: {
|
|
|
|
|
statusStyle: function(val) {
|
|
|
|
|
return getJobStatuStyle(val);
|
|
|
|
|
},
|
|
|
|
|
statusColor: function(val) {
|
|
|
|
|
return getJobStatuDesc(val);
|
|
|
|
|
},
|
|
|
|
|
formatDate: function(val) {
|
|
|
|
|
return dateFormat(val)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
|
|
|
|
</style>
|
