Commit 57b687d5 authored by zhengke's avatar zhengke

修改

parent 5c86b560
<style> <style>
.hotelmanagement .hotelResource { .GnHotelmanagement .hotelResource {
width: 100%; width: 100%;
min-height: 500px; min-height: 500px;
margin-top: 20px; margin-top: 20px;
} }
.hotelmanagement .resourceListMan { .GnHotelmanagement .resourceListMan {
width: 215px; width: 215px;
height: 350px; height: 350px;
background-color: #fff; background-color: #fff;
...@@ -17,18 +17,18 @@ ...@@ -17,18 +17,18 @@
float: left; float: left;
} }
.hotelmanagement .resourceListMan:hover { .GnHotelmanagement .resourceListMan: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 { .GnHotelmanagement .reTopInfo {
width: 100%; width: 100%;
height: 123px; height: 123px;
position: relative; position: relative;
} }
.hotelmanagement .reTopInfo img { .GnHotelmanagement .reTopInfo img {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -37,13 +37,13 @@ ...@@ -37,13 +37,13 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
} }
.hotelmanagement .resTypeList { .GnHotelmanagement .resTypeList {
position: absolute; position: absolute;
top: 10px; top: 10px;
left: 10px; left: 10px;
} }
.hotelmanagement .resTypeList span { .GnHotelmanagement .resTypeList span {
display: inline-block; display: inline-block;
padding: 1px 5px; padding: 1px 5px;
border-radius: 10px; border-radius: 10px;
...@@ -51,34 +51,34 @@ ...@@ -51,34 +51,34 @@
margin-right: 10px; margin-right: 10px;
} }
.hotelmanagement .L1 { .GnHotelmanagement .L1 {
background-color: #e95252; background-color: #e95252;
} }
.hotelmanagement .L2 { .GnHotelmanagement .L2 {
background-color: #47bf8c; background-color: #47bf8c;
} }
.hotelmanagement .L3 { .GnHotelmanagement .L3 {
background-color: #2aaef2; background-color: #2aaef2;
} }
.hotelmanagement .L4 { .GnHotelmanagement .L4 {
background-color: #9cf; background-color: #9cf;
} }
.hotelmanagement .L5 { .GnHotelmanagement .L5 {
background-color: #00c6ff; background-color: #00c6ff;
margin-top: 5px; margin-top: 5px;
} }
.hotelmanagement .starSu { .GnHotelmanagement .starSu {
position: absolute; position: absolute;
bottom: 8px; bottom: 8px;
right: 10px; right: 10px;
} }
.hotelmanagement .sushe { .GnHotelmanagement .sushe {
background-color: #ffc800; background-color: #ffc800;
display: inline-block; display: inline-block;
padding: 1px 5px; padding: 1px 5px;
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
color: #fff; color: #fff;
} }
.hotelmanagement .hotelTitle { .GnHotelmanagement .hotelTitle {
margin: 22px 16px 0 16px; margin: 22px 16px 0 16px;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
...@@ -95,16 +95,16 @@ ...@@ -95,16 +95,16 @@
white-space: nowrap; white-space: nowrap;
} }
.hotelmanagement .brandList { .GnHotelmanagement .brandList {
margin: 10px 16px; margin: 10px 16px;
} }
.hotelmanagement .brandList i { .GnHotelmanagement .brandList i {
position: relative; position: relative;
top: 2px; top: 2px;
} }
.hotelmanagement .brand { .GnHotelmanagement .brand {
float: left; float: left;
width: 120px; width: 120px;
overflow: hidden; overflow: hidden;
...@@ -112,46 +112,40 @@ ...@@ -112,46 +112,40 @@
white-space: nowrap; white-space: nowrap;
} }
.hotelmanagement .dayNum { .GnHotelmanagement .dayNum {
float: right; float: right;
} }
.hotelmanagement .Address { .GnHotelmanagement .Address {
margin: 0 16px; margin: 0 16px;
height: 17px; height: 17px;
overflow: hidden; overflow: hidden;
} }
.hotelmanagement .Address i { .GnHotelmanagement .Address i {
color: #bbbbbb; color: #bbbbbb;
} }
.hotelmanagement .iconfont { .GnHotelmanagement .icon-star1 {
margin-right: 5px;
position: relative;
top: -4px;
}
.hotelmanagement .icon-star1 {
color: #ffc800; color: #ffc800;
} }
.hotelmanagement .star i { .GnHotelmanagement .star i {
margin-right: 3px; margin-right: 3px;
font-size: 12px; font-size: 12px;
} }
.hotelmanagement .honor { .GnHotelmanagement .honor {
color: #ff793e; color: #ff793e;
} }
.hotelmanagement .dieline { .GnHotelmanagement .dieline {
color: #2aaef2; color: #2aaef2;
font-size: 14px; font-size: 14px;
top: 1px !important; top: 1px !important;
} }
.hotelmanagement .AddressInner { .GnHotelmanagement .AddressInner {
float: right; float: right;
width: 160px; width: 160px;
height: 18px; height: 18px;
...@@ -162,12 +156,12 @@ ...@@ -162,12 +156,12 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.hotelmanagement .btnList { .GnHotelmanagement .btnList {
margin-top: 12px; margin-top: 12px;
text-align: center; text-align: center;
} }
.hotelmanagement .hotelBtnMan { .GnHotelmanagement .hotelBtnMan {
width: 50px; width: 50px;
height: 28px; height: 28px;
border-radius: 14px; border-radius: 14px;
...@@ -176,11 +170,11 @@ ...@@ -176,11 +170,11 @@
background-color: #f76f6f; background-color: #f76f6f;
} }
.hotelmanagement .w150 .el-input { .GnHotelmanagement .w150 .el-input {
width: 150px; width: 150px;
} }
.hotelmanagement .RemainingInventory { .GnHotelmanagement .RemainingInventory {
position: absolute; position: absolute;
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -197,29 +191,29 @@ ...@@ -197,29 +191,29 @@
margin-left: -30px; margin-left: -30px;
} }
.hotelmanagement .delScien { .GnHotelmanagement .delScien {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 10px; top: 10px;
display: none; display: none;
} }
.hotelmanagement .delScien:hover { .GnHotelmanagement .delScien:hover {
color: #f76f6f; color: #f76f6f;
cursor: pointer; cursor: pointer;
} }
.hotelmanagement .resourceListMan:hover .delScien { .GnHotelmanagement .resourceListMan:hover .delScien {
display: block; display: block;
} }
.hotelmanagement .comCursorUrl { .GnHotelmanagement .comCursorUrl {
cursor: pointer; cursor: pointer;
} }
</style> </style>
<template> <template>
<div class="flexOne hotelmanagement"> <div class="flexOne GnHotelmanagement">
<div class="query-box"> <div class="query-box">
<ul> <ul>
<li> <li>
...@@ -232,7 +226,6 @@ ...@@ -232,7 +226,6 @@
<li> <li>
<span> <span>
<em>{{$t('system.quety_area')}}</em> <em>{{$t('system.quety_area')}}</em>
<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>
...@@ -287,10 +280,49 @@ ...@@ -287,10 +280,49 @@
<button class="hollowFixedBtn" type="button" <button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button> @click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" type="button" @click="goSubInfo('GnHotelInfo')">{{$t('pub.addBtn')}}</button> <button class="normalBtn" type="button" @click="goSubInfo('GnHotelInfo')">{{$t('pub.addBtn')}}</button>
<button class="normalBtn" type="button" @click="goShelves(1)">批量上架</button>
<button class="normalBtn" type="button" @click="goShelves(2)">批量下架</button>
</li> </li>
</ul> </ul>
</div> </div>
<div class="hotelResource clearfix" v-loading="loading"> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%;min-height:450px;"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="50px">
</el-table-column>
<el-table-column prop="Name" label="酒店名称">
</el-table-column>
<el-table-column prop="HotelRealName" label="真实姓名">
</el-table-column>
<el-table-column prop="UpdateName" label="修改人">
</el-table-column>
<el-table-column prop="UpdateTimeStr" label="修改时间">
</el-table-column>
<el-table-column prop="Address" label="地址">
</el-table-column>
<el-table-column prop="HotelStatus" label="状态">
<template slot-scope="scope">
<span v-if="scope.row.HotelStatus==1" style="color:green;">上架</span>
<span v-if="scope.row.HotelStatus==2" style="color:red;">下架</span>
</template>
</el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<!-- <button @click="goSubInfo('GnHotelInfo',scope.row.ID)" class="hotelBtnMan">修改</button> -->
<!-- <button @click="goUrl('HotelProductManage',item)" class="hotelBtnMan">报价与库存</button> -->
<el-tooltip class="item" effect="dark" content="修改" placement="top">
<el-button @click="goSubInfo('GnHotelInfo',scope.row.ID)" type="primary" icon="el-icon-edit" circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="报价与库存" placement="top">
<el-button @click="goUrl('HotelProductManage',scope.row)" style="font-size:14px;" title="" type="primary" icon="iconfont icon-iconkaobei" circle></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:center" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
layout="prev, pager, next" :total="msg.total">
</el-pagination>
<!-- <div class="hotelResource clearfix" v-loading="loading">
<div class="resourceListMan" v-for="(item,index) in tableData" :key="index"> <div class="resourceListMan" v-for="(item,index) in tableData" :key="index">
<div class="reTopInfo" :class="{'comCursorUrl':item.URL}" @click="OpenNewUrl(item.URL)"> <div class="reTopInfo" :class="{'comCursorUrl':item.URL}" @click="OpenNewUrl(item.URL)">
<img v-if="!item.PicPath" src="../../assets/img/bg_c3@3x.png"> <img v-if="!item.PicPath" src="../../assets/img/bg_c3@3x.png">
...@@ -355,7 +387,7 @@ ...@@ -355,7 +387,7 @@
</div> </div>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" <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> :page-size="this.msg.pageSize" layout="total,prev, pager, next, jumper" :total="msg.total"></el-pagination> -->
</div> </div>
</template> </template>
<script> <script>
...@@ -400,11 +432,42 @@ ...@@ -400,11 +432,42 @@
currentPage: 1, currentPage: 1,
ID: 0, ID: 0,
UpdateBy: 0, //操作人 UpdateBy: 0, //操作人
ProductType:2, ProductType: 2,
},
multipleSelection: [],
shelveMsg:{
HotelStatus:1, //1上架 2下架
HotelIds:''
} }
}; };
}, },
methods: { methods: {
//批量上下架
goShelves(type){
if(this.multipleSelection.length==0){
this.Error('请选择酒店');
return
}
this.shelveMsg.HotelStatus=type;
let Ids = [];
this.multipleSelection.forEach(x=>{
Ids.push(x.ID);
})
this.shelveMsg.HotelIds=Ids.toString();
this.apipost("hotel_post_SetHotelStatus",
this.shelveMsg,
res => {
if (res.data.resultCode == 1) {
this.selectResource();
}
},
null
);
},
handleSelectionChange(val){
console.log(val,'x多选');
this.multipleSelection = val;
},
handleCurrentChange(val) { handleCurrentChange(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.selectResource(); this.selectResource();
...@@ -481,6 +544,7 @@ ...@@ -481,6 +544,7 @@
this.tableData.forEach(x => { this.tableData.forEach(x => {
x.starArr = new Array(x.Star); x.starArr = new Array(x.Star);
}); });
console.log(this.tableData,'数据来也');
} }
}, },
null null
......
...@@ -317,6 +317,10 @@ ...@@ -317,6 +317,10 @@
}, },
//提交验证 //提交验证
submitForm(SaveType) { submitForm(SaveType) {
if(this.PostConfig.LineteamId==0){
this.Error('请选择系列');
return
}
if (this.isSubmit) { if (this.isSubmit) {
this.isSubmit = false; this.isSubmit = false;
this.SaveData(SaveType); this.SaveData(SaveType);
......
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