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.
109 lines
2.9 KiB
109 lines
2.9 KiB
<!--发料任务卡片-->
|
|
<template>
|
|
<view class="choose_main">
|
|
<view class="ljh_box">
|
|
<view class="tit_ljh">{{ dataContent.itemCode }}</view>
|
|
<view class="ljh_left">
|
|
<view class="font_xs text_lightblue">{{dataContent.itemName}}</view>
|
|
<view class="font_xs text_lightblue">{{dataContent.item.desc2}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="list_form">
|
|
<view class="uni-container">
|
|
<uni-table style="overflow-x: hidden;">
|
|
<uni-tr>
|
|
<uni-th width="90"></uni-th>
|
|
<uni-th width="100" align="center">库存</uni-th>
|
|
<uni-th width="100" align="center">发货</uni-th>
|
|
</uni-tr>
|
|
<uni-tr>
|
|
<uni-th width="90">数量（{{dataContent.qty.uom}}）</uni-th>
|
|
<uni-th width="100" align="center">
|
|
<view class="text_black">{{dataContent.balanceQty}}</view>
|
|
</uni-th>
|
|
<uni-th width="100" align="center">
|
|
<view class="text_black">
|
|
<uni-easyinput v-if="editQty" v-model="dataContent.qty.qty" type="digit"
|
|
@input="qtyInput($event,dataContent)">
|
|
</uni-easyinput>
|
|
<view v-else class="text_black">{{dataContent.qty.qty}}</view>
|
|
</view>
|
|
</uni-th>
|
|
</uni-tr>
|
|
</uni-table>
|
|
</view>
|
|
</view>
|
|
<view class="uni-flex uni-row bot_card">
|
|
<!-- 箱码 -->
|
|
<view class="bot_card_item item_long">
|
|
<label class="icon_bg icon_bg_xm">
|
|
<image class="icon_normal" src="@/static/icons_ui/icon_xm.svg">
|
|
</image>
|
|
</label>
|
|
<text>{{dataContent.packingCode}}</text>
|
|
</view>
|
|
<!-- 库位 -->
|
|
<view class="bot_card_item">
|
|
<label class="icon_bg icon_bg_kw">
|
|
<image class="icon_normal" src="@/static/icons_ui/icon_kw.svg">
|
|
</image>
|
|
</label>
|
|
<text>{{ dataContent.locationCode }}</text>
|
|
</view>
|
|
<!-- 批次 -->
|
|
<view class="bot_card_item">
|
|
<label class="icon_bg icon_bg_pc">
|
|
<image class="icon_normal" src="@/static/icons_ui/icon_pc.svg">
|
|
</image>
|
|
</label>
|
|
<text>{{dataContent.lot}}</text>
|
|
</view>
|
|
<!-- 状态 -->
|
|
<view class="bot_card_item item_short">
|
|
<label class="icon_state" :class="statusStyle(dataContent.status )"></label>
|
|
<text class="state_point" :class="statusStyle(dataContent.status)">
|
|
{{ statusColor(dataContent.status)}}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getJobStatuStyle,
|
|
getInventoryStatusDesc
|
|
} from '@/common/basic.js';
|
|
export default {
|
|
name: "comDeliverTf",
|
|
data() {
|
|
return {};
|
|
},
|
|
// 此处定义传入的数据
|
|
props: {
|
|
dataContent: {
|
|
type: Object,
|
|
value: null
|
|
},
|
|
editQty: {
|
|
type: Boolean,
|
|
value: false
|
|
}
|
|
},
|
|
methods: {
|
|
qtyInput(value, item) {
|
|
this.$emit('qtyInput', value, item)
|
|
},
|
|
statusStyle: function(val) {
|
|
return getJobStatuStyle(val);
|
|
},
|
|
inventoryStatus: function(val) {
|
|
return getInventoryStatusDesc(val);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|
|
|