导出查看文档

package.json

@@ -45,6 +45,7 @@
     "file-saver": "^2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",
+    "html-docx-js": "^0.3.1",
     "jquery": "^3.6.0",
     "js-beautify": "1.13.0",
     "js-cookie": "2.2.1",

src/components/look_word/bdglarmament.vue

@@ -1,311 +1,387 @@
 <template>
-  <div class="word" id="contents">
-    <p
-      style="
-        font-size: 20pt;
-        font-weight: 900;
-        margin: 0px 0px 20px -30px;
-        color: black;
-        text-align: center;
-      "
-    >
-      军械装备登记表（总表）
-    </p>
-    <p
-      style="
-        font-size: 12pt;
-        font-weight: 100;
-        margin: 0px 0px 3px 0px;
-        color: black;
-      "
-    >
-      装备名称：<span style="text-decoration: underline"
-        >QBZ95-1式5.8毫米自动步枪
-      </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: -10px;
-      "
-      width="940"
-      bordercolor="black"
-    >
-      <tbody>
-        <tr>
-          <td width="37" valign="center" align="center" nowrap="" rowspan="2">
-            序<br />号
-          </td>
-          <td width="113" valign="center" nowrap="" colspan="3">
-            <p align="center">登记日期</p>
-          </td>
-          <td width="47" valign="center" rowspan="2">
-            <p align="center">单位</p>
-          </td>
-          <td width="47" valign="center" rowspan="2">
-            <p align="center">编制数</p>
-          </td>
-          <td width="94" valign="center" nowrap="" rowspan="2">
-            <p align="center">
-              交接依据<br />
-              来 &nbsp;&nbsp;&nbsp;源
-            </p>
-          </td>
-          <td width="198" valign="center" nowrap="" colspan="4">
-            <p align="center">现有数</p>
-          </td>
-          <td width="217" valign="center" nowrap="" colspan="3">
-            <p align="center">附品、工具、装护具配套情况</p>
-          </td>
-          <td width="75" valign="center" nowrap="" rowspan="2">
-            <p align="center">登记人</p>
-          </td>
-          <td width="75" valign="center" nowrap="" rowspan="2">
-            <p align="center">核对人</p>
-          </td>
-        </tr>
-        <tr>
-          <td width="37" valign="center" nowrap=""><p align="center">年</p></td>
-          <td width="37" valign="center" nowrap=""><p align="center">月</p></td>
-          <td width="37" valign="center" nowrap=""><p align="center">日</p></td>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">合计</p>
-          </td>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">完好数</p>
-          </td>
-          <td width="56" valign="center" nowrap="">
-            <p align="center">待修数</p>
-          </td>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">送修数</p>
-          </td>
-          <td width="66" valign="center" nowrap="">
-            <p align="center">标准（套）</p>
-          </td>
-          <td width="56" valign="center" nowrap="">
-            <p align="center">现有（套）</p>
-          </td>
-          <td width="94" valign="center" nowrap="">
-            <p align="center">缺陷种类及数量</p>
-          </td>
-        </tr>
-        <tr>
-          <td width="37" valign="center" nowrap=""><p align="center">01</p></td>
-          <td width="37" valign="center" nowrap=""><p align="center">22</p></td>
-          <td width="37" valign="center" nowrap=""><p align="center">03</p></td>
-          <td width="37" valign="center" nowrap=""><p align="center">08</p></td>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">{{ message.metering }}</p>
-          </td>
-          <td width="94" valign="center" nowrap="">
-            <p align="center">{{ message.gist }}</p>
-          </td>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">{{ message.prepareNumber }}</p>
-          </td>
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
 
