营产

src/components/look_word/bdglpublicproperty.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-button class="box1" @click="daochu">导出</el-button>
-    <div class="word" id="contents" style="margin-top: 61px">
+    <div class="word" id="contents">
       <!-- <div class="word" id="contents"> -->
       <p
         style="
@@ -9,9 +9,7 @@
           font-weight: 600;
           color: black;
           font-family: 'heiti';
-          float: right;
-          writing-mode: vertical-rl;
-          padding-top: 51px;
+          text-align:center
         "
       >
         《营产、公物管理登记簿》
@@ -31,78 +29,78 @@
           mso-border-insidev: 0.5pt solid windowtext;
           mso-padding-alt: 0pt 0pt 0pt 0pt;
         "
-        width="930"
+        width="895"
         bordercolor="black"
       >
         <!--<p align="center" style="font-size: 14pt;font-weight: bold;">营产，公物管理登记簿</p>-->
         <tbody style="font-size: 15px; font-weight: 500">
           <tr
             class="JR_tr"
-            style="font-size: 16px; font-weight: 600; font-family: 'heiti'"
+            style="font-size: 16px;  font-family: 'heiti'"
           >
-            <th width="47" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+            <td width="45" height="40" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center"  style="display: block; text-align: center">
                 序号
-              </p>
-            </th>
-            <th width="66" valign="center" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="63" valign="center" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 名称
-              </p>
-            </th>
-            <th width="94" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="92" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 规格型号
-              </p>
-            </th>
-            <th width="56" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="55" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 数量
-              </p>
-            </th>
-            <th width="66" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="63" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 单 价
-              </p>
-            </th>
-            <th width="66" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="64" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 总价值
-              </p>
-            </th>
-            <th width="122" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="120" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 装备时间
-              </p>
-            </th>
-            <th width="94" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="91" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 保管人
-              </p>
-            </th>
-            <th width="75" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="74" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 取得方式
-              </p>
-            </th>
-            <th width="75" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+              </span>
+            </td>
+            <td width="73" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 质量状况
-              </p>
-            </th>
-            <th width="75" valign="center" nowrap="" class="JR_left">
+              </span>
+            </td>
+            <!-- <th width="74" valign="center" nowrap="" class="JR_left">
               <p align="center" style="margin: 10px 0; font-family: 'heiti'">
                 固定资产负责人
               </p>
-            </th>
-            <th width="75" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="margin: 10px 0; font-family: 'heiti'">
+            </th> -->
+            <td width="74" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">
                 放置地点
-              </p>
-            </th>
-            <th width="56" valign="center" nowrap="" class="JR_left">
-              <p align="center" style="font-family: 'heiti'">备注</p>
-            </th>
+              </span>
+            </td>
+            <td width="56" valign="center" nowrap="" class="JR_left" style="font-family: '黑体'; text-align: center;font-size:1em;">
+              <span align="center" style="display: block; text-align: center">备注</span>
+            </td>
           </tr>
 
           <tr
@@ -111,88 +109,136 @@
             v-for="(item, i) in message"
             :key="i + '  '"
           >
-            <td width="47" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.id }}</p>
+            <td width="45"  height="45" valign="center" nowrap="" class="JR_right" style="
+                font-family: 'Calibri';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.id }}</span>
             </td>
-            <td width="66" valign="center" class="JR_right">
-              <p align="center" width="66">{{ item.name }}</p>
+            <td width="63" valign="center" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center" width="66">{{ item.name }}</span>
             </td>
-            <td width="94" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.version }}</p>
+            <td width="92" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.version }}</span>
             </td>
-            <td width="56" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.quantity }}</p>
+            <td width="55" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.quantity }}</span>
             </td>
-            <td width="66" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.price }}</p>
+            <td width="63" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.price }}<span style="margin-left:6px">元</span></span>
             </td>
-            <td width="66" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.totalPrice }}</p>
+            <td width="64" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.totalPrice }}<span style="margin-left:5px">元</span></span>
             </td>
-            <td width="122" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.equipTime }}</p>
+            <td width="120" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.equipTime | dataFormaty}}</span>
             </td>
