Commit 1edc1c88 authored by 黄奎's avatar 黄奎

景点操作页面修改

parent a5a16280
......@@ -9,7 +9,7 @@
</ul>
</div>
<div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle">
<table border="0" cellspacing="1" cellpadding="0" class="bookDinnerStatisticsTalbe">
<table border="0" cellspacing="1" cellpadding="0" class="bookDinnerStatisticsTalbe" v-loading="loading">
<tr>
<th>
公司团号
......@@ -168,6 +168,7 @@
TCNUM: "",
flightTotal: 0,
GuestNum: 0,
loading: false,
};
},
methods: {
......@@ -212,11 +213,13 @@
return '婴儿'
},
getList() {
this.loading = true;
this.apipost(
"dmcstatistics_get_GetDinnerStaticsDetail", {
TCIDs: this.$route.query.id
},
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.list = res.data.data;
this.list.forEach(item => {
......@@ -354,4 +357,5 @@
.bookDinnerStatisticsTalbe .dinnerTable tr td {
border: none;
}
</style>
......@@ -9,137 +9,126 @@
</ul>
</div>
<div style="width: 100%; overflow-y: auto;padding-bottom: 10px; height: 100%; " class="ownScrollbarStyle">
<table border="0" cellspacing="1" cellpadding="0" class="admissionStatisticsDetailsTalbe">
<table border="0" cellspacing="1" cellpadding="0" class="admissionStatisticsDetailsTalbe" v-loading="loading">
<tr>
<th width="120">公司团号</th>
<th width="120">游览时间</th>
<th>
公司团号
</th>
<th colspan="15" style="text-align:left; padding-left:8px;">
<p class="link" @click="goUrlT('productQuery',TCNUM,'产品查询')">{{TCNUM}}</p>
</th>
</tr>
<tr>
<th width="115">游览时间</th>
<th width="200">景点名称</th>
<th width="100">总人数</th>
<th width="100">游客类型</th>
<th width="80">游客人数</th>
<th width="80">使用人数</th>
<th width="80">免人数</th>
<th width="100">单价</th>
<th width="80">金额小计</th>
<th width="70">总人数</th>
<th width="70">游客<br />类型</th>
<th width="70">游客<br />人数</th>
<th width="70">使用<br />人数</th>
<th width="70">免人数</th>
<th width="90">单价</th>
<th width="90">金额小计</th>
<th width="80">返佣</th>
<th width="80">总金额</th>
<th width="80">付款方式</th>
<th width="150">订团号</th>
<th width="150">联络电话</th>
<th width="300">地址</th>
<th width="100">总金额</th>
<th width="210">付款方式/订团号</th>
<th width="200">备注</th>
</tr>
<tr v-for="(item,index) in list">
<td :rowspan="list.length" v-if="index==0">
<div class="w120">{{TCNUM}}</div>
</td>
<td>
<div class="w120">
{{item.UseTimeStr}}
</div>
</td>
<td>
<div class="w200 ScenicComDivflex" v-for="subItem in item.ScenicStatisticsList">
{{subItem.ScenicName}}
</div>
</td>
<td>
<div class="w100 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
{{subItem.UseAccount}}
</div>
</td>
<td>
<div class="w100 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<p v-for="o in subItem.TicketPriceList">
{{personStrToWord(o.PeopleType)}}
</p>
</div>
</td>
<td>
<div class="w80 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<p v-for="o in subItem.TicketPriceList">
{{o.PeopleNum}}
</p>
</div>
</td>
<td>
<div class="w80 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<p v-for="o in subItem.TicketPriceList">
<el-input class='w50 tcenter' v-model='o.UsePeopleNum' type="number" @input='calculationPrice(subItem)'
@keyup.native="checkInteger(o,'UsePeopleNum')"></el-input>
</p>
</div>
</td>
<td>
<div class="w80 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<p v-for="o in subItem.TicketPriceList">
<el-input class='w50 tcenter' maxlength='2' v-model='o.Discount' type="number"
@input='calculationPrice(subItem)' @keyup.native="checkInteger(o,'Discount')"></el-input>
</p>
</div>
</td>
<td>
<div class="w100 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<p v-for="o in subItem.TicketPriceList">
<span class="spanlink" v-if='o.PeoplePrice==0'
<template v-for="(item,index) in DataList">
<template v-for="(subItem,subIndex) in item.ScenicStatisticsList">
<tr v-for="(childItem,childIndex) in subItem.TicketPriceList">
<td v-if="childIndex==0" :rowspan="3">
{{item.UseTimeStr}}
</td>
<td v-if="childIndex==0" :rowspan="3">
<table class="scenicTable">
<tr>
<td colspan="2" style="text-align:left;padding-left:8px;">
{{subItem.ScenicName}}
</td>
</tr>
<tr>
<td width="40">
电话:
</td>
<td style="text-align:left;">
{{subItem.Tel}}
</td>
</tr>
<tr>
<td width="40">
地址:
</td>
<td style="text-align:left;">
{{subItem.Address}}
</td>
</tr>
</table>
</td>
<td v-if="childIndex==0" :rowspan="3">
{{subItem.UseAccount}}
</td>
<td>
{{personStrToWord(childItem.PeopleType)}}
</td>
<td>
{{childItem.PeopleNum}}
</td>
<td>
<el-input class='w50 tcenter' v-model='childItem.UsePeopleNum' type="number"
@input='calculationPrice(subItem)' @keyup.native="checkInteger(childItem,'UsePeopleNum')"></el-input>
</td>
<td>
<el-input class='w50 tcenter' maxlength='2' v-model='childItem.Discount' type="number"
@input='calculationPrice(subItem)' @keyup.native="checkInteger(childItem,'Discount')"></el-input>
</td>
<td>
<span class="spanlink" v-if='childItem.PeoplePrice==0'
@click="goUrl('ticketManagement',subItem,'门票管理')">设置</span>
<span v-if='o.PeoplePrice!=0'>{{o.PeoplePrice}}</span>
</p>
</div>
</td>
<td>
<div class="w80 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<p v-for="o in subItem.TicketPriceList">
{{(o.UsePeopleNum-o.Discount)*o.PeoplePrice}}
</p>
</div>
</td>
<td>
<div class="w80 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<p v-for="o in subItem.TicketPriceList">
<span class="spanlink" v-if='o.DiscountPrice==0'
<span v-if='childItem.PeoplePrice!=0'>{{childItem.PeoplePrice}}</span>
</td>
<td>
{{(childItem.UsePeopleNum-childItem.Discount)*childItem.PeoplePrice}}
</td>
<td>
<span class="spanlink" v-if='childItem.DiscountPrice==0'
@click="goUrl('scenicSpotInfoManage',subItem,'景区列表')">设置</span>
<span v-if='o.DiscountPrice!=0'>{{o.DiscountPrice}}%</span>
</p>
</div>
</td>
<td>
<div class="w80 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
{{subItem.TotalPrice}}
</div>
</td>
<td>
<div class="w160 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<el-select class='w100 sel' v-model='subItem.PayStyle' :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='5'></el-option>
<el-option label='预付' value='4'></el-option>
</el-select>
</div>
</td>
<td>
<div class="w160 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
<el-input class='w120' v-model='subItem.CombinationNum' type="text"></el-input>
</div>
</td>
<td>
<div class="w150 ScenicComDiv" v-for="subItem in item.ScenicStatisticsList">
{{subItem.Tel}}
</div>
</td>
<td>
<div class="w300 ScenicComDivflex" v-for="subItem in item.ScenicStatisticsList">
{{subItem.Address}}
</div>
</td>
<td>
<div class="w200 ScenicComDivflex" v-for="subItem in item.ScenicStatisticsList">
<el-input type='textarea' class='w170' v-model='subItem.Remarks'></el-input>
</div>
</td>
</tr>
<span v-if='childItem.DiscountPrice!=0'>{{childItem.DiscountPrice}}%</span>
</td>
<td v-if="childIndex==0" :rowspan="3">
{{subItem.TotalPrice}}
</td>
<td v-if="childIndex==0" :rowspan="3">
<table class="scenicTable">
<tr>
<td width="60" style="text-align:right;">
付款方式:
</td>
<td style="text-align:left;">
<el-select class='w135 sel' v-model='subItem.PayStyle' :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='5'></el-option>
<el-option label='预付' value='4'></el-option>
</el-select>
</td>
</tr>
<tr>
<td width="60" style="text-align:right;">
订团号:
</td>
<td style="text-align:left;">
<el-input class='w135' v-model='subItem.CombinationNum' type="text"></el-input>
</td>
</tr>
</table>
</td>
<td v-if="childIndex==0" :rowspan="3">
<el-input type='textarea' rows="4" class='w170' v-model='subItem.Remarks'></el-input>
</td>
</tr>
</template>
</template>
</table>
</div>
</div>
......@@ -149,11 +138,12 @@
data() {
return {
defaultSelectValue: 0,
list: [],
DataList: [],
roomList: [],
TCNUM: '',
flightTotal: 0,
GuestNum: 0,
loading: false,
}
},
methods: {
......@@ -183,12 +173,14 @@
obj.TotalPrice = totalPrice.toFixed(2);
},
getList() {
this.loading = true;
this.apipost('dmcstatistics_get_GetScenicStaticsDetail', {
TCIDs: this.$route.query.id
}, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.list = res.data.data;
this.list.forEach(item => {
this.DataList = res.data.data;
this.DataList.forEach(item => {
item.ScenicStatisticsList.forEach(x => {
x.PayStyle = x.PayStyle.toString();
this.calculationPrice(x);
......@@ -204,7 +196,7 @@
},
saveList(type) {
if (type == 0) {
this.list.forEach(item => {
this.DataList.forEach(item => {
item.ScenicStatisticsList.forEach(insideItem => {
insideItem.OrderState = 0;
insideItem.TicketPriceList.forEach(subItem => {
......@@ -216,7 +208,7 @@
})
}
if (type == 1) {
this.list.forEach(item => {
this.DataList.forEach(item => {
item.ScenicStatisticsList.forEach(insideItem => {
insideItem.OrderState = 1;
insideItem.TicketPriceList.forEach(subItem => {
......@@ -227,9 +219,7 @@
})
})
}
console.log("this.list", this.list);
this.apipost('dmcstatistics_get_SetTicketOrder', this.list, res => {
this.apipost('dmcstatistics_get_SetTicketOrder', this.DataList, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.getList();
......@@ -243,75 +233,32 @@
this.TCNUM = this.$route.query.TCNUM;
this.flightTotal = this.$route.query.flightTotal;
this.GuestNum = this.$route.query.GuestNum;
this.getList()
this.getList();
},
}
</script>
<style>
.admissionStatisticsDetailsTalbe {
background: #ccc;
border-collapse: collapse;
background: #fff;
text-align: center;
}
.admissionStatisticsDetailsTalbe tr th {
background: #E6E6E6;
background: #eee;
height: 40px;
font-size: 12px;
color: #333;
border: 1px solid #d1d1d1;
}
.admissionStatisticsDetailsTalbe tr {
background: #fff;
text-align: center;
height: 40px;
}
.admissionStatisticsDetailsTalbe tr td {
font-size: 12px;
}
.admissionStatisticsDetailsTalbe tr td .pHouseStyle {
border-bottom: 1px solid #ccc;
height: 20px;
line-height: 20px;
}
.admissionStatisticsDetailsTalbe tr td .pHouseStyle:last-child {
border-bottom: none;
}
.admissionStatisticsDetailsTalbe tr td .ScenicComDivflex {
width: 100%;
height: 84px;
display: flex;
align-items: center;
padding-left: 15px;
border-bottom: 1px solid #ccc;
}
.admissionStatisticsDetailsTalbe tr td .ScenicComDivflex:last-child {
border-bottom: none;
}
.admissionStatisticsDetailsTalbe tr td .ScenicComDiv {
width: 100%;
height: 84px;
line-height: 84px;
border-bottom: 1px solid #ccc;
}
.admissionStatisticsDetailsTalbe tr td .ScenicComDiv:last-child {
border-bottom: none;
}
.admissionStatisticsDetailsTalbe tr td .ScenicComDiv>p {
border-bottom: 1px solid #ccc;
height: 28px;
line-height: 28px;
}
.admissionStatisticsDetailsTalbe tr td .ScenicComDiv>p:last-child {
border-bottom: none;
height: 25px;
line-height: 25px;
border: 1px solid #d1d1d1;
}
.admissionStatisticsDetailsTalbe tr td input {
......@@ -329,4 +276,12 @@
cursor: pointer;
}
.admissionStatisticsDetailsTalbe .scenicTable {
border: none;
}
.admissionStatisticsDetailsTalbe .scenicTable tr td {
border: none;
}
</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