-          <td width="47" valign="center" nowrap="">
-            <p align="center">{{ message.sum }}</p>
-          </td>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">{{ message.intactNumber }}</p>
-          </td>
-          <td width="56" valign="center" nowrap="">
-            <p align="center">{{ message.repairNumber }}</p>
-          </td>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">{{ message.sendNumber }}</p>
-          </td>
-          <td width="66" valign="center" nowrap="">
-            <p align="center">{{ message.standard }}</p>
-          </td>
-          <td width="56" valign="center" nowrap="">
-            <p align="center">{{ message.existing }}</p>
-          </td>
-          <td width="94" valign="center" nowrap="">
-            <p align="center">{{ message.flaw }}</p>
-          </td>
-          <td width="75" valign="center" nowrap="">
-            <p align="center">{{ message.peopleName }}</p>
-          </td>
-          <td width="75" valign="center" nowrap="">
-            <p align="center">{{ message.people1Name }}</p>
-          </td>
-        </tr>
-        <tr>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="94" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="56" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="66" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="56" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="94" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="75" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="75" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-        </tr>
-        <tr>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="94" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="56" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="66" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="56" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="94" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="75" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="75" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-        </tr>
-        <tr>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="37" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="94" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="56" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="66" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="56" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="94" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="75" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-          <td width="75" height="45px" valign="center" nowrap="">
-            <p align="center"></p>
-          </td>
-        </tr>
-        <tr>
-          <td width="37" valign="center" nowrap="">
-            <p align="center">备注</p>
-          </td>
-          <td width="869" valign="top" colspan="15"><p></p></td>
-        </tr>
-      </tbody>
-    </table>
+    <div class="word" id="contents">
+      <p
+        style="
+          font-size: 20pt;
+          font-weight: 900;
+          margin: 0px 0px 20px -30px;
+          color: black;
+          text-align: center;
+        "
+      >
+        军械装备登记表（总表）
+      </p>
+      <p
+        style="
+          font-size: 12pt;
+          font-weight: 100;
+          margin: 0px 0px 3px 0px;
+          color: black;
+        "
+      >
+        装备名称：<span style="text-decoration: underline"
+          >QBZ95-1式5.8毫米自动步枪
+        </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: -10px;
+        "
+        width="940"
+        bordercolor="black"
+      >
+        <tbody>
+          <tr class="JR_tr">
+            <td
+              width="37"
+              valign="center"
+              align="center"
+              nowrap=""
+              rowspan="2"
+              class="JR_left"
+            >
+              序<br />号
+            </td>
+            <td
+              class="JR_left"
+              width="113"
+              valign="center"
+              nowrap=""
+              colspan="3"
+            >
+              <p align="center">登记日期</p>
+            </td>
+            <td width="47" valign="center" rowspan="2" class="JR_left">
+              <p align="center">单位</p>
+            </td>
+            <td width="47" valign="center" rowspan="2" class="JR_left">
+              <p align="center">编制数</p>
+            </td>
+            <td
+              width="94"
+              valign="center"
+              nowrap=""
+              rowspan="2"
+              class="JR_left"
+            >
+              <p align="center">
+                交接依据<br />
+                来 &nbsp;&nbsp;&nbsp;源
+              </p>
+            </td>
+            <td
+              width="198"
+              valign="center"
+              nowrap=""
+              colspan="4"
+              class="JR_left"
+            >
+              <p align="center">现有数</p>
+            </td>
+            <td
+              width="217"
+              valign="center"
+              nowrap=""
+              colspan="3"
+              class="JR_left"
+            >
+              <p align="center">附品、工具、装护具配套情况</p>
+            </td>
+            <td
+              width="75"
+              valign="center"
+              nowrap=""
+              rowspan="2"
+              class="JR_left"
+            >
+              <p align="center">登记人</p>
+            </td>
+            <td
+              width="75"
+              valign="center"
+              nowrap=""
+              rowspan="2"
+              class="JR_left"
+            >
+              <p align="center">核对人</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="37" valign="center" nowrap="" class="JR_left">
+              <p align="center">年</p>
+            </td>
+            <td width="37" valign="center" nowrap="" class="JR_left">
+              <p align="center">月</p>
+            </td>
+            <td width="37" valign="center" nowrap="" class="JR_left">
+              <p align="center">日</p>
+            </td>
+            <td width="47" valign="center" nowrap="" class="JR_left">
+              <p align="center">合计</p>
+            </td>
+            <td width="47" valign="center" nowrap="" class="JR_left">
+              <p align="center">完好数</p>
+            </td>
+            <td width="56" valign="center" nowrap="" class="JR_left">
+              <p align="center">待修数</p>
+            </td>
+            <td width="47" valign="center" nowrap="" class="JR_left">
+              <p align="center">送修数</p>
+            </td>
+            <td width="66" valign="center" nowrap="" class="JR_left">
+              <p align="center">标准（套）</p>
+            </td>
+            <td width="56" valign="center" nowrap="" class="JR_left">
+              <p align="center">现有（套）</p>
+            </td>
+            <td width="94" valign="center" nowrap="" class="JR_left">
+              <p align="center">缺陷种类及数量</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="37" valign="center" nowrap="" class="JR_right">
+              <p align="center">01</p>
+            </td>
+            <td width="37" valign="center" nowrap="" class="JR_right">
+              <p align="center">22</p>
+            </td>
+            <td width="37" valign="center" nowrap="" class="JR_right">
+              <p align="center">03</p>
+            </td>
+            <td width="37" valign="center" nowrap="" class="JR_right">
+              <p align="center">08</p>
+            </td>
+            <td width="47" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.metering }}</p>
+            </td>
+            <td width="94" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.gist }}</p>
+            </td>
+            <td width="47" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.prepareNumber }}</p>
+            </td>
+
+            <td width="47" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.sum }}</p>
+            </td>
+            <td width="47" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.intactNumber }}</p>
+            </td>
+            <td width="56" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.repairNumber }}</p>
+            </td>
+            <td width="47" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.sendNumber }}</p>
+            </td>
+            <td width="66" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.standard }}</p>
+            </td>
+            <td width="56" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.existing }}</p>
+            </td>
+            <td width="94" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.flaw }}</p>
+            </td>
+            <td width="75" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.peopleName }}</p>
+            </td>
+            <td width="75" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.people1Name }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="37" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="37" valign="center" nowrap="">
+              <p align="center">备注</p>
+            </td>
+            <td width="869" valign="top" colspan="15"><p></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{font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; 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>
@@ -317,4 +393,11 @@ tbody {
 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>

src/components/look_word/bdglcookbook.vue

@@ -1,182 +1,397 @@
 <template>
-  <div class="word" id="contents">
-    <p style="text-align: center; font-size: 20px;color:black">食堂食谱表</p>
-    <p style="margin-left: 10px;color:black">使用时间：2022-03-09—2022-03-13</p>
-    <table
-      border="1"
-      style="
-        border-collapse: collapse;
-        border: 1px solid black;
-        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"
-    >
-      <colgroup>
-        <col width="51" />
-        <col width="58" />
-        <col width="125" />
-        <col width="130" />
-        <col width="128" />
-        <col width="130" />
-        <col width="121" span="3" />
-      </colgroup>
-      <tbody>
-        <tr height="45">
-          <td colspan="2" align="center">时间</td>
-          <td width="111" align="center">星期一</td>
-          <td width="111" align="center">星期二</td>
-          <td width="111" align="center">星期三</td>
-          <td width="111" align="center">星期四</td>
-          <td width="111" align="center">星期五</td>
-          <td width="111" align="center">星期六</td>
-          <td width="111" align="center">星期天</td>
-        </tr>
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
+    <div class="word" id="contents">
+      <p style="text-align: center; font-size: 20px; color: black">
+        食堂食谱表
+      </p>
+      <p style="margin-left: 10px; color: black">
+        使用时间：2022-03-09—2022-03-13
+      </p>
+      <table
+        border="1"
+        style="
+          border-collapse: collapse;
+          border: 1px solid black;
+          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"
+      >
+        <colgroup>
+          <col width="51" />
+          <col width="58" />
+          <col width="125" />
+          <col width="130" />
+          <col width="128" />
+          <col width="130" />
+          <col width="121" span="3" />
+        </colgroup>
+        <tbody>
+          <tr height="45" class="JR_tr">
+            <td colspan="2" align="center" class="JR_left">时间</td>
+            <td width="111" align="center" class="JR_left">星期一</td>
+            <td width="111" align="center" class="JR_left">星期二</td>
+            <td width="111" align="center" class="JR_left">星期三</td>
+            <td width="111" align="center" class="JR_left">星期四</td>
+            <td width="111" align="center" class="JR_left">星期五</td>
+            <td width="111" align="center" class="JR_left">星期六</td>
+            <td width="111" align="center" class="JR_left">星期天</td>
+          </tr>
 
+          <tr height="45" class="JR_tr">
+            <td width="99" rowspan="4" align="center" class="JR_left">早餐</td>
+            <td width="70" rowspan="2" align="center" class="JR_left">主食</td>
+            <td
+              align="center"
+              style="white-space: normal; height: 45"
+              class="JR_right"
+            >
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td align="center" style="white-space: normal">
+              {{ message.cookbookRegistrations[0].cookcategoryNames }}
+            </td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td width="70" rowspan="2" align="center" class="JR_left">副食</td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td align="center" style="white-space: normal" class="JR_right">
+              {{ message.cookbookRegistrations[1].cookcategoryNames }}
+            </td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              无
+            </td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+          </tr>
 
-        <tr height="45">
-          <td width="99" rowspan="4" align="center">早餐</td>
-          <td width="70" rowspan="2" align="center">主食</td>
-          <td align="center" style="white-space: normal;height:45">炊事员：胡万怡</td>
-          <td align="center" style="white-space: normal">炊事员：孟广旭</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-        </tr>
-        <tr height="45">
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">五</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-        </tr>
-        <tr height="45">
-          <td width="70" rowspan="2" align="center">副食</td>
-          <td align="center" style="white-space: normal">炊事员：胡万怡</td>
-          <td align="center" style="white-space: normal">炊事员：岳慧</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-        </tr>
-        <tr height="45">
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-        </tr>
-     
-     
+          <tr height="45" class="JR_tr">
+            <td width="99" rowspan="4" align="center" class="JR_left">午餐</td>
+            <td width="70" rowspan="2" align="center" class="JR_left">主食</td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td width="70" rowspan="2" align="center" class="JR_left">副食</td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+            <td align="center" style="white-space: normal"></td>
+          </tr>
 
-        <tr height="45">
-          <td width="99" rowspan="4" align="center">午餐</td>
-          <td width="70" rowspan="2" align="center">主食</td>
-          <td align="center" style="white-space: normal">炊事员：岳慧</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-        </tr>
-        <tr height="45">
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-        </tr>
-        <tr height="45">
-          <td width="70" rowspan="2" align="center">副食</td>
-          <td align="center" style="white-space: normal">炊事员：李大钊</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-        </tr>
-        <tr height="45">
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-        </tr>
-
-
-        <tr height="45">
-          <td width="99" rowspan="4" align="center">晚餐</td>
-          <td width="70" rowspan="2" align="center">主食</td>
-          <td align="center" style="white-space: normal">炊事员：孟广旭</td>
-          <td align="center" style="white-space: normal">炊事员：岳慧</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-        </tr>
-        <tr height="45">
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-        </tr>
-        <tr height="45">
-          <td width="70" rowspan="2" align="center">副食</td>
-          <td align="center" style="white-space: normal">炊事员：常红</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-          <td align="center" style="white-space: normal">炊事员：无</td>
-        </tr>
-        <tr height="45">
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-          <td align="center" style="white-space: normal">无</td>
-        </tr>
-       
-      </tbody>
-    </table>
-    <div style="width: 100%; height: 50px; margin-top: 20px;color:black">
-      <span style="margin-left: 30px">单位领导：</span>
-      <span style="margin-left: 35%">经委会：</span>
-      <span style="margin-left: 318px">制表：</span>
+          <tr height="45" class="JR_tr">
+            <td width="99" rowspan="4" align="center" class="JR_left">晚餐</td>
+            <td width="70" rowspan="2" align="center" class="JR_left">主食</td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td width="70" rowspan="2" align="center" class="JR_left">副食</td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+            <td align="center" style="white-space: normal" class="JR_right">
+              炊事员：
+            </td>
+          </tr>
+          <tr height="45" class="JR_tr">
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+            <td
+              align="center"
+              style="white-space: normal"
+              class="JR_right"
+            ></td>
+          </tr>
+        </tbody>
+      </table>
+      <div style="width: 100%; height: 50px; margin-top: 20px; color: black">
+        <span style="margin-left: 30px">单位领导：</span>
+        <span style="margin-left: 35%">经委会：</span>
+        <span style="margin-left: 318px">制表：</span>
+      </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{width: 120px;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; 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>
@@ -188,4 +403,11 @@ tbody {
 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>

src/components/look_word/bdgldiary.vue

@@ -1,401 +1,452 @@
 <template>
-  <div class="word" id="contents" >
-    <p
-      style="
-        font-size: 14pt;
-        font-weight: 600;
-        text-align: left;
-        margin-botttom: 30px;
-        color:black;
-      "
-    >
-      《连队要事日记》
-    </p>
-    <div style="margin-bottom:5px">
-      <span class="tTime"  >00月00日</span>
-      <span class="tWeek" style="margin-left: 40px">星期</span>
-      <span class="tWeather" style="margin-left: 50px">天气：45</span>
-      <span style="margin-left: 380px">值班员:</span>
-    </div>
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
+    <div class="word" id="contents">
+      <p
+        style="
+          font-size: 14pt;
+          font-weight: 600;
+          text-align: left;
+          margin-botttom: 30px;
+          color: black;
+        "
+      >
+        《连队要事日记》
+      </p>
+      <div style="margin-bottom: 5px; color: black">
+        <span class="tTime">00月00日</span>
+        <span class="tWeek" style="margin-left: 40px">星期</span>
+        <span class="tWeather" style="margin-left: 50px">天气：45</span>
+        <span style="margin-left: 380px">值班员:</span>
+      </div>
 
-    <table
-      border="1"
-      style="
-        border-collapse: collapse;
-        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: 960px;
-        margin-bottom: 8px;
-        margin-left: -20px;
-      "
-      
-    >
-      <!-- 实力 -->
-      <tr height="30" align="center">
-        <td colspan="2" rowspan="2">实力</td>
-        <td colspan="6" style="letter-spacing:20px">编制人数</td>
-        <td colspan="6" style="letter-spacing:20px">现有人数</td>
-      </tr>
-      <tr height="30" align="center">
-        <td width="68">干部</td>
-        <td width="68">{{ message.orgcadre }}</td>
-        <td width="68">战士</td>
-        <td width="68">{{ message.orgsoldier }}</td>
-        <td width="68">合计</td>
-        <td width="68">无</td>
-        <td width="68">干部</td>
-        <td width="68">{{ message.nowcadre }}</td>
-        <td width="68">战士</td>
-        <td width="68">{{ message.nowsoldier }}</td>
-        <td width="68">合计</td>
-        <td width="68">无</td>
-      </tr>
-      <!-- 训练、教育或者执行其他任务情况 -->
-      <tr height="20" align="center">
-        <td rowspan="6">
-          <p align="center" style="margin: 0 15px">
-            训 <br />
-            练 <br />
-            、 <br />
-            教 <br />
-            育 <br />
-            或 <br />
-            者 <br />
-            执 <br />
-            行 <br />
-            其 <br />
-            他 <br />
-            任 <br />
-            务 <br />
-            情 <br />
-            况
-          </p>
-        </td>
-        <td rowspan="2" width="68">区分</td>
-        <td colspan="9" rowspan="2" style="letter-spacing:60px">内容</td>
-        <td colspan="3">人数</td>
-      </tr>
-      <tr height="30" align="center">
-        <td>应到</td>
-        <td>实到</td>
-        <td>到课率</td>
-      </tr>
-      <tr height="70" align="center">
-        <td>早晨</td>
-        <td colspan="9"></td>
-        <td></td>
-        <td></td>
-        <td></td>
-      </tr>
-      <tr height="70" align="center">
-        <td>上午</td>
-        <td colspan="9"></td>
-        <td></td>
-        <td></td>
-        <td></td>
-      </tr>
-      <tr height="70" align="center">
-        <td>下午</td>
-        <td colspan="9"></td>
-        <td></td>
-        <td></td>
-        <td></td>
-      </tr>
-      <tr height="70" align="center">
-        <td>晚上</td>
-        <td colspan="9"></td>
-        <td></td>
-        <td></td>
-        <td></td>
-      </tr>
-      <!-- 公差勤务 -->
-      <tr>
-        <td colspan="2"><p align="center">公差勤务</p></td>
-        <td colspan="12"><p></p></td>
-      </tr>
-      <tr>
-        <!-- 人员装备变动 -->
-        <td colspan="2">
-          <p align="center">
-            人员或 <br />
-            装备变动
-          </p>
-        </td>
-        <td colspan="12"><p></p></td>
-      </tr>
-      <!-- 武器装备检查情况 -->
-      <tr>
-        <td height="150" rowspan=":count($xlian)" colspan="2">
-          <p align="center">
-            武 内 <br />
-            器 务 <br />
-            装 卫 <br />
-            备 生 <br />
-            、 检 <br />
-            军 查 <br />
-            容 情 <br />
-            风 况 <br />
-            记 <br />
-          </p>
-        </td>
-        <td colspan="12"><p></p></td>
-      </tr>
-      <!-- 查铺查哨 -->
-      <tr>
-        <td rowspan="4">
-          <p align="center">
-            查 <br />
-            铺 <br />
-            查 <br />
-            哨
-          </p>
-        </td>
-        <td><p align="center">检查人</p></td>
-        <td><p align="center">时　间</p></td>
-        <td><p align="center">领班员</p></td>
-        <td colspan="2"><p align="center">卫兵姓名</p></td>
-        <td colspan="8"><p align="center" style="letter-spacing:20px">检　查　情　况</p></td>
-      </tr>
-      <tr height="30">
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="8"><p align="center"></p></td>
-      </tr>
-      <tr height="30">
-        <td><p align="center">&nbsp;</p></td>
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="8"><p align="center"></p></td>
-      </tr>
-      <tr height="30">
-        <td><p align="center">&nbsp;</p></td>
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="8"><p align="center"></p></td>
-      </tr>
-      <!-- 派班情况 -->
-      <tr>
-        <td rowspan="4">
-          <p align="center">
-            派 <br />
-            班 <br />
-            情 <br />
-            况
-          </p>
-        </td>
-        <td><p align="center">职务</p></td>
-        <td><p align="center">交班者</p></td>
-        <td><p align="center">接班者</p></td>
-        <td colspan="2"><p align="center">组织者</p></td>
-        <td colspan="8"><p align="center" style="letter-spacing:20px">交 接　情　况</p></td>
-      </tr>
-      <tr height="30" align="center">
-        <td>值班员</td>
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="8"><p align="center"></p></td>
-      </tr>
-      <tr height="30" align="center">
-        <td>值日员</td>
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2" rowspan="2">交接时间<br/>5.58</td>
-        <td colspan="8"></td>
-      </tr>
-      <tr height="30" align="center">
-        <td>厨房值班</td>
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="8"></td>
-      </tr>
-      <!-- 临时来队亲属 -->
-      <tr height="30">
-        <td rowspan="4">
-          <p align="center" style="margin: 0 15px">
-            临 <br />
-            时 <br />
-            来 <br />
-            队 <br />
-            亲 <br />
-            属
-          </p>
-        </td>
-        <td height="30" rowspan="2"><p align="center">军人姓名</p></td>
-        <td height="30" rowspan="2"><p align="center">亲属姓名</p></td>
-        <td height="30" rowspan="2"><p align="center">关&nbsp; 系</p></td>
-        <td height="30" colspan="2"><p align="center">时　间</p></td>
-        <td height="30" colspan="10">
-          <p align="center" style="letter-spacing:16px">病 号 及 处 理 情 况</p>
-        </td>
-      </tr>
-      <tr height="30" align="center" >
-        <td height="30">来队</td>
-        <td height="30">离队</td>
-        <td height="30" colspan="10" rowspan="3"><p align="left"></p></td>
-      </tr>
-      <tr>
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-      </tr>
-      <tr height="30">
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-        <td height="30"><p align="center"></p></td>
-      </tr>
-      <!-- 请假外出休假 -->
-      <tr align="center" height="30">
-        <td rowspan="6">
-          <p align="center" style="margin: 0 15px">
-            请 <br />
-            假 <br />
-            外 <br />
-            出 <br />
-            、 <br />
-            探 <br />
-            亲 <br />
-            休 <br />
-            假
-          </p>
-        </td>
-        <td>姓&nbsp; 名</td>
-        <td>职&nbsp; 务</td>
-        <td colspan="2">事&nbsp;&nbsp;&nbsp; 由</td>
-        <td colspan="2">
-          时数或 <br />
-          天&nbsp; 数
-        </td>
-        <td colspan="2">
-          准假部 <br />
-          门(人)
-        </td>
-        <td colspan="2">
-          离 队 <br />
-          时 间
-        </td>
-        <td colspan="2">
-          归 队 <br />
-          时 间
-        </td>
-        <td colspan="3">
-          超(误)假 <br />
-          时(天)数
-        </td>
-      </tr>
-      <tr height="30">
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="3"><p align="center"></p></td>
-      </tr>
-      <tr height="30">
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="3"><p align="center"></p></td>
-      </tr>
-      <tr height="30">
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="3"><p align="center"></p></td>
-      </tr>
-      <tr height="30">
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="3"><p align="center"></p></td>
-      </tr>
-      <tr height="30">
-        <td><p align="center"></p></td>
-        <td><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="2"><p align="center"></p></td>
-        <td colspan="3"><p align="center"></p></td>
-      </tr>
-      <!-- 上级通知 -->
-      <tr>
-        <td width="101">
-          <p align="center" style="margin: 0 15px">
-            上 <br />
-            级 <br />
-            通 <br />
-            知 <br />
-            、 <br />
-            指 <br />
-            示 <br />
-            及 <br />
-            其 <br />
-            他 <br />
-            重 <br />
-            要 <br />
-            事 <br />
-            项
-          </p>
-        </td>
-        <td colspan="13" style="white-space: normal"></td>
-      </tr>
-    </table>
+      <table
+        border="1"
+        style="
+          border-collapse: collapse;
+          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: 960px;
+          margin-bottom: 8px;
+          margin-left: -20px;
+          border-color: black;
+          color: black;
+        "
+      >
+        <!-- 实力 -->
+        <tr class="JR_tr" height="30" align="center">
+          <td colspan="2" rowspan="2" class="JR_left">实力</td>
+          <td colspan="6" style="letter-spacing: 20px" class="JR_left">
+            编制人数
+          </td>
+          <td colspan="6" style="letter-spacing: 20px" class="JR_left">
+            现有人数
+          </td>
+        </tr>
+        <tr class="JR_tr" height="30" align="center">
+          <td width="68" class="JR_left">干部</td>
+          <td width="68" class="JR_left">{{ message.orgcadre }}</td>
+          <td width="68" class="JR_left">战士</td>
+          <td width="68" class="JR_left">{{ message.orgsoldier }}</td>
+          <td width="68" class="JR_left">合计</td>
+          <td width="68" class="JR_left"></td>
+          <td width="68" class="JR_left">干部</td>
+          <td width="68" class="JR_left">{{ message.nowcadre }}</td>
+          <td width="68" class="JR_left">战士</td>
+          <td width="68" class="JR_left">{{ message.nowsoldier }}</td>
+          <td width="68" class="JR_left">合计</td>
+          <td width="68" class="JR_left"></td>
+        </tr>
+        <!-- 训练、教育或者执行其他任务情况 -->
+        <tr class="JR_tr" height="20" align="center">
+          <td rowspan="6" class="JR_left">
+            <p align="center" style="margin: 0 15px">
+              训 <br />
+              练 <br />
+              、 <br />
+              教 <br />
+              育 <br />
+              或 <br />
+              者 <br />
+              执 <br />
+              行 <br />
+              其 <br />
+              他 <br />
+              任 <br />
+              务 <br />
+              情 <br />
+              况
+            </p>
+          </td>
+          <td rowspan="2" width="68" class="JR_left">区分</td>
+          <td
+            colspan="9"
+            rowspan="2"
+            style="letter-spacing: 60px"
+            class="JR_left"
+          >
+            内容
+          </td>
+          <td colspan="3" class="JR_left">人数</td>
+        </tr>
+        <tr class="JR_tr" height="30" align="center">
+          <td class="JR_left">应到</td>
+          <td class="JR_left">实到</td>
+          <td class="JR_left">到课率</td>
+        </tr>
+        <tr class="JR_tr" height="70" align="center">
+          <td class="JR_left">早晨</td>
+          <td colspan="9"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+        </tr>
+        <tr class="JR_tr" height="70" align="center">
+          <td class="JR_left">上午</td>
+          <td class="JR_right" colspan="9"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+        </tr>
+        <tr class="JR_tr" height="70" align="center">
+          <td class="JR_left">下午</td>
+          <td class="JR_right" colspan="9"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+        </tr>
+        <tr class="JR_tr" height="70" align="center">
+          <td class="JR_left">晚上</td>
+          <td class="JR_right" colspan="9"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+          <td class="JR_right"></td>
+        </tr>
+        <!-- 公差勤务 -->
+        <tr class="JR_tr">
+          <td colspan="2"><p align="center" class="JR_left">公差勤务</p></td>
+          <td colspan="12" class="JR_right"><p></p></td>
+        </tr>
+        <tr class="JR_tr">
+          <!-- 人员装备变动 -->
+          <td colspan="2" class="JR_left">
+            <p align="center">
+              人员或 <br />
+              装备变动
+            </p>
+          </td>
+          <td colspan="12" class="JR_right"><p></p></td>
+        </tr>
+        <!-- 武器装备检查情况 -->
+        <tr class="JR_tr">
+          <td height="150" rowspan=":count($xlian)" colspan="2" class="JR_left">
+            <p align="center">
+              武 内 <br />
+              器 务 <br />
+              装 卫 <br />
+              备 生 <br />
+              、 检 <br />
+              军 查 <br />
+              容 情 <br />
+              风 况 <br />
+              记 <br />
+            </p>
+          </td>
+          <td colspan="12" class="JR_right"><p></p></td>
+        </tr>
+        <!-- 查铺查哨 -->
+        <tr class="JR_tr">
+          <td rowspan="4" class="JR_left">
+            <p align="center">
+              查 <br />
+              铺 <br />
+              查 <br />
+              哨
+            </p>
+          </td>
+          <td class="JR_left"><p align="center">检查人</p></td>
+          <td class="JR_left"><p align="center">时　间</p></td>
+          <td class="JR_left"><p align="center">领班员</p></td>
+          <td class="JR_left" colspan="2"><p align="center">卫兵姓名</p></td>
+          <td class="JR_left" colspan="8">
+            <p align="center" style="letter-spacing: 20px">检　查　情　况</p>
+          </td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="8"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center">&nbsp;</p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="8"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center">&nbsp;</p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="8"><p align="center"></p></td>
+        </tr>
+        <!-- 派班情况 -->
+        <tr class="JR_tr">
+          <td class="JR_left" rowspan="4">
+            <p align="center">
+              派 <br />
+              班 <br />
+              情 <br />
+              况
+            </p>
+          </td>
+          <td class="JR_left"><p align="center">职务</p></td>
+          <td class="JR_left"><p align="center">交班者</p></td>
+          <td class="JR_left"><p align="center">接班者</p></td>
+          <td class="JR_left" colspan="2"><p align="center">组织者</p></td>
+          <td class="JR_left" colspan="8">
+            <p align="center" style="letter-spacing: 20px">交 接　情　况</p>
+          </td>
+        </tr>
+        <tr class="JR_tr" height="30" align="center">
+          <td class="JR_left">值班员</td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="8"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30" align="center">
+          <td class="JR_left">值日员</td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_left" colspan="2" rowspan="2">交接时间<br /></td>
+          <td class="JR_right" colspan="8"></td>
+        </tr>
+        <tr class="JR_tr" height="30" align="center">
+          <td class="JR_left">厨房值班</td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="8"></td>
+        </tr>
+        <!-- 临时来队亲属 -->
+        <tr class="JR_tr" height="30">
+          <td rowspan="4" class="JR_left">
+            <p align="center" style="margin: 0 15px">
+              临 <br />
+              时 <br />
+              来 <br />
+              队 <br />
+              亲 <br />
+              属
+            </p>
+          </td>
+          <td class="JR_left" height="30" rowspan="2">
+            <p align="center">军人姓名</p>
+          </td>
+          <td class="JR_left" height="30" rowspan="2">
+            <p align="center">亲属姓名</p>
+          </td>
+          <td class="JR_left" height="30" rowspan="2">
+            <p align="center">关&nbsp; 系</p>
+          </td>
+          <td class="JR_left" height="30" colspan="2">
+            <p align="center">时　间</p>
+          </td>
+          <td class="JR_left" height="30" colspan="10">
+            <p align="center" style="letter-spacing: 16px">
+              病 号 及 处 理 情 况
+            </p>
+          </td>
+        </tr>
+        <tr class="JR_tr" height="30" align="center">
+          <td class="JR_left" height="30">来队</td>
+          <td class="JR_left" height="30">离队</td>
+          <td class="JR_right" height="30" colspan="10" rowspan="3">
+            <p align="left"></p>
+          </td>
+        </tr>
+        <tr class="JR_tr">
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+          <td class="JR_right" height="30"><p align="center"></p></td>
+        </tr>
+        <!-- 请假外出休假 -->
+        <tr class="JR_tr" align="center" height="30">
+          <td rowspan="6" class="JR_left">
+            <p align="center" style="margin: 0 15px">
+              请 <br />
+              假 <br />
+              外 <br />
+              出 <br />
+              、 <br />
+              探 <br />
+              亲 <br />
+              休 <br />
+              假
+            </p>
+          </td>
+          <td class="JR_left">姓&nbsp; 名</td>
+          <td class="JR_left">职&nbsp; 务</td>
+          <td class="JR_left" colspan="2">事&nbsp;&nbsp;&nbsp; 由</td>
+          <td class="JR_left" colspan="2">
+            时数或 <br />
+            天&nbsp; 数
+          </td>
+          <td class="JR_left" colspan="2">
+            准假部 <br />
+            门(人)
+          </td>
+          <td class="JR_left" colspan="2">
+            离 队 <br />
+            时 间
+          </td>
+          <td class="JR_left" colspan="2">
+            归 队 <br />
+            时 间
+          </td>
+          <td class="JR_left" colspan="3">
+            超(误)假 <br />
+            时(天)数
+          </td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="3"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="3"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="3"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="3"><p align="center"></p></td>
+        </tr>
+        <tr class="JR_tr" height="30">
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="2"><p align="center"></p></td>
+          <td class="JR_right" colspan="3"><p align="center"></p></td>
+        </tr>
+        <!-- 上级通知 -->
+        <tr class="JR_tr">
+          <td class="JR_left" width="101">
+            <p align="center" style="margin: 0 15px">
+              上 <br />
+              级 <br />
+              通 <br />
+              知 <br />
+              、 <br />
+              指 <br />
+              示 <br />
+              及 <br />
+              其 <br />
+              他 <br />
+              重 <br />
+              要 <br />
+              事 <br />
+              项
+            </p>
+          </td>
+          <td class="JR_right" colspan="15" style="white-space: normal"></td>
+        </tr>
+      </table>
 
-   
-    <span style="margin-left: 48px">连队首长签字:</span>
-    <span style="margin-left: 615px;letter-spacing:15px" 
-      >&nbsp;&nbsp;时&nbsp;&nbsp;&nbsp;&nbsp;分</span
-    >
+      <span style="margin-left: 48px; color: black">连队首长签字:</span>
+      <span style="margin-left: 615px; color: black; letter-spacing: 15px"
+        >&nbsp;&nbsp;时&nbsp;&nbsp;&nbsp;&nbsp;分</span
+      >
+    </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{text-align:center;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; 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;
-  margin:  auto;
+  margin: auto;
 }
 tr:last-child {
   border-bottom: 1px solid;
 }
-::v-deep .el-dialog{
+::v-deep .el-dialog {
   margin-right: 100px !important;
 }
-.tTime{
+.tTime {
   margin-left: 100px;
 }
+.box1 {
+  position: absolute;
+  right: 30px;
+  top: 80px;
+  border: 1px solid rgb(129, 130, 131);
+  border-radius: 5px;
+}
 </style>

src/components/look_word/bdgldrill.vue

@@ -1,236 +1,267 @@
 <template>
-  <div class="word" id="contents">
-    <!-- <div class="fTitle">大队连务会记录本</div> -->
-    <p
-      style="
-        font-size: 14pt;
-        font-weight: 900;
-        margin-botttom: 30px;
-        color: black;
-      "
-    >
-      《军事训练登记簿》
-    </p>
-    <p style="font-size: 14pt; font-weight: 900; color: black; text-align: center;
-  margin-bottom: 5px;">
-     <span class="a1">月</span> 日军事训练登记表
-    </p>
-    <table
-      border="1"
-      style="
-        border-collapse: collapse;
-        border: none;
+  <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>
+      <p
+        style="
+          font-size: 14pt;
+          font-weight: 900;
+          color: black;
+          text-align: center;
+          margin-bottom: 5px;
+        "
+      >
+        <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-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-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>
-        <tr>
-          <th width="101" nowrap="" rowspan="2">
-            <p align="center" style="margin: 20px 0">训练类别</p>
-          </th>
-          <th width="113" nowrap="" rowspan="2">
-            <p align="center" style="margin: 20px 0">训练内容</p>
-          </th>
-          <th width="120" rowspan="2">
-            <p align="center" style="margin: 20px 0">训练时间</p>
-          </th>
-          <th width="85" nowrap="" rowspan="2">
-            <p align="center" style="margin: 20px 0">训练地点</p>
-          </th>
-          <th width="114" nowrap="" colspan="2">
-            <p align="center" style="margin: 5px 0">参训兵力</p>
-          </th>
-          <th width="68" rowspan="2">
-            <p align="center" style="margin: 20px 0">参训率</p>
-          </th>
-          <th width="115" nowrap="" rowspan="2">
-            <p align="center" style="margin: 20px 0">效果（成绩）</p>
-          </th>
-          <th width="104" nowrap="" rowspan="2">
-            <p align="center" style="margin: 20px 0">消耗</p>
-          </th>
-          <th width="70" nowrap="" rowspan="2">
-            <p align="center" style="margin: 20px 0">备注</p>
-          </th>
-        </tr>
-        <tr>
-          <th width="57" nowrap=""><p align="center">应训</p></th>
-          <th width="57"><p align="center">实训</p></th>
-        </tr>
+          mso-padding-alt: 0pt 0pt 0pt 0pt;
+          margin-left: -20px;
+        "
+        width="960"
+        bordercolor="black"
+      >
+        <tbody>
+          <tr class="JR_tr">
+            <th width="101" nowrap="" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">训练类别</p>
+            </th>
+            <th width="113" nowrap="" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">训练内容</p>
+            </th>
+            <th width="120" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">训练时间</p>
+            </th>
+            <th width="85" nowrap="" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">训练地点</p>
+            </th>
+            <th width="114" nowrap="" colspan="2" class="JR_left">
+              <p align="center" style="margin: 5px 0">参训兵力</p>
+            </th>
+            <th width="68" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">参训率</p>
+            </th>
+            <th width="115" nowrap="" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">效果（成绩）</p>
+            </th>
+            <th width="104" nowrap="" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">消耗</p>
+            </th>
+            <th width="70" nowrap="" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 20px 0">备注</p>
+            </th>
+          </tr>
+          <tr class="JR_tr">
+            <th width="57" nowrap="" class="JR_left">
+              <p align="center">应训</p>
+            </th>
+            <th width="57" class="JR_left"><p align="center">实训</p></th>
+          </tr>
 
-        <tr>
-          <td width="101">
-            <p align="center" style="margin: 10px 0">
-              {{ message.number }}
-              <!-- <span style="display: none">111</span> -->
-            </p>
-          </td>
-          <td width="113">
-            <p align="center">{{ message.project }}</p>
-          </td>
-          <!--<td width="85"><p align="center">2021-12-15</p></td>-->
-          <td width="85">
-            <p align="center" style="margin: 10px 0">
-              {{ message.drillTime }}
-              <!-- <span style="display: none"></span> -->
-            </p>
-          </td>
-          <td width="85">
-            <p align="center" style="margin: 10px 0">{{ message.address }}</p>
-          </td>
-          <td width="57">
-            <p align="center" style="margin: 10px 0">{{ message.oughtTo }}</p>
-          </td>
-          <td width="57">
-            <p align="center" style="margin: 10px 0">{{ message.actual }}</p>
-          </td>
-          <td width="68" nowrap="">
-            <p align="center" style="margin: 10px 0">
-              {{ message.probability }}
-            </p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0">{{ message.result }}</p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0">{{ message.expend }}</p>
-          </td>
-          <td width="83" nowrap="">
-            <p align="center" style="margin: 10px 0">{{ message.remark }}</p>
-          </td>
-        </tr>
+          <tr class="JR_tr">
+            <td width="101" class="JR_right">
+              <p align="center" style="margin: 10px 0">
+                {{ message.number }}
+                <!-- <span style="display: none">111</span> -->
+              </p>
+            </td>
+            <td width="113" class="JR_right">
+              <p align="center">{{ message.project }}</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">
+                {{ message.drillTime }}
+                <!-- <span style="display: none"></span> -->
+              </p>
+            </td>
+            <td width="85" class="JR_right">
+              <p align="center" style="margin: 10px 0">{{ message.address }}</p>
+            </td>
+            <td width="57" class="JR_right">
+              <p align="center" style="margin: 10px 0">{{ message.oughtTo }}</p>
+            </td>
+            <td width="57" class="JR_right">
+              <p align="center" style="margin: 10px 0">{{ message.actual }}</p>
+            </td>
+            <td width="68" nowrap="" class="JR_right">
+              <p align="center" style="margin: 10px 0">
+                {{ message.probability }}
+              </p>
+            </td>
+            <td width="104" nowrap="" class="JR_right">
+              <p align="center" style="margin: 10px 0">{{ message.result }}</p>
+            </td>
+            <td width="104" nowrap="" class="JR_right">
+              <p align="center" style="margin: 10px 0">{{ message.expend }}</p>
+            </td>
+            <td width="83" nowrap="" class="JR_right">
+              <p align="center" style="margin: 10px 0">{{ message.remark }}</p>
+            </td>
+          </tr>
 
-        <tr>
-          <td width="101" height="45px">
-            <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"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="85"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="57"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="57"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="68" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="83" nowrap="">
-            <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>
-          <td width="101" height="45px">
-            <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"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="85"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="57"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="57"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="68" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="83" nowrap="">
-            <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>
-          <td width="101" height="45px">
-            <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"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="85"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="57"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="57"><p align="center" style="margin: 10px 0"></p></td>
-          <td width="68" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="104" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-          <td width="83" nowrap="">
-            <p align="center" style="margin: 10px 0"></p>
-          </td>
-        </tr>
-
-        <!-- <tr height="45px">
-          <td width="101" style="border: 1px dashed #999">
-            <p align="center"><span style="display: none">111</span></p>
-          </td>
-          <td width="113" style="border: 1px dashed #999">
-            <p align="center"></p>
-          </td> -->
-          <!--<td width="85"><p align="center">2021-12-15</p></td>-->
-          <!-- <td width="85" style="border: 1px dashed #999">
-            <p align="center"></p>
-          </td> -->
-          <!-- <td width="85" style="border: 1px dashed #999">
-            <p align="center"></p>
-          </td> -->
-          <!-- <td width="57" style="border: 1px dashed #999">
-            <p align="center"></p>
-          </td> -->
-          <!-- <td width="57" style="border: 1px dashed #999" colspan="5">
-            <p style="font-size: 18px; font-weight: 600; margin: 10px 0">
-              军事主官：{{ message.peopleId }}
-            </p>
-          </td> -->
-          <!--<td width="68" nowrap><p align="center"></p></td>-->
-          <!--<td width="104" nowrap><p align="center"></p></td>-->
-          <!--<td width="104" nowrap><p align="center"></p></td>-->
-          <!--<td width="83" nowrap><p align="center"></p></td>-->
-        
-      </tbody>
-    </table>
-    <div style="
-        font-size: 14pt;
-        font-weight: 900;
-        margin: 10px 50px 20px 700px;
-        color: black;
-      ">军事主管：</div>
+          <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;
+        "
+      >
+        军事主管：
+      </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>
@@ -240,9 +271,15 @@ tbody {
 }
 tr:last-child {
   border-bottom: 1px solid;
- 
 }
-.a1{
+.a1 {
   margin-right: 30px;
 }
+.box1 {
+  position: absolute;
+  right: 30px;
+  top: 80px;
+  border: 1px solid rgb(129, 130, 131);
+  border-radius: 5px;
+}
 </style>

src/components/look_word/bdglequip.vue

@@ -1,175 +1,228 @@
 <template>
-  <div class="word" id="contents">
-    <p
-      style="
-        font-size: 14pt;
-        font-weight: 900;
-        margin: 0px 0px 20px -30px;
-        color: black;
-      "
-    >
-      《训练器材、教材登记簿》
-    </p>
-    <!-- <div class="fTitle">顶级分类训练器材、教材登记簿</div> -->
-    <p
-      align="left"
-      style="font-size: 14pt; font-weight: 400; color: black;margin-left:-20px;margin-bottom:5px"
-    >
-      审核：
-    </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"
-    >
-      <!--<p align="center" style="font-size: 14pt;font-weight: bold;">顶级分类-训练器材、教材登记簿</p>-->
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
 
-      <tbody>
-        <tr>
-          <td width="37" valign="center" rowspan="2">
-            <p align="center" style="margin: 0 8px !important">序<br />号</p>
-          </td>
-          <td width="66" valign="center" rowspan="2">
-            <p align="center" style="margin: 0 10px">类别</p>
-          </td>
-          <td width="85" valign="center" rowspan="2">
-            <p align="center" style="margin: 0 15px">名称</p>
-          </td>
-          <td width="274" valign="center" colspan="5">
-            <p align="center">库存情况</p>
-          </td>
-          <td width="179" valign="center" colspan="3">
-            <p align="center">入库情况</p>
-          </td>
-          <td width="179" valign="center" colspan="3">
-            <p align="center">出库情况</p>
-          </td>
-          <td width="56" valign="center" rowspan="2">
-            <p align="center">质量<br />状况</p>
-          </td>
-          <td width="56" valign="center" rowspan="2">
-            <p align="center">备注</p>
-          </td>
-        </tr>
-        <tr>
-          <td width="66" valign="center">
-            <p align="center">
-              配发 <br />
-              单位
-            </p>
-          </td>
-          <td width="56" valign="center">
-            <p align="center">
-              配发 <br />
-              时间
-            </p>
-          </td>
-          <td width="47" valign="center">
-            <p align="center" style="margin: 0 !important">
-              配发<br />
-              数量
-            </p>
-          </td>
-          <td width="47" valign="center">
-            <p align="center" style="margin: 0 !important">
-              自筹<br />
-              数量
-            </p>
-          </td>
-          <td width="47" valign="center">
-            <p align="center" style="margin: 0 !important">
-              库存<br />
-              数量
-            </p>
-          </td>
-          <td width="56" valign="center"><p align="center">时间</p></td>
-          <td width="47" valign="center"><p align="center">数量</p></td>
-          <td width="75" valign="center"><p align="center">经手人</p></td>
-          <td width="56" valign="center"><p align="center">时间</p></td>
-          <td width="47" valign="center"><p align="center">数量</p></td>
-          <td width="75" valign="center"><p align="center">经手人</p></td>
-        </tr>
-        <tr>
-          <td width="37" valign="center"><p align="center">5</p></td>
-          <td width="66" valign="center" rowspan="1">
-            <p align="center">{{ message.type }}</p>
-          </td>
-          <td width="85" valign="center"><p align="center">{{ message.title }}</p></td>
-          <td width="66" valign="center"><p align="center">{{ message.unitName1 }}</p></td>
-          <td width="56" valign="center"><p align="center">{{ message.granttime }}</p></td>
-          <td width="47" valign="center"><p align="center">{{ message.grantnum }}</p></td>
-          <td width="47" valign="center"><p align="center">{{ message.ownnum }}</p></td>
-          <td width="56" valign="center"><p align="center">{{ message.stocknum }}</p></td>
-          <td width="56" valign="center"><p align="center">{{ message.intime }}</p></td>
-          <td width="47" valign="center"><p align="center">{{ message.innum }}</p></td>
-          <td width="75" valign="center"><p align="center">{{ message.peopleName }}</p></td>
-          <td width="56" valign="center"><p align="center">{{ message.outtime }}</p></td>
-          <td width="47" valign="center"><p align="center">{{ message.outnum }}</p></td>
-          <td width="75" valign="center"><p align="center">{{ message.people1Name }}</p></td>
-          <td width="56" valign="center"><p align="center">{{ message.quality }}</p></td>
-          <td width="56" valign="center"><p align="center">{{ message.info }}</p></td>
-        </tr>
-        <tr>
-          <td width="37" valign="center" style="margin: 0">
-            <p align="center">
-              填<br />
-              写<br />
-              说<br />
-              明 <br />
-            </p>
-          </td>
-          <td width="897" valign="center" colspan="15">
-            <p>
-              类别栏，区分训练器材（通用训练器材、专用训练器材）、教材填写。
-            </p>
-          </td>
-        </tr>
-        <!-- <table border="0" width="90%" align="center" style="font-size:16px;margin-top:10px;">
-    <tr>
-      <td width="20%" align="center"><p>军事主官：</p></td>
-      <td width="20%" style="margin-left: 200px;">政治主官：</td>
-      <td width="20%">&nbsp;</td>
-      <td width="20%">时间：</td>
-    </tr>
-  </table> -->
-      </tbody>
-    </table>
-    <div
-      style="
-        width: 100%;
-        height: 50px;
-        margin-top: 15px;
-        font-size: 16px;
-        font-weight: 600;
-        color: black;
-      "
-    >
-      <!--<p style="float: left; margin-left: 126px;">军事主官：</p>-->
-      <!--<p style="float: left; margin-left: 21%;">政治主官：</p>-->
-      <!--<p style="float: right; margin-right: 250px;">时间：</p>-->
-      <span style="margin-left: -10px">军事主官：</span>
-      <span style="margin-left: 30%">政治主官：</span>
-      <span style="margin-left: 360px">时间：</span>
-    </div>
+    <div class="word" id="contents">
+      <p
+        style="
+          font-size: 14pt;
+          font-weight: 900;
+          margin: 0px 0px 20px -30px;
+          color: black;
+        "
+      >
+        《训练器材、教材登记簿》
+      </p>
+      <!-- <div class="fTitle">顶级分类训练器材、教材登记簿</div> -->
+      <p
+        align="left"
+        style="
+          font-size: 14pt;
+          font-weight: 400;
+          color: black;
+          margin-left: -20px;
+          margin-bottom: 5px;
+        "
+      >
+        审核：
+      </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"
+      >
+        <!--<p align="center" style="font-size: 14pt;font-weight: bold;">顶级分类-训练器材、教材登记簿</p>-->
 
+        <tbody>
+          <tr class="JR_tr">
+            <td width="37" valign="center" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 0 8px !important">序<br />号</p>
+            </td>
+            <td width="66" valign="center" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 0 10px">类别</p>
+            </td>
+            <td width="85" valign="center" rowspan="2" class="JR_left">
+              <p align="center" style="margin: 0 15px">名称</p>
+            </td>
+            <td width="274" valign="center" colspan="5" class="JR_left">
+              <p align="center">库存情况</p>
+            </td>
+            <td width="179" valign="center" colspan="3" class="JR_left">
+              <p align="center">入库情况</p>
+            </td>
+            <td width="179" valign="center" colspan="3" class="JR_left">
+              <p align="center">出库情况</p>
+            </td>
+            <td width="56" valign="center" rowspan="2" class="JR_left">
+              <p align="center">质量<br />状况</p>
+            </td>
+            <td width="56" valign="center" rowspan="2" class="JR_left">
+              <p align="center">备注</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="66" valign="center" class="JR_left">
+              <p align="center">
+                配发 <br />
+                单位
+              </p>
+            </td>
+            <td width="56" valign="center" class="JR_left">
+              <p align="center">
+                配发 <br />
+                时间
+              </p>
+            </td>
+            <td width="47" valign="center">
+              <p align="center" style="margin: 0 !important" class="JR_left">
+                配发<br />
+                数量
+              </p>
+            </td>
+            <td width="47" valign="center">
+              <p align="center" style="margin: 0 !important" class="JR_left">
+                自筹<br />
+                数量
+              </p>
+            </td>
+            <td width="47" valign="center">
+              <p align="center" style="margin: 0 !important" class="JR_left">
+                库存<br />
+                数量
+              </p>
+            </td>
+            <td width="56" valign="center">
+              <p align="center" class="JR_left">时间</p>
+            </td>
+            <td width="47" valign="center">
+              <p align="center" class="JR_left">数量</p>
+            </td>
+            <td width="75" valign="center">
+              <p align="center" class="JR_left">经手人</p>
+            </td>
+            <td width="56" valign="center">
+              <p align="center" class="JR_left">时间</p>
+            </td>
+            <td width="47" valign="center">
+              <p align="center" class="JR_left">数量</p>
+            </td>
+            <td width="75" valign="center">
+              <p align="center" class="JR_left">经手人</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="37" valign="center"><p align="center">5</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.unitName1 }}</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 class="JR_tr">
+            <td width="37" valign="center" style="margin: 0">
+              <p align="center">
+                填<br />
+                写<br />
+                说<br />
+                明 <br />
+              </p>
+            </td>
+            <td width="897" valign="center" colspan="15">
+              <p>
+                类别栏，区分训练器材（通用训练器材、专用训练器材）、教材填写。
+              </p>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <div
+        style="
+          width: 100%;
+          height: 50px;
+          margin-top: 15px;
+          font-size: 16px;
+          font-weight: 600;
+          color: black;
+        "
+      >
+        <span style="margin-left: -10px" class="JR_bottom">军事主官：</span>
+        <span style="margin-left: 30%" class="JR_bottom">政治主官：</span>
+        <span style="margin-left: 360px" class="JR_bottom">时间：</span>
+      </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{width: 120px;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; 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>
@@ -180,4 +233,11 @@ tbody {
 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>

src/components/look_word/bdgleven.vue

@@ -1,158 +1,160 @@
 <template>
-<div>
-      <el-button class="box1" @click="daochu">导出</el-button>
-  
-  <div class="word" id="contents" style="font-family: 'fangsong'">
-    <!-- <div class="fTitle">大队连务会记录本</div> -->
-    <p
-      style="
-        font-size: 14pt;
-        font-weight: 900;
-        margin-botttom: 30px;
-        color: black;
-        text-align: center;
-      "
-    >
-      《连务会记录本》
-    </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;
-      "
-      width="600"
-      align="center"
-      bordercolor="black"
-    >
-      <tbody>
-        
-        <tr class="JR_tr">
-          <td
-           
-            width="80"
-            class="JR_left"
-            style="border-right: 1px dashed #999"
-          >
-            <p align="center">&nbsp;&nbsp;时 &nbsp;&nbsp;&nbsp;&nbsp;间</p>
-          </td>
-          <td class="JR_right" >
-            <p align="left" style="padding-left: 20px">
-              {{ message.convokeTime }}
-            </p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left">
-            <p align="center">&nbsp;&nbsp;地 &nbsp;&nbsp;&nbsp;&nbsp;点</p>
-          </td>
-          <td class="JR_right" >
-            <p align="left" style="padding-left: 20px">{{ message.address }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left">
-            <p align="center">&nbsp;&nbsp;出席人</p>
-          </td>
-          <td class="JR_right" >
-            <p align="left" style="padding-left: 20px">{{ message.joinId }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left">
-            <p align="center">&nbsp;&nbsp;主持人</p>
-          </td>
-          <td class="JR_right" >
-            <p align="left" style="padding-left: 20px">
-              {{ message.compereRen }}
-            </p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left">
-            <p align="center">&nbsp;&nbsp;记录人</p>
-          </td>
-          <td class="JR_right" >
-            <p align="left" style="padding-left: 20px">
-              {{ message.peopleJiLu }}
-            </p>
-          </td>
-        </tr>
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
 
-        <tr class="JR_tr">
-          <td class="JR_left">
-            <p align="right" style="text-align: center; line-height: 20px">
-              议<br />题
-            </p>
-          </td>
-          <td
-            class="JR_right" 
-            align="left"
-            style="padding-left: 20px; line-height: 15px"
-          >
-            {{ message.title }}
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left">
-            <p align="right" style="text-align: center; line-height: 20px">
-              会<br />议<br />内<br />容
-            </p>
-          </td>
-          <td
-            align="left"
-            class="JR_right" 
-            style="line-height: 20px; text-indent: 30px"
-            v-html="message.contents"
-          ></td>
-        </tr>
+    <div class="word" id="contents" style="font-family: 'fangsong'">
+      <!-- <div class="fTitle">大队连务会记录本</div> -->
+      <p
+        style="
+          font-size: 14pt;
+          font-weight: 900;
+          margin-botttom: 30px;
+          color: black;
+          text-align: center;
+        "
+      >
+        《连务会记录本》
+      </p>
 
-        <tr class="JR_tr">
-          <td
-            colspan="2"
-            class="JR_bottom"
-            style="border-left: 1px solid black"
-          >
-            <p style="text-align: right">主持人：（签字）</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td
-            colspan="2"
-            class="JR_bottom"
-            style="border-left: 1px solid black"
-          >
-            <p style="text-align: right">主持人：（签字）</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td
-            colspan="2"
-            class="JR_bottom"
-            style="border-left: 1px solid black"
-          >
-            <!--<p style=" text-align:right;padding-right: 10px;">　　　　年　　月　　日</p>-->
-            <p style="text-align: right; padding-right: 10px">
-              2022-01-20 15:05:23
-            </p>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+      <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="600"
+        align="center"
+        bordercolor="black"
+      >
+        <tbody>
+          <tr class="JR_tr">
+            <td
+              width="80"
+              class="JR_left"
+              style="border-right: 1px dashed #999"
+            >
+              <p align="center">&nbsp;&nbsp;时 &nbsp;&nbsp;&nbsp;&nbsp;间</p>
+            </td>
+            <td class="JR_right">
+              <p align="left" style="padding-left: 20px">
+                {{ message.convokeTime }}
+              </p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left">
+              <p align="center">&nbsp;&nbsp;地 &nbsp;&nbsp;&nbsp;&nbsp;点</p>
+            </td>
+            <td class="JR_right">
+              <p align="left" style="padding-left: 20px">
+                {{ message.address }}
+              </p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left">
+              <p align="center">&nbsp;&nbsp;出席人</p>
+            </td>
+            <td class="JR_right">
+              <p align="left" style="padding-left: 20px">
+                {{ message.joinId }}
+              </p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left">
+              <p align="center">&nbsp;&nbsp;主持人</p>
+            </td>
+            <td class="JR_right">
+              <p align="left" style="padding-left: 20px">
+                {{ message.compereRen }}
+              </p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left">
+              <p align="center">&nbsp;&nbsp;记录人</p>
+            </td>
+            <td class="JR_right">
+              <p align="left" style="padding-left: 20px">
+                {{ message.peopleJiLu }}
+              </p>
+            </td>
+          </tr>
+
+          <tr class="JR_tr">
+            <td class="JR_left">
+              <p align="right" style="text-align: center; line-height: 20px">
+                议<br />题
+              </p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="padding-left: 20px; line-height: 15px"
+            >
+              {{ message.title }}
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left">
+              <p align="right" style="text-align: center; line-height: 20px">
+                会<br />议<br />内<br />容
+              </p>
+            </td>
+            <td
+              align="left"
+              class="JR_right"
+              style="line-height: 20px; text-indent: 30px"
+              v-html="message.contents"
+            ></td>
+          </tr>
+
+          <tr class="JR_tr">
+            <td
+              colspan="2"
+              class="JR_bottom"
+              style="border-left: 1px solid black"
+            >
+              <p style="text-align: right">主持人：（签字）</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td
+              colspan="2"
+              class="JR_bottom"
+              style="border-left: 1px solid black"
+            >
+              <p style="text-align: right">主持人：（签字）</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td
+              colspan="2"
+              class="JR_bottom"
+              style="border-left: 1px solid black"
+            >
+              <!--<p style=" text-align:right;padding-right: 10px;">　　　　年　　月　　日</p>-->
+              <p style="text-align: right; padding-right: 10px">
+                2022-01-20 15:05:23
+              </p>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
-</div>
-  
 </template>
 <script>
-import jquery_word from "@/utils/jquery.wordexport.js";
+import { lookWord } from "@/utils/look_word.js";
+
 import "@/utils/lodJs.js";
 export default {
   name: "bdgleven",
@@ -166,7 +168,7 @@ export default {
   },
   methods: {
     daochu() {
-      jquery_word("#contents", this.title, this.style);
+      lookWord(this.title, "#contents", this.style);
     },
   },
 };

src/components/look_word/bdglfilemanagement.vue

@@ -1,219 +1,254 @@
 <template>
-  <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: -20px;
-      "
-      width="960"
-      
-      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>
+  <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: -20px;
+        "
+        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">
-          <td width="174"  valign="center">
-            <p align="center" style="margin: 20px 0"></p>
-          </td>
+          <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="125" valign="center"><p align="center"></p></td>
 
-          <td width="95"  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="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="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 height="45px">
-          <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>
+            <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>
@@ -224,4 +259,11 @@ tbody {
 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>

src/components/look_word/bdglmeeting.vue

@@ -1,189 +1,192 @@
 <template>
-<div>
-  <el-button class="box1" @click="daochu">导出</el-button>
-  <div class="word" id="contents">
-    <p
-      style="
-        font-size: 14pt;
-        font-weight: 900;
-        margin-botttom: 30px;
-        color: black;
-        text-align: center;
-      "
-    >
-      《团支部工作记录本》
-    </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;
-      "
-      width="600"
-      align="center"
-      bordercolor="black"
-    >
-      <tbody>
-        <tr class="JR_tr">
-          <th class="" colspan="2">
-            <h4 align="center" style="text-align: center">团支部委员会会议</h4>
-          </th>
-        </tr>
-        <tr class="JR_tr">
-          <td
-            width="120"
-            class="JR_left"
-            style="border-right: 1px dashed #fff"
-          >
-            <p align="center">&nbsp;&nbsp;时 &nbsp;间：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.convokeTime }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: 1px dashed #fff">
-            <p align="center">&nbsp;&nbsp;地 &nbsp;点：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.address }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: 1px dashed #fff">
-            <p align="center">&nbsp;&nbsp;主持人：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.compereRen }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: 1px dashed #fff">
-            <p align="center">&nbsp;&nbsp;参加人：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.joinId }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: 1px dashed #fff">
-            <p align="center">&nbsp;&nbsp;列席人：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.peopleIds }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: 1px dashed #fff">
-            <p align="center">&nbsp;&nbsp;缺席人：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.absentIds }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: 1px dashed #fff">
-            <p align="center">&nbsp;&nbsp;记录人：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.peopleJiLu }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: 1px dashed #fff">
-            <p align="center">&nbsp;&nbsp;议 &nbsp;题：</p>
-          </td>
-          <td
-            class="JR_right"
-            align="left"
-            style="border-left: 1px dashed #999; padding-left: 20px"
-          >
-            <p>{{ message.title }}</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td class="JR_left" style="border-right: none">
-            <p align="center">&nbsp; 内 &nbsp;容：</p>
-          </td>
-          <td align="left" style="border-left: none;padding-left: 20px;text-indent:30px;" class="JR_right" v-html="message.contents"></td>
-        </tr>
-        
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
+    <div class="word" id="contents">
+      <p
+        style="
+          font-size: 14pt;
+          font-weight: 900;
+          margin-botttom: 30px;
+          color: black;
+          text-align: center;
+        "
+      >
+        《团支部工作记录本》
+      </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;
+        "
+        width="600"
+        align="center"
+        bordercolor="black"
+      >
+        <tbody>
+          <tr class="JR_tr">
+            <th class="" colspan="2">
+              <h4 align="center" style="text-align: center">
+                团支部委员会会议
+              </h4>
+            </th>
+          </tr>
+          <tr class="JR_tr">
+            <td
+              width="120"
+              class="JR_left"
+              style="border-right: 1px dashed #fff"
+            >
+              <p align="center">&nbsp;&nbsp;时 &nbsp;间：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.convokeTime }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: 1px dashed #fff">
+              <p align="center">&nbsp;&nbsp;地 &nbsp;点：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.address }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: 1px dashed #fff">
+              <p align="center">&nbsp;&nbsp;主持人：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.compereRen }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: 1px dashed #fff">
+              <p align="center">&nbsp;&nbsp;参加人：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.joinId }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: 1px dashed #fff">
+              <p align="center">&nbsp;&nbsp;列席人：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.peopleIds }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: 1px dashed #fff">
+              <p align="center">&nbsp;&nbsp;缺席人：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.absentIds }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: 1px dashed #fff">
+              <p align="center">&nbsp;&nbsp;记录人：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.peopleJiLu }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: 1px dashed #fff">
+              <p align="center">&nbsp;&nbsp;议 &nbsp;题：</p>
+            </td>
+            <td
+              class="JR_right"
+              align="left"
+              style="border-left: 1px dashed #999; padding-left: 20px"
+            >
+              <p>{{ message.title }}</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td class="JR_left" style="border-right: none">
+              <p align="center">&nbsp; 内 &nbsp;容：</p>
+            </td>
+            <td
+              align="left"
+              style="border-left: none; padding-left: 20px; text-indent: 30px"
+              class="JR_right"
+              v-html="message.contents"
+            ></td>
+          </tr>
 
