<template>
  <el-dialog
    :title="member.parentId === 0 ? '主卡信息':'副卡信息'"
    width="900px"
    :visible.sync="visible">
    <!-- {{ member.newValue }} -->
    <div style="padding: 20px;">
      <p class="block-title">
        第{{ member.count }}次修改前 {{ member.parentId === 0 ? '（主卡）':'（副卡）' }}
      </p>
      <MemberInfoVal
        :member-info-value="member.oldValue"
        style="padding: 10px;"></MemberInfoVal>

      <p class="block-title">
        第{{ member.count }}次修改后 {{ member.parentId === 0 ? '（主卡）':'（副卡）' }}
      </p>
      <MemberInfoVal
        :member-info-value="member.newValue"
        style="padding: 10px;"></MemberInfoVal>
    </div>
  </el-dialog>
</template>
<script>
import MemberInfoVal from './MemberInfoVal.vue'
export default {
  data () {
    return {
      visible: false,
      member: {}
    }
  },
  components: {
    MemberInfoVal
  },
  methods: {
    show (data) {
      this.member = data
      this.visible = true
      // console.log('展示')
    },
    handleClose () {
      this.visible = false
    }
  }
}
</script>
