<template>
  <custom-modal v-model="visible" title="Ratio" :width="240" :okHandler="handleOk">
    <a-input-number :min="1" v-model="ratio"></a-input-number>
  </custom-modal>
</template>

<script>
import ModalMixin from '@/mixins/ModalMixin'
export default {
  mixins: [ModalMixin],
  data() {
    return {
      ratio: 1
    }
  },
  methods: {
    handleOk() {
      console.log('%c [  ]-14', 'font-size:13px; background:pink; color:#bf2c9f;', this.ratio)
      if(!this.ratio) {
        this.$message.warn('Ratio Cannot Be Null')
        throw new Error('Ratio Empty')
      }
    }
  }
}
</script>

<style lang="less" scoped>
.ant-input-number {
  width: 100%;
}
</style>