-       <tr class="JR_tr">
-          <td
-            colspan="2"
-            class="JR_bottom"
-            style="border-left: 1px solid black"
-          >
-            <p style="text-align: right">主持人：（签字）</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td
-            colspan="2"
-            class="JR_bottom"
-            style="border-left: 1px solid black"
-          >
-            <p style="text-align: right">主持人：（签字）</p>
-          </td>
-        </tr>
-        <tr class="JR_tr">
-          <td
-            colspan="2"
-            class="JR_bottom"
-            style="border-left: 1px solid black"
-          >
-            <!--<p style=" text-align:right;padding-right: 10px;">　　　　年　　月　　日</p>-->
-            <p style="text-align: right; padding-right: 10px">
-              2022-01-20 15:05:23
-            </p>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+          <tr class="JR_tr">
+            <td
+              colspan="2"
+              class="JR_bottom"
+              style="border-left: 1px solid black"
+            >
+              <p style="text-align: right">主持人：（签字）</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td
+              colspan="2"
+              class="JR_bottom"
+              style="border-left: 1px solid black"
+            >
+              <p style="text-align: right">主持人：（签字）</p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td
+              colspan="2"
+              class="JR_bottom"
+              style="border-left: 1px solid black"
+            >
+              <!--<p style=" text-align:right;padding-right: 10px;">　　　　年　　月　　日</p>-->
+              <p style="text-align: right; padding-right: 10px">
+                2022-01-20 15:05:23
+              </p>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
-</div>
-  
-
-  
 </template>
 <script>
