<template>
  <div class="main-content illegal-print">
    <div class="content-header">
      <span class="title">移出严重违法失信企业名单决定书</span>
      <div class="back-btn">
        <el-button type="primary" size="mini" @click="printCurrent">打印当前页</el-button>
        <el-button type="primary" size="mini" @click="printAll">全部打印</el-button>
        <!-- <el-button type="warning" icon="el-icon-caret-left" size="mini" @click="$router.back()">返回上一层</el-button> -->
      </div>
    </div>
    <div id="content-body" class="content-body">
      <div class="preview-box">
        <paper-swiper ref="swiper">
          <paper v-for="(each, index) in paperInfo" :key="index" style="width:700px;font-family:'宋体'">
            <!--标题-->
            <div style="font-size:25px;text-align:center">
              <span>企业移出严重违法失信企业名单申请表</span>
            </div>
            <!--主内容-->
            <div style="font-size:14px;margin-top:5px">
              <table width="100%" border="1" style="border-collapse: collapse;">
                <tbody>
                  <tr>
                    <th width="15%" rowspan="4" style="text-align:center">基本情况</th>
                    <th width="15%" style="text-align:center;padding: 20px 5px">名称</th>
                    <td colspan="3">&nbsp;{{ each.entname }}</td>
                  </tr>
                  <tr>
                    <th style="text-align:center;padding: 10px 5px">注册号/统一社会信用代码</th>
                    <td style="padding: 10px 5px">{{ each.regNo }}</td>
                    <th style="text-align:center;padding: 10px 5px">法定代表人(负责人)</th>
                    <td>&nbsp;{{ each.leRepName }}</td>
                  </tr>
                  <tr>
                    <th style="text-align:center;padding: 10px 5px">住    所<br>(经营场所)</th>
                    <td colspan="3">{{ each.address }}</td>
                  </tr>
                  <tr>
                    <th width="25%" style="text-align:center;padding: 20px 5px">联系电话</th>
                    <td>&nbsp;{{ each.telephone }}</td>

                    <th style="text-align:center;padding: 10px">邮政编码</th>
                    <td>
                      {{ each.postCode }}
                    </td>
                  </tr>
                  <tr>
                    <th style="text-align:center;padding: 10px">列入严重违法失信企业名单原因</th>
                    <td colspan="2" style="padding:10px">
                      {{ each.serillreaStr }}
                    </td>
                    <th style="text-align:center;padding: 10px">列入日期</th>
                    <td style="padding:10px">
                      {{ each.incYear }}年{{ each.incMonth }}月{{ each.incDay }}日
                    </td>
                  </tr>
                  <tr>
                    <th style="text-align:center;padding:60px 10px">申请移出理由</th>
                    <td colspan="4">
                      <div style="padding: 20px 10px">
                        <p><i style="border:1px solid black;display:inline-block;width:12px;height:12px" />已补报年度报告并公示</p>
                        <p><i style="border:1px solid black;display:inline-block;width:12px;height:12px" />已公示有关企业信息</p>
                        <p><i style="border:1px solid black;display:inline-block;width:12px;height:12px" />已更正公示的信息</p>
                        <p><i style="border:1px solid black;display:inline-block;width:12px;height:12px" />已依法办理住所或者经营场所的变更登记</p>
                        <p><i style="border:1px solid black;display:inline-block;width:12px;height:12px" />通过登记的住所或者经营场所重新取得联系</p>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </paper>
        </paper-swiper>
      </div>
    </div>
  </div>
</template>

<script>
import { getIllegalRemoveApplyMsg } from '@/api/illegal'
export default {
  data() {
    return {
      workflowId: '',
      bizseq: '',
      tasklistid: '',
      historyLog: [], // 意见记录
      opinioncontent: '111',
      tableDataList: [1, 2],
      paperInfo: [],
      name: '',
      uscc: '',
      isPlaceholder: true
    }
  },
  mounted() {
    this.bizseq = this.$route.query.bizseq
    // 获取文书信息
    getIllegalRemoveApplyMsg(this.bizseq).then(res => {
      if (res.code === 0) {
        this.paperInfo = res.data
        this.paperInfo.forEach(each => {
          const dateArray = each.abnTimeStr.split('-')
          each.incYear = dateArray[0]
          each.incMonth = dateArray[1]
          each.incDay = dateArray[2]
        })
      }
    })
  },
  methods: {
    printCurrent() {
      const swiper = this.$refs.swiper
      const page = swiper.getPaperElement()

      const printHtml = page.outerHTML// 获取到要打印的节点内容
      // 打开新窗口
      const newWindow = window.open('打印', '_blank')
      newWindow.document.write(printHtml)
      // 关闭文档
      newWindow.document.close()
      // 调用打印机
      newWindow.print()
      newWindow.close()
    },
    printAll() {
      let html = ''
      const swiper = this.$refs.swiper
      for (let i = 0; i < this.paperInfo.length; i++) {
        const page = swiper.getPaperElement(i)
        const printHtml = page.outerHTML
        html += printHtml
      }
      const style = '<style type="text/css">body>div:not(:first-child){margin-top:600px}</style>'
      html += style
      // 打开新窗口
      const newWindow = window.open('打印', '_blank')
      newWindow.document.write(html)
      // 关闭文档
      newWindow.document.close()
      // 调用打印机
      newWindow.print()
      newWindow.close()
    }
  }
}
</script>
<style lang='scss' scoped>
.main-content{
  padding: 10pt;
    .back-btn{
    display: inline-block;
    position: absolute;
    right: 40pt;
  }
  .content-header,.content-body{
    background: white;
    padding:20PX 10PX;
    border:1PX solid #eee;
  }
  .content-header{
    height:60PX;
    .title{
      font-weight: 700;
      font-size: $font-size-sub-title;
    }
  }
  .content-body{
    padding:20pt;
      .tab{
        .tab-title{
          label{
            background: $color-primary;
            display:inline-block;
            color:$color-title-color;
            padding:5px;
          }
        }
      }
    .form{
      margin-bottom: 20pt;
    }
  }
}
</style>
