<template>
  <div style="padding-top: 20px;">
    <el-form ref="form" :model="form" label-width="80px">
<!--      <el-form-item label="到期时间">-->
<!--        <el-col :span="11">-->
<!--          <el-input-number v-model="form.warning" style="width: 100%;" class="input"></el-input-number>-->
<!--        </el-col>-->
<!--      </el-form-item>-->
      <el-form-item label="提醒时间">
        <el-col :span="11">
          <el-input-number v-model="form.remind" style="width: 100%;" class="input"></el-input-number>
        </el-col>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="">确认</el-button>
        <el-button>取消</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        //warning: '',
        remind: ''
      }
    }
  },
  methods: {},
  computed: {}
}
</script>

<style scoped lang="scss">
.input {
  position: relative;

  &::after {
    content: '月';
    zoom: .95;
    font-weight: 600;

    transform: translateX(calc(100% + 15px));
    position: absolute;
    right: 0;
    top: 0;
  }
}
</style>
