<style>
.page_SalesFinancialDetail{}
.page_SalesFinancialDetail p.sfd_tit {
  border-left: 3px solid #E95252;
  text-indent: 10px;
  font-size: 16px;
  line-height: 30px;
  margin: 20px 0 10px 0;
}
.page_SalesFinancialDetail .sfd_nav{margin: 20px 0 0 0 ;}
.page_SalesFinancialDetail .sfd_nav li{float: left;font-size: 14px;color: #666666;padding: 15px 20px;cursor: pointer;position: relative;background-color: #f1f1f1;margin-right: 5px}
.page_SalesFinancialDetail .sfd_nav li._active{background-color:#FFFFFF;color: #333333 }
.page_SalesFinancialDetail .sfd_nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
.page_SalesFinancialDetail p.sfd_tit input{
  float: right
}
.page_SalesFinancialDetail .sfd_header{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.page_SalesFinancialDetail .sfd_header input{
  position: absolute;
  right: 0;
  bottom: 0;
}
.page_SalesFinancialDetail .sfd_header>ul {
  background-color: white;
  padding: 15px;
  border-radius: 4px;
  width: 800px;
}
.page_SalesFinancialDetail .sfd_header>ul>li {
  float: left;
  width: 33%;
  padding: 5px 0;
  min-height: 31px;
}
.page_SalesFinancialDetail .sfd_header>ul>li>span {
  font-size: 14px;
  color: #666;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable {
  background: #eee;
  width: 100%;
  margin-bottom: 30px;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable th {
  background: #D1D1D1;
  font-weight: normal !important;
  font-size: 14px;
  height: 30px;
  color: #333;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable td {
  background: #fff;
  height: 36px;
  text-align: center;
  font-size: 12px;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable td:first-child span {
  text-decoration: underline;
  cursor: pointer;
}
.page_SalesFinancialDetail td.noDataNotice p.iconfont {
  font-size: 120px;
  color: #ccc;
}
.page_SalesFinancialDetail td.noDataNotice p.text{
  color: #999;
  margin-bottom: 20px;
}
.page_SalesFinancialDetail .color_red{
  color: #e95252 !important;
}
.page_SalesFinancialDetail .sfd_header>ul:nth-child(1){
  padding-bottom: 0;
}
.page_SalesFinancialDetail .sfd_header>ul:nth-child(2){
  padding-top: 0;
}
.checklist_ul li{
  display: inline-block;
  margin:10px 0;
  width: 85px;
  cursor: pointer;
}
  .tickets_red {
    color: #FF0000;
    cursor: pointer;
  }

  .tickets_blue {
    color: #0000FF;
    cursor: pointer;
    
  }

.tickets_black {
  color: #000000;
}
.color_des{
  display: inline-block;
  width: 5px;
  height: 12px;
  margin-left:15px;
}

</style>
<template>
  <div class="page_SalesFinancialDetail">
    <!-- <ul class="sfd_nav clearfix">
      <li :class="activeTab===1?'_active':''" @click="activeTab=1,getList(1)">收款单</li>
      <li :class="activeTab===2?'_active':''" @click="activeTab=2,getList(2)">付款单</li>
    </ul> -->
    <div v-loading="loading">
      <div class="sfd_header">
        <ul class="clearfix">
          <li><span>团队编号：</span>{{TCNUM}}</li>
          <!-- <li><span>订单号：</span>{{orderId}}</li> -->
          <li> </li>
          <li><span>已收总金额：</span>{{moneyFormat(allMoney)}}</li>
          <li><span>已审金额：</span>{{moneyFormat(shiMoney)}}</li>
          <li><span>待审金额：</span><span :class="{color_red:(allMoney-shiMoney)!==allMoney}">{{moneyFormat(allMoney-shiMoney)}}</span></li>
        </ul>
        <ul class="clearfix fukuan">
          <li><span>应付总金额：</span>{{moneyFormat(allMoneyP)}}</li>
          <li><span>已审金额：</span>{{moneyFormat(shiMoneyP)}}</li>
          <li><span>待审金额：</span><span :class="{color_red:(allMoneyP-shiMoneyP)!==allMoneyP}">{{moneyFormat(allMoneyP-shiMoneyP)}}</span></li>
        </ul>
      </div>
      <p class="sfd_tit clearfix">收款单 
        <input v-if="qjGroupId==userInfo.RB_Group_id || F_Finance_Create" type="button" value="增加签证财务单据" class="normalBtn" @click="OpenOrder(1)"> 
        <input v-if="qjGroupId==userInfo.RB_Group_id || F_Finance_Create" type="button" value="增加保险财务单据" class="normalBtn" @click="OpenOrder2(1)">
      </p>
      <table border="0" cellspacing="1" cellpadding="0" class="teamRevenueExpenditureTable">
        <tr>
          <th width="100">单号</th>
          <th width="200">费用类型</th>
          <th width="350">交易方式</th>
          <th width="100">同行转款</th>
          <th width="100">应收</th>
          <th width="100">实收</th>
          <th width="100">平台税金</th>
          <th width="150">交易日期</th>
          <!-- <th width="150">旅客名单</th> -->
          <th width="100">制单人员</th>
          <th width="120">当前状态</th>
        </tr>
        <tr v-for="(item, index) in dataList">
          <td width="100" @click="goUrl('财务单据','FinancialDocumentsDetail',item.FrID)"><span>{{item.FrID}}</span></th>
          <td width="">
            <template v-for="(s,si) in item.CostTypeList">
                <span  style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;margin-right: 4px;">{{s}}</span>
            </template>
          </td>
          <td width="">
            <template v-if="item.TradeWayList&&item.TradeWayList.length>0">
                <div class="_TradeWayList"   v-for="(tw,twIn) in item.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 5px auto;width:230px">
                    <p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">{{item.TradeWayList[0].TypeName}}</span><span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?'无':tw.AccountType}}</span> </p>
                    <p style="color:#333333">{{tw.BankNo}}</p>
                </div>
            </template>
            <template v-else>
                <div class="_pad5">
                    无
                </div>
            </template>
          </td>
          <td width="">
            <p style="line-height:20px"><span>{{moneyFormat(item.PreferPrice)}}</span></p>
          </td>
          <td>
            <p style="line-height:20px"><span>{{moneyFormat(item.Money)}}</span></p>
          </td>
          <td>
            <p style="line-height:20px"><span>{{moneyFormat(item.PayMoney)}}</span></p>
          </td>
          <td>
            <p style="line-height:20px"><span>{{moneyFormat(item.Fee)}}</span></p>
          </td>
          <td width="">{{item.TradeDate}}</td>
          <!-- 旅客名单 -->
          <!-- <td width="">旅客名单</td> -->
          <!-- <td>
            <span v-if="item.GuestInfoList.length>0" >
               <el-popover class="item" effect="dark" placement="top-start" width="350" trigger="click">
                 <span style="display:inline-block;cursor:pointer;margin:6px;word-break:break-all;" v-for="item2 in item.GuestInfoList" :key="item2.GuestId">{{item2.GuestName}} </span>
                 <span slot="reference" style="cursor:pointer" v-if="key==0" v-for="(item2,key) in item.GuestInfoList" :key="key+5000">{{item2.GuestName}}
                   <span v-if="item.GuestInfoList.length>1">...</span>
                 </span>
              </el-popover>
            </span>
            <span v-if="item.GuestInfoList.length==0">暂无名单</span>
          </td> -->
          <td width="">{{item.EmName}}</td>
          <td width="">
            <i v-if="item.Status==1" class="iconfont icon-daiqueren" style="color: #4BCA81"></i>
            <i v-if="item.Status==4" class="iconfont icon-yiquxiao" style="color: #4BCA81"></i>
            <i v-if="item.Status==2" class="iconfont icon-yiqueren" style="color: #959595"></i>
            <i  v-if="item.Status==3" class="iconfont icon-shenhebohui" style="color: #E95252"></i>
            <i  v-if="item.Status==0" class="iconfont icon-zancun" style="color: #FF9C01"></i>
            <el-popover
                popper-class="detailsIT_Journal"
                width="250"
                trigger="click">
                    <div style="height: auto;max-height: 220px;background-color: #FFFFFF;">
                        <div class="changLog">
                            <p class="_log_t">流程日志</p>
                            <ul style="padding-left: 20px;max-height: 180px;overflow: auto;" v-if="GetFinancLogList" v-loading='LogLoading'>
                                <li style="border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;" v-for="(log,li) in GetFinancLogList">
                                    <span style="background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;"></span>
                                    <p> <span class="_color_blue">{{log.EmName}}</span>  <span class="fr changLog_time">{{log.UpdateDate}}</span> </p>
                                    <p class="_dtel">{{log.StartValue}}</p>
                                </li>
                            </ul>
                            <ul v-else>
                                <li>暂无修改日志</li>
                            </ul>
                        </div>
                    </div>
                <span slot="reference" style="cursor: pointer;"  @click="Financial_post_GetFinancLogList(item.FrID)">{{item.StatusStr}}</span>
            </el-popover>
          </td>
        </tr>
        <tr v-if="dataList.length===0">
          <td colspan="11" class="noDataNotice">
            <div>
              <p class="iconfont icon-kong"></p>
              <p class="text">{{`暂无数据`}}</p>
            </div>
          </td>
        </tr>
      </table>
      <p class="sfd_tit clearfix">付款单 
        <input type="button" v-if="qjGroupId==userInfo.RB_Group_id || F_Finance_Create" value="增加签证财务单据" class="normalBtn" @click="OpenOrder(2)">
        <input type="button" v-if="qjGroupId==userInfo.RB_Group_id || F_Finance_Create" value="增加保险财务单据" class="normalBtn" @click="OpenOrder2(2)"></p>
      <table border="0" cellspacing="1" cellpadding="0" class="teamRevenueExpenditureTable">
        <tr>
          <th width="100">单号</th>
          <th width="200">费用类型</th>
          <th width="350">交易方式</th>
          <th width="100">同行转款</th>
          <th width="100">应付</th>
          <th width="100">实付</th>
          <th width="100">平台税金</th>
          <th width="150">交易日期</th>
          <!-- <th width="150">旅客名单</th> -->
          <th width="100">制单人员</th>
          <th width="120">当前状态</th>
        </tr>
        <tr v-for="(item, index) in dataListP">
          <td width="100" @click="goUrl('财务单据','FinancialDocumentsDetail',item.FrID)"><span>{{item.FrID}}</span></th>
          <td width="">
            <template v-for="(s,si) in item.CostTypeList">
                <span  style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;margin-right: 4px;">{{s}}</span>
            </template>
          </td>
          <td width="">
            <template v-if="item.TradeWayList&&item.TradeWayList.length>0">
                <div class="_TradeWayList"   v-for="(tw,twIn) in item.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 5px auto;width:230px">
                    <p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">{{item.TradeWayList[0].TypeName}}</span><span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?'无':tw.AccountType}}</span> </p>
                    <p style="color:#333333">{{tw.BankNo}}</p>
                </div>
            </template>
            <template v-else>
                <div class="_pad5">
                    无
                </div>
            </template>
          </td>
          <td width="">
            <p style="line-height:20px"><span>{{moneyFormat(item.PreferPrice)}}</span></p>
          </td>
          <td>
            <p style="line-height:20px"><span>{{moneyFormat(item.Money)}}</span></p>
          </td>
          <td>
            <p style="line-height:20px"><span>{{moneyFormat(item.PayMoney)}}</span></p>
          </td>
          <td>
            <p style="line-height:20px"><span>{{moneyFormat(item.Fee)}}</span></p>
          </td>
          <td width="">{{item.TradeDate}}</td>
          <!-- <td>
            <span v-if="item.GuestInfoList.length>0" >
               <el-popover class="item" effect="dark" placement="top-start" width="350" trigger="click">
                 <span style="display:inline-block;cursor:pointer;margin:6px;word-break:break-all;" v-for="item2 in item.GuestInfoList" :key="item2.GuestId">{{item2.GuestName}} </span>
                 <span slot="reference" style="cursor:pointer" v-if="key==0" v-for="(item2,key) in item.GuestInfoList" :key="key+200">{{item2.GuestName}}
                   <span v-if="item.GuestInfoList.length>1">...</span>
                 </span>
              </el-popover>
            </span>
            <span v-if="item.GuestInfoList.length==0">暂无名单</span>
          </td> -->
          <td width="">{{item.EmName}}</td>
          <td width="">
            <i v-if="item.Status==1" class="iconfont icon-daiqueren" style="color: #4BCA81"></i>
            <i v-if="item.Status==4" class="iconfont icon-yiquxiao" style="color: #4BCA81"></i>
            <i v-if="item.Status==2" class="iconfont icon-yiqueren" style="color: #959595"></i>
            <i  v-if="item.Status==3" class="iconfont icon-shenhebohui" style="color: #E95252"></i>
            <i  v-if="item.Status==0" class="iconfont icon-zancun" style="color: #FF9C01"></i>
            <el-popover
                popper-class="detailsIT_Journal"
                width="250"
                trigger="click">
                    <div style="height: auto;max-height: 220px;background-color: #FFFFFF;">
                        <div class="changLog">
                            <p class="_log_t">流程日志</p>
                            <ul style="padding-left: 20px;max-height: 180px;overflow: auto;" v-if="GetFinancLogList" v-loading='LogLoading'>
                                <li style="border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;" v-for="(log,li) in GetFinancLogList">
                                    <span style="background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;"></span>
                                    <p> <span class="_color_blue">{{log.EmName}}</span>  <span class="fr changLog_time">{{log.UpdateDate}}</span> </p>
                                    <p class="_dtel">{{log.StartValue}}</p>
                                </li>
                            </ul>
                            <ul v-else>
                                <li>暂无修改日志</li>
                            </ul>
                        </div>
                    </div>
                <span slot="reference" style="cursor: pointer;"  @click="Financial_post_GetFinancLogList(item.FrID)">{{item.StatusStr}}</span>
            </el-popover>
          </td>
        </tr>
        <tr v-if="dataListP.length===0">
          <td colspan="11" class="noDataNotice">
            <div>
              <p class="iconfont icon-kong"></p>
              <p class="text">{{`暂无数据`}}</p>
            </div>
          </td>
        </tr>
      </table>
    </div>
    <el-dialog
      :title="OrderTitle"
      :visible.sync="dialogVisible"
      width="30%">
       <div>
          <input type="checkbox" @change="checkAll" v-model="checkd" >全选
          <span  style="margin-left:15px">签证状态：</span>
          <span class="color_des" style="background:#FF0000;margin-left:0"></span>
          <span>未办理</span>
          <span class="color_des" style="background:#0000FF"></span>
          <span>正在办理</span>
          <span class="color_des" style="background:#000000"></span>
          <span>办理完成</span>
        </div>
        <ul class="checklist_ul">
          <li v-for="item in checknameList" :key="item.Id">
            <input type="checkbox" v-model="checkList" :value="item.Id" @change="checkThis" :id="item.Id">
            <label :for="item.Id">
              <span v-if="item.VisaStatus===1" class="tickets_red" >{{item.GuestName}}</span>
              <span v-if="item.VisaStatus===2" class="tickets_blue" >{{item.GuestName}}</span>
              <span v-if="item.VisaStatus===3" class="tickets_black" >{{item.GuestName}}</span>
            </label>
              
          </li>
        </ul>
      <span slot="footer" class="dialog-footer">
        <el-button size="mini" @click="dialogVisible = false">取 消</el-button>
        <el-button size="mini" style="background:#E95252;color:#fff;border:none" @click="addFinancialOrder">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      qjGroupId:-1,
      F_Finance_Create:false,//制单权限
      userInfo:{},
      dialogVisible:false,
      orderId: 0,
      dataList: [],
      dataListP: [],
      loading: true,
      noData: true,
      activeTab: 1,
      tcnum: '',
      msg:{
        pageIndex: 1,
        pageSize: 999,
        FrID: '',
        sDate: '',
        eDate: '',
        Status: '-1',
        TemplateId: '0',
        RB_Branch_Id: '',
        RB_Depart_Id: '',
        sTradeDate: '',
        eTradeDate: '',
        ClientType: '',
        RemitterName: '',
        ClientID: '',
        sMoney: '',
        eMoney: '',
        CurrencyId: '0',
        CostTypeID: '',
        Conditon: '',
        TCID: '',
        TradeWay: '0',
        Type: '-1',
        AccountType: '',
        QEndDate: '',
        QStartDate: '',
        UpdateBy: '',
        Sort: '2',
        EmployeeId: '',
        IsNotCancelFinance: 1,
        IsSellOrderForm:1
      },
      GetFinancLogList: [],
      LogLoading: true,
      allMoney: 0,
      shiMoney: 0,
      allMoneyP: 0,
      shiMoneyP: 0,
      userId: null,
      item: {},

      tcid:0,
      OutBranchId:0,
      TCNUM:0,
      type:0,
      OrderTitle:'收款单',
      checkAllList:[],
      checknameList:[],
      checkedId:[],
      checkList:[],
      checkListAll:[],
      checkd:false,
    }
  },
   methods: {
     GetSupperOrderEditAuth() {
            var actionCodeNew = this.$AuthCode.F_Finance_Create;
            // 制单权限
            this.CheckUserAuth(actionCodeNew, res => {
            if (res.data.resultCode == 1 && res.data.data == 1) {
                this.F_Finance_Create = true;
            }
            });

        },
    checkThis(){ // 单选
      if(this.checkList.length==this.checkListAll.length){
        this.checkd = true
        return
      }
      this.checkd = false
    },
    checkAll(){ //全选
      if(this.checkList.length==this.checkListAll.length){
          this.checkList=[]
          return
      }
      this.checkList = this.checkListAll
      
    },
    Financial_post_GetFinancLogList: function(id){  // 获取单据日志
      if (this.checkboxShow) return
      this.LogLoading = true;
      this.apipost('Financial_post_GetFinancLogList',{ID: id, Type: 2}, res => {
        if (res.data.resultCode == 1) {
          let data = res.data.data;
          data.forEach(x=>{
            x.UpdateDate = this.$commonUtils.formatMsgTime(x.UpdateDate)
          })
          this.LogLoading = false;
          this.GetFinancLogList = data;
        }
      },null)
    },
    goUrl: function (name, path, id ) {
      this.$router.push({ name: path, query: { id: id, blank: 'y', tab: name} });
    },
    getList: function () {
        this.dataList=[];
        this.dataListP=[];
      this.loading = true;
      this.apipost('Financial_post_GetPriceVisaFinanceList',{tcid:this.tcid}, res=>{
          this.loading = false;
        if (res.data.resultCode == 1) {
          let data = res.data.data.list;
            this.allMoney = 0;
            this.shiMoney = 0;
            // 收款单据，type==1
            data.forEach(x=>{
                if(x.Type==1){
                    this.dataList.push(x)
                }else{
                    this.dataListP.push(x)

                }
            })
            this.dataList.forEach(x=>{
              this.allMoney += x.PreferPrice
              if(x.PayMoney>0){
              this.shiMoney += (x.PayMoney+x.Fee)
              }
            })
             this.dataListP.forEach(x=>{
                this.allMoneyP += x.PreferPrice
                if(x.PayMoney>0){
                this.shiMoneyP += (x.PayMoney+x.Fee)
                }
            })
        } else {

          this.$message.error(res.data.message);
        }
      }, null)
    },
    OpenOrder2(num){
      this.checkd=false;
      this.checkList=[];
      this.checkListAll=[];
      this.type=num;
      this.dialogVisible=true;
      if(num==1){
        this.OrderTitle='收款单';
      }else{
        this.OrderTitle='付款单';
      }
       this.apipost('dmc_get_GetNeedSafeGuestGuestList',{tcid:this.tcid}, res=>{
          if (res.data.resultCode == 1) {
            let data = res.data.data;
            this.checknameList=data;
            data.forEach(item=>{
              this.checkListAll.push(item.Id);
            })
          }
       })
    },
    OpenOrder(num){
      this.checkd=false;
      this.checkList=[];
      this.checkListAll=[];
      this.type=num;
      this.dialogVisible=true;
      if(num==1){
        this.OrderTitle='收款单';
      }else{
        this.OrderTitle='付款单';
      }
       this.apipost('dmc_get_GetPriceNoFinanceGuestList',{tcid:this.tcid}, res=>{
          if (res.data.resultCode == 1) {
            let data = res.data.data;
            this.checknameList=data;
            data.forEach(item=>{
              this.checkListAll.push(item.Id);
            })
          }
       })
    },
    addFinancialOrder () {  //  新增单据方法
      let userInfo =[];   
      
      this.checkList.forEach(check=>{
        this.checknameList.forEach(item=>{
          if(item.Id==check){
            userInfo.push(item);
          }
        })
      })
      if(userInfo.length==0){
        this.Error("至少选择一人！");
        return;
      }
      sessionStorage.setItem("saveGuestInfo",JSON.stringify(userInfo))
      let TCIDARR = [this.tcid];
      let orderObj = {
        OrderID: 0,
        OrderSource: 10,
        Obj: {},
        SourceID: 0,
        TCIDList: TCIDARR
      }
      if (this.type === 1) {
        this.$router.push({
          name: 'ChoiceAddFinancialDocuments',
          query:{
            "Type": 1,
            "companyID": this.OutBranchId,
            "path": "",
            'blank': 'y',
            'orderObj': JSON.stringify(orderObj)
          }
        });
        this.dialogVisible=false;
      } else if (this.type === 2) {
        this.$router.push({
          name: 'ChoiceAddFinancialDocuments',
          query:{
            "Type": 2,
            "companyID": this.OutBranchId,
            "path": "",
            'blank': 'y',
            'orderObj': JSON.stringify(orderObj)
          }
        });
        this.dialogVisible=false;
      }
      
    },
  }, mounted() {
      this.userInfo=this.getLocalStorage();
      this.GetSupperOrderEditAuth();
      this.qjGroupId=this.QjGroupId();
    this.userId = this.getLocalStorage().EmployeeId;

     this.tcid= this.$route.query.TCID;
     this.OutBranchId=this.$route.query.OutBranchId;
     this.TCNUM=this.$route.query.TCNUM;
    this.getList()

  }
}
</script>
