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

<template>
  <div>
    <el-button class="box1" @click="daochu">导出</el-button>
    <div class="word" id="contents">
      <p
        style="
          font-size: 14pt;
          font-weight: 600;
          text-align: left;
          margin-botttom: 30px;
          color: black;
        "
      >
        《连队要事日记》
      </p>
      <!-- <div style="margin-bottom: 5px; color: black">
        <span class="tTime">{{ message.blogDate }}</span>
        <span class="tWeek" style="margin-left: 40px">星期</span>
        <span class="tWeather" style="margin-left: 50px"
          >天气：{{ message.weather }}</span
        >
        <span style="margin-left: 380px">值班员:{{ message.peopleName }}</span>
      </div> -->

      <table
        border="1"
        style="
          border-collapse: collapse;
          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: 960px;
          margin-bottom: 8px;
          margin-left: -20px;
          border-color: black;
          color: black;
        "
      >
        <tr height="30" align="center" style="border:none">
          <td colspan="3" height="40" style="border:none">{{ message.blogDate }}</td>
          <td colspan="2" style="border:none">{{ week }}</td>
          <td colspan="6" style="border:none">天气：{{ message.weather }}</td>
          <td colspan="3" style="border:none">值班员:{{ message.peopleName }}</td>
        </tr>
        <!-- 实力 -->
        <tr class="JR_tr" height="30" align="center">
          <td colspan="2" rowspan="2" class="JR_left">实力</td>
          <td colspan="6" style="letter-spacing: 20px" class="JR_left">
            编制人数
          </td>
          <td colspan="6" style="letter-spacing: 20px" class="JR_left">
            现有人数
          </td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td width="68" class="JR_left">干部</td>
          <td width="68" class="JR_left">{{ message.orgcadre }}</td>
          <td width="68" class="JR_left">战士</td>
          <td width="68" class="JR_left">{{ message.orgsoldier }}</td>
          <td width="68" class="JR_left">合计</td>
          <td width="68" class="JR_left"></td>
          <td width="68" class="JR_left">干部</td>
          <td width="68" class="JR_left">{{ message.nowcadre }}</td>
          <td width="68" class="JR_left">战士</td>
          <td width="68" class="JR_left">{{ message.nowsoldier }}</td>
          <td width="68" class="JR_left">合计</td>
          <td width="68" class="JR_left"></td>
        </tr>
        <!-- 训练、教育或者执行其他任务情况 -->
        <tr class="JR_tr" height="20" align="center">
          <td rowspan="6" class="JR_left">
            <p align="center" style="margin: 0 15px">
              训 <br />
              练 <br />
              、 <br />
              教 <br />
              育 <br />
              或 <br />
              者 <br />
              执 <br />
              行 <br />
              其 <br />
              他 <br />
              任 <br />
              务 <br />
              情 <br />
              况
            </p>
          </td>
          <td rowspan="2" width="68" class="JR_left">区分</td>
          <td
            colspan="9"
            rowspan="2"
            style="letter-spacing: 60px"
            class="JR_left"
          >
            内容
          </td>
          <td colspan="3" class="JR_left">人数</td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left">应到</td>
          <td class="JR_left">实到</td>
          <td class="JR_left">到课率</td>
        </tr>
        <tr
          class="JR_tr"
          height="70"
          align="center"
          v-for="(items, index) in message.weekworkRegisters"
          :key="index"
        >
          <td class="JR_left">{{ items.dateline }}</td>
          <td colspan="9" v-html="items.contents"></td>
          <td class="JR_right">{{ items.shouldArrive }}</td>
          <td class="JR_right">{{ items.realTo }}</td>
          <td class="JR_right">{{ items.percentage }}</td>
        </tr>
        <!-- <tr class="JR_tr" height="70" align="center">
          <td class="JR_left">上午</td>
          <td class="JR_right" colspan="9"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
        </tr>
        <tr class="JR_tr" height="70" align="center">
          <td class="JR_left">下午</td>
          <td class="JR_right" colspan="9"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
        </tr>
        <tr class="JR_tr" height="70" align="center">
          <td class="JR_left">晚上</td>
          <td class="JR_right" colspan="9"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
          <td class="JR_right"></td>
        </tr> -->
        <!-- 公差勤务 -->
        <tr class="JR_tr">
          <td colspan="2"><p align="center" class="JR_left">公差勤务</p></td>
          <td colspan="12" class="JR_right" v-html="message.tolerance">
            <p></p>
          </td>
        </tr>
        <tr class="JR_tr">
          <!-- 人员装备变动 -->
          <td colspan="2" class="JR_left">
            <p align="center">
              人员或 <br />
              装备变动
            </p>
          </td>
          <td colspan="12" class="JR_right" v-html="message.transfer">
            <p></p>
          </td>
        </tr>
        <!-- 武器装备检查情况 -->
        <tr class="JR_tr">
          <td height="150" rowspan=":count($xlian)" colspan="2" class="JR_left">
            <p align="center">
              武 内 <br />
              器 务 <br />
              装 卫 <br />
              备 生 <br />
              、 检 <br />
              军 查 <br />
              容 情 <br />
              风 况 <br />
              记 <br />
            </p>
          </td>
          <td colspan="12" class="JR_right" v-html="message.internal">
            <p></p>
          </td>
        </tr>
        <!-- 查铺查哨 -->
        <tr class="JR_tr">
          <td :rowspan="chapu" class="JR_left">
            <p align="center">
              查 <br />
              铺 <br />
              查 <br />
              哨
            </p>
          </td>
          <td class="JR_left"><p align="center">检查人</p></td>
          <td class="JR_left"><p align="center">时　间</p></td>
          <td class="JR_left"><p align="center">领班员</p></td>
          <td class="JR_left" colspan="2"><p align="center">卫兵姓名</p></td>
          <td class="JR_left" colspan="8">
            <p align="center" style="letter-spacing: 20px">检　查　情　况</p>
          </td>
        </tr>
        <tr
          v-for="(item, i) in message.inspect"
          :key="i"
          class="JR_tr"
          height="30"
        >
          <td class="JR_right">
            <p align="center">{{ item.peopleName }}</p>
          </td>
          <td class="JR_right">
            <p align="center">{{ item.examineDate }}</p>
          </td>
          <td class="JR_right">
            <p align="center">{{ item.foremanName }}</p>
          </td>
          <td class="JR_right" colspan="2">
            <p align="center">{{ item.sentryName }}</p>
          </td>
          <td class="JR_right" colspan="8">
            <p align="center">{{ item.dialogue }}</p>
          </td>
        </tr>
        <!-- <tr class="JR_tr" height="30">
          <td class="JR_right"><p align="center">&nbsp;</p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="8"><p align="center"></p></td>
        </tr>
        <tr class="JR_tr" height="30">
          <td class="JR_right"><p align="center">&nbsp;</p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="8"><p align="center"></p></td>
        </tr> -->
        <!-- 派班情况 -->
        <tr class="JR_tr">
          <td class="JR_left" rowspan="4">
            <p align="center">
              派 <br />
              班 <br />
              情 <br />
              况
            </p>
          </td>
          <td class="JR_left"><p align="center">职务</p></td>
          <td class="JR_left"><p align="center">交班者</p></td>
          <td class="JR_left"><p align="center">接班者</p></td>
          <td class="JR_left" colspan="2"><p align="center">组织者</p></td>
          <td class="JR_left" colspan="8">
            <p align="center" style="letter-spacing: 20px">交 接　情　况</p>
          </td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left">值班员</td>
          <td class="JR_right">
            <p align="center">{{ message.dutya }}</p>
          </td>
          <td class="JR_right">
            <p align="center">{{ message.dutya }}</p>
          </td>
          <td class="JR_right" colspan="2">
            <p align="center">{{ message.dutylead }}</p>
          </td>
          <td class="JR_right" colspan="8"><p align="center"></p></td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left">值日员</td>
          <td class="JR_right">
            <p align="center">{{ message.dutyc }}</p>
          </td>
          <td class="JR_right">
            <p align="center">{{ message.dutyd }}</p>
          </td>
          <td class="JR_left" colspan="2" rowspan="2">
            {{ message.dutyDate }}<br />
          </td>
          <td class="JR_right" colspan="8"></td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left">厨房值班</td>
          <td class="JR_right">
            <p align="center">{{ message.dutye }}</p>
          </td>
          <td class="JR_right">
            <p align="center">{{ message.dutyf }}</p>
          </td>
          <td class="JR_right" colspan="8"></td>
        </tr>

        <!-- 临时来队亲属 -->
        <tr class="JR_tr" height="30">
          <td :rowspan="qinshu" class="JR_left">
            <p align="center" style="margin: 0 15px">
              临 <br />
              时 <br />
              来 <br />
              队 <br />
              亲 <br />
              属
            </p>
          </td>
          <td class="JR_left" height="30" rowspan="2">
            <p align="center">军人姓名</p>
          </td>
          <td class="JR_left" height="30" rowspan="2">
            <p align="center">亲属姓名</p>
          </td>
          <td class="JR_left" height="30" rowspan="2">
            <p align="center">关&nbsp; 系</p>
          </td>
          <td class="JR_left" height="30" colspan="2">
            <p align="center">时　间</p>
          </td>
          <td class="JR_left" height="30" colspan="10">
            <p align="center" style="letter-spacing: 12px">
              病 号 及 处 理 情 况
            </p>
          </td>
        </tr>
        <tr class="JR_tr" height="30" align="center">
          <td class="JR_left" height="30">来队</td>
          <td class="JR_left" height="30">离队</td>
          <td
            class="JR_right"
            height="30"
            colspan="10"
            rowspan="3"
            v-html="message.invalid"
          >
            <p align="left"></p>
          </td>
        </tr>
        <tr class="JR_tr" v-for="(item1, i) in message.kinsfolk" :key="i">
          <td class="JR_right" height="30">
            <p align="center">{{ item1.peopleName }}</p>
          </td>
          <td class="JR_right" height="30">
            <p align="center">{{ item1.name }}</p>
          </td>

          <td class="JR_right" height="30">
            <p align="center">{{ item1.relation }}</p>
          </td>
          <td class="JR_right" height="30">
            <p align="center">{{ item1.comeDate }}</p>
          </td>
          <td class="JR_right" height="30">
            <p align="center">{{ item1.leaveDate }}</p>
          </td>
        </tr>

        <tr></tr>
        <!-- <tr class="JR_tr" height="30">
          <td class="JR_right" height="30"><p align="center"></p></td>
          <td class="JR_right" height="30"><p align="center"></p></td>
          <td class="JR_right" height="30"><p align="center"></p></td>
          <td class="JR_right" height="30"><p align="center"></p></td>
          <td class="JR_right" height="30"><p align="center"></p></td>
        </tr> -->
        <!-- 请假外出休假 -->
        <tr class="JR_tr" align="center" height="30">
          <td rowspan="6" class="JR_left">
            <p align="center" style="margin: 0 15px">
              请 <br />
              假 <br />
              外 <br />
              出 <br />
              、 <br />
              探 <br />
              亲 <br />
              休 <br />
              假
            </p>
          </td>
          <td class="JR_left">姓&nbsp; 名</td>
          <td class="JR_left">职&nbsp; 务</td>
          <td class="JR_left" colspan="2">事&nbsp;&nbsp;&nbsp; 由</td>
          <td class="JR_left" colspan="2">
            时数或 <br />
            天&nbsp; 数
          </td>
          <td class="JR_left" colspan="2">
            准假部 <br />
            门(人)
          </td>
          <td class="JR_left" colspan="2">
            离 队 <br />
            时 间
          </td>
          <td class="JR_left" colspan="2">
            归 队 <br />
            时 间
          </td>
          <td class="JR_left" colspan="3">
            超(误)假 <br />
            时(天)数
          </td>
        </tr>
        <tr class="JR_tr" height="30">
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="3"><p align="center"></p></td>
        </tr>
        <tr class="JR_tr" height="30">
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="3"><p align="center"></p></td>
        </tr>
        <tr class="JR_tr" height="30">
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="3"><p align="center"></p></td>
        </tr>
        <tr class="JR_tr" height="30">
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="3"><p align="center"></p></td>
        </tr>
        <tr class="JR_tr" height="30">
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="2"><p align="center"></p></td>
          <td class="JR_right" colspan="3"><p align="center"></p></td>
        </tr>
        <!-- 上级通知 -->
        <tr class="JR_tr">
          <td class="JR_left" width="101">
            <p align="center" style="margin: 0 15px">
              上 <br />
              级 <br />
              通 <br />
              知 <br />
              、 <br />
              指 <br />
              示 <br />
              及 <br />
              其 <br />
              他 <br />
              重 <br />
              要 <br />
              事 <br />
              项
            </p>
          </td>
          <td
            class="JR_right"
            colspan="15"
            style="white-space: normal"
            v-html="message.notice"
          ></td>
        </tr>
      </table>

      <span style="margin-left: 48px; color: black">连队首长签字:</span>
      <span style="margin-left: 615px; color: black; letter-spacing: 15px"
        >&nbsp;&nbsp;时&nbsp;&nbsp;&nbsp;&nbsp;分</span
      >
    </div>
  </div>
</template>
<script>
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}",
      chapu: 4,
      qinshu: 4,
      week: "",
    };
  },
  created() {
    this.chapu = this.chapus();
    this.qinshu = this.qinshus();
    this.week = this.getWeek(this.message.blogDate);
  },
  methods: {
    daochu() {
      lookWord(this.title, "#contents", this.style, true);
    },
    chapus() {
      return this.message.inspect.length + 1;
    },
    qinshus() {
      return this.message.kinsfolk.length + 2;
    },

    /*
      获取当前星期几
     */
    getWeek(dateString) {
      var dateArray = dateString.split("-");
      var date = new Date(
        dateArray[0],
        parseInt(dateArray[1] - 1),
        dateArray[2]
      );
      return "星期" + "日一二三四五六".charAt(date.getDay());
    },
  },
};
</script>
<style scoped>
tbody {
  color: #fff;
  text-align: center;
  margin: auto;
}
tr:last-child {
  border-bottom: 1px solid;
}
::v-deep .el-dialog {
  margin-right: 100px !important;
}
.tTime {
  margin-left: 100px;
}
.box1 {
  position: absolute;
  right: 30px;
  top: 80px;
  border: 1px solid rgb(129, 130, 131);
  border-radius: 5px;
}
</style>