Skip to content

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

页面修改

parent 8bf3e931
Hide whitespace changes
Inline Side-by-side
Showing with 270 additions and 232 deletions
src/components/Hotel/HotelManagement.vue
View file @ 8dfa19f5
<style> <style>
.hotelmanagement .hotelResource { .hotelmanagement .hotelResource {
width: 100%; width: 100%;
min-height: 500px; min-height: 500px;
margin-top: 20px; margin-top: 20px;
} }
.hotelmanagement .resourceList { .hotelmanagement .resourceList {
width: 215px; width: 215px;
height: 320px; height: 320px;
background-color: #fff; background-color: #fff;
border: 1px dashed #ededed; border: 1px dashed #ededed;
border-radius: 4px; border-radius: 4px;
margin: 0 20px 20px 0; margin: 0 20px 20px 0;
font-size: 12px; font-size: 12px;
color: #333333; color: #333333;
float: left; float: left;
} }
.hotelmanagement .resourceList:hover { .hotelmanagement .resourceList:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1); box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s; transition: all linear 0.5s;
} }
.hotelmanagement .reTopInfo { .hotelmanagement .reTopInfo {
width: 100%; width: 100%;
height: 123px; height: 123px;
position: relative; position: relative;
} }
.hotelmanagement .reTopInfo img { .hotelmanagement .reTopInfo img {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0; top: 0;
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-right-radius: 4px;
} }
.hotelmanagement .resTypeList { .hotelmanagement .resTypeList {
position: absolute; position: absolute;
top: 10px; top: 10px;
left: 10px; left: 10px;
} }
.hotelmanagement .resTypeList span { .hotelmanagement .resTypeList span {
display: inline-block; display: inline-block;
padding: 1px 5px; padding: 1px 5px;
border-radius: 10px; border-radius: 10px;
color: #fff; color: #fff;
margin-right: 10px; margin-right: 10px;
} }
.hotelmanagement .L1 { .hotelmanagement .L1 {
background-color: #e95252; background-color: #e95252;
} }
.hotelmanagement .L2 { .hotelmanagement .L2 {
background-color: #47bf8c; background-color: #47bf8c;
} }
.hotelmanagement .L3 { .hotelmanagement .L3 {
background-color: #2aaef2; background-color: #2aaef2;
} }
.hotelmanagement .L4 {
background-color: #9cf; .hotelmanagement .L4 {
} background-color: #9cf;
.hotelmanagement .L5 { }
background-color: #00c6ff;
margin-top:5px; .hotelmanagement .L5 {
} background-color: #00c6ff;
.hotelmanagement .starSu { margin-top: 5px;
position: absolute; }
bottom: 8px;
right: 10px; .hotelmanagement .starSu {
} position: absolute;
bottom: 8px;
.hotelmanagement .sushe { right: 10px;
background-color: #ffc800; }
display: inline-block;
padding: 1px 5px; .hotelmanagement .sushe {
border-radius: 10px; background-color: #ffc800;
color: #fff; display: inline-block;
} padding: 1px 5px;
border-radius: 10px;
.hotelmanagement .hotelTitle { color: #fff;
margin: 22px 16px 0 16px; }
font-size: 14px;
color: #333333; .hotelmanagement .hotelTitle {
overflow: hidden; margin: 22px 16px 0 16px;
text-overflow: ellipsis; font-size: 14px;
white-space: nowrap; color: #333333;
} overflow: hidden;
text-overflow: ellipsis;
.hotelmanagement .brandList { white-space: nowrap;
margin: 10px 16px; }
}
.hotelmanagement .brandList {
.hotelmanagement .brandList i { margin: 10px 16px;
position: relative; }
top: 2px;
} .hotelmanagement .brandList i {
position: relative;
.hotelmanagement .brand { top: 2px;
float: left; }
width: 120px;
overflow: hidden; .hotelmanagement .brand {
text-overflow: ellipsis; float: left;
white-space: nowrap; width: 120px;
} overflow: hidden;
text-overflow: ellipsis;
.hotelmanagement .dayNum { white-space: nowrap;
float: right; }
}
.hotelmanagement .dayNum {
.hotelmanagement .Address { float: right;
margin: 0 16px; }
height: 17px;
overflow: hidden; .hotelmanagement .Address {
} margin: 0 16px;
height: 17px;
.hotelmanagement .Address i { overflow: hidden;
color: #bbbbbb; }
}
.hotelmanagement .Address i {
.hotelmanagement .iconfont { color: #bbbbbb;
margin-right: 5px; }
position: relative;
top: -4px; .hotelmanagement .iconfont {
} margin-right: 5px;
position: relative;
.hotelmanagement .icon-star1 { top: -4px;
color: #ffc800; }
}
.hotelmanagement .icon-star1 {
.hotelmanagement .star i { color: #ffc800;
margin-right: 3px; }
font-size: 12px;
} .hotelmanagement .star i {
margin-right: 3px;
.hotelmanagement .honor { font-size: 12px;
color: #ff793e; }
}
.hotelmanagement .honor {
.hotelmanagement .dieline { color: #ff793e;
color: #2aaef2; }
font-size: 14px;
top: 1px !important; .hotelmanagement .dieline {
} color: #2aaef2;
font-size: 14px;
.hotelmanagement .AddressInner { top: 1px !important;
float: right; }
width: 160px;
height: 18px; .hotelmanagement .AddressInner {
overflow: hidden; float: right;
text-overflow: ellipsis; width: 160px;
display: -webkit-box; height: 18px;
-webkit-line-clamp: 1; overflow: hidden;
-webkit-box-orient: vertical; text-overflow: ellipsis;
} display: -webkit-box;
-webkit-line-clamp: 1;
.hotelmanagement .btnList { -webkit-box-orient: vertical;
margin-top: 16px; }
text-align: center;
} .hotelmanagement .btnList {
margin-top: 16px;
.hotelmanagement .hotelBtn { text-align: center;
width: 80px; }
height: 28px;
border-radius: 14px; .hotelmanagement .hotelBtn {
color: #fff; width: 80px;
cursor: pointer; height: 28px;
background-color: #f76f6f; border-radius: 14px;
} color: #fff;
cursor: pointer;
.hotelmanagement .hotelBtn:first-child { background-color: #f76f6f;
margin-right: 19px; }
}
.hotelmanagement .hotelBtn:first-child {
.hotelmanagement .w150 .el-input { margin-right: 19px;
width: 150px; }
}
.hotelmanagement .w150 .el-input {
.hotelmanagement .RemainingInventory { width: 150px;
position: absolute; }
width: 60px;
height: 60px; .hotelmanagement .RemainingInventory {
background-color: rgba(0, 0, 0, 0.35); position: absolute;
border-radius: 50%; width: 60px;
margin: auto; height: 60px;
top: 30px; background-color: rgba(0, 0, 0, 0.35);
color: #fff; border-radius: 50%;
font-size: 16px; margin: auto;
text-align: center; top: 30px;
font-weight: bold; color: #fff;
line-height: 60px; font-size: 16px;
left: 50%; text-align: center;
margin-left: -30px; font-weight: bold;
} line-height: 60px;
left: 50%;
.hotelmanagement .delScien { margin-left: -30px;
position: absolute; }
right: 10px;
top: 10px; .hotelmanagement .delScien {
display: none; position: absolute;
} right: 10px;
top: 10px;
.hotelmanagement .delScien:hover { display: none;
color: #f76f6f; }
cursor: pointer;
} .hotelmanagement .delScien:hover {
color: #f76f6f;
.hotelmanagement .resourceList:hover .delScien { cursor: pointer;
display: block; }
}
.hotelmanagement .resourceList:hover .delScien {
.hotelmanagement .comCursorUrl { display: block;
cursor: pointer; }
}
.hotelmanagement .comCursorUrl {
cursor: pointer;
}
</style> </style>
<template> <template>
<div class="flexOne hotelmanagement"> <div class="flexOne hotelmanagement">
...@@ -225,21 +229,23 @@ ...@@ -225,21 +229,23 @@
<li> <li>
<span class="hotel_name"> <span class="hotel_name">
<em>{{$t('hotel.hotel_name')}}</em> <em>{{$t('hotel.hotel_name')}}</em>
<el-input maxlength="50" @keyup.native.enter="resetPageIndex(),selectResource()" v-model="msg.Name"></el-input> <el-input maxlength="50" @keyup.native.enter="resetPageIndex(),selectResource()" v-model="msg.Name">
</el-input>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>{{$t('system.quety_area')}}</em> <em>{{$t('system.quety_area')}}</em>
<el-select v-model="msg.QCountry" clearable class="w150" filterable @change="getProvinceList(msg.QCountry,1)" <el-select v-model="msg.QCountry" clearable class="w150" filterable
:placeholder="$t('hotel.hotel_country')"> @change="getProvinceList(msg.QCountry,1)" :placeholder="$t('hotel.hotel_country')">
<el-option v-for="item in countryList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in countryList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select> </el-select>
<el-select v-model="msg.QProvince" class="w150" filterable @change="getProvinceList(msg.QProvince,2)" <el-select v-model="msg.QProvince" class="w150" filterable @change="getProvinceList(msg.QProvince,2)"
:placeholder="$t('hotel.hotel_province')"> :placeholder="$t('hotel.hotel_province')">
<el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select> </el-select>
<el-select v-model="msg.QCity" class="w150" filterable @change="getProvinceList(msg.QCity,3)" :placeholder="$t('hotel.hotel_city')"> <el-select v-model="msg.QCity" class="w150" filterable @change="getProvinceList(msg.QCity,3)"
:placeholder="$t('hotel.hotel_city')">
<el-option v-for="item in cityList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in cityList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select> </el-select>
<el-select v-model="msg.QDistrict" class="w150" filterable :placeholder="$t('hotel.hotel_area')"> <el-select v-model="msg.QDistrict" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
...@@ -270,12 +276,14 @@ ...@@ -270,12 +276,14 @@
<em>价格</em> <em>价格</em>
<el-select v-model="msg.HotelPirceType" class="w210" :placeholder="$t('pub.unlimitedSel')"> <el-select v-model="msg.HotelPirceType" class="w210" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option> <el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
<el-option v-for="item in HotelPirceTypeList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in HotelPirceTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<button class="hollowFixedBtn" type="button" @click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button> <button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" type="button" @click="goSubInfo('HotelInfo')">{{$t('pub.addBtn')}}</button> <button class="normalBtn" type="button" @click="goSubInfo('HotelInfo')">{{$t('pub.addBtn')}}</button>
</li> </li>
</ul> </ul>
...@@ -287,7 +295,8 @@ ...@@ -287,7 +295,8 @@
<img v-else :src='compressImg(item.PicPath, "filt", 213, "")' :onerror="defaultImg"> <img v-else :src='compressImg(item.PicPath, "filt", 213, "")' :onerror="defaultImg">
<!-- <div class="RemainingInventory">{{item.RemainingInventory}}</div> --> <!-- <div class="RemainingInventory">{{item.RemainingInventory}}</div> -->
<div class="resTypeList"> <div class="resTypeList">
<span v-for="(items,index) in item.OpenPlatformList" :key="index" :class="{'L1':items.ID==1,'L2':items.ID==2,'L3':items.ID==3,'L4':items.ID==4,'L5':items.ID==5}">{{items.Name}}</span> <span v-for="(items,index) in item.OpenPlatformList" :key="index"
:class="{'L1':items.ID==1,'L2':items.ID==2,'L3':items.ID==3,'L4':items.ID==4,'L5':items.ID==5}">{{items.Name}}</span>
</div> </div>
<div class="delScien" @click.stop="isdelete(item.ID)"> <div class="delScien" @click.stop="isdelete(item.ID)">
<i class="iconfont icon-xingzhuang"></i> <i class="iconfont icon-xingzhuang"></i>
...@@ -300,12 +309,13 @@ ...@@ -300,12 +309,13 @@
<span v-if="item.Star==9" class="sushe">{{$t('restaurant.res_SpringHotel')}}</span> <span v-if="item.Star==9" class="sushe">{{$t('restaurant.res_SpringHotel')}}</span>
</div> </div>
</div> </div>
<el-tooltip class="item" effect="dark" :content="item.Name" placement="top-start" popper-class="max-w250"> <el-tooltip class="item" effect="dark" :content="item.Name" placement="top-start" popper-class="max-w250">
<div class="hotelTitle">{{item.Name}}</div> <div class="hotelTitle">{{item.Name}}</div>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" :content="item.HotelRealName" placement="top-start" popper-class="max-w250"> <el-tooltip class="item" effect="dark" :content="item.HotelRealName" placement="top-start"
<div class="hotelTitle fz12">真实名称: {{item.HotelRealName}}</div> popper-class="max-w250">
</el-tooltip> <div class="hotelTitle fz12">真实名称: {{item.HotelRealName}}</div>
</el-tooltip>
<div class="brandList clearfix"> <div class="brandList clearfix">
<div class="brand"> <div class="brand">
<i class="iconfont honor icon-img_biaozhi"></i> <i class="iconfont honor icon-img_biaozhi"></i>
...@@ -326,18 +336,19 @@ ...@@ -326,18 +336,19 @@
</div> </div>
<div class="btnList"> <div class="btnList">
<button @click="goSubInfo('HotelInfo',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button> <button @click="goSubInfo('HotelInfo',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button>
<button @click="goUrl('HotelProductManage2',item)" class="hotelBtn">报价与库存</button> <button v-if="IsHotelPriceStock==1" @click="goUrl('HotelProductManage2',item)" class="hotelBtn">报价与库存</button>
</div> </div>
</div> </div>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" :page-size="this.msg.pageSize" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
layout="total,prev, pager, next, jumper" :total="msg.total"></el-pagination> :page-size="this.msg.pageSize" layout="total,prev, pager, next, jumper" :total="msg.total"></el-pagination>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
IsHotelPriceStock:0,//1-有获取酒店库存与报价添加修改权限
countryList: "", countryList: "",
provinceList: "", provinceList: "",
cityList: "", cityList: "",
...@@ -511,9 +522,22 @@ ...@@ -511,9 +522,22 @@
}, },
err => {} err => {}
); );
},
//获取酒店修改与报价添加修改权限
GetHotelPirceStockAuth() {
this.apipost(
"hotel_post_GetHotelPriceStockAuthService", {},
res => {
if (res.data.resultCode == 1) {
this.IsHotelPriceStock = res.data.data;
}
},
err => {}
);
} }
}, },
mounted() { mounted() {
this.GetHotelPirceStockAuth();
this.getCountryList(); this.getCountryList();
this.GetHotelTypeList(); this.GetHotelTypeList();
this.GetHotelPirceTypeList(); this.GetHotelPirceTypeList();
......
src/components/Restaurant/restaurantList.vue
View file @ 8dfa19f5
...@@ -338,7 +338,7 @@ ...@@ -338,7 +338,7 @@
</div> </div>
<div class="btnList"> <div class="btnList">
<button @click="goSubInfo('restaurantInfoManage',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button> <button @click="goSubInfo('restaurantInfoManage',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button>
<button @click="goUrl('RestaurantPackage',item.ID)" class="hotelBtn">{{$t('restaurant.res_package')}}</button> <button v-if="IsHotelPriceStock==1" @click="goUrl('RestaurantPackage',item.ID)" class="hotelBtn">{{$t('restaurant.res_package')}}</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -351,6 +351,7 @@ ...@@ -351,6 +351,7 @@
export default { export default {
data() { data() {
return { return {
IsHotelPriceStock:0,//1-有获取餐厅与报价添加修改权限
total: 0, total: 0,
currentPage: 1, currentPage: 1,
countryList: "", countryList: "",
...@@ -543,6 +544,18 @@ ...@@ -543,6 +544,18 @@
err => {} err => {}
); );
}, },
//获取酒店修改与报价添加修改权限
GetHotelPirceStockAuth() {
this.apipost(
"hotel_post_GetHotelPriceStockAuthService", {},
res => {
if (res.data.resultCode == 1) {
this.IsHotelPriceStock = res.data.data;
}
},
err => {}
);
}
}, },
created() { created() {
if (this.$route.query.hasOwnProperty("cache")) { if (this.$route.query.hasOwnProperty("cache")) {
...@@ -556,6 +569,7 @@ ...@@ -556,6 +569,7 @@
} }
}, },
mounted() { mounted() {
this.GetHotelPirceStockAuth();
this.getCountryList(); this.getCountryList();
this.selectResource(); this.selectResource();
this.GetDiningTypeList(); this.GetDiningTypeList();
......
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