<style>
    .AmoebaTitle{
        font-size:14px;
        margin-bottom:20px;
    }
    .AmoebaTCNUM{
        color:blue;
    }
    .AmobaTable{
        width:800px;
    }
    .AmobaTable tr th{
        border-right:1px solid #d1d1d1;
    }
    .biaoTou {
        position:relative;
        margin:auto;
        width:150px;
        height:40px;
        box-sizing:border-box;
        text-indent:5px;
        background:
            linear-gradient(15deg, transparent 49.5%, #d1d1d1 49.5%, #d1d1d1 50.5%, transparent 50.5%);
    }
    .biaoTou em:first-child{
        position: absolute;
        top:17px;
        left:20px;
    }
    .biaoTou em:last-child{
        position: absolute;
        top:3px;
        right:20px;
    }

</style>

<template>
  <div class="flexOne AmoebaDetail">
    <div class="AmoebaTitle">
        <span class="AmoebaTCNUM">{{TCNUM}}</span> {{$t('objFill.amibjsb')}}
    </div>
    <table class="singeRowTable AmobaTable" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <th width="150">
                <div class="biaoTou">
                    <em>{{$t('Operation.Op_Project')}}</em>
                    <em>{{$t('admin.admin_Department')}}</em>
                </div>
            </th>
            <th>{{$t('op.Tickets')}}</th>
            <th>{{$t('active.cl_qianzheng')}}</th>
            <th>{{$t('objFill.v101.ribrndjbu')}}</th>
        </tr>
        <tr v-for="(item,index) in dataList">
            <td>{{item.Name}}</td>
            <td>{{item.Ticket}}</td>
            <td>{{item.Visa}}</td>
            <td>{{item.JapDiJie}}</td>
        </tr>
    </table>
    </div>
</template>

<script>
export default {
  data() {
    return {
      msg: {
        TCID:''
      },
      TCNUM:'',
      dataList: [],
    };
  },
  methods: {
    getList() {
      //获取现有线路列表
      this.loading = true;
      this.apipost(
        "sellorder_post_GetTravelSettlement",
        this.msg,
        res => {
          this.loading = false;
          if (res.data.resultCode == 1) {
             this.dataList = res.data.data.List;
          } else {
            this.loading = false;
          }
        },
        err => {}
      );
    },
  },

  mounted() {
    this.TCNUM = this.$route.query.TCNUM;
    this.msg.TCID = this.$route.query.TCID;
    this.getList();
  }
};
</script>