<template>
  <div style="page-break-after:always;padding: 0px 20px;box-sizing: border-box;" class="print-html-wrap" id="printDiv">
    <div class="print-title">{{dialogTitle}}</div>
    <table border="1px" class="table-write">
      <tr>
        <td class="keep">申请编号</td>
        <td class="tx-lf"> 012645651556456456456564561456145646456145646515645645645641</td>
        <td class="keep"> 合同名称</td>
        <td class="tx-lf" colspan="3">2012/01/10-2012/12/23</td>
      </tr>
      <tr>
        <td class="keep">合同编号</td>
        <td class="tx-lf"> 20121</td>
        <td class="keep">供应商名称</td>
        <td class="tx-lf max200">的挥洒的后手机导航打电话三点就是啊对就是对

          就电话撒娇的圣诞节和撒旦教撒旦撒旦萨打撒的撒旦是
          就电话撒娇的圣诞节和撒旦教撒旦撒旦萨打撒的撒旦是
          就电话撒娇的圣诞节和撒旦教撒旦撒旦萨打撒的撒旦是
          就电话撒娇的圣诞节和撒旦教撒旦撒旦萨打撒的撒旦是
        </td>
        <td class="keep">付款金额</td>
        <td class="tx-lf">的速度就撒大哥大钉钉</td>
      </tr>
      <tr>
        <td class="keep">付款比例</td>
        <td class="tx-lf"> 的撒的撒</td>
        <td class="keep">申请人</td>
        <td class="tx-lf">80000000</td>
        <td class="keep">申请时间</td>
        <td class="tx-lf">是</td>
      </tr>
      <tr>
        <td class="keep">付款计划</td>
        <td colspan="5">
          <table class="bottom-table-write">
            <tr>
              <td>合同编号</td>
              <td>比例</td>
              <td>预计付款时间</td>
            </tr>
            <tr>
              <td>2012/10/05</td>
              <td>30%</td>
              <td>10</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>
</template>
<script>
export default {
  props: {
    infoForm: {
      type: Object
    },
    personInfo: {
      type: Object
    },
    dialogTitle: {
      type: String
    }
  },
  data() {
    return {
      // defaultImg: require('@/assets/Images/defaultHeader.png')
    }
  },
  filters: {

  }
}
</script>
<style lang="scss" scoped>
@import '@/assets/styles/index.scss';
</style>
<style media="print" scoped>
@page {
  size: auto; /* auto is the initial value */
}
</style>
