client-eam-v5/src/components/customer/AssetInventoryStep2.vue

<template>
  <div class="grid-container">
    <div class="grid-item-1">
      <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 :style="radioStyle" :value="7">AGV盘点。</a-radio>
        </a-radio-group>
      </div>
      <a-divider />
      <a-button type="primary" @click="previousStep">上一步</a-button>
      <a-button style="float: right;" type="primary" @click="next">下一步</a-button>
    </div>
  </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('/eam/assetInventory');
    },

    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>