<script setup>
const props = defineProps(['data']);

</script>

<template>
   <el-card :body-style="{ padding: '0px' }">
      <el-descriptions :column="1" border>
         <el-descriptions-item min-width="90px" label-align="right">
            <template #label><div class="cell-item">公司名稱</div></template>
            {{data.company}}
         </el-descriptions-item>

         <el-descriptions-item min-width="90px" label-align="right">
            <template #label><div class="cell-item">姓名</div></template>
            {{data.name}}
         </el-descriptions-item>

         <el-descriptions-item min-width="90px" label-align="right">
            <template #label><div class="cell-item">聯絡電話</div></template>
            {{data.tel}}
         </el-descriptions-item>

         <el-descriptions-item min-width="90px" label-align="right">
            <template #label><div class="cell-item">電子信箱</div></template>
            {{data.email}}
         </el-descriptions-item>

         <el-descriptions-item min-width="90px" label-align="right">
            <template #label><div class="cell-item">留言內容</div></template>
            {{data.content}}
         </el-descriptions-item>

         <el-descriptions-item min-width="90px" label-align="right">
            <template #label><div class="cell-item">留言時間</div></template>
            {{data.create_time}}
         </el-descriptions-item>
      </el-descriptions>
   </el-card>
   
</template>

<style scoped>
      
</style>