-import jquery_word from "@/utils/jquery.wordexport.js";
+import { lookWord } from "@/utils/look_word.js";
 import "@/utils/lodJs.js";
 export default {
   name: "bdgleven",
@@ -197,7 +200,7 @@ export default {
   },
   methods: {
     daochu() {
-      jquery_word("#contents", this.title, this.style);
+      lookWord(this.title, "#contents", this.style);
     },
   },
 };

src/components/look_word/bdglparty.vue

@@ -32,14 +32,14 @@
         bordercolor="black"
       >
         <tbody>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <th class="" colspan="2">
               <h4 align="center" style="text-align: center">
                 党支部委员会议(简称支委会)
               </h4>
             </th>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td
               width="120"
               class="JR_left"
@@ -55,7 +55,7 @@
               <p>{{ message.convokeTime }}</p>
             </td>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td
               align="left"
               class="JR_left"
@@ -71,7 +71,7 @@
               <p>{{ message.address }}</p>
             </td>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td class="JR_left" style="border-right: 1px dashed #999">
               <p align="center">&nbsp;&nbsp;主持人：</p>
             </td>
@@ -83,7 +83,7 @@
               <p>{{ message.compereRen }}</p>
             </td>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td class="JR_left" style="border-right: 1px dashed #999">
               <p align="center">&nbsp;&nbsp;参加人：</p>
             </td>
