<style>
    .SalesHotelOrder .query-box{
        border-bottom:0;
    }
    .SalesHotelOrder .SalesHotelOrderTable{
        width: 100%;
        min-width: 1500px;
        font-size: 14px;
        color: #333;
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-collapse: collapse;
    }
    .SalesHotelOrder .SalesHotelOrderTable th{
        background: #e6e6e6;
        height: 30px;
        font-size: 12px;
        text-align: center;
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }
    .SalesHotelOrder .SalesHotelOrderTable tr td{
        height: 60px;
        padding: 10px;
        background-color: #fff;
        text-align: center;
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }
    .SalesHotelOrder .SalesHotelOrderTable tbody tr:last-child{
        border-bottom:2px solid #333;
    }
    .SalesHotelOrder .SH_beizhu{
        float:left;
    }
    .SalesHotelOrder .SH_beizhuInner{
        float:left;
        width:85%;
    }
    .SalesHotelOrder .SH_OrderDan>div{
        display:inline-block;
    }
      .groupTourOrder_count {
    margin: 0 0 20px 0;
    width: 100%;
    height: auto;
  }

  .groupTourOrder_count_col {
    height: 80px;
  }

  .groupTourOrder_count_item {
    font-weight: 400;
    padding: 10px;
    height: 100%;
    border: 1px solid #E6E6E6;
    background-color: #FFFFFF;
    color: #333333;
  }

  .groupTourOrder_count_item>div>i {
    font-size: 12px;
    vertical-align: bottom;
  }

  .groupTourOrder_count_item>div>span:nth-child(2) {
    font-size: 14px;
    vertical-align: bottom;
  }

  .groupTourOrder_count_item>div>span:nth-child(3) {
    font-weight: bold;
    font-size: 16px;
    vertical-align: bottom;
  }

  .groupTourOrder_count_item>p {
    font-size: 12px;
    line-height: 18px;
  }

  .groupTourOrder_count_item>p>span {
    margin: 0 5px 0 0;
    white-space: nowrap;
  }
  .groupTourOrder_count_green {
    color: #1BC594;
  }

  .groupTourOrder_count_blue {
    color: #4D7AFD;
  }

  .groupTourOrder_count_yellow {
    color: #FF9C00;
  }

  .groupTourOrder_count_gray {
    color: #999999;
  }
  .HT_total span{
    display: inline-block;
    margin:5px 10px 0 0!important;   
  }
  .HT_totalFinacel span{
    display: inline-block;
    margin:3px 5px 0 0!important;   
  }
 .color_red_order {
    color: #e95252 !important;
  }
  .groupTourOrderByTuan_ico>i{
        display: inline-block;
        margin: 0 2px 0 0;
        width: 8px;
        height: 8px;
        border-radius: 2px;
        vertical-align: middle;
    }
  .groupTourOrder_tickets_red {
    color: #FF0000;
    text-decoration: underline;
    cursor: pointer;
  }
  .groupTourOrder_tickets_blue {
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
  }

  .groupTourOrder_tickets_green {
    color: #008000;
    text-decoration: underline;
    cursor: pointer;
  }

  .groupTourOrder_tickets_black {
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
  }
  .SalesHotelOrder .el-button-group .el-button{
    padding:5px;
  }
</style>

