<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-col :span="6">首次入保日期：</a-col>
          <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-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;
  .ant-col{
    border-bottom: 1px solid #f8fafb;
  }
}
</style>
