VxCardPersonInformation

信用卡资料维护

引用

import VxCardPersonInformation from '@/views/credit-card/card-manage/components/vx-card-person-information'

// 页面内局部引入
export default {
  components: {
    VxCardPersonInformation,
  },
}

代码演示

<template>
  <vx-card-person-information :index="1" :personal-data="personalData" @modify="modify"></vx-card-person-information>
</template>
<script>
import VxCardPersonInformation from '@/views/credit-card/card-manage/components/vx-card-person-information'
export default {
  components: {
    VxCardPersonInformation,
  },
  data() {
    return {
      personalData: [
        {
          acNo: '6282239785656124', //信用卡卡号
          acctAddr: '合肥市包河区滨湖苑3号楼1单元', //邮寄地址
          addr: '合肥市包河区滨湖苑3号楼1单元', //现住址
          companyName: 'csii', //公司名称
          email: '45345435@qq.com', //电子邮箱
          embName: '张三', //姓名
          gender: 'M', //性别
          mobilePhone: '13376569989', //联系方式
          unitAddr: '合肥市包河区前程大使', //单位地址
          unitPhone: '0551-4231234', //单位电话
        },
      ], // 个人资料列表
    }
  },
  methods: {
    /**
     * 修改信用卡信息
     * @param {Object} info 卡片信息
     */
    modify(info) {
      console.log(info)
    },
  },
}
</script>

API

VxCardPersonInformation Props

属性	说明	类型	默认值	备注
`index`	卡片下标	`Number`	-	-
`personal-data`	个人资料	`Object`	-	必传，见下表

personal-data Attributes

属性	说明	类型
`acNo`	信用卡卡号	`String`
`acctAddr`	邮寄地址	`String`
`addr`	现住址	`String`
`companyName`	公司名称	`String`
`email`	电子邮箱	`String`
`embName`	姓名	`String`
`mobilePhone`	联系方式	`String`
`unitAddr`	单位地址	`String`
`unitPhone`	单位电话	`String`
`gender`	性别	`String<Enum{'M','F'}>`

VxCardPersonInformation Events

@modify(info)

点击修改触发事件,返回选中的表单信息

参数	说明	类型	备注
`info`	选中的表单信息	`Object`

Current Tags

0.0.2 ... latest (2 years ago)

1 Versions

0.0.2 ... 2 years ago