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

景点操作页面修改

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