@@ -95,7 +95,7 @@
               <p>{{ message.joinId }}</p>
             </td>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td class="JR_left" style="border-right: 1px dashed #999">
               <p align="center">&nbsp;&nbsp;列席人：</p>
             </td>
@@ -107,7 +107,7 @@
               <p>{{ message.peopleIds }}</p>
             </td>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td class="JR_left" style="border-right: 1px dashed #999">
               <p align="center">&nbsp;&nbsp;缺席人：</p>
             </td>
@@ -119,7 +119,7 @@
               <p>{{ message.absentIds }}</p>
             </td>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td class="JR_left" style="border-right: 1px dashed #999">
               <p align="center">&nbsp;&nbsp;记录人：</p>
             </td>
@@ -148,18 +148,27 @@
               {{ message.title }}
             </td>
           </tr>
-          <tr  class="JR_tr"></tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr"></tr>
+          <tr class="JR_tr">
             <td class="JR_left" style="border-right: 0">
               <p align="center">&nbsp;&nbsp; 内 &nbsp;容：</p>
             </td>
-            <td align="left" class="JR_right" style="border-left: 0"></td>
+            <td class="TableData" style="border-left: 0"></td>
           </tr>
-          <tr  class="JR_tr">
-            <td colspan="2" class="JR_right" v-html="message.contents"></td>
+          <tr align="left" class="JR_tr">
+            <td
+              colspan="2"
+              class="JR_right"
+              v-html="message.contents"
+              style="
+                text-indent: 30px;
+                padding: 0px 10px;
+                border: 1px solid black;
+              "
+            ></td>
           </tr>
 
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td
               colspan="2"
               class="JR_bottom"
