bdgldiary.vue 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907
  1. <template>
  2. <div>
  3. <el-button class="box1" @click="daochu">导出</el-button>
  4. <div class="word" id="contents">
  5. <p
  6. style="
  7. font-size: 16pt;
  8. font-weight: 600;
  9. text-align: center;
  10. margin-botttom: 30px;
  11. color: black;
  12. font-family: 'songti';
  13. "
  14. >
  15. 《连队要事日记》
  16. </p>
  17. <!-- <div style="margin-bottom: 5px; color: black">
  18. <span class="tTime">{{ message.blogDate }}</span>
  19. <span class="tWeek" style="margin-left: 40px">星期</span>
  20. <span class="tWeather" style="margin-left: 50px"
  21. >天气:{{ message.weather }}</span
  22. >
  23. <span style="margin-left: 380px">值班员:{{ message.peopleName }}</span>
  24. </div> -->
  25. <table
  26. class="b1"
  27. border="none"
  28. style="
  29. border-collapse: collapse;
  30. mso-border-left-alt: 0.5pt solid windowtext;
  31. mso-border-top-alt: 0.5pt solid windowtext;
  32. mso-border-right-alt: 0.5pt solid windowtext;
  33. mso-border-bottom-alt: 0.5pt solid windowtext;
  34. mso-border-insideh: 0.5pt solid windowtext;
  35. mso-border-insidev: 0.5pt solid windowtext;
  36. mso-padding-alt: 0pt 0pt 0pt 0pt;
  37. width: 930px;
  38. color: black;
  39. font-size: 16px;
  40. font-weight: 500;
  41. border: none;
  42. "
  43. >
  44. <tr
  45. height="30"
  46. align="center"
  47. style="border: none; font-family: 'songti'"
  48. >
  49. <td
  50. colspan="3"
  51. height="40"
  52. style="border: none; font-family: 'fangsong'"
  53. >
  54. {{ message.blogDate | dataFormat }}
  55. </td>
  56. <td colspan="2" style="border: none; font-family: 'songti'">
  57. <span style="font-family: 'fangsong'">{{ message.weekworkRegisters[0].week }}</span>
  58. </td>
  59. <td colspan="6" style="border: none; font-family: 'songti'">
  60. 天气:<span style="font-family: 'fangsong'">{{
  61. message.weather
  62. }}</span>
  63. </td>
  64. <td colspan="3" style="border: none; font-family: 'songti'">
  65. 值班员:
  66. <span style="font-family: 'fangsong'">{{
  67. message.peopleName
  68. }}</span>
  69. </td>
  70. </tr>
  71. </table>
  72. <table
  73. class="b1"
  74. border="1"
  75. style="
  76. border-collapse: collapse;
  77. mso-border-left-alt: 0.5pt solid windowtext;
  78. mso-border-top-alt: 0.5pt solid windowtext;
  79. mso-border-right-alt: 0.5pt solid windowtext;
  80. mso-border-bottom-alt: 0.5pt solid windowtext;
  81. mso-border-insideh: 0.5pt solid windowtext;
  82. mso-border-insidev: 0.5pt solid windowtext;
  83. mso-padding-alt: 0pt 0pt 0pt 0pt;
  84. width: 930px;
  85. margin-bottom: 8px;
  86. border-color: black;
  87. color: black;
  88. font-size: 16px;
  89. font-weight: 500;
  90. "
  91. >
  92. <!-- 实力 -->
  93. <tr
  94. class="JR_tr"
  95. height="30"
  96. align="center"
  97. style="font-family: 'songti'"
  98. >
  99. <td
  100. colspan="2"
  101. rowspan="2"
  102. class="JR_left"
  103. style="font-family: 'songti'"
  104. >
  105. 实力
  106. </td>
  107. <td
  108. colspan="6"
  109. style="letter-spacing: 10px; font-family: 'songti'"
  110. class="JR_left"
  111. >
  112. 编制人数
  113. </td>
  114. <td
  115. colspan="6"
  116. style="letter-spacing: 10px; font-family: 'songti'"
  117. class="JR_left"
  118. >
  119. 现有人数
  120. </td>
  121. </tr>
  122. <tr class="JR_tr" height="30" align="center">
  123. <td width="68" class="JR_left" style="font-family: 'songti'">干部</td>
  124. <td width="68" class="JR_left" style="font-family: 'fangsong'">
  125. {{ message.orgcadre }}
  126. </td>
  127. <td width="68" class="JR_left" style="font-family: 'songti'">战士</td>
  128. <td width="68" class="JR_left" style="font-family: 'fangsong'">
  129. {{ message.orgsoldier }}
  130. </td>
  131. <td width="68" class="JR_left" style="font-family: 'songti'">合计</td>
  132. <td width="68" class="JR_left" style="font-family: 'fangsong'">
  133. {{ message.orgcadre + message.orgsoldier}}
  134. </td>
  135. <td width="68" class="JR_left" style="font-family: 'songti'">干部</td>
  136. <td width="68" class="JR_left" style="font-family: 'fangsong'">
  137. {{ message.nowcadre }}
  138. </td>
  139. <td width="68" class="JR_left" style="font-family: 'songti'">战士</td>
  140. <td width="68" class="JR_left" style="font-family: 'fangsong'">
  141. {{ message.nowsoldier }}
  142. </td>
  143. <td width="68" class="JR_left" style="font-family: 'songti'">合计</td>
  144. <td width="68" class="JR_left" style="font-family: 'fangsong'">
  145. {{ message.nowcadre + message.nowsoldier}}
  146. </td>
  147. </tr>
  148. <!-- 训练、教育或者执行其他任务情况 -->
  149. <tr class="JR_tr" height="20" align="center">
  150. <td :rowspan="number" class="JR_left">
  151. <p align="center" style="margin: 0 15px; font-family: 'songti'">
  152. 训 <br />
  153. 练 <br />
  154. 、 <br />
  155. 教 <br />
  156. 育 <br />
  157. 或 <br />
  158. 者 <br />
  159. 执 <br />
  160. 行 <br />
  161. 其 <br />
  162. 他 <br />
  163. 任 <br />
  164. 务 <br />
  165. 情 <br />
  166. </p>
  167. </td>
  168. <td
  169. rowspan="2"
  170. width="68"
  171. class="JR_left"
  172. style="font-family: 'songti'"
  173. >
  174. 区分
  175. </td>
  176. <td
  177. colspan="9"
  178. rowspan="2"
  179. style="letter-spacing: 20px; font-family: 'songti'"
  180. class="JR_left"
  181. align="center"
  182. >
  183. 内容
  184. </td>
  185. <td colspan="3" class="JR_left" style="font-family: 'songti'">
  186. 人数
  187. </td>
  188. </tr>
  189. <tr class="JR_tr" height="30" align="center">
  190. <td class="JR_left" style="font-family: 'songti'">应到</td>
  191. <td class="JR_left" style="font-family: 'songti'">实到</td>
  192. <td class="JR_left" style="font-family: 'songti'">到课率</td>
  193. </tr>
  194. <tr
  195. style="font-family: 'fangsong'"
  196. class="JR_tr"
  197. height="70"
  198. align="center"
  199. v-for="(items, index) in message.weekworkRegisters"
  200. :key="index"
  201. v-show="
  202. message.weekworkRegisters != null ||
  203. message.weekworkRegisters.length > 0
  204. "
  205. >
  206. <td class="JR_right" height="70">{{ items.dateline }}</td>
  207. <td style="text-align: left" colspan="9" v-html="items.startTime + '-' + items.endTime + items.contents+'(组织人:' + items.organizer + ')'"></td>
  208. <td class="JR_right" height="70">{{ items.shouldArrive }}</td>
  209. <td class="JR_right" height="70">{{ items.realTo }}</td>
  210. <td class="JR_right" height="70">{{ items.percentage }}</td>
  211. </tr>
  212. <tr
  213. class="JR_tr"
  214. height="70"
  215. align="center"
  216. v-if="
  217. message.weekworkRegisters == null ||
  218. (message.weekworkRegisters.length < 4 || message.weekworkRegisters.length == 0)
  219. "
  220. >
  221. <td class="JR_left" height="70" style="font-family: 'songti'">
  222. </td>
  223. <td class="JR_right" colspan="9"></td>
  224. <td class="JR_right"></td>
  225. <td class="JR_right"></td>
  226. <td class="JR_right"></td>
  227. </tr>
  228. <tr
  229. class="JR_tr"
  230. height="70"
  231. align="center"
  232. v-if="
  233. message.weekworkRegisters == null ||
  234. (message.weekworkRegisters.length < 3 || message.weekworkRegisters.length == 0)
  235. "
  236. >
  237. <td class="JR_left" height="70" style="font-family: 'songti'">
  238. </td>
  239. <td class="JR_right" colspan="9"></td>
  240. <td class="JR_right"></td>
  241. <td class="JR_right"></td>
  242. <td class="JR_right"></td>
  243. </tr>
  244. <tr
  245. class="JR_tr"
  246. height="70"
  247. align="center"
  248. v-if="
  249. message.weekworkRegisters == null ||
  250. (message.weekworkRegisters.length < 2 || message.weekworkRegisters.length == 0)
  251. "
  252. >
  253. <td class="JR_left" height="70" style="font-family: 'songti'">
  254. </td>
  255. <td class="JR_right" colspan="9"></td>
  256. <td class="JR_right"></td>
  257. <td class="JR_right"></td>
  258. <td class="JR_right"></td>
  259. </tr>
  260. <tr
  261. class="JR_tr"
  262. height="70"
  263. align="center"
  264. v-if="
  265. message.weekworkRegisters == null ||
  266. (message.weekworkRegisters.length < 1 || message.weekworkRegisters.length == 0)
  267. "
  268. >
  269. <td class="JR_left" height="70" style="font-family: 'songti'">
  270. </td>
  271. <td class="JR_right" colspan="9"></td>
  272. <td class="JR_right"></td>
  273. <td class="JR_right"></td>
  274. <td class="JR_right"></td>
  275. </tr>
  276. <!-- 公差勤务 -->
  277. <tr class="JR_tr">
  278. <td colspan="2">
  279. <p align="center" class="JR_left" style="font-family: 'songti'">
  280. 公差勤务
  281. </p>
  282. </td>
  283. <td
  284. style="font-family: 'fangsong'"
  285. colspan="12"
  286. class="JR_right"
  287. v-html="message.tolerance"
  288. ></td>
  289. </tr>
  290. <tr class="JR_tr">
  291. <!-- 人员装备变动 -->
  292. <td colspan="2" class="JR_left">
  293. <p align="center" style="font-family: 'songti'">
  294. 人员或 <br />
  295. 装备变动
  296. </p>
  297. </td>
  298. <td
  299. style="font-family: 'fangsong'"
  300. colspan="12"
  301. class="JR_right"
  302. v-html="message.transfer"
  303. >
  304. <p></p>
  305. </td>
  306. </tr>
  307. <!-- 武器装备检查情况 -->
  308. <tr class="JR_tr">
  309. <td height="150" rowspan=":count($xlian)" colspan="2" class="JR_left">
  310. <p align="center" style="font-family: 'songti'">
  311. 武 内 <br />
  312. 器 务 <br />
  313. 装 卫 <br />
  314. 备 生 <br />
  315. 、 检 <br />
  316. 军 查 <br />
  317. 容 情 <br />
  318. 风 况 <br />
  319. 记 <br />
  320. </p>
  321. </td>
  322. <td
  323. style="font-family: 'fangsong'"
  324. colspan="12"
  325. class="JR_right"
  326. v-html="message.internal"
  327. >
  328. <p></p>
  329. </td>
  330. </tr>
  331. <!-- 查铺查哨 -->
  332. <tr class="JR_tr" style="font-family: 'songti'">
  333. <td :rowspan="chapu" class="JR_left">
  334. <p align="center" style="font-family: 'songti'">
  335. 查 <br />
  336. 铺 <br />
  337. 查 <br />
  338. </p>
  339. </td>
  340. <td class="JR_left">
  341. <p align="center" style="font-family: 'songti'">检查人</p>
  342. </td>
  343. <td class="JR_left">
  344. <p align="center" style="font-family: 'songti'">时 间</p>
  345. </td>
  346. <td class="JR_left">
  347. <p align="center" style="font-family: 'songti'">领班员</p>
  348. </td>
  349. <td class="JR_left" colspan="2">
  350. <p align="center" style="font-family: 'songti'">卫兵姓名</p>
  351. </td>
  352. <td class="JR_left" colspan="8">
  353. <p
  354. align="center"
  355. style="letter-spacing: 10px; font-family: 'songti'"
  356. >
  357. 检 查 情 况
  358. </p>
  359. </td>
  360. </tr>
  361. <tr
  362. v-for="(item, index) in message.inspect"
  363. :key="index"
  364. class="JR_tr"
  365. style="font-family: 'fangsong'"
  366. >
  367. <td class="JR_right">
  368. <p align="center">{{ item.peopleName }}</p>
  369. </td>
  370. <td class="JR_right">
  371. <p align="center">{{ item.examineDate | dataFormat }}</p>
  372. </td>
  373. <td class="JR_right">
  374. <p align="center">{{ item.foremanName }}</p>
  375. </td>
  376. <td class="JR_right" colspan="2">
  377. <p align="center">{{ item.sentryName }}</p>
  378. </td>
  379. <td class="JR_right" colspan="8">
  380. <p align="center">{{ item.dialogue }}</p>
  381. </td>
  382. </tr>
  383. <!-- <tr class="JR_tr" height="30">
  384. <td class="JR_right"><p align="center">&nbsp;</p></td>
  385. <td class="JR_right"><p align="center"></p></td>
  386. <td class="JR_right"><p align="center"></p></td>
  387. <td class="JR_right" colspan="2"><p align="center"></p></td>
  388. <td class="JR_right" colspan="8"><p align="center"></p></td>
  389. </tr>
  390. <tr class="JR_tr" height="30">
  391. <td class="JR_right"><p align="center">&nbsp;</p></td>
  392. <td class="JR_right"><p align="center"></p></td>
  393. <td class="JR_right"><p align="center"></p></td>
  394. <td class="JR_right" colspan="2"><p align="center"></p></td>
  395. <td class="JR_right" colspan="8"><p align="center"></p></td>
  396. </tr> -->
  397. <!-- 派班情况 -->
  398. <tr class="JR_tr" style="font-family: 'songti'">
  399. <td class="JR_left" rowspan="4">
  400. <p align="center" style="font-family: 'songti'">
  401. 派 <br />
  402. 班 <br />
  403. 情 <br />
  404. </p>
  405. </td>
  406. <td class="JR_left">
  407. <p align="center" style="font-family: 'songti'">职务</p>
  408. </td>
  409. <td class="JR_left">
  410. <p align="center" style="font-family: 'songti'">交班者</p>
  411. </td>
  412. <td class="JR_left">
  413. <p align="center" style="font-family: 'songti'">接班者</p>
  414. </td>
  415. <td class="JR_left" colspan="2">
  416. <p align="center" style="font-family: 'songti'">组织者</p>
  417. </td>
  418. <td class="JR_left" colspan="8">
  419. <p
  420. align="center"
  421. style="letter-spacing: 10px; font-family: 'songti'"
  422. >
  423. 交 接 情 况
  424. </p>
  425. </td>
  426. </tr>
  427. <tr class="JR_tr" height="30" align="center">
  428. <td class="JR_left" style="font-family: 'songti'">值班员</td>
  429. <td class="JR_right">
  430. <p align="center" style="font-family: 'fangsong'">
  431. {{ message.dutya }}
  432. </p>
  433. </td>
  434. <td class="JR_right">
  435. <p align="center" style="font-family: 'fangsong'">
  436. {{ message.dutya }}
  437. </p>
  438. </td>
  439. <td class="JR_right" colspan="2">
  440. <p align="center" style="font-family: 'fangsong'">
  441. {{ message.dutylead }}
  442. </p>
  443. </td>
  444. <td class="JR_right" colspan="8"><p align="center"></p></td>
  445. </tr>
  446. <tr class="JR_tr" height="30" align="center">
  447. <td class="JR_left" style="font-family: 'songti'">值日员</td>
  448. <td class="JR_right">
  449. <p align="center" style="font-family: 'fangsong'">
  450. {{ message.dutyc }}
  451. </p>
  452. </td>
  453. <td class="JR_right">
  454. <p align="center" style="font-family: 'fangsong'">
  455. {{ message.dutyd }}
  456. </p>
  457. </td>
  458. <td
  459. class="JR_left"
  460. colspan="2"
  461. rowspan="2"
  462. style="font-family: 'fangsong'"
  463. >
  464. {{ message.dutyDate | dataFormat }}<br />
  465. </td>
  466. <td class="JR_right" colspan="8"></td>
  467. </tr>
  468. <tr class="JR_tr" height="30" align="center">
  469. <td class="JR_left" style="font-family: 'songti'">厨房值班</td>
  470. <td class="JR_right">
  471. <p align="center" style="font-family: 'fangsong'">
  472. {{ message.dutye }}
  473. </p>
  474. </td>
  475. <td class="JR_right">
  476. <p align="center" style="font-family: 'fangsong'">
  477. {{ message.dutyf }}
  478. </p>
  479. </td>
  480. <td class="JR_right" colspan="8" style="font-family: 'fangsong'"></td>
  481. </tr>
  482. <!-- 临时来队亲属 -->
  483. <tr class="JR_tr" height="30" style="font-family: 'songti'">
  484. <td :rowspan="qinshu" class="JR_left">
  485. <p align="center" style="margin: 0 15px; font-family: 'songti'">
  486. 临 <br />
  487. 时 <br />
  488. 来 <br />
  489. 队 <br />
  490. 亲 <br />
  491. </p>
  492. </td>
  493. <td class="JR_left" height="30" rowspan="2">
  494. <p align="center" style="font-family: 'songti'">军人姓名</p>
  495. </td>
  496. <td class="JR_left" height="30" rowspan="2">
  497. <p align="center" style="font-family: 'songti'">亲属姓名</p>
  498. </td>
  499. <td class="JR_left" height="30" rowspan="2">
  500. <p align="center" style="font-family: 'songti'">关&nbsp; 系</p>
  501. </td>
  502. <td class="JR_left" height="30" colspan="2">
  503. <p align="center" style="font-family: 'songti'">时 间</p>
  504. </td>
  505. <td class="JR_left" height="30" colspan="8">
  506. <p
  507. align="center"
  508. style="letter-spacing: 5px; font-family: 'songti'"
  509. >
  510. 病 号 及 处 理 情 况
  511. </p>
  512. </td>
  513. </tr>
  514. <tr class="JR_tr" height="30" align="center">
  515. <td class="JR_left" height="30" style="font-family: 'songti'">
  516. 来队
  517. </td>
  518. <td class="JR_left" height="30" style="font-family: 'songti'">
  519. 离队
  520. </td>
  521. <td
  522. style="font-family: 'fangsong'"
  523. class="JR_right"
  524. height="30"
  525. colspan="8"
  526. :rowspan="qinshu2"
  527. v-html="message.invalid"
  528. >
  529. <p align="left" style="font-family: 'fangsong'"></p>
  530. </td>
  531. </tr>
  532. <tr
  533. style="font-family: 'fangsong'"
  534. class="JR_tr"
  535. v-for="(item1, i) in message.kinsfolk"
  536. :key="i"
  537. v-show="message.kinsfolk != null || message.kinsfolk.length > 0"
  538. >
  539. <td class="JR_right" height="30">
  540. <p align="center">{{ item1.peopleName }}</p>
  541. </td>
  542. <td class="JR_right" height="30">
  543. <p align="center">{{ item1.name }}</p>
  544. </td>
  545. <td class="JR_right" height="30">
  546. <p align="center">{{ item1.relation }}</p>
  547. </td>
  548. <td class="JR_right" height="30">
  549. <p align="center">{{ item1.comeDate | dataFormat }}</p>
  550. </td>
  551. <td class="JR_right" height="30">
  552. <p align="center">{{ item1.leaveDate | dataFormat }}</p>
  553. </td>
  554. </tr>
  555. <tr
  556. style="font-family: 'fangsong'"
  557. class="JR_tr"
  558. v-if="message.kinsfolk == null || message.kinsfolk.length == 0"
  559. >
  560. <td class="JR_right" height="30">
  561. <p align="center"></p>
  562. </td>
  563. <td class="JR_right" height="30">
  564. <p align="center"></p>
  565. </td>
  566. <td class="JR_right" height="30">
  567. <p align="center"></p>
  568. </td>
  569. <td class="JR_right" height="30">
  570. <p align="center"></p>
  571. </td>
  572. <td class="JR_right" height="30">
  573. <p align="center"></p>
  574. </td>
  575. </tr>
  576. <tr
  577. style="font-family: 'fangsong'"
  578. class="JR_tr"
  579. v-if="message.kinsfolk == null || message.kinsfolk.length == 0"
  580. >
  581. <td class="JR_right" height="30">
  582. <p align="center"></p>
  583. </td>
  584. <td class="JR_right" height="30">
  585. <p align="center"></p>
  586. </td>
  587. <td class="JR_right" height="30">
  588. <p align="center"></p>
  589. </td>
  590. <td class="JR_right" height="30">
  591. <p align="center"></p>
  592. </td>
  593. <td class="JR_right" height="30">
  594. <p align="center"></p>
  595. </td>
  596. </tr>
  597. <!-- <tr></tr> -->
  598. <!-- <tr class="JR_tr" height="30">
  599. <td class="JR_right" height="30"><p align="center"></p></td>
  600. <td class="JR_right" height="30"><p align="center"></p></td>
  601. <td class="JR_right" height="30"><p align="center"></p></td>
  602. <td class="JR_right" height="30"><p align="center"></p></td>
  603. <td class="JR_right" height="30"><p align="center"></p></td>
  604. </tr> -->
  605. <!-- 请假外出休假 -->
  606. <tr
  607. class="JR_tr"
  608. align="center"
  609. height="30"
  610. style="font-family: 'songti'"
  611. >
  612. <td rowspan="6" class="JR_left">
  613. <p align="center" style="margin: 0 15px; font-family: 'songti'">
  614. 请 <br />
  615. 假 <br />
  616. 外 <br />
  617. 出 <br />
  618. 、 <br />
  619. 探 <br />
  620. 亲 <br />
  621. 休 <br />
  622. </p>
  623. </td>
  624. <td class="JR_left" style="font-family: 'songti'">姓&nbsp; 名</td>
  625. <td class="JR_left" style="font-family: 'songti'">职&nbsp; 务</td>
  626. <td class="JR_left" colspan="2" style="font-family: 'songti'">
  627. 事&nbsp;&nbsp;&nbsp; 由
  628. </td>
  629. <td class="JR_left" colspan="2" style="font-family: 'songti'">
  630. 时数或 <br />
  631. 天&nbsp; 数
  632. </td>
  633. <td class="JR_left" colspan="2" style="font-family: 'songti'">
  634. 准假部 <br />
  635. 门(人)
  636. </td>
  637. <td class="JR_left" colspan="2" style="font-family: 'songti'">
  638. 离 队 <br />
  639. 时 间
  640. </td>
  641. <td class="JR_left" colspan="2" style="font-family: 'songti'">
  642. 归 队 <br />
  643. 时 间
  644. </td>
  645. <td class="JR_left" colspan="3" style="font-family: 'songti'">
  646. 超(误)假 <br />
  647. 时(天)数
  648. </td>
  649. </tr>
  650. <tr class="JR_tr" height="30" style="font-family: 'fangsong'">
  651. <td class="JR_right"><p align="center"></p></td>
  652. <td class="JR_right"><p align="center"></p></td>
  653. <td class="JR_right" colspan="2"><p align="center"></p></td>
  654. <td class="JR_right" colspan="2"><p align="center"></p></td>
  655. <td class="JR_right" colspan="2"><p align="center"></p></td>
  656. <td class="JR_right" colspan="2"><p align="center"></p></td>
  657. <td class="JR_right" colspan="2"><p align="center"></p></td>
  658. <td class="JR_right" colspan="3"><p align="center"></p></td>
  659. </tr>
  660. <tr class="JR_tr" height="30" style="font-family: 'fangsong'">
  661. <td class="JR_right"><p align="center"></p></td>
  662. <td class="JR_right"><p align="center"></p></td>
  663. <td class="JR_right" colspan="2"><p align="center"></p></td>
  664. <td class="JR_right" colspan="2"><p align="center"></p></td>
  665. <td class="JR_right" colspan="2"><p align="center"></p></td>
  666. <td class="JR_right" colspan="2"><p align="center"></p></td>
  667. <td class="JR_right" colspan="2"><p align="center"></p></td>
  668. <td class="JR_right" colspan="3"><p align="center"></p></td>
  669. </tr>
  670. <tr class="JR_tr" height="30" style="font-family: 'fangsong'">
  671. <td class="JR_right"><p align="center"></p></td>
  672. <td class="JR_right"><p align="center"></p></td>
  673. <td class="JR_right" colspan="2"><p align="center"></p></td>
  674. <td class="JR_right" colspan="2"><p align="center"></p></td>
  675. <td class="JR_right" colspan="2"><p align="center"></p></td>
  676. <td class="JR_right" colspan="2"><p align="center"></p></td>
  677. <td class="JR_right" colspan="2"><p align="center"></p></td>
  678. <td class="JR_right" colspan="3"><p align="center"></p></td>
  679. </tr>
  680. <tr class="JR_tr" height="30" style="font-family: 'fangsong'">
  681. <td class="JR_right"><p align="center"></p></td>
  682. <td class="JR_right"><p align="center"></p></td>
  683. <td class="JR_right" colspan="2"><p align="center"></p></td>
  684. <td class="JR_right" colspan="2"><p align="center"></p></td>
  685. <td class="JR_right" colspan="2"><p align="center"></p></td>
  686. <td class="JR_right" colspan="2"><p align="center"></p></td>
  687. <td class="JR_right" colspan="2"><p align="center"></p></td>
  688. <td class="JR_right" colspan="3"><p align="center"></p></td>
  689. </tr>
  690. <tr class="JR_tr" height="30" style="font-family: 'fangsong'">
  691. <td class="JR_right"><p align="center"></p></td>
  692. <td class="JR_right"><p align="center"></p></td>
  693. <td class="JR_right" colspan="2"><p align="center"></p></td>
  694. <td class="JR_right" colspan="2"><p align="center"></p></td>
  695. <td class="JR_right" colspan="2"><p align="center"></p></td>
  696. <td class="JR_right" colspan="2"><p align="center"></p></td>
  697. <td class="JR_right" colspan="2"><p align="center"></p></td>
  698. <td class="JR_right" colspan="3"><p align="center"></p></td>
  699. </tr>
  700. <!-- 上级通知 -->
  701. <tr class="JR_tr">
  702. <td class="JR_left" width="101" style="font-family: 'songti'">
  703. <p align="center" style="margin: 0 15px; font-family: 'songti'">
  704. 上 <br />
  705. 级 <br />
  706. 通 <br />
  707. 知 <br />
  708. 、 <br />
  709. 指 <br />
  710. 示 <br />
  711. 及 <br />
  712. 其 <br />
  713. 他 <br />
  714. 重 <br />
  715. 要 <br />
  716. 事 <br />
  717. </p>
  718. </td>
  719. <td
  720. class="JR_right"
  721. colspan="15"
  722. style="white-space: normal; font-family: 'fangsong'"
  723. v-html="message.notice"
  724. ></td>
  725. </tr>
  726. </table>
  727. <table
  728. class="b1"
  729. border="none"
  730. style="
  731. border-collapse: collapse;
  732. mso-border-left-alt: 0.5pt solid windowtext;
  733. mso-border-top-alt: 0.5pt solid windowtext;
  734. mso-border-right-alt: 0.5pt solid windowtext;
  735. mso-border-bottom-alt: 0.5pt solid windowtext;
  736. mso-border-insideh: 0.5pt solid windowtext;
  737. mso-border-insidev: 0.5pt solid windowtext;
  738. mso-padding-alt: 0pt 0pt 0pt 0pt;
  739. width: 930px;
  740. color: black;
  741. font-size: 16px;
  742. font-weight: 500;
  743. border: none;
  744. "
  745. >
  746. <tr height="30" style="border: none; font-family: 'songti'">
  747. <td colspan="3" style="border: none"></td>
  748. <td colspan="6" style="border: none"></td>
  749. <td colspan="2" height="40" style="border: none">
  750. <p style="border: none; font-family: 'songti'">连队首长签字:</p>
  751. </td>
  752. <td colspan="3" style="border: none; font-family: 'songti'">
  753. <p style="border: none; font-family: 'songti'">
  754. &nbsp;&nbsp;时&nbsp;&nbsp;&nbsp;&nbsp;分
  755. </p>
  756. </td>
  757. </tr>
  758. </table>
  759. <!-- <span
  760. style="
  761. margin-left: 48px;
  762. color: black;
  763. font-family: 'fangsong';
  764. font-size: 16px;
  765. font-weight: 600;
  766. "
  767. >连队首长签字:</span
  768. >
  769. <span
  770. style="
  771. margin-left: 615px;
  772. color: black;
  773. letter-spacing: 15px;
  774. font-family: 'fangsong';
  775. font-size: 16px;
  776. font-weight: 600;
  777. "
  778. >&nbsp;&nbsp;时&nbsp;&nbsp;&nbsp;&nbsp;分</span
  779. > -->
  780. </div>
  781. </div>
  782. </template>
  783. <script>
  784. import { lookWord } from "@/utils/look_word.js";
  785. import "@/utils/lodJs.js";
  786. export default {
  787. name: "bdgleven",
  788. props: ["message"],
  789. data() {
  790. return {
  791. title: "连队要事日记",
  792. style:
  793. ".b1{width:630px !important};.JR_tr {height: 40px;};.JR_left{text-align:center;font-size: 1em; font-family: '楷体_GB2312';};.JR_right{ font-size: 1em; font-family: 仿宋_GB2312;};.JR_bottom{border-left:0; font-size: 1em; font-family: 仿宋_GB2312; text-align: right}",
  794. chapu: 4,
  795. qinshu: 4,
  796. week: "",
  797. qinshu2: 3,
  798. number: 6,
  799. };
  800. },
  801. created() {
  802. this.chapu = this.chapus();
  803. this.qinshu = this.qinshus();
  804. this.week = this.getWeek(this.message.blogDate);
  805. this.qinshu2 = this.qinshus2();
  806. this.xunlian();
  807. },
  808. methods: {
  809. daochu() {
  810. lookWord(this.title, "#contents", this.style);
  811. },
  812. chapus() {
  813. if (this.message.inspect != null) return this.message.inspect.length + 1;
  814. },
  815. qinshus() {
  816. if (this.message.kinsfolk != null) {
  817. return this.message.kinsfolk.length + 2;
  818. }
  819. return 4;
  820. },
  821. qinshus2() {
  822. if (this.message.kinsfolk != null) {
  823. return this.message.kinsfolk.length + 1;
  824. }
  825. return 3;
  826. },
  827. xunlian(){
  828. console.log(this.message)
  829. if (this.message.weekworkRegisters.length > 4){
  830. this.number += (this.message.weekworkRegisters.length - 4)
  831. }
  832. },
  833. /*
  834.  获取当前星期几
  835. */
  836. getWeek(dateString) {
  837. var dateArray = dateString.split("-");
  838. var date = new Date(
  839. dateArray[0],
  840. parseInt(dateArray[1] - 1),
  841. dateArray[2]
  842. );
  843. return "星期" + "日一二三四五六".charAt(date.getDay());
  844. },
  845. /*
  846.  标准时间转换格式
  847. */
  848. getDate(timesDate) {
  849. var date = new Date(timesDate);
  850. var y = date.getFullYear();
  851. var m = date.getMonth() + 1;
  852. m = m < 10 ? "0" + m : m;
  853. var d = date.getDate();
  854. d = d < 10 ? "0" + d : d;
  855. var h = date.getHours();
  856. var minute = date.getMinutes();
  857. minute = minute < 10 ? "0" + minute : minute;
  858. let time = y + "-" + m + "-" + d; //这里如果不需要小时 分 后边的可以不需要拼接
  859. return time;
  860. },
  861. },
  862. };
  863. </script>
  864. <style scoped>
  865. tbody {
  866. color: #fff;
  867. text-align: center;
  868. margin: auto;
  869. }
  870. tr:last-child {
  871. border-bottom: 1px solid;
  872. }
  873. ::v-deep .el-dialog {
  874. margin-right: 100px !important;
  875. }
  876. .tTime {
  877. margin-left: 100px;
  878. }
  879. .box1 {
  880. position: absolute;
  881. right: 30px;
  882. top: 80px;
  883. border: 1px solid rgb(129, 130, 131);
  884. border-radius: 5px;
  885. }
  886. </style>