<template>
  <div style="width:400px">
    <b-row>
        <b-col cols="5">
        <span class="title">公司名稱：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.company }}</span>
        </b-col>
    </b-row>
      <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">標案組織：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.projectTitle }}</span>
        </b-col>
    </b-row>
        <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">計畫職稱：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.title }}</span>
        </b-col>
    </b-row>
      <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">人員名稱：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.name }}</span>
        </b-col>
    </b-row>
      <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">聯絡電話：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.contactNumber }}</span>
        </b-col>
    </b-row>
      <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">Email：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.email }}</span>
        </b-col>
    </b-row>
    <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">Gmail：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.gmail }}</span>
        </b-col>
    </b-row>
    <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">LINE ID：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.line }}</span>
        </b-col>
    </b-row>
    <b-row style="margin-top:30px">
        <b-col cols="5">
        <span class="title">備註：</span>
        </b-col>
        <b-col cols="7">
        <span>{{ directoryInfo.remark }}</span>
        </b-col>
    </b-row>
  </div>
</template>

<script>
export default {
  props: ['directoryInfo']
}
</script>

<style scoped>
.title {
  font-weight: 900;
}
</style>
