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

<template>
  <div>
    <el-button class="box1" @click="daochu">导出</el-button>
    <div class="word" id="contents">
      <!-- <div class="fTitle">大队连务会记录本</div> -->
      <p
        style="
          font-size: 16pt;
          font-weight: 600;
          margin-botttom: 30px;
          color: black;
          font-family: 'heiti'
        "
      >
        《军事训练登记簿》
      </p>
      <p
        style="
          font-size: 16pt;
          font-weight: 600;
          color: black;
          text-align: center;
          margin-bottom: 5px;
          font-family: 'heiti'
        "
      >
        <span class="a1">月</span> 日军事训练登记表
      </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: -20px;
        "
        width="960"
        bordercolor="black"
      >
        <tbody style="font-size: 16px;font-weight: 500;">
          <tr class="JR_tr">
            <th width="101" nowrap="" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">训练类别</p>
            </th>
            <th width="113" nowrap="" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">训练内容</p>
            </th>
            <th width="120" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">训练时间</p>
            </th>
            <th width="85" nowrap="" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">训练地点</p>
            </th>
            <th width="114" nowrap="" colspan="2" class="JR_left">
              <p align="center" style="margin: 5px 0;font-family: 'heiti'">参训兵力</p>
            </th>
            <th width="68" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">参训率</p>
            </th>
            <th width="115" nowrap="" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">效果（成绩）</p>
            </th>
            <th width="104" nowrap="" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">消耗</p>
            </th>
            <th width="70" nowrap="" rowspan="2" class="JR_left">
              <p align="center" style="margin: 20px 0;font-family: 'heiti'">备注</p>
            </th>
          </tr>
          <tr class="JR_tr">
            <th width="57" nowrap="" class="JR_left">
              <p align="center" style="font-family: 'heiti'">应训</p>
            </th>
            <th width="57" class="JR_left"><p align="center" style="font-family: 'heiti'">实训</p></th>
          </tr>

          <tr class="JR_tr">
            <td width="101" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">
                {{ message.project }}
                <!-- <span style="display: none">111</span> -->
              </p>
            </td>
            <td width="113" class="JR_right">
              <p align="center" style="font-family: 'fangsong'">{{ message.contents }}</p>
            </td>
            <!--<td width="85"><p align="center">2021-12-15</p></td>-->
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">
                {{ message.drillTime }}
                <!-- <span style="display: none"></span> -->
              </p>
            </td>
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">{{ message.address }}</p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">{{ message.oughtTo }}</p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">{{ message.actual }}</p>
            </td>
            <td width="68" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">
                {{ message.probability }}
              </p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">{{ message.result }}</p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">{{ message.expend }}</p>
            </td>
            <td width="83" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0;font-family: 'fangsong'">{{ message.remark }}</p>
            </td>
          </tr>

          <tr class="JR_tr">
            <td width="101" height="45px" class="JR_right">
              <p align="center" style="margin: 10px 0">
                <span style="display: none">111</span>
              </p>
            </td>
            <td width="113" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <!--<td width="85"><p align="center">2021-12-15</p></td>-->
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="68" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="83" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
          </tr>

          <tr class="JR_tr">
            <td width="101" height="45px" class="JR_right">
              <p align="center" style="margin: 10px 0">
                <span style="display: none">111</span>
              </p>
            </td>
            <td width="113" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <!--<td width="85"><p align="center">2021-12-15</p></td>-->
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="68" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="83" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
          </tr>

          <tr class="JR_tr">
            <td width="101" height="45px" class="JR_right">
              <p align="center" style="margin: 10px 0">
                <span style="display: none">111</span>
              </p>
            </td>
            <td width="113"><p align="center" style="margin: 10px 0"></p></td>
            <!--<td width="85"><p align="center">2021-12-15</p></td>-->
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="85" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="57" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="68" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="104" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
            <td width="83" nowrap="" class="JR_right">
              <p align="center" style="margin: 10px 0"></p>
            </td>
          </tr>
        </tbody>
      </table>
      <div
        style="
          font-size: 14pt;
          font-weight: 900;
          margin: 10px 50px 20px 700px;
          color: black;
          font-family: 'heiti'
        "
      >
        军事主管：{{message.peopleName}}
      </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:
        ".JR_tr {height: 40px;};.JR_left{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;
}
.a1 {
  margin-right: 30px;
}
.box1 {
  position: absolute;
  right: 30px;
  top: 80px;
  border: 1px solid rgb(129, 130, 131);
  border-radius: 5px;
}
</style>