bdglmeeting_20220314173443.vue 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <template>
  2. <div class="word" id="contents">
  3. <!-- <div class="fTitle">大队连务会记录本</div> -->
  4. <table
  5. class="table"
  6. border="1"
  7. style="
  8. border-collapse: collapse;
  9. border: none;
  10. mso-border-left-alt: 0.5pt solid windowtext;
  11. mso-border-top-alt: 0.5pt solid windowtext;
  12. mso-border-right-alt: 0.5pt solid windowtext;
  13. mso-border-bottom-alt: 0.5pt solid windowtext;
  14. mso-border-insideh: 0.5pt solid windowtext;
  15. mso-border-insidev: 0.5pt solid windowtext;
  16. mso-padding-alt: 0pt 0pt 0pt 0pt;
  17. "
  18. width="600"
  19. align="center"
  20. bordercolor="black"
  21. >
  22. <tbody>
  23. <tr style="height: 30px">
  24. <td width="100" class="TableData">
  25. <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;时 &nbsp;间:</p>
  26. </td>
  27. <td class="TableData">
  28. <p>{{ message.convokeTime }}</p>
  29. </td>
  30. </tr>
  31. <tr>
  32. <td class="TableData">
  33. <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;地 &nbsp;点:</p>
  34. </td>
  35. <td class="TableData">
  36. <p>{{ message.address }}</p>
  37. </td>
  38. </tr>
  39. <tr>
  40. <td class="TableData">
  41. <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;主持人:</p>
  42. </td>
  43. <td class="TableData">
  44. <p>{{ message.compereRen }}</p>
  45. </td>
  46. </tr>
  47. <tr>
  48. <td class="TableData">
  49. <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;记录人:</p>
  50. </td>
  51. <td class="peopleJiLu">
  52. <p>{{ message.peopleJiLu }}</p>
  53. </td>
  54. </tr>
  55. <tr>
  56. <td class="TableData" style="width: 200px !important">
  57. <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;参加人:</p>
  58. </td>
  59. <td class="TableData">
  60. <p>{{ message.joinId }}</p>
  61. </td>
  62. </tr>
  63. <tr>
  64. <td class="TableData" style="width: 200px !important">
  65. <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;列席人:</p>
  66. </td>
  67. <td class="TableData">
  68. <p>{{ message.peopleIds }}</p>
  69. </td>
  70. </tr>
  71. <tr>
  72. <td class="TableData" style="width: 200px !important">
  73. <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;缺席人:</p>
  74. </td>
  75. <td class="TableData">
  76. <p>{{ message.absentIds }}</p>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td class="TableData">
  81. <p align="center">&nbsp;&nbsp;&nbsp;议 &nbsp;题:</p>
  82. </td>
  83. <td class="TableData">
  84. <p>{{ message.title }}</p>
  85. </td>
  86. </tr>
  87. <tr>
  88. <td class="TableData" rowspan="4">
  89. <p align="center">
  90. 会<br />
  91. 议<br />
  92. 内<br />
  93. </p>
  94. </td>
  95. </tr>
  96. <tr>
  97. <td colspan="2" class="TableData" v-html="message.contents"></td>
  98. </tr>
  99. <tr>
  100. <td colspan="2" class="TableData">
  101. <p style="text-align: right">主持人:(签字)</p>
  102. </td>
  103. </tr>
  104. <tr>
  105. <td colspan="2" class="TableData">
  106. <p style="text-align: right">记录人:(签字)</p>
  107. </td>
  108. </tr>
  109. <tr>
  110. <td colspan="2" class="TableData">
  111. <p style="text-align: right; padding-right: 10px" id="date">
  112. 2022-01-20
  113. </p>
  114. </td>
  115. </tr>
  116. <!-- <tr>
  117. <td colspan="2" class="TableData" style="height: 40px"></td>
  118. </tr> -->
  119. </tbody>
  120. </table>
  121. </div>
  122. </template>
  123. <script>
  124. export default {
  125. name: "bdgleven",
  126. props: ["message"],
  127. };
  128. </script>
  129. <style scoped>
  130. tbody {
  131. color: #fff;
  132. text-align: center;
  133. }
  134. tr:last-child {
  135. border-bottom: 1px solid;
  136. }
  137. </style>