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.
72 lines
2.1 KiB
72 lines
2.1 KiB
<!--收货任务卡片-->
|
|
<template>
|
|
<view class="device-detail">
|
|
<view class="card_task nopad">
|
|
<win-job-number :dataContent="receiptItem" @openJobDetail='openJobDetail'></win-job-number>
|
|
<win-job-number-detail-info ref="itemDetailInfo" :dataContent="receiptItem" ></win-job-number-detail-info>
|
|
</view>
|
|
<view class="margin_xs_bottom" style="clear: both;" @click='openJobDetails(receiptItem)'>
|
|
<view class="label_order">
|
|
<image class="icon_normal" src="@/static/icons_ui/icon_asn.svg"></image>
|
|
<text>供应商名称:{{receiptItem.supplierName}}</text>
|
|
</view>
|
|
<view class="label_order">
|
|
<image class="icon_normal" src="@/static/icons_ui/icon_date.svg"></image>
|
|
<text
|
|
class="text_darkblue">计划到货时间：{{receiptItem.planArriveDate===null?'无':formatDate(receiptItem.planArriveDate)}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="uni-flex uni-row receipt_bot">
|
|
<win-job-creation :creater="receiptItem.worker" :creationTime="formatDate(receiptItem.creationTime)"></win-job-creation>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getJobStatuStyle,
|
|
getJobStatuDesc,
|
|
dateFormat
|
|
} from '@/common/basic.js';
|
|
import comJobTopInfo from '@/mycomponents/comjob/comJobTopInfo.vue';
|
|
import winJobNumber from '@/mycomponents/wincom/unitCom/winJobNumber.vue';
|
|
import winJobCreation from '@/mycomponents/wincom/unitCom/winJobCreation.vue';
|
|
import winJobNumberDetailInfo from '@/mycomponents/wincom/unitCom/winJobNumberDetailInfo.vue'
|
|
export default {
|
|
name: "comReceipt",
|
|
components: {
|
|
comJobTopInfo,
|
|
winJobNumber,
|
|
winJobCreation,
|
|
winJobNumberDetailInfo
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
},
|
|
props: ['receiptItem'],
|
|
methods:{
|
|
openJobDetail(item){
|
|
this.$refs.itemDetailInfo.openDetail();
|
|
},
|
|
openJobDetails(item){
|
|
this.$emit("openJobDetail",item);
|
|
},
|
|
statusStyle: function(val) {
|
|
return getJobStatuStyle(val);
|
|
},
|
|
statusColor: function(val) {
|
|
return getJobStatuDesc(val);
|
|
},
|
|
formatDate: function(val) {
|
|
return dateFormat(val)
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
</style>
|
|
|