<template>
  <div class="teach-points-container">
    <u-card :show-head="false" margin="0">
      <template #body>
        <view class="teach-points-header">
          <h3>{{ teachPointsItem.FTERRITORIALITY }}</h3>
        </view>
        <view class="item">
          <text>现场教学点：{{ teachPointsItem.FTEACHINGPOINTS }}</text>
        </view>
        <view class="item">
          <text>联系人：{{ teachPointsItem.FCONTACTS }}</text>
        </view>
        <view class="item">
          <text>联系电话：{{ teachPointsItem.FPHONE }}</text>
        </view>
      </template>
    </u-card>
  </div>
</template>

<script setup lang="ts">
defineProps({
  teachPointsItem: {
    type: Array,
    default: () => [],
  } as any,
})
</script>

<style lang="scss" scoped>
.teach-points-container {
  margin-bottom: 20rpx;
  .teach-points-header {
    margin-bottom: 30rpx;
  }

  .item {
    margin-bottom: 20rpx;
  }
}
</style>
