Skip to content

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

页面修改

parent 7053c865
Show whitespace changes
Inline Side-by-side
Showing with 322 additions and 395 deletions
src/components/Restaurant/ChangeDining.vue
View file @ 5cadbbb3
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<div class="query-box" style="border-bottom: none;" v-if="isShowBtn==1"> <div class="query-box" style="border-bottom: none;" v-if="isShowBtn==1">
<ul> <ul>
<li> <li>
<input type="button" class="fr normalBtn mb30" value="批量同意" @click="ChangeHotelInfo(2)"/> <input type="button" class="fr normalBtn mb30" value="批量同意" @click="ChangeHotelInfo(2)" />
<input type="button" class="fr normalBtn mb30" value="批量拒绝" @click="ChangeHotelInfo(3)"/> <input type="button" class="fr normalBtn mb30" value="批量拒绝" @click="ChangeHotelInfo(3)" />
</li> </li>
</ul> </ul>
</div> </div>
...@@ -15,29 +15,16 @@ ...@@ -15,29 +15,16 @@
<th width="150">用餐时间</th> <th width="150">用餐时间</th>
<th width="200">原餐厅名称</th> <th width="200">原餐厅名称</th>
<th width="200">新餐厅名称</th> <th width="200">新餐厅名称</th>
<th width="80">{{$t('objFill.leibie')}}</th> <th width="80">餐饮类型</th>
<th width="200">餐饮类型</th>
<th width="80">总人数</th>
<th width="150">用餐人类型</th> <th width="150">用餐人类型</th>
<th width="80">用餐人数</th> <th width="80">用餐人数</th>
<th width="150">{{$t('Operation.Op_price')}}</th> <th width="150">{{$t('Operation.Op_price')}}</th>
<th width="80">{{$t('hotel.table_operat')}}</th> <th width="80">{{$t('hotel.table_operat')}}</th>
<!--<th width="150">免人数</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="80">{{$t('pub.pubRemark')}}</th> -->
</tr> </tr>
<tr v-for="(item,index) in list"> <tr v-for="(item,index) in list">
<td :rowspan="list.length" v-if="index==0"> <td :rowspan="list.length" v-if="index==0">
<div class="w120"> <div class="w120">
<p class="link" @click="goUrlT('productQuery',TCNUM,'产品查询')">{{TCNUM}}</p> <p class="link" @click="goUrlT('productQuery',TCNUM,'产品查询')">{{TCNUM}}</p>
<!-- <el-button @click='openChart()' v-if="CreateByAccount!=''" type="primary" style="background:#6DD875; border-color:#6DD875;padding:4px;margin-top:10px;" >联系OP</el-button> -->
</div> </div>
</td> </td>
<td> <td>
...@@ -45,46 +32,32 @@ ...@@ -45,46 +32,32 @@
</td> </td>
<td> <td>
<div class="w200"> <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> <p style="height: 84px; padding-left: 10px; display:flex; align-items:center;"
</div> v-for="subItem in item.DiningSummaryList" class="link pHouseStyle"
</td> @click="goUrlR('restaurantList',subItem.DiningID,'餐厅列表')" :style="{color: subItem.DiningChangeState==1?'red':''}">{{subItem.DiningName}}
<td> <br />
<span v-for="subItem in item.DiningSummaryList" style="margin:0 10px;display:inline-block;"> 真实名称:{{subItem.DiningRealName}}
{{subItem.NewDiningName}}
<!-- <el-select class='w160 sel' v-model='subItem.NewDiningID' filterable :placeholder="$t('pub.pleaseSel')" @visible-change='getDingList(item)' @change='sendValue(item)'>
<el-option
v-for='itemHotel in item.DinnerList'
:label='itemHotel.Name'
:value='itemHotel.ID'
:key='itemHotel.ID'
></el-option>
</el-select> -->
</span>
</td>
<td>
<div class="w80" >
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
{{subItem.UseDinnerTypeStr}}
</p> </p>
</div> </div>
</td> </td>
<td> <td>
<div class="w120"> <div class="w200">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle"> <p style="height: 84px; padding-left: 10px; display:flex; align-items:center;"
{{subItem.MealName}} v-for="subItem in item.DiningSummaryList" class="link pHouseStyle" :style="{color: subItem.DiningChangeState==1?'red':''}">{{subItem.NewDiningName}}
<br />
真实名称:{{subItem.NewDiningRealName}}
</p> </p>
</div> </div>
</td> </td>
<td> <td>
<div class="w80"> <div class="w80">
<p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle"> <p style="height: 84px; line-height: 84px;" v-for="subItem in item.DiningSummaryList" class="pHouseStyle">
{{GuestNum}} {{subItem.UseDinnerTypeStr}}
</p> </p>
</div> </div>
</td> </td>
<td> <td>
<div class="w180" > <div class="w180">
<div class="DivStyle" v-for="subItem in item.DiningSummaryList"> <div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList"> <p v-for="childItem in subItem.DiningPriceList">
{{personStrToWord(childItem.PeopleType)}} {{personStrToWord(childItem.PeopleType)}}
...@@ -105,7 +78,8 @@ ...@@ -105,7 +78,8 @@
<div> <div>
<div class="DivStyle" v-for="subItem in item.DiningSummaryList"> <div class="DivStyle" v-for="subItem in item.DiningSummaryList">
<p v-for="childItem in subItem.DiningPriceList"> <p v-for="childItem in subItem.DiningPriceList">
<span class="spanlink" v-if='childItem.PeoplePrice==0' @click="goUrl('RestaurantPackage',subItem,'套餐查询')">设置</span> <span class="spanlink" v-if='childItem.PeoplePrice==0'
@click="goUrl('RestaurantPackage',subItem,'套餐查询')">设置</span>
<span v-if='childItem.PeoplePrice!=0'>{{childItem.PeoplePrice}}</span> <span v-if='childItem.PeoplePrice!=0'>{{childItem.PeoplePrice}}</span>
</p> </p>
</div> </div>
...@@ -113,128 +87,51 @@ ...@@ -113,128 +87,51 @@
</td> </td>
<td> <td>
<div class="w120"> <div class="w120">
<p style="height: 84px; padding-left: 10px; display:flex; align-items:center;" v-for="subItem in item.DiningSummaryList" class="link pHouseStyle" > <p style="height: 84px; padding-left: 10px; display:flex; align-items:center;"
v-for="subItem in item.DiningSummaryList" class="link pHouseStyle">
<span v-if="subItem.DiningChangeState==1"> <span v-if="subItem.DiningChangeState==1">
<input type="button" class="normalBtn" value="同意" @click="HotelChangeState(subItem,2)"/> <input type="button" class="normalBtn" value="同意" @click="HotelChangeState(subItem,2)" />
<input type="button" class="normalBtn" value="拒绝" @click="HotelChangeState(subItem,3)"/> <input type="button" class="normalBtn" value="拒绝" @click="HotelChangeState(subItem,3)" />
</span> </span>
</p> </p>
</div> </div>
</td> </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}}
</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> </tr>
</table> </table>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
defaultSelectValue:0,
list: [], list: [],
roomList: [],
TCNUM: "", TCNUM: "",
flightTotal: 0, isShowBtn: 0
GuestNum: 0,
isShowBtn:0
}; };
}, },
methods: { methods: {
//页面跳转[大写] //页面跳转[大写]
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, name) { goUrl(path, obj, name) {
this.$router.push({ this.$router.push({
...@@ -246,29 +143,36 @@ export default { ...@@ -246,29 +143,36 @@ export default {
} }
}); });
}, },
personStrToWord(str){ personStrToWord(str) {
if(str==1) if (str == 1)
return '大人' return '大人'
if(str==2) if (str == 2)
return '儿童' return '儿童'
if(str==3) if (str == 3)
return '婴儿' return '婴儿'
}, },
getList() { getList() {
this.apipost( this.apipost(
"dmcstatistics_get_GetDinnerStaticsDetail", "dmcstatistics_get_GetDinnerStaticsDetail", {
{ TCIDs: this.$route.query.id }, TCIDs: this.$route.query.id
},
res => { res => {
console.log("res.data", res.data);
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.list = res.data.data; var tempData = res.data.data;
this.list.forEach(item=>{ if (tempData && tempData.DiningList && tempData.DiningList.length > 0) {
item.DinnerList=[]; this.list = tempData.DiningList;
item.DiningSummaryList.forEach(x=>{ if (this.list && this.list.length > 0) {
if(x.DiningChangeState>0){ this.list.forEach(item => {
this.isShowBtn=1; item.DinnerList = [];
item.DiningSummaryList.forEach(x => {
if (x.DiningChangeState > 0) {
this.isShowBtn = 1;
} }
}) })
}) })
}
}
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
...@@ -276,10 +180,9 @@ export default { ...@@ -276,10 +180,9 @@ export default {
err => {} err => {}
); );
}, },
HotelChangeState(obj, State) {
HotelChangeState(obj,State){ if (State == 2) { //给出提示
if(State==2){//给出提示 obj.DiningChangeState = State;
obj.DiningChangeState=State;
this.$confirm('是否同意？同意后将覆盖之前的信息！', this.$t('tips.tips'), { this.$confirm('是否同意？同意后将覆盖之前的信息！', this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'), confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'), cancelButtonText: this.$t('pub.cancelBtn'),
...@@ -292,24 +195,23 @@ export default { ...@@ -292,24 +195,23 @@ export default {
message: this.$t('tips.cancleDelete') message: this.$t('tips.cancleDelete')
}); });
}); });
} } else {
else{
this.saveList(0); this.saveList(0);
} }
}, },
ChangeHotelInfo(type){ ChangeHotelInfo(type) {
if (type==2){ if (type == 2) {
this.$confirm('是否同意？同意后将覆盖之前的信息！', this.$t('tips.tips'), { this.$confirm('是否同意？同意后将覆盖之前的信息！', this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'), confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'), cancelButtonText: this.$t('pub.cancelBtn'),
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.list.forEach(item=>{ this.list.forEach(item => {
item.DinnerList=[]; item.DinnerList = [];
item.DiningSummaryList.forEach(x=>{ item.DiningSummaryList.forEach(x => {
if(x.DiningChangeState>0){ if (x.DiningChangeState > 0) {
x.DiningChangeState=2; x.DiningChangeState = 2;
} }
}) })
}) })
...@@ -320,93 +222,118 @@ export default { ...@@ -320,93 +222,118 @@ export default {
message: this.$t('tips.cancleDelete') message: this.$t('tips.cancleDelete')
}); });
}); });
} } else if (type == 3) {
else if (type==3){ this.list.forEach(item => {
this.list.forEach(item=>{ item.DinnerList = [];
item.DinnerList=[]; item.DiningSummaryList.forEach(x => {
item.DiningSummaryList.forEach(x=>{ if (x.DiningChangeState > 0) {
if(x.DiningChangeState>0){ x.DiningChangeState = 3;
x.DiningChangeState=3;
} }
}) })
}) })
this.saveList(); this.saveList();
} }
}, },
saveList(){ saveList() {
this.apipost('dmcstatistics_post_SetUpdateDiningOrder', this.list, res => {
//暂时不开放此功能，测试通过后再开放 if (res.data.resultCode == 1) {
this.apipost('dmcstatistics_post_SetUpdateDiningOrder',this.list,res=>{
if(res.data.resultCode==1){
this.$message.success(res.data.message) this.$message.success(res.data.message)
this.getList() this.getList()
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
},
//重置电话地址
sendValue(){
}, },
}, },
mounted() { mounted() {
this.TCNUM = this.$route.query.TCNUM; this.TCNUM = this.$route.query.TCNUM;
this.GuestNum= this.$route.query.GuestNum;
this.getList(); this.getList();
} }
}; };
</script> </script>
<style> <style>
.bookDinnerStatisticsTalbe { .bookDinnerStatisticsTalbe {
background: #ccc; background: #ccc;
} }
.bookDinnerStatisticsTalbe tr th {
.bookDinnerStatisticsTalbe tr th {
background: #e6e6e6; background: #e6e6e6;
height: 40px; height: 40px;
font-size: 12px; font-size: 12px;
color: #333; color: #333;
} }
.bookDinnerStatisticsTalbe tr {
.bookDinnerStatisticsTalbe tr {
background: #fff; background: #fff;
text-align: center; text-align: center;
height: 40px; height: 40px;
} }
.bookDinnerStatisticsTalbe tr td {
.bookDinnerStatisticsTalbe tr td {
font-size: 12px; font-size: 12px;
} }
.bookDinnerStatisticsTalbe tr td input{
height:20px!important; .bookDinnerStatisticsTalbe tr td input {
height: 20px !important;
padding: 0; padding: 0;
text-align: center; text-align: center;
} }
.bookDinnerStatisticsTalbe tr td .sel input{
height:34px!important; .bookDinnerStatisticsTalbe tr td .sel input {
} height: 34px !important;
.bookDinnerStatisticsTalbe tr td .pHouseStyle { }
.bookDinnerStatisticsTalbe tr td .pHouseStyle {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
} }
.bookDinnerStatisticsTalbe tr td .pHouseStyle:last-child {
.bookDinnerStatisticsTalbe tr td .pHouseStyle:last-child {
border-bottom: none; border-bottom: none;
} }
.bookDinnerStatisticsTalbe tr td .DivStyle {
.bookDinnerStatisticsTalbe tr td .DivStyle {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
height: 84px; height: 84px;
line-height: 28px; line-height: 28px;
box-sizing: border-box; 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 p {
.bookDinnerStatisticsTalbe tr td .DivStyle:last-child { border-bottom: 1px solid #ccc;
}
.bookDinnerStatisticsTalbe tr td .DivStyle p:last-child {
border-bottom: none; border-bottom: none;
} }
.bookDinnerStatisticsTalbe tr td .tdItemStyle{border-bottom: 1px solid #ccc;}
.bookDinnerStatisticsTalbe tr td .tdItemStyle:last-child{border-bottom: none;} .bookDinnerStatisticsTalbe tr td .DivStyle:last-child {
.bookDinnerStatisticsTalbe tr td .link:hover{text-decoration: underline; cursor: pointer;} border-bottom: none;
.bookDinnerStatisticsTalbe .Book_span{margin-right:3px;} }
.bookDinnerStatisticsTalbe tr td .spanlink:hover{text-decoration: underline; cursor: pointer;}
.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;
}
</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