Commit b86a8e6a authored by 黄奎's avatar 黄奎

餐厅统计

parent 0b2d095e
<template> <template>
<div> <div>
<div class="query-box" style="border-bottom: none;"> <div class="query-box" style="border-bottom: none;">
<ul> <ul>
<!--<li><span><em>线路</em> <li><span><em>系列</em>
<el-select v-model="msg.LineId" filterable :placeholder="$t('pub.pleaseSel')" @change="getLineTeamList(msg.LineId)"> <el-select v-model="msg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')">
<el-option label="不限" value='-1'></el-option> <el-option label="不限" value='-1'></el-option>
<el-option <el-option v-for="item in LineTeamList" :label='item.LtName' :value='item.LtID' :key='item.LtID'>
v-for="item in LineList" </el-option>
:label='item.LineName' </el-select>
:value='item.LineID' </span>
:key='item.LineID'> </li>
</el-option> <li>
</el-select> <span>
</span> <em>团号</em>
</li>--> <el-input v-model='msg.TCNUM'></el-input>
<li><span><em>系列</em> </span>
<el-select v-model="msg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')"> </li>
<el-option label="不限" value='-1'></el-option> <li><span><em>日期</em>
<el-option <el-date-picker v-model='msg.StartDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
v-for="item in LineTeamList" -
:label='item.LtName' <el-date-picker v-model='msg.EndDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
:value='item.LtID' </span>
:key='item.LtID'> </li>
</el-option> <li>
</el-select> <input type="button" class="normalBtn" value="查询" @click="getList();resetPageIndex()" />
</span> </li>
</li> </ul>
<li> </div>
<span> <div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle">
<em>团号</em><el-input v-model='msg.TCNUM' ></el-input> <table border="0" cellspacing="1" cellpadding="0" class="bookDinnerStatisticsTalbe" v-loading='loading'>
</span> <tr>
</li> <th width="50">序号</th>
<li><span><em>日期</em><el-date-picker v-model='msg.StartDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker> <th width="80">出发地</th>
- <th width="80">航班时间</th>
<el-date-picker v-model='msg.EndDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker> <th width="80">公司团号</th>
</span> <th width="120">机位总数/已收客数</th>
</li> <th v-for='item in thLengthTitle'>{{item}}</th>
<li> <th>备注</th>
<input type="button" class="normalBtn" value="查询" @click="getList();resetPageIndex()"/> <th>操作</th>
</li> </tr>
</ul> <tbody v-for="(outItem,outindex) in list" :class="{bookDinnerStatisticsSplitTrCss:outindex%2!=0}">
</div> <template v-for="(item,index) in outItem.StaticsReportList">
<div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle"> <tr>
<table border="0" cellspacing="1" cellpadding="0" class="bookDinnerStatisticsTalbe" v-loading='loading'> <td :rowspan="2*outItem.StaticsReportList.length" v-if='index==0'>
<tr> <div style="max-width: 100px; min-width: 50px; ">{{outindex+1}}</div>
<th width="50">序号</th> <div v-if='outItem.StaticsReportList.length>0' class="w100">合团号:{{outItem.NewCombinationNum}}</div>
<th width="80">出发地</th> </td>
<th width="80">航班时间</th> <td>
<th width="80">公司团号</th> <div class="w80">
<!--<th width="150">团名</th>--> {{item.StartCityNames}}
<th width="120">机位总数/已收客数</th> </div>
<th v-for='item in thLengthTitle'>{{item}}</th> </td>
<th>备注</th> <td>
<th>操作</th> <div class="w120">
</tr> {{item.FlightDate}}
<tbody v-for="(outItem,outindex) in list" :class="{bookDinnerStatisticsSplitTrCss:outindex%2!=0}"> <el-popover popper-class="bookDinnerStatistics_tripDetails" width="550" trigger="click">
<template v-for="(item,index) in outItem.StaticsReportList"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr class="_color_666" style="text-align:center;">
<td :rowspan="2*outItem.StaticsReportList.length" v-if='index==0'> <th width="60">{{$t('Airticket.Air_segment')}}</th>
<div style="max-width: 100px; min-width: 50px; ">{{outindex+1}}</div> <th width="80">{{$t('system.query_flightNum')}}</th>
<div v-if='outItem.StaticsReportList.length>1' class="w100">合团号:{{outItem.NewCombinationNum}}</div> <th width="150">起飞时间</th>
</td> <th width="150">到达时间</th>
<td><div class="w80"> <th width="100">经停城市</th>
{{item.StartCityNames}} </tr>
</div></td> <tr v-for="(ds,din) in item.FlightList" :key="din" style="text-align:center;">
<td><div class="w120"> <td class="_d_name _color_666">
{{item.FlightDate}} <span v-if="din==0">{{$t('Airticket.Air_go')}}</span>
<el-popover popper-class="bookDinnerStatistics_tripDetails" width="550" trigger="click"> <span v-else-if="din==item.FlightList.length-1">{{$t('Airticket.Air_returnTrip')}}</span>
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <span
<tr class="_color_666" style="text-align:center;"> v-else-if="din>0 && din!=item.FlightList.length-1">{{$t('Airticket.Air_transit')}}</span>
<th width="60">{{$t('Airticket.Air_segment')}}</th> </td>
<th width="80">{{$t('system.query_flightNum')}}</th> <td>
<th width="150">起飞时间</th> <div>{{ds.Flight_number}}</div>
<th width="150">到达时间</th> <div style="margin-top:5px;">{{ds.AlName}}</div>
<th width="100">经停城市</th> </td>
</tr> <td>
<tr v-for="(ds,din) in item.FlightList" :key="din" style="text-align:center;"> <div>{{ds.FlightDate}} {{ds.Departure_time}}</div>
<td class="_d_name _color_666"> <div style="margin-top:5px;">{{ds.dName}}</div>
<span v-if="din==0">{{$t('Airticket.Air_go')}}</span> </td>
<span v-else-if="din==item.FlightList.length-1">{{$t('Airticket.Air_returnTrip')}}</span> <td>
<span v-else-if="din>0 && din!=item.FlightList.length-1">{{$t('Airticket.Air_transit')}}</span> <div>{{ds.FlightArrivalTime}} {{ds.Arrival_time}}</div>
</td> <div style="margin-top:5px;">{{ds.aName}}</div>
<td> </td>
<div>{{ds.Flight_number}}</div> <td>{{ds.StopoverName}}</td>
<div style="margin-top:5px;">{{ds.AlName}}</div> </tr>
</td> </table>
<td> <el-button slot="reference" class="normalBtn mt5"
<div>{{ds.FlightDate}} {{ds.Departure_time}}</div> style='height:24px; padding: 0 10px; background: #2AAEF2; border-color: #2AAEF2;'>详情</el-button>
<div style="margin-top:5px;">{{ds.dName}}</div> </el-popover>
</td> </div>
<td> </td>
<div>{{ds.FlightArrivalTime}} {{ds.Arrival_time}}</div> <td>
<div style="margin-top:5px;">{{ds.aName}}</div> <div class="w120 link">
</td> <p v-for='xx in stringToArr(item.TCNUMS)' @click="goUrlT('productQuery',xx,'产品查询')">{{xx}}</p>
<td>{{ds.StopoverName}}</td> </div>
</tr> </td>
</table> <td>
<el-button slot="reference" class="normalBtn mt5" style='height:24px; padding: 0 10px; background: #2AAEF2; border-color: #2AAEF2;'>详情</el-button> <div class="w120 link">
</el-popover> <p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')">
</div></td> {{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}}
<td><div class="w120 link"> </p>
<p v-for='xx in stringToArr(item.TCNUMS)' @click="goUrlT('productQuery',xx,'产品查询')">{{xx}}</p> </div>
</div></td> </td>
<!--<td><div class="w200 padding10"> <td v-for="x in item.CommonReport.DiningList" style="vertical-align: top;">
{{item.Titles}} <div style="width:350px;">
</div></td>--> <table v-if="x.UseTimeStr" class="DiningTable" width="100%" border="0" cellspacing="0"
<td><div class="w120 link"> cellpadding="0">
<p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')">{{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}}</p> <tr>
</div></td> <th width="12%">{{x.UseTimeStr.substring(5)}}</th>
<td v-for="x in item.CommonReport.DiningList" style="vertical-align: top;"> <th width="10%"></th>
<div style="width:350px;"> <th width="10%"></th>
<!--<p v-if="x.UseTimeStr">{{x.UseTimeStr}}</p>--> <th width="10%"></th>
<table v-if="x.UseTimeStr" class="DiningTable" width="100%" border="0" cellspacing="0" cellpadding="0"> <th width="15%">支付</th>
<tr> <th>餐厅</th>
<th width="12%">{{x.UseTimeStr.substring(5)}}</th> </tr>
<th width="10%"></th> <tr v-for="s in x.DiningSummaryList">
<th width="10%"></th> <td>{{s.UseDinnerTypeStr}}</td>
<th width="10%"></th> <td v-for="t in s.DiningPriceList">{{t.PeoplePrice}}</td>
<th width="15%">支付</th> <td>{{s.PayStyleStr}}</td>
<th>餐厅</th>
</tr>
<tr v-for="s in x.DiningSummaryList">
<td>{{s.UseDinnerTypeStr}}</td>
<td v-for="t in s.DiningPriceList">{{t.PeoplePrice}}</td>
<td>{{s.PayStyleStr}}</td>
<td><span v-if="s.IsFeature==1" style="color:red;">{{s.DiningName}}</span> <span v-else>{{s.DiningName}}</span></td> <td><span v-if="s.IsFeature==1" style="color:red;">{{s.DiningName}}</span> <span
</tr> v-else>{{s.DiningName}}</span></td>
</table> </tr>
<!--<div style="width: 100%; max-height: 100px; overflow-y: auto; " class="ownScrollbarStyle"> </table>
<table class="DiningTable" width="100%" border="0" cellspacing="0" cellpadding="0" > </div>
<tbody v-for="s in x.DiningSummaryList"> </td>
<tr> <td>
<td width="30%">{{useDinnerTypeToWord(s.UseDinnerType)}}</td> <div class="w200">
<td width="70%"> {{item.Remarks}}
<p class="phoverStype" @click="goUrlT('restaurantList',s.ID,'餐厅列表')">{{s.DiningName}}</p> </div>
</td> </td>
</tr> <td>
<tr> <div class="w80 link">
<td>支付方式</td> <p @click="goUrl('bookDinnerStatisticsDetails',item,'订餐详情')">详情</p>
<td> </div>
<el-select v-model="s.DiningReserveType" :placeholder="$t('pub.pleaseSel')"> </td>
<el-option label='请选择' value='0'></el-option> </tr>
<el-option label='公司预定' value='1'></el-option> <tr>
<el-option label='导游预定' value='2'></el-option> <td :colspan="colspanTotal" style="text-align: left!important;padding-left: 20px;">
</el-select> <div class="link">
</td> <p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.Titles}}</p>
</tr> <div v-show="outItem.StaticsReportList[0].DMCRemark!=''" class="colorE95252">
<tr> 地接备注:{{outItem.StaticsReportList[0].DMCRemark}}</div>
<td>用餐人数</td> </div>
<td><span style="margin-right: 5px;" v-for="t in s.DiningPriceList">{{PeopleTypeToWord(t.PeopleType)}}{{t.PeoplePrice}}</span></td> </td>
</tr> </tr>
</tbody> </template>
</table> </tbody>
</div>--> </table>
</div> </div>
</td> <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
<td> layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total"></el-pagination>
<div class="w200"> </div>
{{item.Remarks}}
</div>
</td>
<td>
<div class="w80 link">
<p @click="goUrl('bookDinnerStatisticsDetails',item,'订餐详情')">详情</p>
</div>
</td>
</tr>
<tr>
<td :colspan="colspanTotal" style="text-align: left!important;padding-left: 20px;">
<div class="link">
<p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.Titles}}</p>
<div v-show="outItem.StaticsReportList[0].DMCRemark!=''" class="colorE95252">地接备注:{{outItem.StaticsReportList[0].DMCRemark}}</div>
</div>
</td>
</tr>
</template>
</tbody>
</table>
</div>
<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> </template>
<script> <script>
export default { export default {
data () { data() {
return { return {
loading:false, loading: false,
currentPage:1,
total:0, msg: {
msg:{ pageIndex: 1,
pageIndex:1, pageSize: 10,
pageSize:10, SelectType: 2,
SelectType:2, LineId: 14,
LineId: 14, LineteamId: "-1",
LineteamId: "-1", StartDate: '',
StartDate:'', EndDate: '',
EndDate:'' currentPage: 1,
}, total: 0,
LineList: [],
LineTeamList: [],
thLengthTitle:[],
list:[],
colspanTotal:0,
}
},
methods: {
stringToArr(str){
return str.split(',')
},
PeopleTypeToWord(str){
if(str==1)
return '成人:'
if(str==2)
return '小孩:'
if(str==3)
return '婴儿:'
},
getLineList() {
this.apipost("line_post_GetAllList", {}, res => {
if (res.data.resultCode == 1) {
this.LineList = res.data.data;
} else {
this.$message.error(res.data.message);
}
});
},
//获取系列列表
getLineTeamList(lineId) {
this.LineTeamList = [];
this.apipost(
"team_post_GetList",
{
lineID: 14,
isTOOP: 1
}, },
res => { LineList: [],
LineTeamList: [],
thLengthTitle: [],
list: [],
colspanTotal: 0,
}
},
methods: {
stringToArr(str) {
return str.split(',')
},
PeopleTypeToWord(str) {
if (str == 1)
return '成人:'
if (str == 2)
return '小孩:'
if (str == 3)
return '婴儿:'
},
getLineList() {
this.apipost("line_post_GetAllList", {}, res => {
if (res.data.resultCode == 1) {
this.LineList = res.data.data;
} else {
this.$message.error(res.data.message);
}
});
},
//获取系列列表
getLineTeamList(lineId) {
this.LineTeamList = [];
this.apipost(
"team_post_GetList", {
lineID: 14,
isTOOP: 1
},
res => {
if (res.data.resultCode == 1) {
this.msg.LineteamId = "-1";
this.LineTeamList = res.data.data;
}
}
);
},
goUrlR(path, obj, title) {
this.$router.push({
name: path,
query: {
"ID": obj,
blank: 'y',
tab: title
}
})
},
goUrlT(path, obj, title) {
this.$router.push({
name: path,
query: {
"id": obj,
blank: 'y',
tab: title
}
})
},
goUrl(path, obj, title) {
this.$router.push({
name: path,
query: {
"id": obj.TCIDS,
'TCNUM': obj.TCNUMS,
'flightTotal': obj.TotalSeat,
'GuestNum': obj.CommonReport.HouseStatistics.RealityNum,
'NewCombinationNum': obj.NewCombinationNum,
blank: 'y',
tab: title
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.msg.currentPage = 1;
},
getList() {
this.loading = true
this.apipost('dmcstatistics_post_GetUniteCombinationNumService', this.msg, res => {
this.loading = false
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.msg.LineteamId = "-1"; this.msg.total = res.data.data.count;
this.LineTeamList = res.data.data; this.list = res.data.data.pageData.data;
this.thLengthArr = [];
this.thLengthTitle = [];
this.colspanTotal = res.data.data.pageData.columnsCount + 6;
for (let i = 1; i <= res.data.data.pageData.columnsCount; i++) {
this.thLengthTitle.push('第' + i + '天');
}
this.list.forEach(outItem => {
outItem.StaticsReportList.forEach(item => {
if (item.CommonReport.DiningList.length < res.data.data.pageData.columnsCount) {
let _cha = res.data.data.pageData.columnsCount - item.CommonReport.DiningList.length;
let _chaArr = new Array();
for (let i = 0; i < _cha; i++) {
_chaArr.push({
'HotelName': ''
});
}
item.CommonReport.DiningList = item.CommonReport.DiningList.concat(_chaArr);
}
});
});
} else {
this.$message.error(res.data.message);
} }
} }, err => {})
); },
},
goUrlR(path,obj,title){
this.$router.push({ name:path,query:{"ID":obj,blank:'y',tab:title}})
},
goUrlT(path,obj,title){
this.$router.push({ name:path,query:{"id":obj,blank:'y',tab:title}})
},
goUrl(path,obj,title){
this.$router.push({ name:path,query:{"id":obj.TCIDS,'TCNUM':obj.TCNUMS,'flightTotal':obj.TotalSeat,'GuestNum':obj.CommonReport.HouseStatistics.RealityNum,'NewCombinationNum':obj.NewCombinationNum,blank:'y',tab:title}})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
getList(){
this.loading=true
this.apipost('dmcstatistics_post_GetUniteCombinationNumService',this.msg,res=>{
if(res.data.resultCode==1){
this.loading=false
this.total=res.data.data.count
this.list=res.data.data.pageData.data
this.thLengthArr=[]
this.thLengthTitle=[]
this.colspanTotal=res.data.data.pageData.columnsCount+6
for(let i=1;i<=res.data.data.pageData.columnsCount;i++){
this.thLengthTitle.push('第'+i+'天')
}
// this.list.forEach(item=>{
// console.log(item)
// if(item.CommonReport.DiningList.length<res.data.data.pageData.columnsCount){
// let _cha=res.data.data.pageData.columnsCount-item.CommonReport.DiningList.length
// let _chaArr=new Array()
// for (let i=0;i<_cha;i++) {
// _chaArr.push({'HotelName':''})
// }
// item.CommonReport.DiningList=item.CommonReport.DiningList.concat(_chaArr)
// }else{
//
// }
// })
this.list.forEach(outItem=>{
outItem.StaticsReportList.forEach(item=>{
if(item.CommonReport.DiningList.length<res.data.data.pageData.columnsCount){
let _cha=res.data.data.pageData.columnsCount-item.CommonReport.DiningList.length
let _chaArr=new Array()
for (let i=0;i<_cha;i++) {
_chaArr.push({'HotelName':''})
}
item.CommonReport.DiningList=item.CommonReport.DiningList.concat(_chaArr)
}else{
}
})
})
}else{
this.loading=false
this.$message.error(res.data.message)
}
},err=>{})
},
}, },
mounted() { mounted() {
let myDate = new Date(); let myDate = new Date();
let nowDate = let nowDate =
myDate.getFullYear() + myDate.getFullYear() +
"-" + "-" +
parseInt(myDate.getMonth() + 1) + parseInt(myDate.getMonth() + 1) +
"-" + "-" +
myDate.getDate(); myDate.getDate();
this.msg.StartDate = nowDate; this.msg.StartDate = nowDate;
this.getList() this.getList()
}, },
} }
</script> </script>
<style> <style>
.bookDinnerStatisticsSplitTrCss td{background: #eee!important;} .bookDinnerStatisticsSplitTrCss td {
.bookDinnerStatisticsTalbe{ background: #ccc;} background: #eee !important;
.bookDinnerStatisticsTalbe tr th{background: #E6E6E6;height:40px; font-size: 12px; color: #333;} }
.bookDinnerStatisticsTalbe tr{background: #fff;text-align: center; height: 40px;}
/*.bookDinnerStatisticsTalbe tr:nth-child(2n+1){background:#f2f2f2; }*/ .bookDinnerStatisticsTalbe {
.bookDinnerStatisticsTalbe tr td{font-size: 12px;} background: #ccc;
.bookDinnerStatisticsTalbe tr td .pHouseStyle{border-bottom: 1px solid #ccc; height: 20px; line-height: 20px;} }
.bookDinnerStatisticsTalbe tr td .pHouseStyle:last-child{border-bottom: none;}
.bookDinnerStatisticsTalbe tr td .pDateStyle{border-bottom: 1px solid #ccc; height: 20px; line-height: 20px; margin-top: 0;} .bookDinnerStatisticsTalbe tr th {
.bookDinnerStatisticsTalbe tr td .pMsgStyle{; padding: 0 10px; line-height: 20px;} background: #E6E6E6;
.bookDinnerStatisticsTalbe tr td .link p:hover{text-decoration: underline; cursor: pointer;} height: 40px;
.bookDinnerStatisticsTalbe tr td .phoverStype:hover{text-decoration: underline; cursor: pointer;} font-size: 12px;
.bookDinnerStatistics_tripDetails {padding: 0; box-shadow: 0px 1px 3px 0px #dedede; max-height: 400px;overflow-y: auto;} color: #333;
.bookDinnerStatistics_tripDetails .popper__arrow::after {border-bottom-color: #ededed !important;} }
.bookDinnerStatistics_tripDetails>table { padding: 10px 0 0 20px; background-color: #ededed; border-collapse: collapse; border: 1px solid #d2d2d2; font-size: 12px;}
.bookDinnerStatistics_tripDetails>table th { background-color: #ededed; padding: 5px;} .bookDinnerStatisticsTalbe tr {
.bookDinnerStatistics_tripDetails>table td { background-color: #ffffff; padding: 9px 15px;color: #333333;border: 1px solid #d2d2d2;} background: #fff;
.bookDinnerStatistics_tripDetails>table td._d_name {background-color: #ededed;} text-align: center;
.bookDinnerStatistics_tripDetails>table ._color_666 {color: #666666;} height: 40px;
.bookDinnerStatistics_tripDetails table tr._color_666 th { padding: 9px 15px;} }
.DiningTable{background: #fff;}
.DiningTable tr {height: 20px;} /*.bookDinnerStatisticsTalbe tr:nth-child(2n+1){background:#f2f2f2; }*/
.DiningTable tr th{ height:20px; font-size: 12px;background: #fafafa!important; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} .bookDinnerStatisticsTalbe tr td {
.DiningTable tr th:last-child{border-right: none;} font-size: 12px;
.DiningTable tr td{ height:30px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} }
.DiningTable tr td:last-child{border-right: none;}
.bookDinnerStatisticsTalbe tr td .pHouseStyle {
border-bottom: 1px solid #ccc;
height: 20px;
line-height: 20px;
}
.bookDinnerStatisticsTalbe tr td .pHouseStyle:last-child {
border-bottom: none;
}
.bookDinnerStatisticsTalbe tr td .pDateStyle {
border-bottom: 1px solid #ccc;
height: 20px;
line-height: 20px;
margin-top: 0;
}
.bookDinnerStatisticsTalbe tr td .pMsgStyle {
;
padding: 0 10px;
line-height: 20px;
}
.bookDinnerStatisticsTalbe tr td .link p:hover {
text-decoration: underline;
cursor: pointer;
}
.bookDinnerStatisticsTalbe tr td .phoverStype:hover {
text-decoration: underline;
cursor: pointer;
}
.bookDinnerStatistics_tripDetails {
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede;
max-height: 400px;
overflow-y: auto;
}
.bookDinnerStatistics_tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important;
}
.bookDinnerStatistics_tripDetails>table {
padding: 10px 0 0 20px;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
.bookDinnerStatistics_tripDetails>table th {
background-color: #ededed;
padding: 5px;
}
.bookDinnerStatistics_tripDetails>table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
.bookDinnerStatistics_tripDetails>table td._d_name {
background-color: #ededed;
}
.bookDinnerStatistics_tripDetails>table ._color_666 {
color: #666666;
}
.bookDinnerStatistics_tripDetails table tr._color_666 th {
padding: 9px 15px;
}
.DiningTable {
background: #fff;
}
.DiningTable tr {
height: 20px;
}
.DiningTable tr th {
height: 20px;
font-size: 12px;
background: #fafafa !important;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.DiningTable tr th:last-child {
border-right: none;
}
.DiningTable tr td {
height: 30px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.DiningTable tr td:last-child {
border-right: none;
}
</style> </style>
\ No newline at end of file
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