<style>
  .tour_visa {
    padding-top: 70px;
    padding-bottom: 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .tour_visa .title {
    font-size: 25px;
  }

  .tour_visa .tourtable {
    width: 100%;
    font-size: 15px;
    color: #666;
    border-collapse: collapse;
  }

  .tour_visa .tourtable thead th {
    background-color: #03A9F4;
    color: #fff;
    padding: 10px 0;
    margin: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: bold;
    text-align: center;
  }

  .tour_visa .tourtable thead th:nth-child(6) {
    width: 50%;
  }
  .tour_visa tbody td:nth-child(6){
    text-align: left!important;
    width: 50%;
    line-height: 35px;
  }
  .tour_visa .tourtable tbody td {
    vertical-align: middle;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }

</style>
<template>
  <q-page>
    <div class="tour_visa">
      <h1 class="title">護照簽證費用說明</h1>
      <table class="tourtable">
        <thead>
          <tr>
            <th>項目</th>
            <th>工作天</th>
            <th>證件效期</th>
            <th>可停留天數</th>
            <th>辦證費用</th>
            <th>備註</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="(item,index) in CertificateList" :key="index">
            <td>
              {{item.Name}}
            </td>
            <td>
              {{item.WorkDay}}
            </td>
            <td>
              {{item.Validity}}
            </td>
            <td>
              {{item.StayDay}}
            </td>
            <td>
              {{item.Fee}}元
            </td>
            <td>
              <span v-html="item.Notice"></span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </q-page>
</template>
<script>
  export default {
    props: [],
    data() {
      return {
        RB_Group_Id: 0,
        CertificateList: [],
      };
    },
    created() {
      var jObj = JSON.parse(window.localStorage.getItem('groupinfo'));
      this.RB_Group_Id = jObj.GroupId;
    },
    mounted() {
      this.getCertificate();
    },
    methods: {
      getCertificate() {
        this.apipost(
          "ws_get_GetTourVisaPage", {
            RB_Group_Id: this.RB_Group_Id
          },
          res => {
            if (res.data.resultCode == 1) {
              if (res.data.data) {
                this.CertificateList = res.data.data;
              }
            }
          },
          err => {}
        );
      }
    },
  };

</script>