<template>
    <div class="flexOne SalesHotelOrder">
    <div class="query-box">
      <ul>
        <li>
          <span>
            <em>{{$t('hotel.hotel_OrderStates')}}</em>
            <el-select v-model='msg.B2BSelectOrderState' filterable :placeholder="$t('pub.pleaseSel')">
                <el-option v-for="item in orderStatus" :label='item.Name' :value='item.Id' :key='item.Id'>
                </el-option>
            </el-select>
            </span>
        </li>
        <li>
            <span>
                <em>{{$t('sm.company')}}</em>
                <el-select v-model="msg.RB_Branch_Id" :placeholder="$t('rule.company')"  @change="getDepartmentMsg.RB_Branch_Id = msg.RB_Branch_Id, getDepartment(),msg.RB_Department_Id = 0,msg.CreateBy = 0">
                    <el-option :value="-1" :label="$t('pub.unlimitedSel')"></el-option>
                    <el-option v-for='item in CompanyList'
                        :label='item.BName'
                        :value='item.Id'
                        :key='item.Id'>
                    </el-option>
                </el-select>
            </span>
        </li>
        <li>
            <span>
                <em>{{$t('admin.admin_Department')}}</em>
                <el-select v-model="msg.RB_Department_Id" :placeholder="$t('rule.qxzbmen')" @change="employeeMsg.DepartmentId = msg.RB_Department_Id,employeeMsg.BranchId=msg.RB_Branch_Id, getEmployee(), msg.CreateBy=0">
                <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
                <el-option v-for='item in DepartmentList'
                    :label='item.DepartmentName'
                    :value='item.DepartmentID'
                    :key='item.DepartmentID'>
                </el-option>
                </el-select>
            </span>
        </li>
        <li>
            <span>
                <em>{{$t('active.cl_addPp')}}</em>
                <el-select  filterable  v-model='msg.CreateBy'>
                    <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
                    <el-option v-for='item in EmployeeList'
                        :label='item.EmName'
                        :value='item.EmployeeId'
                        :key='item.EmployeeId'>
                    </el-option>
                </el-select>
            </span>
        </li>
        <li>
          <span><em>{{$t('hotel.order_Number')}}</em>
            <el-input v-model='msg.HotelName' :placeholder="$t('pub.pleaseImport')"></el-input>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('salesModule.StartJoin')}}</em>
            <el-date-picker type="date" v-model="msg.StartTime"
            :picker-options="StartTimeBefore" value-format="yyyy-MM-dd" placeholder></el-date-picker>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('salesModule.EndJoin')}}</em>
            <el-date-picker type="date" v-model="msg.EndTime"
            :picker-options="EndTimeAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
           </span>
        </li>
        <li>
          <span>
            <em>{{$t('salesModule.CreateTime')}}</em>
            <el-date-picker type="date" v-model="msg.CStartTime"
            :picker-options="CStartTimeBefore" value-format="yyyy-MM-dd" placeholder></el-date-picker>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('salesModule.CreateOverTime')}}</em>
            <el-date-picker type="date" v-model="msg.CEndTime"
            :picker-options="CEndTimeAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
           </span>
        </li>

        <li>
          <input type="button" class="hollowFixedBtn" @click="resetPageIndex();getList(),getTotalCount()" :value="$t('pub.searchBtn')" />
        </li>
      </ul>
    </div>
    <!-- 统计版块 -->
    <div class="groupTourOrder_count">
      <el-row :gutter="20">
        <el-col :span="5" class="groupTourOrder_count_col">
          <div class="groupTourOrder_count_item HT_total">
            <div>
              <i class="iconfont icon-qian groupTourOrder_count_green"></i>
              <span>{{$t('op.TotalMoney')}}</span>
            </div>
            <p>
              <span class="groupTourOrder_count_green">{{$t('op.TotalMoney')}}:{{TotalMsg.totalPrice}}</span>
              <span class="groupTourOrder_count_green">{{$t('salesModule.TotalIncome')}}:{{TotalMsg.totalIncomePrice}}</span>
              <span class="color_red_order">{{$t('op.Tocollected')}}:{{TotalMsg.totalUnreceivedPrice}}</span>
            </p>
          </div>
        </el-col>
        <el-col :span="5" class="groupTourOrder_count_col">
          <div class="groupTourOrder_count_item HT_total">
            <div>
              <i class="iconfont icon-tongji1 groupTourOrder_count_blue"></i>
              <span>{{$t('restaurant.res_Number')}}</span>
            </div>
            <p>
              <span class="groupTourOrder_count_green">{{$t('op.TotalRoomNum')}}:{{TotalMsg.totalRoomNum}}</span>
              <span class="color_red_order">{{$t('op.CanCelRoomNum')}}:{{TotalMsg.totalCancelRoomNum}}</span>
            </p>
          </div>
        </el-col>
        <el-col :span="5" class="groupTourOrder_count_col">
          <div class="groupTourOrder_count_item HT_total">
            <div>
              <i class="iconfont icon-tongji1 groupTourOrder_count_gray"></i>
              <span>{{$t('fnc.qtxtongji')}}</span>
            </div>
            <p>
              <span class="groupTourOrder_count_green">{{$t('fnc.nbbaoming')}}:{{TotalMsg.totalERP}}</span>
              <span class="color_red_order">{{$t('fnc.B2BWAP')}}:{{TotalMsg.totalB2B}}</span>
            </p>
          </div>
        </el-col>
        <el-col :span="5" class="groupTourOrder_count_col">
          <div class="groupTourOrder_count_item HT_totalFinacel">
            <div>
              <i class="iconfont icon-tongji1 groupTourOrder_count_gray"></i>
              <span>{{$t('fnc.cwdjshuoming')}}</span>
            </div>
            <p>
              <span class="groupTourOrderByTuan_ico"><i style="background-color:#0000ff"></i><span>{{$t('fnc.yidadan')}}</span></span>
              <span class="groupTourOrderByTuan_ico"><i style="background-color:#00FF00"></i><span>{{$t('fnc.ptcnyshenhe')}}</span></span>
              <span class="groupTourOrderByTuan_ico"><i style="background-color:#FF0000"></i><span>{{$t('fnc.yhcnyshenhe')}}</span></span>
              <span class="groupTourOrderByTuan_ico"><i style="background-color:#000000"></i><span>{{$t('fnc.ytongguo')}}</span></span>
            </p>
          </div>
        </el-col>

      </el-row>
    </div>

    <table class="SalesHotelOrderTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
      <tr>
        <th width="50">{{$t('hotel.order_Number')}}</th>
        <th width="95">{{$t('salesModule.ThirdOrderNum')}}</th>
        <th width="190">{{$t('visa.v_tuanhao')}}</th>
        <th>{{$t('hotel.hotel_roomnumber')}}</th>
        <th>币种</th>
        <th>{{$t('sm.zonge')}}</th>
        <th>{{$t('fnc.shishou')}}</th>
        <th>{{$t('salesModule.BigBag')}}</th>
        <th>{{$t('sm.youhuijine')}}</th>
        <th>{{$t('Operation.Op_daishou')}}</th>
        <th>{{$t('op.JapnaseYen')}}</th>
        <th>{{$t('op.RYCBJ')}}</th>
        <th>{{$t('hotel.hotel_OrderStates')}}</th>
        <th>{{$t('fnc.cjshijian')}}</th>
        <th>{{$t('op.RZLDR')}}</th> 
        <th>{{$t('salesModule.CancelFee')}}</th>
        <th width="220">{{$t('fnc.khxinxi')}}</th>
        <th>{{$t('active.cl_addPp')}}</th>
        <th>{{$t('MarketingActi.endTime')}}</th>
        <th width="180">{{$t('system.table_operation')}}</th>
      </tr>
      <tbody v-for="(item,index) in dataList">
        <tr>
            <td style="border-bottom:2px solid #333" rowspan="2">{{item.OrderID}}</td>
            <td>{{item.ThirdOrderNo}}</td>
            <td><span class="cursorpointer text-decoration" @click="GotoUrl(item.TCNUM)" v-if="item.TCID">{{item.TCNUM}}({{item.TCID}})</span></td>
            <td>{{item.Number}}</td>
            <td>{{item.CurrencyCode}}</td>
            <td>{{item.TotalPrice}}</td>
            <td>{{item.Income}}</td>
            <td>{{item.RedEnvelopeMoney}}</td>
            <td>{{item.DiscountMoney}}</td>
            <td>{{item.DueinMoney}}</td>
            <td>{{item.UpdateJapanese}}/{{item.totalChargeableRateInfoTaxOut}}</td>
            <td>{{item.UpdateJapanese-(item.totalChargeableRateInfoTaxOut*0.04)}}</td>
            <td>
              <span :class="item.OrderStatus=='已取消'?'color_red_order':''">{{item.OrderStatus}}</span>
            </td>
            <td>{{item.CreateDateStr}}</td>
            <td>{{item.CheckInStr}}-{{item.CheckOutStr}}</td>
            <td>{{item.CancelFee}}</td>
            <td>{{item.CustomerName}}/{{item.CustomerPhone}}</td>
            <td>{{item.CreateByStr}}</td>
            <td>{{item.EndTime}}</td>
            <td>
                <el-row>
                  <el-button-group>
                    <el-tooltip class="item" effect="dark" :content="$t('sm.daifukuan')" placement="top-start">
                      <el-button type="primary" icon="iconfont icon-fukuan2" @click="getShouKuan(item)" ></el-button>
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" :content="$t('sm.exitOrder')" placement="top-start">
                      <el-button type="info" v-if="item.IsCanOrder == 0" icon="iconfont icon-quxiao1" @click="cancelHTorder(item.ThirdOrderNo)"></el-button>
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" :content="$t('pub.sureBtn')" placement="top-start">
                      <el-button  type="success" icon="iconfont icon-duigou" v-if="item.IsCanClear == 0" @click="queren(1, item.OrderID)" ></el-button>
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" :content="$t('sm.exitsure')" placement="top-start">
                      <el-button type="info" icon=" iconfont icon-quxiao1" v-if="item.IsCanClear == 1" @click="queren(0, item.OrderID)"></el-button>
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" :content="$t('salesModule.UnionTeam')" placement="top-start">
                      <el-button type="warning" icon="iconfont icon-guanlian" @click="TCID = '',GLOrderID = item.OrderID,dialogFormVisible = true"></el-button>
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" :content="$t('fnc.xiangqing')" placement="top-start">
                      <el-button type="success" icon="iconfont icon-sousuo" @click="goOrderDetails(item.OrderID)"></el-button>
                    </el-tooltip>
                    <el-tooltip v-if="EmployeeId==380||EmployeeId==46||EmployeeId==1||EmployeeId==5" class="item" effect="dark" :content="$t('op.UpdateCBJ')" placement="top-start">
                      <el-button type="success" icon="iconfont icon-Edit" @click="getThisMsg(item)"></el-button>
                    </el-tooltip>
                  </el-button-group>
                </el-row>
            </td>
        </tr>
        <tr>
            <td colspan="8" style="text-align:left;width:600px">
                <div class="clearfix">
                    <div class="SH_beizhu" style="">
                        {{$t('pub.pubRemark')}}:
                    </div>
                    <div class="SH_beizhuInner">
                        {{item.Remark}}
                    </div>
                </div>
            </td>
            <td colspan="10" style="text-align:left;width:600px">
                <div class="SH_OrderDan">
                    <div>{{$t('fnc.skdanju')}}:</div>
                    <div>
                        <span v-for="subItem in item.FinanceList">
                            <span  @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-if="subItem.ColorState===1"  class="groupTourOrder_tickets_blue">{{subItem.FrID}}</span>
                            <span @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-else-if="subItem.ColorState===2" class="groupTourOrder_tickets_green">{{subItem.FrID}}</span>
                            <span @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-else-if="subItem.ColorState===3" class="groupTourOrder_tickets_red">{{subItem.FrID}}</span>
                            <span @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-else-if="subItem.ColorState===4" class="groupTourOrder_tickets_black">{{subItem.FrID}}</span>                        
                        </span>
                        <span v-if="item.FinanceList==0">{{$t('system.content_noData')}}</span>
                    </div>
                </div>
                <div  class="SH_OrderDan">
                    <div>{{$t('fnc.fkdanju')}}:</div>
                    <div>
                        <span v-for="subItem in item.RefundFinanceList">
                            <span @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-if="subItem.ColorState===1" class="groupTourOrder_tickets_blue">{{subItem.FrID}}</span>
                            <span @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-else-if="subItem.ColorState===2" class="groupTourOrder_tickets_green">{{subItem.FrID}}</span>
                            <span @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-else-if="subItem.ColorState===3" class="groupTourOrder_tickets_red">{{subItem.FrID}}</span>
                            <span @click="goUrlFinacel('财务单据','FinancialDocumentsDetail',subItem.FrID)" v-else-if="subItem.ColorState===4" class="groupTourOrder_tickets_black">{{subItem.FrID}}</span>                        
                        </span>
                        <span v-if="item.RefundFinanceList==0">{{$t('system.content_noData')}}</span>
                    </div>
                </div>

            </td>
        </tr>
      </tbody>
    </table>
    <div class="noDataNotice" v-if="dataList.length<1">
      <i class="iconfont icon-kong"></i>
      <p>{{$t("active.ld_noData")}}</p>
    </div>
    <el-dialog title="请选择团号" width="400px" :visible.sync="dialogFormVisible" center :before-close="closeChangeMachie">
      <el-form label-width="110px">
          <el-form-item label="团号">
              <el-select
                  v-model="TCID"
                  filterable
                  remote
                  reserve-keyword
                  :placeholder="$t('pub.pleaseImport')"
                  :remote-method="remoteMethodTCNum"
                  :loading="loading2">
                  <el-option
                      v-for="item in searchList"
                      :key="item.TCID"
                      :label="item.TCNUM"
                      :value="item.TCID">
                      <span style="float: left">{{ item.TCNUM }}</span>
                  </el-option>
              </el-select>
            </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
          <button class="hollowFixedBtn" @click="dialogFormVisible=false,GLOrderID = ''">{{$t('pub.cancelBtn')}}</button>
          <button class="normalBtn" type="primary" @click="querenGL">{{$t('pub.sureBtn')}}</button>
      </div>
    </el-dialog>

    <el-dialog title="修改价格" width="400px" :visible.sync="updatePriceDialog" center :before-close="closeChangeMachie">
      <el-form label-width="110px">
          <el-form-item :label="$t('op.RYHS')">
              <el-input type="text" v-model="updateMsg.UpdateJapanesePrice" @keyup.native="checkPrice(updateMsg,'UpdateJapanesePrice')"></el-input>
          </el-form-item>
          <el-form-item :label="$t('op.RYBHS')">
              <el-input type="text" v-model="updateMsg.totalChargeableRateInfoTaxOut" @keyup.native="checkPrice(updateMsg,'totalChargeableRateInfoTaxOut')"></el-input>
          </el-form-item>

      </el-form>
      <div slot="footer" class="dialog-footer">
          <button class="hollowFixedBtn" @click="updatePriceDialog=false">{{$t('pub.cancelBtn')}}</button>
          <button class="normalBtn" type="primary" @click="querenPrice">{{$t('pub.sureBtn')}}</button>
      </div>
    </el-dialog>

    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper"
      :page-size=msg.pageSize :total=total>
    </el-pagination>
  </div>
