<template>
  <div class="word" id="contents">
    <!-- <div class="fTitle">大队连务会记录本</div> -->

    <table
      class="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 style="height: 30px">
          <td width="100" class="TableData">
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;时 &nbsp;间：</p>
          </td>

          <td class="TableData">
            <p>{{ message.convokeTime }}</p>
          </td>
        </tr>

        <tr>
          <td class="TableData">
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;地 &nbsp;点：</p>
          </td>

          <td class="TableData">
            <p>{{ message.address }}</p>
          </td>
        </tr>

        <tr>
          <td class="TableData">
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;主持人：</p>
          </td>

          <td class="TableData">
            <p>{{ message.compereRen }}</p>
          </td>
        </tr>

        <tr>
          <td class="TableData">
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;记录人：</p>
          </td>

          <td class="peopleJiLu">
            <p>{{ message.peopleJiLu }}</p>
          </td>
        </tr>


        <tr>
          <td class="TableData" style="width: 200px !important">
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;参加人：</p>
          </td>

          <td class="TableData">
            <p>{{ message.joinId }}</p>
          </td>
        </tr>


        <tr>
          <td class="TableData" style="width: 200px !important">
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;列席人：</p>
          </td>

          <td class="TableData">
            <p>{{ message.peopleIds }}</p>
          </td>
        </tr>


        <tr>
          <td class="TableData" style="width: 200px !important">
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;缺席人：</p>
          </td>

          <td class="TableData">
            <p>{{ message.absentIds }}</p>
          </td>
        </tr>

        <tr>
          <td class="TableData">
            <p align="center">&nbsp;&nbsp;&nbsp;议 &nbsp;题：</p>
          </td>

          <td class="TableData">
            <p>{{ message.title }}</p>
          </td>
        </tr>

        <tr>
          <td class="TableData" rowspan="4">
            <p align="center">
              会<br />
              议<br />
              内<br />
              容
            </p>
          </td>
        </tr>
        <tr>
          <td colspan="2" class="TableData" v-html="message.contents"></td>
        </tr>
        <tr>
          <td colspan="2" class="TableData">
            <p style="text-align: right">主持人：（签字）</p>
          </td>
        </tr>

        <tr>
          <td colspan="2" class="TableData">
            <p style="text-align: right">记录人：（签字）</p>
          </td>
        </tr>

        <tr>
          <td colspan="2" class="TableData">
            <p style="text-align: right; padding-right: 10px" id="date">
              2022-01-20
            </p>
          </td>
        </tr>
        <!-- <tr>
          <td colspan="2" class="TableData" style="height: 40px"></td>
        </tr> -->
      </tbody>
    </table>
  </div>
</template>
<script>
export default {
  name: "bdgleven",
  props: ["message"],
};
</script>
<style scoped>
tbody {
  color: #fff;
  text-align: center;
}
tr:last-child {
  border-bottom: 1px solid;
}
</style>