<template>
  <div>
    <div>
      <a-radio-group v-model:value="value">
        <a-radio :style="radioStyle" :value="1">
          合并盘点单
        </a-radio>
        <a-radio :style="radioStyle" :value="2">
          生成盘点报表
        </a-radio>
        <a-radio :style="radioStyle" :value="3">
          关闭盘点单
        </a-radio>
      </a-radio-group>
    </div>
    <a-divider style="margin:14px 0 20px 0 !important;" />
    <a-button type="primary" @click="previousStep">上一步</a-button>
    <a-button style="float: right;" type="primary" @click="next">下一步</a-button>
  </div>
</template>

<script>
import { Notify } from 'pc-component-v3';

export default {
  components: {},
  props: {
    currentStep: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  emits: ['next'],
  data: function () {
    return {
      value: undefined,
      radioStyle: {
        size: 'large',
        display: 'flex',
        height: '60px',
        lineHeight: '60px',
      },
      isShow: false,
      step: undefined,
    };
  },

  methods: {
    next: function () {
      var _self = this;
      if (_self.value == undefined || _self.value == null) {
        Notify.error('错误', '未选择处理盘点数据类型', 1000);
        return;
      }
      var data = {
        currentStep: 1,
        showPage: _self.value,
        assetInventoryStep3: undefined,
      };
      _self.$emit('next', data);
    },
    previousStep: function () {
      var _self = this;
      _self.$router.push('/wms/asset-inventory');
    },

    mounted: function () {

    },
  },
};
</script>
<style scoped>
.grid-container {
  display: grid;
  grid-template-rows: 8% 8% 84%;
  grid-template-columns: 100%;
  width: 100%;
  /*视口被均分为 100 单位的 vh 占据整个窗口，扣掉顶部 topNav 的距离后，计算得到 responseOrganizationSelect 的高度*/
  height: calc(100vh - 130px);
  margin-top: 10px;
}

.grid-item-1 {
  grid-row: 1/2;
}

.grid-item-2 {
  grid-row: 2/3;
}

.grid-item-3 {
  grid-row: 3/4;
}

.box {
  border: 1px #ccc solid;
  margin-bottom: 15px;
  padding-top: 10px;
  border-radius: 5px;
  background-color: #ffffff;
}

.label {
  float: left;
}

.div-form {
  margin-bottom: 10px;
}
</style>
