Skip to content

S
SuperMan
Commit 5e35c46a authored by 黄奎's avatar 黄奎
Browse files
Options

酒店统计修改

parent 82649ecc
Show whitespace changes
Inline Side-by-side
Showing with 47 additions and 139 deletions
src/components/Supplier/roomQuery.vue
View file @ 5e35c46a
...@@ -101,67 +101,60 @@ ...@@ -101,67 +101,60 @@
</div> </div>
<div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle"> <div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle">
<div style="font-size:12px;padding:2px 4px 3px 4px; color:red">注意事项:每次导出数据最好不要超过一个月。</div> <div style="font-size:12px;padding:2px 4px 3px 4px; color:red">注意事项:每次导出数据最好不要超过一个月。</div>
<table border="0" cellspacing="1" cellpadding="0" class="roomQueryTalbe" v-loading='loading'> <table border="0" cellspacing="1" cellpadding="0" class="roomQuery_SupplierTable" v-loading='loading'>
<tr> <tr>
<th width="w100">序号</th> <th width="100">序号</th>
<th width="120">出发地</th> <th width="120">出发地</th>
<th width="80">公司团号</th> <th width="100">公司团号</th>
<th width="100">系列</th> <th width="100">系列</th>
<th width="120">机位总数<br />(Y/E/F)</th> <th width="120">机位总数<br />(Y/E/F)</th>
<th>使用时间&酒店情况</th> <th width="100">时间</th>
<th width="150">酒店</th>
<th width="100">酒店使用情况</th>
</tr> </tr>
<tr v-if="dataList.length==0"> <tr v-if="dataList.length==0">
<td colspan="10">暂无数据</td> <td colspan="8">暂无数据</td>
</tr> </tr>
<tbody v-for="(outItem,outindex) in dataList" :class="{roomQuerySplitTrCss:outindex%2!=0}"> <template v-for="(item,index) in dataList">
<template v-for="(item,index) in outItem.StaticsReportList"> <template v-for="(subItem,subIndex) in item.subList">
<tr> <tr v-for="(childItem,childIndex) in subItem.hotelList" :class="{roomQuerySplitTrCss:index%2!=0}">
<td :rowspan="outItem.StaticsReportList.length" v-if='index==0'> <td v-if="childIndex==0&&subIndex==0" :rowspan="subItem.hotelList.length*item.subList.length">
<div style="max-width: 100px; min-width: 50px;margin:auto;">{{outindex+1}}</div> {{item.NewCombinationNum}}
<div v-if='outItem.StaticsReportList.length>0' class="w150">{{outItem.NewCombinationNum}}</div>
</td> </td>
<td> <td v-if="childIndex==0" :rowspan="subItem.hotelList.length">
<div class="w80"> {{subItem.StartCityNames}}
{{item.StartCityNames}}
</div>
</td> </td>
<td> <td v-if="childIndex==0" :rowspan="subItem.hotelList.length">
<div class="w120 link"> <p @click="goUrlT('productQuery',subItem.TCNUMS,'产品查询')">{{subItem.TCNUMS}}</p>
<p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.TCNUMS}}</p>
</div>
</td> </td>
<td> <td v-if="childIndex==0" :rowspan="subItem.hotelList.length">
<div class="w120 link"> {{subItem.LineteamIdNames}}
{{item.LineteamIdNames}}
</div>
</td> </td>
<td> <td v-if="childIndex==0" :rowspan="subItem.hotelList.length">
<div class="w120 link">
<p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')"> <p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')">
{{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}} {{subItem.TotalSeat}}/{{subItem.RealityYSeatNum}}/{{subItem.RealityESeatNum}}/{{subItem.RealityFSeatNum}}
</p> </p>
</div>
</td> </td>
<td style="vertical-align: top;"> <td>
<div :style="{width:150*item.CommonReport.newHotel.length+'px'}"> {{childItem.CheckInDateStr}}
<div class="w150" v-for="childItem in item.CommonReport.newHotel" </td>
style="float:left;border-right:1px solid #d1d1d1;"> <td class="tdLeft">
<p class="pDateStyle">{{childItem.CheckInDateStr}}</p> {{childItem.NewHotelName}}
<p @click="goUrlR('HotelManagement',childItem.HotelId,'酒店管理')" </td>
class="pDateStyle phoverStype ownScrollbarStyle" style="height: 50px!important; overflow:auto;"> <td>
{{childItem.NewHotelName}}<span <span style="color:red;">
class="colorE95252">（{{childItem.HotelOrderState==1?"OK":"暂定"}}）</span> <template v-if="childItem.OPState==1">[OP选房-OK]</template>
</p> <template v-else>{{childItem.DMCState==1?"[地接-OK]":(childItem.DMCState==0?"[未操作]":"[暂定]")}}
</div> </template>
</div> </span>
</td> </td>
</tr> </tr>
</template> </template>
</tbody> </template>
</table> </table>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination> layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
...@@ -193,11 +186,10 @@ ...@@ -193,11 +186,10 @@
TCNUM: '', TCNUM: '',
PriceStatus: 0, PriceStatus: 0,
CombinationNum: '' CombinationNum: ''
}, },
//分公司类表 //分公司类表
companyList: [], companyList: [],
//酒店类表 //酒店列表
HotelList: [], HotelList: [],
LineList: [], LineList: [],
LineTeamList: [], LineTeamList: [],
...@@ -303,25 +295,7 @@ ...@@ -303,25 +295,7 @@
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.total = res.data.data.count; this.total = res.data.data.count;
this.dataList = res.data.data.pageData.data; this.dataList = res.data.data.pageData;
this.thLengthTitle = [];
for (let i = 1; i <= res.data.data.pageData.columnsCount; i++) {
this.thLengthTitle.push('第' + i + '晚')
}
this.dataList.forEach(x => {
x.StaticsReportList.forEach(y => {
y.CommonReport.newHotel = [];
if (y.CommonReport.HotelOrderListReport != null && y.CommonReport.HotelOrderListReport
.length > 0) {
y.CommonReport.HotelOrderListReport.forEach(z => {
z.HotelOrderList.forEach(q => {
y.CommonReport.newHotel.push(q);
})
})
}
y.colNum = 9 + y.CommonReport.newHotel.length;
})
})
} else { } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
...@@ -470,98 +444,32 @@ ...@@ -470,98 +444,32 @@
background: #eee !important; background: #eee !important;
} }
.roomQueryTalbe { .roomQuery_SupplierTable {
background: #ccc; background: #ccc;
} }
.roomQueryTalbe tr th { .roomQuery_SupplierTable tr th {
background: #E6E6E6; background: #E6E6E6;
height: 40px; height: 40px;
font-size: 12px; font-size: 12px;
color: #333; color: #333;
} }
.roomQueryTalbe tr { .roomQuery_SupplierTable tr {
background: #fff; background: #fff;
text-align: center; text-align: center;
height: 40px;
} }
.roomQueryTalbe tr td { .roomQuery_SupplierTable tr td {
font-size: 12px; font-size: 12px;
line-height: 22px;
height: 22px;
;
} }
.roomQueryTalbe tr td .pDateStyle { .roomQuery_SupplierTable .tdLeft {
border-bottom: 1px solid #ccc; text-align: left;
min-height: 24px; padding-left: 5px;
line-height: 24px;
margin-top: 0;
box-sizing: content-box;
}
.roomQueryTalbe tr td .pDateStyle:last-child {
border-bottom: none;
}
.roomQueryTalbe tr td .pDateStyle>span:after {
content: '/';
}
.roomQueryTalbe tr td .pDateStyle>span:last-child:after {
content: ''
}
.roomQueryTalbe tr td .link p:hover {
text-decoration: underline;
cursor: pointer;
}
.roomQueryTalbe tr td .phoverStype:hover {
text-decoration: underline;
cursor: pointer;
}
.roomQuery_tripDetails {
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede;
max-height: 400px;
overflow-y: auto;
}
.roomQuery_tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important;
}
.roomQuery_tripDetails table {
padding: 10px 0 0 20px;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
.roomQuery_tripDetails table th {
background-color: #ededed;
padding: 5px;
}
.roomQuery_tripDetails table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
.roomQuery_tripDetails table td._d_name {
background-color: #ededed;
}
.roomQuery_tripDetails table ._color_666 {
color: #666666;
}
.roomQuery_tripDetails table tr._color_666 th {
padding: 9px 15px;
} }
</style> </style>
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