/*
 *@description:装车扫描
 *@author: hudw
 *@date: 2023-07-18 11:59:49
*/
<template>
    <scanPage_3 v-if="RELATION_THIRD_SYSTEM==3" v-bind="$attrs"  v-on="$listeners"/>
    <scanPage_1 v-else-if="RELATION_THIRD_SYSTEM==1" v-on="$listeners" :system="RELATION_THIRD_SYSTEM" v-bind="$attrs"/>
    <scanPage_4 v-else-if="RELATION_THIRD_SYSTEM==4" v-on="$listeners" :system="RELATION_THIRD_SYSTEM" v-bind="$attrs"/>
</template>
<script>
import scanPage_1 from './scanPage_1.vue'
import scanPage_4 from './scanPage_4.vue'
import scanPage_3 from './scanPage_3.vue'

export default {
  components: {
    scanPage_1,
    scanPage_3,
    scanPage_4

  },
data() {
  return {

 };
},
computed: {

    // 装车扫描方式
  RELATION_THIRD_SYSTEM() {
    /**
     * 1: '先扫描派车单号再扫描运单号',
      2: '先扫描派车单号再扫描包裹号',
      3: '先扫描派车单号再扫描商品条码',
      4: '只扫描派车单号',
      5: '只扫描运单号',
      6: '只扫描包裹号',
      7: '只扫描商品条码'
     *
     */
      return this.$store.state?.sysParameter?.sysParameter_TMS?.SCANLOADING_METHED?.value ?? 1;
    },
  },
mounted() {

},
methods: {

},
  };
</script>
<style lang='less' >
.scan-form {
  .ant-row.ant-form-item {
    display: flex;
    align-items: center;
  }
  label {
    font-size: 18px;
    vertical-align: middle;
  }
}
.scan-input {
  .ant-input {
    font-size: 28px;
    padding-left: 44px !important;
    height: 60px;
  }
}
.scan-msg {
  &.ant-alert {
    padding-left: 65px;
  }
  .ant-alert-message {
    font-size: 28px;
  }
  i {
    font-size: 36px;
  }
  min-height: 60px;
}

.scan-transfer {
  &.ant-transfer-customize-list {
    .ant-transfer-list {
      width: 40%;
    }
  }

  .table-body-height {
    .ant-table-placeholder {
      display: none;
    }
    .ant-table-body {
      max-height: 430px;
      min-height: 430px;
      overflow-y: auto;
    }
    .ant-pagination.ant-table-pagination li {
      &:last-child {
        display: none;
      }
    }
  }
}
</style>