<template>
  <view class="list-item" @click="handleToDetail">
    <view class="list-item-main">
      <text class="left">
        {{ itemData.contractNum }}
      </text>
      <text class="right money">
        {{ itemData.money }}元
      </text>
    </view>
    <view class="list-item-desc">
      <text class="left">
        {{ itemData.customerName }}
      </text>
      <text class="right">
        回款日期 {{ itemData.returnDate }}
      </text>
    </view>
  </view>
</template>

<script>
  import {mapGetters} from 'vuex'

  export default {
    name: 'DetailReceivablesItem',
    props: {
      itemData: {
        type: Object,
        required: true
      }
    },
    computed: {
      ...mapGetters({
        calcStatus: 'base/calcStatus'
      })
    },
    methods: {
      handleToDetail() {
        this.$Router.navigateTo({
          url: '/pages_crm/contract/detail',
          query: {
            id: this.itemData.contractId
          }
        })
      }
    }
  }
</script>

<style scoped lang="scss">
  @import "detailItem";
</style>
