<template>
  <div class="mb30" v-loading='loading'>
    <table class="leaderReimbursementTableNav" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <th width="8%">出发地</th>
        <th width="30%">行程名称</th>
        <th width="15%">团号</th>
        <th width="15%">出发时间</th>
        <th width="8%">天数</th>
        <th width="8%">出团人数</th>
        <th width="8%">领队</th>
        <th width="8%">导游</th>
      </tr>
      <tr v-for='item in nav'>
        <td>{{item.StartCityNames}}</td>
        <td>
          <div class="padding10">{{item.Titles}}</div>
        </td>
        <td>{{item.TCNUMS}}</td>
        <td>{{item.FlightDate}}</td>
        <td>{{item.DayNum}}天</td>
        <td>{{item.TotalSeat}}人</td>
        <td>{{item.LeaderName}}</td>
        <td>{{item.GuideName}}</td>
      </tr>
    </table>
    <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
      <tbody>
        <tr class="title">
          <td width="80" class="bgwhite" :rowspan="list.BusList.length+1">车辆使用</td>
          <td width="100">使用时间</td>
          <td width="80">司机姓名</td>
          <td width="80">司机电话</td>
          <td width="100">车配号</td>
          <td width="100">车辆号</td>
          <td width="60">用车方式</td>
          <td width="60">车费</td>
          <td width="80">高速公路费</td>
          <td width="60">停车费</td>
          <td width="60">金额小计</td>
          <td width="60">总金额</td>
          <td>备注</td>
        </tr>
        <tr v-for='(item,index) in list.BusList'>
          <td>{{item.PlanDateStr}}</td>
          <td>{{item.DriverName}}</td>
          <td>{{item.DriverTel}}</td>
          <td>{{item.BusCode}}</td>
          <td>{{item.BusNum}}</td>
          <td>
            <span v-if='index==0'>接机</span>
            <span v-if='index!=0&&index!=list.BusList.length-1'>{{item.AirportPickUpStr}}</span>
            <span v-if='index==list.BusList.length-1'>送机</span>
          </td>
          <td>
            {{item.CostPrice}}
          </td>
          <td>
            {{item.HighSpeedPrice}}
          </td>
          <td>
            {{item.StopPrice}}
          </td>
          <td>
            {{Number(item.CostPrice)+Number(item.HighSpeedPrice)+Number(item.StopPrice)}}
          </td>
          <td v-if='index==0' :rowspan='list.BusList.length'>
            {{busTotalPrice(list.BusList)}}
          </td>
          <td>
            {{item.Remarks}}
          </td>
          <td>
            <div class="uploadListDiv ownScrollbarStyle">
              <p v-for="(img,index) in item.VoucherPicList" @click="analyzeItem(item.VoucherPicList,index)">
                {{img.FileName}}
              </p>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
    <!--{{outItem.HotelOrderList}}-->
    <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
      <tr class="title">
        <td width="80" class="bgwhite" rowspan="50">酒店使用</td>
        <td width="100">使用时间</td>
        <td width="30%">酒店名称</td>
        <td width="100">占床/不占床</td>
        <td width="80">实际用房数</td>
        <td width="100">房间类型</td>
        <td width="60">房间数</td>
        <td width="60">免费人数</td>
        <td width="60">单价/人</td>
        <td width="60">金额小计</td>
        <td width="60">返佣</td>
        <td width="60">总金额</td>
        <td>备注</td>
      </tr>
      <template v-for="(outItem,outIndex) in list.HotelOrderListReport">
        <tr class="HotelTr" v-for='(item,index) in outItem.HotelOrderList'>
          <td>{{item.CheckInDateStr}}</td>
          <td>
            <div style="width: 100%;">{{item.HotelName}}</div>
          </td>
          <td>
            {{item.HouseStatistics.NeedBed}}/{{item.HouseStatistics.NoNeedBed}}
          </td>
          <td>{{item.HouseStatistics.RealityRoomNum}}</td>
          <td>
            <div class="alcenter">
              <p v-for="x in item.HouseStatistics.HouseTypeList">
                {{x.HouseTypeName}}
              </p>
            </div>
          </td>
          <td>
            <div class="alcenter">
              <p v-for="x in item.HouseStatistics.HouseTypeList">
                {{x.HouseTypeCount}}
              </p>
            </div>
          </td>
          <td>
            <div class="alcenter">
              <p v-for="x in item.HouseStatistics.HouseTypeList">
                {{x.HotelDiscount}}
              </p>
            </div>
          </td>
          <td>
            <div class="alcenter">
              <p v-for="x in item.HouseStatistics.HouseTypeList">
                {{x.UnitPrice}}
              </p>
            </div>
          </td>
          <td>
            <div>
              <p v-for="x in item.HouseStatistics.HouseTypeList">
                {{x.UnitPrice*(x.HouseGuestNum-x.HotelDiscount)}}
              </p>
            </div>
          </td>
          <td>
            <div>
              <p v-for="x in item.HouseStatistics.HouseTypeList">
                {{item.RebateRatio}}%
              </p>
            </div>
          </td>
          <td>
            {{hotelTotalPrice(item.HouseStatistics.HouseTypeList)}}
          </td>
          <td>
            {{item.Remarks}}
          </td>
        </tr>
      </template>
    </table>

    <!--<table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">			
			<tbody>
				<tr class="title">
					<td width="80" class="bgwhite" :rowspan="list.HotelList.length+1">酒店使用</td>
					<td width="100">使用时间</td>
					<td width="30%">酒店名称</td>
					<td width="100">占床/不占床</td>
					<td width="80">实际用房数</td>
					<td width="100">房间类型</td>
					<td width="60">房间数</td>
					<td width="60">免费人数</td>
					<td width="60">单价/人</td>
					<td width="60">金额小计</td>
					<td width="60">返佣</td>
					<td width="60">总金额</td>
					<td>备注</td>
				</tr>
				<tr class="HotelTr" v-for='(item,index) in list.HotelList'>
					<td>{{item.CheckInDateStr}}</td>
					<td>
						<div style="width: 100%;">{{item.HotelName}}</div>
					</td>
					<td>
						{{item.HouseStatistics.NeedBed}}/{{item.HouseStatistics.NoNeedBed}}
					</td>
					<td>{{item.HouseStatistics.RealityRoomNum}}</td>
					<td>
						<div class="alcenter">
							<p v-for="x in item.HouseStatistics.HouseTypeList">
								{{x.HouseTypeName}}
							</p>
						</div>
					</td>
					<td>
						<div class="alcenter">
							<p v-for="x in item.HouseStatistics.HouseTypeList">
								{{x.HouseTypeCount}}
							</p>
						</div>
					</td>
					<td>
						<div class="alcenter">
							<p v-for="x in item.HouseStatistics.HouseTypeList">
								{{x.HotelDiscount}}
							</p>
						</div>	
					</td>
					<td>
						<div class="alcenter">
							<p v-for="x in item.HouseStatistics.HouseTypeList">
								{{x.UnitPrice}}
							</p>
						</div>
					</td>
					<td>
						<div>
							<p v-for="x in item.HouseStatistics.HouseTypeList">
								{{x.UnitPrice*(x.HouseGuestNum-x.HotelDiscount)}}
							</p>
						</div>
					</td>
					<td>
						<div>
							<p v-for="x in item.HouseStatistics.HouseTypeList">
								{{item.RebateRatio}}%
							</p>
						</div>
					</td>
					<td>
						{{hotelTotalPrice(item.HouseStatistics.HouseTypeList)}}
					</td>
					<td>
						{{item.Remarks}}
					</td>
				</tr>
			</tbody>	
		</table>-->
    <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
      <tbody>
        <tr class="title">
          <td width="80" class="bgwhite" :rowspan="list.DiningList.length+1">餐食使用</td>
          <td width="100">使用时间</td>
          <td width="30%">餐厅名称</td>
          <td width="60">类别</td>
          <td width="100">用餐人数</td>
          <td width="60">免费人数</td>
          <td width="60">单价</td>
          <td width="60">金额小计</td>
          <td width="60">返佣</td>
          <td width="60">总金额</td>
          <td>备注</td>
        </tr>
        <tr class="splitP ScenicTr" v-for='(item,index) in list.DiningList'>
          <td>{{item.UseTimeStr}}</td>
          <td>
            <p style="height: 60px!important; display: flex;align-items: center; padding:0 20px;"
              v-for="subItem in item.DiningSummaryList">
              {{subItem.DiningName}}
            </p>
          </td>
          <td>
            <p style="height: 60px!important; line-height: 60px;" v-for="subItem in item.DiningSummaryList">
              {{subItem.UseDinnerTypeStr}}
            </p>
          </td>
          <td valign="top">
            <div v-for="subItem in item.DiningSummaryList">
              <p v-for="childItem in subItem.DiningPriceList">
                {{peopleStrToWord(childItem.PeopleType)}}:{{childItem.PeopleNum}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.DiningSummaryList">
              <p v-for="childItem in subItem.DiningPriceList">
                {{childItem.Discount}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.DiningSummaryList">
              <p v-for="childItem in subItem.DiningPriceList">
                {{childItem.PeoplePrice}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.DiningSummaryList">
              <p v-for="childItem in subItem.DiningPriceList">
                {{(childItem.PeopleNum-childItem.Discount)*childItem.PeoplePrice}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.DiningSummaryList">
              <p v-for="childItem in subItem.DiningPriceList">
                {{childItem.DiscountPrice}}%
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.DiningSummaryList">
              {{diningTotalPrice(subItem.DiningPriceList)}}
            </div>
          </td>
          <td>
            {{item.Remarks}}
          </td>
        </tr>
      </tbody>
    </table>
    <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
      <tbody>
        <tr class="title">
          <td width="80" class="bgwhite" :rowspan="list.ScenicList.length+1">门票使用</td>
          <td width="100">使用时间</td>
          <td width="30%">景点名称</td>
          <td width="60">总人数</td>
          <td width="60">门票类别</td>
          <td width="60">免费人数</td>
          <td width="60">单价</td>
          <td width="60">金额小计</td>
          <td width="60">返佣</td>
          <td width="60">总金额</td>
          <td>备注</td>
        </tr>
        <tr class="splitP ScenicTr" v-for='(item,index) in list.ScenicList'>
          <td>{{item.UseTimeStr}}</td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              {{subItem.ScenicName}}
            </div>
          </td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              {{subItem.UseAccount}}
            </div>
          </td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              <p v-for="o in subItem.TicketPriceList">
                {{peopleStrToWord(o.PeopleType)}}:{{o.PeopleNum}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              <p v-for="o in subItem.TicketPriceList">
                {{o.Discount}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              <p v-for="o in subItem.TicketPriceList">
                {{o.PeoplePrice}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              <p v-for="o in subItem.TicketPriceList">
                {{(o.UsePeopleNum-o.Discount)*o.PeoplePrice}}
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              <p v-for="o in subItem.TicketPriceList">
                {{o.DiscountPrice}}%
              </p>
            </div>
          </td>
          <td>
            <div v-for="subItem in item.ScenicStatisticsList">
              {{scenicTotalPrice(subItem.TicketPriceList)}}
            </div>
          </td>
          <td>
            <div style="padding: 0 10px;" v-for="subItem in item.ScenicStatisticsList">
              {{item.Remarks}}
            </div>

          </td>
        </tr>
      </tbody>
    </table>
    <template v-for="(outItem,outIndex) in list.OtherOrderReportList">
      <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
        <tbody>
          <tr class="title">
            <td width="80" class="bgwhite" :rowspan="outItem.OtherList.length+1">其他费用</td>
            <td width="120">团号</td>
            <td width="120">使用时间</td>
            <td width="150">费用项目</td>
            <td width="80">总人数</td>
            <td width="80">单价</td>
            <td width="80">金额小计</td>
            <td width="80">返佣</td>
            <td width="80">总金额</td>
            <td>备注</td>
            <td width="80">
              <input type="button" value="添加" class="normalBtn" @click="addOtherList(outIndex,outItem.TCID)" />
            </td>
          </tr>
          <tr v-for='(item,index) in outItem.OtherList'>
            <td v-if='index==0' :rowspan='outItem.OtherList.length'>
              {{outItem.TCNUM}}
            </td>
            <td>
              <el-date-picker v-model='item.UseDate' class='w105' value-format="yyyy-MM-dd" type="date">
              </el-date-picker>
            </td>
            <td>
              <el-select class='w120 sel' v-model='item.CostProject' :placeholder="$t('pub.pleaseSel')">
                <el-option label='请选择' value='0'></el-option>
                <el-option label='导游津贴' value='1'></el-option>
                <el-option label='司机津贴' value='2'></el-option>
                <el-option label='其他支出' value='3'></el-option>
              </el-select>
            </td>
            <td>
              <el-input v-model='item.TotalNum' @keyup.native="checkInteger(item,'TotalNum')" class='w50'></el-input>
            </td>
            <td>
              <el-input v-model='item.UnitPrice' @keyup.native="checkPrice(item,'UnitPrice')" class='w50'></el-input>
            </td>
            <td>
              {{item.TotalNum*item.UnitPrice}}
            </td>
            <td>
              <el-input v-model='item.Rebate' class='w50' @keyup.native="checkInteger(item,'Rebate')"></el-input>%
            </td>
            <td v-if='index==0' :rowspan='outItem.OtherList.length'>
              {{otherTotalPrice(outItem.OtherList)}}
            </td>
            <td style="padding: 0 10px;">
              <el-input v-model='item.Remark' type="textarea" autosize></el-input>
            </td>
            <td>
              <p @click="deleteOtherListItem(outIndex,index)">删除</p>
            </td>
          </tr>
        </tbody>
      </table>
    </template>
    <template v-for="(outItem,outIndex) in list.OtherOrderReportList">
      <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
        <tbody>
          <tr class="title">
            <td width="80" class="bgwhite" rowspan="2">小费收入</td>
            <td width="120">团号</td>
            <td width="120">人数</td>
            <td width="120">单价</td>
            <td width="80">总金额</td>
            <td>备注</td>

          </tr>
          <tr v-for='(item,index) in outItem.TipList'>
            <td>
              {{outItem.TCNUM}}
            </td>
            <td>
              <el-input class='w80' @keyup.native="checkInteger(item,'TotalNum')" v-model='item.TotalNum'></el-input>
            </td>
            <td>
              <el-input class='w80' @keyup.native="checkPrice(item,'UnitPrice')" v-model='item.UnitPrice'></el-input>
            </td>
            <td>{{item.TotalNum*item.UnitPrice}}</td>
            <td style="padding: 0 10px;">
              <el-input v-model='item.Remark' type="textarea" autosize></el-input>
            </td>
          </tr>
        </tbody>
      </table>
    </template>
    <template v-for="(outItem,outIndex) in list.OtherOrderReportList">
      <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
        <tbody>
          <tr class="title">
            <td width="80" class="bgwhite" rowspan="2">团费小计</td>
            <td width="120">团号</td>
            <td width="120">金额</td>
            <td>备注</td>

          </tr>
          <tr v-for='(item,index) in outItem.TeamList'>
            <td>
              {{outItem.TCNUM}}
            </td>
            <td>
              <el-input class='w80' @keyup.native="checkPrice(item,'UnitPrice')" v-model='item.UnitPrice'></el-input>
            </td>
            <td style="padding: 0 10px;">
              <el-input v-model='item.Remark' type="textarea" autosize></el-input>
            </td>
          </tr>
        </tbody>
      </table>
    </template>
    <template v-for="(outItem,outIndex) in list.OtherOrderReportList">
      <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
        <tbody>
          <tr class="title">
            <td width="80" class="bgwhite" :rowspan="outItem.SelfPlayingIncomeList.length+1">自费收入</td>
            <td width="120">团号</td>
            <td width="120">使用时间</td>
            <td width="80">人数</td>
            <td width="80">单价</td>
            <td width="80">金额小计</td>
            <td width="80">总金额</td>
            <td>备注</td>
            <td width="80">
              <input type="button" value="添加" class="normalBtn"
                @click="addSelfPlayingIncomeList(outIndex,outItem.TCID)" />
            </td>
          </tr>
          <tr v-for='(item,index) in outItem.SelfPlayingIncomeList'>
            <td v-if='index==0' :rowspan='outItem.SelfPlayingIncomeList.length'>
              {{outItem.TCNUM}}
            </td>
            <td>
              <el-date-picker v-model='item.UseDate' class='w105' value-format="yyyy-MM-dd" type="date">
              </el-date-picker>
            </td>
            <td>
              <el-input class='w50' @keyup.native="checkInteger(item,'TotalNum')" v-model='item.TotalNum'></el-input>
            </td>
            <td>
              <el-input class='w50' @keyup.native="checkPrice(item,'UnitPrice')" v-model='item.UnitPrice'></el-input>
            </td>
            <td>{{item.TotalNum*item.UnitPrice}}</td>
            <td v-if='index==0' :rowspan="outItem.SelfPlayingIncomeList.length">
              {{otherTotalPrice(outItem.SelfPlayingIncomeList)}}
            </td>
            <td style="padding: 0 10px;">
              <el-input v-model='item.Remark' type="textarea" autosize></el-input>
            </td>
            <td>
              <span @click="deleteSelfPlayingIncomeListItem(outIndex,index)">删除</span>
            </td>

          </tr>
        </tbody>
      </table>
    </template>
    <template v-for="(outItem,outIndex) in list.OtherOrderReportList">
      <table class="leaderReimbursementTable" border="0" cellspacing="1" cellpadding="0">
        <tbody>
          <tr class="title">
            <td width="80" class="bgwhite" :rowspan="outItem.SelfPlayingExpendList.length+1">自费支出</td>
            <td width="120">团号</td>
            <td width="120">使用时间</td>
            <td width="80">人数</td>
            <td width="80">单价</td>
            <td width="80">金额小计</td>
            <td width="80">返佣</td>
            <td width="80">总金额</td>
            <td>备注</td>
            <td width="80">
              <input type="button" value="添加" class="normalBtn"
                @click="addSelfPlayingExpendList(outIndex,outItem.TCID)" />
            </td>

          </tr>
          <tr v-for='(item,index) in outItem.SelfPlayingExpendList'>
            <td v-if='index==0' :rowspan='outItem.SelfPlayingExpendList.length'>
              {{outItem.TCNUM}}
            </td>
            <td>
              <el-date-picker v-model='item.UseDate' class='w105' value-format="yyyy-MM-dd" type="date">
              </el-date-picker>
            </td>
            <td>
              <el-input class='w50' @keyup.native="checkInteger(item,'TotalNum')" v-model='item.TotalNum'></el-input>
            </td>
            <td>
              <el-input class='w50' @keyup.native="checkPrice(item,'UnitPrice')" v-model='item.UnitPrice'></el-input>
            </td>
            <td>{{item.TotalNum*item.UnitPrice}}</td>
            <td>
              <el-input class='w50' v-model='item.Rebate'></el-input>%
            </td>
            <td v-if='index==0' :rowspan="outItem.SelfPlayingExpendList.length">
              {{otherTotalPrice(outItem.SelfPlayingExpendList)}}
            </td>
            <td style="padding: 0 10px;">
              <el-input v-model='item.Remark' type="textarea" autosize></el-input>
            </td>
            <td>
              <span @click="deleteSelfPlayingExpendList(outIndex,index)">删除</span>
            </td>
          </tr>
        </tbody>
      </table>
    </template>
    <p class="alcenter">
      <input type="button" v-if="isUpdate==true" value="保存" class="normalBtn" @click="saveData()" />
    </p>
    <div v-if='picIsShow' class="viewBigPicLayer">
      <i class="el-icon-circle-close-outline clolseViewBigPicLayer" @click="picIsShow=false,picObj=[]"></i>
      <el-carousel height="600px" :initial-index='initialIndex' :interval="5000" trigger="click">
        <el-carousel-item v-for="(item,index) in picObj" :key="index">
          <div class="inlineDiv ownScrollbarStyle"><img :src="item" /></div>
        </el-carousel-item>
      </el-carousel>
    </div>

  </div>
</template>

<script>
  export default {
    data() {
      return {
        isUpdate: false,
        loading: false,
        defaultSelectValue: 0,
        initialIndex: 0,
        picIsShow: false,
        picObj: [],
        TemporaryItem: {},
        msg: {
          TCIDs: '',
          NewCombinationNum: ''
        },
        list: [],
        nav: [],
        TravelDayNum: 0,
        RealityNum: 0,
      }
    },
    methods: {
      addOtherList(index, id) {
        this.list.OtherOrderReportList[index].OtherList.push({
          OrderType: '1',
          ID: 0,
          UseDate: '',
          CostProject: 0,
          TotalNum: '0',
          UnitPrice: '0',
          Rebate: '0',
          TotalPrice: '0',
          Remark: '',
          TCID: id,
          VoucherPicList: []
        })
      },
      deleteOtherListItem(outIndex, index) {
        this.list.OtherOrderReportList[outIndex].OtherList.splice(index, 1)
      },
      addSelfPlayingIncomeList(index, id) {
        this.list.OtherOrderReportList[index].SelfPlayingIncomeList.push({
          OrderType: '4',
          ID: 0,
          UseDate: '',
          CostProject: 0,
          TotalNum: '0',
          UnitPrice: '0',
          Rebate: '0',
          TotalPrice: '0',
          Remark: '',
          TCID: id,
          VoucherPicList: []
        })
      },
      deleteSelfPlayingIncomeListItem(outIndex, index) {
        this.list.OtherOrderReportList[outIndex].SelfPlayingIncomeList.splice(index, 1)
      },
      addSelfPlayingExpendList(index, id) {
        this.list.OtherOrderReportList[index].SelfPlayingExpendList.push({
          OrderType: '5',
          ID: 0,
          UseDate: '',
          CostProject: '',
          TotalNum: '0',
          UnitPrice: '0',
          Rebate: '0',
          TotalPrice: '0',
          Remark: '',
          TCID: id,
          VoucherPicList: []
        })
      },
      deleteSelfPlayingExpendList(outIndex, index) {
        this.list.OtherOrderReportList[outIndex].SelfPlayingExpendList.splice(index, 1)
      },
      busTotalPrice(obj) {
        let totalPrice = 0
        obj.forEach(item => {
          totalPrice += Number(item.CostPrice) + Number(item.HighSpeedPrice) + Number(item.StopPrice)
        })
        return totalPrice
      },
      hotelTotalPrice(obj) {
        let totalPrice = 0
        obj.forEach(x => {
          totalPrice += x.UnitPrice * (x.HouseGuestNum - x.HotelDiscount) * (1 - x.RebateRatio / 100)
        })
        return totalPrice
      },
      diningTotalPrice(obj) {
        let totalPrice = 0
        obj.forEach(x => {
          totalPrice += x.PeoplePrice * (x.PeopleNum - x.Discount) * (1 - x.DiscountPrice / 100)
        })
        return totalPrice
      },
      scenicTotalPrice(obj) {
        let totalPrice = 0
        obj.forEach(x => {
          totalPrice += x.PeoplePrice * (x.UsePeopleNum - x.Discount) * (1 - x.DiscountPrice / 100)
        })
        return totalPrice
      },
      otherTotalPrice(obj) {
        let totalPrice = 0
        obj.forEach(item => {
          totalPrice += item.TotalNum * item.UnitPrice * (1 - item.Rebate / 100)
        })
        return totalPrice
      },
      saveData() {
        this.apipost('dmcstatistics_post_SetOtherOrderList', this.list.OtherOrderReportList, res => {
          if (res.data.resultCode == 1) {
            this.$message.success(res.data.message)
            this.getNav()
            this.getList()
          } else {
            this.$message.error(res.data.message)
          }
        }, err => {})
      },
      saveitem(obj) {
        this.TemporaryItem = obj
      },
      analyzeItem(obj, index) { //预览
        this.picObj = []
        obj.forEach(item => {
          this.picObj.push(item.url)
        })
        this.initialIndex = index
        this.picIsShow = true
      },
      peopleStrToWord(str) {
        if (str == '1')
          return '成人'
        if (str == '2')
          return '儿童'
        if (str == '3')
          return '婴儿'
      },
      UseDinnerTypeToWord(str) {
        if (str == 1)
          return '早餐'
        if (str == 2)
          return '午餐'
        if (str == 3)
          return '晚餐'
      },
      getNav() {
        this.apipost('dmcstatistics_post_GetHotelStaticsByTCIDs', {
          TCIDs: this.$route.query.id
        }, res => {
          if (res.data.resultCode == 1) {
            this.nav = res.data.data
          } else {
            this.$message.error(res.data.message)
          }
        }, err => {})
      },
      getList() {
        this.loading = true
        this.apipost('dmcstatistics_post_GetGroupLeaderUserMoneyPlan', this.msg, res => {
          if (res.data.resultCode == 1) {
            this.loading = false
            this.list = res.data.data
            this.list.OtherOrderReportList.forEach(item => {
              item.OtherList.forEach(x => {
                x.CostProject = x.CostProject.toString()
              })
            })
          } else {
            this.loading = false
            this.$message.error(res.data.message)
          }
        }, err => {})
      },
    },
    mounted() {
      this.isUpdate = this.$route.query.isUpdate
      this.msg.TCIDs = this.$route.query.id
      //this.msg.NewCombinationNum=this.$route.query.num
      this.getNav()
      this.getList()
    }

  }

</script>

<style>
  .leaderReimbursementTableNav {
    background: #d6cece;
    width: 100%;
    margin: 20px 0;
  }

  .leaderReimbursementTableNav tr th {
    background: #E6E6E6;
    height: 40px;
    font-size: 12px;
    color: #333;
  }

  .leaderReimbursementTableNav tr {
    background: #fff;
    text-align: center;
    height: 40px;
    font-size: 12px;
  }

  .leaderReimbursementTableNav tr td {
    background: #fff;
    text-align: center;
    height: 40px;
    font-size: 12px;
    padding: 0 10px;
  }

  .leaderReimbursementTable {
    background: #d6cece;
    width: 100%;
    margin: 20px 0;
  }

  .leaderReimbursementTable tbody {
    margin: 10px 0;
  }

  .leaderReimbursementTable tr th {
    background: #E6E6E6;
    height: 40px;
    font-size: 12px;
    color: #333;
  }

  .leaderReimbursementTable tr {
    background: #fff;
    text-align: center;
    height: 40px;
  }

  .leaderReimbursementTable tr.title td {
    background: #E6E6E6;
  }

  .leaderReimbursementTable tr td div {
    word-break: normal;
  }

  .leaderReimbursementTable tr td.bgwhite {
    background: #fff !important;
    font-weight: bold;
  }

  .leaderReimbursementTable tr td {
    font-size: 12px;
  }

  .leaderReimbursementTable tr td .pDateStyle {
    border-bottom: 1px solid #E6E6E6;
    min-height: 24px;
    line-height: 24px;
    margin-top: 0;
    box-sizing: content-box;
    padding: 0 10px;
  }

  .leaderReimbursementTable tr td .pDateStyle:last-child {
    border-bottom: none;
  }

  .leaderReimbursementTable tr td .pDateStyle>span:after {
    content: '/';
  }

  .leaderReimbursementTable tr td .pDateStyle>span:last-child:after {
    content: ''
  }

  .leaderReimbursementTable tr td .link p:hover {
    text-decoration: underline;
    cursor: pointer;
  }

  .leaderReimbursementTable tr td .phoverStype:hover {
    text-decoration: underline;
    cursor: pointer;
  }

  .leaderReimbursementTable tr td input[type='text'] {
    height: 20px !important;
    padding: 0;
    text-align: center;
  }

  .leaderReimbursementTable tr td .sel input {
    height: 34px !important;
  }

  .leaderReimbursementTable .splitP td>p {
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
  }

  .leaderReimbursementTable .splitP td>p:last-child {
    border-bottom: none;
  }

  .leaderReimbursementTable .ScenicTr td>div {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ccc;
  }

  .leaderReimbursementTable .ScenicTr td>div:last-child {
    border-bottom: none;
  }

  .leaderReimbursementTable .ScenicTr td>div p {
    line-height: 20px;
    border-bottom: 1px solid #ccc;
  }

  .leaderReimbursementTable .ScenicTr td>div p:last-child {
    border-bottom: none;
  }

  .leaderReimbursementTable .HotelTr td>div {
    height: 100px;
    line-height: 100px;
    border-bottom: 1px solid #ccc;
  }

  .leaderReimbursementTable .HotelTr td>div:last-child {
    border-bottom: none;
  }

  .leaderReimbursementTable .HotelTr td>div p {
    line-height: 19px;
    border-bottom: 1px solid #ccc;
  }

  .leaderReimbursementTable .HotelTr td>div p:last-child {
    border-bottom: none;
  }

  .leaderReimbursementTable tr td .el-upload-list {
    display: none;
  }

  .leaderReimbursementTable .uploadListDiv {
    height: 100% !important;
    overflow-y: auto;
    width: 100%;
  }

  .leaderReimbursementTable .uploadListDiv>p {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    width: 100% !important;
  }

  .leaderReimbursementTable .uploadListDiv>p:last-child {
    border-bottom: none;
  }

  .leaderReimbursementTable .uploadListDiv>p i {
    color: #999;
    vertical-align: sub;
    margin: 3px;
  }

  .leaderReimbursementTable .jdtd>div {
    height: auto !important;
    padding: 0 10px;
  }

  .leaderReimbursementTable .leaderPayTable .el-input__prefix {
    display: none;
  }

</style>