@@ -168,7 +177,7 @@
               <p style="text-align: right">主持人：（签字）</p>
             </td>
           </tr>
-          <tr  class="JR_tr">
+          <tr class="JR_tr">
             <td
               colspan="2"
               class="JR_bottom"
@@ -195,7 +204,7 @@
   </div>
 </template>
 <script>
-import jquery_word from "@/utils/jquery.wordexport.js";
+import { lookWord } from "@/utils/look_word.js";
 import "@/utils/lodJs.js";
 export default {
   name: "bdgleven",
@@ -209,7 +218,7 @@ export default {
   },
   methods: {
     daochu() {
-      jquery_word("#contents", this.title, this.style);
+      lookWord(this.title, "#contents", this.style);
     },
   },
 };
@@ -228,6 +237,5 @@ tr:last-child {
   top: 80px;
   border: 1px solid rgb(129, 130, 131);
   border-radius: 5px;
-  
 }
 </style>

src/components/look_word/bdglpublicproperty.vue

@@ -1,258 +1,406 @@
 <template>
-  <div class="word" id="contents">
-    <p
-      style="
-        font-size: 14pt;
-        font-weight: 900;
-        margin: 0px 0px 20px -30px;
-        color: black;
-      "
-    >
-      《营产、公物管理登记簿》
-    </p>
-    <!-- <el-button @click="daochu">导出word</el-button> -->
-    <!-- <div class="fTitle">大队连务会记录本</div> -->
-    <!-- <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;
-        margin-left: -20px;
-      "
-      width="960"
-      bordercolor="black"
-    >
-      <!--<p align="center" style="font-size: 14pt;font-weight: bold;">营产，公物管理登记簿</p>-->
-      <tbody>
-        <tr>
-          <th width="47" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">序号</p>
-          </th>
-          <th width="66" valign="center">
-            <p align="center" style="margin: 10px 0">名称</p>
-          </th>
-          <th width="94" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">规格型号</p>
-          </th>
-          <th width="56" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">数量</p>
-          </th>
-          <th width="66" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">单 价</p>
-          </th>
-          <th width="66" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">总价值</p>
-          </th>
-          <th width="122" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">装备时间</p>
-          </th>
-          <th width="94" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">保管人</p>
-          </th>
-          <th width="75" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">取得方式</p>
-          </th>
-          <th width="75" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">质量状况</p>
-          </th>
-          <th width="75" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">固定资产负责人</p>
-          </th>
-          <th width="75" valign="center" nowrap="">
-            <p align="center" style="margin: 10px 0">放置地点</p>
-          </th>
-          <th width="56" valign="center" nowrap="">
-            <p align="center">备注</p>
-          </th>
-        </tr>
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
+    <div class="word" id="contents">
+      <p
+        style="
+          font-size: 14pt;
+          font-weight: 900;
+          margin: 0px 0px 20px -30px;
+          color: black;
+        "
+      >
+        《营产、公物管理登记簿》
+      </p>
+      <!-- <el-button @click="daochu">导出word</el-button> -->
+      <!-- <div class="fTitle">大队连务会记录本</div> -->
+      <!-- <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;
+          margin-left: -10px;
+        "
+        width="940"
+        bordercolor="black"
+      >
+        <!--<p align="center" style="font-size: 14pt;font-weight: bold;">营产，公物管理登记簿</p>-->
+        <tbody>
+          <tr class="JR_tr">
+            <th width="47" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">序号</p>
+            </th>
+            <th width="66" valign="center" class="JR_left">
+              <p align="center" style="margin: 10px 0">名称</p>
+            </th>
+            <th width="94" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">规格型号</p>
+            </th>
+            <th width="56" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">数量</p>
+            </th>
+            <th width="66" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">单 价</p>
+            </th>
+            <th width="66" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">总价值</p>
+            </th>
+            <th width="122" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">装备时间</p>
+            </th>
+            <th width="94" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">保管人</p>
+            </th>
+            <th width="75" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">取得方式</p>
+            </th>
+            <th width="75" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">质量状况</p>
+            </th>
+            <th width="75" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">固定资产负责人</p>
+            </th>
+            <th width="75" valign="center" nowrap="" class="JR_left">
+              <p align="center" style="margin: 10px 0">放置地点</p>
+            </th>
+            <th width="56" valign="center" nowrap="" class="JR_left">
+              <p align="center">备注</p>
+            </th>
+          </tr>
 
-        <tr>
-          <td width="47" valign="center" nowrap="">
-            <p align="center">{{ message.id }}</p>
-          </td>
-          <td width="66" valign="center">
-            <p align="center" width="66">{{ message.name }}</p>
-          </td>
-          <td width="94" valign="center" nowrap="">
-            <p align="center">{{ message.version }}</p>
-          </td>
-          <td width="56" valign="center" nowrap="">
-            <p align="center">{{ message.quantity }}</p>
-          </td>
-          <td width="66" valign="center" nowrap="">
-            <p align="center">{{ message.price }}</p>
-          </td>
-          <td width="66" valign="center" nowrap="">
-            <p align="center">{{ message.totalPrice }}</p>
-          </td>
-          <td width="122" valign="center" nowrap="">
-            <p align="center">{{ message.equipTime }}</p>
-          </td>
-          <td width="94" valign="center" nowrap="">
-            <p align="center">{{ message.peopleName }}</p>
-          </td>
-          <td width="75" valign="center" nowrap="">
-            <p align="center">{{ message.acquire }}</p>
-          </td>
-         
-          <td width="75" valign="center" nowrap="">
-            <p align="center">{{ message.quality }}</p>
-          </td>
-           <td width="75" valign="center" nowrap="">
-            <p align="center">是否</p>
-          </td>
-          <td width="75" valign="center" nowrap="">
-            <p align="center">{{ message.address }}</p>
-          </td>
-          <td width="56" valign="center" nowrap="">
-            <p align="center">{{ message.remark }}</p>
-          </td>
-        </tr>
+          <tr class="JR_tr">
+            <td width="47" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.id }}</p>
+            </td>
+            <td width="66" valign="center" class="JR_right">
+              <p align="center" width="66">{{ message.name }}</p>
+            </td>
+            <td width="94" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.version }}</p>
+            </td>
+            <td width="56" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.quantity }}</p>
+            </td>
+            <td width="66" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.price }}</p>
+            </td>
+            <td width="66" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.totalPrice }}</p>
+            </td>
+            <td width="122" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.equipTime }}</p>
+            </td>
+            <td width="94" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.peopleName }}</p>
+            </td>
+            <td width="75" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.acquire }}</p>
+            </td>
 
-        <tr>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center" style="margin: 5px">
-              <span style="display: none">111</span>
-            </p>
-          </td>
-          <td width="66" height="45px" valign="center"><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="122" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-        </tr>
+            <td width="75" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.quality }}</p>
+            </td>
+            <td width="75" valign="center" nowrap="" class="JR_right">
+              <p align="center">是否</p>
+            </td>
+            <td width="75" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.address }}</p>
+            </td>
+            <td width="56" valign="center" nowrap="" class="JR_right">
+              <p align="center">{{ message.remark }}</p>
+            </td>
+          </tr>
 
-       <tr>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center" style="margin: 5px">
-              <span style="display: none">111</span>
-            </p>
-          </td>
-          <td width="66" height="45px" valign="center"><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="122" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-        </tr>
-        <tr>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center" style="margin: 5px">
-              <span style="display: none">111</span>
-            </p>
-          </td>
-          <td width="66" height="45px" valign="center"><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="122" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-        </tr>
-        <tr>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center" style="margin: 5px">
-              <span style="display: none">111</span>
-            </p>
-          </td>
-          <td width="66" height="45px" valign="center"><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="122" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-        </tr>
-        <tr>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center" style="margin: 5px">
-              <span style="display: none">111</span>
-            </p>
-          </td>
-          <td width="66" height="45px" valign="center"><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="122" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-        </tr>
-        <tr>
-          <td width="47" height="45px" valign="center" nowrap="">
-            <p align="center" style="margin: 5px">
-              <span style="display: none">111</span>
-            </p>
-          </td>
-          <td width="66" height="45px" valign="center"><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="66" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="122" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="94" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="75" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-          <td width="56" height="45px" valign="center" nowrap=""><p align="center"></p></td>
-        </tr>
-       
-      </tbody>
-    </table>
+          <tr class="JR_tr">
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center" style="margin: 5px">
+                <span style="display: none">111</span>
+              </p>
+            </td>
+            <td width="66" height="45px" valign="center">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="122" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+
+          <tr class="JR_tr">
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center" style="margin: 5px">
+                <span style="display: none">111</span>
+              </p>
+            </td>
+            <td width="66" height="45px" valign="center">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="122" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center" style="margin: 5px">
+                <span style="display: none">111</span>
+              </p>
+            </td>
+            <td width="66" height="45px" valign="center">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="122" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center" style="margin: 5px">
+                <span style="display: none">111</span>
+              </p>
+            </td>
+            <td width="66" height="45px" valign="center">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="122" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center" style="margin: 5px">
+                <span style="display: none">111</span>
+              </p>
+            </td>
+            <td width="66" height="45px" valign="center">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="122" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+          <tr class="JR_tr">
+            <td width="47" height="45px" valign="center" nowrap="">
+              <p align="center" style="margin: 5px">
+                <span style="display: none">111</span>
+              </p>
+            </td>
+            <td width="66" height="45px" valign="center">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="66" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="122" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="94" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="75" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+            <td width="56" height="45px" valign="center" nowrap="">
+              <p align="center"></p>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
 </template>
 <script>
