<template>
  <div>
    <el-button class="box1" @click="daochu">导出</el-button>

    <div class="word" id="contents">
      <p
        style="
          font-size: 16pt;
          font-weight: 600;
          
          color: black;
font-family: 'heiti'
        "
      >
        《训练器材、教材登记簿》
      </p>
      <!-- <div class="fTitle">顶级分类训练器材、教材登记簿</div> -->
      <p
        align="left"
        style="
          font-size: 15pt;
          font-weight: 500;
          color: black;
          
          margin-bottom: 5px;
          font-family: 'heiti'
        "
      >
        审核：
      </p>
      <table
      class="b1"
        border="1"
        style="
          border-collapse: collapse;
          border: none;
          mso-border-left-alt: 0.5pt solid windowtext;
          mso-border-top-alt: 0.5pt solid windowtext;
          mso-border-right-alt: 0.5pt solid windowtext;
          mso-border-bottom-alt: 0.5pt solid windowtext;
          mso-border-insideh: 0.5pt solid windowtext;
          mso-border-insidev: 0.5pt solid windowtext;
          mso-padding-alt: 0pt 0pt 0pt 0pt;
        "
        width="930"
        bordercolor="black"
      >
        <!--<p align="center" style="font-size: 14pt;font-weight: bold;">顶级分类-训练器材、教材登记簿</p>-->

        <tbody  style="font-size: 16px;font-weight: 500;">
          <tr class="JR_tr">
            <td width="37" valign="center" rowspan="2" class="JR_left">
              <p align="center" style="font-family: 'heiti'">序<br />号</p>
            </td>
            <td width="66" valign="center" rowspan="2" class="JR_left">
              <p align="center" style="font-family: 'heiti'">类别</p>
            </td>
            <td width="85" valign="center" rowspan="2" class="JR_left">
              <p align="center" style="font-family: 'heiti'">名称</p>
            </td>
            <td width="274" valign="center" colspan="5" class="JR_left">
              <p align="center" style="font-family: 'heiti'">库存情况</p>
            </td>
            <td width="179" valign="center" colspan="3" class="JR_left">
              <p align="center" style="font-family: 'heiti'">入库情况</p>
            </td>
            <td width="179" valign="center" colspan="3" class="JR_left">
              <p align="center" style="font-family: 'heiti'">出库情况</p>
            </td>
            <td width="56" valign="center" rowspan="2" class="JR_left">
              <p align="center" style="font-family: 'heiti'">质量<br />状况</p>
            </td>
            <td width="56" valign="center" rowspan="2" class="JR_left">
              <p align="center" style="font-family: 'heiti'">备注</p>
            </td>
          </tr>
          <tr class="JR_tr">
            <td width="66" valign="center" class="JR_left">
              <p align="center" style="font-family: 'heiti'">
                配发 <br />
                单位
              </p>
            </td>
            <td width="56" valign="center" class="JR_left">
              <p align="center" style="font-family: 'heiti'">
                配发 <br />
                时间
              </p>
            </td>
            <td width="47" valign="center">
              <p align="center" style="font-family: 'heiti'" class="JR_left">
                配发<br />
                数量
              </p>
            </td>
            <td width="47" valign="center">
              <p align="center" style="font-family: 'heiti'" class="JR_left">
                自筹<br />
                数量
              </p>
            </td>
            <td width="47" valign="center">
              <p align="center" style="font-family: 'heiti'" class="JR_left">
                库存<br />
                数量
              </p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_left" style="font-family: 'heiti'">时间</p>
            </td>
            <td width="47" valign="center">
              <p align="center" class="JR_left" style="font-family: 'heiti'">数量</p>
            </td>
            <td width="75" valign="center">
              <p align="center" class="JR_left" style="font-family: 'heiti'">经手人</p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_left" style="font-family: 'heiti'">时间</p>
            </td>
            <td width="47" valign="center">
              <p align="center" class="JR_left" style="font-family: 'heiti'">数量</p>
            </td>
            <td width="75" valign="center">
              <p align="center" class="JR_left" style="font-family: 'heiti'">经手人</p>
            </td>
          </tr>
          <tr class="JR_tr" style="font-family: 'fangsong'">
            <td width="37" valign="center">
              <p align="center">{{ message.id }}</p>
            </td>
            <td width="66" valign="center" rowspan="1" class="JR_right">
              <p align="center">{{ message.type }}</p>
            </td>
            <td width="85" valign="center">
              <p align="center" class="JR_right">{{ message.title }}</p>
            </td>
            <td width="66" valign="center">
              <p align="center" class="JR_right">{{ message.unitName }}</p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_right">{{ message.granttime }}</p>
            </td>
            <td width="47" valign="center">
              <p align="center" class="JR_right">{{ message.grantnum }}</p>
            </td>
            <td width="47" valign="center">
              <p align="center" class="JR_right">{{ message.ownnum }}</p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_right">{{ message.stocknum }}</p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_right">{{ message.intime }}</p>
            </td>
            <td width="47" valign="center">
              <p align="center" class="JR_right">{{ message.innum }}</p>
            </td>
            <td width="75" valign="center">
              <p align="center" class="JR_right">{{ message.peopleName }}</p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_right">{{ message.outtime }}</p>
            </td>
            <td width="47" valign="center">
              <p align="center" class="JR_right">{{ message.outnum }}</p>
            </td>
            <td width="75" valign="center">
              <p align="center" class="JR_right">{{ message.people1Name }}</p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_right">{{ message.quality }}</p>
            </td>
            <td width="56" valign="center">
              <p align="center" class="JR_right">{{ message.info }}</p>
            </td>
          </tr>
          <tr >
            <td width="37" valign="center" style="font-family: 'heiti'">
              <p align="center">
                填<br />
                写<br />
                说<br />
                明 <br />
              </p>
            </td>
            <td width="897" valign="center" colspan="15" v-html="message.info" style="font-family: 'fangsong'">
              <p></p>
            </td>
          </tr>
        </tbody>
        <tr
          class="JR_tr"
          style="
            border: none;
            color: black;
            font-size: 12pt;
            font-weight: 700;
            line-height: 30px;
          "
        >
          <td
            class="JR_right"
            colspan="6"
            align="left"
            style="border: none; line-height: 45px;font-family: 'heiti'"
          >
            军事主官：
          </td>
          <td
            class="JR_right"
            colspan="7"
            align="left"
            style="border: none; line-height: 45px;font-family: 'heiti'"
          >
            政治主官：
          </td>
          <td
            class="JR_right"
            colspan="3"
            align="left"
            style="border: none; line-height: 45px;font-family: 'heiti'"
          >
            时间：
          </td>
        </tr>
      </table>
      <!-- <div
        class="a1"
        style="
          width: 100%;
          height: 50px;
          font-size: 16px;
          font-weight: 600;
          color: black;
          display: flex;
          justify-content: space-between;
        "
      >
        <p style="">军事主官：</p>
        <p class="aa">政治主官：</p>
        <p style="">时间：</p>
      </div> -->
    </div>
  </div>
</template>
<script>
import { lookWord } from "@/utils/look_word.js";

import "@/utils/lodJs.js";
export default {
  name: "bdgleven",
  props: ["message"],
  data() {
    return {
      title: "训练器材、教材登记簿",
      style:
        ".b1{width:860px !important};.JR_tr {height: 40px;};.JR_left{width: 120px;font-size: 1.151em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.231em; font-family: 仿宋_GB2312;};.JR_bottom{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312; text-align: right};",
    };
  },
  methods: {
    daochu() {
      lookWord(this.title, "#contents", this.style, true);
    },
  },
};
</script>
<style scoped>
tbody {
  color: #fff;
  text-align: center;
}
tr:last-child {
  border-bottom: 1px solid;
}
.box1 {
  position: absolute;
  right: 30px;
  top: 80px;
  border: 1px solid rgb(129, 130, 131);
  border-radius: 5px;
}
</style>