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