</template>
<script>
export default {
  data() {
    return {
      msg: {
          pageIndex:1,
          pageSize:10,
          B2BSelectOrderState:0,
          RB_Branch_Id:-1,
          RB_Department_Id:0,
          CreateBy:0,
          HotelName:'',
          StartTime:'',
          EndTime:'',
          CStartTime:'',
          CEndTime:''
      },
      TCID: '',
      GLOrderID: '',
      total:0,
      currentPage: 1,
      loading:false,
      updateMsg:{
        OrderID:'',
        //日元含税价
        UpdateJapanesePrice:0,
        //日元不含税价
        totalChargeableRateInfoTaxOut:0
      },
      updatePriceDialog:false,
      StartTimeBefore: {
        disabledDate: time => {
            if (this.msg.EndTime == null) {
                return false;
            } else {
                let endTime = new Date(this.msg.EndTime)
                return endTime.getTime() < time.getTime()
            }
        }
      },
      EndTimeAfter: {
        disabledDate: time => {
            let startTime = new Date(this.msg.StartTime)
            return startTime.getTime() >= time.getTime()
        }
      },
      CStartTimeBefore: {
        disabledDate: time => {
            if (this.msg.CEndTime == null) {
                return false;
            } else {
                let endTime = new Date(this.msg.CEndTime)
                return endTime.getTime() < time.getTime()
            }
        }
      },
      CEndTimeAfter: {
        disabledDate: time => {
            let startTime = new Date(this.msg.CStartTime)
            return startTime.getTime() >= time.getTime()
        }
      },

      orderStatus:[{
          Name:'全部',
          Id:0
        },{
            Name:'待支付',
            Id:1
        },{
            Name:'交易完成',
            Id:2
        },{
            Name:'取消',
            Id:3
      }],
      dataList: [],
      getCompanyMsg:{  // 公司
        RB_Group_Id:'0',
        Status:'0',
      },
      getDepartmentMsg:{// 部门
        RB_Group_Id:'',
        RB_Branch_Id:'',
        Status:0,
        ParentId:-1,
        Tier:0,
      },
      employeeMsg:{ // 员工
        GroupId:'',
        BranchId:-1,
        DepartmentId:0,
        PostId:0,
        IsLeave:0,
      },
      CompanyList:[],
      DepartmentList:[],
      EmployeeList:[],
      //统计快
      TotalMsg:[],
      searchList: [],
      loading2: false,
      dialogFormVisible: false,
      //员工ID
      EmployeeId:''
    };
  },
  methods: {
    GotoUrl(TCNUM) {
      this.$router.push({
        path: "TravelControlList",
        query: {
          tcmun: TCNUM,
          blank: 'y',
          tab: "团控查询",
        }
      });
    },
    querenGL(){
      this.apipost("dmc_post_get_RelevanceTCID",{ TCID: this.TCID, OrderID: this.GLOrderID },res => {
        if (res.data.resultCode == 1) {
          this.Success(res.data.message);
          this.getList();
          this.dialogFormVisible = false
        }
      },err => {});
    },
    //获取当前信息
    getThisMsg(item){
      this.updatePriceDialog=true;
      this.updateMsg.OrderID = item.OrderID;
      this.updateMsg.UpdateJapanesePrice=item.UpdateJapanese;
      this.updateMsg.totalChargeableRateInfoTaxOut=item.totalChargeableRateInfoTaxOut;
    },
    //修改成本价
    querenPrice(){
      this.$confirm('是否确认修改?', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning'
					}).then(() => {
						this.apipost('sellorder_post_UpdateUpdateJapaneseOrder', this.updateMsg, res => {
							if(res.data.resultCode == 1) {
                this.Success("修改成功");
                this.updatePriceDialog=false;
								this.getList()
							} else {
								this.Error(res.data.message)
							}
						}, err => {})
					}).catch(() => {
            this.Error('已取消修改');
      });
    },
    closeChangeMachie(done) {  //  弹=窗口关闭
      done();
    },
    remoteMethodTCNum(query) {
      if (query !== ''||this.addShow) {
        this.loading2 = true;
        this.apipost("InvoiceApply_get_GetPriceList",{ TCNUM:query },res => {
          if (res.data.resultCode == 1) {
            this.searchList = res.data.data;
            this.loading2 = false;
          }
        },err => {});
      } else {
        this.searchList = [];
        this.loading2 = false; 
      }
    },
    queren(type, OrderID){
      let text = type == 1 ? '确认后,订单不会自动取消' : '取消后,订单会自动取消'
      this.$confirm(text, this.$t('tips.tips'), {
          confirmButtonText: this.$t('pub.sureBtn'),
          cancelButtonText: this.$t('pub.cancelBtn'),
          type: 'warning'
      }).then(() => {
          this.apipost('dmc_post_get_UpdateOrderCanClear',{OrderID: OrderID, IsCanClear: type},res=>{
              if(res.data.resultCode==1){
                  this.Success(res.data.message);
                  this.getList();
              }else{
                  this.Error(res.data.message);
              }
          },err=>{})
      }).catch(() => {
          this.$message({
              type: 'info',
              message: this.$t('ios.yi') + this.$t('pub.cancelBtn')
          });
      });
    },
    goOrderDetails(ID){
      this.$router.push({
        name: 'OpHotelOrderDetail',
        query: {
          ID: ID,
          blank:'y',
        }
      })
    },
    getList() {
      //获取现有线路列表
      this.loading = true;
      this.apipost(
        "sellorder_post_GetAllJapanHotelOrderList",
        this.msg,
        res => {
          this.loading = false;
          if (res.data.resultCode == 1) {
             this.dataList = res.data.data.pageData;
             this.total = res.data.data.count;
             let userInfo = this.getLocalStorage();
             let EmployeeId = userInfo.EmployeeId; 
             this.dataList.forEach(x=>{
               if((x.CreateBy == EmployeeId ||EmployeeId == 1 || EmployeeId == 5) && x.IsCanOrder == 0){
                 x.ShowBtn = true;
               }else{
                 x.ShowBtn = false;
               }
             })
          } else {
              this.Error(res.data.message);
          }
        },
        err => {}
      );
    },
    //获取统计数据
    getTotalCount(){
      this.apipost(
        "sellorder_post_GetAllStatisticsList",
        this.msg,
        res => {
          if (res.data.resultCode == 1) {
              this.TotalMsg = res.data.data;
          } else {
              this.Error(res.data.message);
          }
        },
        err => {}
      );

    },
    handleCurrentChange(val) {
        this.msg.pageIndex = val;
        this.getList();
    },
    resetPageIndex() {
        this.msg.pageIndex = 1;
        this.currentPage = 1
    },
    getCompanyList: function () { //获取公司列表
      this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
        if(res.data.resultCode==1){
          this.CompanyList=res.data.data;
        }else{}
      },err=>{})
    },
    getDepartment: function () {  //获取部门列表
      this.apipost('admin_get_DepartmentGetList', this.getDepartmentMsg, res => {
        if(res.data.resultCode == 1) {
          this.DepartmentList = res.data.data;
        }
      }, err => {})
    },
    getEmployee() { //员工
      this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => {
        if(res.data.resultCode == 1) {
          this.EmployeeList = res.data.data;
        }
      }, err => {})
    },
   //点击取消操作
   cancelHTorder(ThirdOrderNo){
      let userInfo = this.getLocalStorage();
      let EmployeeId = userInfo.EmployeeId;
      let msg ={
          bookingNumber:ThirdOrderNo,
          CancelBy:EmployeeId,
          CancelType:1
      }
      this.apipost(
      "dmc_post_Get_GetJAPAN_GetJAPAN_ReservationCancallation",
      msg,
      res => {
        if (res.data.resultCode == 1) { 
            this.Success('取消成功');
            this.getList();
        } else {
          this.Error(res.data.message);
        }
      },
      null
    );
   },
   //点击收款
   getShouKuan(obj){
     let TCIDARR = obj.TCID ? [obj.TCID] : [];
      let orderObj = {
        OrderID:obj.OrderID,
        OrderSource:1,
        Obj: {},
        SourceID:null,
        TCIDList: TCIDARR
      }
      this.$router.push({
        name: 'ChoiceAddFinancialDocuments',
        query:{
          "companyID":obj.RB_Branch_id,
          "path": "",
          'blank':'y',
          'orderObj':JSON.stringify(orderObj),
          'tradeWay':1,
          'platformAccount':0
        }
      });
   },
   //跳转财务单据
   goUrlFinacel: function(name, path, id) {
      this.$router.push({
        name: path,
        query: { id: id, blank: "y", tab: name }
      });
   }
  },
  mounted() {
    if(this.$route.query.teamTCID){
      this.msg.HotelName=this.$route.query.teamTCID;
    }
    let userInfo=this.getLocalStorage();
    this.getCompanyMsg.RB_Group_Id=userInfo.RB_Group_id;    //集团
    this.getDepartmentMsg.RB_Branch_Id=userInfo.RB_Branch_id;   //公司
    this.EmployeeId=userInfo.EmployeeId //员工
    this.getCompanyList()
    this.getDepartment()
    this.getEmployee()
    this.getList();
    this.getTotalCount();
  }
};
</script>