-            <td width="94" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.peopleName }}</p>
+            <td width="91" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.peopleName }}</span>
             </td>
-            <td width="75" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.acquire }}</p>
+            <td width="74" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.acquire }}</span>
             </td>
 
-            <td width="75" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.quality }}</p>
+            <td width="73" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.quality }}</span>
             </td>
-            <td width="75" valign="center" nowrap="" class="JR_right">
+            <!-- <td width="75" valign="center" nowrap="" class="JR_right">
               <p align="center">是</p>
+            </td> -->
+            <td width="74" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.address }}</span>
             </td>
-            <td width="75" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.address }}</p>
-            </td>
-            <td width="56" valign="center" nowrap="" class="JR_right">
-              <p align="center">{{ item.remark }}</p>
+            <td width="54" valign="center" nowrap="" class="JR_right" style="
+                font-family: '仿宋_GB2312';
+                text-align: center;
+                font-size: 1em;
+              ">
+              <span align="center">{{ item.remark }}</span>
             </td>
           </tr>
           <tr class="JR_tr" v-for="(item1, i1) in num" :key="i1 + ''">
-            <td width="47" height="45px" valign="center" nowrap="">
-              <p align="center" style="margin: 5px">
-                <span style="display: none"></span>
-              </p>
+            <td width="45" height="45"  valign="center" nowrap="">
+              <span align="center" style="margin: 5px">
+             
+              </span>
             </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 width="63"  valign="center">
+              <span align="center"></span>
             </td>
-            <td width="56" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="92" valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="66" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="55"  valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="66" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="63"  valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="122" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="64" valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="94" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="120"  valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="75" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="91" valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="56" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="74"  valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="75" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="73"  valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="75" height="45px" valign="center" nowrap="">
+            <!-- <td width="75" height="45px" valign="center" nowrap="">
               <p align="center"></p>
+            </td> -->
+            <td width="74"  valign="center" nowrap="">
+              <span align="center"></span>
             </td>
-            <td width="56" height="45px" valign="center" nowrap="">
-              <p align="center"></p>
+            <td width="54"  valign="center" nowrap="">
+              <span align="center"></span>
             </td>
           </tr>
         </tbody>
@@ -201,9 +247,7 @@
   </div>
 </template>
 <script>
-import { lookWord } from "@/utils/look_word.js";
-import "@/utils/jquery.wordexport.js";
-import "@/utils/lodJs.js";
+import exportWord from "@/utils/exportWord.js";
 export default {
   name: "bdgleven",
   props: ["message"],
@@ -212,13 +256,15 @@ export default {
       title: "营产、公物管理登记簿",
       num: 0,
       faith: {
-        fileName: "测试word", //文档名
+        fileName: "网络、移动电话、涉密载体使用管理登记本", //文档名
         fileType: ".doc", //文档类型  经测试  可以doc xls html 其他的自己去试
-        isHeader: false, //是否显示页眉  *xls  不要设置页眉页脚  改为false
-        isFooter: false, //是否显示页脚  *xls  不要设置页眉页脚  改为false
+        // header: "测试页眉", //页眉标题
+        // footer: "测试页脚", //页脚标题
+        direction: "Horizontal", //默认或不填写为纵向，Horizontal 为横向
+        dom: "#contents", // dom节点
       },
-      style:
-        ".b1{width:860px !important};.JR_tr {height: 40px;width:105px};.JR_left{font-size: 1.131em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.231em; font-family: 仿宋_GB2312;};.JR_bottom{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312; text-align: right}",
+      // style:
+      //   ".b1{width:860px !important};.JR_tr {height: 40px;width:105px};.JR_left{font-size: 1.131em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1.231em; font-family: 仿宋_GB2312;};.JR_bottom{border-left:0; font-size: 1.331em; font-family: 仿宋_GB2312; text-align: right}",
     };
   },
   created() {
@@ -230,8 +276,7 @@ export default {
   },
   methods: {
     daochu() {
-      $("#contents").wordExport(this.faith);
-      lookWord(this.title, 1, this.style);
+      exportWord(this.faith);
     },
   },
 };