-// import loadjs from '@/utils/lodJs.js'
+import { lookWord } from "@/utils/look_word.js";
+import "@/utils/lodJs.js";
 export default {
   name: "bdgleven",
   props: ["message"],
-  // data() {
-  //   return {
-  //     'title': '连务会记录本'
-  //   }
-  // },
-  // methods: {
-  //   daochu(){
-  //     console.log(111);
-  //     $('#contents').wordExport(this.title)
-  //   }
-  // }
+  data() {
+    return {
+      title: "营产、公物管理登记簿",
+      style:
+        ".JR_tr {height: 40px;width:105px};.JR_left{font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; 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>
@@ -263,4 +411,11 @@ tbody {
 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>

src/components/look_word/bdglsecrecy.vue

@@ -33,108 +33,108 @@
       >
         <!--<p align="center" style="font-size: 14pt;font-weight: bold;">网络/移动电话/涉密载体登记本</p>-->
         <tbody>
-          <tr>
-            <td valign="center" style="width: 106px">
+          <tr class="JR_tr">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">种类（名称）</p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">型号</p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">编号</p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">密级</p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">责任人</p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">使用人</p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">批准人</p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">
                 使用起止 <br />
                 时间
               </p>
             </td>
-            <td valign="center" style="width: 106px">
+            <td valign="center" style="width: 106px" class="JR_left">
               <p align="center" style="margin: 5px 0">移交（出借）时间</p>
             </td>
           </tr>
-          <tr>
-            <td valign="center">
+          <tr class="JR_tr">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">{{ message.kind }}</p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">{{ message.number }}</p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">{{ message.version }}</p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">
                 {{ message.confidential }}
               </p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">
                 {{ message.peopleName }}
               </p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">
                 {{ message.people1Name }}
               </p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">
                 {{ message.people2Name }}
               </p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <!--<p align="center">2022-01-18<br>2022-01-18</p>-->
               <p align="center" style="margin: 5px 0">
                 {{ message.startTime }}
               </p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">
                 {{ message.hindOverTime }}<br />
                 (移交/出售)
               </p>
             </td>
           </tr>
-          <tr>
-            <td valign="center">
+          <tr class="JR_tr">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <!--<p align="center">2022-01-20<br>2022-01-20</p>-->
               <p align="center" style="margin: 5px 0"></p>
             </td>
-            <td valign="center">
+            <td valign="center" class="JR_right">
               <p align="center" style="margin: 5px 0">
                 <br />
                 (移交/出售)
@@ -142,7 +142,7 @@
             </td>
           </tr>
 
-          <tr>
+          <tr class="JR_tr">
             <td valign="center">
               <p align="center" style="margin: 15px 0; height: 40px"></p>
             </td>
@@ -178,7 +178,7 @@
   </div>
 </template>
 <script>
-import jquery_word from "@/utils/jquery.wordexport.js";
+import { lookWord } from "@/utils/look_word.js";
 import "@/utils/lodJs.js";
 export default {
   name: "bdgleven",
@@ -187,12 +187,12 @@ export default {
     return {
       title: "网络、移动电话、涉密载体使用管理登记本",
       style:
-        ".JR_tr {height: 40px;width:40px};.JR_left{border-right:none;width: 120px;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312;};.JR_bottom{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312; text-align: right}",
+        ".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{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312; text-align: right}",
     };
   },
   methods: {
     daochu() {
-      jquery_word("#contents", this.title, this.style);
+      lookWord(this.title, "#contents", this.style, true);
     },
   },
 };

src/components/look_word/bdglsoldier.vue

@@ -152,7 +152,7 @@
   </div>
 </template>
 <script>
-import jquery_word from "@/utils/jquery.wordexport.js";
+import { lookWord } from "@/utils/look_word.js";
 import "@/utils/lodJs.js";
 export default {
   name: "bdgleven",
@@ -161,12 +161,12 @@ export default {
     return {
       title: "军人委员会",
       style:
-        ".JR_tr {height: 40px;};.JR_left{border-right:none;width: 120px;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312;};.JR_bottom{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312; text-align: right}",
+        ".JR_tr {height: 40px;};.JR_left{text-align:center;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; font-family: 仿宋_GB2312;};.JR_bottom{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312; text-align: right}",
     };
   },
   methods: {
     daochu() {
-      jquery_word("#contents", this.title, this.style);
+      lookWord(this.title, "#contents", this.style);
     },
   },
 };

src/components/look_word/bdglweekwork.vue

@@ -1,519 +1,138 @@
 <template>
-  <div id="contents">
-    <p
-      style="
-        text-align: center;
-        margin-top: 10px;
-        font-size: 20px;
-        font-weight: 600;
-		color:black
-      "
-      id="qTitle"
-    >
-      20XX年X月份第X周工作安排表
-    </p>
-
-    <div style="width: 100%; height: 30px; margin-top: 10px;color:black">
-      <!--<p style="float: left; margin-left: 5%;">连值班领导：顶级分类  </p>-->
-
-      <!--<p style="float: left; margin-left: 25%;">电话：   </p>-->
-
-      <!--<p style="float: right; margin-right: 5%;" id="qtime"></p>-->
-      <span style="margin-left: 5%">连值班领导：顶级分类 &nbsp;</span>
-      <span style="margin-left: 25%">电话： &nbsp; </span>
-      <span style="margin-left: 20%" id="qtime"
-        >(2022年03月09日-2022年03月09日)</span
+  <div>
+    <el-button class="box1" @click="daochu">导出</el-button>
+    <div id="contents">
+      <p
+        style="
+          text-align: center;
+          margin-top: 10px;
+          font-size: 20px;
+          font-weight: 600;
+          color: black;
+        "
+        id="qTitle"
       >
-    </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="940"
-      align="center"
-      bordercolor="black"
-    >
-      <tbody>
-        <tr>
-          <td width="141" align="center" valign="top" colspan="3">
-            <p align="center">日期</p>
-          </td>
-          <td width="245" valign="top"><p align="center">内容</p></td>
-          <td width="85" valign="top"><p align="center">负责单位</p></td>
-          <td width="151" valign="top"><p align="center">参加人员</p></td>
-          <td width="125" valign="top"><p align="center">地点</p></td>
-          <td width="158" valign="top"><p align="center">时间</p></td>
-        </tr>
-        <tr
-          v-for="(item, i) in message.bdglWeekworkRegisterList"
-          :key="i"
-          style="text-align: center;height: 45px;"
+        20XX年X月份第X周工作安排表
+      </p>
+
+      <div style="width: 100%; height: 30px; margin-top: 10px; color: black">
+        <span style="margin-left: 5%">连值班领导：顶级分类 &nbsp;</span>
+        <span style="margin-left: 25%">电话： &nbsp; </span>
+        <span style="margin-left: 20%" id="qtime"
+          >(2022年03月09日-2022年03月09日)</span
         >
-          <td style="text-align: center" rowspan="2">
-            {{ item.week }}
-          </td>
-          <td style="text-align: center" rowspan="2">
-            {{ item.time }}
-          </td>
-          <td style="text-align: center" rowspan="2">{{ item.dateline }}</td>
-          <td style="text-align: center" rowspan="2">{{ item.contents }}</td>
-          <td style="text-align: center" rowspan="2">{{ item.unitId1 }}</td>
-          <td style="text-align: center" rowspan="2">
-            {{ item.peopleIds }}
-          </td>
-          <td style="text-align: center" rowspan="2">{{ item.address }}</td>
-          <td style="text-align: center" rowspan="2">
-            {{ item.startTime }}—{{ item.endTime }}
-          </td>
-        </tr>
-
-        <tr></tr>
-
-        <!-- <tr >
-
-					<td width="56" valign="center" rowspan="6" ><p align="center" >星期二 </p></td>
-
-					<td width="37" valign="center" rowspan="6" ><p align="center" >7.2 </p></td>
-
-					<td width="47" valign="center" rowspan="3" ><p align="center" >上午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >搭帐篷训练 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >一所楼前 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >08:00-10:10 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >专业训练（预案学习） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >宿舍 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >10:30-11:50 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >专业训练（野战炊事） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >炊事人员 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >食堂 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >09:00-09:30 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" rowspan="2" ><p align="center" >下午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >专业训练（预案学习） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >宿舍 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >14:30-16:20 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >体能训练（仰卧起坐、引体向上） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >一所楼前 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >16:30-18:00 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" ><p align="center" >晚上 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >体能训练（3000米） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >北海操场 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >20:00-21:00 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="56" valign="center" rowspan="6" ><p align="center" >星期三 </p></td>
-
-					<td width="37" valign="center" rowspan="6" ><p align="center" >7.3 </p></td>
-
-					<td width="47" valign="center" rowspan="3" ><p align="center" >上午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >队列训练 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >一所楼前 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >08:00-10:10 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >专业训练（规程学习） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >宿舍 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >10:30-11:50 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >专业训练（菜谱学习） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >炊事人员 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >食堂 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >09:00-09:30 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" rowspan="2" ><p align="center" >下午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >条令学习（队列条令第五章） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >二楼会议室 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >14:30-16:10 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >体能考核（3000米、引体向上） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >北海操场 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >16:30-18:00 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" ><p align="center" >晚上 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >洗澡，处理个人事务 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >澡堂 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >19:30-21:00 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="56" valign="center" rowspan="7" ><p align="center" >星期四 </p></td>
-
-					<td width="37" valign="center" rowspan="7" ><p align="center" >7.4 </p></td>
-
-					<td width="47" valign="center" rowspan="3" ><p align="center" >上午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >搭帐篷训练 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >一所楼前 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >08:00-09:50 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >战场救护 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >一所楼前 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >10:10-11:50 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >专业训练（野战炊事） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >炊事人员 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >食堂 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >09:00-09:30 </p></td>
-
-				</tr>
-
-				<tr>
-
-					<td width="47" valign="center" rowspan="3" ><p align="center" >下午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >《党的十九大报告辅导读本》 <br>
-
-						六、用习近平新时代特色社会主义思想武装全党 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >三楼会议厅 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >14:30-15:20 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >观看《永远在路上》 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >三楼会议厅 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >15:30-16:30 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="245" valign="center" ><p align="center" >体能考核（30米*2蛇形跑、仰卧起坐） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >北海操场 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >16:30-18:00 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" ><p align="center" >晚上 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >体能训练（重装3000米） </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >北海操场 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >20:00-21:00 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="56" valign="center" ><p align="center" >星期五 </p></td>
-
-					<td width="37" valign="center" ><p align="center" >7.5 </p></td>
-
-					<td width="47" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="245" valign="center" ><p align="center" >…… </p></td>
-
-					<td width="85" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="151" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="125" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="158" valign="center" ><p align="center" >&nbsp;</p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="56" valign="center" ><p align="center" >星期六 </p></td>
-
-					<td width="37" valign="center" ><p align="center" >7.6 </p></td>
-
-					<td width="47" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="245" valign="center" ><p align="center" >…… </p></td>
-
-					<td width="85" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="151" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="125" valign="center" ><p align="center" >&nbsp;</p></td>
-
-					<td width="158" valign="center" ><p align="center" >&nbsp;</p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="56" valign="center" rowspan="4" ><p align="center" >星期日 </p></td>
-
-					<td width="37" valign="center" rowspan="4" ><p align="center" >7.7 </p></td>
-
-					<td width="47" valign="center" ><p align="center" >上午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >处理个人事务 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >宿舍 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >08:30-12:00 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" ><p align="center" >下午 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >打扫室内外卫生 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >卫生区 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >15:30-17:30 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" ><p align="center" >晚上 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >连务会、班务会 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >全连官兵 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >二楼会议室 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >19:00-21:10 </p></td>
-
-				</tr>
-
-				<tr >
-
-					<td width="47" valign="center" ><p align="center" >全天 </p></td>
-
-					<td width="245" valign="center" ><p align="center" >伙食保障 </p></td>
-
-					<td width="85" valign="center" ><p align="center" >连 </p></td>
-
-					<td width="151" valign="center" ><p align="center" >炊事人员 </p></td>
-
-					<td width="125" valign="center" ><p align="center" >食堂 </p></td>
-
-					<td width="158" valign="center" ><p align="center" >06:30-19:30 </p></td>
-
-				</tr> -->
-
-        <tr>
-          <td width="56" valign="center"><p align="center">备注</p></td>
-          <td width="850" valign="center" colspan="7">{{ message.remark }}</td>
-        </tr>
-      </tbody>
-    </table>
-
-    <!-- <p >军事主官：顶级分类                                     政治主官：顶级分类                                      时间:2022-03-09 </p> -->
-
-    <div style="width: 100%; height: 50px; margin-top: 10px;color:black">
-      <!--<p style="float: left; margin-left: 58px;">军事主官：顶级分类  </p>-->
-
-      <!--<p style="float: left; margin-left: 30%;">政治主官：顶级分类 </p>-->
-
-      <!--<p style="float: right; margin-right: 80px;" id="bTime">时间：2022-03-09</p>-->
-
-      <span style="margin-left: 30px">军事主官：顶级分类 &nbsp;</span>
-      <span style="margin-left: 30%">政治主官：顶级分类 </span>
-      <span style="margin-left: 232px">时间：2022-03-09</span>
+      </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="940"
+        align="center"
+        bordercolor="black"
+      >
+        <tbody>
+          <tr class="JR_tr">
+            <td align="center" valign="center" colspan="3" class="JR_left">
+              <p align="center">日期</p>
+            </td>
+            <td valign="center" class="JR_left">
+              <p align="center">内容</p>
+            </td>
+            <td valign="center" class="JR_left">
+              <p align="center">负责单位</p>
+            </td>
+            <td valign="center" class="JR_left">
+              <p align="center">参加人员</p>
+            </td>
+            <td valign="center" class="JR_left">
+              <p align="center">地点</p>
+            </td>
+            <td valign="center" class="JR_left">
+              <p align="center">时间</p>
+            </td>
+          </tr>
+          <tr
+            class="JR_tr"
+            v-for="(item, i) in message.bdglWeekworkRegisterList"
+            :key="i"
+            style="text-align: center; height: 45px"
+          >
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.week }}
+            </td>
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.time }}
+            </td>
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.dateline }}
+            </td>
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.contents }}
+            </td>
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.unitId1 }}
+            </td>
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.peopleIds }}
+            </td>
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.address }}
+            </td>
+            <td style="text-align: center" rowspan="2" class="JR_right">
+              {{ item.startTime }}—{{ item.endTime }}
+            </td>
+          </tr>
+          <tr></tr>
+          <tr class="JR_tr">
+            <td valign="center" class="JR_left">
+              <p align="center">备注</p>
+            </td>
+            <td valign="center" colspan="7" class="JR_right">
+              {{ message.remark }}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      <!-- <p >军事主官：顶级分类                                     政治主官：顶级分类                                      时间:2022-03-09 </p> -->
+
+      <div style="width: 100%; height: 50px; margin-top: 10px; color: black">
+        <span style="margin-left: 30px">军事主官：顶级分类 &nbsp;</span>
+        <span style="margin-left: 30%">政治主官：顶级分类 </span>
+        <span style="margin-left: 232px">时间：2022-03-09</span>
+      </div>
     </div>
   </div>
 </template>
 <script>
+//引入lookWord
+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{text-align:center;font-size: 1.331em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.331em; 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>
@@ -524,4 +143,11 @@ tbody {
 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>

src/main.js

@@ -19,14 +19,12 @@ window.$ = $;
 window.jQuery = $;
 export default $;
 
-//引入file-saver
-import saveAs from "file-saver/dist/FileSaver";
 
 import './assets/icons' // icon
 import './permission' // permission control
 import { getDicts } from "@/api/system/dict/data";
 import { getConfigKey } from "@/api/system/config";
-import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree ,getNowWeek} from "@/utils/supervision";
+import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree, getNowWeek } from "@/utils/supervision";
 // 分页组件
 import Pagination from "@/components/Pagination";
 // 自定义表格工具组件
@@ -64,17 +62,16 @@ Vue.prototype.selectDictLabel = selectDictLabel
 Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.handleTree = handleTree
 Vue.prototype.getNowWeek = getNowWeek
-
 // originVal 后台返回的中国标准时间
 Vue.filter('dataFormat', originVal => {
   const dt = new Date(originVal)
-  if(originVal) {
+  if (originVal) {
     const y = dt.getFullYear()
     const m = (dt.getMonth() + 1 + '').padStart(2, '0')
     const d = (dt.getDate() + '').padStart(2, '0')
     return `${y}-${m}-${d}`
   }
-  
+
 })
 
 

src/views/grassrootsregistration/bdgldiary/index.vue

@@ -1230,6 +1230,7 @@ export default {
       this.opens = false;
       const id = row.id || this.ids;
       getBdgldiary(id).then((response) => {
+        console.log(response);
         this.wordInfo = response.data;
         this.title = "查看要事日记";
         this.menuRoleVisible = true;