<template>
  <div id="pdf_6">
    <div class="module-title" v-if="vshowG">
      <div style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;">
        签证
      </div>
    </div>
    <div class="expense" v-if="feature.importantTip != '' && vshowG">
      <div class="left">
        <div style="font-size:28px;margin-bottom:20px;">
          签证须知
        </div>
      </div>
      <div class="right">
        <div v-html="feature.visaRemark"></div>
      </div>
    </div>
    <div v-if='vshowI' class="module-title">
      <div style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;">
        同行备注
      </div>
    </div>
    <div v-if='vshowI' class="expense">
      <div class="left"></div>
      <div class="right">
        <div v-html="feature.b2BRemark"></div>
      </div>
    </div>
    <div class="module-title" v-if="vshowM">
      <div style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;">
        旅客信息
      </div>
    </div>
    <table v-if='vshowM' class="Passenger-table" border="0" cellspacing="2" cellpadding="2">
      <tbody>
        <tr>
          <td width="16.6%" class="thClass">姓名</td>
          <td width="16.6%" class="thClass">英文姓名</td>
          <td width="16.6%" class="thClass">性别</td>
          <td width="16.6%" class="thClass">护照号</td>
          <td width="16.6%" class="thClass">有效期</td>
          <td width="16.6%" class="thClass">联系电话</td>
        </tr>
        <tr v-for="(item, i) in orderMsg.guestList" :key="i">
          <td>{{item.name}}</td>
          <td>{{item.eName}}</td>
          <td>{{item.sex}}</td>
          <td>{{item.passportNo}}</td>
          <td>{{item.passportExpiry}}</td>
          <td>{{item.mobilePhone}}</td>
        </tr>
      </tbody>
    </table>
    <div v-if='vshowJ' class="footer-div">
      <img :src="domainManager().ViittoFileUrl+'/Upload/PictureMaterial/Web/TravelControlTripIcon20.png'" />
    </div>
    <div style="width: 100%;height:2px;"></div>
  </div>
</template>

<script>
  import Header from "./components/header";
  export default {
    components: {
      Header
    },
    props: ["vshowG", "vshowM", "vshowJ", "feature", "orderMsg", "vshowI"],
    data() {
      return {};
    },

    methods: {},
    computed: {},
    watch: {
      feature: {
        handler(val, oldVal) {},
        deep: true,
        immediate: true
      }
    },
    mounted() {}
  };

</script>

<style></style>