<template>
  <div>
    <a-collapse v-model="activeKeys" expand-icon-position="right" :bordered="false">
      <a-collapse-panel key="1" header="保单信息">
        <a-row class="policy_line" :gutter="10">
          <a-col :span="6">被保险人：</a-col>
          <a-col :span="6">主被保险人：</a-col>
          <a-col :span="6">保险卡号：</a-col>
          <a-col :span="6">保单年有效期：</a-col>
        </a-row>
        <a-row class="policy_line" :gutter="10">
          <a-col :span="6">保单号：</a-col>
          <a-col :span="6">首保日期：</a-col>
          <a-col :span="6">保单直付区域：</a-col>
        </a-row>
        <a-row class="policy_line" :gutter="10">
          <a-col :span="6">证件号：</a-col>
          <a-col :span="6">出生日期：</a-col>
          <a-col :span="6">性别：</a-col>
          <a-col :span="6">年龄：</a-col>
        </a-row>
        <a-row class="policy_line" :gutter="10">
          <a-col :span="6">公司：</a-col>
          <a-col :span="6">会员标识：</a-col>
        </a-row>
      </a-collapse-panel>
    </a-collapse>
  </div>
</template>

<script>
export default {
  props: {
    policyData: {
      default: {},
    },
  },
  data() {
    return {
      activeKeys: "1",
    };
  },
};
</script>

<style lang="less" scoped>
.policy_line {
  .pa(0, 30, 0, 30);
  line-height: 60px;
  //   &:not(:last-child) {
  border-bottom: 1px solid #f8fafb;
  //   }
}
</style>
