<!-- 体系模块 审核流程组件-->
<template>
  <!-- <div>
    <ws-dialog :title="$t('cg.applydetails.paymentRecords')"
               :close-on-click-modal="false"
               :visible.sync="recordDialog"
               width="50%"
               center> -->
  <WinseaContentModal v-model='recordDialog'
                      :title="$t('cg.applydetails.paymentRecords')">
    <ws-normal-table :data="recordList"
                     border
                     height="400"
                     highlight-current-row
                     style="width: 100%;">
      <!--  <ws-table-column :label="$t('cg.cgsparedetail.balanceDiscountLower')"
                         align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.vendorName }}</span>
          </template>
        </ws-table-column>-->
      <ws-table-column :label="$t('cg.applydetails.paymentApplicationNo')"
                       min-width="150px"
                       prop="billNo"></ws-table-column>
      <ws-table-column :label="$t('cg.applydetails.paymentBatch')"
                       width="80px"
                       prop="paymentBatch"></ws-table-column>
      <ws-table-column :label="$t('cg.applydetails.prepaymentAmount')"
                       min-width="120px"
                       prop="paymentAmount">
        <template slot-scope="scope">
          <span>{{ scope.row.paymentAmount }}{{ getLanguage == 'en'?scope.row.currencyNameEn:scope.row.currencyName }}</span>
        </template>
      </ws-table-column>
      <!--   <ws-table-column :label="$t('cg.cgsparedetail.outstandingBalance')"
                         min-width="170px"
                         align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.address }}</span>
          </template>
        </ws-table-column>-->
      <ws-table-column :label="$t('zs.common.operator')"
                       min-width="170px"
                       prop="operateUser"></ws-table-column>
      <ws-table-column :label="$t('cw.budgetSummary.paymentTime')"
                       min-width="170px"
                       prop="operateDate">
        <template slot-scope="scope">
          <span>{{ scope.row.operateDate.split(' ')[0] }}</span>
        </template>
      </ws-table-column>
    </ws-normal-table>
    <!-- <div style="color: orange;font-size: 12px;"><i class="iconfont iconapplDetail-tips" style="color: orange;font-size: 14px;"></i><span>{{ $t('cg.tip') }}</span></div>
      <div slot="footer" class="dialog-footer">
        <ws-button @click="recordDialog = false">{{$t('button.close')}}</ws-button>
      </div>-->
  </WinseaContentModal>
  <!-- </ws-dialog>

  </div> -->
</template>

<script>

export default {
  name: 'payRecord',
  props: ['recordList'],
  data () {
    return {
      recordDialog: false,
    }
  },
  computed: {
    getLanguage () {
      return this.$store.state.app.language
    },
  },
  created () {
  },
  methods: {
    openDialog () {
      // getPaymentHistoryList({
      //   purchaseType: this.type,
      //   purchaseId: this.purchaseId
      // }).then(response => {
      //   this.recordList = response.data
      this.recordDialog = true
      // })
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
