Skip to content

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

页面修改

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