<template>
  <el-dialog custom-class='PingFangSC' :title="$t('objFill.v101.header.weisqjtts')" :visible.sync="outerVisibleNot" center
      :before-close="closeChangeMachie" width="1100px">
      <div v-if="UnTravelDate && UnTravelDate.rlist&&UnTravelDate.rlist.length>0" style="margin-top: 10px;">
        <p style="font-size: 18px;font-weight: bold;background: #d1d1d1;padding: 5px 10px;">{{$t('objFill.v101.commissonBill.weiwkddlb')}}</p>
        <el-table :data="UnTravelDate.rlist" tooltip-effect="dark" style="width: 100%">
          <!-- <el-table-column :label="{$t('objFill.v101.commissonBill.col2.t1')" width="">
            <template slot-scope="scope">
              {{scope.row.ID}}
            </template>
          </el-table-column> -->
          <el-table-column :label="$t('hotel.order_Number')">
            <template slot-scope="scope">
            {{scope.row.OrderId}}  ({{scope.row.EnterName}})
              <p>{{scope.row.CreateDate}}</p>
            </template>
          </el-table-column>
          <el-table-column :label="$t('visa.v_tuanhao')" width="">
            <template slot-scope="scope">
              {{scope.row.TCID}}
              <p>{{scope.row.TCNUM}}</p>
            </template>
          </el-table-column>
          <!-- <el-table-column prop="EnterName" width="100"  :label="$t('visaT.sale')"></el-table-column> -->
          <el-table-column prop="StartDate" width="110" :label="$t('objFill.v101.commissonBill.col.t2')"></el-table-column>
          <el-table-column prop="PreferPrice" width="80" :label="$t('fnc.yingshou')"></el-table-column>
          <el-table-column prop="DueinMoney" width="80" :label="$t('op.Tocollected')"></el-table-column>
          <!-- <el-table-column prop="CreateDate" :label="$t('visa.v_creatDate')"></el-table-column> -->
          <el-table-column  :label="$t('objFill.gaijiazhuangtai')" width="100"  >
            <template slot-scope="scope">
              <span v-if="scope.row.ApplyForState==1">{{$t('objFill.v101.commissonBill.daizgsh')}}</span>
              <span v-else-if="scope.row.ApplyForState==2">{{$t('objFill.v101.commissonBill.daixuzsh')}}</span>
              <span v-else-if="scope.row.ApplyForState==4" style="color:red;">{{$t('salesModule.HasRefused')}}</span>
              <span v-else>-</span>

            </template>
          </el-table-column>
          <el-table-column  :label="$t('objFill.v101.commissonBill.gaijiays')" width="80">
            <template slot-scope="scope">
              {{scope.row.ApplyForState>0?scope.row.ApplyForMoney:'-'}}
            </template>
          </el-table-column>
          <el-table-column  :label="$t('objFill.v101.commissonBill.gaijiads')" width="80">
            <template slot-scope="scope">
            {{scope.row.ApplyForState>0?scope.row.ApplyDueinMoney:'-'}}
          </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip :label="$t('objFill.v101.commissonBill.gaijialiyou')" width="165">
            <template slot-scope="scope">
              {{scope.row.ApplyForState>0?scope.row.ApplyForReason:'-'}}
              <p>{{scope.row.ApplyForState>0?scope.row.ApplyCreateTimeStr:""}}</p>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div v-if="UnTravelDate && UnTravelDate.olist&&UnTravelDate.olist.length>0">
        <p style="font-size: 18px;font-weight: bold;background: #d1d1d1;padding: 5px 10px;">{{$t('objFill.v101.commissonBill.weijietlieb')}}</p>
        <el-table :data="UnTravelDate.olist" tooltip-effect="dark" style="width: 100%">
          <!-- <el-table-column :label="$t('objFill.v101.commissonBill.col.t1')" width="">
            <template slot-scope="scope">
              {{scope.row.TCID}}
              <p>{{scope.row.TCNUM}}</p>
            </template>
          </el-table-column> -->
          <!-- <el-table-column prop="StartDate" :label="$t('objFill.v101.commissonBill.col.t2')">
            <template slot-scope="scope">
              {{getBeforeDate(0, new Date(scope.row.StartDate).Format("yyyy-MM-dd"))}}
            </template>
          </el-table-column> -->
          <el-table-column prop="QStartDate" :label="$t('objFill.v101.commissonBill.yuefen')"></el-table-column>
          <el-table-column prop="TeamTypeName" :label="$t('objFill.v101.commissonBill.col.t3')"></el-table-column>
          <el-table-column prop="OPName" :label="$t('Operation.Op_caozuoop')"></el-table-column>
          <el-table-column prop="TCIDStr" :label="$t('visa.v_teaminfo')"></el-table-column>
        </el-table>
      </div>
      <div v-if="UnTravelDate && UnTravelDate.olist&&UnTravelDate.olist.length==0
      &&UnTravelDate.rlist&&UnTravelDate.rlist.length==0" style="padding: 40px 0;text-align: center;">
        {{$t('system.content_noData')}}
      </div>
  </el-dialog>
</template>

<script>
  export default {
    props:["UnTravelDate"],
    data() {
      return {
        outerVisibleNot: true
      }
    },
    watch: {

    },
    methods: {
      closeChangeMachie(done) {
        this.$emit('unTravelVisible')
      },
    }
  }
</script>