<template>
  <view :class="dataContent.scaned ? 'scan_view' : ''" style="width: 100%">
    <view class="uni-flex uni-row space-between" style="width: 100%">
      <view>
        <view class="" v-if="dataContent.jobNumber" style="font-size: 32rpx; margin-left: 15rpx"> 任务号：{{ dataContent.jobNumber }} </view>
        <pack v-if="isShowPack" :packingCode="dataContent.packingNumber"></pack>
        <batch v-if="isShowBatch" :batch="dataContent.batch"></batch>
        <location v-if="isShowLocation" :locationCode="dataContent.locationCode"></location>
        <bussinessType v-if="isShowBusiness && dataContent.businessType" :bussinessType="dataContent.businessType"></bussinessType>
      </view>
      <view>
        <qty v-if="dataContent.record == null || dataContent.record == undefined" :dataContent="dataContent" :isShowStdPack="isShowStdPack"></qty>

        <compare-qty v-else :dataContent="dataContent" :recommendQty="dataContent.qty" :handleQty="dataContent.record.qty" :isShowStdPack="isShowStdPack"> </compare-qty>
      </view>
    </view>
    <view class="split_line u-m-t-20"></view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import pack from '@/mycomponents/balance/pack.vue'
import location from '@/mycomponents/balance/location.vue'
import batch from '@/mycomponents/balance/batch.vue'
import qty from '@/mycomponents/qty/qty.vue'
import compareQty from '@/mycomponents/qty/compareQty.vue'
import bussinessType from '@/mycomponents/balance/bussinessType.vue'

const props = defineProps({
  dataContent: {
    type: Object,
    default: {}
  },
  isShowPack: {
    type: Boolean,
    default: true
  },
  isShowBatch: {
    type: Boolean,
    default: true
  },
  isShowLocation: {
    type: Boolean,
    default: true
  },
  isShowStdPack: {
    type: Boolean,
    default: true
  },
  isShowBusiness: {
    type: Boolean,
    default: false
  },
  scaned: {
    type: Boolean,
    default: true
  }
})
</script>

<style></style>
