Skip to content

S
SuperMan
Commit 29c2eabf authored by 黄奎's avatar 黄奎
Browse files
Options

门票修改

parent 03b43a07
Show whitespace changes
Inline Side-by-side
Showing with 366 additions and 282 deletions
src/components/scenicSpot/admissionStatistics.vue
View file @ 29c2eabf
<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>
<el-select v-model="msg.LineId" filterable :placeholder="$t('pub.pleaseSel')" @change="getLineTeamList(msg.LineId)">
<el-option label="不限" value='-1'></el-option>
<el-option
v-for="item in LineList"
:label='item.LineName'
:value='item.LineID'
:key='item.LineID'>
</el-option>
</el-select>
</span>
</li>-->
<li><span><em>系列</em> <li><span><em>系列</em>
<el-select v-model="msg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')"> <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 LineTeamList"
:label='item.LtName'
:value='item.LtID'
:key='item.LtID'>
</el-option> </el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>团号</em><el-input v-model='msg.TCNUM' ></el-input> <em>团号</em>
<el-input v-model='msg.TCNUM'></el-input>
</span> </span>
</li> </li>
<li><span><em>日期</em><el-date-picker v-model='msg.StartDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker> <li><span><em>日期</em>
<el-date-picker v-model='msg.StartDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
- -
<el-date-picker v-model='msg.EndDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker> <el-date-picker v-model='msg.EndDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
</span> </span>
</li> </li>
<li> <li>
<input type="button" class="normalBtn" value="查询" @click="getList();resetPageIndex()"/> <input type="button" class="normalBtn" value="查询" @click="getList();resetPageIndex()" />
</li> </li>
</ul> </ul>
</div> </div>
...@@ -53,17 +39,20 @@ ...@@ -53,17 +39,20 @@
<th>备注</th> <th>备注</th>
<th class="w80">操作</th> <th class="w80">操作</th>
</tr> </tr>
<tbody v-for="(outItem,outindex) in list" :class="{admissionStatisticsSplitTrCss:outindex%2!=0}" > <tbody v-for="(outItem,outindex) in list" :class="{admissionStatisticsSplitTrCss:outindex%2!=0}">
<template v-for="(item,index) in outItem.StaticsReportList"> <template v-for="(item,index) in outItem.StaticsReportList">
<tr> <tr>
<td :rowspan="2*outItem.StaticsReportList.length" v-if='index==0'> <td :rowspan="2*outItem.StaticsReportList.length" v-if='index==0'>
<div style="max-width: 100px; min-width: 50px; ">{{outindex+1}}</div> <div style="max-width: 100px; min-width: 50px; ">{{outindex+1}}</div>
<div v-if='outItem.StaticsReportList.length>1' class="w100">合团号：{{outItem.NewCombinationNum}}</div> <div v-if='outItem.StaticsReportList.length>0' class="w100">合团号：{{outItem.NewCombinationNum}}</div>
</td> </td>
<td><div class="w80"> <td>
<div class="w80">
{{item.StartCityNames}} {{item.StartCityNames}}
</div></td> </div>
<td><div class="w80"> </td>
<td>
<div class="w80">
{{item.FlightDate}} {{item.FlightDate}}
<el-popover popper-class="admissionStatistics_tripDetails" width="550" trigger="click"> <el-popover popper-class="admissionStatistics_tripDetails" width="550" trigger="click">
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
...@@ -78,7 +67,8 @@ ...@@ -78,7 +67,8 @@
<td class="_d_name _color_666"> <td class="_d_name _color_666">
<span v-if="din==0">{{$t('Airticket.Air_go')}}</span> <span v-if="din==0">{{$t('Airticket.Air_go')}}</span>
<span v-else-if="din==item.FlightList.length-1">{{$t('Airticket.Air_returnTrip')}}</span> <span v-else-if="din==item.FlightList.length-1">{{$t('Airticket.Air_returnTrip')}}</span>
<span v-else-if="din>0 && din!=item.FlightList.length-1">{{$t('Airticket.Air_transit')}}</span> <span
v-else-if="din>0 && din!=item.FlightList.length-1">{{$t('Airticket.Air_transit')}}</span>
</td> </td>
<td> <td>
<div>{{ds.Flight_number}}</div> <div>{{ds.Flight_number}}</div>
...@@ -95,19 +85,28 @@ ...@@ -95,19 +85,28 @@
<td>{{ds.StopoverName}}</td> <td>{{ds.StopoverName}}</td>
</tr> </tr>
</table> </table>
<el-button slot="reference" class="normalBtn mt5" style='height:24px; padding: 0 10px; background: #2AAEF2; border-color: #2AAEF2;'>详情</el-button> <el-button slot="reference" class="normalBtn mt5"
style='height:24px; padding: 0 10px; background: #2AAEF2; border-color: #2AAEF2;'>详情</el-button>
</el-popover> </el-popover>
</div></td> </div>
<td><div class="w120 link"> </td>
<td>
<div class="w120 link">
<p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.TCNUMS}}</p> <p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.TCNUMS}}</p>
</div></td> </div>
<td><div class="w120 link"> </td>
<p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')">{{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}}</p> <td>
</div></td> <div class="w120 link">
<p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')">
{{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}}
</p>
</div>
</td>
<td v-for="x in item.CommonReport.ScenicList" style="vertical-align: top;"> <td v-for="x in item.CommonReport.ScenicList" style="vertical-align: top;">
<div style="width: 100%;"> <div style="width: 100%;">
<p class="pDateStyle" v-if="x.UseTimeStr">{{x.UseTimeStr}}</p> <p class="pDateStyle" v-if="x.UseTimeStr">{{x.UseTimeStr}}</p>
<p @click="goUrlR('scenicSpotList',s.ID,'景区列表')" class="pMsgStyle phoverStype" v-for="s in x.ScenicStatisticsList">{{s.ScenicName}}</p> <p @click="goUrlR('scenicSpotList',s.ID,'景区列表')" class="pMsgStyle phoverStype"
v-for="s in x.ScenicStatisticsList">{{s.ScenicName}}</p>
</div> </div>
</td> </td>
<td> <td>
...@@ -127,7 +126,8 @@ ...@@ -127,7 +126,8 @@
<td :colspan="colspanTotal" style="text-align: left!important;padding-left: 20px;"> <td :colspan="colspanTotal" style="text-align: left!important;padding-left: 20px;">
<div class="link"> <div class="link">
<p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.Titles}}</p> <p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.Titles}}</p>
<div v-show="outItem.StaticsReportList[0].DMCRemark!=''" class="colorE95252">地接备注:{{outItem.StaticsReportList[0].DMCRemark}}</div> <div v-show="outItem.StaticsReportList[0].DMCRemark!=''" class="colorE95252">
地接备注:{{outItem.StaticsReportList[0].DMCRemark}}</div>
</div> </div>
</td> </td>
</tr> </tr>
...@@ -135,35 +135,36 @@ ...@@ -135,35 +135,36 @@
</tbody> </tbody>
</table> </table>
</div> </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> <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> </div>
</template> </template>
<script> <script>
export default { export default {
data () { data() {
return { return {
loading:false, loading: false,
currentPage:1, currentPage: 1,
total:0, total: 0,
msg:{ msg: {
pageIndex:1, pageIndex: 1,
pageSize:5, pageSize: 5,
SelectType:3, SelectType: 3,
LineId: 14, LineId: 14,
LineteamId: "-1", LineteamId: "-1",
StartDate:'', StartDate: '',
EndDate:'' EndDate: ''
}, },
LineList: [], LineList: [],
LineTeamList: [], LineTeamList: [],
thLengthTitle:[], thLengthTitle: [],
list:[], list: [],
colspanTotal:0, colspanTotal: 0,
} }
}, },
methods: { methods: {
stringToArr(str){ stringToArr(str) {
return str.split(',') return str.split(',')
}, },
getLineList() { getLineList() {
...@@ -179,8 +180,7 @@ export default { ...@@ -179,8 +180,7 @@ export default {
getLineTeamList(lineId) { getLineTeamList(lineId) {
this.LineTeamList = []; this.LineTeamList = [];
this.apipost( this.apipost(
"team_post_GetList", "team_post_GetList", {
{
lineID: 14, lineID: 14,
isTOOP: 1 isTOOP: 1
}, },
...@@ -192,16 +192,39 @@ export default { ...@@ -192,16 +192,39 @@ export default {
} }
); );
}, },
goUrlR(path,obj,title){ goUrlR(path, obj, title) {
this.$router.push({ name:path,query:{"ID":obj,blank:'y',tab:title}}) this.$router.push({
name: path,
query: {
"ID": obj,
blank: 'y',
tab: title
}
})
}, },
goUrlT(path,obj,title){ goUrlT(path, obj, title) {
this.$router.push({ name:path,query:{"id":obj,blank:'y',tab:title}}) this.$router.push({
name: path,
query: {
"id": obj,
blank: 'y',
tab: title
}
})
}, },
goUrl(path,obj,title){ goUrl(path, obj, title) {
console.log(obj) this.$router.push({
// return name: path,
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}}) query: {
"id": obj.TCIDS,
'TCNUM': obj.TCNUMS,
'flightTotal': obj.TotalSeat,
'GuestNum': obj.CommonReport.HouseStatistics.RealityNum,
'NewCombinationNum': obj.NewCombinationNum,
blank: 'y',
tab: title
}
})
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
...@@ -211,55 +234,36 @@ export default { ...@@ -211,55 +234,36 @@ export default {
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
this.currentPage = 1; this.currentPage = 1;
}, },
getList(){ getList() {
this.loading=true this.loading = true
this.apipost('dmcstatistics_post_GetUniteCombinationNumService',this.msg,res=>{ this.apipost('dmcstatistics_post_GetUniteCombinationNumService', this.msg, res => {
if(res.data.resultCode==1){ this.loading = false
this.loading=false if (res.data.resultCode == 1) {
this.total=res.data.data.count this.total = res.data.data.count
this.list=res.data.data.pageData.data this.list = res.data.data.pageData.data;
this.thLengthTitle=[] this.thLengthTitle = []
this.colspanTotal=res.data.data.pageData.columnsCount+6 this.colspanTotal = res.data.data.pageData.columnsCount + 6
for(let i=1;i<=res.data.data.pageData.columnsCount;i++){ for (let i = 1; i <= res.data.data.pageData.columnsCount; i++) {
this.thLengthTitle.push('第'+i+'天') this.thLengthTitle.push('第' + i + '天')
} }
// this.list.forEach(item=>{ this.list.forEach(outItem => {
// console.log(item) outItem.StaticsReportList.forEach(item => {
// if(item.CommonReport.ScenicList.length<res.data.data.pageData.columnsCount){ if (item.CommonReport.ScenicList.length < res.data.data.pageData.columnsCount) {
// let _cha=res.data.data.pageData.columnsCount-item.CommonReport.ScenicList.length let _cha = res.data.data.pageData.columnsCount - item.CommonReport.ScenicList.length
// let _chaArr=new Array() let _chaArr = new Array()
// for (let i=0;i<_cha;i++) { for (let i = 0; i < _cha; i++) {
// _chaArr.push({'HotelName':''}) _chaArr.push({
// } 'HotelName': ''
// item.CommonReport.ScenicList=item.CommonReport.ScenicList.concat(_chaArr) })
// }else{
//
// }
// })
//
this.list.forEach(outItem=>{
outItem.StaticsReportList.forEach(item=>{
if(item.CommonReport.ScenicList.length<res.data.data.pageData.columnsCount){
let _cha=res.data.data.pageData.columnsCount-item.CommonReport.ScenicList.length
let _chaArr=new Array()
for (let i=0;i<_cha;i++) {
_chaArr.push({'HotelName':''})
} }
item.CommonReport.ScenicList=item.CommonReport.ScenicList.concat(_chaArr) item.CommonReport.ScenicList = item.CommonReport.ScenicList.concat(_chaArr)
}else{
} }
}) })
}) })
} else {
}else{
this.loading=false
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
}, },
mounted() { mounted() {
...@@ -273,28 +277,108 @@ export default { ...@@ -273,28 +277,108 @@ export default {
this.msg.StartDate = nowDate; this.msg.StartDate = nowDate;
this.getList() this.getList()
}, },
} }
</script> </script>
<style> <style>
.admissionStatisticsSplitTrCss td{background: #eee!important;} .admissionStatisticsSplitTrCss td {
.admissionStatisticsTalbe{ background: #ccc;} background: #eee !important;
.admissionStatisticsTalbe tr th{background: #E6E6E6;height:40px; font-size: 12px; color: #333;} }
.admissionStatisticsTalbe tr{background: #fff;text-align: center; height: 40px;}
.admissionStatisticsTalbe tr td{font-size: 12px;} .admissionStatisticsTalbe {
.admissionStatisticsTalbe tr td .pHouseStyle{border-bottom: 1px solid #ccc; height: 20px; line-height: 20px;} background: #ccc;
.admissionStatisticsTalbe tr td .pHouseStyle:last-child{border-bottom: none;} }
.admissionStatisticsTalbe tr td .pDateStyle{border-bottom: 1px solid #ccc; height: 20px; line-height: 20px; margin-top: 0;}
.admissionStatisticsTalbe tr td .pMsgStyle{padding: 0 10px; line-height: 20px;} .admissionStatisticsTalbe tr th {
.admissionStatisticsTalbe tr td .link p:hover{text-decoration: underline; cursor: pointer;} background: #E6E6E6;
.admissionStatisticsTalbe tr td .phoverStype:hover{text-decoration: underline; cursor: pointer;} height: 40px;
.admissionStatistics_tripDetails {padding: 0; box-shadow: 0px 1px 3px 0px #dedede; max-height: 400px;overflow-y: auto;} font-size: 12px;
.admissionStatistics_tripDetails .popper__arrow::after {border-bottom-color: #ededed !important;} color: #333;
.admissionStatistics_tripDetails table { padding: 10px 0 0 20px; background-color: #ededed; border-collapse: collapse; border: 1px solid #d2d2d2; font-size: 12px;} }
.admissionStatistics_tripDetails table th { background-color: #ededed; padding: 5px;}
.admissionStatistics_tripDetails table td { background-color: #ffffff; padding: 9px 15px;color: #333333;border: 1px solid #d2d2d2;} .admissionStatisticsTalbe tr {
.admissionStatistics_tripDetails table td._d_name {background-color: #ededed;} background: #fff;
.admissionStatistics_tripDetails table ._color_666 {color: #666666;} text-align: center;
.admissionStatistics_tripDetails table tr._color_666 th { padding: 9px 15px;} height: 40px;
}
.admissionStatisticsTalbe tr td {
font-size: 12px;
}
.admissionStatisticsTalbe tr td .pHouseStyle {
border-bottom: 1px solid #ccc;
height: 20px;
line-height: 20px;
}
.admissionStatisticsTalbe tr td .pHouseStyle:last-child {
border-bottom: none;
}
.admissionStatisticsTalbe tr td .pDateStyle {
border-bottom: 1px solid #ccc;
height: 20px;
line-height: 20px;
margin-top: 0;
}
.admissionStatisticsTalbe tr td .pMsgStyle {
padding: 0 10px;
line-height: 20px;
}
.admissionStatisticsTalbe tr td .link p:hover {
text-decoration: underline;
cursor: pointer;
}
.admissionStatisticsTalbe tr td .phoverStype:hover {
text-decoration: underline;
cursor: pointer;
}
.admissionStatistics_tripDetails {
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede;
max-height: 400px;
overflow-y: auto;
}
.admissionStatistics_tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important;
}
.admissionStatistics_tripDetails table {
padding: 10px 0 0 20px;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
.admissionStatistics_tripDetails table th {
background-color: #ededed;
padding: 5px;
}
.admissionStatistics_tripDetails table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
.admissionStatistics_tripDetails table td._d_name {
background-color: #ededed;
}
.admissionStatistics_tripDetails table ._color_666 {
color: #666666;
}
.admissionStatistics_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