<template>
  <div>
    <div class="itd-comp" v-for="item in corporations" :key="item.name">
      <div class="itd-comp-info">
        <p class="itd-comp-info-title">保险公司名称</p>
        <p class="itd-comp-info-value">{{ item.name }}</p>
      </div>
      <div class="itd-comp-branch">
        <p class="itd-comp-branch-title">已设分支机构</p>
        <p class="itd-comp-branch-value">{{ item.area }}</p>
      </div>
      <cr-divider class="itd-divider" :hairline="false" />
      <div class="itd-comp-item">
        <p class="itd-comp-item-title">业务合作范围</p>
        <p class="itd-comp-item-value">{{ item.scope }}</p>
      </div>
      <cr-divider class="itd-divider" :hairline="false" />
      <div class="itd-comp-item">
        <p class="itd-comp-item-title">保险公司网址</p>
        <p class="itd-comp-item-value">{{ item.url }}</p>
      </div>
      <cr-divider class="itd-divider" :hairline="false" />
      <div class="itd-comp-item">
        <p class="itd-comp-item-title">客服电话</p>
        <p class="itd-comp-item-value">{{ item.tel }}</p>
      </div>
    </div>
  </div>
</template>
<script>
import { corporations } from "../constant";

export default {
  name: "Product",
  data() {
    return {
      corporations
    };
  }
};
</script>
<style lang="less" src="../index.less" scoped></style>
