<template>
  <div class="account-limit">
    <cy-info-title>账户额度限制</cy-info-title>
    <el-form
      ref="ruleFormRef"
      :model="ruleForm"
      :rules="rules"
      label-position="top"
      label-width="150px"
      class="rule-form-orange"
    >
      <el-form-item label="内转限额">
        <cy-amount-input
          v-model="ruleForm.innLmtAmt"
          placeholder="请输入内转限额"
          disabled
        />
      </el-form-item>
      <el-form-item label="外转限额">
        <cy-amount-input
          v-model="ruleForm.outLmtAmt"
          placeholder="请输入外转限额"
          disabled
        />
      </el-form-item>
      <el-form-item label="单笔限额">
        <cy-amount-input
          v-model="ruleForm.sglQta"
          placeholder="请输入单笔限额"
          disabled
        />
      </el-form-item>
      <el-form-item label="日累计限额">
        <cy-amount-input
          v-model="ruleForm.dayCumQta"
          placeholder="请输入日累计限额"
          disabled
        />
      </el-form-item>
      <el-form-item label="周累计限额">
        <cy-amount-input
          v-model="ruleForm.wekCumQta"
          placeholder="请输入周累计限额"
          disabled
        />
      </el-form-item>
      <el-form-item label="月累计限额">
        <cy-amount-input
          v-model="ruleForm.mthCumQta"
          placeholder="请输入月累计限额"
          disabled
        />
      </el-form-item>
      <el-form-item label="季累计限额">
        <cy-amount-input
          v-model="ruleForm.qtrCumQta"
          placeholder="请输入季累计限额"
          disabled
        />
      </el-form-item>
      <el-form-item label="年累计限额">
        <cy-amount-input
          v-model="ruleForm.yrCumQta"
          placeholder="年累计限额"
          disabled
        />
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  props: {
    detailsInfo: {
      type: Object,
      default: () => {}
    },
    disabled: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      ruleForm: {
        innLmtAmt: '',
        outLmtAmt: '',
        sglQta: '',
        dayCumQta: '',
        wekCumQta: '',
        mthCumQta: '',
        qtrCumQta: '',
        yrCumQta: ''
      },
      rules: {}
    }
  },
  watch: {
    detailsInfo: {
      handler(val) {
        if (val && Object.keys(val).length) {
          this.ruleForm = val
        }
      },
      immediate: true,
      deep: true
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
