Commit a06a32ea authored by 黄奎's avatar 黄奎

表格样式修改

parent b6de60b5
...@@ -28,6 +28,17 @@ ...@@ -28,6 +28,17 @@
padding: 5px; padding: 5px;
} }
.roomReservationsDetailsTalbe {
table-layout: fixed;
}
.roomReservationsDetailsTalbe thead tr th {
position: sticky;
top: 0;
z-index: 1000;
}
</style> </style>
<template> <template>
...@@ -50,548 +61,558 @@ ...@@ -50,548 +61,558 @@
<div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " :style="{height: boxHeight + 'px'}" <div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " :style="{height: boxHeight + 'px'}"
class="ownScrollbarStyle" ref="ownScrollbarStyle"> class="ownScrollbarStyle" ref="ownScrollbarStyle">
<table border="0" cellspacing="1" cellpadding="0" class="roomReservationsDetailsTalbe" v-loading="loading"> <table border="0" cellspacing="1" cellpadding="0" class="roomReservationsDetailsTalbe" v-loading="loading">
<tr> <thead>
<th class="fz14" colspan="5"> <tr>
{{$t('visa.v_teaminfo')}}&nbsp;&nbsp;{{$t('leader.leader_Leader')}}:{{LeaderName}} <th class="fz14" style="border:none;" >
&nbsp;&nbsp;{{$t('leader.leader_Guide')}}:{{GuideName}}.</th> {{$t('visa.v_teaminfo')}}&nbsp;&nbsp;{{$t('leader.leader_Leader')}}:{{LeaderName}}
<th class="fz14" colspan="17"> &nbsp;&nbsp;{{$t('leader.leader_Guide')}}: {{GuideName}} </th>
<el-tooltip class="item" effect="dark" content="批量上传手配书" placement="top-start" <th class="fz14" style="border:none;">
style="float:left;margin-left:20px;"> <el-tooltip class="item" effect="dark" content="批量上传手配书" placement="top-start"
<el-popover placement="bottom" popper-class="piliangPop" width="400" trigger="click" style="float:left;margin-left:20px;">
v-model="isShowPiliangPop"> <el-popover placement="bottom" popper-class="piliangPop" width="500" trigger="click"
<table class="dmcSetTable roomReserSet" border="0" cellspacing="0" cellpadding="0"> v-model="isShowPiliangPop">
<tr> <table class="dmcSetTable roomReserSet" border="0" cellspacing="0" cellpadding="0">
<th>日期</th> <tr>
<th>酒店名称</th> <th>日期</th>
</tr> <th>酒店名称</th>
<template v-for="(lItem,lIndex) in list"> </tr>
<tr v-for="(subItem,subIndex) in lItem.HotelOrderList" :key="subIndex+lIndex"> <template v-for="(lItem,lIndex) in list">
<td style="width:100px;"> <tr v-for="(subItem,subIndex) in lItem.HotelOrderList" :key="subIndex+lIndex">
{{lItem.UseTimeStr}} <td style="width:120px;">
{{lItem.UseTimeStr}}
</td>
<td style="width:280px;">
<el-checkbox v-model="subItem.IsChecked" @change="MoreUpdate(subItem)">
{{subItem.NewHotelName}}
</el-checkbox>
</td>
</tr>
</template>
<tr>
<td colspan="2" style="text-align:center">
<el-upload :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
<el-button size="small" type="danger" style="margin-top:10px;">
选择文件</el-button>
</el-upload>
</td> </td>
<td style="width:280px;"> </tr>
<el-checkbox v-model="subItem.IsChecked" @change="MoreUpdate(subItem)">{{subItem.NewHotelName}} </table>
<el-button slot="reference" style="background:#E95252; border-color:#E95252" type="primary">
批量上传手配书
</el-button>
</el-popover>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="批量修改" placement="top-start"
style="float:left;margin-left:20px;">
<el-popover placement="bottom" popper-class="piliangPop" width="400" trigger="click"
v-model="IsShowMoreUpdate">
<table class="dmcSetTable roomReserSet roomResetTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>房型</th>
<th>房间数量</th>
<th>人数</th>
</tr>
<tr v-for="(subItem,subIndex) in HotelHouseTypeList" :key="subIndex">
<td style="width:100px;">
<el-checkbox v-model="subItem.IsChecked"> {{subItem.Name}}
</el-checkbox> </el-checkbox>
</td> </td>
<td style="width:150px;">
<el-input class='w135 tcenter' maxlength="2" @keyup.native="checkInteger(subItem,'HouseNum')"
v-model='subItem.HouseNum'></el-input>
</td>
<td style="width:150px;">
<el-input class='w135 tcenter' maxlength="2" @keyup.native="checkInteger(subItem,'BookNum')"
v-model='subItem.BookNum'>
</el-input>
</td>
</tr> </tr>
<tr>
<td colspan="2" style="text-align:right">
<input type="button" class="normalBtn" value="保存" @click="BatchHotelOrder()">
</td>
</tr>
</table>
<el-button slot="reference" style="background:#E95252; border-color:#E95252;" type="primary"
v-if="EditBtn" @click="IsShowMoreUpdate=true">
批量修改酒店
</el-button>
</el-popover>
</el-tooltip>
</th>
</tr>
</thead>
</table>
<table border="0" cellspacing="1" cellpadding="0" class="roomReservationsDetailsTalbe" v-loading="loading">
<thead>
<tr>
<th width="120">{{$t('hotel.table_CheckInDate')}}</th>
<th width="180">{{$t('hotel.hotel_name')}}</th>
<th width="120">{{$t('ground.jiweizongshu')}}<br />(Y/E/F)</th>
<th width="80">{{$t('ground.zhanchuang')}}/<br />{{$t('ground.bzhanchuang')}}</th>
<th width="80">{{$t('ground.shiji')}}<br />{{$t('ground.yongfangshu')}}</th>
<th width="170">{{$t('ground.xiugaijiudiangys')}}</th>
<th width="100">{{$t('ground.fangjianleixing')}}</th>
<th width="80">{{$t('ground.fangjian')}}<br />{{$t("ground.yudingshu")}}</th>
<th width="80">{{$t('ground.yudingrenshu')}}</th>
<th width="80">{{$t('ground.danjiameiren')}}</th>
<th width="80">{{$t('ground.mianjianrenshu')}}</th>
<th width="80">{{$t('ground.jinexiaoji')}}</th>
<th width="80">{{$t('ground.fanyongleixing')}}</th>
<th width="80">{{$t('hotel.hotel_commission')}}</th>
<th width="80">{{$t('ground.fanyongyjin')}}</th>
<th width="80">{{$t('ground.rutangshui')}}</th>
<th width="80">{{$t('ground.chengshishui')}}</th>
<th width="80">{{$t('ground.tingchefei')}}</th>
<th width="100">{{$t('ground.jinezongji')}}</th>
<th width="250">{{$t('ground.fukuanbzdth')}}</th>
<th width="80">{{$t('system.table_operation')}}</th>
</tr>
</thead>
<tbody>
<template v-for="(item,index) in list">
<template v-for="(subItem,subIndex) in item.HotelOrderList">
<tr v-for="(childItem,childIndex) in subItem.OrderDetailsList">
<td v-if="childIndex==0&&subIndex==0" :rowspan="6*item.HotelOrderList.length">
{{item.UseTimeStr}}
</td>
<!-- 酒店名称 -->
<td v-if="childIndex==0" :rowspan="6">
<table class="hotelTable">
<tr>
<td colspan="2">
<p class="link" style="word-break: normal;text-align:left;"
:class="{'Hotel_red':subItem.HotelChangeState==3}"
@click="goUrlR('HotelManagement',subItem.HotelId,'酒店管理')">{{subItem.HotelName}}</p>
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td width="40">
{{$t('hotel.table_tel')}}
</td>
<td style="text-align:left">
{{subItem.Tel}}
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td width="40">
{{$t('hotel.table_address')}}
</td>
<td style="text-align:left">
{{subItem.Address}}
</td>
</tr>
</table>
<span style="font-weight:bold;font-size:14px;">报价酒店:<font style="color:red;">
{{subItem.OfferHotelName}}(
{{subItem.OfferUnitPrice}}/人)</font></span>
</td>
<!-- 机位总数/(Y/E/F) -->
<td v-if="childIndex==0" :rowspan="6">
<p class="link" @click="goUrlT('RegistrationList',subItem.TCID,'报名清单')">
{{flightTotal}}/{{subItem.HouseStatistics.RealityYSeatNum}}/{{subItem.HouseStatistics.RealityESeatNum}}/{{subItem.HouseStatistics.RealityFSeatNum}}
</p>
</td>
<!-- 占床/不占床 -->
<td v-if="childIndex==0" :rowspan="6">
<p class="link" @click="goUrlT('passengerHouse',subItem.TCID,'房间分配')">
{{subItem.RealityHouseGuestNum}}/{{subItem.HouseStatistics.NoNeedBed}}</p>
</td>
<!-- 实际用房数 -->
<td v-if="childIndex==0" :rowspan="6">
{{subItem.RealityHouseTypeCount}}
</td>
<td v-if="childIndex==0" :rowspan="6">
<table class="hotelTable">
<tr>
<td width="70" style="text-align:center;" colspan="2">
<span style="color:green">{{subItem.NewHotelName}}</span>
<el-popover placement="right" width="540" trigger="click"
:ref="'elPopoverHotel'+index+subIndex+''">
<comCheckHotel :ref="'comCheckHotel'+index+subIndex+''" v-on:childHotel="childHotelList"
:UseDate="item.UseTimeStr" :Country="ChooseCountry">
</comCheckHotel>
<el-button size="small" type="danger" :data-index="'comCheckHotel'+index+subIndex+''"
slot="reference" style="cursor:pointer;"
@click="subItem.isShowPop=true,getChildHotel(index,subIndex)">
{{$t('sm.jiudianxuanz')}}
</el-button>
</el-popover>
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td width="70" style="text-align:right;">
{{$t('hotel.hotel_Supplier')}}
</td>
<td>
<el-select class='w120 sel' v-model='subItem.SupplierId' @change="getSupplierShoupei(subItem)"
filterable :placeholder="$t('ground.qingxuanzegys')">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="(SupplierItem,Supplierindex) in SupplierList" :key="Supplierindex"
:label="SupplierItem.Name" :value="SupplierItem.ID">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td colspan="2">
<span v-if="subItem.IsHaveShouPeiFee==0" style="color:red;">{{$t('ground.wshoupeifei')}}</span>
<span v-if="subItem.IsHaveShouPeiFee==1&&isShoufeifei==true"
style="color:red;">{{$t('ground.shoupeifei')}}:{{subItem.ShouPeiMoney}}</span>
</td>
</tr>
<tr>
<td colspan="2">
<p style="padding-top: 5px;">
<template v-if="subItem.ContractUrl!=''">
<span style="color:green">已上传手配书</span>
&nbsp;&nbsp;<a v-if="subItem.ContractUrl" target="_blank" style="color:blue"
:href="subItem.ContractUrl">查看</a>
</template>
</p>
<el-upload :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
<el-button size="small" type="danger" @click='getItem(index, subIndex)'>
{{!subItem.ContractUrl ? '上传手配书' : '重新上传手配书'}}</el-button>
</el-upload>
</td>
</tr>
</table>
</td>
<!-- 房间类型 -->
<td>
{{subItem.HouseStatistics.HouseTypeList[childIndex].HouseTypeNameExt}}
<template v-if="childIndex==4">
<template v-if="subItem.DriverGuideIsRebate==1">
<br /><span style="color:green">{{$t('hotel.hotel_commission')}}</span>
</template>
<template v-else-if="subItem.DriverGuideIsRebate==0">
<br /><span style="color:red;">{{$t('ground.bufanyong')}}</span>
</template>
</template> </template>
<tr> <template v-if="childIndex==5">
<td colspan="2" style="text-align:center">
<el-upload :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
<el-button size="small" type="danger" style="margin-top:10px;">
选择文件</el-button>
</el-upload>
</td>
</tr>
</table>
<el-button slot="reference" style="background:#E95252; border-color:#E95252" type="primary">
批量上传手配书
</el-button>
</el-popover>
</el-tooltip>
<span style="margin-top:6px;display:inline-block;">{{$t('ground.dijiecaozuoxinxi')}}</span>
<el-tooltip class="item" effect="dark" content="批量修改" placement="top-start"
style="float:left;margin-left:20px;">
<el-popover placement="bottom" popper-class="piliangPop" width="400" trigger="click"
v-model="IsShowMoreUpdate">
<table class="dmcSetTable roomReserSet roomResetTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>房型</th>
<th>房间数量</th>
<th>人数</th>
</tr>
<tr v-for="(subItem,subIndex) in HotelHouseTypeList" :key="subIndex">
<td style="width:100px;">
<el-checkbox v-model="subItem.IsChecked"> {{subItem.Name}}
</el-checkbox>
</td>
<td style="width:150px;">
<el-input class='w135 tcenter' maxlength="2" @keyup.native="checkInteger(subItem,'HouseNum')"
v-model='subItem.HouseNum'></el-input>
</td>
<td style="width:150px;">
<el-input class='w135 tcenter' maxlength="2" @keyup.native="checkInteger(subItem,'BookNum')"
v-model='subItem.BookNum'>
</el-input>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:right">
<input type="button" class="normalBtn" value="保存" @click="BatchHotelOrder()">
</td>
</tr>
</table>
<el-button slot="reference" style="background:#E95252; border-color:#E95252;" type="primary"
v-if="EditBtn" @click="IsShowMoreUpdate=true">
批量修改酒店
</el-button>
</el-popover>
</el-tooltip>
</th>
</tr>
<tr>
<th width="120">{{$t('hotel.table_CheckInDate')}}</th>
<th width="180">{{$t('hotel.hotel_name')}}</th>
<th width="120">{{$t('ground.jiweizongshu')}}<br />(Y/E/F)</th>
<th width="80">{{$t('ground.zhanchuang')}}/<br />{{$t('ground.bzhanchuang')}}</th>
<th width="80">{{$t('ground.shiji')}}<br />{{$t('ground.yongfangshu')}}</th>
<th width="170">{{$t('ground.xiugaijiudiangys')}}</th>
<th width="100">{{$t('ground.fangjianleixing')}}</th>
<th width="80">{{$t('ground.fangjian')}}<br />{{$t("ground.yudingshu")}}</th>
<th width="80">{{$t('ground.yudingrenshu')}}</th>
<!-- <th width="80">尚差<br />房间数</th> -->
<th width="80">{{$t('ground.danjiameiren')}}</th>
<th width="80">{{$t('ground.mianjianrenshu')}}</th>
<th width="80">{{$t('ground.jinexiaoji')}}</th>
<th width="80">{{$t('ground.fanyongleixing')}}</th>
<th width="80">{{$t('hotel.hotel_commission')}}</th>
<th width="80">{{$t('ground.fanyongyjin')}}</th>
<th width="80">{{$t('ground.rutangshui')}}</th>
<th width="80">{{$t('ground.chengshishui')}}</th>
<th width="80">{{$t('ground.tingchefei')}}</th>
<th width="100">{{$t('ground.jinezongji')}}</th>
<th width="250">{{$t('ground.fukuanbzdth')}}</th>
<th width="80">{{$t('system.table_operation')}}</th>
</tr>
<template v-for="(item,index) in list">
<template v-for="(subItem,subIndex) in item.HotelOrderList">
<tr v-for="(childItem,childIndex) in subItem.OrderDetailsList">
<td v-if="childIndex==0&&subIndex==0" :rowspan="6*item.HotelOrderList.length">
{{item.UseTimeStr}}
</td>
<!-- 酒店名称 -->
<td v-if="childIndex==0" :rowspan="6">
<table class="hotelTable">
<tr>
<td colspan="2">
<p class="link" style="word-break: normal;text-align:left;"
:class="{'Hotel_red':subItem.HotelChangeState==3}"
@click="goUrlR('HotelManagement',subItem.HotelId,'酒店管理')">{{subItem.HotelName}}</p>
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td width="40">
{{$t('hotel.table_tel')}}
</td>
<td style="text-align:left">
{{subItem.Tel}}
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td width="40">
{{$t('hotel.table_address')}}
</td>
<td style="text-align:left">
{{subItem.Address}}
</td>
</tr>
</table>
<span style="font-weight:bold;font-size:14px;">报价酒店:<font style="color:red;">{{subItem.OfferHotelName}}(
{{subItem.OfferUnitPrice}}/人)</font></span>
</td>
<!-- 机位总数/(Y/E/F) -->
<td v-if="childIndex==0" :rowspan="6">
<p class="link" @click="goUrlT('RegistrationList',subItem.TCID,'报名清单')">
{{flightTotal}}/{{subItem.HouseStatistics.RealityYSeatNum}}/{{subItem.HouseStatistics.RealityESeatNum}}/{{subItem.HouseStatistics.RealityFSeatNum}}
</p>
</td>
<!-- 占床/不占床 -->
<td v-if="childIndex==0" :rowspan="6">
<p class="link" @click="goUrlT('passengerHouse',subItem.TCID,'房间分配')">
{{subItem.RealityHouseGuestNum}}/{{subItem.HouseStatistics.NoNeedBed}}</p>
</td>
<!-- 实际用房数 -->
<td v-if="childIndex==0" :rowspan="6">
{{subItem.RealityHouseTypeCount}}
</td>
<td v-if="childIndex==0" :rowspan="6">
<table class="hotelTable">
<tr>
<td width="70" style="text-align:center;" colspan="2">
<span style="color:green">{{subItem.NewHotelName}}</span>
<el-popover placement="right" width="540" trigger="click"
:ref="'elPopoverHotel'+index+subIndex+''">
<comCheckHotel :ref="'comCheckHotel'+index+subIndex+''" v-on:childHotel="childHotelList"
:UseDate="item.UseTimeStr" :Country="ChooseCountry">
</comCheckHotel>
<el-button size="small" type="danger" :data-index="'comCheckHotel'+index+subIndex+''"
slot="reference" style="cursor:pointer;"
@click="subItem.isShowPop=true,getChildHotel(index,subIndex)">
{{$t('sm.jiudianxuanz')}}
</el-button>
</el-popover>
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td width="70" style="text-align:right;">
{{$t('hotel.hotel_Supplier')}}
</td>
<td>
<el-select class='w120 sel' v-model='subItem.SupplierId' @change="getSupplierShoupei(subItem)"
filterable :placeholder="$t('ground.qingxuanzegys')">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="(SupplierItem,Supplierindex) in SupplierList" :key="Supplierindex"
:label="SupplierItem.Name" :value="SupplierItem.ID">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td colspan="2">
<span v-if="subItem.IsHaveShouPeiFee==0" style="color:red;">{{$t('ground.wshoupeifei')}}</span>
<span v-if="subItem.IsHaveShouPeiFee==1&&isShoufeifei==true"
style="color:red;">{{$t('ground.shoupeifei')}}:{{subItem.ShouPeiMoney}}</span>
</td>
</tr>
<tr>
<td colspan="2">
<p style="padding-top: 5px;">
<template v-if="subItem.ContractUrl!=''">
<span style="color:green">已上传手配书</span>
&nbsp;&nbsp;<a v-if="subItem.ContractUrl" target="_blank" style="color:blue"
:href="subItem.ContractUrl">查看</a>
</template>
</p>
<el-upload :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
<el-button size="small" type="danger" @click='getItem(index, subIndex)'>
{{!subItem.ContractUrl ? '上传手配书' : '重新上传手配书'}}</el-button>
</el-upload>
</td>
</tr>
</table>
</td>
<!-- 房间类型 -->
<td>
{{subItem.HouseStatistics.HouseTypeList[childIndex].HouseTypeNameExt}}
<template v-if="childIndex==4">
<template v-if="subItem.DriverGuideIsRebate==1">
<br /><span style="color:green">{{$t('hotel.hotel_commission')}}</span>
</template>
<template v-else-if="subItem.DriverGuideIsRebate==0">
<br /><span style="color:red;">{{$t('ground.bufanyong')}}</span> <br /><span style="color:red;">{{$t('ground.bufanyong')}}</span>
</template> </template>
</template> </td>
<template v-if="childIndex==5"> <!-- 房间数 -->
<br /><span style="color:red;">{{$t('ground.bufanyong')}}</span> <td>
</template> <el-input class='w40 tcenter' maxlength="2" @keyup.native="checkPrice(childItem,'HouseTypeCount')"
</td> v-model='childItem.HouseTypeCount' :disabled="IsEditHotelPeople==0?true:false"></el-input>
<!-- 房间数 --> </td>
<td> <td>
<el-input class='w40 tcenter' maxlength="2" @keyup.native="checkPrice(childItem,'HouseTypeCount')" <el-input class='w40 tcenter' maxlength="2" @keyup.native="checkInteger(childItem,'BookNum')"
v-model='childItem.HouseTypeCount' :disabled="IsEditHotelPeople==0?true:false"></el-input> @input="calculationPrice(subItem)" v-model='childItem.BookNum'
</td> :disabled="IsEditHotelPeople==0?true:false">
<td> </el-input>
<el-input class='w40 tcenter' maxlength="2" @keyup.native="checkInteger(childItem,'BookNum')" </td>
@input="calculationPrice(subItem)" v-model='childItem.BookNum' <!-- 尚差房间数 -->
:disabled="IsEditHotelPeople==0?true:false"> <!-- <td>
</el-input>
</td>
<!-- 尚差房间数 -->
<!-- <td>
<p class="pHouseStyle" <p class="pHouseStyle"
:class="{colorRed:childItem.HouseTypeCount-subItem.HouseStatistics.HouseTypeList[childIndex].HouseTypeCount<0}"> :class="{colorRed:childItem.HouseTypeCount-subItem.HouseStatistics.HouseTypeList[childIndex].HouseTypeCount<0}">
{{childItem.HouseTypeCount-subItem.HouseStatistics.HouseTypeList[childIndex].HouseTypeCount}} {{childItem.HouseTypeCount-subItem.HouseStatistics.HouseTypeList[childIndex].HouseTypeCount}}
</p> </p>
</td> --> </td> -->
<!-- 单价/每人 --> <!-- 单价/每人 -->
<td> <td>
<template v-if="childIndex==1"> <template v-if="childIndex==1">
<template v-if="EditBtn||LineId==90"> <template v-if="EditBtn||LineId==90">
<el-input @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter' <el-input @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter'
@input="calculationPrice(subItem)" v-model='childItem.UnitPrice'></el-input> @input="calculationPrice(subItem)" v-model='childItem.UnitPrice'></el-input>
</template>
<template v-else>
<el-input @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter'
@input="calculationPrice(subItem)" v-model='childItem.UnitPrice'
:disabled="(IsEditHotel==0||childItem.IsHaveStockPrice==1)?true:false">
</el-input>
</template>
</template> </template>
<template v-else> <template v-else>
<el-input @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter' <el-input @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter'
@input="calculationPrice(subItem)" v-model='childItem.UnitPrice' @input="calculationPrice(subItem)" v-model='childItem.UnitPrice'
:disabled="(IsEditHotel==0||childItem.IsHaveStockPrice==1)?true:false"> :disabled="IsEditHotel==0?true:false">
</el-input> </el-input>
</template> </template>
</template> </td>
<template v-else> <!-- 免减人数 -->
<el-input @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter' <td>
@input="calculationPrice(subItem)" v-model='childItem.UnitPrice' <el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'HotelDiscount')"
:disabled="IsEditHotel==0?true:false"> v-model='childItem.HotelDiscount' @input="calculationPrice(subItem)">
</el-input> </el-input>
</template> </td>
</td> <!-- 金额小计 -->
<!-- 免减人数 --> <td style="white-space:nowrap;">
<td> {{childItem.UnitPrice*(childItem.BookNum-childItem.HotelDiscount)}}
<el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'HotelDiscount')" </td>
v-model='childItem.HotelDiscount' @input="calculationPrice(subItem)"> <!-- 返佣类型 -->
</el-input> <td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6">
</td> <template v-if="subItem.RebateType==1">
<!-- 金额小计 --> <span style="color:green">{{$t('ground.hanshui')}}</span>
<td style="white-space:nowrap;">
{{childItem.UnitPrice*(childItem.BookNum-childItem.HotelDiscount)}}
</td>
<!-- 返佣类型 -->
<td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6">
<template v-if="subItem.RebateType==1">
<span style="color:green">{{$t('ground.hanshui')}}</span>
</template>
<template v-else>
<span style="color:red"> {{$t('ground.bhanshui')}}</span>
</template>
</td>
<!--返佣-->
<td>
<template v-if="childIndex<4">
<el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'RebateRatio')"
v-model='childItem.RebateRatio'
@input="SetRebateRatio(subItem,childItem.RebateRatio),calculationPrice(subItem)"
:disabled="IsEditHotel==0?true:false"></el-input> %
</template>
<template v-if="childIndex==5">
<el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'RebateRatio')"
v-model='childItem.RebateRatio' @input="calculationPrice(subItem)" :disabled="true"></el-input> %
</template>
<template v-if="childIndex==4 && subItem.DriverGuideIsRebate==0">
<el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'RebateRatio')"
v-model='childItem.RebateRatio' @input="calculationPrice(subItem)" :disabled="true"></el-input> %
</template>
</td>
<!--返佣金额-->
<td>
<!--含税-->
<template v-if="subItem.RebateType==1">
<!--税别-->
<template v-if="subItem.TaxType==2">
{{ (childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1 + XiaoFeiTaxFee )*( childItem.RebateRatio / 100)).toFixed(2)}}
</template> </template>
<template v-else> <template v-else>
{{(childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1)*( childItem.RebateRatio / 100)).toFixed(2) }} <span style="color:red"> {{$t('ground.bhanshui')}}</span>
</template>
</td>
<!--返佣-->
<td>
<template v-if="childIndex<4">
<el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'RebateRatio')"
v-model='childItem.RebateRatio'
@input="SetRebateRatio(subItem,childItem.RebateRatio),calculationPrice(subItem)"
:disabled="IsEditHotel==0?true:false"></el-input> %
</template> </template>
</template> <template v-if="childIndex==5">
<!--不含税--> <el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'RebateRatio')"
<template v-else> v-model='childItem.RebateRatio' @input="calculationPrice(subItem)" :disabled="true"></el-input> %
<!--税别-->
<template v-if="subItem.TaxType==2">
{{(childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1 + XiaoFeiTaxFee)*( childItem.RebateRatio / 100)).toFixed(2)}}
</template> </template>
<template v-if="childIndex==4 && subItem.DriverGuideIsRebate==0">
<el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'RebateRatio')"
v-model='childItem.RebateRatio' @input="calculationPrice(subItem)" :disabled="true"></el-input> %
</template>
</td>
<!--返佣金额-->
<td>
<!--含税-->
<template v-if="subItem.RebateType==1">
<!--税别-->
<template v-if="subItem.TaxType==2">
{{ (childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1 + XiaoFeiTaxFee )*( childItem.RebateRatio / 100)).toFixed(2)}}
</template>
<template v-else>
{{(childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1)*( childItem.RebateRatio / 100)).toFixed(2) }}
</template>
</template>
<!--不含税-->
<template v-else> <template v-else>
{{(childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1)*( childItem.RebateRatio / 100)).toFixed(2)}} <!--税别-->
<template v-if="subItem.TaxType==2">
{{(childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1 + XiaoFeiTaxFee)*( childItem.RebateRatio / 100)).toFixed(2)}}
</template>
<template v-else>
{{(childItem.UnitPrice * (childItem.BookNum - childItem.HotelDiscount) * (1)*( childItem.RebateRatio / 100)).toFixed(2)}}
</template>
</template> </template>
</template> </td>
</td> <!-- 入汤税 -->
<!-- 入汤税 --> <td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6">
<td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6"> {{subItem.InTangTax}}
{{subItem.InTangTax}} </td>
</td> <!-- 城市税 -->
<!-- 城市税 --> <td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6">
<td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6"> {{subItem.CityTax}}
{{subItem.CityTax}} </td>
</td> <!-- 停车费 -->
<!-- 停车费 --> <td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6">
<td style="white-space:nowrap;" v-if="childIndex==0" :rowspan="6"> {{subItem.ParkFee}}
{{subItem.ParkFee}} </td>
</td> <!-- 金额总计 -->
<!-- 金额总计 --> <td v-if="childIndex==0" :rowspan="6" style="white-space:nowrap;">
<td v-if="childIndex==0" :rowspan="6" style="white-space:nowrap;"> {{subItem.TotalPrice}}
{{subItem.TotalPrice}} <template v-if="subItem.NewTotalPrice">
<template v-if="subItem.NewTotalPrice"> <br /><span style="color:red;">{{subItem.NewTotalPrice}}</span>
<br /><span style="color:red;">{{subItem.NewTotalPrice}}</span> </template>
</template> </td>
</td> <!-- 付款方式 -->
<!-- 付款方式 --> <td v-if="childIndex==0" :rowspan="6">
<td v-if="childIndex==0" :rowspan="6"> <table class="hotelTable">
<table class="hotelTable"> <tr>
<tr> <td width="70" style="text-align:right;">{{$t('hotel.hotel_Currency')}}:</td>
<td width="70" style="text-align:right;">{{$t('hotel.hotel_Currency')}}:</td> <td>
<td> <el-select v-model="subItem.CurrencyId" :placeholder="$t('pub.pleaseSel')" class='w135 sel'
<el-select v-model="subItem.CurrencyId" :placeholder="$t('pub.pleaseSel')" class='w135 sel' @change="calculationPrice(subItem)">
@change="calculationPrice(subItem)"> <el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option> <el-option v-for="(item,index) in allCurrencyList" :key="index" :label="item.Name"
<el-option v-for="(item,index) in allCurrencyList" :key="index" :label="item.Name" :value="item.ID">
:value="item.ID"> </el-option>
</el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr>
<tr> <td width="70" style="text-align:right;">{{$t('ground.dfzhuangtai')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.dfzhuangtai')}}:</td> <td>
<td> <el-select class='w135 sel' v-model='subItem.DMCState' :placeholder="$t('pub.pleaseSel')"
<el-select class='w135 sel' v-model='subItem.DMCState' :placeholder="$t('pub.pleaseSel')" :disabled="IsEditHotel==0?true:false">
:disabled="IsEditHotel==0?true:false"> <el-option :label="$t('pub.pleaseSel')" :value='0'></el-option>
<el-option :label="$t('pub.pleaseSel')" :value='0'></el-option> <el-option :label="$t('pub.sureBtn')" :value='1'></el-option>
<el-option :label="$t('pub.sureBtn')" :value='1'></el-option> <el-option :label="$t('visa.v_zanding')" :value='2'></el-option>
<el-option :label="$t('visa.v_zanding')" :value='2'></el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr>
<tr> <td width="70" style="text-align:right;">{{$t('salesModule.SureTime')}}:</td>
<td width="70" style="text-align:right;">{{$t('salesModule.SureTime')}}:</td> <td>
<td> <el-date-picker v-model='subItem.SureTime' class='w135' value-format="yyyy-MM-dd" type="date"
<el-date-picker v-model='subItem.SureTime' class='w135' value-format="yyyy-MM-dd" type="date" :disabled="IsEditHotel==0?true:false"></el-date-picker>
:disabled="IsEditHotel==0?true:false"></el-date-picker> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr>
<tr> <td width="70" style="text-align:right;">{{$t('ground.shurushubie')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.shurushubie')}}:</td> <td>
<td> <el-select class='w135 sel' v-model='subItem.TaxType' :placeholder="$t('pub.pleaseSel')"
<el-select class='w135 sel' v-model='subItem.TaxType' :placeholder="$t('pub.pleaseSel')" @change="calculationPrice(subItem)" :disabled="IsEditHotel==0?true:false">
@change="calculationPrice(subItem)" :disabled="IsEditHotel==0?true:false"> <el-option :label="$t('pub.pleaseSel')" :value='0'></el-option>
<el-option :label="$t('pub.pleaseSel')" :value='0'></el-option> <el-option :label="$t('pub.SR')" :value='1'></el-option>
<el-option :label="$t('pub.SR')" :value='1'></el-option> <el-option :label="$t('pub.SB')" :value='2'></el-option>
<el-option :label="$t('pub.SB')" :value='2'></el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr>
<tr> <td width="70" style="text-align:right;color:red">{{$t('fnc.fkfangshi')}}:</td>
<td width="70" style="text-align:right;color:red">{{$t('fnc.fkfangshi')}}:</td> <td>
<td> <el-select class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')"
<el-select class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')" :disabled="IsEditHotel==0?true:false" @change="PayChange(subItem)">
:disabled="IsEditHotel==0?true:false" @change="PayChange(subItem)"> <el-option :label="$t('pub.pleaseSel')" :value='0'></el-option>
<el-option :label="$t('pub.pleaseSel')" :value='0'></el-option> <el-option :label="$t('ground.xianfu')" :value='1'></el-option>
<el-option :label="$t('ground.xianfu')" :value='1'></el-option> <el-option :label="$t('ground.qiandan')" :value='2'></el-option>
<el-option :label="$t('ground.qiandan')" :value='2'></el-option> <el-option :label="$t('ground.shiwudk')" :value='3'></el-option>
<el-option :label="$t('ground.shiwudk')" :value='3'></el-option> <el-option :label="$t('ground.yufu')" :value='4'></el-option>
<el-option :label="$t('ground.yufu')" :value='4'></el-option> <el-option :label="$t('ground.yufukuandk')" :value='5'></el-option>
<el-option :label="$t('ground.yufukuandk')" :value='5'></el-option> <el-option :label="$t('ground.yuejie')" :value='9'></el-option>
<el-option :label="$t('ground.yuejie')" :value='9'></el-option> <el-option :label="$t('ground.lingduidydf')" :value='10'></el-option>
<el-option :label="$t('ground.lingduidydf')" :value='10'></el-option> <el-option :label="$t('ground.shuaka')" :value='11'></el-option>
<el-option :label="$t('ground.shuaka')" :value='11'></el-option> <el-option label="转账" :value='14'></el-option>
<el-option label="转账" :value='14'></el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr>
<tr> <td width="70" style="text-align:right;">{{$t('ground.sidaoffkfs')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.sidaoffkfs')}}:</td> <td>
<td> <el-select class='w135 sel' v-model='subItem.DMCPayType' :placeholder="$t('pub.pleaseSel')"
<el-select class='w135 sel' v-model='subItem.DMCPayType' :placeholder="$t('pub.pleaseSel')" :disabled="IsEditHotel==0?true:false" @change="calculationPrice(subItem)">
:disabled="IsEditHotel==0?true:false" @change="calculationPrice(subItem)"> <el-option :label="$t('pub.pleaseSel')" :value='0'></el-option>
<el-option :label="$t('pub.pleaseSel')" :value='0'></el-option> <el-option :label="$t('ground.yuejie')" :value='9'></el-option>
<el-option :label="$t('ground.yuejie')" :value='9'></el-option> <el-option :label="$t('ground.xianfu')" :value='1'></el-option>
<el-option :label="$t('ground.xianfu')" :value='1'></el-option> <el-option :label="$t('ground.qiandan')" :value='2'></el-option>
<el-option :label="$t('ground.qiandan')" :value='2'></el-option> <el-option :label="$t('ground.shiwudk')" :value='3'></el-option>
<el-option :label="$t('ground.shiwudk')" :value='3'></el-option> <el-option :label="$t('ground.yufu')" :value='4'></el-option>
<el-option :label="$t('ground.yufu')" :value='4'></el-option> <el-option :label="$t('ground.yufukuandk')" :value='5'></el-option>
<el-option :label="$t('ground.yufukuandk')" :value='5'></el-option> <el-option :label="$t('ground.gongsihetzf')" :value='6'></el-option>
<el-option :label="$t('ground.gongsihetzf')" :value='6'></el-option> <el-option :label="$t('ground.lingduidydf')" :value='10'></el-option>
<el-option :label="$t('ground.lingduidydf')" :value='10'></el-option> <el-option :label="$t('ground.shuaka')" :value='11'></el-option>
<el-option :label="$t('ground.shuaka')" :value='11'></el-option> <el-option label="转账" :value='14'></el-option>
<el-option label="转账" :value='14'></el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> <tr v-show="subItem.PayStyle==6">
<tr v-show="subItem.PayStyle==6"> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr v-show="subItem.PayStyle==6">
<tr v-show="subItem.PayStyle==6"> <td width="70" style="text-align:right;">{{$t('ground.fukuanth')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.fukuanth')}}:</td> <td>
<td> <el-input class='w135' v-model='subItem.PayTypeTCNUM' :disabled="IsEditHotel==0?true:false">
<el-input class='w135' v-model='subItem.PayTypeTCNUM' :disabled="IsEditHotel==0?true:false"> </el-input>
</el-input> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr>
<tr> <td width="70" style="text-align:right;">{{$t('ground.dingtuanhao')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.dingtuanhao')}}:</td> <td>
<td> <el-input class='w135' v-model='subItem.ReserveNo'></el-input>
<el-input class='w135' v-model='subItem.ReserveNo'></el-input> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;"></td>
<td colspan="2" style="height:5px;"></td> </tr>
</tr> <tr style="display:none;">
<tr style="display:none;"> <td width="70" style="text-align:right;">{{$t('ground.tixinggys')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.tixinggys')}}:</td> <td>
<td> <el-select class='w135 sel' v-model='subItem.SupplierHotelStatus'
<el-select class='w135 sel' v-model='subItem.SupplierHotelStatus' :placeholder="$t('pub.pleaseSel')">
:placeholder="$t('pub.pleaseSel')"> <el-option :label="$t('pub.pleaseSel')" :value='0'></el-option>
<el-option :label="$t('pub.pleaseSel')" :value='0'></el-option> <el-option :label="$t('ground.yibantx')" :value='1'></el-option>
<el-option :label="$t('ground.yibantx')" :value='1'></el-option> <el-option :label="$t('ground.zhongyaotx')" :value='2'></el-option>
<el-option :label="$t('ground.zhongyaotx')" :value='2'></el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> <tr>
<tr> <td colspan="2" style="height:5px;">
<td colspan="2" style="height:5px;"> </td>
</td> </tr>
</tr> <tr>
<tr> <td width="70" style="text-align:right;">{{$t('ground.duigysbz')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.duigysbz')}}:</td> <td>
<td> <el-input type='textarea' class='w135' v-model='subItem.Remarks'></el-input>
<el-input type='textarea' class='w135' v-model='subItem.Remarks'></el-input> </td>
</td> </tr>
</tr> <tr v-if="subItem.SupplierToDmcRemarks" style="display:none;">
<tr v-if="subItem.SupplierToDmcRemarks" style="display:none;"> <td width="70" style="text-align:right;">{{$t('ground.gongysddjbz')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.gongysddjbz')}}:</td> <td>
<td> <span
<span :class="{'rq_disImNote':subItem.SupplierToDmcHotelStatus==1&&DateMinus(subItem.SupplierToDmcHotelStatusTime)<=5,'rq_importNote':subItem.SupplierToDmcHotelStatus==2&&DateMinus(subItem.SupplierToDmcHotelStatusTime)<=5}">
:class="{'rq_disImNote':subItem.SupplierToDmcHotelStatus==1&&DateMinus(subItem.SupplierToDmcHotelStatusTime)<=5,'rq_importNote':subItem.SupplierToDmcHotelStatus==2&&DateMinus(subItem.SupplierToDmcHotelStatusTime)<=5}"> {{subItem.SupplierToDmcRemarks}}
{{subItem.SupplierToDmcRemarks}} </span>
</span> </td>
</td> </tr>
</tr> <tr v-if="EditBtn">
<tr v-if="EditBtn"> <td width="70" style="text-align:right;">{{$t('ground.shifoutbgxfj')}}:</td>
<td width="70" style="text-align:right;">{{$t('ground.shifoutbgxfj')}}:</td> <td>
<td> <el-select class='w135 sel' v-model='subItem.IsSyncHotelCount'>
<el-select class='w135 sel' v-model='subItem.IsSyncHotelCount'> <el-option :label="$t('ground.tongbugx')" :value='0'></el-option>
<el-option :label="$t('ground.tongbugx')" :value='0'></el-option> <el-option :label="$t('ground.bugengxin')" :value='1'></el-option>
<el-option :label="$t('ground.bugengxin')" :value='1'></el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> </table>
</table> </td>
</td> <!-- 操作 -->
<!-- 操作 --> <td v-if="childIndex==0" :rowspan="5">
<td v-if="childIndex==0" :rowspan="5"> <template v-if="subItem.OPState==1">
<template v-if="subItem.OPState==1"> <span class="Hotel_red">{{$t('salesModule.OPZD')}}</span>
<span class="Hotel_red">{{$t('salesModule.OPZD')}}</span> </template>
</template> <template v-if="IsOperation!=1">
<template v-if="IsOperation!=1"> <el-tooltip class="item" effect="dark" :content="$t('pub.saveBtn')" placement="top-start">
<el-tooltip class="item" effect="dark" :content="$t('pub.saveBtn')" placement="top-start"> <el-button icon="iconfont icon-baocun1" @click="SaveSingle(subItem)" type="primary"></el-button>
<el-button icon="iconfont icon-baocun1" @click="SaveSingle(subItem)" type="primary"></el-button> </el-tooltip>
</el-tooltip> <el-tooltip class="item" effect="dark" :content="$t('pub.addBtn')" v-if="subItem.OPState!=1"
<el-tooltip class="item" effect="dark" :content="$t('pub.addBtn')" v-if="subItem.OPState!=1" placement="top-start">
placement="top-start"> <el-button @click='AddHotel(item,subIndex)' icon="iconfont icon-tianjia" type="primary">
<el-button @click='AddHotel(item,subIndex)' icon="iconfont icon-tianjia" type="primary"></el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip v-if="item.HotelOrderList.length>1 && subItem.OPState!=1" class="item" effect="dark" <el-tooltip v-if="item.HotelOrderList.length>1 && subItem.OPState!=1" class="item" effect="dark"
:content="$t('system.table_delete')" placement="top-start"> :content="$t('system.table_delete')" placement="top-start">
<el-button type="primary" icon="iconfont icon-shanchu" @click='DeleteHotel(item,subIndex)'> <el-button type="primary" icon="iconfont icon-shanchu" @click='DeleteHotel(item,subIndex)'>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
</template> </template>
<el-popover width="200" trigger="click" popper-class="Bus_HotelPop"> <el-popover width="200" trigger="click" popper-class="Bus_HotelPop">
<commonHotelLog :ref="'comHotelLog'+index+subIndex+''"> </commonHotelLog> <commonHotelLog :ref="'comHotelLog'+index+subIndex+''"> </commonHotelLog>
<div slot="reference" class="w80" style="cursor:pointer;text-decoration:underline;" <div slot="reference" class="w80" style="cursor:pointer;text-decoration:underline;"
@click="GetHotelLog(subItem,index,subIndex)">{{$t('fnc.rizhi')}}</div> @click="GetHotelLog(subItem,index,subIndex)">{{$t('fnc.rizhi')}}</div>
</el-popover> </el-popover>
</td> </td>
</tr> </tr>
</template>
</template> </template>
</template> </tbody>
</table> </table>
<div class="noDataNotice" v-if="list.length<1"> <div class="noDataNotice" v-if="list.length<1">
<i class="iconfont icon-kong"></i> <i class="iconfont icon-kong"></i>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment