ducha-qianduan/src/components/look_word/bdglequip.vue

<template>
  <div class="word" id="contents">
    <!-- <div class="fTitle">大队连务会记录本</div> -->

    <table
      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="960"
      align="center"
      bordercolor="black"
    >
      <!--<p align="center" style="font-size: 14pt;font-weight: bold;">文件管理登记本</p>-->

      <tbody>
        <tr>
          <th width="174" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">文件名称</font></font
              >
            </p>
          </th>

          <th width="125" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">文件编号</font></font
              >
            </p>
          </th>

          <th width="95" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">收文日期</font></font
              >
            </p>
          </th>

          <th width="57" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">密级</font></font
              >
            </p>
          </th>

          <th width="57" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">份数</font></font
              >
            </p>
          </th>

          <th width="85" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">签收人</font></font
              >
            </p>
          </th>

          <th width="85" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">借阅人</font></font
              >
            </p>
          </th>

          <th width="85" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"> 借阅时间 </font></font
              >
            </p>
          </th>

          <th width="85" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"> 归还时间 </font></font
              >
            </p>
          </th>

          <th width="59" valign="center">
            <p align="center">
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">注销</font></font
              >
            </p>
          </th>
        </tr>

        <tr>
          <td width="174" valign="center">
            <p align="center" style="margin: 20px 0">{{ message.name }}</p>
          </td>

          <td width="125" valign="center">
            <p align="center">{{ message.number }}</p>
          </td>

          <td width="95" valign="center">
            <p align="center">{{ message.incomingDispatchesTime }}</p>
          </td>

          <td width="57" valign="center">
            <p align="center">{{ message.confidential }}</p>
          </td>

          <td width="57" valign="center">
            <p align="center">{{ message.copies }}</p>
          </td>

          <td width="85" valign="center">
            <p align="center">{{ message.peopleName }}</p>
          </td>

          <td width="85" valign="center">
            <p align="center">{{ message.borrowName }}</p>
          </td>

          <td width="85" valign="center">
            <p align="center">{{ message.loanTime }}</p>
          </td>

          <td width="85" valign="center">
            <p align="center">{{ message.returnTime }}</p>
          </td>

          <td width="59" valign="center">
            <p align="center">{{ message.logoutName }}</p>
          </td>
        </tr>

        <tr>
          <td width="174" valign="center">
            <p align="center" style="margin: 20px 0"></p>
          </td>

          <td width="125" valign="center"><p align="center"></p></td>

          <td width="95" valign="center"><p align="center"></p></td>

          <td width="57" valign="center"><p align="center"></p></td>

          <td width="57" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="59" valign="center"><p align="center"></p></td>
        </tr>

        <tr>
          <td width="174" valign="center">
            <p align="center" style="margin: 20px 0"></p>
          </td>

          <td width="125" valign="center"><p align="center"></p></td>

          <td width="95" valign="center"><p align="center"></p></td>

          <td width="57" valign="center"><p align="center"></p></td>

          <td width="57" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="85" valign="center"><p align="center"></p></td>

          <td width="59" valign="center"><p align="center"></p></td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
<script>
export default {
  name: "bdgleven",
  props: ["message"],
};
</script>
<style scoped>
tbody {
  color: #fff;
  text-align: center;
}
tr:last-child {
  border-bottom: 1px solid;
}
</style>