<template>
  <!-- 豆腐块 -->
  <div class="Search_center">
    <ul class="pd-list">
      <li class="pd-box" v-for="(item,index) in DataList" :key="index">
        <a class="pd-link">
          <div class="pd-img"
            :style="{backgroundImage:`url('${item.newCoverImg}')`}">
            <div class="pd-price">
              <div class="price">
                {{item.dayNum}}
                <small class="unit">{{$t('v103.scheduledTrip.day')}}</small> {{item.b2BPrice}}
                <small class="unit">{{$t('v103.scheduledTrip.since')}}</small>
              </div>
            </div>
          </div>
          <div class="pd-content">
            <h3 class="pd-title">{{item.title}}</h3>
            <div class="pd-departure">
              {{$t('v103.scheduledTrip.startdate')}}：{{item.startDate}}
              <span class="more" @click="GotoDetails(item)" style="cursor:pointer">...{{$t('Notifications.more')}}</span>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    props: ["DataList", "PageCount"],
    data() {
      return {

      };
    },
    methods: {
      GotoDetails(item) {
        this.CommonJump('/details/' + encodeURIComponent(item.id) + "/" + item.tcid, {});
      }
    }
  }

</script>
