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

<template>
  <div class="box">
    <el-button class="box1" @click="daochu">导出</el-button>
    <div class="word" id="contents">
      <div
        class="title"
        style="
          font-size: 16pt;
          font-weight: 600;
          text-align: center;
          margin-bottom: 10px;
        "
      >
        《{{ title }}》
      </div>
      <table
        border="0"
        style="
          width: 585px;
          color: black;
          font-size: 16px;
          font-weight: 500;
          border: 0;
        "
        id="b1"
      >
        <tr style="border: 0; font-family: '宋体'">
          <td style="border: 0; width: 173px" align="center">
            {{ message.blogDate | dataFormats }}
          </td>
          <td style="border: 0; font-family: '宋体'" align="left">
            <span>{{ message.week }}</span>
            天气：<span>{{ message.weather }}</span>
          </td>
          <td
            style="border: 0; font-family: '宋体'; width: 127px"
            align="center"
          >
            值班员:
            <span>{{ message.peopleName }}</span>
          </td>
        </tr>
      </table>

      <table
        style="
          margin-bottom: 30px;
          border-collapse: collapse;
          table-layout: fixed;
          text-align: center;
          color: black !important;
        "
        id="b2"
      >
        <tr class="JR_tr" align="center" style="font-family: '宋体'">
          <td
            colspan="2"
            rowspan="2"
            class="JR_left"
            style="font-family: '宋体'"
          >
            实力
          </td>
          <td
            colspan="6"
            height="33"
            style="letter-spacing: 10px; font-family: '宋体'"
            class="JR_left"
          >
            编制人数
          </td>
          <td
            colspan="6"
            style="letter-spacing: 10px; font-family: '宋体'"
            class="JR_left"
          >
            现有人数
          </td>
        </tr>
        <tr class="JR_tr" align="center">
          <td
            class="JR_left"
            height="33"
            width="46"
            style="font-family: '宋体'"
          >
            干部
          </td>
          <td class="JR_left" width="46" style="font-family: '仿宋_GB2312'">
            {{ message.orgcadre }}
          </td>
          <td class="JR_left" width="46" style="font-family: '宋体'">战士</td>
          <td class="JR_left" width="46" style="font-family: '仿宋_GB2312'">
            {{ message.orgsoldier }}
          </td>
          <td class="JR_left" width="46" style="font-family: '宋体'">合计</td>
          <td class="JR_left" width="46" style="font-family: '仿宋_GB2312'">
            {{ message.orgcadre + message.orgsoldier }}
          </td>
          <td class="JR_left" width="46" style="font-family: '宋体'">干部</td>
          <td class="JR_left" width="46" style="font-family: '仿宋_GB2312'">
            {{ message.nowcadre }}
          </td>
          <td class="JR_left" width="46" style="font-family: '宋体'">战士</td>
          <td class="JR_left" width="46" style="font-family: '仿宋_GB2312'">
            {{ message.nowsoldier }}
          </td>
          <td class="JR_left" width="46" style="font-family: '宋体'">合计</td>
          <td class="JR_left" width="46" style="font-family: '仿宋_GB2312'">
            {{ message.nowcadre + message.nowsoldier }}
          </td>
        </tr>
        <!-- 训练、教育或者执行其他任务情况 -->
        <tr class="JR_tr" align="center">
          <td :rowspan="number" class="JR_left" width="48">
            <p align="center" style="margin: 0 15px; font-family: '宋体'">
              训 <br />
              练 <br />
              、 <br />
              教 <br />
              育 <br />
              或 <br />
              者 <br />
              执 <br />
              行 <br />
              其 <br />
              他 <br />
              任 <br />
              务 <br />
              情 <br />
              况
            </p>
          </td>
          <td
            rowspan="2"
            width="51"
            class="JR_left"
            style="font-family: '宋体'"
          >
            区<br />
            分
          </td>
          <td
            colspan="9"
            rowspan="2"
            style="letter-spacing: 20px; font-family: '宋体'"
            class="JR_left"
            align="center"
          >
            内容
          </td>
          <td
            colspan="3"
            class="JR_left"
            height="22"
            style="font-family: '宋体'"
          >
            人数
          </td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left" height="34" style="font-family: '宋体'">应到</td>
          <td class="JR_left" style="font-family: '宋体'">实到</td>
          <td class="JR_left" width="52" style="font-family: '宋体'">到课率</td>
        </tr>
        <tr v-for="(item, i) in message.contextData" :key="i + '     '">
          <td height="88">{{ item.dateline }}</td>
          <td align="left" colspan="9">
            <p v-html="aaa(item.contents)" style="margin-left: 7px"></p>
          </td>
          <td>{{ item.shouldArrive }}</td>
          <td>{{ item.realTo }}</td>
          <td>{{ bbb(item.percentage) }}</td>
        </tr>
        <tr v-for="(item, i) in meiShuJu" :key="i + '      '">
          <td height="88">{{ item.dateline }}</td>
          <td align="left" colspan="9">
            <p style="margin-left: 7px"></p>
          </td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <!-- 公差勤务 -->
        <tr class="JR_tr" height="45">
          <td colspan="2">
            <p align="center" class="JR_left" style="font-family: '宋体'">
              公差勤务
            </p>
          </td>
          <td
            align="left"
            style="font-family: '仿宋_GB2312'"
            colspan="12"
            class="JR_right"
            v-html="message.tolerance"
          ></td>
        </tr>
        <!-- 人员装备变动 -->
        <tr class="JR_tr" height="61">
          <td colspan="2" class="JR_left">
            <p align="center" style="font-family: '宋体'">
              人员或 <br />
              装备变动
            </p>
          </td>
          <td
            align="left"
            style="font-family: '仿宋_GB2312'"
            colspan="12"
            class="JR_right"
            height="56"
            v-html="message.transfer"
          ></td>
        </tr>
        <!-- 武器装备检查情况 -->
        <tr class="JR_tr" height="207">
          <td rowspan=":count($xlian)" colspan="2" class="JR_left">
            <p align="center" style="font-family: '宋体'">
              武 、 <br />
              器 内 <br />
              装 务 <br />
              备 卫 <br />
              、 生 <br />
              军 检 <br />
              容 查 <br />
              风 情 <br />
              纪 况<br />
            </p>
          </td>
          <td
            align="left"
            style="font-family: '仿宋_GB2312'"
            colspan="12"
            class="JR_right"
            v-html="message.internal"
          ></td>
        </tr>
      </table>

      <table
        style="
          border-collapse: collapse;
          table-layout: fixed;
          text-align: center;
          color: black !important;
        "
        id="b2"
      >
        <!-- 查铺查哨 -->
        <tr class="JR_tr" style="font-family: '宋体'">
          <td :rowspan="chapu.rowspan" class="JR_left" width="57">
            <p align="center" style="font-family: '宋体'">
              查 <br />
              铺 <br />
              查 <br />
              哨
            </p>
          </td>
          <td class="JR_left" width="70" height="37">
            <span align="center" style="font-family: '宋体'">检查人</span>
          </td>
          <td class="JR_left" width="70">
            <span align="center" style="font-family: '宋体'">时　间</span>
          </td>
          <td class="JR_left" width="70">
            <span align="center" style="font-family: '宋体'">领班员</span>
          </td>
          <td class="JR_left" colspan="2" width="80">
            <span align="center" style="font-family: '宋体'">卫兵姓名</span>
          </td>
          <td class="JR_left" colspan="8" width="280">
            <span
              align="center"
              style="letter-spacing: 10px; font-family: '宋体'"
            >
              检　查　情　况
            </span>
          </td>
        </tr>
        <tr
          v-for="(item, index) in message.inspect"
          :key="index + '  '"
          class="JR_tr"
          style="font-family: '仿宋'"
        >
          <td class="JR_right" height="33">
            <span align="center">{{ item.peopleName }}</span>
          </td>
          <td class="JR_right">
            <span align="center">{{ item.examineDate }}</span>
          </td>
          <td class="JR_right">
            <span align="center">{{ item.foremanName }}</span>
          </td>
          <td class="JR_right" colspan="2">
            <span align="center">{{ item.sentryName }}</span>
          </td>
          <td class="JR_right" colspan="8">
            <span align="center">{{ item.dialogue }}</span>
          </td>
        </tr>
        <tr
          v-for="index in chapu.list"
          :key="index + ''"
          class="JR_tr"
          style="font-family: '仿宋'"
        >
          <td class="JR_right" height="33"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
          <td class="JR_right" colspan="2"></td>
          <td class="JR_right" colspan="8"></td>
        </tr>
        <tr class="JR_tr" style="font-family: '宋体'">
          <td class="JR_left" rowspan="4">
            <p align="center" style="font-family: '宋体'">
              派 <br />
              班 <br />
              情 <br />
              况
            </p>
          </td>
          <td class="JR_left" height="26">
            <span align="center" style="font-family: '宋体'; height: 20px"
              >职务</span
            >
          </td>
          <td class="JR_left">
            <p align="center" style="font-family: '宋体'">交班者</p>
          </td>
          <td class="JR_left">
            <p align="center" style="font-family: '宋体'">接班者</p>
          </td>
          <td class="JR_left" colspan="2">
            <p align="center" style="font-family: '宋体'">组织者</p>
          </td>
          <td class="JR_left" colspan="8">
            <p align="center" style="letter-spacing: 10px; font-family: '宋体'">
              交 接　情　况
            </p>
          </td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left" style="font-family: '宋体'">值班员</td>
          <td class="JR_right">
            <p align="center" style="font-family: '仿宋'">
              {{ message.dutya }}
            </p>
          </td>
          <td class="JR_right">
            <p align="center" style="font-family: '仿宋'">
              {{ message.dutyb }}
            </p>
          </td>
          <td class="JR_right" colspan="2">
            <p align="center" style="font-family: '仿宋'">
              {{ message.dutylead }}
            </p>
          </td>
          <td class="JR_right" colspan="8">
            <span align="center">
              {{ message.dutyinfoa }}
            </span>
          </td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left" style="font-family: '宋体'">值日员</td>
          <td class="JR_right">
            <p align="center" style="font-family: '仿宋'">
              {{ message.dutyc }}
            </p>
          </td>
          <td class="JR_right">
            <p align="center" style="font-family: '仿宋'">
              {{ message.dutyd }}
            </p>
          </td>
          <td
            class="JR_left"
            rowspan="2"
            colspan="2"
            style="font-family: '仿宋'"
          >
            <div style="margin-bottom: 10px">交接时间</div>
            时 分
          </td>
          <td class="JR_right" colspan="8">
            <span align="center" style="仿宋">
              {{ message.dutyinfoc }}
            </span>
          </td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left" style="font-family: '宋体'">厨房值班</td>
          <td class="JR_right">
            <p align="center" style="font-family: '仿宋'">
              {{ message.dutye }}
            </p>
          </td>
          <td class="JR_right">
            <p align="center" style="font-family: '仿宋'">
              {{ message.dutyf }}
            </p>
          </td>
          <td class="JR_right" colspan="8" style="font-family: '仿宋'">
            <span align="center">
              {{ message.dutyinfoe }}
            </span>
          </td>
        </tr>
        <!-- 临时来队亲属 -->
        <tr class="JR_tr" style="font-family: '宋体'">
          <td :rowspan="qinshu.rowspan" class="JR_left">
            <span align="center" style="font-family: '宋体'">
              临 <br />
              时 <br />
              来 <br />
              队 <br />
              亲 <br />
              属
            </span>
          </td>
          <td class="JR_left" rowspan="2">
            <span align="center" style="font-family: '宋体'">军人姓名</span>
          </td>
          <td class="JR_left" rowspan="2">
            <span align="center" style="font-family: '宋体'">亲属姓名</span>
          </td>
          <td class="JR_left" rowspan="2">
            <span align="center" style="font-family: '宋体'">关&nbsp; 系</span>
          </td>
          <td class="JR_left" height="31" colspan="2">
            <span align="center" style="font-family: '宋体'">时　间</span>
          </td>
          <td class="JR_left" colspan="8">
            <span
              align="center"
              style="letter-spacing: 3px; font-family: '宋体'"
            >
              病 号 及 处 理 情 况
            </span>
          </td>
        </tr>
        <tr class="JR_tr" align="center">
          <td
            class="JR_left"
            width="42"
            height="23"
            style="font-family: '宋体'"
          >
            来队
          </td>
          <td
            class="JR_left"
            width="38"
            height="23"
            style="font-family: '宋体'"
          >
            离队
          </td>
          <td
            style="font-family: '仿宋'"
            class="JR_right"
            colspan="8"
            :rowspan="qinshu.rowspan - 1"
            v-html="message.invalid"
          ></td>
        </tr>
        <tr
          style="font-family: '仿宋'"
          class="JR_tr"
          v-for="(item1, i) in message.kinsfolk"
          :key="i + ' '"
        >
          <td class="JR_right" height="33">
            <span align="center">{{ item1.peopleName }}</span>
          </td>
          <td class="JR_right">
            <span align="center">{{ item1.name }}</span>
          </td>

          <td class="JR_right">
            <span align="center">{{ item1.relation }}</span>
          </td>
          <td class="JR_right">
            <span align="center">{{ item1.comeDate }}</span>
          </td>
          <td class="JR_right">
            <span align="center">{{ item1.leaveDate }}</span>
          </td>
        </tr>
        <tr
          style="font-family: '仿宋'"
          class="JR_tr"
          v-for="i in qinshu.list"
          :key="i + '  '"
        >
          <td class="JR_right" height="33"></td>
          <td class="JR_right"></td>

          <td class="JR_right"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
        </tr>
        <tr class="JR_tr" align="center" style="font-family: '宋体'">
          <td :rowspan="qingjia.rowspan" class="JR_left">
            <span align="center" style="font-family: '宋体'">
              请 <br />
              假 <br />
              外 <br />
              出 <br />
              、 <br />
              探 <br />
              亲 <br />
              休 <br />
              假
            </span>
          </td>
          <td class="JR_left" style="font-family: '宋体'" height="36">
            姓&nbsp; 名
          </td>
          <td class="JR_left" style="font-family: '宋体'">职&nbsp; 务</td>
          <td class="JR_left" colspan="2" style="font-family: '宋体'">
            事&nbsp;&nbsp;&nbsp; 由
          </td>
          <td class="JR_left" colspan="1" style="font-family: '宋体'">
            时数或 <br />
            天&nbsp; 数
          </td>
          <td class="JR_left" colspan="2" style="font-family: '宋体'">
            准假部 <br />
            门(人)
          </td>
          <td class="JR_left" colspan="2" style="font-family: '宋体'">
            离 队 <br />
            时 间
          </td>
          <td class="JR_left" colspan="2" style="font-family: '宋体'">
            归 队 <br />
            时 间
          </td>
          <td class="JR_left" colspan="3" style="font-family: '宋体'">
            超(误)假 <br />
            时(天)数
          </td>
        </tr>
        <tr
          class="JR_tr"
          style="font-family: '仿宋'"
          v-for="(item, i) in message.bdglLeaves"
          :key="i + '   '"
        >
          <td class="JR_right">
            <p align="center">{{ item.peopleName }}</p>
          </td>
          <td class="JR_right">
            <p align="center">
              <dict-tag :options="dict.type.post_Level" :value="item.postId" />
            </p>
          </td>
          <td class="JR_right" colspan="2">
            <p align="center">{{ item.leaveReason }}</p>
          </td>
          <td class="JR_right" colspan="1">
            <p align="center">{{ time[i] }}</p>
          </td>
          <td class="JR_right" colspan="2">
            <p align="center">{{ item.peopleName1 }}</p>
          </td>
          <td class="JR_right" colspan="2">
            <p align="center">{{ item.departureTime }}</p>
          </td>
          <td class="JR_right" colspan="2">
            <p align="center">{{ item.returnTime }}</p>
          </td>
          <td class="JR_right" colspan="3">
            <p align="center">{{ guiTime[i] }}</p>
          </td>
        </tr>
        <tr
          class="JR_tr"
          height="30"
          style="font-family: '仿宋'"
          v-for="i in qingjia.list"
          :key="i + '    '"
        >
          <td class="JR_right"></td>
          <td class="JR_right">
            <p align="center"></p>
          </td>
          <td class="JR_right" colspan="2"></td>
          <td class="JR_right" colspan="1"></td>
          <td class="JR_right" colspan="2"></td>
          <td class="JR_right" colspan="2"></td>
          <td class="JR_right" colspan="2"></td>
          <td class="JR_right" colspan="3"></td>
        </tr>
        <!-- 上级通知 -->
        <tr class="JR_tr">
          <td
            class="JR_left"
            width="101"
            height="255"
            style="font-family: '宋体'"
          >
            <span align="center" style="font-family: '宋体'">
              上 <br />
              级 <br />
              通 <br />
              知 <br />
              、 <br />
              指 <br />
              示 <br />
              及 <br />
              其 <br />
              他 <br />
              重 <br />
              要 <br />
              事 <br />
              项
            </span>
          </td>
          <td
            class="JR_right"
            align="left"
            colspan="15"
            style="white-space: normal; font-family: '仿宋'"
            v-html="message.notice"
          ></td>
        </tr>
      </table>

      <table
        id="b1"
        border="none"
        style="
          width: 600px;
          color: black;
          font-size: 16px;
          font-weight: 500;
          border: none;
        "
      >
        <tr style="border: none; font-family: '宋体'">
          <td style="border: none" align="center" width="264">
            <p style="border: none; font-family: '宋体'">
              连队首长签字: {{ message.sz }}
            </p>
          </td>
          <td style="border: none; width: 172px"></td>
          <td style="border: none; font-family: '宋体'" align="center">
            <p style="border: none; font-family: '宋体'; margin-left: 30px">
              {{ message.blogDate | dataFormaty }}
            </p>
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>
<script>
// import '@/utils/jquery.wordexport.js'
import exportWord from "@/utils/exportWord.js";
export default {
  name: "bdgleven",
  props: ["message"],
  dicts: ["post_Level"],
  data() {
    return {
      title: "连队要事日记",
      chapu: {
        rowspan: 0,
        list: 0,
      },
      qinshu: {
        rowspan: 0,
        list: 0,
      },
      week: "",
      qinshu2: 0,
      number: 5,
      time: [],
      guiTime: [],
      qingjia: {
        rowspan: 0,
        list: 0,
      },
      xlist: {},
      meiShuJu: [],
      faith: {
        fileName: "连队要事日记", //文档名
        fileType: ".doc", //文档类型  经测试  可以doc xls html 其他的自己去试
        // header: '测试页眉',//页眉标题
        // footer: '测试页脚',//页脚标题
        direction: "", //默认或不填写为纵向，Horizontal 为横向
        dom: "#contents", // dom节点
        dev: "margin:80.0pt 62.3pt 102.0pt 62.3pt;",
        style: `table {
                  border-collapse: collapse;
                  table-layout: fixed;
                  text-align: center;
                  color: black !important;
                  font-size: 1em;
                }

               #b2 td {
                  border: 1px solid !important;
                  padding: 0;
                  border-bottom: 1px solid !important;
                }
                
                .JR_left{font-size: 1em; font-family: '楷体_GB2312';}
                .JR_right{ font-size: 1em; font-family: 仿宋_GB2312_GB2312;}
                `,
      },
    };
  },
  created() {
    this.chapus();
    this.qinshus();
    this.week = this.getWeek(this.message.blogDate);
    this.qinshu2 = this.qinshus2();
    this.xunlian();
    this.qingjias();
    this.xunlians();
  },
  mounted() {},

  methods: {
    daochu() {
      exportWord(this.faith);
    },
    aaa(raw) {
      if (raw != "" || raw != null) {
        return raw.replaceAll(",", "<br/>");
      } else {
        return (raw = null);
      }
    },
    bbb(raw) {
      if (raw != "" || raw != null) {
        return raw.replace(".00", "");
      } else {
        return (raw = null);
      }
    },
    xunlians() {
      if (this.message.contextData) {
      } else {
        this.number = 6;
        this.meiShuJu = [
          {
            dateline: "早晨",
          },
          {
            dateline: "上午",
          },
          {
            dateline: "下午",
          },
          {
            dateline: "晚上",
          },
        ];
      }
      // console.log(this.message.contextData);
      // console.log(this.message.contextData.早晨);
      // const a = this.message.contextData.早晨 !== null && this.message.contextData.早晨 !== "",
      //       b = this.message.contextData.上午 !== null && this.message.contextData.上午 !== "",
      //       c = this.message.contextData.下午 !== null && this.message.contextData.下午 !== "",
      //       d = this.message.contextData.晚上 !== null && this.message.contextData.晚上 !== ""
      // console.log(a);
      // console.log(b);
      // console.log(c);
      // console.log(d );
      //   this.xlist.早晨 = this.message.contextData.早晨
      //   this.xlist.上午 = this.message.contextData.上午
      //   this.xlist.下午 = this.message.contextData.下午
      //   this.xlist.晚上 = this.message.contextData.晚上
      // }
    },
    chapus() {
      if (this.message.inspect != null) {
        if (this.message.inspect.length >= 2) {
          this.chapu.rowspan = this.message.inspect.length + 1;
          this.chapu.list = 0;
        } else {
          this.chapu.rowspan =
            2 - this.message.inspect.length + this.message.inspect.length + 1;
          this.chapu.list = 2 - this.message.inspect.length;
        }
      } else {
        this.chapu.rowspan = 3;
        this.chapu.list = 2;
      }
    },
    qinshus() {
      if (this.message.kinsfolk != null) {
        if (this.message.kinsfolk.length >= 3) {
          this.qinshu.rowspan = 2 + this.message.kinsfolk.length;
          this.qinshu.list = 0;
        } else {
          this.qinshu.rowspan =
            3 - this.message.kinsfolk.length + this.message.kinsfolk.length + 2;
          this.qinshu.list = 3 - this.message.kinsfolk.length;
        }
      } else {
        this.qinshu.rowspan = 5;
        this.qinshu.list = 3;
      }
    },

    qinshus2() {
      if (this.message.kinsfolk != null) {
        return this.message.kinsfolk.length + 1;
      }
      return 3;
    },
    xunlian() {
      this.getTian();
      this.getCao();
      if (this.message.weekworkRegisters != null) {
        if (this.message.weekworkRegisters.length > 4) {
          this.number += this.message.weekworkRegisters.length - 4;
        }
      }
    },
    qingjias() {
      if (this.message.bdglLeaves != null) {
        if (this.message.bdglLeaves.length >= 7) {
          this.qingjia.rowspan = this.message.bdglLeaves.length + 1;
          this.qingjia.list = 0;
        } else {
          this.qingjia.rowspan =
            7 -
            this.message.bdglLeaves.length +
            this.message.bdglLeaves.length +
            1;
          this.qingjia.list = 7 - this.message.bdglLeaves.length;
        }
      } else {
        this.qingjia.rowspan = 8;
        this.qingjia.list = 7;
      }
    },
    /*
      获取当前星期几
     */
    getWeek(dateString) {
      var dateArray = dateString.split("-");
      var date = new Date(
        dateArray[0],
        parseInt(dateArray[1] - 1),
        dateArray[2]
      );
      return "星期" + "日一二三四五六".charAt(date.getDay());
    },
    // 计算请假天数
    getTian() {
      if (this.message.bdglLeaves != null) {
        this.message.bdglLeaves.forEach((element) => {
          var dateBegin = new Date(element.startTime).getTime();
          var dateBegins = new Date(element.endTime).getTime();
          var num = dateBegins - dateBegin;
          num = num / (1000 * 3600 * 24);
          this.time.push(num);
        });
      }
    },
    // 计算超时天数
    getCao() {
      if (this.message.bdglLeaves != null) {
        this.message.bdglLeaves.forEach((element) => {
          var dateBegin = new Date(element.actualreturntime).getTime();
          var dateBegins = new Date(element.returnTime).getTime();
          var num = dateBegin - dateBegins;
          num = num / (1000 * 3600 * 24);
          if (num < 0) {
            num = 0;
          }
          this.guiTime.push(num);
        });
      }
    },
    /*
      标准时间转换格式
     */
    getDate(timesDate) {
      var date = new Date(timesDate);
      var y = date.getFullYear();
      var m = date.getMonth() + 1;
      m = m < 10 ? "0" + m : m;
      var d = date.getDate();
      d = d < 10 ? "0" + d : d;
      var h = date.getHours();
      var minute = date.getMinutes();
      minute = minute < 10 ? "0" + minute : minute;
      let time = y + "-" + m + "-" + d; //这里如果不需要小时 分  后边的可以不需要拼接
      return time;
    },
  },
};
</script>
<style scoped>
.box {
  height: 100%;
  margin-left: 0 !important;
}

.word {
  width: 711px;
  margin: 60px auto;
}

.title {
  color: #000000;
}

.spacing {
  letter-spacing: 19px;
}

.el-dialog__wrapper .el-dialog__body td {
  border: 1px solid !important;
  padding: 0;
  border-bottom: 1px solid !important;
}
#b1 td {
  padding: 0;
  border: 0 !important;
}

.box1 {
  position: absolute;
  right: 30px;
  top: 80px;
  border: 1px solid rgb(129, 130, 131);
  border-radius: 5px;
}

.distinguish {
  min-height: 67px;
  writing-mode: tb-rl;
  margin: 4px auto 0px;
  letter-spacing: 9px;
}
</style>