<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 class="tx-lf"> 20121</td>
        <td class="keep">经办人联系方式</td>
        <td class="tx-lf">13063093621</td>
        <td class="keep">已收金额</td>
        <td class="tx-lf">3000000</td>
      </tr>
      <tr>
        <td class="keep">项目名称</td>
        <td class="tx-lf" colspan="3"> 20121</td>
      </tr>
      <tr>
        <td class="keep">交易内容</td>
        <td class="tx-lf" colspan="5">
          电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的
          电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的
          电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的

          电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的电话撒U盾后萨的挥洒的
          电话撒U盾后萨的挥洒的
        </td>
      </tr>
      <tr>
        <td class="keep">其他</td>
        <td class="tx-lf" colspan="5"> 20121</td>
      </tr>
      <tr>
        <td class="keep">付款时间和付款条件</td>
        <td colspan="5">
          <table class="bottom-table-write">
            <tr>
              <td>序号</td>
              <td>预计付款时间</td>
              <td>比例</td>
              <td>实付金额</td>
            </tr>
            <tr>
              <td>1</td>
              <td>2012/10/05</td>
              <td>30%</td>
              <td>10</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td class="keep">审批流程</td>
        <td colspan="5">
          <table class="bottom-table-write">
            <tr>
              <td>任务名称</td>
              <td>所属部门</td>
              <td>审批意见</td>
              <td>审批时间</td>
            </tr>
            <tr>
              <td>1</td>
              <td>2012/10/05</td>
              <td>30%</td>
              <td>10</td>
            </tr>
            <tr>
              <td>1</td>
              <td>2012/10/05</td>
              <td>30%</td>
              <td>10</td>
            </tr>
            <tr>
              <td>1</td>
              <td>2012/10/05</td>
              <td>30%</td>
              <td>10</td>
            </tr>
            <tr>
              <td>1</td>
              <td>2012/10/05</td>
              <td>30%</td>
              <td>10</td>
            </tr>
            <tr>
              <td>1</td>
              <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 */
  margin: 3mm; /* this affects the margin in the printer settings */
}
html {
  background-color: #ffffff;
  margin: 0; /* this affects the margin on the html before sending to printer */
}
body {
  border: solid 1px blue;
  margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
}
/*去除页眉页脚*/
</style>
