Skip to content

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

订餐页面修改

parent 78f66021
Hide whitespace changes
Inline Side-by-side
Showing with 143 additions and 225 deletions
src/components/Restaurant/bookDinnerStatisticsDetails.vue
View file @ a5a16280
......@@ -11,197 +11,148 @@
<div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle">
<table border="0" cellspacing="1" cellpadding="0" class="bookDinnerStatisticsTalbe">
<tr>
<th width="120">公司团号</th>
<th>
公司团号
</th>
<th colspan="17" style="text-align:left;">
<p class="link" @click="goUrlT('productQuery',TCNUM,'产品查询')">{{TCNUM}}</p>
</th>
</tr>
<tr>
<th width="150">用餐时间</th>
<th width="200">餐厅名称</th>
<th width="200">修改餐厅</th>
<th width="250">餐厅名称</th>
<th width="160">修改餐厅</th>
<th width="80">类别</th>
<th width="200">餐饮类型</th>
<th width="200" style="display:none;">餐饮类型</th>
<th width="80">总人数</th>
<th width="150">用餐人类型</th>
<th width="80">用餐人数</th>
<th width="150">价格</th>
<th width="150">免人数</th>
<th width="70">用餐人<br />类型</th>
<th width="70">用餐<br />人数</th>
<th width="100">价格</th>
<th width="100">免人数</th>
<th width="80">金额小计</th>
<th width="150">返佣</th>
<th width="150">总金额</th>
<th width="80">付款方式</th>
<th width="80">订餐方式</th>
<th width="80">联系电话</th>
<th width="80">地址</th>
<th width="80">订团号</th>
<th width="100">返佣</th>
<th width="120">总金额</th>
<th width="210">付款方式/订餐方式/订团号</th>
<th width="80">备注</th>
</tr>
<tr v-for="(item,index) in list">
<td :rowspan="list.length" v-if="index==0">
<div class="w120">
<p class="link" @click="goUrlT('productQuery',TCNUM,'产品查询')">{{TCNUM}}</p>
</div>
</td>
<td>
<div class="w120">{{item.UseTimeStr}}</div>
</td>
<td>
<div class="w200">
<p style="height: 84px; padding-left: 10px; display:flex; align-items:center;"
v-for="subItem in item.DiningSummaryList" class="link pHouseStyle"
@click="goUrlR('restaurantList',subItem.DiningID,'餐厅列表')">{{subItem.DiningName}}</p>
</div>
</td>
<td>
<div class="w200">
<p style="height: 84px; padding-left: 10px; display:flex; align-items:center;" class="pHouseStyle"
v-for="subItem in item.DiningSummaryList">
<template v-for="(item,index) in list">
<template v-for="(subItem,subIndex) in item.DiningSummaryList">
<tr v-for="(childItem,childIndex) in subItem.DiningPriceList">
<td v-if="childIndex==0" :rowspan="3">
{{item.UseTimeStr}}
</td>
<td v-if="childIndex==0" :rowspan="3">
<table class="dinnerTable">
<tr>
<td colspan="2">
<span style="padding-left:5px;" class="link"
@click="goUrlR('restaurantList',subItem.DiningID,'餐厅列表')">{{subItem.DiningName}}</span>
</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">
<el-select class='w160 sel' v-model='subItem.NewDiningID' filterable :placeholder="$t('pub.pleaseSel')"
@visible-change='getDingList(item)' @change='sendValue(subItem,item)'>
<el-option v-for='itemHotel in item.DinnerList' :label='itemHotel.Name' :value='itemHotel.ID'
:key='itemHotel.ID'></el-option>
</el-select>
</p>
</div>
</td>
<td>
<div class="w80">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
</td>
<td v-if="childIndex==0" :rowspan="3">
{{subItem.UseDinnerTypeStr}}
</p>
</div>
</td>
<td>
<div class="w120">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
</td>
<td v-if="childIndex==0" :rowspan="3" style="display:none;">
{{subItem.MealName}}
</p>
</div>
</td>
<td>
<div class="w80">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
</td>
<td v-if="childIndex==0" :rowspan="3">
{{GuestNum}}
</p>
</div>
</td>
<td>
<div class="w180">
<div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList">
{{personStrToWord(childItem.PeopleType)}}
</p>
</div>
</div>
</td>
<td>
<div class="w80">
<div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList">
{{childItem.PeopleNum}}
</p>
</div>
</div>
</td>
<td>
<div class="w80">
<div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList">
<span class="spanlink" v-if='childItem.PeoplePrice==0'
@click="goUrl('RestaurantPackage',subItem,'套餐查询')">设置</span>
<span v-if='childItem.PeoplePrice!=0'>{{childItem.PeoplePrice}}</span>
</p>
</div>
</div>
</td>
<td>
<div class="w80">
<div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList">
<el-input class='w50 tcenter' @input='calculationPrice(subItem)' maxlength='2'
v-model='childItem.Discount' @keyup.native="checkInteger(childItem,'Discount')"></el-input>
</p>
</div>
</div>
</td>
<td>
<div class="w80">
<div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList">
{{(childItem.PeopleNum-childItem.Discount)*childItem.PeoplePrice}}
</p>
</div>
</div>
</td>
<td>
<div class="w80">
<div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList">
<el-input class='w50 tcenter' @input='calculationPrice(subItem)' v-model='childItem.DiscountPrice'
@keyup.native="checkInteger(childItem,'DiscountPrice')"></el-input>%
</p>
</div>
</div>
</td>
<td>
<div class="w80">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
</td>
<td>
{{personStrToWord(childItem.PeopleType)}}
</td>
<td>
{{childItem.PeopleNum}}
</td>
<td>
<span class="spanlink" v-if='childItem.PeoplePrice==0'
@click="goUrl('RestaurantPackage',subItem,'套餐查询')">设置</span>
<span v-if='childItem.PeoplePrice!=0'>{{childItem.PeoplePrice}}</span>
</td>
<td>
<el-input class='w50 tcenter' @input='calculationPrice(subItem)' maxlength='2'
v-model='childItem.Discount' @keyup.native="checkInteger(childItem,'Discount')"></el-input>
</td>
<td>
{{(childItem.PeopleNum-childItem.Discount)*childItem.PeoplePrice}}
</td>
<td>
<el-input class='w50 tcenter' @input='calculationPrice(subItem)' v-model='childItem.DiscountPrice'
@keyup.native="checkInteger(childItem,'DiscountPrice')"></el-input>%
</td>
<td v-if="childIndex==0" :rowspan="3">
{{subItem.TotalPrice}}
</p>
</div>
</td>
<td>
<div class="w150">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
<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='3'></el-option>
<el-option label='预付' value='4'></el-option>
</el-select>
</p>
</div>
</td>
<td>
<div class="w150">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
<el-select v-model='subItem.DiningReserveType' class='w100 sel' :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-select>
</p>
</div>
</td>
<td>
<div class="w150">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
{{subItem.Tel}}
</p>
</div>
</td>
<td>
<div class="w300">
<p style="height: 84px; padding-left: 10px; display:flex; align-items:center;"
v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
{{subItem.Address}}
</p>
</div>
</td>
<td>
<div class="w150">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
<el-input class='w120 tcenter' v-model='subItem.ReserveNo'></el-input>
</p>
</div>
</td>
<td>
<div class="w150">
<p style="height: 84px; display:flex; align-items:center; padding-left: 15px;"
v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
<el-input type='textarea' class='w120' v-model='subItem.Remarks'></el-input>
</p>
</div>
</td>
</tr>
</td>
<td v-if="childIndex==0" :rowspan="3">
<table class="dinnerTable">
<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='3'></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-select v-model='subItem.DiningReserveType' class='w135 sel'
: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-select>
</td>
</tr>
<tr>
<td width="60" style="text-align:right;">
订团号：
</td>
<td style="text-align:left;">
<el-input class='w135 tcenter' v-model='subItem.ReserveNo'></el-input>
</td>
</tr>
</table>
</td>
<td v-if="childIndex==0" :rowspan="3">
<el-input type='textarea' rows="4" class='w120' v-model='subItem.Remarks'></el-input>
</td>
</tr>
</template>
</template>
</table>
</div>
</div>
......@@ -351,28 +302,29 @@
this.getList();
}
};
</script>
<style>
.bookDinnerStatisticsTalbe {
background: #ccc;
border-collapse: collapse;
background: #fff;
text-align: center;
}
.bookDinnerStatisticsTalbe tr th {
background: #e6e6e6;
background: #eee;
height: 40px;
font-size: 12px;
color: #333;
}
.bookDinnerStatisticsTalbe tr {
background: #fff;
text-align: center;
height: 40px;
border: 1px solid #d1d1d1;
}
.bookDinnerStatisticsTalbe tr td {
font-size: 12px;
height: 25px;
line-height: 25px;
border: 1px solid #d1d1d1;
}
.bookDinnerStatisticsTalbe tr td input {
......@@ -385,55 +337,21 @@
height: 34px !important;
}
.bookDinnerStatisticsTalbe tr td .pHouseStyle {
border-bottom: 1px solid #ccc;
height: 28px;
line-height: 28px;
}
.bookDinnerStatisticsTalbe tr td .pHouseStyle:last-child {
border-bottom: none;
}
.bookDinnerStatisticsTalbe tr td .DivStyle {
border-bottom: 1px solid #ccc;
height: 84px;
line-height: 28px;
box-sizing: border-box;
}
.bookDinnerStatisticsTalbe tr td .DivStyle p {
border-bottom: 1px solid #ccc;
}
.bookDinnerStatisticsTalbe tr td .DivStyle p:last-child {
border-bottom: none;
}
.bookDinnerStatisticsTalbe tr td .DivStyle:last-child {
border-bottom: none;
}
.bookDinnerStatisticsTalbe tr td .tdItemStyle {
border-bottom: 1px solid #ccc;
}
.bookDinnerStatisticsTalbe tr td .tdItemStyle:last-child {
border-bottom: none;
}
.bookDinnerStatisticsTalbe tr td .link:hover {
text-decoration: underline;
cursor: pointer;
}
.bookDinnerStatisticsTalbe .Book_span {
margin-right: 3px;
}
.bookDinnerStatisticsTalbe tr td .spanlink:hover {
text-decoration: underline;
cursor: pointer;
}
.bookDinnerStatisticsTalbe .dinnerTable {
border: none;
}
.bookDinnerStatisticsTalbe .dinnerTable 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