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

<template>
  <div>
    <el-button class="box1" @click="daochu">导出</el-button>
    <div class="word" id="contents">
      <!-- <div class="fTitle">大队连务会记录本</div> -->
      <p
        style="
          font-size: 14pt;
          font-weight: 900;
          margin-botttom: 30px;
          color: black;
        "
      >
        《文件管理登记本》
      </p>
      <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;
          margin-left: 0px;
        "
        width="960"
        bordercolor="black"
      >
        <!--<p align="center" style="font-size: 14pt;font-weight: bold;">文件管理登记本</p>-->

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          <tr height="45px" class="JR_tr">
            <td width="174" valign="center" class="JR_right">
              <p align="center" style="margin: 20px 0"></p>
            </td>

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

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

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

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

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

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

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

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

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

          <tr height="45px" class="JR_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>
  </div>
</template>
<script>
import { lookWord } from "@/utils/look_word.js";

import "@/utils/lodJs.js";
export default {
  name: "bdgleven",
  props: ["message"],
  data() {
    return {
      title: "文件管理登记本",
      style:
        ".JR_tr {height: 40px;};.JR_left{width: 120px;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; font-family: 仿宋_GB2312;};.JR_bottom{ 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>