ducha-qianduan/src/components/look_word/bdglweekwork.vue

<template>
  <div>
    <el-button class="box1" @click="daochu">导出</el-button>
    <div id="contents">
      <p
        style="
          text-align: center;
          margin-top: 10px;
          font-size: 16px;
          font-weight: 600;
          color: black;
          font-family: 'heiti'
        "
        id="qTitle"
      >
        周工作安排表
      </p>

      <!-- <div style="width: 100%; height: 30px; margin-top: 10px; color: black">
        <span style="margin-left: 5%"
          >连值班领导：{{ message.peopleName }} &nbsp;</span
        >
        <span style="margin-left: 25%">电话：{{ message.phone }} &nbsp; </span>
        <span style="margin-left: 20%" id="qtime"
          >{{ message.startTime }}———{{ message.endTime }}</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="960"
        align="center"
        bordercolor="black"
      >
        <tr
          class="JR_tr"
          style="
            border: none;
            color: black;
            font-size: 16px;font-weight: 500;
            line-height: 30px;
            width: 960px;
            font-family: 'kaiti'
          "
        >
          <td
            class="JR_left"
            colspan="3"
            align="left"
            
            style="border: none; line-height: 45px; width: 500px;"
          >
            连值班领导：{{ message.peopleName }}
          </td>
          <td
            class="JR_left"
            colspan="2"
            align="left"
            style="border: none; line-height: 45px; width: 360px"
          >
            电话：{{ message.phone }}
          </td>
          <td
            class="JR_left"
            colspan="3"
            align="left"
            style="border: none; line-height: 45px"
          >
            {{ message.startTime }}—{{ message.endTime }}
          </td>
        </tr>
        <tbody style="font-size: 16px;font-weight: 500;">
          <tr class="JR_tr" style="font-size: 16px;font-weight: 500;font-family: 'heiti'">
            <td align="center" valign="center" colspan="3" class="JR_left">
              <p align="center" style="font-family: 'heiti'">日期</p>
            </td>
            <td valign="center" class="JR_left">
              <p align="center" style="font-family: 'heiti'">内容</p>
            </td>
            <td valign="center" class="JR_left">
              <p align="center" style="font-family: 'heiti'">负责单位</p>
            </td>
            <td valign="center" class="JR_left">
              <p align="center" style="font-family: 'heiti'">参加人员</p>
            </td>
            <td valign="center" class="JR_left">
              <p align="center" style="font-family: 'heiti'">地点</p>
            </td>
            <td valign="center" class="JR_left">
              <p align="center" style="font-family: 'heiti'">时间</p>
            </td>
          </tr>

          <tr
            class="JR_tr"
            v-for="(item, i) in message.bdglWeekworkRegisterList"
            :key="i"
            style="text-align: center; height: 45px;font-family: 'fangsong'"
          >
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.week }}
            </td>
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.time }}
            </td>
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.dateline }}
            </td>
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.contents }}
            </td>
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.unitId1 }}
            </td>
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.peopleIds }}
            </td>
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.address }}
            </td>
            <td style="text-align: center" rowspan="1" class="JR_right">
              {{ item.startTime }}—{{ item.endTime }}
            </td>
          </tr>

          <tr class="JR_tr">
            <td valign="center" class="JR_left" style="font-family: 'songti'">
              <p align="center">备注</p>
            </td>
            <td valign="center" colspan="7" class="JR_right" style="font-family: 'fangsong'">
              {{ message.remark }}
            </td>
          </tr>
        </tbody>
        <tr
          style="
            border: none;
            color: black;
            font-size: 16px;font-weight: 500;
            line-height: 30px;
            width: 960px;
            font-family: 'fangsong'
          "
        >
          <td
            class="JR_left"
            colspan="3"
            align="left"
            style="border: none; line-height: 45px; width: 360px;font-family: 'fangsong'"
          >
            军事主官：{{ message.people1Name }}
          </td>
          <td
            colspan="1"
            style="border: none; line-height: 45px; width: 360px;font-family: 'fangsong'"
          ></td>
          <td
            class="JR_left"
            colspan="3"
            align="left"
            style="border: none; line-height: 45px; width: 360px;font-family: 'fangsong'"
          >
            政治主官：{{ message.people2Name }}
          </td>
          <td
            class="JR_left"
            colspan="3"
            align="left"
            style="border: none; line-height: 45px;font-family: 'fangsong'"
          >
            时间：
          </td>
        </tr>
      </table>
    </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>
tbody {
  color: #fff;
  text-align: center;
}
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>