<template>
  <view class="">
    <view class="task_text" style="border-top: 1px solid #dedede; padding-top: 20rpx">
      <itemCompareQty :dataContent="dataContent" :handleQty="dataContent.handleQty" :isShowPackUnit="false"></itemCompareQty>
      <div>
        <pack v-if="isShowPack && dataContent.packingNumber != null" :packingCode="dataContent.packingNumber"> </pack>
        <batch v-if="isShowBatch && dataContent.batch != null" :batch="dataContent.batch"></batch>
        <div class="u-flex justify-between u-p-b-16">
          <location v-if="isShowFromLocation && dataContent.fromLocationCode" title="来源库位" :locationCode="dataContent.fromLocationCode"> </location>
          <to-location v-if="isShowToLocation" title="目标库位" :locationCode="dataContent.toLocationCode || dataContent.locationCode"> </to-location>
        </div>
        <view class="card_view" v-if="isShowDeliverType">
          <text class="card_packing_code card_content">发货类型</text>
          <text class="card_content">{{ dataContent.deliverType == 'CUST' ? '寄售库发货' : '三方库发货' }}</text>
        </view>
      </div>
    </view>
  </view>
</template>

<script setup lang="ts">
import pack from '@/mycomponents/balance/pack.vue'
import location from '@/mycomponents/balance/location.vue'
import toLocation from '@/mycomponents/balance/toLocation.vue'
import batch from '@/mycomponents/balance/batch.vue'
import jobComMainCard from '@/mycomponents/job/jobComMainCard.vue'
import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'

const props = defineProps({
  dataContent: {
    type: Object,
    default: {}
  },
  isShowContainer: {
    type: Boolean,
    default: true
  },
  isShowPack: {
    type: Boolean,
    default: true
  },
  isShowBatch: {
    type: Boolean,
    default: true
  },
  isShowFromLocation: {
    type: Boolean,
    default: true
  },
  isShowToLocation: {
    type: Boolean,
    default: true
  },
  isShowDeliverType: {
    type: Boolean,
    default: false
  }
})
</script>

<style lang="scss"></style>
