<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;">
        {{$t('active.cl_qianzheng')}}
      </div>
    </div>
    <div class="expense" v-if="feature.importantTip != '' && vshowG">
      <div class="left">
        <div style="font-size:28px;margin-bottom:20px;">
          {{$t('objFill.v101.LeaveGroupDownload.qianzhnegxz')}}
        </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;">
        {{$t('salesModule.THBZ')}}
      </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;">
        {{$t('salesModule.TravelInfo')}}
      </div>
    </div>
    <table v-if='vshowM' class="Passenger-table" border="0" cellspacing="2" cellpadding="2">
      <tbody>
        <tr>
          <td width="16.6%" class="thClass">{{$t('system.query_name')}}</td>
          <td width="16.6%" class="thClass">{{$t('sm.EnName')}}</td>
          <td width="16.6%" class="thClass">{{$t('system.table_sex')}}</td>
          <td width="16.6%" class="thClass">{{$t('system.table_Passport')}}</td>
          <td width="16.6%" class="thClass">{{$t('objFill.youxiaoqi')}}</td>
          <td width="16.6%" class="thClass">{{$t('restaurant.res_ContactNumber')}}</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>